|
- "use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[2801],{"./stories/components/mini-teaser/MiniTeaserComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Y:()=>createMiniTeaser});__webpack_require__("./node_modules/core-js/modules/es.string.link.js"),__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),miniteaser=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/mini-teaser/miniteaser.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(miniteaser.Z,options);miniteaser.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),ButtonComponent=__webpack_require__("./stories/atoms/button/ButtonComponent.js"),createMiniTeaser=function createMiniTeaser(_ref){var _ref$type=_ref.type,type=void 0===_ref$type?"standard":_ref$type,_ref$category=_ref.category,category=void 0===_ref$category?"IHK Mitgliedschaft":_ref$category,_ref$title=_ref.title,title=void 0===_ref$title?"Werden Sie Teil unseres Netzwerks!":_ref$title,_ref$link=_ref.link,link=void 0===_ref$link?"#":_ref$link,_ref$icon=_ref.icon,icon=void 0===_ref$icon?"Roboter":_ref$icon,_ref$buttonlabel=_ref.buttonlabel,buttonlabel=void 0===_ref$buttonlabel?"IHK-Newsletter sichern":_ref$buttonlabel,_ref$backgroundImage=_ref.backgroundImage,backgroundImage=void 0===_ref$backgroundImage?null:_ref$backgroundImage;if("standard"===type){var tile=(0,helpers.az)("a",["tile","mini-teaser",type],null);tile.href=link;var textBox=(0,helpers.az)("div",["text-box"],null,tile);return(0,helpers.az)("h5",["category"],category,textBox),(0,helpers.az)("h4",["title"],title,textBox),tile}var _tile=(0,helpers.az)("a",["tile","mini-teaser",type],null);_tile.href=link,backgroundImage&&backgroundImage.length>0&&(_tile.style="background-image: url("+backgroundImage+");",_tile.classList.add("background-image"));var _textBox=(0,helpers.az)("div",["text-box"],null,_tile);return icon&&icon.length>0?((0,helpers.az)("div",["icon-box","pictogram-"+icon.toLowerCase().split(" ").join("-")],null,_textBox),(0,helpers.az)("h4",["title"],title,_textBox),_textBox.appendChild((0,ButtonComponent.a)({elementType:"span",color:"white",label:buttonlabel,iconPosition:"icon-right",icon:null,preventClick:!1}))):((0,helpers.az)("h4",["title","noicon"],title,_textBox),_textBox.appendChild((0,ButtonComponent.a)({elementType:"span",color:"white",label:buttonlabel,iconPosition:"icon-right",icon:null,preventClick:!1}))),_tile}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/mini-teaser/miniteaser.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,'.mini-teaser{position:relative;background-color:#fff;overflow:hidden;width:100%;border-radius:4px;padding:16px 12px;transition:.25s ease;line-height:1.2;text-align:center;text-decoration:none;background-color:var(--theme-grey-light);display:block}.mini-teaser .title{font-size:22px}.mini-teaser.standard::before{content:"";position:absolute;display:block;top:0;left:0;right:0;height:4px;background-color:var(--theme-color-secondary);transition:.2s ease}.mini-teaser.standard:hover::before{height:8px}.mini-teaser h4{font-size:22px}.mini-teaser .text-box{position:relative}.mini-teaser.infoteaser{background:linear-gradient(161deg, rgba(var(--theme-color-primary-rgb), 1) 0%, rgba(var(--theme-color-primary-rgb), 0.2) 100%);position:relative}.mini-teaser.infoteaser:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;background:linear-gradient(161deg, var(--theme-color-gradient-01) 40%, var(--theme-color-gradient-02) 80%, var(--theme-color-gradient-03) 120%)}.mini-teaser.infoteaser.background-image{background-size:cover}.mini-teaser.infoteaser.background-image:after{position:absolute;top:0;left:0;bottom:0;right:0;z-index:0;content:"";opacity:.6;background:linear-gradient(87deg, #036 12.55%, rgba(1, 40, 81, 0.86) 56.52%, rgba(0, 51, 102, 0) 94.05%);background-blend-mode:overlay}.mini-teaser.infoteaser.background-image .text-box{position:relative;z-index:1}.mini-teaser.infoteaser .title,.mini-teaser.infoteaser .category,.mini-teaser.infoteaser .btn{color:#fff}.mini-teaser.infoteaser .title{margin-top:0;padding-left:54px;min-height:48px;text-align:left;line-height:24px;margin-bottom:19px;width:100%}.mini-teaser.infoteaser .title.noicon{padding-left:0;min-height:0}.mini-teaser.infoteaser .title.noicon+.btn{margin-left:0}.mini-teaser.infoteaser .btn{background-color:rgba(0,0,0,0);border:1px solid #fff;align-self:flex-end;display:inline-block;padding:8px 10px;line-height:22px;border-radius:16px;--button-padding: 8px 10px;min-height:0;font-size:22px}.mini-teaser.infoteaser .btn:after{border-radius:16px}.mini-teaser.infoteaser .icon-box{margin-bottom:19px;margin-top:0;padding-top:0;position:absolute;top:0;left:0}.mini-teaser.infoteaser .text-box{padding:0;display:flex;flex-wrap:wrap}.mini-teaser .icon-box{font-family:"Pictograms",sans-serif;line-height:1;color:#fff;font-size:48px}.mini-teaser .category{text-align:left;padding:0;margin:0;margin-bottom:8px;font-size:16px;text-transform:uppercase;line-height:18px}.mini-teaser .title{text-align:left;padding:0;margin:0}',"",{version:3,sources:["webpack://./stories/components/mini-teaser/miniteaser.scss"],names:[],mappings:"AAGA,aACE,iBAAA,CACA,qBAAA,CACA,eAAA,CACA,UAAA,CAEA,iBAAA,CACA,iBAAA,CACA,oBAAA,CACA,eAAA,CACA,iBAAA,CACA,oBAAA,CACA,wCAAA,CACA,aAAA,CACA,oBACE,cAAA,CAEF,8BACE,UAAA,CACA,iBAAA,CACA,aAAA,CACA,KAAA,CACA,MAAA,CACA,OAAA,CACA,UAAA,CACA,6CAAA,CACA,mBAAA,CAEF,oCACE,UAAA,CAEF,gBACE,cAAA,CAEF,uBACE,iBAAA,CAEF,wBACE,8HAAA,CACA,iBAAA,CACA,8BACE,UAAA,CACA,iBAAA,CACA,MAAA,CACA,OAAA,CACA,KAAA,CACA,QAAA,CACA,UAAA,CACA,+IAAA,CAEF,yCACE,qBAAA,CACA,+CACE,iBAAA,CACA,KAAA,CACA,MAAA,CACA,QAAA,CACA,OAAA,CACA,SAAA,CACA,UAAA,CACA,UAAA,CACA,wGAAA,CACA,6BAAA,CAGF,mDACE,iBAAA,CACA,SAAA,CAGJ,8FACE,UAAA,CAEF,+BACE,YAAA,CACA,iBAAA,CACA,eAAA,CACA,eAAA,CACA,gBAAA,CACA,kBAAA,CACA,UAAA,CACA,sCACE,cAAA,CACA,YAAA,CACA,2CACE,aAAA,CAIN,6BACE,8BAAA,CACA,qBAAA,CACA,mBAAA,CACA,oBAAA,CACA,gBAAA,CACA,gBAAA,CACA,kBAAA,CACA,0BAAA,CACA,YAAA,CACA,cAAA,CACA,mCACE,kBAAA,CAGJ,kCACE,kBAAA,CACA,YAAA,CACA,aAAA,CACA,iBAAA,CACA,KAAA,CACA,MAAA,CAGF,kCACE,SAAA,CACA,YAAA,CACA,cAAA,CAIJ,uBACE,mCAAA,CACA,aAAA,CACA,UAAA,CACA,cAAA,CAEF,uBACE,eAAA,CACA,SAAA,CACA,QAAA,CACA,iBAAA,CACA,cAAA,CACA,wBAAA,CACA,gBAAA,CAEF,oBACE,eAAA,CACA,SAAA,CACA,QAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.mini-teaser {\n position: relative;\n background-color: white;\n overflow: hidden;\n width: 100%;\n //max-width: 420px;\n border-radius: 4px;\n padding: 16px 12px;\n transition: 0.25s ease;\n line-height: 1.2;\n text-align: center;\n text-decoration: none;\n background-color: var(--theme-grey-light);\n display: block;\n .title{\n font-size: 22px;\n }\n &.standard::before {\n content: \"\";\n position: absolute;\n display: block;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background-color: var(--theme-color-secondary);\n transition: 0.2s ease;\n }\n &.standard:hover::before {\n height: 8px;\n }\n h4{\n font-size: 22px;\n }\n .text-box{\n position: relative;\n }\n &.infoteaser{\n background: linear-gradient(161deg, rgba(var(--theme-color-primary-rgb), 1) 0%, rgba(var(--theme-color-primary-rgb), 0.2) 100%);\n position: relative;\n &:after{\n content:\"\";\n position:absolute;\n left:0;\n right:0;\n top:0;\n bottom:0;\n z-index:-1;\n background: linear-gradient(161deg, var(--theme-color-gradient-01) 40%, var(--theme-color-gradient-02) 80%, var(--theme-color-gradient-03) 120%);\n }\n &.background-image{\n background-size:cover;\n &:after{\n position:absolute;\n top:0;\n left:0;\n bottom:0;\n right:0;\n z-index: 0;\n content:\"\";\n opacity: 0.6;\n background: linear-gradient(87deg, #036 12.55%, rgba(1, 40, 81, 0.86) 56.52%, rgba(0, 51, 102, 0.00) 94.05%);\n background-blend-mode: overlay;\n \n }\n .text-box{\n position: relative;\n z-index: 1;\n }\n }\n .title, .category, .btn{\n color:white;\n }\n .title{\n margin-top: 0;\n padding-left: 54px;\n min-height: 48px;\n text-align: left;\n line-height: 24px;\n margin-bottom: 19px;\n width: 100%;\n &.noicon{\n padding-left: 0;\n min-height: 0;\n + .btn{\n margin-left: 0;\n }\n }\n }\n .btn{\n background-color: transparent;\n border: 1px solid white;\n align-self: flex-end;\n display: inline-block;\n padding:8px 10px;\n line-height: 22px;\n border-radius:16px;\n --button-padding: 8px 10px;\n min-height: 0;\n font-size: 22px;\n &:after{\n border-radius:16px;\n }\n }\n .icon-box{\n margin-bottom: 19px;\n margin-top: 0;\n padding-top: 0;\n position: absolute;\n top: 0;\n left: 0;\n \n }\n .text-box{\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n }\n }\n\n .icon-box {\n font-family: 'Pictograms', sans-serif;\n line-height: 1;\n color: white;\n font-size:48px\n }\n .category{\n text-align: left;\n padding:0;\n margin:0;\n margin-bottom:8px;\n font-size:16px;\n text-transform: uppercase;\n line-height: 18px;\n }\n .title{\n text-align: left;\n padding:0;\n margin:0;\n }\n}\n\n\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/marketingheader/marketingheader.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,'section.marketingheader{margin-top:0}section.marketingheader.miniinfoteaser .kicker{color:var(--theme-color-secondary)}section.marketingheader.miniinfoteaser .mini-teaser .category{color:var(--theme-color-secondary)}section.marketingheader.miniinfoteaser .text-only .kicker{color:#fff}section.marketingheader .search{position:relative;overflow:hidden;margin:0;background-color:var(--theme-color-primary-dimmed-04);max-height:100px;transition:all .5s ease-in;background-size:cover}@media(max-width: 767px){section.marketingheader .search{max-height:78px}}section.marketingheader .search .sc.container{position:absolute;top:0;left:0;right:0;width:100%;max-width:100%}@media(max-width: 767px){section.marketingheader .search .sc.container{position:relative}section.marketingheader .search .sc.container .close-search{position:relative !important;right:0 !important;top:0 !important;float:right;margin-bottom:15px}}section.marketingheader .search .sc.container .close-search{display:none;position:absolute;right:30px;top:33px;left:auto;cursor:pointer;transition:.3s ease;border:1px solid var(--theme-color-primary-dimmed-04);border-radius:10px;height:34px;width:34px;background-color:var(--theme-color-primary);z-index:2}section.marketingheader .search .sc.container .close-search.focus-visible:focus{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}section.marketingheader .search .sc.container .close-search:focus-visible,section.marketingheader .search .sc.container .close-search.-moz-focusring{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}section.marketingheader .search .sc.container .close-search:before,section.marketingheader .search .sc.container .close-search:after{content:"";position:absolute;top:50%;left:50%;width:17px;height:1.5px;border-radius:2px;background-color:var(--theme-color-white);transform:translate(-50%, -50%) rotate(45deg);transition:.3s ease}section.marketingheader .search .sc.container .close-search:after{transform:translate(-50%, -50%) rotate(-45deg)}section.marketingheader .search.open{max-height:9999px;transition:all .1s cubic-bezier(1, 0, 1, 0)}section.marketingheader .search.open .close-search{display:block !important}section.marketingheader .search.open .tiles{top:0;padding-bottom:9px}@media screen and (max-width: 767px){section.marketingheader .search.open .tiles{padding-bottom:0}}section.marketingheader .search.open form{max-width:580px}section.marketingheader .search form{border-radius:24px;box-shadow:0 4px 20px -5px rgba(0,0,0,.25) !important;overflow:hidden;font-size:22px;max-width:360px;margin:20px auto !important;transition:.25s ease}@media(max-width: 767px){section.marketingheader .search form{font-size:18px;margin:15px auto !important}}@media(min-width: 768px){section.marketingheader .search+section,section.marketingheader .search+#toclist>section:first-child{margin-top:0}}section.marketingheader .search input#search-term{border-color:#fff !important;height:60px;border-top-left-radius:24px;border-bottom-left-radius:24px;font-size:22px}@media(max-width: 767px){section.marketingheader .search input#search-term{font-size:18px;height:48px}}section.marketingheader .search input#search-term::placeholder{color:var(--theme-color-primary) !important}section.marketingheader .search button.search-submit{background-color:var(--theme-color-primary) !important;color:#fff;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;border-color:#fff !important;height:60px;width:60px;font-size:22px}@media(max-width: 767px){section.marketingheader .search button.search-submit{font-size:18px;height:48px;width:48px}}section.marketingheader .search button.search-submit:before{width:30px;height:30px;font-size:30px}@media(max-width: 767px){section.marketingheader .search button.search-submit:before{width:24px;height:24px;font-size:24px}}section.marketingheader .search .container{position:relative;z-index:1}@media(max-width: 567px){section.marketingheader .search .container .row{min-height:0}}section.marketingheader .search .container .row>.col{margin-top:0;padding-top:0;padding-bottom:0}@media(max-width: 420px){section.marketingheader .search .artwork{top:30px;right:-20px}}@media(max-width: 340px){section.marketingheader .search .artwork{top:40px;right:-30px}}section.marketingheader .search form{position:relative;margin:0 0 16px}@media(max-width: 567px){section.marketingheader .search form{margin-top:20px}}section.marketingheader .search h1{margin-left:0;margin-top:0}@media(max-width: 567px){section.marketingheader .search h1{font-size:24px;margin:0}}section.marketingheader .search .tiles{margin:0 -8px 0 -8px;position:relative;top:100px;display:flex;flex-wrap:wrap;font-family:"Korb",sans-serif;transition:all .4s ease-in;padding-bottom:0}section.marketingheader .search .tiles .tile{position:relative;display:flex;padding:8px;flex:1 1 33.3333%;max-width:33.3333%;margin-top:0 !important;padding-top:0 !important;padding-bottom:0 !important;margin-bottom:16px !important}section.marketingheader .search .tiles .tile::before{position:absolute;top:8px;right:8px;margin:10px 8px;font-family:Icons,sans-serif;font-size:18px;line-height:1;text-align:center;pointer-events:none;z-index:1}section.marketingheader .search .tiles .tile[data-type=download]::before{content:""}section.marketingheader .search .tiles .tile[data-type=external]::before{content:""}@media(max-width: 567px){section.marketingheader .search .tiles .tile{flex:1 1 50%;max-width:50%}}section.marketingheader .search .tiles .tile:nth-child(3)~.tile{z-index:1}section.marketingheader .search .tiles .tile.downloads,section.marketingheader .search .tiles .tile.a-z,section.marketingheader .search .tiles .tile.events{order:1;background-color:rgba(0,0,0,0)}section.marketingheader .search .tiles .tile.downloads::before,section.marketingheader .search .tiles .tile.a-z::before,section.marketingheader .search .tiles .tile.events::before{font-family:"Icons",sans-serif;position:absolute;font-size:24px;line-height:1;right:0;top:0;margin:11px 10px;z-index:1;background-color:#fff;padding:7px 6px 5px;border-top-right-radius:8px;border-bottom-left-radius:8px}@media(max-width: 767px){section.marketingheader .search .tiles .tile.downloads::before,section.marketingheader .search .tiles .tile.a-z::before,section.marketingheader .search .tiles .tile.events::before{margin:18px;font-size:24px}}section.marketingheader .search .tiles .tile.downloads .outer,section.marketingheader .search .tiles .tile.a-z .outer,section.marketingheader .search .tiles .tile.events .outer{background-color:var(--theme-color-primary-dimmed-04)}section.marketingheader .search .tiles .tile.downloads p,section.marketingheader .search .tiles .tile.a-z p,section.marketingheader .search .tiles .tile.events p{margin-bottom:.4em}section.marketingheader .search .tiles .tile.downloads::before{content:""}section.marketingheader .search .tiles .tile.a-z::before{content:""}section.marketingheader .search .tiles .tile.events::before{content:""}section.marketingheader .search .tiles .tile>a,section.marketingheader .search .tiles .outer{position:relative;display:flex;align-items:flex-end;width:100%;min-height:108px;padding:18px 24px 24px;border-radius:var(--border-radius-md);box-shadow:0 4px 20px -5px rgba(0,0,0,.25);transition:.25s ease;line-height:1.2;background-color:var(--theme-color-background);overflow:hidden}section.marketingheader .search .tiles .tile>a.focus-visible:focus,section.marketingheader .search .tiles .outer.focus-visible:focus{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}section.marketingheader .search .tiles .tile>a:focus-visible,section.marketingheader .search .tiles .tile>a.-moz-focusring,section.marketingheader .search .tiles .outer:focus-visible,section.marketingheader .search .tiles .outer.-moz-focusring{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}@media(max-width: 767px){section.marketingheader .search .tiles .tile>a,section.marketingheader .search .tiles .outer{font-size:16px;padding:10px 10px 15px;min-height:84px}}section.marketingheader .search .tiles .tile>a:before,section.marketingheader .search .tiles .outer:before{content:"";position:absolute;display:block;bottom:0;left:0;right:0;height:var(--border-width);background-color:var(--theme-color-secondary);transition:.25s cubic-bezier(0.25, 0.46, 0.45, 0.94)}section.marketingheader .search .tiles .tile>a:hover,section.marketingheader .search .tiles .outer:hover{color:var(--theme-color-secondary-intensed)}section.marketingheader .search .tiles .tile>a:hover:before,section.marketingheader .search .tiles .outer:hover:before{height:var(--border-width-hover)}section.marketingheader .search .tiles .tile>a .item-title{text-decoration:underline}section.marketingheader .search .tiles .outer{background-color:var(--theme-primary-light-04);padding:14px 20px 18px;border:4px solid #fff}section.marketingheader .search .tiles .outer::after,section.marketingheader .search .tiles .outer::before{display:none}section.marketingheader .search .tiles .inner{display:block;max-width:100%}section.marketingheader .search .tiles .kicker{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;display:block;text-decoration:none}section.marketingheader .search .tiles ul{list-style:none;padding:0;font-size:16px;max-width:100%;margin:0}section.marketingheader .search .tiles ul li{margin-top:5px}section.marketingheader .search .tiles ul a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.2s ease;font-weight:500}section.marketingheader .search .tiles ul a:hover{color:var(--color-secondary-dark)}section.marketingheader .search .tiles .proposals{flex:1 1 100%;padding:10px 12px 0;order:2}section.marketingheader .search .tiles .proposals a{margin:0 .3em 0 .1em}section.marketingheader .search .tiles .proposals p{margin-bottom:0}section.marketingheader .search .tiles .all-button-wrapper{padding:16px 8px;display:block;flex:1 1 100%;order:3}section.marketingheader .search .tiles .all-button-wrapper .btn{transition:.2s ease}section.marketingheader .search .tiles .all-button-wrapper .btn .count{margin-left:.3em}section.marketingheader .search .tiles .all-button-wrapper .btn .count::before{content:"("}section.marketingheader .search .tiles .all-button-wrapper .btn .count::after{content:")"}section.marketingheader .search.background-image:after{position:absolute;top:0;left:0;bottom:0;right:0;z-index:0;content:"";opacity:.6;background:linear-gradient(87deg, #036 12.55%, rgba(1, 40, 81, 0.86) 56.52%, rgba(0, 51, 102, 0) 94.05%);background-blend-mode:overlay}section.marketingheader .search.background-image .artwork-wrapper{display:none}section.marketingheader.infoteaser{border-radius:4px}section.marketingheader.infoteaser .slide-overflow{border-radius:4px}section.marketingheader.infoteaser outer{max-height:427px;height:427px}@media(max-width: 999px){section.marketingheader.infoteaser outer{max-height:none;height:auto}}section.marketingheader.infoteaser .rotation{padding:0}@media screen and (max-width: 1000px){section.marketingheader.infoteaser .rotation .slide:not(.text-only) .text-box{padding:16px 0}section.marketingheader.infoteaser .rotation .slide .image-box img{position:static;height:300px}section.marketingheader.infoteaser .rotation .slider-tabs{top:0;height:auto;bottom:auto;margin-top:15px}}@media screen and (max-width: 900px){section.marketingheader.infoteaser .rotation .slider .image-box{padding-left:var(--container-padding);padding-right:var(--container-padding)}section.marketingheader.infoteaser .rotation .slider .text-box:first-child::after{display:none}}section.marketingheader.infoteaser .rotation .text-box{min-height:0}section.marketingheader.infoteaser outer{border-radius:4px}section.marketingheader.infoteaser outer .image-box img{border-radius:4px}section.marketingheader.infoteaser .image-box{max-height:427px;min-height:0;height:427px}section.marketingheader.infoteaser .image-box img{max-height:427px;height:427px}@media screen and (max-width: 900px){section.marketingheader.infoteaser .mainstage{padding:0}}section.marketingheader.infoteaser .mainstage .row{margin:16px 0}@media screen and (min-width: 901px){section.marketingheader.infoteaser .mainstage .row{margin:30px -8px 0}}section.marketingheader.infoteaser .mainstage .row .col{flex:1 1 100%;max-width:100%}@media screen and (min-width: 901px){section.marketingheader.infoteaser .mainstage .row .col{padding:0 8px;flex:1 1 calc(100% - 322px);max-width:calc(100% - 322px)}}section.marketingheader.infoteaser .mainstage .row .col+.col{flex:1 1 100%;max-width:100%;display:flex;flex-flow:column;justify-content:space-between;margin:0;padding:0 var(--container-padding)}@media screen and (min-width: 901px){section.marketingheader.infoteaser .mainstage .row .col+.col{flex:1 1 322px;max-width:322px;padding:0 8px;margin:-8px 0}}section.marketingheader.infoteaser .mainstage .row .col+.col .mt{height:100%;padding:8px 0}@media screen and (max-width: 575px){section.marketingheader.infoteaser .mainstage .row .col+.col .mt{padding:4px 0}}section.marketingheader.infoteaser .mainstage .row .col+.col .mt .mini-teaser{height:100%}section.marketingheader.infoteaser .mainstage .row .col+.col .mt .mini-teaser .text-box{height:100%;flex-flow:column;justify-content:space-between}section.marketingheader.infoteaser .mainstage .row .col+.col .mt .mini-teaser .text-box .btn{height:fit-content}section.marketingheader.hero-fullwidth .mainstage.container{max-width:1920px;width:100%;padding:0}section.marketingheader.hero-fullwidth .mainstage.container>.row{margin:0}section.marketingheader.hero-fullwidth .rotation{margin:0 !important;padding:0 !important;width:100%}section.marketingheader.hero-fullwidth .rotation outer{margin:0 !important;position:relative;justify-content:center}@media screen and (min-width: 901px){section.marketingheader.hero-fullwidth .rotation outer{max-height:566px}}section.marketingheader.hero-fullwidth .rotation .slider{background-color:rgba(0,0,0,0)}@media screen and (max-width: 900px){section.marketingheader.hero-fullwidth .rotation .slider .image-box img{height:300px}}@media screen and (max-width: 767px){section.marketingheader.hero-fullwidth .rotation .slider .image-box img{height:300px}}section.marketingheader.hero-fullwidth .rotation .slider .slide.text-only.current{background:linear-gradient(-10deg, var(--theme-color-gradient-01) 10%, var(--theme-color-gradient-02) 55%, var(--theme-color-gradient-03) 90%)}section.marketingheader.hero-fullwidth .image-box{width:100%;flex:1 1 100%;max-width:100%;max-height:566px;position:relative;padding-right:0 !important}@media(min-width: 1000px){section.marketingheader.hero-fullwidth .image-box{padding-right:0 !important}}section.marketingheader.hero-fullwidth .image-box:after{position:absolute;top:0;left:0;bottom:0;right:0;z-index:0;content:"";opacity:.6;background:linear-gradient(87deg, #036 12.55%, rgba(1, 40, 81, 0.86) 56.52%, rgba(0, 51, 102, 0) 94.05%);background-blend-mode:overlay}section.marketingheader.hero-fullwidth .image-box:after:before{display:none}section.marketingheader.hero-fullwidth .image-box img{object-fit:cover;z-index:-1;left:0 !important;padding:0 !important;width:100% !important}section.marketingheader.hero-fullwidth .text-box{height:100%;color:#fff;width:var(--container-width);padding:0 var(--container-padding);max-width:100%;margin:0 auto}@media screen and (min-width: 901px){section.marketingheader.hero-fullwidth .text-box{position:absolute}section.marketingheader.hero-fullwidth .text-box *{color:#fff}section.marketingheader.hero-fullwidth .text-box .btn{background-color:#fff !important;color:var(--theme-color-primary) !important}section.marketingheader.hero-fullwidth .text-box .btn:hover:after{box-shadow:0 0 0 var(--button-hover-shadow-size) #fff !important}}section.marketingheader.hero-fullwidth .text-box *{max-width:580px}section.marketingheader.hero-fullwidth .text-box:after{display:none}section.marketingheader.hero-fullwidth .text-box:before{display:none}section.marketingheader.hero-fullwidth .controls{width:var(--container-width);padding:0 var(--container-padding);max-width:100%;margin:0 auto;position:relative}@media screen and (max-width: 900px){section.marketingheader.hero-fullwidth .controls{position:absolute !important;top:0}}section.marketingheader .rotation .slider{border-bottom:0;background-color:#fff}section.marketingheader .rotation .slider h3{margin-top:4px;margin-bottom:8px}section.marketingheader .rotation .slider .kicker{margin-bottom:0}section.marketingheader .rotation .slider p{margin-bottom:.4em}section.marketingheader .rotation .slider .btn{margin-top:.4em}section.marketingheader .rotation .slider.ishovered .slider-tabs li.active button.btn::before{animation-play-state:paused}section.marketingheader .rotation .slider.btnanimation .slider-tabs li.active button.btn::before{animation:fillgrey 7s linear forwards}section.marketingheader .rotation .slider .slider-tabs li:first-child:last-child{display:none}section.marketingheader .rotation .slider .slider-tabs li.active button.btn{background-blend-mode:overlay}section.marketingheader .rotation .slider .slider-tabs li button.btn{position:relative;border-radius:var(--border-radius-lg);overflow:hidden}section.marketingheader .rotation .slider .slider-tabs li button.btn::before{width:0;background-color:var(--theme-grey-light);content:"";z-index:0;height:100%;position:absolute;top:0;bottom:0;right:0;left:0;right:0;display:block;background-blend-mode:multiply}section.marketingheader .rotation .slider .slide.text-only.current{background:none}section.marketingheader .rotation .slider .slide.text-only.current outer{background:linear-gradient(-10deg, var(--theme-color-gradient-01) 10%, var(--theme-color-gradient-02) 55%, var(--theme-color-gradient-03) 90%)}section.marketingheader .rotation .slider .slide.text-only.current outer .text-box{justify-content:center}section.marketingheader .rotation .slider .text-box{color:var(--theme-color-primary);padding:30px 36px 24px 36px;display:flex;flex-flow:column;justify-content:center;min-width:324px}section.marketingheader .rotation .slider .text-box:not(:first-child)::before{background-color:var(--theme-color-primary-dimmed-04)}section.marketingheader .rotation .slider .text-box .btn{background-color:var(--theme-color-primary);color:#fff}section.marketingheader .rotation .slider .text-box .btn:hover:after{box-shadow:0 0 0 var(--button-hover-shadow-size) var(--theme-color-primary)}section.marketingheader .rotation .slider .text-only .text-box{color:#fff}section.marketingheader .rotation{margin:0}@media(max-width: 1339px){section.marketingheader .rotation .rotation .slider .text-box{min-width:324px}}@media(min-width: 1001px){section.marketingheader .rotation .slider .text-box:not(:first-child)::before{border-top-right-radius:16% 50% !important;border-bottom-right-radius:16% 50% !important;margin:-15% -8% -15% 20px}}@media(max-width: 1000px){section.marketingheader .rotation .slider{background-color:#fff}section.marketingheader .rotation .slider .text-box:not(:first-child)::before{display:none}section.marketingheader .rotation .slider .image-box{order:0;height:auto;max-height:none !important}section.marketingheader .rotation .slider .image-box img{aspect-ratio:16/9;height:auto !important;max-height:none !important;min-height:177px !important}section.marketingheader .rotation .slider .image-box:before{display:none}section.marketingheader .rotation .slider .image-box img{position:static}}@media screen and (max-width: 900px){section.marketingheader .rotation .slider{margin-bottom:20px}section.marketingheader .rotation .slider .slide:not(.text-only) .text-box{padding:16px var(--container-padding) 0}section.marketingheader .rotation .slider .slide.text-only{padding-left:var(--container-padding);padding-right:var(--container-padding)}section.marketingheader .rotation .slider .slider-tabs{right:calc(var(--container-padding) + 10px);top:15px;padding:0;margin:0}section.marketingheader .rotation .slider .slider-tabs .btn{margin-top:0 !important}}@media screen and (max-width: 767px){section.marketingheader .rotation .slider .slide:not(.text-only) .text-box{padding:16px var(--container-padding)}section.marketingheader .rotation .slider .slider-tabs .btn{--button-icon-padding: 30px;--button-icon-offset: 5px;--button-padding: 5px 10px;--button-min-size: 30px;margin:2.5px}}@media screen and (max-width: 567px){section.marketingheader .rotation .slider{margin:0;margin-bottom:8px}}section.marketingheader .rotation .context-box{display:none !important}@keyframes fillgrey{0%{width:0}100%{width:100%}}',"",{version:3,sources:["webpack://./stories/sections/marketingheader/marketingheader.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"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",sourcesContent:['@import \'../../_global/styles/mixins\';\n@import \'../../_global/styles/vars\';\nsection.marketingheader{\n margin-top:0;\n &.miniinfoteaser{\n .kicker{\n color:var(--theme-color-secondary);\n }\n .mini-teaser{\n .category{\n color:var(--theme-color-secondary);\n }\n }\n .text-only .kicker{\n color:white;\n }\n }\n .search {\n position: relative;\n overflow: hidden;\n margin: 0;\n background-color: var(--theme-color-primary-dimmed-04);\n max-height: 100px;\n transition: all .5s ease-in;\n background-size:cover;\n @media (max-width:767px){\n max-height: 78px;\n }\n .sc.container{\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n width: 100%;\n max-width: 100%;\n @media (max-width:767px){\n position: relative;\n .close-search{\n position: relative !important;\n right:0 !important;\n top:0 !important; \n float: right;\n margin-bottom:15px;\n }\n }\n .close-search{\n display:none;\n position: absolute;\n right:30px;\n top:33px;\n left:auto;\n cursor: pointer;\n transition: 0.3s ease;\n border: 1px solid var(--theme-color-primary-dimmed-04);\n border-radius: 10px;\n height:34px;\n width:34px;\n background-color: var(--theme-color-primary);\n @include focus-visible;\n z-index: 2;\n &:before, &:after {\n content: "";\n position: absolute;\n top: 50%;\n left: 50%;\n width: 17px;\n height: 1.5px;\n border-radius: 2px;\n background-color: var(--theme-color-white);\n transform: translate(-50%,-50%) rotate(45deg);\n transition: 0.3s ease;\n }\n \n &:after {\n transform: translate(-50%,-50%) rotate(-45deg);\n }\n }\n }\n \n &.open{\n max-height: 9999px;\n transition: all .1s cubic-bezier(1,0,1,0);\n .close-search{\n display:block !important;\n }\n .tiles{\n top: 0;\n padding-bottom:9px;\n @media screen and (max-width:767px){\n padding-bottom:0;\n }\n }\n form{\n max-width: 580px;\n }\n }\n form{\n border-radius: 24px;\n box-shadow: 0 4px 20px -5px rgba(0, 0, 0, 0.25) !important;\n overflow:hidden;\n font-size: 22px;\n max-width: 360px;\n margin: 20px auto !important;\n transition: 0.25s ease;\n @media(max-width: 767px) {\n font-size: 18px;\n margin: 15px auto !important;\n }\n }\n + section, + #toclist > section:first-child {\n @media(min-width: 768px) {\n margin-top: 0;\n }\n }\n input#search-term{\n border-color:white !important;\n height: 60px;\n border-top-left-radius: 24px;\n border-bottom-left-radius: 24px;\n font-size: 22px;\n @media(max-width: 767px) {\n font-size: 18px;\n height: 48px;\n }\n &::placeholder{\n color:var(--theme-color-primary) !important;\n }\n }\n button.search-submit{\n background-color: var(--theme-color-primary) !important;\n color: white;\n border-top-left-radius: 0 !important;\n border-bottom-left-radius: 0 !important; \n border-top-right-radius: 0 !important;\n border-bottom-right-radius: 0 !important; \n border-color:white !important;\n height: 60px;\n width:60px;\n font-size: 22px;\n @media(max-width: 767px) {\n font-size: 18px;\n height: 48px;\n width:48px;\n }\n &:before{\n width:30px;\n height:30px;\n font-size:30px;\n @media(max-width: 767px) {\n width:24px;\n height:24px;\n font-size:24px;\n }\n }\n }\n .container {\n position: relative;\n z-index: 1;\n .row {\n @media(max-width: 567px) {\n min-height: 0;\n }\n > .col{\n margin-top:0;\n padding-top:0;\n padding-bottom:0;\n }\n }\n }\n \n .artwork {\n @media(max-width: 420px) {\n top: 30px;\n right: -20px;\n }\n @media(max-width: 340px) {\n top: 40px;\n right: -30px;\n }\n }\n form {\n position: relative;\n margin: 0 0 16px;\n //box-shadow: 0 3px 20px -5px rgba(#000, 0.3);\n //border-radius: var(--border-radius-md) var(--border-radius-xl) var(--border-radius-xl) var(--border-radius-md);\n\n @media(max-width: 567px) {\n margin-top: 20px;\n }\n }\n\n h1 {\n margin-left: 0;\n margin-top: 0;\n\n @media(max-width: 567px) {\n font-size: 24px;\n margin: 0;\n }\n }\n\n .tiles {\n margin: 0 -8px 0 -8px;\n position: relative;\n top: 100px;\n display: flex;\n flex-wrap: wrap;\n font-family: "Korb", sans-serif;\n transition: all 0.4s ease-in;\n padding-bottom: 0;\n\n .tile {\n position: relative;\n display: flex;\n padding: 8px;\n flex: 1 1 33.3333%;\n max-width: 33.3333%;\n margin-top:0 !important;\n padding-top:0 !important;\n padding-bottom:0 !important;\n margin-bottom:16px !important;\n &::before {\n position: absolute;\n top: 8px;\n right: 8px;\n margin: 10px 8px;\n font-family: Icons, sans-serif;\n font-size: 18px;\n line-height: 1;\n text-align: center;\n pointer-events: none;\n z-index: 1;\n }\n\n &[data-type="download"]::before {\n @include icon-small-download;\n }\n &[data-type="external"]::before {\n @include icon-small-link-external;\n }\n\n @media(max-width: 567px) {\n flex: 1 1 50%;\n max-width: 50%;\n //padding: 6px;\n }\n\n &:nth-child(3) ~ .tile {\n z-index: 1;\n }\n\n &.downloads, &.a-z, &.events {\n order: 1;\n background-color: transparent;\n\n &::before {\n font-family: "Icons", sans-serif;\n position: absolute;\n font-size: 24px;\n line-height: 1;\n right: 0;\n top: 0;\n margin: 11px 10px;\n z-index: 1;\n background-color: white;\n padding: 7px 6px 5px;\n border-top-right-radius: 8px;\n border-bottom-left-radius: 8px;\n\n @media(max-width: 767px) {\n margin: 18px;\n font-size: 24px;\n }\n }\n\n .outer {\n background-color: var(--theme-color-primary-dimmed-04);\n }\n\n p {\n margin-bottom: 0.4em;\n }\n }\n\n &.downloads::before {\n @include icon-suche-datei;\n }\n &.a-z::before {\n @include icon-suche-az;\n }\n &.events::before {\n @include icon-suche-veranstaltung;\n }\n }\n\n .tile > a, .outer {\n position: relative;\n display: flex;\n align-items: flex-end;\n width: 100%;\n min-height: 108px;\n padding: 18px 24px 24px;\n border-radius: var(--border-radius-md);\n box-shadow: 0 4px 20px -5px rgba(#000, 0.25);\n transition: 0.25s ease;\n line-height: 1.2;\n background-color: var(--theme-color-background);\n overflow: hidden;\n @include focus-visible();\n\n @media(max-width: 767px) {\n font-size: 16px;\n padding: 10px 10px 15px;\n min-height: 84px;\n }\n\n &:before {\n content: "";\n position: absolute;\n display: block;\n bottom: 0;\n left: 0;\n right: 0;\n height: var(--border-width);\n background-color: var(--theme-color-secondary);\n transition: 0.25s $easeOutQuad;\n }\n\n &:hover {\n color: var(--theme-color-secondary-intensed);\n\n &:before {\n height: var(--border-width-hover);\n }\n }\n }\n\n .tile > a {\n .item-title {\n text-decoration: underline;\n }\n }\n\n .outer {\n background-color: var(--theme-primary-light-04);\n padding: 14px 20px 18px;\n border: 4px solid white;\n\n &::after, &::before {\n display: none;\n }\n }\n\n .inner {\n display: block;\n max-width: 100%;\n }\n\n .kicker {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 100%;\n display: block;\n text-decoration: none;\n }\n\n ul {\n list-style: none;\n padding: 0;\n font-size: 16px;\n max-width: 100%;\n margin: 0;\n\n li {\n margin-top: 5px;\n }\n\n a {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n transition: 0.2s ease;\n font-weight: 500;\n\n &:hover {\n color: var(--color-secondary-dark);\n }\n }\n }\n\n .proposals {\n flex: 1 1 100%;\n padding: 10px 12px 0;\n order: 2;\n\n a {\n margin: 0 0.3em 0 0.1em;\n }\n\n p {\n margin-bottom: 0;\n }\n }\n \n .all-button-wrapper {\n padding: 16px 8px;\n display: block;\n flex: 1 1 100%;\n order: 3;\n\n .btn {\n transition: 0.2s ease;\n\n .count {\n margin-left: 0.3em;\n\n &::before {\n content: \'(\';\n }\n &::after {\n content: \')\';\n }\n }\n }\n }\n }\n &.background-image{\n &:after{\n position:absolute;\n top:0;\n left:0;\n bottom:0;\n right:0;\n z-index: 0;\n content:"";\n opacity: 0.6;\n background: linear-gradient(87deg, #036 12.55%, rgba(1, 40, 81, 0.86) 56.52%, rgba(0, 51, 102, 0.00) 94.05%);\n background-blend-mode: overlay;\n }\n .artwork-wrapper{\n display:none;\n }\n }\n }\n &.infoteaser{\n border-radius: 4px;\n .slide-overflow{\n border-radius: 4px;\n }\n outer{\n max-height:427px;\n height:427px;\n @media(max-width: 999px) {\n max-height:none;\n height:auto;\n }\n }\n .rotation {\n padding:0;\n @media screen and (max-width: 1000px) {\n .slide:not(.text-only) .text-box{\n padding: 16px 0;\n }\n .slide .image-box img{\n position: static;\n height:300px;\n }\n .slider-tabs{\n top:0;\n height: auto;\n bottom: auto;\n margin-top:15px;\n }\n }\n @media screen and (max-width: 900px) {\n .slider .image-box {\n padding-left: var(--container-padding);\n padding-right: var(--container-padding);\n }\n .slider .text-box:first-child::after {\n display: none;\n }\n } \n .text-box{\n min-height: 0;\n }\n }\n outer{\n border-radius: 4px;\n .image-box img{\n border-radius: 4px;\n }\n }\n .image-box{\n max-height:427px;\n min-height: 0;\n height:427px;\n img{\n max-height:427px;\n height:427px;\n }\n }\n .mainstage{\n @media screen and (max-width:900px){\n padding:0;\n }\n .row{\n margin:16px 0;\n @media screen and (min-width:901px){\n margin:30px -8px 0;\n }\n .col{\n flex: 1 1 100%;\n max-width: 100%;\n \n @media screen and (min-width:901px){\n padding:0 8px;\n flex: 1 1 calc(100% - 322px);\n max-width: calc(100% - 322px);\n }\n + .col{\n flex: 1 1 100%;\n max-width: 100%;\n display: flex;\n flex-flow: column;\n justify-content: space-between;\n margin: 0;\n padding: 0 var(--container-padding);\n @media screen and (min-width:901px){\n flex: 1 1 322px;\n max-width: 322px;\n padding:0 8px;\n margin: -8px 0;\n }\n .mt{\n height: 100%;\n padding: 8px 0;\n @media screen and (max-width:575px){\n padding: 4px 0;\n }\n .mini-teaser{\n height: 100%;\n .text-box{\n height: 100%;\n flex-flow: column;\n justify-content: space-between;\n .btn{\n height: fit-content;\n }\n }\n } \n }\n }\n }\n }\n }\n \n }\n &.hero-fullwidth{\n .mainstage.container{\n max-width: 1920px;\n width:100%;\n padding:0;\n > .row{\n margin:0;\n }\n }\n .rotation{\n margin:0 !important;\n padding:0 !important;\n //max-width: 1920px;\n width:100%;\n outer{\n margin:0 !important;\n position: relative;\n justify-content: center;\n @media screen and (min-width:901px) {\n max-height:566px;\n }\n }\n .slider{\n background-color: transparent;\n .image-box img {\n @media screen and (max-width:900px) {\n height: 300px;\n\n }\n @media screen and (max-width:767px) {\n height: 300px;\n }\n \n }\n .slide.text-only.current{\n background: linear-gradient(-10deg, var(--theme-color-gradient-01) 10%, var(--theme-color-gradient-02) 55%, var(--theme-color-gradient-03) 90%);\n }\n }\n \n \n }\n .image-box{\n width:100%;\n flex: 1 1 100%;\n max-width: 100%;\n max-height:566px;\n position: relative;\n padding-right: 0 !important;\n @media (min-width: 1000px) {\n padding-right: 0 !important;\n }\n &:after{\n position:absolute;\n top:0;\n left:0;\n bottom:0;\n right:0;\n z-index: 0;\n content:"";\n opacity: 0.6;\n background: linear-gradient(87deg, #036 12.55%, rgba(1, 40, 81, 0.86) 56.52%, rgba(0, 51, 102, 0.00) 94.05%);\n background-blend-mode: overlay;\n &:before{\n display:none;\n }\n }\n img{\n object-fit: cover;\n //position:relative;\n z-index: -1;\n left:0 !important;\n padding:0 !important;\n width:100% !important;\n }\n }\n .text-box{\n height: 100%;\n color:white;\n width: var(--container-width);\n padding: 0 var(--container-padding);\n max-width: 100%;\n margin: 0 auto;\n @media screen and (min-width:901px) {\n position: absolute;\n *{\n color:white;\n }\n .btn{\n background-color: white !important;\n color:var(--theme-color-primary) !important;\n &:hover:after{\n box-shadow: 0 0 0 var(--button-hover-shadow-size) white !important;\n }\n }\n }\n *{\n max-width:580px;\n }\n &:after{\n display:none;\n }\n &:before{\n display:none;\n }\n }\n .controls{\n width: var(--container-width);\n padding: 0 var(--container-padding);\n max-width: 100%;\n margin: 0 auto;\n position: relative;\n @media screen and (max-width:900px){\n position: absolute !important;\n top: 0;\n }\n }\n }\n .rotation .slider{\n border-bottom:0;\n \n background-color: white;\n h3{\n margin-top: 4px;\n margin-bottom: 8px;\n }\n .kicker{\n margin-bottom:0;\n }\n p{\n margin-bottom:0.4em;\n }\n .btn{\n margin-top:0.4em;\n }\n &.ishovered .slider-tabs li.active button.btn::before{\n animation-play-state: paused;\n }\n &.btnanimation{\n .slider-tabs{\n li.active{\n button.btn::before{\n animation: fillgrey 7s linear forwards;\n }\n }\n }\n }\n .slider-tabs{\n li:first-child:last-child{\n display:none;\n }\n li.active{\n button.btn{\n background-blend-mode: overlay;\n }\n }\n li{\n button.btn{\n position: relative;\n border-radius: var(--border-radius-lg);\n overflow:hidden;\n \n }\n button.btn::before{\n width:0;\n background-color:var(--theme-grey-light);\n content: "";\n z-index:0;\n height:100%;\n position:absolute;\n top:0;\n bottom:0;\n right:0;\n left:0;\n right:0;\n display:block;\n background-blend-mode: multiply;\n }\n }\n }\n .slide.text-only.current{\n background: none;\n outer{\n background: linear-gradient(-10deg, var(--theme-color-gradient-01) 10%, var(--theme-color-gradient-02) 55%, var(--theme-color-gradient-03) 90%);\n .text-box{\n justify-content: center;\n }\n }\n }\n .text-box{\n color:var(--theme-color-primary);\n padding: 30px 36px 24px 36px;\n display: flex;\n flex-flow: column;\n justify-content: center;\n min-width: 324px;\n &:not(:first-child)::before {\n background-color: var(--theme-color-primary-dimmed-04);\n }\n .btn{\n background-color: var(--theme-color-primary);\n color:white;\n &:hover:after{\n box-shadow: 0 0 0 var(--button-hover-shadow-size) var(--theme-color-primary);\n }\n }\n }\n .text-only{\n .text-box{\n color:white; \n }\n }\n }\n .rotation{\n margin:0;\n @media (max-width: 1339px) {\n .rotation .slider .text-box {\n min-width: 324px;\n }\n }\n @media (min-width: 1001px) {\n .slider .text-box:not(:first-child)::before {\n border-top-right-radius: 16% 50% !important;\n border-bottom-right-radius: 16% 50% !important;\n margin: -15% -8% -15% 20px;\n }\n }\n @media (max-width:1000px){\n .slider{\n background-color: white;\n \n \n .text-box:not(:first-child)::before{\n display: none;\n }\n .image-box{\n order: 0;\n height:auto;\n max-height:none !important;\n img{\n aspect-ratio: 16 / 9;\n height: auto !important;\n max-height:none !important;\n min-height: 177px !important;\n }\n &:before{\n display: none;\n }\n img{\n position: static;\n //height:300px;\n }\n }\n }\n }\n @media screen and (max-width:900px){\n .slider{\n margin-bottom:20px;\n .slide:not(.text-only){ \n .text-box{\n padding: 16px var(--container-padding) 0;\n }\n }\n .slide.text-only{\n padding-left: var(--container-padding);\n padding-right: var(--container-padding);\n }\n .slider-tabs{\n right: calc(var(--container-padding) + 10px);\n top: 15px;\n padding: 0;\n margin: 0;\n .btn{\n margin-top:0 !important; \n }\n }\n }\n }\n @media screen and (max-width:767px){\n .slider{\n .slide:not(.text-only) .text-box{\n padding: 16px var(--container-padding);\n }\n .slider-tabs{\n .btn{\n --button-icon-padding: 30px;\n --button-icon-offset: 5px;\n --button-padding: 5px 10px;\n --button-min-size: 30px;\n margin: 2.5px;\n }\n }\n }\n }\n @media screen and (max-width:567px) {\n .slider {\n margin: 0;\n margin-bottom: 8px;\n }\n }\n .context-box{\n display:none !important;\n }\n }\n}\n@keyframes fillgrey {\n 0%{width:0;}\n 100%{width:100%}\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___},"./stories/sections/marketingheader/MarketingHeader.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{MarketingHeader:()=>MarketingHeader,MarketingHeaderInfoBanner:()=>MarketingHeaderInfoBanner,MarketingHeaderSearchBackground:()=>MarketingHeaderSearchBackground,MarketingHeaderSingleSlide:()=>MarketingHeaderSingleSlide,MarketingHeaderStage:()=>MarketingHeaderStage,__namedExportsOrder:()=>__namedExportsOrder,default:()=>MarketingHeader_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.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.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.string.link.js"),__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),marketingheader=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/marketingheader/marketingheader.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(marketingheader.Z,options);marketingheader.Z.locals;__webpack_require__("./stories/components/artwork/artwork.scss"),__webpack_require__("./stories/sections/slider/slider.scss");var jquery=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery_default=__webpack_require__.n(jquery),helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),ArtworkComponent=__webpack_require__("./stories/components/artwork/ArtworkComponent.js"),SearchInputComponent=__webpack_require__("./stories/atoms/search-input/SearchInputComponent.js"),SearchButtonComponent=__webpack_require__("./stories/atoms/search-button/SearchButtonComponent.js");__webpack_require__("./node_modules/core-js/modules/es.promise.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.string.substr.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.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.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"),IHKSearchTypeahead=function(){function IHKSearchTypeahead(input){!function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,IHKSearchTypeahead),this.input=input,this.api=input.data("api"),this.tileWrapper=input.closest("form").next(".tiles"),this.allResults=$('<a href="#" class="btn has-icon icon-small-arrow-right-simple" />').text("Alle Suchergebnisse"),this.buttonWrapper=$('<span class="all-button-wrapper" />').append(this.allResults),this.resultCount=$('<span class="count" />').appendTo(this.allResults),this.handleKeyEvents()}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(IHKSearchTypeahead,[{key:"handleKeyEvents",value:function handleKeyEvents(){var _this=this;this.input.on("input",(function(){_this.input.val().length>0&&_this.loadData(_this.input.val().toLowerCase())}))}},{key:"loadData",value:function loadData(val){var _this2=this;fetch(this.api.replace("{SEARCHTERM}",val)).then((function(response){return response.json()})).then((function(response){_this2.buildResults(response)}))}},{key:"buildResults",value:function buildResults(json){var _this3=this,max=6;json.results.count>0&&this.tileWrapper.html(""),json.downloads.count>0&&(this.buildGroup(json.downloads,"downloads","Downloads"),max-=1),json.events.count>0&&(this.buildGroup(json.events,"events","Veranstaltungen"),max-=1),json["a-z"].count>0&&(this.buildGroup(json["a-z"],"a-z","IHK von A bis Z"),max-=1),json.contacts.count>0&&(this.buildGroup(json.contacts,"contacts","Ansprechpartner"),max-=1),json.results.items.map((function(result,i){i<max&&_this3.buildResult(result)})),json.proposals.count>0&&this.buildProposals(json.proposals),this.tileWrapper.append(this.buttonWrapper),this.resultCount.text(json.results.count)}},{key:"buildResult",value:function buildResult(json){var tile=$("<div/>").addClass("tile").appendTo(this.tileWrapper),a=$("<a/>").attr("href",json.url).appendTo(tile),inner=$("<span/>").addClass("inner").appendTo(a);$("<span/>").addClass("item-title").appendTo(inner).text(this.cropTitle(json.title,json.kicker.length>0)),json.kicker.length>0&&$("<span/>").addClass("kicker").text(json.kicker).prependTo(inner),json.type.length>0&&tile.attr("data-type",json.type)}},{key:"cropTitle",value:function cropTitle(title,hasKicker){var max=hasKicker?60:80;return title.length>max?title.substr(0,max)+"…":title}},{key:"buildGroup",value:function buildGroup(json,tileClass,title){var tile=$("<div/>").addClass("tile").addClass(tileClass).appendTo(this.tileWrapper),outer=$("<div/>").addClass("outer").appendTo(tile),inner=$("<div/>").addClass("inner").appendTo(outer),p=$("<p/>").appendTo(inner),ul=$("<ul/>").appendTo(inner);$("<a/>").attr("href",json.url).text(title+" ("+json.count+")").appendTo(p),json.items.map((function(item,i){if(i<2){var li=$("<li/>").appendTo(ul);$("<a/>").attr("title",item.title).attr("href",item.url).text(item.title.length>48?item.title.substr(0,48)+"…":item.title).appendTo(li)}}))}},{key:"buildProposals",value:function buildProposals(json){this.tileWrapper.find(".proposals").remove();var proposals=$("<div/>").addClass("proposals").appendTo(this.tileWrapper),p=$("<p/>").text("Meinten Sie vielleicht: ").appendTo(proposals);json.items.map((function(item){var a=$("<a/>").attr("href",item.url).text(item.title);p.append(a)}))}}]),IHKSearchTypeahead}();const marketingheader_typeahead=IHKSearchTypeahead;$("body").on("ihk-init dynamic-component-loaded gfi-dynamic-init",(function(){$(".search-field.typeahead:not(.initiated)").each((function(){new IHKSearchTypeahead($(this))}))}));var ButtonComponent=__webpack_require__("./stories/atoms/button/ButtonComponent.js"),slider_slider=(__webpack_require__("./node_modules/jquery.easing/jquery.easing.js"),__webpack_require__("./stories/sections/slider/slider.js"));function marketingheaderslider_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,marketingheaderslider_toPropertyKey(descriptor.key),descriptor)}}function marketingheaderslider_createClass(Constructor,protoProps,staticProps){return protoProps&&marketingheaderslider_defineProperties(Constructor.prototype,protoProps),staticProps&&marketingheaderslider_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}function marketingheaderslider_toPropertyKey(t){var i=function marketingheaderslider_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 IHKMHSlider=marketingheaderslider_createClass((function IHKMHSlider(section){!function marketingheaderslider_classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,IHKMHSlider),this.section=section.addClass("initiated"),this.slider=new slider_slider.Z(section),this.slider.settings={loop:!0,autoplay:!0,infinite:!0,autoplaySpeed:7e3,animationSpeed:600,startSlide:1}}));const marketingheaderslider=IHKMHSlider;jquery_default()("body").on("ihk-init dynamic-component-loaded gfi-dynamic-init",(function(){jquery_default()(".slider:not(.initiated)").each((function(){new IHKMHSlider(jquery_default()(this))}))}));var searchData=[{title:"Beratung und Service",link:"#"},{title:"Interessenvertretung",link:"#"},{title:"Aus- und Weiterbildung",link:"#"},{title:"Unsere Region",link:"#"},{title:"Handelskammer vor Ort",link:"#"},{title:"Veranstaltungen",link:"#"}],teaserData=[{category:"Wachstum durch Innovation",title:"Jetzt Teil der Digitalisierungswelle werden.",link:"#",icon:"Virus",buttonlabel:"IHK-Newsletter sichern",type:"standard"},{category:"IHK Mitgliedschaft",title:"Exklusive Einblicke und Branchen-Trends:",link:"#"},{category:"IHK Mitgliedschaft",title:"Exklusive Einblicke und Branchen-Trends:",link:"#"}],sliderData=[{kicker:"Lorem Ipsum dolor",headline:"Möglichkeiten der Integration",copy:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",imageSrc:"https://source.unsplash.com/9_bDrvW7bA8/900x600",cta:"Mehr erfahren",link:"#",contextImg:"./logos/wirtschaftsdialoge.svg"},{kicker:"Lorem Ipsum dolor 2",headline:"Möglichkeiten der Integration",copy:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",imageSrc:null,cta:"Mehr erfahren",link:"#",context:"Wirtschaftsmagazin"},{kicker:"Lorem Ipsum dolor 2",headline:"Möglichkeiten der Integration",copy:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",imageSrc:"https://source.unsplash.com/Ff2oZ_xbKL0/900x600",cta:"Mehr erfahren",link:"#"}],MiniTeaserComponent=__webpack_require__("./stories/components/mini-teaser/MiniTeaserComponent.js");__webpack_require__("./node_modules/core-js/modules/web.timers.js");function searchAccordion_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,searchAccordion_toPropertyKey(descriptor.key),descriptor)}}function searchAccordion_toPropertyKey(t){var i=function searchAccordion_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 searchAccordion_$=__webpack_require__.g.$,IHKSearchAccordion=function(){function IHKSearchAccordion(section){var _this=this;!function searchAccordion_classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,IHKSearchAccordion),this.section=section.addClass("initiated"),this.section.find("#search-term").attr("aria-label","Klappmenü geschlossen"),this.section.find("#search-term").off("click").on("click",(function(e){e.preventDefault(),section.addClass("open"),section.hasClass("open")?section.attr("aria-label","Klappmenü geöffnet"):section.attr("aria-label","Klappmenü geschlossen"),!1!==_this.section.data("single-open")&§ion.siblings(".open").removeClass("open").find(".tiles").slideUp(300,"easeOutQuad")})),this.section.find(".close-search").off("click").on("click",(function(e){e.preventDefault();var heightOffset=section.get(0).offsetHeight,existingStyleBlock=document.getElementById("dynamic-style");existingStyleBlock&&existingStyleBlock.parentNode.removeChild(existingStyleBlock);var style=document.createElement("style");style.id="dynamic-style",style.innerHTML="section.marketingheader .search.open {max-height: "+heightOffset+"px !important;}",document.body.appendChild(style),setTimeout((function(){section.removeClass("open"),section.hasClass("open")?section.attr("aria-label","Klappmenü geschlossen"):section.attr("aria-label","Klappmenü geöffnet")}),100)})),"event"===section.attr("data-type")&&this.initEvent()}return function searchAccordion_createClass(Constructor,protoProps,staticProps){return protoProps&&searchAccordion_defineProperties(Constructor.prototype,protoProps),staticProps&&searchAccordion_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(IHKSearchAccordion,[{key:"initEvent",value:function initEvent(){this.openEvent(),this.section.find(".tiles").hide()}},{key:"openEvent",value:function openEvent(){var vars=(0,helpers.ES)(),$events=this.section.find(".tiles"),$queryParamEvent=searchAccordion_$("#js-event-"+vars.terminId);$queryParamEvent.length?$queryParamEvent.show().closest("li").addClass("open"):$events.first().show().closest("li").addClass("open")}}]),IHKSearchAccordion}();const searchAccordion=IHKSearchAccordion;searchAccordion_$("body").on("ihk-init dynamic-component-loaded gfi-dynamic-init",(function(){searchAccordion_$("form:not(.initiated)").each((function(i){new IHKSearchAccordion(searchAccordion_$(this))}))}));function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}const MarketingHeader_stories={title:"Sections/MarketingHeader",parameters:{layout:"fullscreen"},argTypes:{type:{name:"Typ",control:{type:"select"},options:["infoteaser","hero-fullwidth"],defaultValue:"infoteaser"},artworkStyle:{name:"Artwork Stil",control:{type:"select"},options:["artwork","artwork-image","artwork-background-image"],defaultValue:"artwork"},headline1:{name:"Überschrift Zeile 1",control:{type:"text"},defaultValue:"Willkommen bei Ihrer IHK."},headline2:{name:"Überschrift Zeile 2",control:{type:"text"},defaultValue:"Wie können wir Ihnen helfen?"},placeholder:{name:"Platzhalter",control:{type:"text"},defaultValue:'Tippe "Taxischein" für Autocomplete'},tiles:{name:"Kacheln",control:{type:"object"},defaultValue:searchData}}};var Template=function Template(_ref){var args=_extends({},(function _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure "+obj)}(_ref),_ref));return function createMarketingHeader(_ref){var _ref$artworkStyle=_ref.artworkStyle,artworkStyle=void 0===_ref$artworkStyle?"artwork-both-sides":_ref$artworkStyle,_ref$placeholder=_ref.placeholder,placeholder=void 0===_ref$placeholder?"Hier Ihr Thema finden":_ref$placeholder,_ref$api=_ref.api,api=void 0===_ref$api?"services/search/{SEARCHTERM}.json":_ref$api,_ref$tiles=_ref.tiles,tiles=void 0===_ref$tiles?searchData:_ref$tiles,_ref$backgroundImage=(_ref.kicker,_ref.headline,_ref.copy,_ref.moreCta,_ref.buttonCta,_ref.showProgress,_ref.progress,_ref.backgroundImage),backgroundImage=void 0===_ref$backgroundImage?null:_ref$backgroundImage,_ref$slides=(_ref.isFirstElement,_ref.slides),slides=void 0===_ref$slides?sliderData:_ref$slides,_ref$teasers=_ref.teasers,teasers=void 0===_ref$teasers?teaserData:_ref$teasers,_ref$maxItems=_ref.maxItems,maxItems=void 0===_ref$maxItems?3:_ref$maxItems,_ref$type=_ref.type,type=void 0===_ref$type?"infoteaser":_ref$type,section=(0,helpers.az)("section",["marketingheader",type],null),search=(0,helpers.az)("div",["search"],null,section);backgroundImage&&backgroundImage.length>0&&(search.style="background-image: url("+backgroundImage+");",search.classList.add("background-image"));var artwork=(0,ArtworkComponent.R)({type:artworkStyle});search.appendChild(artwork),search.dataset.type=artworkStyle;var container=(0,helpers.az)("div",["container","small"],null,search),row=(0,helpers.az)("div",["row"],null,container),col=(0,helpers.az)("div",["col"],null,row),form=(0,helpers.az)("form",[],null,col);(0,helpers.az)("label",["visually-hidden"],"IHK durchsuchen",form).for="search-term",form.appendChild((0,SearchInputComponent.K)({api,placeholder})),form.appendChild((0,SearchButtonComponent.K)({})),form.action="#";var tilesContainer=(0,helpers.az)("div",["tiles"],null,col);tiles.map((function(tile){var div=(0,helpers.az)("div",["tile"],null,tilesContainer);(0,helpers.az)("a",[],tile.title,div).href=tile.link})),api&&new marketingheader_typeahead(jquery_default()(form).find("input.typeahead"));var sc=(0,helpers.az)("div",["container","sc"],null,search);jquery_default()(document).ready((function(){new searchAccordion(jquery_default()(search))})),(0,helpers.az)("button",["close-search"],"",sc);var container2=(0,helpers.az)("div",["container","mainstage"],null,section),row2=(0,helpers.az)("div",["row"],null,container2),colslider=(0,helpers.az)("div",["col","slidercontainer","rotation"],null,row2),sliderComponent=(0,helpers.az)("div",["slider","btnanimation"],null,colslider);if(slides.map((function(slideData,index){var slide=(0,helpers.az)("div",["slide"],null,sliderComponent),outer=(0,helpers.az)("outer",["outer"],null,slide),contextBoxContent=slideData.context?slideData.context:"",contextBoxContentImg=slideData.contextImg?slideData.contextImg:"";if(slideData.imageSrc&&slideData.imageSrc.length>0){var imageBox=(0,helpers.az)("div",["image-box"],null,outer);if((0,helpers.Bi)(slideData.imageSrc,900,600,"Slide "+index,[],imageBox),contextBoxContentImg){var contentBoxImg=(0,helpers.az)("div",["context-box","context-box--image"],null,imageBox);(0,helpers.Bi)(contextBoxContentImg,200,50,"",[],contentBoxImg)}else contextBoxContent&&(0,helpers.az)("div",["context-box"],contextBoxContent,imageBox)}var textBox=(0,helpers.az)("div",["text-box"],null,outer);if(slideData.kicker&&slideData.kicker.length>0&&(0,helpers.az)("span",["kicker"],slideData.kicker,textBox),slideData.headline&&slideData.headline.length>0&&(0,helpers.az)("h3",["like-h2"],slideData.headline,textBox),slideData.kicker&&slideData.kicker.length>0&&(0,helpers.az)("p",[],slideData.copy,textBox),slideData.cta&&slideData.link){var buttonP=(0,helpers.az)("p",[],"",textBox),btn=(0,ButtonComponent.a)({color:"white",icon:"pfeil-simple-rechts",iconPosition:"icon-right",label:slideData.cta,size:"small"});buttonP.appendChild(btn)}if((!slideData.imageSrc||slideData.imageSrc.length<=0)&&contextBoxContent)if(textBox.classList.add("context"),contextBoxContentImg){var contentBox=(0,helpers.az)("div",["context-box","context-box--image"],null,textBox);(0,helpers.Bi)(contextBoxContentImg,200,50,"",[],contentBox)}else contextBoxContent&&(0,helpers.az)("div",["context-box"],contextBoxContent,textBox)})),new marketingheaderslider(jquery_default()(sliderComponent)),"infoteaser"===type){var col3=(0,helpers.az)("div",["col"],null,row2);teasers.map((function(t,i){if(i<maxItems){var typ="standard";0==i&&"infoteaser"==t.type&&(typ="infoteaser",section.classList.add("miniinfoteaser"));var col4=(0,helpers.az)("div",["mt"],null,col3),tea=(0,MiniTeaserComponent.Y)({type:typ});col4.appendChild(tea)}}))}return section}(Object.assign({},args))},MarketingHeader=Template.bind({});MarketingHeader.args={};var MarketingHeaderSearchBackground=Template.bind({});MarketingHeaderSearchBackground.args={backgroundImage:"https://source.unsplash.com/2vCqH34PqWs/1080x648"};var MarketingHeaderInfoBanner=Template.bind({});MarketingHeaderInfoBanner.args={teasers:[{category:"Wachstum durch Innovation",title:"Jetzt Teil der Digitalisierungswelle werden.",link:"#",icon:"Virus",buttonlabel:"IHK-Newsletter sichern",type:"infoteaser"},{category:"IHK Mitgliedschaft",title:"Exklusive Einblicke und Branchen-Trends:",link:"#"},{category:"IHK Mitgliedschaft",title:"Exklusive Einblicke und Branchen-Trends:",link:"#"}]};var MarketingHeaderSingleSlide=Template.bind({});MarketingHeaderSingleSlide.args={slides:[{kicker:"Lorem Ipsum dolor",headline:"Möglichkeiten der Integration",copy:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",imageSrc:"https://source.unsplash.com/9_bDrvW7bA8/900x600",cta:"Mehr erfahren",link:"#",contextImg:"./logos/wirtschaftsdialoge.svg"}]};var MarketingHeaderStage=Template.bind({});MarketingHeaderStage.args={type:"hero-fullwidth"};var __namedExportsOrder=["MarketingHeader","MarketingHeaderSearchBackground","MarketingHeaderInfoBanner","MarketingHeaderSingleSlide","MarketingHeaderStage"];MarketingHeader.parameters={...MarketingHeader.parameters,docs:{...MarketingHeader.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createMarketingHeader({\n ...args\n });\n}",...MarketingHeader.parameters?.docs?.source}}},MarketingHeaderSearchBackground.parameters={...MarketingHeaderSearchBackground.parameters,docs:{...MarketingHeaderSearchBackground.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createMarketingHeader({\n ...args\n });\n}",...MarketingHeaderSearchBackground.parameters?.docs?.source}}},MarketingHeaderInfoBanner.parameters={...MarketingHeaderInfoBanner.parameters,docs:{...MarketingHeaderInfoBanner.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createMarketingHeader({\n ...args\n });\n}",...MarketingHeaderInfoBanner.parameters?.docs?.source}}},MarketingHeaderSingleSlide.parameters={...MarketingHeaderSingleSlide.parameters,docs:{...MarketingHeaderSingleSlide.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createMarketingHeader({\n ...args\n });\n}",...MarketingHeaderSingleSlide.parameters?.docs?.source}}},MarketingHeaderStage.parameters={...MarketingHeaderStage.parameters,docs:{...MarketingHeaderStage.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createMarketingHeader({\n ...args\n });\n}",...MarketingHeaderStage.parameters?.docs?.source}}}}}]);
|
