|
- "use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[676],{"./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=__webpack_require__("./stories/sections/eventoverview-stage/EventOverviewStageData.js"),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,fullOffset2=3*Math.ceil(this.cols.length/3)-this.cols.last().index()-1;if(0!==fullOffset&&0!==fullOffset2){var firstHalfWidth=this.cols.length-2*fullOffset,firstHalfWidth2=this.cols.length-2*fullOffset2;firstHalfWidth<0&&(firstHalfWidth=0),firstHalfWidth2<0&&(firstHalfWidth2=0),this.cols.eq(firstHalfWidth).addClass("width-half").nextAll().addClass("width-half"),this.cols.eq(firstHalfWidth2).addClass("width-third").nextAll().addClass("width-third")}}));const eventoverview=IHKEventOverviewTiles;jquery_default()("body").on("ihk-init dynamic-component-loaded gfi-dynamic-init",(function(){var _this=this;jquery_default()(".eventoverview-section: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.BQ:_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/eventoverview-stage/EventOverviewStageData.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BQ:()=>eventOverviewStageData,X9:()=>eventOverviewStageDataFive,p1:()=>eventOverviewStageDataFour,rF:()=>eventOverviewStageDataThree});var 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"}],eventOverviewStageDataFive=[{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"}],eventOverviewStageDataFour=[{title:"Aus- und Weiterbildung",icon:"Person"},{title:"Alles für Gründer",icon:"Stadt"},{title:"Innovation und Umwelt",icon:"Roboter"},{title:"International",icon:"Treppe"}],eventOverviewStageDataThree=[{title:"Aus- und Weiterbildung",icon:"Person"},{title:"Alles für Gründer",icon:"Stadt"},{title:"Innovation und Umwelt",icon:"Roboter"}]},"./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 .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%)}.eventoverview-section .tilescontainer .tiles.row{margin:-10px}@media(min-width: 1481px){.eventoverview-section .tilescontainer .tiles.row{flex-wrap:nowrap}}.eventoverview-section .tilescontainer .tiles .icon-box{font-size:40px !important;margin-top:0 !important}.eventoverview-section .tilescontainer .tiles .title{font-weight:400;font-size:20px;line-height:21px;margin:8px 0 5px 0 !important}.eventoverview-section .tilescontainer .tiles .col{position:relative;display:flex;flex:1 1 100%;max-width:100%;padding:10px}@media(max-width: 1480px){.eventoverview-section .tilescontainer .tiles .col{flex:1 1 33.3333333333%;max-width:33.3333333333%}}@media(max-width: 767px){.eventoverview-section .tilescontainer .tiles .col{padding:6px;flex:1 1 50%;max-width:50%}}@media(max-width: 767px){.eventoverview-section .tilescontainer .tiles .col:nth-child(2n+1):last-child{flex:1 1 100%;max-width:100%}}@media(max-width: 1480px){.eventoverview-section .tilescontainer .tiles .col.width-half{flex:1 1 50%;max-width:50%}}@media(max-width: 767px){.eventoverview-section .tilescontainer .tiles .col.width-half+.width-half{flex:1 1 100%;max-width:100%}}.eventoverview-section .tilescontainer .tiles .col.width-third{flex:1 1 25%;max-width:25%}@media(max-width: 1480px){.eventoverview-section .tilescontainer .tiles .col.width-third{flex:1 1 50%;max-width:50%}}.eventoverview-section .tilescontainer .tiles .col .topic-teaser{--topic-tile-padding: 10px;border-radius:.75rem;box-shadow:var(--theme-24dp);min-height:138px}@media(max-width: 567px){.eventoverview-section .tilescontainer .tiles[data-type=list] .col{max-width:100%;flex:1 1 100%}}.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}}',"",{version:3,sources:["webpack://./stories/sections/eventoverview-stage/eventoverview-stage.scss"],names:[],mappings:"AAEA,uBACE,QAAA,CACA,uCACE,gBAAA,CACA,8CACE,kIAAA,CACE,kDACE,YAAA,CACA,0BAFF,kDAGI,gBAAA,CAAA,CAKJ,wDACE,yBAAA,CACA,uBAAA,CAEF,qDACE,eAAA,CACA,cAAA,CACA,gBAAA,CACA,6BAAA,CAGF,mDACE,iBAAA,CACA,YAAA,CACA,aAAA,CACA,cAAA,CACA,YAAA,CACA,0BANF,mDAOI,uBAAA,CACA,wBAAA,CAAA,CAEF,yBAVF,mDAWI,WAAA,CACA,YAAA,CACA,aAAA,CAAA,CAEF,yBACE,8EACE,aAAA,CACA,cAAA,CAAA,CAIF,0BADF,8DAEI,YAAA,CACA,aAAA,CAAA,CAGA,yBADF,0EAEI,aAAA,CACA,cAAA,CAAA,CAKN,+DACE,YAAA,CACA,aAAA,CACA,0BAHF,+DAII,YAAA,CACA,aAAA,CAAA,CAGJ,iEACE,0BAAA,CACA,oBAAA,CAEA,4BAAA,CACA,gBAAA,CAKF,yBADF,mEAEI,cAAA,CACA,aAAA,CAAA,CAIR,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",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 .tiles {\n background: 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 @media(min-width: 1481px) {\n flex-wrap: nowrap;\n }\n }\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 100%;\n max-width: 100%;\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 @media (max-width: 767px) {\n &:nth-child(2n+1):last-child {\n flex: 1 1 100%;\n max-width: 100%; \n }\n }\n &.width-half{\n @media(max-width: 1480px) {\n flex: 1 1 50%;\n max-width: 50%;\n }\n + .width-half{\n @media(max-width: 767px) {\n flex: 1 1 100%;\n max-width: 100%;\n }\n }\n \n }\n &.width-third{\n flex: 1 1 25%;\n max-width: 25%; \n @media(max-width: 1480px) {\n flex: 1 1 50%;\n max-width: 50%; \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 }\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"],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"}}]);
|
