|
- "use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[6493],{"./stories/atoms/tabs/TabsComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>createTabs});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.string.link.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),tabs=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/tabs/tabs.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(tabs.Z,options);tabs.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),ButtonComponent=__webpack_require__("./stories/atoms/button/ButtonComponent.js"),createTabs=function createTabs(_ref){var _ref$size=_ref.size,size=void 0===_ref$size?"small":_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"primary-extra-light":_ref$color,_ref$data=_ref.data,data=void 0===_ref$data?[{label:"Alle <strong>(24)</strong>",link:"#"},{label:"Veranstaltungen <strong>(4)</strong>",link:"#"},{label:"Downloads <strong>(12)</strong>",link:"#"}]:_ref$data,tabs=(0,helpers.az)("div",["tabs"]);return data.map((function(item,i){var button=(0,ButtonComponent.a)({size,label:item.label,link:item.link,color});tabs.appendChild(button),0===i&&button.classList.add("active")})),tabs}},"./stories/sections/slider/slider.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-int.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.error.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var jquery__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_12__),hammerjs__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/hammerjs/hammer.js"),hammerjs__WEBPACK_IMPORTED_MODULE_13___default=__webpack_require__.n(hammerjs__WEBPACK_IMPORTED_MODULE_13__);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)}__webpack_require__("./node_modules/jquery.easing/jquery.easing.js");var IHKSlider=function(){function IHKSlider(section){var _this=this;!function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,IHKSlider),this.section=section.addClass("initiated"),this.slides=section.children(),this.slideOverflow=jquery__WEBPACK_IMPORTED_MODULE_12___default()('<div class="slide-overflow" />').appendTo(section),this.slideWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()('<div class="slide-wrapper" />').appendTo(this.slideOverflow).append(this.slides),this.currentSlide=0,this.autoplayTimeout=0,this.isHovered=!1,this.sectionInitialClicked=!1,this.dragging=!1,this.inViewport=!1,this.positionAnimation={x:0},this.settings={loop:!1,autoplay:this.section.data("autoplay"),infinite:!0,autoplaySpeed:this.section.data("autoplay-speed")?this.section.data("autoplay-speed"):5e3,animationSpeed:600,startSlide:0},this.initSlides(),this.settings.infinite&&this.initInfinity(),this.initUI(),this.checkSize(),this.slides.length>1&&(this.initHammerDragging(),this.initTabbing()),this.changeSlide(this.settings.startSlide),this.initAutoplay(),this.checkSize(),this.section.closest(".steps").length&&this.setupSteps(),jquery__WEBPACK_IMPORTED_MODULE_12___default()(window).on("resize",(function(){_this.checkSize()}))}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(IHKSlider,[{key:"initSlides",value:function initSlides(){this.slides.each((function(i){var slide=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this).attr("data-index",i),h3=slide.find("h3"),p=h3.next("p");slide.find(".image-box").length?(h3.text().length>48&&h3.html(h3.text().substring(0,48)+"…"),p.text().length>148&&p.html(p.text().substring(0,148)+"…")):slide.addClass("text-only")}))}},{key:"checkSize",value:function checkSize(){this.controls.find(".tabs").width()>.6*this.slideOverflow.width()?this.section.addClass("many-slides"):this.section.removeClass("many-slides")}},{key:"initInfinity",value:function initInfinity(){this.nextWrapper=this.slideWrapper.clone(),this.prevWrapper=this.slideWrapper.clone(),this.nextWrapper.removeClass("slide-wrapper").addClass("next-clone").appendTo(this.slideWrapper).css({left:this.slides.length+"%"}),this.prevWrapper.removeClass("slide-wrapper").addClass("prev-clone").appendTo(this.slideWrapper),this.nextWrapper.find("a, button, input, select, textarea").attr("tabindex",-1),this.prevWrapper.find("a, button, input, select, textarea").attr("tabindex",-1),this.nextWrapper.find("img").removeClass("loading"),this.prevWrapper.find("img").removeClass("loading")}},{key:"initUI",value:function initUI(){var _this2=this;this.count=jquery__WEBPACK_IMPORTED_MODULE_12___default()("<span />"),this.prevButton=jquery__WEBPACK_IMPORTED_MODULE_12___default()('<button class="prev" aria-label="Previous Slide" />'),this.nextButton=jquery__WEBPACK_IMPORTED_MODULE_12___default()('<button class="next" aria-label="Next Slide" />');var tabsWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()('<ul class="slider-tabs" />'),countWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()('<span class="count" />').html('/<span class="total">'+this.slides.length+"</span></span>").prepend(this.count);this.tabs=tabsWrapper.children(),this.slides.length>1?(this.slides.each((function(i){var s=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this),li=jquery__WEBPACK_IMPORTED_MODULE_12___default()("<li/>").appendTo(tabsWrapper),button=jquery__WEBPACK_IMPORTED_MODULE_12___default()("<button />").addClass("btn").appendTo(li);jquery__WEBPACK_IMPORTED_MODULE_12___default()("<span/>").appendTo(button).text(s.data("title")?s.data("title"):i+1)})),this.tabs=tabsWrapper.children(),tabsWrapper.find("button").on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.changeSlide(jquery__WEBPACK_IMPORTED_MODULE_12___default()(e.currentTarget).parent().index())})),this.prevButton.on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.onPrev()})),this.nextButton.on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.onNext()})),this.controls=jquery__WEBPACK_IMPORTED_MODULE_12___default()('<div class="controls" />').append(this.prevButton).append(tabsWrapper).append(countWrapper).append(this.nextButton).appendTo(this.section)):this.controls=jquery__WEBPACK_IMPORTED_MODULE_12___default()('<div class="controls" />').append(tabsWrapper).append(countWrapper).appendTo(this.section)}},{key:"changeSlide",value:function changeSlide(index,offset){var _this3=this,transition=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],t=this,prevIndex=0===index?this.slides.length-1:index-1,nextIndex=index===this.slides.length-1?0:index+1,allWidth=t.nextWrapper.position().left;offset||(offset=0),index===this.currentSlide&&0===this.slideOverflow.outerHeight()&&(transition=!1),t.positionAnimation={x:this.slideWrapper.position().left};var target=(index+offset)/-100*this.slideWrapper.width(),time=Math.round(Math.abs(this.positionAnimation.x-target)/5+200);time>500&&(time=500),transition||(time=0),t.slideOverflow.css({"transition-duration":time+"ms",height:this.slideOverflow.outerHeight()+"px"}),t.slideWrapper.find(".current").removeClass("current"),t.slideWrapper.find('[data-index="'+index+'"]').addClass("current"),t.slideWrapper.find(".is-prev").removeClass("is-prev"),t.slideWrapper.find('[data-index="'+prevIndex+'"]').addClass("is-prev"),t.slideWrapper.find(".is-next").removeClass("is-next"),t.slideWrapper.find('[data-index="'+nextIndex+'"]').addClass("is-next"),target>0&&(target-=allWidth,this.positionAnimation.x=this.positionAnimation.x-allWidth),target<=-1*allWidth+1&&(target+=allWidth,this.positionAnimation.x=this.positionAnimation.x+allWidth),requestAnimationFrame((function(){_this3.slideOverflow.css({height:_this3.slides.eq(index).outerHeight()+"px"})})),jquery__WEBPACK_IMPORTED_MODULE_12___default()(this.positionAnimation).animate({x:target},{duration:time,easing:"easeOutCubic",step:function step(now){_this3.slideWrapper.css({transform:"translate3d("+Math.round(now)+"px, 0, 0)"})},complete:function complete(){requestAnimationFrame((function(){_this3.slideWrapper.css({transform:"translate3d("+-1*index+"%, 0, 0)"}),_this3.slideOverflow.css("height","auto")}))}}),this.tabs.eq(index).addClass("active").siblings(".active").removeClass("active"),this.count.text(index+1),this.settings.autoplay&&!this.isHovered&&this.handleAutoplay(),0!==offset&&setTimeout((function(){_this3.slideWrapper.addClass("no-transition"),_this3.slideWrapper.css({transform:"translate3d("+-1*index+"%, 0, 0)"}),setTimeout((function(){_this3.slideWrapper.removeClass("no-transition")}),20)}),this.settings.animationSpeed),this.currentSlide=index,this.section.trigger("slide-change"),this.section.closest(".steps").length&&this.sectionInitialClicked&&this.scrollToTop()}},{key:"goTo",value:function goTo(index,transition){var _this4=this;!1===transition&&this.slideWrapper.addClass("no-transition"),this.sectionInitialClicked=!0,this.changeSlide(index,0,transition),setTimeout((function(){_this4.slideWrapper.removeClass("no-transition")}),20)}},{key:"onNext",value:function onNext(){var nextSlide=this.currentSlide===this.slides.length-1?0:this.currentSlide+1,offset=this.settings.infinite&&0===nextSlide?this.slides.length:0;this.changeSlide(nextSlide,offset)}},{key:"onPrev",value:function onPrev(){var prevSlide=0===this.currentSlide?this.slides.length-1:this.currentSlide-1,offset=this.settings.infinite&&prevSlide===this.slides.length-1?-1*this.slides.length:0;this.changeSlide(prevSlide,offset)}},{key:"initAutoplay",value:function initAutoplay(){var _this5=this;this.section.on("mouseenter",(function(){_this5.isHovered=!0,clearTimeout(_this5.autoplayTimeout),_this5.section.removeClass("btnanimation")})),this.section.on("mouseleave",(function(){_this5.isHovered=!1,_this5.handleAutoplay(),_this5.section.addClass("btnanimation")})),this.initScrollCheck(),this.handleAutoplay()}},{key:"handleAutoplay",value:function handleAutoplay(){var _this6=this;if(this.dragging)return!1;clearTimeout(this.autoplayTimeout),this.settings.autoplaySpeed>0&&this.settings.autoplay&&(this.autoplayTimeout=setTimeout((function(){_this6.inViewport?_this6.onNext():_this6.handleAutoplay()}),this.settings.autoplaySpeed))}},{key:"initScrollCheck",value:function initScrollCheck(){var _this7=this;window.addEventListener("scroll",(function(){window.requestAnimationFrame((function(){_this7.scrollCheck()}))}),{passive:!0}),window.requestAnimationFrame((function(){_this7.scrollCheck()}))}},{key:"scrollCheck",value:function scrollCheck(){var w=jquery__WEBPACK_IMPORTED_MODULE_12___default()(window);w.scrollTop()+w.height()-200>this.section.offset().top&&w.scrollTop()<this.section.offset().top+this.section.outerHeight()/2?this.inViewport||(this.inViewport=!0,this.section.addClass("in-viewport").trigger("in-viewport")):this.inViewport&&(this.inViewport=!1,this.section.removeClass("in-viewport"))}},{key:"initHammerDragging",value:function initHammerDragging(){var _this8=this,hammer=new(hammerjs__WEBPACK_IMPORTED_MODULE_13___default())(this.slideWrapper.get(0)),sliderWidth=0,startValue=0;this.dragging=!1,this.slideWrapper.find("img, a").attr("draggable","false").attr("ondragstart","return false;"),hammer.on("panstart",(function(e){sliderWidth=_this8.slideOverflow.width(),_this8.slideWrapper.find("a").css("pointer-events","none"),_this8.dragging=!0,startValue=_this8.slideWrapper.position().left,jquery__WEBPACK_IMPORTED_MODULE_12___default()(_this8.positionAnimation).stop(),requestAnimationFrame((function(){jquery__WEBPACK_IMPORTED_MODULE_12___default()("html").addClass("slider-dragging")})),0!==e.center.x&&0!==e.center.y&&clearTimeout(_this8.autoplayTimeout)})),hammer.on("pan",(function(e){if(0!==e.center.x&&0!==e.center.y){var transformX=Math.round(startValue+e.deltaX);_this8.slideWrapper.css({transform:"translate3d("+transformX+"px, 0, 0)"})}})),hammer.on("panend",(function(e){_this8.slideWrapper.find("a").addClass("dragging"),_this8.dragging=!1,requestAnimationFrame((function(){jquery__WEBPACK_IMPORTED_MODULE_12___default()("html").removeClass("slider-dragging"),e.deltaX>sliderWidth/5?_this8.onPrev():e.deltaX<sliderWidth/-5?_this8.onNext():_this8.changeSlide(_this8.currentSlide)})),_this8.slideWrapper.find("a").css("pointer-events","all")}))}},{key:"initTabbing",value:function initTabbing(){var _this9=this;jquery__WEBPACK_IMPORTED_MODULE_12___default()(window).keydown((function(e){9===(e.keyCode?e.keyCode:e.which)&&_this9.slideWrapper.find(":focus").length&&(_this9.tabScrollActive=!0,_this9.resetTabScroll())})),jquery__WEBPACK_IMPORTED_MODULE_12___default()(window).keyup((function(e){if(9===(e.keyCode?e.keyCode:e.which)&&_this9.slideWrapper.find(":focus").length){var slide=_this9.section.find(":focus").closest(".slide");_this9.slideOverflow.scrollLeft(0).scrollTop(0).find(".outer, .text-box").scrollLeft(0).scrollTop(0),_this9.goTo(parseInt(slide.attr("data-index")),!0),_this9.tabScrollActive=!1}}))}},{key:"loadImage",value:function loadImage(index){var t=this;if(index||(index=this.currentSlide),t.slides.eq(index).hasClass("preload")&&!t.slides.eq(index).find("img").length){var ib=t.slides.eq(index).find(".image-box"),img=jquery__WEBPACK_IMPORTED_MODULE_12___default()("<img/>").one("load",(function(e){var loadedImage=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this).removeClass("loading"),slide=loadedImage.closest(".slide").removeClass("preload"),index=parseInt(slide.attr("data-index"));t.nextWrapper.find('[data-index="'+index+'"]').removeClass("preload").find(".image-box").append(loadedImage.clone()),t.prevWrapper.find('[data-index="'+index+'"]').removeClass("preload").find(".image-box").append(loadedImage.clone())}));img.attr("src",ib.attr("data-src")).appendTo(ib),img.attr("data-download",ib.attr("data-download")).appendTo(ib),img.attr("draggable","false").attr("ondragstart","return false;")}}},{key:"resetTabScroll",value:function resetTabScroll(){var _this10=this;this.slideOverflow.scrollLeft(0).scrollTop(0).find(".outer, .text-box").scrollLeft(0).scrollTop(0),this.tabScrollActive&&window.requestAnimationFrame((function(){_this10.resetTabScroll()}))}},{key:"scrollToTop",value:function scrollToTop(){var target=this.section.closest(".steps").offset().top-120;jquery__WEBPACK_IMPORTED_MODULE_12___default()("html, body").animate({scrollTop:target},600,"easeOutQuad")}},{key:"setupSteps",value:function setupSteps(){this.nextButton.text("Weiter").addClass("btn").addClass("has-icon").addClass("icon-right").addClass("icon-pfeil-rechts")}}]),IHKSlider}();const __WEBPACK_DEFAULT_EXPORT__=IHKSlider;jquery__WEBPACK_IMPORTED_MODULE_12___default()("body").on("ihk-init dynamic-component-loaded gfi-dynamic-init",(function(){jquery__WEBPACK_IMPORTED_MODULE_12___default()(".rotation .slider:not(.initiated), .steps .slider:not(.initiated)").each((function(i,el){var selector=jquery__WEBPACK_IMPORTED_MODULE_12___default()(el);selector.find("dynamic-content").length||new IHKSlider(selector)}))}))},"./stories/sections/timeline/TimelineComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{t:()=>createTimeline});__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),timeline=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/timeline/timeline.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(timeline.Z,options);timeline.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"),TimelineData=[{tab:"Gießen",title:"Chronik der IHK Gießen",nav:"IHK<br>Gießen",id:"timeline-giessen",years:[{year:1870,items:[{title:"Preußisches Handelskammergesetz",image:null,subhead:"24. Februar 1870: Preußisches Handelskammergesetz",copy:null}]},{year:1871,items:[{title:"Gesetzentwurf der hessischen Regierung",image:{src:"./dummy/gi-1871-gesetz.jpg",width:320,height:400,alt:"",size:"medium",caption:"Gesetz, die Handelskammern betreffend, in: Großherzoglich Hessisches Regierungsblatt",copyright:"Quelle: Bayerische Staatsbibliothek (BSB), 4 Merc. 623-1870"},subhead:"22. September 1871: Gesetzentwurf der hessischen Regierung",copy:"In Abstimmung mit den Vorsitzenden der HKs Mainz, Offenbach und Worms bringt die hessische Regierung einen Entwurf ein, dessen Bestimmungen größtenteils dem preußischen Gesetz entlehnt waren."},{title:"Ratifizierung des Gesetzes „die Handelskammern betreffend“",image:{src:"./dummy/gi-1871.jpg",width:265,height:400,alt:"",size:"portrait",caption:null,copyright:"Quelle: Bayerische Staatsbibliothek (BSB), 4 Merc. 623-1870"},subhead:"17. November 1871: Ratifizierung durch Großherzog Ludwig III.",copy:"Großherzog Ludwig III. ratifiziert das Gesetz „die Handelskammern betreffend“ mit Fokus auf den Beratungsauftrag. Dieses wird für die folgenden drei Jahrzehnte die Grundlage für die Arbeit der HKs im Großherzogtum Hessen."}]},{year:1872,items:[{title:"Gesetzentwurf der hessischen Regierung",image:{src:"./dummy/gi-1872.jpg",width:650,height:400,alt:"Gesetzentwurf der hessischen Regierung",size:"large",caption:null,copyright:"Quelle: DigiZeitschriften e.V."},subhead:"22. September 1871: Gesetzentwurf der hessischen Regierung",copy:"In Abstimmung mit den Vorsitzenden der HKs Mainz, Offenbach und Worms bringt die hessische Regierung einen Entwurf ein, dessen Bestimmungen größtenteils dem preußischen Gesetz entlehnt waren."}]}]},{tab:"Friedberg",title:"Chronik der IHK Friedberg",nav:"IHK<br>Friedberg",id:"timeline-friedberg",years:[{year:1870,items:[{title:"Preußisches Handelskammergesetz",image:null,subhead:"24. Februar 1870: Preußisches Handelskammergesetz",copy:null}]}]}],TabsComponent=__webpack_require__("./stories/atoms/tabs/TabsComponent.js"),slider=(__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.string.substr.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-int.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.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.error.to-string.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"));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 $=__webpack_require__("./node_modules/jquery/dist/jquery.js"),IHKTimeline=function(){function IHKTimeline(section){!function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,IHKTimeline),section.addClass("initiated"),this.section=section,this.itemSlider=section.find(".item-slider"),this.yearsWrapper=section.find(".years-wrapper"),this.yearsContainer=section.find(".years .container"),this.years=this.yearsWrapper.find(".year-item"),this.initResize(),this.initDragging(),this.buildSlider(),this.initYearClick(),this.activateItem(0),this.initSwitch()}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(IHKTimeline,[{key:"initDocking",value:function initDocking(){var _this=this;this.winPosition=0,this.secPosition=$(this.section.parent()).offset().top,this.scrolling=!1,$(window).on("scroll",(function(){if(_this.scrolling)return!1;var st=$(window).scrollTop();st>_this.winPosition&&st<_this.secPosition-100&&(_this.scrolling=!0,$("html, body").animate({scrollTop:_this.secPosition-100},200,(function(){_this.scrolling=!1}))),_this.winPosition=st}))}},{key:"initSwitch",value:function initSwitch(){var _this2=this;this.switches=this.section.siblings(".timeline-tabs").find("a"),this.switchSlides=[],this.switches.each((function(index,tab){var href=tab.href,id=href.substr(href.indexOf("#")),target=parseInt($(id).attr("data-index"));_this2.switchSlides.push(target),tab.setAttribute("data-index",index),tab.setAttribute("data-target",target)})),this.slider.section.on("slide-change",(function(){_this2.switches.removeClass("active");for(var cs=_this2.slider.currentSlide,i=_this2.switchSlides.length-1;i>=0;){if(cs>=_this2.switchSlides[i]){_this2.switches.eq(i).addClass("active");break}i--}})),this.switches.on("click",(function(e){e.preventDefault();var target=parseInt(e.currentTarget.getAttribute("data-target"));_this2.slider.goTo(target,!1)}))}},{key:"initResize",value:function initResize(){var _this3=this;this.resizeTimeout=null,$(window).on("resize",(function(){_this3.resizeTimeout&&clearTimeout(_this3.resizeTimeout),_this3.resizeTimeout=setTimeout((function(){_this3.handleResize()}),200)})),this.handleResize()}},{key:"handleResize",value:function handleResize(){this.containerWidth=this.yearsContainer.width(),this.wrapperWidth=this.yearsWrapper.get(0).scrollWidth,this.scrollWidth=this.containerWidth-this.wrapperWidth,this.yearsWrapper.css({width:this.wrapperWidth+"px"})}},{key:"initDragging",value:function initDragging(){var _this4=this;this.dragOffset=0,this.wrapperOffset=0,this.yearsWrapper.get(0).onmousedown=function(e){_this4.dragStart(e)},this.yearsWrapper.get(0).addEventListener("touchstart",(function(e){_this4.dragStart(e)})),this.yearsWrapper.get(0).addEventListener("touchend",(function(e){_this4.dragEnd(e)})),this.yearsWrapper.get(0).addEventListener("touchmove",(function(e){_this4.dragMove(e)}))}},{key:"dragStart",value:function dragStart(e){var _this5=this;this.dragOffset=0,this.dragLast=0,"touchstart"===e.type?this.dragOrigin=e.touches[0].clientX:(this.dragOrigin=e.clientX,document.onmouseup=function(e){_this5.dragEnd(e)},document.onmousemove=function(e){_this5.dragMove(e)})}},{key:"dragMove",value:function dragMove(e){"touchmove"===e.type?(this.dragLast=this.dragOffset,this.dragOffset=this.dragOrigin-e.touches[0].clientX):(this.dragLast=this.dragOffset,this.dragOffset=this.dragOrigin-e.clientX),Math.abs(this.dragOffset)>3&&this.yearsWrapper.addClass("dragging"),this.wrapperTarget=this.wrapperOffset-this.dragOffset,this.wrapperTarget>0?this.wrapperTarget=this.wrapperTarget/4:this.wrapperTarget<this.scrollWidth&&(this.wrapperTarget=this.scrollWidth+(this.wrapperTarget-this.scrollWidth)/4),this.yearsWrapper.css({transform:"translateX("+this.wrapperTarget+"px)"})}},{key:"dragEnd",value:function dragEnd(){var velocity=this.dragOffset-this.dragLast;Math.abs(velocity)>5&&(this.wrapperTarget=this.wrapperTarget-10*velocity);var bounceBack=this.checkScrollEnd();this.yearsWrapper.removeClass("dragging"),this.wrapperOffset=this.wrapperTarget,(bounceBack||Math.abs(velocity)>5)&&this.animateToPosition(),document.onmouseup=null,document.onmousemove=null}},{key:"animateToPosition",value:function animateToPosition(){var _this6=this;this.yearsWrapper.addClass("animate"),requestAnimationFrame((function(){_this6.yearsWrapper.css({transform:"translateX("+_this6.wrapperTarget+"px)"}),setTimeout((function(){_this6.yearsWrapper.removeClass("animate")}),300)}))}},{key:"buildSlider",value:function buildSlider(){var _this7=this,slides=this.itemSlider.addClass("slider").appendTo(this.itemSlider);this.years.find(".items > li").each((function(i,li){var listItem=$(li);listItem.attr("data-index",i).find(".slide").appendTo(slides),listItem.on("click",(function(){_this7.slider.goTo(i,!0),_this7.activateItem(i)}))})),this.slider=new slider.Z(slides),this.slider.section.on("slide-change",(function(){_this7.activateItem(_this7.slider.currentSlide)})),this.slides=this.slider.section.find(".slide")}},{key:"initYearClick",value:function initYearClick(){this.years.children(".year").on("click",(function(e){$(e.currentTarget).next(".items").children("li").first().trigger("click")}))}},{key:"activateItem",value:function activateItem(index){this.years.removeClass("current").find("li.active").removeClass("active");var yearItem=this.years.find('li[data-index="'+index+'"]').addClass("active").closest(".year-item").addClass("current"),ww=$(window).width(),iw=1.5*yearItem.outerWidth();(yearItem.offset().left+iw>ww||yearItem.offset().left<50)&&(this.wrapperOffset=this.wrapperTarget=-1*yearItem.position().left,this.checkScrollEnd(),this.animateToPosition()),this.slides.eq(index).hasClass("has-image")?this.slider.section.addClass("hide-circle"):this.slider.section.removeClass("hide-circle")}},{key:"checkScrollEnd",value:function checkScrollEnd(){return this.wrapperTarget>0?(this.wrapperTarget=0,!0):this.wrapperTarget<this.scrollWidth&&(this.wrapperTarget=this.scrollWidth,!0)}}]),IHKTimeline}();const sections_timeline_timeline=IHKTimeline;$("body").on("ihk-init dynamic-component-loaded gfi-dynamic-init",(function(){$(".timeline:not(.initiated)").each((function(i,el){new IHKTimeline($(el))}))}));var createTimeline=function createTimeline(_ref){var _ref$single=_ref.single,single=void 0!==_ref$single&&_ref$single,_ref$data=_ref.data,data=void 0===_ref$data?TimelineData:_ref$data,wrapper=(0,helpers.az)("div",["timelines"]),tabsWrapper=(0,helpers.az)("div",["timeline-tabs"],null,wrapper),timelineWrapper=(0,helpers.az)("section",["timeline"],null,wrapper);(0,helpers.az)("div",["item-slider"],null,timelineWrapper);var years=(0,helpers.az)("div",["years"],null,timelineWrapper),container=(0,helpers.az)("div",["container"],null,years),yearsWrapper=(0,helpers.az)("div",["years-wrapper"],null,container),tabsData=[];return single&&(data=[data[0]]),data.map((function(section){tabsData.push({label:section.tab,link:"#"+section.id});var anchorItem=(0,helpers.az)("div",["year-item","anchor"],null,yearsWrapper);(0,helpers.az)("p",["year"],section.nav,anchorItem);var anchorUl=(0,helpers.az)("ul",["items"],null,anchorItem),anchorLi=(0,helpers.az)("li",[],null,anchorUl);(0,helpers.az)("p",["title"],null,anchorLi);var anchorSlide=(0,helpers.az)("div",["slide"],null,anchorLi),anchorContainer=(0,helpers.az)("div",["container"],null,anchorSlide),anchorTextBox=(0,helpers.az)("div",["text-box"],null,anchorContainer);(0,helpers.az)("p",["year"],section.title,anchorTextBox),anchorSlide.id=section.id,section.years.map((function(year){var yearItem=(0,helpers.az)("div",["year-item"],null,yearsWrapper);(0,helpers.az)("p",["year"],year.year,yearItem);var yearUl=(0,helpers.az)("ul",["items"],null,yearItem);year.items.map((function(item){var itemLi=(0,helpers.az)("li",[],null,yearUl);(0,helpers.az)("p",["title"],item.title,itemLi);var itemSlide=(0,helpers.az)("div",item.image?["slide","has-image"]:["slide"],null,itemLi),itemContainer=(0,helpers.az)("div",["container"],null,itemSlide);if(item.image){var imageBox=(0,helpers.az)("div",["image-box",item.image.size],null,itemContainer);if((0,helpers.Bi)(item.image.src,item.image.width,item.image.height,item.image.alt,[],imageBox),item.image.caption||item.image.copyright){var caption=(0,helpers.az)("div",["caption"],null,imageBox);item.image.caption&&(0,helpers.az)("span",[],item.image.caption,caption),item.image.copyright&&(0,helpers.az)("span",["copyright"],item.image.copyright,caption)}}var itemTextBox=(0,helpers.az)("div",["text-box"],null,itemContainer);(0,helpers.az)("p",["year"],year.year,itemTextBox),item.subhead&&(0,helpers.az)("p",["subhead"],item.subhead,itemTextBox),item.copy&&(0,helpers.az)("p",[],item.copy,itemTextBox)}))}))})),single||1===data.length?tabsWrapper.remove():tabsWrapper.appendChild((0,TabsComponent.M)({size:"small",color:"white",data:tabsData})),jquery_default()(document).ready((function(){new sections_timeline_timeline(jquery_default()(timelineWrapper))})),wrapper}},"./node_modules/core-js/modules/es.string.substr.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{var $=__webpack_require__("./node_modules/core-js/internals/export.js"),uncurryThis=__webpack_require__("./node_modules/core-js/internals/function-uncurry-this.js"),requireObjectCoercible=__webpack_require__("./node_modules/core-js/internals/require-object-coercible.js"),toIntegerOrInfinity=__webpack_require__("./node_modules/core-js/internals/to-integer-or-infinity.js"),toString=__webpack_require__("./node_modules/core-js/internals/to-string.js"),stringSlice=uncurryThis("".slice),max=Math.max,min=Math.min;$({target:"String",proto:!0,forced:!"".substr||"b"!=="ab".substr(-1)},{substr:function substr(start,length){var intLength,intEnd,that=toString(requireObjectCoercible(this)),size=that.length,intStart=toIntegerOrInfinity(start);return intStart===1/0&&(intStart=0),intStart<0&&(intStart=max(size+intStart,0)),(intLength=void 0===length?size:toIntegerOrInfinity(length))<=0||intLength===1/0||intStart>=(intEnd=min(intStart+intLength,size))?"":stringSlice(that,intStart,intEnd)}})},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/tabs/tabs.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"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".tabs{margin:calc(10px + 1%) -0.25em}.tabs .btn{margin:.25em;display:inline-flex}.tabs .btn::after{display:none}.tabs .btn.active,.tabs .btn:hover{background-color:var(--theme-color-primary);color:var(--theme-color-white)}.tabs .btn strong{margin-left:.2em}","",{version:3,sources:["webpack://./stories/atoms/tabs/tabs.scss"],names:[],mappings:"AAGA,MACE,8BAAA,CAEA,WACE,YAAA,CACA,mBAAA,CAEA,kBACE,YAAA,CAGF,mCACE,2CAAA,CACA,8BAAA,CAGF,kBACE,gBAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.tabs {\n margin: calc(10px + 1%) -0.25em;\n\n .btn {\n margin: 0.25em;\n display: inline-flex;\n\n &::after {\n display: none;\n }\n\n &.active, &:hover {\n background-color: var(--theme-color-primary);\n color: var(--theme-color-white);\n }\n\n strong {\n margin-left: 0.2em;\n }\n }\n}"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/timeline/timeline.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"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.timeline-tabs{position:relative;display:block;background-color:var(--theme-color-primary-dimmed-04);padding:24px 20px 0;margin-bottom:-5px}.timeline-tabs .tabs{margin:0;text-align:center}.timeline-tabs ul{list-style:none;display:flex;justify-content:center;margin:0 -15px;padding:0;position:relative;z-index:1}.timeline-tabs .btn-small{min-width:180px;text-align:center;margin-right:10px}.timeline-tabs .btn-small:not(.active){background-color:#fff;color:var(--theme-primary)}.timeline-tabs .btn-small:focus{color:#fff}@media(max-width: 567px){.timeline-tabs .btn-small{min-width:0;padding-left:12px;padding-right:12px;margin:0 4px}}@media(max-width: 349px){.timeline-tabs .btn-small{font-size:16px;margin:0 2px}}@media(min-width: 1000px){.timeline-tabs~.timeline .item-slider .prev,.timeline-tabs~.timeline .item-slider .next{margin-top:-52px}}@media(min-width: 1340px){.timeline-tabs~.timeline .item-slider .prev,.timeline-tabs~.timeline .item-slider .next{margin-top:-74px}}.timeline{margin:0 0 calc(1.5vw + 40px)}.timeline>p:last-child{font-size:14px;text-align:right;margin:15px}.timeline .item-slider{position:relative;display:block;background-color:var(--theme-color-primary-dimmed-04);min-height:460px;font-weight:600}.timeline .item-slider::before{content:"";position:absolute;width:374px;height:374px;background-color:#9ad7a3;top:50%;left:50%;border-radius:50%;transform:translate3d(-50%, -50%, 0) scale(1);opacity:1;transition:.3s ease}@media(max-width: 567px){.timeline .item-slider{min-height:380px}.timeline .item-slider::before{width:280px;height:280px}}@media(max-width: 349px){.timeline .item-slider::before{width:260px;height:260px}}.timeline .item-slider .slider-tabs,.timeline .item-slider .tabs,.timeline .item-slider .count{display:none}.timeline .item-slider .prev,.timeline .item-slider .next{width:80px;height:80px;position:absolute;top:50%;margin-top:-40px;right:24px;padding:0;font-size:80px;line-height:1;transition:.2s ease;border:0;background-color:rgba(0,0,0,0);cursor:pointer}.timeline .item-slider .prev::before,.timeline .item-slider .next::before{content:"";font-family:"Icons",sans-serif;color:var(--theme-color-primary);font-weight:400}.timeline .item-slider .prev:hover,.timeline .item-slider .next:hover{padding-left:8px}@media(max-width: 999px){.timeline .item-slider .prev:hover,.timeline .item-slider .next:hover{padding-left:0}}@media(max-width: 1339px){.timeline .item-slider .prev,.timeline .item-slider .next{right:0;width:50px;height:50px;font-size:50px;margin-top:-25px}}@media(max-width: 567px){.timeline .item-slider .prev,.timeline .item-slider .next{font-size:30px;width:30px;height:30px;margin-top:-15px}}.timeline .item-slider .prev{left:24px;transform:scale(-1, 1)}@media(max-width: 1339px){.timeline .item-slider .prev{left:0}}.timeline .item-slider .slide{min-height:460px;display:flex;align-items:center;text-align:center}.timeline .item-slider .slide:not(.current){max-height:460px}@media(max-width: 567px){.timeline .item-slider .slide{min-height:380px}.timeline .item-slider .slide:not(.current){max-height:380px}}.timeline .item-slider .text-box{padding:50px 0}@media(max-width: 767px){.timeline .item-slider .text-box{padding:30px 0}}.timeline .item-slider .slide:not(.has-image) .container{max-width:1180px}@media(min-width: 1000px)and (max-width: 1339px){.timeline .item-slider .container{padding:0 60px}}@media(min-width: 768px)and (max-width: 999px){.timeline .item-slider .container{padding:0 120px}}.timeline .item-slider .year{font-family:"Korb",sans-serif;font-weight:700;font-size:100px;line-height:.9;margin-bottom:.25em}@media(max-width: 1340px){.timeline .item-slider .year{font-size:80px}}@media(max-width: 999px){.timeline .item-slider .year{font-size:72px}}@media(max-width: 567px){.timeline .item-slider .year{font-size:48px}}@media(max-width: 349px){.timeline .item-slider .year{font-size:40px}}.timeline .item-slider .subhead{font-weight:700}.timeline .item-slider p:last-child{margin-bottom:0}@media(min-width: 1000px){.timeline .item-slider .slide.has-image .container{display:flex;align-items:center;justify-content:space-between}.timeline .item-slider .slide.has-image .container .image-box,.timeline .item-slider .slide.has-image .container .text-box{flex:1 1 calc(50% - 20px);max-width:calc(50% - 20px)}}@media(min-width: 1000px)and (max-width: 1339px){.timeline .item-slider .slide.has-image .container .image-box,.timeline .item-slider .slide.has-image .container .text-box{flex:1 1 calc(50% - 15px);max-width:calc(50% - 15px)}}@media(min-width: 1000px){.timeline .item-slider .slide.has-image .container .image-box{position:relative;margin:30px 0}.timeline .item-slider .slide.has-image .container .image-box.portrait{flex:1 1 265px;margin-right:40px;max-width:265px}.timeline .item-slider .slide.has-image .container .image-box.portrait+.text-box{max-width:none}}@media(min-width: 1000px)and (max-width: 1339px){.timeline .item-slider .slide.has-image .container .image-box.portrait{margin-right:30px}}@media(min-width: 1000px){.timeline .item-slider .slide.has-image .container .image-box.medium{flex:1 1 320px;margin-right:40px;max-width:320px}.timeline .item-slider .slide.has-image .container .image-box.medium+.text-box{max-width:none}}@media(min-width: 1000px)and (max-width: 1339px){.timeline .item-slider .slide.has-image .container .image-box.medium{margin-right:30px}}@media(min-width: 1000px){.timeline .item-slider .slide.has-image .container .image-box img{display:block;max-width:100%}}@media(min-width: 1000px){.timeline .item-slider .slide.has-image .container .image-box .caption{position:absolute;bottom:0;left:0;width:100%;padding:8px 12px;background-color:rgba(255,255,255,.6);text-align:left;backdrop-filter:blur(3px);font-weight:700;font-size:15px;line-height:1.4}.timeline .item-slider .slide.has-image .container .image-box .caption span+span{margin-top:3px}}@media(min-width: 1000px){.timeline .item-slider .slide.has-image .container .image-box .copyright{display:block;font-weight:400;font-size:10px}}@media(min-width: 1000px){.timeline .item-slider .slide.has-image .container .text-box{text-align:left}}@media(min-width: 1000px){.timeline .item-slider .slide.has-image .container .year{margin-left:-0.06em}}@media(min-width: 1000px){.timeline .item-slider.hide-circle::before{transform:translate3d(-50%, -50%, 0) scale(0.8);opacity:0}}@media(max-width: 999px){.timeline .item-slider .image-box{display:none}}@media(max-width: 767px){.timeline .item-slider p{line-height:1.4;font-size:.94em}}@media(max-width: 567px){.timeline .item-slider p{padding-left:10px;padding-right:10px}}.timeline .years{position:relative;display:block;background-color:var(--theme-color-primary);color:#fff;overflow:hidden}.timeline .years::before{content:"";position:absolute;left:0;right:0;top:50%;margin-top:-4px;height:8px;background-color:var(--theme-color-secondary)}@media(max-width: 999px){.timeline .years::before{margin-top:8px;height:4px}}.timeline .years-wrapper{position:relative;display:flex}.timeline .years-wrapper.animate{transition:.3s ease}.timeline .years-wrapper.dragging *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media(max-width: 999px){.timeline .year-item{margin:26px 32px 26px 0}.timeline .year-item .year{white-space:nowrap}.timeline .year-item .year br{display:none}.timeline .year-item ul{display:none}.timeline .year-item .year{position:relative;font-family:"Korb",sans-serif;font-weight:700;font-size:36px;line-height:1;cursor:pointer;z-index:1;transition:.2s ease;margin-bottom:0}.timeline .year-item .year::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--theme-color-primary);margin:0 -8px;z-index:-1;transition:.2s ease;opacity:0}.timeline .year-item.current .year::before,.timeline .year-item.anchor .year::before{opacity:1}.timeline .year-item.current .year{color:var(--theme-color-secondary)}.timeline .year-item.last{margin-right:200px}}@media(min-width: 1000px){.timeline .year-item{position:relative;font-size:.75em;line-height:1.3em;display:flex;align-items:flex-start;min-height:360px;flex:1 1 320px;max-width:320px;min-width:320px;padding:18px 20px 22px}.timeline .year-item::before{content:"";position:absolute;left:0;top:26px;bottom:calc(50% - 4px);width:4px;background-color:#fff;z-index:2}}@media(min-width: 1000px)and (max-width: 999px){.timeline .year-item{min-height:0;flex:1 1 150px;max-width:150px;min-width:60px}.timeline .year-item::before{display:none}}@media(min-width: 1000px){.timeline .year-item:nth-child(odd){align-items:flex-end}.timeline .year-item:nth-child(odd)::before{bottom:26px;top:calc(50% - 4px)}}@media(min-width: 1000px){.timeline .year-item.anchor::before{display:none}.timeline .year-item.anchor .year::before{opacity:1}.timeline .year-item.anchor:not(:first-child){margin-right:40px}}@media(min-width: 1000px){.timeline .year-item.last{margin-right:400px}}@media(min-width: 1000px){.timeline .year-item.anchor~.anchor~.anchor{margin-right:70px}.timeline .year-item.anchor~.anchor~.anchor .year::before{margin-right:.6em}}@media(min-width: 1000px){.timeline .year-item .year{position:absolute;bottom:50%;margin:calc(-4px - .15em) -0.06em;font-family:"Korb",sans-serif;font-weight:700;font-size:60px;line-height:1;cursor:pointer;z-index:1;transition:.2s ease}.timeline .year-item .year::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--theme-color-primary);margin:0 -16px;z-index:-1;transition:.2s ease;opacity:0}}@media(min-width: 1000px)and (max-width: 999px){.timeline .year-item .year{font-size:40px;position:relative}}@media(min-width: 1000px){.timeline .year-item.current::before{background-color:var(--theme-color-secondary)}.timeline .year-item.current .year{color:var(--theme-color-secondary)}.timeline .year-item.current .year::before{opacity:1}}@media(min-width: 1000px){.timeline .year-item ul{margin:0 -70% 0 -0.28em;padding:0;list-style:none}}@media(min-width: 1000px)and (max-width: 999px){.timeline .year-item ul{display:none}}@media(min-width: 1000px){.timeline .year-item .title{margin:0;font-family:"Source Sans Pro",sans-serif;font-weight:600}}@media(min-width: 1000px){.timeline .year-item li{position:relative;cursor:pointer;transition:.2s ease;z-index:3;padding:.2em 0;top:.25em}.timeline .year-item li::before{content:"";position:absolute;left:0;top:0;bottom:0;width:15px;transition:.2s ease}.timeline .year-item li:hover,.timeline .year-item li.active{color:var(--theme-color-secondary)}.timeline .year-item li p{transform:translate3d(0, 0, 0);transition:.2s ease}.timeline .year-item li:hover p{transform:translate3d(10px, 0, 0)}}@media(min-width: 1000px){.timeline .year-item .slide{display:none}}',"",{version:3,sources:["webpack://./stories/sections/timeline/timeline.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.timeline-tabs {\n position: relative;\n display: block;\n background-color: var(--theme-color-primary-dimmed-04);\n padding: 24px 20px 0;\n margin-bottom: -5px;\n\n .tabs {\n margin: 0;\n text-align: center;\n }\n\n ul {\n list-style: none;\n display: flex;\n justify-content: center;\n margin: 0 -15px;\n padding: 0;\n position: relative;\n z-index: 1;\n }\n .btn-small {\n min-width: 180px;\n text-align: center;\n margin-right: 10px;\n\n &:not(.active) {\n background-color: white;\n color: var(--theme-primary);\n }\n\n &:focus{\n color: white;\n }\n\n @media(max-width: 567px) {\n min-width: 0;\n padding-left: 12px;\n padding-right: 12px;\n margin: 0 4px;\n }\n @media(max-width: 349px) {\n font-size: 16px;\n margin: 0 2px;\n }\n }\n\n ~ .timeline .item-slider {\n .prev,\n .next {\n @media(min-width: 1000px) {\n margin-top: -52px;\n }\n @media(min-width: 1340px) {\n margin-top: -74px;\n }\n }\n }\n}\n\n.timeline {\n margin: 0 0 calc(1.5vw + 40px);\n\n > p:last-child {\n font-size: 14px;\n text-align: right;\n margin: 15px;\n }\n\n .item-slider {\n position: relative;\n display: block;\n background-color: var(--theme-color-primary-dimmed-04);\n min-height: 460px;\n font-weight: 600;\n\n &::before {\n content: "";\n position: absolute;\n width: 374px;\n height: 374px;\n background-color: #9AD7A3;\n top: 50%;\n left: 50%;\n border-radius: 50%;\n transform: translate3d(-50%, -50%, 0) scale(1);\n opacity: 1;\n transition: 0.3s ease;\n }\n\n @media(max-width: 567px) {\n min-height: 380px;\n\n &::before {\n width: 280px;\n height: 280px;\n }\n }\n\n @media(max-width: 349px) {\n &::before {\n width: 260px;\n height: 260px;\n }\n }\n\n .slider-tabs, .tabs, .count {\n display: none;\n }\n\n .prev, .next {\n width: 80px;\n height: 80px;\n position: absolute;\n top: 50%;\n margin-top: -40px;\n right: 24px;\n padding: 0;\n font-size: 80px;\n line-height: 1;\n transition: 0.2s ease;\n border: 0;\n background-color: transparent;\n cursor: pointer;\n\n &::before {\n @include icon-small-arrow-right-simple;\n font-family: "Icons", sans-serif;\n color: var(--theme-color-primary);\n font-weight: 400;\n }\n\n &:hover {\n padding-left: 8px;\n\n @media(max-width: 999px) {\n padding-left: 0;\n }\n }\n\n @media(max-width: 1339px) {\n right: 0;\n width: 50px;\n height: 50px;\n font-size: 50px;\n margin-top: -25px;\n }\n\n @media(max-width: 567px) {\n font-size: 30px;\n width: 30px;\n height: 30px;\n margin-top: -15px;\n }\n }\n\n .prev {\n left: 24px;\n transform: scale(-1, 1);\n\n @media(max-width: 1339px) {\n left: 0;\n }\n }\n\n .slide {\n min-height: 460px;\n display: flex;\n align-items: center;\n text-align: center;\n\n &:not(.current) {\n max-height: 460px;\n }\n\n @media(max-width: 567px) {\n min-height: 380px;\n\n &:not(.current) {\n max-height: 380px;\n }\n }\n }\n\n .text-box {\n padding: 50px 0;\n\n @media(max-width: 767px) {\n padding: 30px 0;\n }\n }\n\n .slide:not(.has-image) .container {\n max-width: 1180px;\n }\n\n .container {\n @media(min-width: 1000px) and (max-width: 1339px) {\n padding: 0 60px;\n }\n @media(min-width: 768px) and (max-width: 999px) {\n padding: 0 120px;\n }\n }\n\n .year {\n font-family: "Korb", sans-serif;\n font-weight: 700;\n font-size: 100px;\n line-height: 0.9;\n margin-bottom: 0.25em;\n\n @media(max-width: 1340px) {\n font-size: 80px;\n }\n @media(max-width: 999px) {\n font-size: 72px;\n }\n @media(max-width: 567px) {\n font-size: 48px;\n }\n @media(max-width: 349px) {\n font-size: 40px;\n }\n }\n\n .subhead {\n font-weight: 700;\n }\n\n p:last-child {\n margin-bottom: 0;\n }\n\n @media(min-width: 1000px) {\n .slide.has-image .container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n .image-box, .text-box {\n flex: 1 1 calc(50% - 20px);\n max-width: calc(50% - 20px);\n\n @media(max-width: 1339px) {\n flex: 1 1 calc(50% - 15px);\n max-width: calc(50% - 15px);\n }\n }\n\n .image-box {\n position: relative;\n margin: 30px 0;\n\n &.portrait {\n flex: 1 1 265px;\n margin-right: 40px;\n max-width: 265px;\n\n + .text-box {\n max-width: none;\n }\n\n @media(max-width: 1339px) {\n margin-right: 30px;\n }\n }\n\n &.medium {\n flex: 1 1 320px;\n margin-right: 40px;\n max-width: 320px;\n\n + .text-box {\n max-width: none;\n }\n\n @media(max-width: 1339px) {\n margin-right: 30px;\n }\n }\n\n img {\n display: block;\n max-width: 100%;\n }\n\n .caption {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n padding: 8px 12px;\n background-color: rgba(white, 0.6);\n text-align: left;\n backdrop-filter: blur(3px);\n font-weight: 700;\n font-size: 15px;\n line-height: 1.4;\n\n span + span {\n margin-top: 3px;\n }\n }\n\n .copyright {\n display: block;\n font-weight: 400;\n font-size: 10px;\n }\n }\n\n .text-box {\n text-align: left;\n }\n\n .year {\n margin-left: -0.06em;\n }\n }\n\n &.hide-circle::before {\n transform: translate3d(-50%, -50%, 0) scale(0.8);\n opacity: 0;\n }\n }\n\n @media(max-width: 999px) {\n .image-box {\n display: none;\n }\n }\n\n @media(max-width: 767px) {\n p {\n line-height: 1.4;\n font-size: 0.94em;\n }\n }\n\n @media(max-width: 567px) {\n p {\n padding-left: 10px;\n padding-right: 10px;\n }\n }\n }\n\n .years {\n position: relative;\n display: block;\n background-color: var(--theme-color-primary);\n color: white;\n overflow: hidden;\n\n &::before {\n content: "";\n position: absolute;\n left: 0;\n right: 0;\n top: 50%;\n margin-top: -4px;\n height: 8px;\n background-color: var(--theme-color-secondary);\n\n @media(max-width: 999px) {\n margin-top: 8px;\n height: 4px;\n }\n }\n }\n\n .years-wrapper {\n position: relative;\n display: flex;\n\n &.animate {\n transition: 0.3s ease;\n }\n\n &.dragging * {\n pointer-events: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n }\n\n @media(max-width: 999px) {\n .year-item {\n margin: 26px 32px 26px 0;\n\n .year {\n white-space: nowrap;\n\n br {\n display: none;\n }\n }\n\n ul {\n display: none;\n }\n\n .year {\n position: relative;\n font-family: "Korb", sans-serif;\n font-weight: 700;\n font-size: 36px;\n line-height: 1;\n cursor: pointer;\n z-index: 1;\n transition: 0.2s ease;\n margin-bottom: 0;\n\n &::before {\n content: "";\n @include full-size;\n background-color: var(--theme-color-primary);\n margin: 0 -8px;\n z-index: -1;\n transition: 0.2s ease;\n opacity: 0;\n }\n }\n\n &.current .year::before,\n &.anchor .year::before {\n opacity: 1;\n }\n\n &.current .year {\n color: var(--theme-color-secondary);\n }\n\n &.last {\n margin-right: 200px;\n }\n }\n }\n\n @media(min-width: 1000px) {\n .year-item {\n position: relative;\n font-size: 0.75em;\n line-height: 1.3em;\n display: flex;\n align-items: flex-start;\n min-height: 360px;\n flex: 1 1 320px;\n max-width: 320px;\n min-width: 320px;\n padding: 18px 20px 22px;\n\n &::before {\n content: "";\n position: absolute;\n left: 0;\n top: 26px;\n bottom: calc(50% - 4px);\n width: 4px;\n background-color: white;\n z-index: 2;\n }\n\n @media(max-width: 999px) {\n min-height: 0;\n flex: 1 1 150px;\n max-width: 150px;\n min-width: 60px;\n\n &::before {\n display: none;\n }\n }\n\n &:nth-child(odd) {\n align-items: flex-end;\n\n &::before {\n bottom: 26px;\n top: calc(50% - 4px);\n }\n }\n\n &.anchor {\n &::before {\n display: none;\n }\n .year::before {\n opacity: 1;\n }\n &:not(:first-child) {\n margin-right: 40px;\n }\n }\n\n &.last {\n margin-right: 400px;\n }\n\n &.anchor ~ .anchor ~ .anchor {\n margin-right: 70px;\n\n .year::before {\n margin-right: 0.6em;\n }\n }\n\n .year {\n position: absolute;\n bottom: 50%;\n margin: calc(-4px - 0.15em) -0.06em;\n font-family: "Korb", sans-serif;\n font-weight: 700;\n font-size: 60px;\n line-height: 1;\n cursor: pointer;\n z-index: 1;\n transition: 0.2s ease;\n\n &::before {\n content: "";\n @include full-size;\n background-color: var(--theme-color-primary);\n margin: 0 -16px;\n z-index: -1;\n transition: 0.2s ease;\n opacity: 0;\n }\n\n @media(max-width: 999px) {\n font-size: 40px;\n position: relative;\n }\n }\n\n &.current {\n &::before {\n background-color: var(--theme-color-secondary);\n }\n\n .year {\n color: var(--theme-color-secondary);\n\n &::before {\n opacity: 1;\n }\n }\n }\n\n ul {\n margin: 0 -70% 0 -0.28em;\n padding: 0;\n list-style: none;\n\n @media(max-width: 999px) {\n display: none;\n }\n }\n\n .title {\n margin: 0;\n font-family: \'Source Sans Pro\', sans-serif;\n font-weight: 600;\n }\n\n li {\n position: relative;\n cursor: pointer;\n transition: 0.2s ease;\n z-index: 3;\n padding: 0.2em 0;\n top: 0.25em;\n\n &::before {\n content: \'\';\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 15px;\n transition: 0.2s ease;\n }\n\n &:hover, &.active {\n color: var(--theme-color-secondary);\n }\n\n p {\n transform: translate3d(0, 0, 0);\n transition: 0.2s ease;\n }\n\n &:hover p {\n transform: translate3d(10px, 0, 0);\n }\n }\n\n .slide {\n display: none;\n }\n }\n }\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 margin-top: 0.1em;\n }\n\n + h2, + h3, + 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 color: white;\n font-size: 12px;\n line-height: 1.2;\n text-shadow: 0 0 3px rgba(black, 0.6), 0 0 8px rgba(black, 0.6);\n z-index: 2;\n width: calc(66.6% + 7px);\n padding: 8px 18px;\n transform-origin: 0 100%;\n transform: rotate(-90deg);\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\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"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);
|
