|
- "use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[5483],{"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/slider/slider.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,'.slider{opacity:0;transition:opacity .4s linear}.slider.initiated{opacity:1}.slider.single-slide .controls{display:none}.slider .slide-overflow{overflow:hidden;transition:height .6s cubic-bezier(0.215, 0.61, 0.355, 1)}.slider img.loading{opacity:0}.slider img.loaded{transition:.3s ease;opacity:1}.slider .slide-wrapper{position:relative;display:flex;align-items:flex-start;width:10000%;contain:layout}.slider .slide-wrapper.no-transition{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slider .slide-wrapper.no-transition .image-box:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.slider .slide-wrapper img,.slider .slide-wrapper a{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none}.slider .slide{position:relative;width:1%;min-width:1%;max-width:1%}.slider .prev-clone,.slider .next-clone{position:absolute;display:flex;width:100%}.slider .prev-clone{position:absolute;right:100%;justify-content:flex-end}.rotation{margin:var(--section-margin) auto}.rotation .slider{position:relative;display:block;border-bottom:var(--border-width) solid var(--theme-color-secondary);background-color:var(--theme-color-primary)}@media(max-width: 567px){.rotation .slider{margin:var(--section-margin) calc(var(--container-padding)*-1)}}.rotation .slider .slide:not(.current){height:0}@media(max-width: 999px){.rotation .slider .slide.text-only .outer .text-box{min-height:calc(40vw + 100px)}}@media(min-width: 1000px){.rotation .slider .slide.text-only .outer:after{content:"";position:relative;display:block;padding-top:calc(44.4444% - 13.3333px)}}.rotation .slider .outer{margin:0 -20px;display:flex}@media(max-width: 999px){.rotation .slider .outer{flex-direction:column;margin:0;overflow:hidden}}.rotation .slider .outer.download .text-box .btn:before{content:""}.rotation .slider .outer.intranet .text-box .btn:before{content:""}.rotation .slider .outer.extranet .text-box .btn:before{content:""}.rotation .slider .outer.extern .text-box .btn:before{content:""}.rotation .slider .image-box{order:1;position:relative;flex:1 1 100%}.rotation .slider .image-box:before{content:"";position:relative;display:block;padding-top:66.66667%}.rotation .slider .image-box>picture,.rotation .slider .image-box img,.rotation .slider .image-box .gallery{position:absolute;left:0;top:0;height:100%;width:100%;object-fit:cover}@media(min-width: 1000px){.rotation .slider .image-box{padding-right:20px;flex:1 1 66.66667%;max-width:66.66667%}.rotation .slider .image-box>picture,.rotation .slider .image-box img,.rotation .slider .image-box .gallery{width:calc(100% - 20px);left:1px}}.rotation .slider .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}@media(min-width: 1000px){.rotation .slider .copyright{left:calc(100% - 20px)}}.rotation .slider .text-box{position:relative;display:flex;flex-direction:column;justify-content:center;flex:1 1 33.33333%;max-width:33.3333%;min-width:400px;color:var(--theme-color-background);z-index:2;padding:40px 20px 40px 80px;font-size:var(--font-size-small)}@media(max-width: 1339px){.rotation .slider .text-box{min-width:360px;padding:30px 10px 30px 60px}}@media(max-width: 1199px)and (min-width: 1000px){.rotation .slider .text-box{min-height:500px;font-size:16px}}@media(max-width: 999px){.rotation .slider .text-box{padding:40px 40px 10px;min-width:0;max-width:none}}@media(max-width: 567px){.rotation .slider .text-box{padding:28px var(--container-padding) 10px}}.rotation .slider .text-box:first-child{padding:100px 80px;position:static;background-color:rgba(0,0,0,0);max-width:none}@media(max-width: 999px){.rotation .slider .text-box:first-child{padding:40px}}@media(max-width: 567px){.rotation .slider .text-box:first-child{padding:28px 20px 100px}}.rotation .slider .text-box:first-child:after{content:"";background:linear-gradient(130deg, var(--theme-color-gradient-01) 10%, var(--theme-color-gradient-02) 80%, var(--theme-color-gradient-03) 100%);position:absolute;top:0;left:0;width:100%;height:800px}.rotation .slider .text-box:first-child>*{max-width:800px;z-index:1}.rotation .slider .text-box:not(:first-child):before{content:"";position:absolute;left:0;right:0;bottom:0;background-color:var(--theme-color-primary);z-index:-1}@media(min-width: 1000px){.rotation .slider .text-box:not(:first-child):before{top:0;margin:-15% -14% -15% 20px;border-top-right-radius:28% 50%;border-bottom-right-radius:28% 50%}}@media(max-width: 999px){.rotation .slider .text-box:not(:first-child):before{padding-top:70%;margin-right:0;margin:0 -15% -8%;border-bottom-left-radius:50% 28%;border-bottom-right-radius:50% 28%}}.rotation .slider .context-box{position:absolute;right:0;top:40px;z-index:100;min-width:100px;min-height:47px;padding:8px 10px 10px 10px;font-family:var(--font-korb);font-size:var(--font-size-h4);font-style:normal;font-weight:normal;line-height:1.2;margin:1.4em -0.05em .8em;margin:0;text-align:right;color:var(--theme-color-white);background:linear-gradient(90deg, var(--theme-color-gradient-01) 25%, var(--theme-color-gradient-02) 57%, var(--theme-color-gradient-03) 112%)}@media(max-width: 999px){.rotation .slider .context-box{min-height:auto}}.rotation .slider .context-box--image{padding:4px 10px;display:flex}.rotation .slider .context-box--image img{height:39px}.rotation .slider .image-box .context-box{right:20px}@media(max-width: 999px){.rotation .slider .image-box .context-box{top:110px;right:0}}@media(max-width: 567px){.rotation .slider .image-box .context-box{top:40px}}@media(max-width: 319px){.rotation .slider .image-box .context-box{top:20px}}@media(max-width: 767px){.rotation .slider .text-box.context{padding-top:100px}}.rotation .slider .slider-tabs{position:absolute;display:flex;right:0;bottom:0;list-style:none;padding:0;margin:20px}.rotation .slider .slider-tabs .btn{--button-hover-shadow-opacity: 0.4;margin:5px;font-size:var(--font-size-h4)}.rotation .slider .slider-tabs .btn span{position:relative;z-index:2}@media(max-width: 767px){.rotation .slider .slider-tabs .btn{margin:4px}}.rotation .slider .slider-tabs .active .btn{--button-bg-color: var(--theme-color-background);--button-text-color: var(--theme-color-primary)}.rotation .slider .slider-tabs .active .btn:hover::after{box-shadow:none}.rotation .slider h2,.rotation .slider .like-h2{margin-top:.3em;margin-bottom:.4em}.rotation .slider .btn{margin-top:.8em}.rotation .slider .prev,.rotation .slider .next,.rotation .slider .count{display:none}',"",{version:3,sources:["webpack://./stories/sections/slider/slider.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.slider {\n opacity: 0;\n transition: opacity 0.4s linear;\n\n &.initiated {\n opacity: 1;\n }\n\n &.single-slide {\n .controls {\n display: none;\n }\n }\n\n .slide-overflow {\n overflow: hidden;\n transition: height 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n img.loading {\n opacity: 0;\n }\n\n img.loaded {\n transition: 0.3s ease;\n opacity: 1;\n }\n\n .slide-wrapper {\n position: relative;\n display: flex;\n align-items: flex-start;\n width: 10000%;\n contain: layout;\n\n &.no-transition {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n .image-box:after {\n content: "";\n @include full-size;\n z-index: 2;\n }\n }\n\n img, a {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-drag: none;\n -moz-user-drag: none;\n }\n }\n\n .slide {\n position: relative;\n width: 1%;\n min-width: 1%;\n max-width: 1%;\n }\n\n .prev-clone,\n .next-clone {\n position: absolute;\n display: flex;\n width: 100%;\n }\n\n .prev-clone {\n position: absolute;\n right: 100%;\n justify-content: flex-end;\n }\n}\n\n.rotation {\n margin: var(--section-margin) auto;\n}\n\n.rotation .slider {\n position: relative;\n display: block;\n border-bottom: var(--border-width) solid var(--theme-color-secondary);\n background-color: var(--theme-color-primary);\n\n @media(max-width: 567px) {\n margin: var(--section-margin) calc(var(--container-padding) * -1);\n }\n\n .slide {\n &:not(.current) {\n height: 0;\n }\n\n &.text-only .outer {\n @media(max-width: 999px) {\n .text-box {\n min-height: calc(40vw + 100px);\n }\n }\n @media(min-width: 1000px) {\n &:after {\n content: "";\n position: relative;\n display: block;\n padding-top: calc(44.4444% - 13.3333px);\n }\n }\n }\n }\n\n .outer {\n margin: 0 -20px;\n display: flex;\n\n @media(max-width: 999px) {\n flex-direction: column;\n margin: 0;\n overflow: hidden;\n }\n\n &.download .text-box .btn:before {\n @include icon-small-download;\n }\n &.intranet .text-box .btn:before{\n @include icon-small-schloss;\n }\n &.extranet .text-box .btn:before{\n @include icon-small-stern;\n }\n &.extern .text-box .btn:before{\n @include icon-small-link-external;\n }\n }\n\n .image-box {\n order: 1;\n position: relative;\n flex: 1 1 100%;\n @media(min-width: 1000px) {\n\n }\n\n &:before {\n content: "";;\n position: relative;\n display: block;\n padding-top: 66.66667%;\n }\n\n > picture, img, .gallery {\n position: absolute;\n left: 0;\n top: 0;\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n\n @media(min-width: 1000px) {\n padding-right: 20px;\n flex: 1 1 66.66667%;\n max-width: 66.66667%;\n\n > picture, img, .gallery {\n width: calc(100% - 20px);\n left: 1px;\n }\n }\n }\n\n .copyright {\n @include copyright;\n @media(min-width: 1000px) {\n left: calc(100% - 20px);\n }\n }\n\n .text-box {\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex: 1 1 33.33333%;\n max-width: 33.3333%;\n min-width: 400px;\n color: var(--theme-color-background);\n z-index: 2;\n padding: 40px 20px 40px 80px;\n font-size: var(--font-size-small);\n\n @media(max-width: 1339px) {\n min-width: 360px;\n padding: 30px 10px 30px 60px;\n }\n\n @media(max-width: 1199px) and (min-width: 1000px) {\n min-height: 500px;\n font-size: 16px;\n }\n\n @media(max-width: 999px) {\n padding: 40px 40px 10px;\n min-width: 0;\n max-width: none;\n }\n\n @media(max-width: 567px) {\n padding: 28px var(--container-padding) 10px;\n }\n\n &:first-child {\n padding: 100px 80px;\n position: static;\n background-color: transparent;\n max-width: none;\n\n @media(max-width: 999px) {\n //justify-content: flex-start;\n padding: 40px;\n }\n @media(max-width: 567px) {\n padding: 28px 20px 100px;\n }\n\n &:after {\n content: "";\n background: linear-gradient(130deg, var(--theme-color-gradient-01) 10%, var(--theme-color-gradient-02) 80%, var(--theme-color-gradient-03) 100%);\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 800px;\n }\n\n > * {\n max-width: 800px;\n z-index: 1;\n }\n }\n\n &:not(:first-child):before {\n content: "";\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: var(--theme-color-primary);\n z-index: -1;\n\n @media(min-width: 1000px) {\n top: 0;\n margin: -15% -14% -15% 20px;\n border-top-right-radius: 28% 50%;\n border-bottom-right-radius: 28% 50%;\n }\n @media(max-width: 999px) {\n padding-top: 70%;\n margin-right: 0;\n margin: 0 -15% -8%;\n border-bottom-left-radius: 50% 28%;\n border-bottom-right-radius: 50% 28%;\n }\n }\n }\n\n .context-box {\n position: absolute;\n right: 0;\n top: 40px;\n z-index: 100;\n min-width: 100px;\n min-height: 47px;\n padding: 8px 10px 10px 10px;\n @include h4();\n margin: 0;\n text-align: right;\n color: var(--theme-color-white);\n background: linear-gradient(90deg, var(--theme-color-gradient-01) 25%,var(--theme-color-gradient-02) 57%,var(--theme-color-gradient-03) 112%);\n @media(max-width: 999px) {\n min-height: auto;\n }\n &--image {\n padding: 4px 10px;\n display: flex;\n img {\n height: 39px;\n }\n }\n }\n .image-box {\n .context-box {\n right: 20px;\n @media(max-width: 999px) {\n top: 110px;\n right: 0;\n }\n @media(max-width: 567px) {\n top: 40px;\n }\n @media(max-width: 319px) {\n top: 20px;\n }\n }\n }\n .text-box {\n &.context {\n @media(max-width: 767px) {\n padding-top: 100px;\n }\n }\n }\n\n .slider-tabs {\n position: absolute;\n display: flex;\n right: 0;\n bottom: 0;\n list-style: none;\n padding: 0;\n margin: 20px;\n\n .btn {\n --button-hover-shadow-opacity: 0.4;\n margin: 5px;\n font-size: var(--font-size-h4);\n span{\n position:relative;\n z-index:2;\n }\n @media(max-width: 767px) {\n margin: 4px;\n }\n }\n\n .active .btn {\n --button-bg-color: var(--theme-color-background);\n --button-text-color: var(--theme-color-primary);\n\n &:hover::after {\n box-shadow: none;\n }\n }\n }\n\n h2, .like-h2 {\n margin-top: 0.3em;\n margin-bottom: 0.4em;\n }\n\n .btn {\n margin-top: 0.8em;\n }\n\n .prev, .next, .count {\n display: none;\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\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___},"./stories/sections/slider/slider.scss":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_slider_scss__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/slider/slider.scss"),options={insert:"head",singleton:!1};_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_slider_scss__WEBPACK_IMPORTED_MODULE_1__.Z,options),_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_slider_scss__WEBPACK_IMPORTED_MODULE_1__.Z.locals}}]);
|
