"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[9360],{"./stories/components/gallery/GalleryComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{N:()=>createGallery});__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-int.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),gallery=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/gallery/gallery.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(gallery.Z,options);gallery.Z.locals;var jquery=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery_default=__webpack_require__.n(jquery),helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),galleryData=[{src:"./dummy/placeholder-3-2.svg",width:1470,height:980,copyright:"&copy; Shutterstock",alt:"Dummy Alt Text"},{src:"./dummy/placeholder-2-3.svg",width:736,height:981,copyright:"&copy; Shutterstock",alt:"Dummy Alt Text"},{src:"./dummy/placeholder-3-2.svg",width:1470,height:980,copyright:"&copy; Shutterstock",alt:"Dummy Alt Text"},{src:"./dummy/placeholder-4-3.svg",width:1200,height:980,copyright:"&copy; Shutterstock",alt:"Dummy Alt Text"},{src:"./dummy/placeholder-3-4.svg",width:880,height:1200,copyright:"&copy; Shutterstock",alt:"Dummy Alt Text"},{src:"./dummy/placeholder-3-2.svg",width:1470,height:980,copyright:"&copy; Shutterstock",alt:"Dummy Alt Text"},{src:"./dummy/placeholder-3-4.svg",width:800,height:1100,copyright:"&copy; Shutterstock",alt:"Dummy Alt Text"},{src:"./dummy/placeholder-3-4.svg",width:900,height:1200,copyright:"&copy; Shutterstock",alt:"Dummy Alt Text"},{src:"./dummy/placeholder-3-2.svg",width:1470,height:980,copyright:"&copy; Shutterstock",alt:"Dummy Alt Text"},{src:"./dummy/placeholder-1-1.svg",width:1200,height:1200,copyright:"&copy; Shutterstock",alt:"Dummy Alt Text"},{src:"./dummy/placeholder-3-4.svg",width:880,height:1200,copyright:"&copy; Shutterstock",alt:"Dummy Alt Text"},{src:"./dummy/placeholder-3-2.svg",width:1470,height:980,copyright:"&copy; Shutterstock",alt:"Dummy Alt Text"},{src:"./dummy/placeholder-3-4.svg",width:800,height:1100,copyright:"&copy; Shutterstock",alt:"Dummy Alt Text"},{src:"./dummy/placeholder-3-4.svg",width:900,height:1200,copyright:"&copy; Shutterstock",alt:"Dummy Alt Text"},{src:"./dummy/placeholder-3-2.svg",width:1470,height:980,copyright:"&copy; Shutterstock",alt:"Dummy Alt Text"},{src:"./dummy/placeholder-4-3.svg",width:1200,height:980,copyright:"&copy; Shutterstock",alt:"Dummy Alt Text"},{src:"./dummy/placeholder-1-1.svg",width:1200,height:1200,copyright:"&copy; Shutterstock",alt:"Dummy Alt Text"}],slider=(__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.to-primitive.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-primitive.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./stories/sections/slider/slider.js")),masonry=__webpack_require__("./stories/_global/scripts/masonry.js");function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor)}}function _toPropertyKey(t){var i=function _toPrimitive(t,r){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==typeof i?i:String(i)}var IHKGallery=function(){function IHKGallery(section){var _this=this;!function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,IHKGallery),this.section=section.addClass("initiated"),this.wrapper=section.find(".gallery-wrapper"),this.items=this.wrapper.children(".image"),this.gridInitialized=!1,this.currentPage=-1,this.visibleItems=[],this.type=section.attr("data-type"),this.initPopup(),"first-image"===this.type||"single-image"===this.type?this.initSingleThumb():"grid"===this.type?(this.initThumbs(),this.initLoading()):"masonry"===this.type&&this.initMasonry(),this.initScrollCheck(),jquery_default()("body").on("lazyload-gallery-image",(function(){_this.lazyLoadSingleImages.call(_this)}))}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(IHKGallery,[{key:"initScrollCheck",value:function initScrollCheck(){var _this2=this;window.addEventListener("scroll",(function(){window.requestAnimationFrame((function(){_this2.scrollCheck()}))}),{passive:!0}),this.scrollCheck()}},{key:"scrollCheck",value:function scrollCheck(){var w=jquery_default()(window);if("first-image"===this.type||"single-image"===this.type){if(!this.isLoaded&&w.scrollTop()+w.height()+100>this.section.offset().top){var thumb=this.items.first();thumb.find("img").attr("src",thumb.data("first-image"===this.type?"thumb":"full")),this.isLoaded=!0}}else"grid"===this.type&&!this.gridInitialized&&this.items.length>this.visibleItems.length&&w.scrollTop()+w.height()+300>jquery_default()(this.section).offset().top+jquery_default()(this.section).height()&&(this.currentPage++,this.loadThumbs(),this.gridInitialized=!0)}},{key:"lazyLoadSingleImages",value:function lazyLoadSingleImages(){if(("first-image"===this.type||"single-image"===this.type)&&!this.isLoaded){var thumb=this.items.first();thumb.find("img").attr("src",thumb.data("first-image"===this.type?"thumb":"full")),this.isLoaded=!0}}},{key:"initSingleThumb",value:function initSingleThumb(){var _this3=this,first=this.items.first().addClass("loading"),a=jquery_default()('<a href="'+first.data("full")+'" />').attr("data-index",0).appendTo(first),img=jquery_default()('<img alt="'+first.data("alt")+'" />').appendTo(a);if(first.data("copyright")&&(jquery_default()('<span class="copyright" aria-hidden="true">'+first.data("copyright")+"</span>").appendTo(a),jquery_default()('<span class="sr-only">'+first.data("copyright")+"</span>").appendTo(a)),first.find(".image-description").appendTo(this.wrapper),this.isLoaded=!1,img.one("load",(function(){_this3.section.addClass("loaded"),first.removeClass("loading")})),this.items.length>1&&(a.append(jquery_default()('<span class="btn has-icon icon-right icon-galerie" />').text(this.items.length+" Bilder")),first.find(".image-description").hide()),"single-image"===this.section.data("type")){var ratio=Math.round(first.data("height")/first.data("width")*1e3)/10+"%";a.css("padding-top",ratio),first.find(".copyright").appendTo(a).css("max-width",ratio)}this.section.closest(".main-col").addClass("clearfix")}},{key:"initThumbs",value:function initThumbs(){this.items.each((function(i){var item=jquery_default()(this);jquery_default()('<a href="'+item.data("full")+'" />').attr("tabindex","-1").attr("data-index",i).appendTo(item)}))}},{key:"initMasonry",value:function initMasonry(){this.items.each((function(i){var item=jquery_default()(this),a=jquery_default()('<a href="'+item.data("full")+'" />').attr("data-index",i).appendTo(item);a.css("padding-top",Math.round(item.data("height")/item.data("width")*1e4)/100+"%"),item.data("copyright")&&a.append('<span class="copyright">'+item.data("copyright")+"</span>")}));var btnText=window.ihk.translations.loadMoreImages;new masonry.Z(this.wrapper,btnText,[{minWidth:0,batchSize:6},{minWidth:0,batchSize:6},{minWidth:567,batchSize:9},{minWidth:1e3,batchSize:12}],"primary-light")}},{key:"initLoading",value:function initLoading(){var _this4=this,imagesPerPage=this.section.data("per-page"),buttonWrapper=jquery_default()('<div class="button-wrapper" />').appendTo(this.section),buttonText=window.ihk.translations.loadMoreImages;this.items.length>imagesPerPage&&(this.moreButton=jquery_default()('<button href="#" class="btn primary-light btn-regular icon-right icon-laden" />').text(buttonText).appendTo(buttonWrapper)),this.moreButton&&this.moreButton.on("click",(function(e){e.preventDefault(),_this4.currentPage++,_this4.loadThumbs()}))}},{key:"initTabIndex",value:function initTabIndex(){var _this5=this,focusable="a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]",unfocusable="[tabindex=-1], [disabled], :hidden",prevFocusable=this.section.prevAll().find(focusable).not(unfocusable).last(),nextFocusable=this.section.nextAll().find(focusable).not(unfocusable).first();this.items.find("a").focus((function(e){var focusElement=jquery_default()(e.currentTarget),currentIndex=parseInt(focusElement.attr("data-index"));prevFocusable.attr("tabindex",1),_this5.items.eq(currentIndex-1).find("a").attr("tabindex",2),focusElement.attr("tabindex",3),_this5.items.eq(currentIndex+1).find("a").attr("tabindex",4),nextFocusable.attr("tabindex",5)})),this.items.find("a").on("focusout",(function(){_this5.items.find("a").removeAttr("tabindex"),prevFocusable.removeAttr("tabindex"),nextFocusable.removeAttr("tabindex")})),nextFocusable.focus((function(){_this5.items.find("a").attr("tabindex",-1),_this5.visibleItems[_this5.visibleItems.length-1].find("a").attr("tabindex",0)}))}},{key:"loadThumbs",value:function loadThumbs(){for(var _this6=this,pp=this.section.data("per-page"),first=this.currentPage*pp,last=first+pp<this.items.length?first+pp:this.items.length,_loop=function _loop(){var item=_this6.items.eq(i).addClass("loading"),img=jquery_default()("<img />").one("load",(function(){item.removeClass("loading").addClass("loaded")}));img.attr("src","masonry"===_this6.section.data("type")?item.data("full"):item.data("thumb")).appendTo(item.find("a")),img.attr("alt",item.data("alt")).attr("title",item.data("title")),item.data("copyright")&&jquery_default()('<span class="copyright">').html(item.data("copyright")).appendTo(item.find("a")),_this6.visibleItems.push(item),item.find("a").removeAttr("tabindex")},i=first;i<last;i++)_loop();this.moreButton&&last===this.items.length&&this.moreButton.hide()}},{key:"initPopup",value:function initPopup(){var _this7=this;this.popup=jquery_default()('<div class="gallery-popup" tabindex="-1" />').appendTo(jquery_default()("header"));var slides=jquery_default()('<div class="slider" />').appendTo(this.popup),closer=jquery_default()('<button class="closer" aria-label="Schließen" />').prependTo(this.popup);if(1===this.items.length&&slides.addClass("single-slide"),this.items.each((function(i,element){var item=jquery_default()(element),slide=jquery_default()('<div class="slide preload" />').appendTo(slides),imgElement=jquery_default()('<div class="image-box" />').attr("data-src",item.data("full")).attr("data-copyright",item.data("copyright")).attr("data-alt",item.data("alt")).attr("title",item.attr("title"));!0===_this7.section.data("render-download")&&imgElement.attr("data-download",item.data("download")),imgElement.appendTo(slide),item.find("span").length>0&&jquery_default()('<div class="text-box" />').appendTo(slide).append(item.find("span.image-description,span.copyright").clone())})),closer.on("click",(function(e){e.preventDefault(),_this7.popup.removeClass("open"),_this7.popup.find("button, a").attr("tabindex",-1),_this7.unbindPopupKeys(),_this7.toggleContentScroll()})),this.slider=new slider.Z(slides),this.popup.find("button, a").attr("tabindex",-1),this.wrapper.on("click","a",(function(e){e.preventDefault();var index=parseInt(jquery_default()(e.currentTarget).attr("data-index"));_this7.popup.addClass("open"),_this7.bindPopupKeys(),_this7.popup.find("button, a").attr("tabindex",0),_this7.popup.focus(),_this7.slider.goTo(index,!1),_this7.toggleContentScroll()})),this.section.data("render-download")){var download=jquery_default()('<a aria-label="Download" href="#" download class="download" />').prependTo(this.popup);jquery_default()(download).attr("href",this.slider.slides.eq(this.slider.currentSlide).find(".image-box").attr("data-download"))}slides.on("slide-change",(function(){_this7.slider.loadImage();var download=_this7.popup.find(".download");download.length&&jquery_default()(download).attr("href",_this7.slider.slides.eq(_this7.slider.currentSlide).find(".image-box").attr("data-download"))}))}},{key:"bindPopupKeys",value:function bindPopupKeys(){var _this8=this;jquery_default()("body").on("keydown.gallery",(function(e){27===e.keyCode?_this8.popup.find(".closer").trigger("click"):37===e.keyCode?_this8.slider.onPrev():39===e.keyCode&&_this8.slider.onNext()}))}},{key:"unbindPopupKeys",value:function unbindPopupKeys(){jquery_default()("body").off("keydown.gallery")}},{key:"toggleContentScroll",value:function toggleContentScroll(){var body=jquery_default()("body"),win=jquery_default()(window);if(this.popup.hasClass("open"))body.css("top",-1*win.scrollTop()+"px").addClass("nav-open");else{var top=Math.abs(parseInt(body.css("top")));body.removeClass("nav-open").removeAttr("style"),win.scrollTop(top)}}}]),IHKGallery}();const components_gallery_gallery=IHKGallery;jquery_default()("body").on("ihk-init dynamic-component-loaded gfi-dynamic-init",(function(){jquery_default()(".gallery:not(.initiated)").each((function(){new IHKGallery(jquery_default()(this))}))}));var createGallery=function createGallery(_ref){var _ref$galleryType=_ref.galleryType,galleryType=void 0===_ref$galleryType?"grid":_ref$galleryType,_ref$itemsPerPage=_ref.itemsPerPage,itemsPerPage=void 0===_ref$itemsPerPage?9:_ref$itemsPerPage,_ref$data=_ref.data,data=void 0===_ref$data?galleryData:_ref$data,thumbWidth="single-image"===galleryType||"first-image"===galleryType?880:300,section=(0,helpers.az)("section",["gallery"],null,null);section.dataset.type=galleryType,section.dataset.perPage=itemsPerPage.toString();var wrapper=(0,helpers.az)("div",["gallery-wrapper"],"",section);return data.map((function(item){var imageDiv=(0,helpers.az)("div",["image"],"",wrapper),thumbHeight=Math.round(thumbWidth/parseInt(item.width)*parseInt(item.height));imageDiv.dataset.thumb=item.src.replace(item.width,thumbWidth.toString()).replace(item.height,thumbHeight.toString()),imageDiv.dataset.full=item.src,imageDiv.dataset.width=item.width,imageDiv.dataset.height=item.height,imageDiv.dataset.alt=item.alt,item.copyright&&(imageDiv.dataset.copyright=item.copyright)})),jquery_default()(document).ready((function(){new components_gallery_gallery(jquery_default()(section))})),section}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/gallery/gallery.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/runtime/getUrl.js"),_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__),_assets_img_preload_svg__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./stories/assets/img/preload.svg"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default()),___CSS_LOADER_URL_REPLACEMENT_0___=_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(_assets_img_preload_svg__WEBPACK_IMPORTED_MODULE_3__);___CSS_LOADER_EXPORT___.push([module.id,'.gallery{--gallery-spacing: 8px;margin:var(--section-margin) 0;width:100%;max-width:880px}@media(min-width: 568px){.gallery.content-media-right{max-width:calc(50% - 15px);float:right;margin:18px 0 20px 30px}}@media(min-width: 568px)and (max-width: 767px){.gallery.content-media-right{max-width:calc(50% - 10px);margin:14px 0 15px 20px}}@media(min-width: 568px){.gallery.content-media-right:first-child{margin-top:0}}@media(min-width: 568px){.gallery.content-media-left{max-width:calc(50% - 15px);float:left;margin:18px 30px 20px 0}}@media(min-width: 568px)and (max-width: 767px){.gallery.content-media-left{max-width:calc(50% - 10px);margin:14px 20px 15px 0}}@media(min-width: 568px){.gallery.content-media-left:first-child{margin-top:0}}.gallery .gallery-wrapper{display:flex;flex-wrap:wrap;margin:calc(var(--gallery-spacing)/-2)}.gallery .image{padding:calc(var(--gallery-spacing)/2);flex:1 1 100%;transition:.3s ease;transform:translate3d(0, 0, 0) scale(1)}.gallery .image.loading{opacity:0;transform:translate3d(0, 0, 0) scale(0.9)}.gallery .image a{position:relative;display:block;background-color:var(--theme-color-primary-dimmed-04);transition:.2s ease}.gallery .image a.focus-visible:focus{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.gallery .image a:focus-visible,.gallery .image a.-moz-focusring{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.gallery .image a::before{content:"";position:relative;display:block;padding-top:66.666667%}.gallery .image a:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:.3s ease}.gallery .image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.gallery .image .copyright{position:absolute;display:block;left:100%;bottom:0;font-size:12px;text-align:left;line-height:1.2;z-index:2;transform-origin:0 100%;transform:rotate(-90deg);transition:.3s ease;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.6);width:calc(66.6% + 7px);padding:8px 18px;opacity:1 !important}.gallery[data-type=grid] .image{flex:1 1 33.3333%;max-width:33.3334%}@media(max-width: 567px){.gallery[data-type=grid] .image{flex:1 1 50%;max-width:50%}}.gallery[data-type=first-image] .image a::after,.gallery[data-type=sinlge-image] .image a::after{display:none}.gallery[data-type=first-image] .btn,.gallery[data-type=sinlge-image] .btn{position:absolute;top:0;right:0;margin:20px}.gallery[data-type=first-image] .image,.gallery[data-type=sinlge-image] .image{transform:none;opacity:1;position:relative}.gallery[data-type=first-image] .image a,.gallery[data-type=sinlge-image] .image a{background-image:url('+___CSS_LOADER_URL_REPLACEMENT_0___+');background-size:80px;background-position:center;background-repeat:no-repeat;display:block}.gallery[data-type=first-image] .image+.image,.gallery[data-type=sinlge-image] .image+.image{display:none}.gallery[data-type=first-image] img,.gallery[data-type=sinlge-image] img{opacity:0;transition:.3s ease}.gallery[data-type=first-image].loaded img,.gallery[data-type=first-image].loaded .image-description,.gallery[data-type=first-image].loaded .image .copyright,.gallery[data-type=sinlge-image].loaded img,.gallery[data-type=sinlge-image].loaded .image-description,.gallery[data-type=sinlge-image].loaded .image .copyright{opacity:1}.gallery[data-type=first-image] .gallery-wrapper,.gallery[data-type=sinlge-image] .gallery-wrapper{padding:5px}.gallery[data-type=first-image] .gallery-wrapper>.image-description,.gallery[data-type=sinlge-image] .gallery-wrapper>.image-description{font-weight:400;font-size:18px;line-height:1.2;margin-top:12px}.gallery[data-type=first-image] img,.gallery[data-type=first-image] .copyright,.gallery[data-type=first-image] .image-description,.gallery[data-type=sinlge-image] img,.gallery[data-type=sinlge-image] .copyright,.gallery[data-type=sinlge-image] .image-description{opacity:0;transition:.4s ease}.gallery[data-type=masonry] .gallery-wrapper{flex-wrap:nowrap;align-items:flex-start}.gallery[data-type=masonry] .column{flex:1 1 100%}.gallery[data-type=masonry] .image a::before{position:absolute;top:0;left:0;right:0;bottom:0;padding:0}.gallery[data-type=masonry] .image img{transition:.3s ease;opacity:0}.gallery[data-type=masonry] .image.loaded img{opacity:1}.gallery[data-type=grid] .image:not(.loading):not(.loaded){position:absolute;opacity:0;pointer-events:none}.gallery[data-type=masonry] .image-description,.gallery[data-type=grid] .image-description{display:none !important}.gallery[data-type=masonry] .image a,.gallery[data-type=grid] .image a{overflow:hidden}.gallery[data-type=masonry] .image a::after,.gallery[data-type=grid] .image a::after{content:"";font-family:"Icons",sans-serif;display:flex;align-items:center;justify-content:center;z-index:1;font-size:var(--icon-size);line-height:1;color:#fff;opacity:0;transition:.3s ease}.gallery[data-type=masonry] .image a::before,.gallery[data-type=grid] .image a::before{background-color:var(--theme-color-primary);opacity:0;z-index:1;transition:.3s ease}.gallery[data-type=masonry] .image a img,.gallery[data-type=grid] .image a img{transition:.3s ease}.gallery[data-type=masonry] .image a:hover:before,.gallery[data-type=masonry] .image a.focus-visible:focus:before,.gallery[data-type=masonry] .image a:focus-visible:before,.gallery[data-type=masonry] .image a.-moz-focusring:before,.gallery[data-type=grid] .image a:hover:before,.gallery[data-type=grid] .image a.focus-visible:focus:before,.gallery[data-type=grid] .image a:focus-visible:before,.gallery[data-type=grid] .image a.-moz-focusring:before{opacity:.5}.gallery[data-type=masonry] .image a:hover:after,.gallery[data-type=masonry] .image a.focus-visible:focus:after,.gallery[data-type=masonry] .image a:focus-visible:after,.gallery[data-type=masonry] .image a.-moz-focusring:after,.gallery[data-type=grid] .image a:hover:after,.gallery[data-type=grid] .image a.focus-visible:focus:after,.gallery[data-type=grid] .image a:focus-visible:after,.gallery[data-type=grid] .image a.-moz-focusring:after{opacity:1}.gallery[data-type=masonry] .image a:hover img,.gallery[data-type=masonry] .image a.focus-visible:focus img,.gallery[data-type=masonry] .image a:focus-visible img,.gallery[data-type=masonry] .image a.-moz-focusring img,.gallery[data-type=grid] .image a:hover img,.gallery[data-type=grid] .image a.focus-visible:focus img,.gallery[data-type=grid] .image a:focus-visible img,.gallery[data-type=grid] .image a.-moz-focusring img{transform:translate3d(0, 0, 0) scale(1.04)}.gallery .button-wrapper{text-align:center}.gallery .button-wrapper .btn{margin:40px 0 0}@media(max-width: 767px){.gallery .button-wrapper .btn{margin-top:24px}}.gallery[data-infinite-scroll=true] .button-wrapper .btn{position:absolute;visibility:hidden}.gallery-popup{position:fixed;top:0;left:0;width:100%;height:calc(var(--viewport-height, 1vh)*100);background-color:rgba(15,28,40,.95);color:#fff;z-index:100;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease 0s,visibility 0s ease .4s,transform .4s ease 0s}.gallery-popup.open{opacity:1;visibility:visible;pointer-events:all;transition:opacity .4s ease 0s,visibility 0s ease 0s,transform .4s ease 0s}.gallery-popup .slide::before{content:"";position:absolute;width:60px;height:60px;top:50%;left:50%;margin:-30px;background-image:url('+___CSS_LOADER_URL_REPLACEMENT_0___+');background-size:60px;filter:saturate(0) brightness(100)}.gallery-popup .image-box{position:relative;display:block;opacity:1;max-width:90%;transition:.3s ease}.gallery-popup .image-box img{max-height:calc(var(--viewport-height, 1vh)*74)}@media(min-width: 1000px){.gallery-popup .image-box img{max-width:calc(100vw - 200px)}}.gallery-popup .image-box .copyright{position:absolute;display:block;left:100%;bottom:0;font-size:12px;text-align:left;line-height:1.2;z-index:2;transform-origin:0 100%;transform:rotate(-90deg);transition:.3s ease;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.6);width:calc(66.6% + 7px);padding:8px 18px}.gallery-popup .text-box{color:#fff;font-size:18px;display:flex;flex-direction:column;margin:20px 20px -10px}.gallery-popup .text-box .copyright{order:1;font-size:14px;font-style:italic}@media(max-width: 767px){.gallery-popup .text-box{font-size:16px}}.gallery-popup .controls .prev,.gallery-popup .controls .next{position:absolute;top:50%;right:0;display:block;width:50px;height:50px;font-size:0;line-height:0;text-align:center;padding:10px 0;margin:-25px 15px;border:0;background-color:rgba(0,0,0,0);color:#fff;cursor:pointer}.gallery-popup .controls .prev:before,.gallery-popup .controls .next:before{content:"";font-family:"Icons",sans-serif;font-size:30px;line-height:1}@media(max-width: 999px){.gallery-popup .controls .prev,.gallery-popup .controls .next{display:none}}.gallery-popup .controls .prev{left:0;transform:rotate(180deg)}.gallery-popup .controls .tabs{display:none}.gallery-popup .controls .count{position:absolute;top:25px;left:50%;width:120px;margin-left:-60px;text-align:center;font-size:18px}.gallery-popup .controls .count span{margin:0 5px}.gallery-popup .slide{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:calc(var(--viewport-height, 1vh)*100);transition:.4s linear;opacity:1}.gallery-popup .slide.preload .image-box{opacity:0}.gallery-popup .closer,.gallery-popup .download{position:absolute;top:0;width:50px;height:50px;font-size:30px;line-height:1;padding:10px 0;color:#fff;background-color:rgba(0,0,0,0);margin:15px;border:0;cursor:pointer;z-index:1}.gallery-popup .closer:before,.gallery-popup .download:before{font-family:"Icons",sans-serif}.gallery-popup .closer{right:0}.gallery-popup .closer::before{content:""}.gallery-popup .download{left:0;text-decoration:none;text-align:center}.gallery-popup .download::before{content:""}.gallery-popup a.focus-visible:focus,.gallery-popup button.focus-visible:focus{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.gallery-popup a:focus-visible,.gallery-popup a.-moz-focusring,.gallery-popup button:focus-visible,.gallery-popup button.-moz-focusring{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.teaser .gallery[data-type=first-image] .image:before,.slider .gallery[data-type=first-image] .image:before{padding-top:66.6666%}',"",{version:3,sources:["webpack://./stories/components/gallery/gallery.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"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",sourcesContent:['@import \'../../_global/styles/mixins\';\n@import \'../../_global/styles/vars\';\n\n.gallery {\n  --gallery-spacing: 8px;\n  margin: var(--section-margin) 0;\n  width: 100%;\n  max-width: 880px;\n\n  @media(min-width: 568px) {\n    &.content-media-right {\n      max-width: calc(50% - 15px);\n      float: right;\n      margin: 18px 0 20px 30px;\n\n      @media(max-width: 767px) {\n        max-width: calc(50% - 10px);\n        margin: 14px 0 15px 20px;\n      }\n\n      &:first-child {\n        margin-top: 0;\n      }\n    }\n\n    &.content-media-left {\n      max-width: calc(50% - 15px);\n      float: left;\n      margin: 18px 30px 20px 0;\n\n      @media(max-width: 767px) {\n        max-width: calc(50% - 10px);\n        margin: 14px 20px 15px 0;\n      }\n\n      &:first-child {\n        margin-top: 0;\n      }\n    }\n  }\n\n  .gallery-wrapper {\n    display: flex;\n    flex-wrap: wrap;\n    margin: calc(var(--gallery-spacing) / -2);\n  }\n\n  .image {\n    padding: calc(var(--gallery-spacing) / 2);\n    flex: 1 1 100%;\n    transition: 0.3s ease;\n    transform: translate3d(0, 0, 0) scale(1);\n\n    &.loading {\n      opacity: 0;\n      transform: translate3d(0, 0, 0) scale(0.9);\n    }\n\n    a {\n      position: relative;\n      display: block;\n      background-color: var(--theme-color-primary-dimmed-04);\n      @include focus-visible;\n      transition: 0.2s ease;\n\n      &::before {\n        content: \'\';\n        position: relative;\n        display: block;\n        padding-top: 66.666667%;\n      }\n\n      &:after {\n        content: "";\n        @include full-size;\n        opacity: 0;\n        transition: 0.3s ease;\n      }\n    }\n\n    img {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    .copyright {\n      @include copyright;\n      opacity: 1 !important;\n    }\n  }\n\n  &[data-type="grid"] {\n    .image {\n      flex: 1 1 33.3333%;\n      max-width: 33.3334%;\n\n      @media(max-width: 567px) {\n        flex: 1 1 50%;\n        max-width: 50%;\n      }\n    }\n  }\n\n  &[data-type="first-image"], &[data-type="sinlge-image"] {\n    .image a::after {\n      display: none;\n    }\n\n    .btn {\n      position: absolute;\n      top: 0;\n      right: 0;\n      margin: 20px;\n    }\n\n    .image {\n      transform: none;\n      opacity: 1;\n      position: relative;\n\n      a {\n        background-image: url(\'../../assets/img/preload.svg\');\n        background-size: 80px;\n        background-position: center;\n        background-repeat: no-repeat;\n        display: block;\n      }\n\n      + .image {\n        display: none;\n      }\n    }\n\n    img {\n      opacity: 0;\n      transition: 0.3s ease;\n    }\n\n    &.loaded {\n      img, .image-description, .image .copyright {\n        opacity: 1;\n      }\n    }\n\n    .gallery-wrapper {\n      padding: 5px;\n\n      > .image-description {\n        font-weight: 400;\n        font-size: 18px;\n        line-height: 1.2;\n        margin-top: 12px;\n      }\n    }\n\n    img, .copyright, .image-description {\n      opacity: 0;\n      transition: 0.4s ease;\n    }\n  }\n\n  &[data-type="masonry"] {\n    .gallery-wrapper {\n      flex-wrap: nowrap;\n      align-items: flex-start;\n    }\n\n    .column {\n      flex: 1 1 100%;\n    }\n\n    .image {\n      a::before {\n        @include full-size;\n        padding: 0;\n      }\n\n      img {\n        transition: 0.3s ease;\n        opacity: 0;\n      }\n\n      &.loaded img {\n        opacity: 1;\n      }\n    }\n  }\n\n  &[data-type=\'grid\'] {\n    .image:not(.loading):not(.loaded) {\n      position: absolute;\n      opacity: 0;\n      pointer-events: none;\n    }\n  }\n\n  &[data-type="masonry"], &[data-type="grid"] {\n    .image-description {\n      display: none !important;\n    }\n\n    .image a {\n      overflow: hidden;\n\n      &::after {\n        @include icon-zoom;\n        font-family: "Icons", sans-serif;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 1;\n        font-size: var(--icon-size);\n        line-height: 1;\n        color: #fff;\n        opacity: 0;\n        transition: 0.3s ease;\n      }\n\n      &::before {\n        background-color: var(--theme-color-primary);\n        opacity: 0;\n        z-index: 1;\n        transition: 0.3s ease;\n      }\n\n      img {\n        transition: 0.3s ease;\n      }\n\n      &:hover, &.focus-visible:focus, &:focus-visible, &.-moz-focusring {\n        &:before {\n          opacity: 0.5;\n        }\n        &:after {\n          opacity: 1;\n        }\n        img {\n          transform: translate3d(0, 0, 0) scale(1.04);\n        }\n      }\n    }\n  }\n\n  .button-wrapper {\n    text-align: center;\n\n    .btn {\n      margin: 40px 0 0;\n\n      @media(max-width: 767px) {\n        margin-top: 24px;\n      }\n    }\n  }\n\n  &[data-infinite-scroll="true"] {\n    .button-wrapper .btn {\n      position: absolute;\n      visibility: hidden;\n    }\n  }\n}\n\n.gallery-popup {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: calc(var(--viewport-height, 1vh) * 100);\n  background-color: rgba(#0F1C28, 0.95);\n  color: #fff;\n  z-index: 100;\n  @include hide;\n\n  &.open {\n    @include show;\n  }\n\n  .slide {\n    &::before {\n      content: \'\';\n      position: absolute;\n      width: 60px;\n      height: 60px;\n      top: 50%;\n      left: 50%;\n      margin: -30px;\n      background-image: url(\'../../assets/img/preload.svg\');\n      background-size: 60px;\n      filter: saturate(0) brightness(100);\n    }\n  }\n\n  .image-box {\n    position: relative;\n    display: block;\n    opacity: 1;\n    max-width: 90%;\n    transition: 0.3s ease;\n\n    img {\n      max-height: calc(var(--viewport-height, 1vh) * 74);\n      @media(min-width: 1000px) {\n        max-width: calc(100vw - 200px);\n      }\n    }\n    .copyright {\n      @include copyright;\n    }\n  }\n\n  .text-box {\n    color: #fff;\n    font-size: 18px;\n    display: flex;\n    flex-direction: column;\n    margin: 20px 20px -10px;\n\n    .copyright {\n      order: 1;\n      font-size: 14px;\n      font-style: italic;\n    }\n\n    @media(max-width: 767px) {\n      font-size: 16px;\n    }\n  }\n\n  .controls {\n    .prev, .next {\n      position: absolute;\n      top: 50%;\n      right: 0;\n      display: block;\n      width: 50px;\n      height: 50px;\n\n      font-size: 0;\n      line-height: 0;\n      text-align: center;\n      padding: 10px 0;\n      margin: -25px 15px;\n      border: 0;\n      background-color: transparent;\n      color: white;\n      cursor: pointer;\n\n      &:before {\n        @include icon-pfeil-rechts;\n        font-family: "Icons", sans-serif;\n        font-size: 30px;\n        line-height: 1;\n      }\n\n      @media(max-width: 999px) {\n        display: none;\n      }\n    }\n\n    .prev {\n      left: 0;\n      transform: rotate(180deg);\n    }\n\n    .tabs {\n      display: none;\n    }\n\n    .count {\n      position: absolute;\n      top: 25px;\n      left: 50%;\n      width: 120px;\n      margin-left: -60px;\n      text-align: center;\n      font-size: 18px;\n\n      span {\n        margin: 0 5px;\n      }\n    }\n  }\n\n  .slide {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n    height: calc(var(--viewport-height, 1vh) * 100);\n    transition: 0.4s linear;\n    opacity: 1;\n\n    &.preload .image-box {\n      opacity: 0;\n    }\n  }\n\n  .closer, .download {\n    position: absolute;\n    top: 0;\n    width: 50px;\n    height: 50px;\n    font-size: 30px;\n    line-height: 1;\n    padding: 10px 0;\n    color: #fff;\n    background-color: transparent;\n    margin: 15px;\n    border: 0;\n    cursor: pointer;\n    z-index: 1;\n\n    &:before {\n      font-family: "Icons", sans-serif;\n    }\n  }\n\n  .closer {\n    right: 0;\n\n    &::before {\n      @include icon-schliessen;\n    }\n  }\n\n  .download {\n    left: 0;\n    text-decoration: none;\n    text-align: center;\n\n    &::before {\n      @include icon-download;\n    }\n  }\n\n  a, button {\n    @include focus-visible;\n  }\n}\n\n.teaser, .slider {\n  .gallery[data-type="first-image"] .image:before {\n    padding-top: 66.6666%;\n  }\n}\n',"@mixin h1 {\n  font-family: var(--font-korb);\n  font-size: var(--font-size-h1);\n  line-height: 1.1;\n  font-weight: 400;\n  margin: 0.6em -0.05em 0.5em;\n\n  &:first-child {\n    margin-top: -0.1em;\n  }\n}\n\n@mixin h2 {\n  font-family: var(--font-korb);\n  font-size: var(--font-size-h2);\n  line-height: 1.2;\n  font-weight: 400;\n  margin: 1.4em -0.05em 0.6em;\n}\n\n@mixin h3 {\n  font-family: var(--font-korb);\n  font-size: var(--font-size-h3);\n  line-height: 1.2;\n  font-weight: 400;\n  margin: 1.4em -0.05em 0.6em;\n}\n\n@mixin h4 {\n  font-family: var(--font-korb);\n  font-size: var(--font-size-h4);\n  font-style: normal;\n  font-weight: normal;\n  line-height: 1.2;\n  margin: 1.4em -0.05em 0.8em;\n}\n\n@mixin h5 {\n  font-family: var(--font-korb);\n  font-size: 22px;\n  line-height: 1.2;\n  font-weight: 400;\n  margin: 1em 0 0.6em;\n\n  @media(max-width: 1339px) {\n    font-size: 20px;\n  }\n  @media(max-width: 767px) {\n    font-size: 18px;\n  }\n}\n\n@mixin h6 {\n  font-size: inherit;\n  line-height: 1.4;\n  font-weight: 600;\n  margin: 1.2em 0 0.5em;\n}\n\n@mixin kicker {\n  display: block;\n  font-size: 16px;\n  //text-transform: uppercase;\n  margin-bottom: 2px;\n  letter-spacing: 0.3px;\n\n  @media(max-width: 767px) {\n    font-size: 14px;\n  }\n\n  + h1,\n  + .like-h1 {\n    margin-top: 0.1em;\n  }\n\n  + h2, + .like-h2,\n  + h3, + .like-h3,\n  + h4 + .like-h4, {\n    margin-top: 0.2em;\n  }\n}\n\n@mixin hide($delay: 0s) {\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  transition: opacity 0.4s ease $delay, visibility $delay ease 0.4s, transform 0.4s ease $delay;\n}\n\n@mixin show($delay: 0s) {\n  opacity: 1;\n  visibility: visible;\n  pointer-events: all;\n  transition: opacity 0.4s ease $delay, visibility 0s ease $delay, transform 0.4s ease $delay;\n}\n\n@mixin full-size {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n@mixin copyright {\n  position: absolute;\n  display: block;\n  left: 100%;\n  bottom: 0;\n  font-size: 12px;\n  text-align: left;\n  line-height: 1.2;\n  z-index: 2;\n  transform-origin: 0 100%;\n  transform: rotate(-90deg);\n  transition: 0.3s ease;\n\n  color: white;\n  text-shadow: 0 0 3px rgba(black, 0.6), 0 0 8px rgba(black, 0.6);\n  width: calc(66.6% + 7px);\n  padding: 8px 18px;\n\n  //color: var(--theme-color-white);\n  //text-shadow: -2px 2px 0 #000;\n  //padding: 2px 6px 2px 4px;\n  //background: #012d59;\n  //white-space: nowrap;\n  //max-width: calc(66.6% + 7px);\n  //overflow: hidden;\n  //\n  //@media(max-width: 767px) {\n  //  font-size: 10px;\n  //  max-width: 100%;\n  //}\n}\n\n@mixin form-field {\n  --input-height: 60px;\n  position: relative;\n  display: block;\n  width: 100%;\n  height: var(--input-height);\n  background-color: var(--theme-color-white);\n  border: 1px solid var(--theme-color-primary);\n  border-radius: var(--border-radius-xs);\n  padding: 10px 15px;\n  font-family: 'Source Sans Pro', sans-serif;\n  font-size: var(--font-size-copy);\n  line-height: 1.4;\n  transition: 0.3s ease;\n  color: var(--theme-color-primary);\n\n  &:focus {\n    box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n    outline: 0;\n  }\n\n  @media(max-width: 1199px) {\n    --input-height: 50px;\n  }\n  @media(max-width: 767px) {\n    --input-height: 44px;\n  }\n}\n\n@mixin focus-visible($inset: false) {\n  @if $inset {\n    &.focus-visible:focus {\n      box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n      outline: 0;\n    }\n    &:focus-visible, &.-moz-focusring {\n      box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n      outline: 0;\n    }\n  }\n  @else {\n    &.focus-visible:focus {\n      box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n      outline: 0;\n    }\n    &:focus-visible, &.-moz-focusring {\n      box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n      outline: 0;\n    }\n  }\n}\n\n@mixin focus-standalone($inset: false) {\n  @if $inset {\n    box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n    outline: 0;\n  }\n  @else {\n    box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n    outline: 0;\n  }\n}\n\n@mixin word-wrap() {\n  word-break:     break-word;\n  -webkit-hyphens: auto;\n  -moz-hyphens:    auto;\n  hyphens:         auto;\n}\n\n// ICONS\n@mixin icon-ankerlink { content: '\\e800'; }\n@mixin icon-barrierefreiheit { content: '\\e801'; }\n@mixin icon-chat { content: '\\e802'; }\n@mixin icon-check { content: '\\e803'; }\n@mixin icon-checkbox-liste-1 { content: '\\e804'; }\n@mixin icon-content-schloss { content: '\\e805'; }\n@mixin icon-content { content: '\\e807'; }\n@mixin icon-dauer { content: '\\e808'; }\n@mixin icon-download { content: '\\e809'; }\n@mixin icon-dropdown { content: '\\e80a'; }\n@mixin icon-drucker { content: '\\e80b'; }\n@mixin icon-email { content: '\\e80c'; }\n@mixin icon-fax { content: '\\e80d'; }\n@mixin icon-freie-plaetze { content: '\\e80e'; }\n@mixin icon-galerie { content: '\\e80f'; }\n@mixin icon-gebaerdensprache { content: '\\e810'; }\n@mixin icon-geschlossen { content: '\\e811'; }\n@mixin icon-ihk-wechseln { content: '\\e812'; }\n@mixin icon-info { content: '\\e813'; }\n@mixin icon-kalender { content: '\\e814'; }\n@mixin icon-kartenpin { content: '\\e815'; }\n@mixin icon-kontakt { content: '\\e816'; }\n@mixin icon-laden { content: '\\e817'; }\n@mixin icon-leichte-sprache { content: '\\e818'; }\n@mixin icon-link-external { content: '\\e819'; }\n@mixin icon-liste-schloss { content: '\\e81a'; }\n@mixin icon-liste-stern { content: '\\e81b'; }\n@mixin icon-liste { content: '\\e81c'; }\n@mixin icon-loeschen { content: '\\e81d'; }\n@mixin icon-login { content: '\\e81e'; }\n@mixin icon-minus { content: '\\e81f'; }\n@mixin icon-pdf { content: '\\e820'; }\n@mixin icon-pfeil-links { content: '\\e821'; }\n@mixin icon-pfeil-oben { content: '\\e822'; }\n@mixin icon-pfeil-rechts-schloss { content: '\\e823'; }\n@mixin icon-pfeil-rechts-stern { content: '\\e824'; }\n@mixin icon-pfeil-rechts { content: '\\e825'; }\n@mixin icon-pfeil-simple-rechts { content: '\\e826'; }\n@mixin icon-pfeil-unten { content: '\\e827'; }\n@mixin icon-plus { content: '\\e828'; }\n@mixin icon-preis { content: '\\e829'; }\n@mixin icon-referent { content: '\\e82a'; }\n@mixin icon-reset { content: '\\e82b'; }\n@mixin icon-sanduhr { content: '\\e82c'; }\n@mixin icon-schliessen { content: '\\e82d'; }\n@mixin icon-schloss { content: '\\e82e'; }\n@mixin icon-sprache { content: '\\e82f'; }\n@mixin icon-stern { content: '\\e830'; }\n@mixin icon-suche-adresse { content: '\\e831'; }\n@mixin icon-suche-archiv { content: '\\e832'; }\n@mixin icon-suche-az { content: '\\e833'; }\n@mixin icon-suche-chat { content: '\\e834'; }\n@mixin icon-suche-datei { content: '\\e835'; }\n@mixin icon-suche-firma { content: '\\e836'; }\n@mixin icon-suche-magazin { content: '\\e837'; }\n@mixin icon-suche-mail { content: '\\e838'; }\n@mixin icon-suche-person { content: '\\e839'; }\n@mixin icon-suche-schloss { content: '\\e83a'; }\n@mixin icon-suche-veranstaltung { content: '\\e83b'; }\n@mixin icon-suche { content: '\\e83c'; }\n@mixin icon-teilnehmer-add { content: '\\e83d'; }\n@mixin icon-telefon { content: '\\e83e'; }\n@mixin icon-vcard { content: '\\e83f'; }\n@mixin icon-small-arrow-right-simple { content: '\\e840'; }\n@mixin icon-small-barrierefreiheit { content: '\\e841'; }\n@mixin icon-small-download { content: '\\e842'; }\n@mixin icon-small-gebaerdensprache { content: '\\e843'; }\n@mixin icon-small-kontakt { content: '\\e844'; }\n@mixin icon-small-leichte-sprache { content: '\\e845'; }\n@mixin icon-small-link-external { content: '\\e846'; }\n@mixin icon-small-login { content: '\\e847'; }\n@mixin icon-small-pfeil-rechts { content: '\\e848'; }\n@mixin icon-small-sprache { content: '\\e849'; }\n@mixin icon-small-schloss { content: '\\e84a'; }\n@mixin icon-small-stern { content: '\\e84b'; }\n@mixin icon-teilen { content: '\\e84c'; }\n@mixin icon-social-telegram { content: '\\e84d'; }\n@mixin icon-social-threema { content: '\\e84e'; }\n@mixin icon-social-whatsapp { content: '\\e84f'; }\n@mixin icon-suche-big { content: '\\e850'; }\n@mixin icon-xsmall-pin { content: '\\e851'; }\n@mixin icon-check-1 { content: '\\e852'; }\n@mixin icon-xsmall-euro { content: '\\e853'; }\n@mixin icon-xsmall-geschlossen { content: '\\e854'; }\n@mixin icon-xsmall-kalender { content: '\\e855'; }\n@mixin icon-xsmall-liste { content: '\\e856'; }\n@mixin icon-xsmall-offen { content: '\\e857'; }\n@mixin icon-xsmall-uhr { content: '\\e858'; }\n@mixin icon-social-facebook { content: '\\e859'; }\n@mixin icon-liste-1 { content: '\\e85a'; }\n@mixin icon-social-linkedin { content: '\\e85b'; }\n@mixin icon-social-pinterest { content: '\\e85c'; }\n@mixin icon-social_x { content: '\\e85d'; }\n@mixin icon-social-xing { content: '\\e85e'; }\n@mixin icon-zoom { content: '\\e85f'; }\n@mixin icon-social-youtube { content: '\\e860'; }\n@mixin icon-social-instagram { content: '\\e861'; }\n@mixin icon-faq { content: '\\e869'; }\n@mixin icon-checkbox-liste { content: '\\e86a'; }\n@mixin icon-content-stern { content: '\\e86b'; }\n@mixin icon-small-election-group { content: '\\e86c'; }\n@mixin icon-small-icon-election-location { content: '\\e86e'; }\n@mixin icon-userlike { content: '\\e8c6'; }\n@mixin icon-userlike-chat { content: '\\e8c7'; }\n@mixin icon-magazine { content: '\\e8c8'; }\n@mixin icon-lokalisierung { content: '\\e8c9'; }\n@mixin icon-login-flyout { content: '\\e8ca'; }\n@mixin icon-login-header { content: '\\e8cb'; }\n@mixin icon-social-twitter { content: '\\e85d'; }\n@mixin icon-play { content: '\\e86d'; }\n@mixin icon-pause { content: '\\e806'; }\n@mixin icon-volume-mute { content: '\\e862'; }\n@mixin icon-volume-on { content: '\\e86f'; }\n@mixin icon-ankerlink-right { content: '\\e873'; }\n\n// PICTOGRAMS\n@mixin pictogram-achtung { content: '\\e800'; }\n@mixin pictogram-achtung-strom { content: '\\e801'; }\n@mixin pictogram-aeskulapstab { content: '\\e802'; }\n@mixin pictogram-anker { content: '\\e803'; }\n@mixin pictogram-anstossen { content: '\\e804'; }\n@mixin pictogram-arbeitsplatz { content: '\\e805'; }\n@mixin pictogram-auktionshammer { content: '\\e806'; }\n@mixin pictogram-batterie { content: '\\e807'; }\n@mixin pictogram-ausruf { content: '\\e808'; }\n@mixin pictogram-bauhelm { content: '\\e809'; }\n@mixin pictogram-benefit-vorteil-geschenk { content: '\\e80a'; }\n@mixin pictogram-bett { content: '\\e80b'; }\n@mixin pictogram-blatt { content: '\\e80c'; }\n@mixin pictogram-blume { content: '\\e80d'; }\n@mixin pictogram-blume-b { content: '\\e80e'; }\n@mixin pictogram-brief { content: '\\e80f'; }\n@mixin pictogram-brille-auf-buch { content: '\\e810'; }\n@mixin pictogram-bueroklammer { content: '\\e811'; }\n@mixin pictogram-bus { content: '\\e812'; }\n@mixin pictogram-container { content: '\\e813'; }\n@mixin pictogram-containerschiff { content: '\\e815'; }\n@mixin pictogram-daumen-hoch-a { content: '\\e816'; }\n@mixin pictogram-daumen-hoch-c { content: '\\e817'; }\n@mixin pictogram-daumen-hoch-b { content: '\\e818'; }\n@mixin pictogram-diagramm-mit-text { content: '\\e819'; }\n@mixin pictogram-diagramm-torte { content: '\\e81a'; }\n@mixin pictogram-diagramm-verlust { content: '\\e81b'; }\n@mixin pictogram-diagramm-wachstum { content: '\\e81c'; }\n@mixin pictogram-diagramm { content: '\\e81d'; }\n@mixin pictogram-co2 { content: '\\e814'; }\n@mixin pictogram-dokument-a { content: '\\e81e'; }\n@mixin pictogram-dokument-b { content: '\\e81f'; }\n@mixin pictogram-dokument-c { content: '\\e820'; }\n@mixin pictogram-e-auto { content: '\\e821'; }\n@mixin pictogram-e-learning { content: '\\e822'; }\n@mixin pictogram-einkaufstasche-mit-eurozeichen { content: '\\e824'; }\n@mixin pictogram-einkaufstasche { content: '\\e825'; }\n@mixin pictogram-einkaufswagen { content: '\\e826'; }\n@mixin pictogram-eu-emblem-brexit { content: '\\e827'; }\n@mixin pictogram-eu-emblem { content: '\\e828'; }\n@mixin pictogram-eule { content: '\\e829'; }\n@mixin pictogram-fabrik { content: '\\e82a'; }\n@mixin pictogram-fahne-horizontal-gestreift { content: '\\e82b'; }\n@mixin pictogram-fahne-kreuz { content: '\\e82c'; }\n@mixin pictogram-fahne-neutral { content: '\\e82d'; }\n@mixin pictogram-fahne-vertikal-gestreift { content: '\\e82e'; }\n@mixin pictogram-fahrrad-jobrad-dienstfahrrad { content: '\\e82f'; }\n@mixin pictogram-fahrrad-sportlich { content: '\\e830'; }\n@mixin pictogram-fahrrad { content: '\\e831'; }\n@mixin pictogram-faq-a { content: '\\e832'; }\n@mixin pictogram-faq-b { content: '\\e833'; }\n@mixin pictogram-fernglas { content: '\\e834'; }\n@mixin pictogram-fisch-frisst-fisch { content: '\\e835'; }\n@mixin pictogram-flugzeug { content: '\\e836'; }\n@mixin pictogram-frage { content: '\\e837'; }\n@mixin pictogram-fragezeichen { content: '\\e838'; }\n@mixin pictogram-geld-zuschuss-foerderung { content: '\\e839'; }\n@mixin pictogram-geldsack { content: '\\e83a'; }\n@mixin pictogram-freiheitsstatue { content: '\\e83b'; }\n@mixin pictogram-gruppe-gespraech { content: '\\e83c'; }\n@mixin pictogram-gruppe-idee { content: '\\e83d'; }\n@mixin pictogram-globus { content: '\\e83e'; }\n@mixin pictogram-gutschein-zuschuss-benefit { content: '\\e83f'; }\n@mixin pictogram-hand-a { content: '\\e840'; }\n@mixin pictogram-hand-b { content: '\\e841'; }\n@mixin pictogram-hand-c { content: '\\e842'; }\n@mixin pictogram-hand-geben { content: '\\e843'; }\n@mixin pictogram-hand-mit-werkzeug { content: '\\e844'; }\n@mixin pictogram-hand-gespreizt { content: '\\e845'; }\n@mixin pictogram-hand-zeigen-b { content: '\\e846'; }\n@mixin pictogram-hand-zeigen-a { content: '\\e847'; }\n@mixin pictogram-hand-zeigen-c { content: '\\e848'; }\n@mixin pictogram-handschlag-a { content: '\\e849'; }\n@mixin pictogram-handschlag-b { content: '\\e84a'; }\n@mixin pictogram-handschlag-c { content: '\\e84b'; }\n@mixin pictogram-heft { content: '\\e84c'; }\n@mixin pictogram-idee { content: '\\e84d'; }\n@mixin pictogram-ihk-chemnitz-a { content: '\\e84e'; }\n@mixin pictogram-ihk-chemnitz-b { content: '\\e84f'; }\n@mixin pictogram-ihk-chemnitz-c { content: '\\e850'; }\n@mixin pictogram-ihk-giessen-friedberg { content: '\\e851'; }\n@mixin pictogram-ihk-hagen { content: '\\e852'; }\n@mixin pictogram-ihk-heilbronn-franken { content: '\\e853'; }\n@mixin pictogram-ihk-köln { content: '\\e854'; }\n@mixin pictogram-ihk-rhein-neckar { content: '\\e855'; }\n@mixin pictogram-ihk-stuttgart { content: '\\e856'; }\n@mixin pictogram-ihk-wahl { content: '\\e857'; }\n@mixin pictogram-information { content: '\\e858'; }\n@mixin pictogram-kalender { content: '\\e859'; }\n@mixin pictogram-karte { content: '\\e85a'; }\n@mixin pictogram-koepfe-mit-sprechblase { content: '\\e85b'; }\n@mixin pictogram-kerze { content: '\\e85c'; }\n@mixin pictogram-kopf-mit-formel { content: '\\e85d'; }\n@mixin pictogram-kran { content: '\\e85e'; }\n@mixin pictogram-kuchen { content: '\\e85f'; }\n@mixin pictogram-labyrinth { content: '\\e860'; }\n@mixin pictogram-lkw { content: '\\e861'; }\n@mixin pictogram-maske { content: '\\e862'; }\n@mixin pictogram-megaphon { content: '\\e863'; }\n@mixin pictogram-mikrofon { content: '\\e864'; }\n@mixin pictogram-paket-mit-euro { content: '\\e865'; }\n@mixin pictogram-paket { content: '\\e866'; }\n@mixin pictogram-paragraph { content: '\\e867'; }\n@mixin pictogram-persoenliche_entwicklung { content: '\\e868'; }\n@mixin pictogram-person-an-tafel-a { content: '\\e869'; }\n@mixin pictogram-person-an-tafel-b { content: '\\e86a'; }\n@mixin pictogram-person-auf-schild { content: '\\e86b'; }\n@mixin pictogram-person-mit-brille-a { content: '\\e86c'; }\n@mixin pictogram-person-mit-brille-b { content: '\\e86d'; }\n@mixin pictogram-person-mit-buch { content: '\\e86e'; }\n@mixin pictogram-person-mit-doktorhut-a { content: '\\e86f'; }\n@mixin pictogram-person-mit-doktorhut-b { content: '\\e870'; }\n@mixin pictogram-person-mit-headset { content: '\\e871'; }\n@mixin pictogram-person-mit-uniform-a { content: '\\e872'; }\n@mixin pictogram-person-mit-uniform-b { content: '\\e873'; }\n@mixin pictogram-person { content: '\\e874'; }\n@mixin pictogram-personen-mit-brieftasche { content: '\\e875'; }\n@mixin pictogram-personen-mit-doktorhut { content: '\\e876'; }\n@mixin pictogram-personen-suche-a { content: '\\e877'; }\n@mixin pictogram-personen-suche-b { content: '\\e878'; }\n@mixin pictogram-pusteblume { content: '\\e879'; }\n@mixin pictogram-rakete-a { content: '\\e87a'; }\n@mixin pictogram-rakete-b { content: '\\e87b'; }\n@mixin pictogram-rednerpult { content: '\\e87c'; }\n@mixin pictogram-rettungsring { content: '\\e87d'; }\n@mixin pictogram-roboter { content: '\\e87e'; }\n@mixin pictogram-s-bahn { content: '\\e87f'; }\n@mixin pictogram-smilie { content: '\\e880'; }\n@mixin pictogram-social-facebook { content: '\\e881'; }\n@mixin pictogram-social-instagram { content: '\\e882'; }\n@mixin pictogram-social-linkedin { content: '\\e883'; }\n@mixin pictogram-social-twitter { content: '\\e884'; }\n@mixin pictogram-social-youtube { content: '\\e885'; }\n@mixin pictogram-solidaritaetsschleife { content: '\\e886'; }\n@mixin pictogram-stadt { content: '\\e887'; }\n@mixin pictogram-standort { content: '\\e888'; }\n@mixin pictogram-stern { content: '\\e889'; }\n@mixin pictogram-steuerung { content: '\\e88a'; }\n@mixin pictogram-stoppuhr { content: '\\e88b'; }\n@mixin pictogram-strommast { content: '\\e88c'; }\n@mixin pictogram-system-prozess { content: '\\e88d'; }\n@mixin pictogram-teamwork-team-zusammenarbeit { content: '\\e88e'; }\n@mixin pictogram-teller-besteck { content: '\\e88f'; }\n@mixin pictogram-treppe { content: '\\e890'; }\n@mixin pictogram-tropfen-a { content: '\\e891'; }\n@mixin pictogram-tropfen-b { content: '\\e892'; }\n@mixin pictogram-tulpe { content: '\\e893'; }\n@mixin pictogram-veranstaltung-intern-beruf { content: '\\e894'; }\n@mixin pictogram-veranstaltung-intern-feier { content: '\\e895'; }\n@mixin pictogram-videocall-a { content: '\\e896'; }\n@mixin pictogram-videocall-b { content: '\\e897'; }\n@mixin pictogram-videos { content: '\\e898'; }\n@mixin pictogram-virus { content: '\\e899'; }\n@mixin pictogram-waage { content: '\\e89a'; }\n@mixin pictogram-wegweiser-a { content: '\\e89b'; }\n@mixin pictogram-wegweiser-b { content: '\\e89c'; }\n@mixin pictogram-weltkugel-mit-flamme { content: '\\e89d'; }\n@mixin pictogram-weltkugel-mit-koffer { content: '\\e89e'; }\n@mixin pictogram-weltkugel { content: '\\e89f'; }\n@mixin pictogram-werkzeug { content: '\\e8a0'; }\n@mixin pictogram-windrad-a { content: '\\e8a1'; }\n@mixin pictogram-windrad-b { content: '\\e8a2'; }\n@mixin pictogram-wolke-mit-herz-und-sonne { content: '\\e8a3'; }\n@mixin pictogram-zeitung { content: '\\e8a4'; }\n\n@mixin icon-fa-play-circled2 { content: '\\e800'; }\n@mixin icon-fa-play { content: '\\e801'; }\n@mixin icon-fa-basket { content: '\\e843'; }\n@mixin icon-fa-play-circled { content: '\\f144'; }\n@mixin icon-fa-cart-plus { content: '\\f217'; }\n@mixin icon-fa-cart-arrow-down { content: '\\f218'; }\n\n@mixin icon-galerie-small { content: '\\e870'; }\n@mixin icon-interaction-small { content: '\\e871'; }\n@mixin icon-video-small { content: '\\e872'; }\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);