"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[8485],{"./stories/sections/eventoverview-stage/EventOverviewStageComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{J:()=>createEventOverviewStage});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.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),eventoverview_stage=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/eventoverview-stage/eventoverview-stage.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(eventoverview_stage.Z,options);eventoverview_stage.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),eventOverviewStageData=[{title:"Aus- und Weiterbildung",icon:"Person"},{title:"Alles für Gründer",icon:"Stadt"},{title:"Innovation und Umwelt",icon:"Roboter"},{title:"International",icon:"Treppe"},{title:"Recht und Steuern",icon:"Virus"},{title:"Fachveranstaltungen und Branchen- veranstaltungen",icon:"Waage"}],SearchInputComponent=__webpack_require__("./stories/atoms/search-input/SearchInputComponent.js"),SearchButtonComponent=__webpack_require__("./stories/atoms/search-button/SearchButtonComponent.js"),search_typeahead=__webpack_require__("./stories/sections/search/search-typeahead.js"),TopicTeaserComponent=__webpack_require__("./stories/components/topic-teaser/TopicTeaserComponent.js"),jquery=(__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.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"),__webpack_require__("./node_modules/jquery/dist/jquery.js")),jquery_default=__webpack_require__.n(jquery);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 _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}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 IHKEventOverviewTiles=_createClass((function IHKEventOverviewTiles(section){!function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,IHKEventOverviewTiles),this.section=section.addClass("initiated"),this.cols=section.find(".col");var fullOffset=3*Math.ceil(this.cols.length/6)-this.cols.last().index()-1;if(0!==fullOffset){var firstHalfWidth=this.cols.length-2*fullOffset;firstHalfWidth<0&&(firstHalfWidth=0),this.cols.eq(firstHalfWidth).addClass("width-half").nextAll().addClass("width-half")}}));const eventoverview=IHKEventOverviewTiles;jquery_default()("body").on("ihk-init dynamic-component-loaded gfi-dynamic-init",(function(){var _this=this;jquery_default()(".topics:not(.initiated)").each((function(){new IHKEventOverviewTiles(jquery_default()(_this))}))}));var createEventOverviewStage=function createEventOverviewStage(_ref){var _ref$backgroundImage=_ref.backgroundImage,backgroundImage=void 0===_ref$backgroundImage?null:_ref$backgroundImage,_ref$kicker=_ref.kicker,kicker=void 0===_ref$kicker?"Das Veranstaltungsportal der IHK Musterstadt":_ref$kicker,_ref$headline=_ref.headline,headline=void 0===_ref$headline?"Veranstaltungsportal":_ref$headline,_ref$maxItems=_ref.maxItems,maxItems=void 0===_ref$maxItems?6:_ref$maxItems,_ref$placeholder=_ref.placeholder,placeholder=void 0===_ref$placeholder?"Veranstaltungssuche, z.B. „Existenzgründung”":_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?eventOverviewStageData:_ref$tiles,section=(0,helpers.az)("section",["eventoverview-section"]),sectiondiv=(0,helpers.az)("div",["eventoverview","eventoverview-stage"],null,section),container=(0,helpers.az)("div",["container"],null,sectiondiv),row=(0,helpers.az)("div",["row"],null,container),col=(0,helpers.az)("div",["col"],null,row),tb=(0,helpers.az)("div",["stagetext-box"],null,col),tilescontainer=(0,helpers.az)("div",["container","tilescontainer"],null,section),tilesrow=(0,helpers.az)("div",["row"],null,tilescontainer),tilescol=(0,helpers.az)("div",["col"],null,tilesrow);backgroundImage&&backgroundImage.length>0&&(sectiondiv.style="background-image: url("+backgroundImage+");",sectiondiv.classList.add("background-image")),kicker&&kicker.length>0&&(0,helpers.az)("p",["kicker"],kicker,tb),(0,helpers.az)("h1",["like-h2"],headline,tb);var form=(0,helpers.az)("form",[],null,tb);(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","row"],null,tilescol);return tiles.map((function(topic,i){if(i<maxItems){var _col=(0,helpers.az)("div",["col"],null,tilesContainer),teaser=(0,TopicTeaserComponent.a)(Object.assign({},topic));_col.appendChild(teaser)}})),new eventoverview($(section)),api&&new search_typeahead.Z($(form).find("input.typeahead")),section}},"./stories/sections/search/search-typeahead.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.object.to-string.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.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.string.substr.js"),__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.to-primitive.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-primitive.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");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 __WEBPACK_DEFAULT_EXPORT__=IHKSearchTypeahead;$("body").on("ihk-init dynamic-component-loaded gfi-dynamic-init",(function(){$(".search-field.typeahead:not(.initiated)").each((function(){new IHKSearchTypeahead($(this))}))}))},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/eventoverview-stage/eventoverview-stage.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/runtime/getUrl.js"),_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__),_hero_veranstaltung_gfx_jpg__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./stories/sections/eventoverview-stage/hero-veranstaltung-gfx.jpg"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default()),___CSS_LOADER_URL_REPLACEMENT_0___=_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(_hero_veranstaltung_gfx_jpg__WEBPACK_IMPORTED_MODULE_3__);___CSS_LOADER_EXPORT___.push([module.id,".eventoverview-section{margin:0}.eventoverview-section .tilescontainer{margin-top:-69px}.eventoverview-section .tilescontainer>.row>.col{padding-top:0;margin-top:0}.eventoverview-stage{background-image:url("+___CSS_LOADER_URL_REPLACEMENT_0___+');background-size:cover;color:#fff;min-height:calc(18vw + 400px);display:flex;align-items:center;margin:0}.eventoverview-stage.background-image{background-size:cover;background-position:50% 50%}@media(min-width: 1400px){.eventoverview-stage.first-element{margin-top:-60px}}.eventoverview-stage form{position:relative}.eventoverview-stage form input.search-field{height:60px;padding:14px 90px 14px 24px}.eventoverview-stage form button.search-submit{width:60px;height:60px;border-radius:24px}.eventoverview-stage form button.search-submit:before{font-size:30px}.eventoverview-stage .kicker{margin-bottom:.6em}.eventoverview-stage .stagetext-box{max-width:580px;padding:calc(30px + 1vw) 0}.eventoverview-stage .stagetext-box a:not(.btn){color:#fff}.eventoverview-stage .stagetext-box a:not(.btn)+.btn{margin-left:30px}.eventoverview-stage .progress{--color-bg: var(--theme-color-white);--color-fg: var(--theme-color-white);--bg-opacity: 0.4}.eventoverview-stage .progress+h1,.eventoverview-stage .progress+.text-2{margin-top:.7em}.eventoverview-stage.image-stage{position:relative;background-image:none;background-color:var(--theme-color-primary);overflow:hidden;z-index:1}.eventoverview-stage.image-stage::before{content:"";position:absolute;left:0;right:50%;top:0;bottom:0;margin:-15% 0 -15% 0;background-color:var(--theme-color-primary)}.eventoverview-stage.image-stage .stagetext-box{position:relative}.eventoverview-stage.image-stage .image-box{position:absolute;left:45%;right:0;top:0;bottom:0;z-index:-1}.eventoverview-stage.image-stage .image-box img{position:relative;display:block;width:100%;height:100%;object-fit:cover;opacity:1;transition:.4s ease}.eventoverview-stage.image-stage .image-box img.loading{opacity:0}@media(max-width: 1200px){.eventoverview-stage.image-stage::before{min-width:560px}.eventoverview-stage.image-stage .stagetext-box{max-width:480px}}@media(min-width: 1000px){.eventoverview-stage.image-stage::before{border-top-right-radius:28% 50%;border-bottom-right-radius:28% 50%;min-width:650px}}@media(max-width: 999px){.eventoverview-stage.image-stage{padding-bottom:75%}.eventoverview-stage.image-stage::before{top:0;bottom:0;left:0;right:0;margin:0 -28% 67%;border-bottom-left-radius:50% 28%;border-bottom-right-radius:50% 28%;min-width:0}.eventoverview-stage.image-stage .col{padding:0 var(--col-padding)}.eventoverview-stage.image-stage .image-box{position:absolute;top:auto;left:0}.eventoverview-stage.image-stage .image-box::before{content:"";position:relative;display:block;padding-top:75%}.eventoverview-stage.image-stage .image-box img{position:absolute;top:0;left:0}.eventoverview-stage.image-stage .stagetext-box{max-width:none;margin-bottom:0;padding-bottom:24px}}.tiles{background:linear-gradient(0deg, 0%, 100%),linear-gradient(88deg, #003366 0%, rgba(1, 40, 81, 0.86) 54%, rgba(0, 51, 102, 0) 100%)}.tiles.row{margin:-10px}.tiles .icon-box{font-size:40px !important;margin-top:0 !important}.tiles .title{font-weight:400;font-size:20px;line-height:21px;margin:8px 0 5px 0 !important}.tiles .col{position:relative;display:flex;flex:1 1 16.6666666667%;max-width:16.6666666667%;padding:10px}@media(max-width: 1480px){.tiles .col{flex:1 1 33.3333333333%;max-width:33.3333333333%}}@media(max-width: 767px){.tiles .col{padding:6px;flex:1 1 50%;max-width:50%}}.tiles .col .topic-teaser{--topic-tile-padding: 10px;border-radius:.75rem;box-shadow:var(--theme-24dp);min-height:138px}@media(max-width: 567px){.tiles[data-type=list] .col{max-width:100%;flex:1 1 100%}}',"",{version:3,sources:["webpack://./stories/sections/eventoverview-stage/eventoverview-stage.scss"],names:[],mappings:"AAEA,uBACE,QAAA,CACA,uCACE,gBAAA,CACA,iDACE,aAAA,CACA,YAAA,CAIN,qBACE,wDAAA,CACA,qBAAA,CACA,UAAA,CACA,6BAAA,CACA,YAAA,CACA,kBAAA,CACA,QAAA,CAEA,sCACE,qBAAA,CACA,2BAAA,CAIA,0BADF,mCAEI,gBAAA,CAAA,CAGJ,0BACE,iBAAA,CACA,6CACE,WAAA,CACA,2BAAA,CAEF,+CACE,UAAA,CACA,WAAA,CACA,kBAAA,CACA,sDACE,cAAA,CAIN,6BACE,kBAAA,CAGF,oCACE,eAAA,CACA,0BAAA,CAGF,gDACE,UAAA,CACA,qDACE,gBAAA,CAIJ,+BACE,oCAAA,CACA,oCAAA,CACA,iBAAA,CAEA,yEACE,eAAA,CAIJ,iCACE,iBAAA,CACA,qBAAA,CACA,2CAAA,CACA,eAAA,CACA,SAAA,CAEA,yCACE,UAAA,CACA,iBAAA,CACA,MAAA,CACA,SAAA,CACA,KAAA,CACA,QAAA,CACA,oBAAA,CACA,2CAAA,CAGF,gDACE,iBAAA,CAGF,4CACE,iBAAA,CACA,QAAA,CACA,OAAA,CACA,KAAA,CACA,QAAA,CACA,UAAA,CAEA,gDACE,iBAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CACA,gBAAA,CACA,SAAA,CACA,mBAAA,CAEA,wDACE,SAAA,CAKN,0BACE,yCACE,eAAA,CAGF,gDACE,eAAA,CAAA,CAIJ,0BACE,yCACE,+BAAA,CACA,kCAAA,CACA,eAAA,CAAA,CAIJ,yBA/DF,iCAgEI,kBAAA,CAEA,yCACE,KAAA,CACA,QAAA,CACA,MAAA,CACA,OAAA,CACA,iBAAA,CACA,iCAAA,CACA,kCAAA,CACA,WAAA,CAGF,sCACE,4BAAA,CAGF,4CACE,iBAAA,CACA,QAAA,CACA,MAAA,CAEA,oDACE,UAAA,CACA,iBAAA,CACA,aAAA,CACA,eAAA,CAGF,gDACE,iBAAA,CACA,KAAA,CACA,MAAA,CAIJ,gDACE,cAAA,CACA,eAAA,CACA,mBAAA,CAAA,CAMR,OACA,kIAAA,CACE,WACE,YAAA,CAMF,iBACE,yBAAA,CACA,uBAAA,CAEF,cACE,eAAA,CACA,cAAA,CACA,gBAAA,CACA,6BAAA,CAGF,YACE,iBAAA,CACA,YAAA,CACA,uBAAA,CACA,wBAAA,CACA,YAAA,CACA,0BANF,YAOI,uBAAA,CACA,wBAAA,CAAA,CAEF,yBAVF,YAWI,WAAA,CACA,YAAA,CACA,aAAA,CAAA,CAIF,0BACE,0BAAA,CACA,oBAAA,CAEA,4BAAA,CACA,gBAAA,CAKF,yBADF,4BAEI,cAAA,CACA,aAAA,CAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n.eventoverview-section{\n  margin: 0;\n  .tilescontainer{\n    margin-top: calc(-138px / 2);\n    > .row > .col{\n      padding-top:0;\n      margin-top:0;\n    }\n  }\n}\n.eventoverview-stage {\n  background-image: url('./hero-veranstaltung-gfx.jpg');\n  background-size: cover;\n  color: white;\n  min-height: calc(18vw + 400px);\n  display: flex;\n  align-items: center;\n  margin: 0;\n\n  &.background-image {\n    background-size: cover;\n    background-position: 50% 50%;\n  }\n\n  &.first-element {\n    @media(min-width: 1400px) {\n      margin-top: -60px;\n    }\n  }\n  form{\n    position:relative;\n    input.search-field{\n      height:60px;\n      padding: 14px 90px 14px 24px;\n    }\n    button.search-submit{\n      width: 60px;\n      height: 60px;\n      border-radius: 24px;\n      &:before{\n        font-size:30px;\n      }\n    }\n  }\n  .kicker {\n    margin-bottom: 0.6em;\n  }\n\n  .stagetext-box {\n    max-width: 580px;\n    padding: calc(30px + 1vw) 0;\n  }\n\n  .stagetext-box a:not(.btn) {\n    color: white;\n    + .btn {\n      margin-left: 30px;\n    }\n  }\n\n  .progress {\n    --color-bg: var(--theme-color-white);\n    --color-fg: var(--theme-color-white);\n    --bg-opacity: 0.4;\n\n    + h1, + .text-2 {\n      margin-top: 0.7em;\n    }\n  }\n\n  &.image-stage {\n    position: relative;\n    background-image: none;\n    background-color: var(--theme-color-primary);\n    overflow: hidden;\n    z-index: 1;\n\n    &::before {\n      content: \"\";\n      position: absolute;\n      left: 0;\n      right: 50%;\n      top: 0;\n      bottom: 0;\n      margin: -15% 0 -15% 0;\n      background-color: var(--theme-color-primary);\n    }\n\n    .stagetext-box {\n      position: relative;\n    }\n\n    .image-box {\n      position: absolute;\n      left: 45%;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      z-index: -1;\n\n      img {\n        position: relative;\n        display: block;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        opacity: 1;\n        transition: 0.4s ease;\n\n        &.loading {\n          opacity: 0;\n        }\n      }\n    }\n\n    @media(max-width: 1200px) {\n      &::before {\n        min-width: 560px;\n      }\n\n      .stagetext-box {\n        max-width: 480px;\n      }\n    }\n\n    @media(min-width: 1000px) {\n      &::before {\n        border-top-right-radius: 28% 50%;\n        border-bottom-right-radius: 28% 50%;\n        min-width: 650px;\n      }\n    }\n\n    @media(max-width: 999px) {\n      padding-bottom: 75%;\n\n      &::before {\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        margin: 0 -28% 67%;\n        border-bottom-left-radius: 50% 28%;\n        border-bottom-right-radius: 50% 28%;\n        min-width: 0;\n      }\n\n      .col {\n        padding: 0 var(--col-padding);\n      }\n\n      .image-box {\n        position: absolute;\n        top: auto;\n        left: 0;\n\n        &::before {\n          content: '';\n          position:  relative;\n          display: block;\n          padding-top: 75%;\n        }\n\n        img {\n          position: absolute;\n          top: 0;\n          left: 0;\n        }\n      }\n\n      .stagetext-box {\n        max-width: none;\n        margin-bottom: 0;\n        padding-bottom: 24px;\n      }\n    }\n  }\n}\n\n.tiles {\nbackground: linear-gradient(0deg, 0%, 100%), linear-gradient(88deg, #003366 0%, rgba(1.01, 40.28, 80.75, 0.86) 54%, rgba(0, 51, 102, 0) 100%);\n  &.row {\n    margin: -10px;\n  }\n\n  @media(max-width: 767px) {\n \n  }\n  .icon-box {\n    font-size: 40px !important;\n    margin-top:0 !important;\n  }\n  .title {\n    font-weight: 400;\n    font-size: 20px;\n    line-height:21px;\n    margin: 8px 0 5px 0 !important;\n  }\n\n  .col {\n    position: relative;\n    display: flex;\n    flex: 1 1 16.6666666667%;\n    max-width: 16.6666666667%;\n    padding: 10px;\n    @media(max-width: 1480px) {\n      flex: 1 1 33.3333333333%;\n      max-width: 33.3333333333%;\n    }\n    @media(max-width: 767px) {\n      padding: 6px;\n      flex: 1 1 50%;\n      max-width: 50%;\n    }\n \n    \n    .topic-teaser{\n      --topic-tile-padding: 10px;\n      border-radius: 0.75rem;\n      //box-shadow: 0px 0px 15px 0px rgba(0, 51, 102, 0.20), 0px 0px 46px 0px rgba(0, 51, 102, 0.12), 0px 0px 38px 0px rgba(0, 51, 102, 0.14);\n      box-shadow: var(--theme-24dp);\n      min-height:138px;\n    }\n  }\n\n  &[data-type='list'] .col {\n    @media(max-width: 567px) {\n      max-width: 100%;\n      flex: 1 1 100%;\n    }\n  }\n}"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./stories/sections/eventoverview-stage/hero-veranstaltung-gfx.jpg":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__.p+"static/media/hero-veranstaltung-gfx.7772ba65.jpg"}}]);