From da9de2b29f1d6f8d14fa64260619cfae06832038 Mon Sep 17 00:00:00 2001 From: FlorianEisenmenger Date: Tue, 24 Mar 2026 10:15:47 +0100 Subject: [PATCH] static --- gfi-ihk-2024/storybook-static/2652.20a1d254.iframe.bundle.js | 1 - gfi-ihk-2024/storybook-static/2652.3924369c.iframe.bundle.js | 1 + gfi-ihk-2024/storybook-static/2707.8c8c2137.iframe.bundle.js | 1 + gfi-ihk-2024/storybook-static/2707.c1d7b79e.iframe.bundle.js | 1 - gfi-ihk-2024/storybook-static/5483.2fbd0e6f.iframe.bundle.js | 1 - gfi-ihk-2024/storybook-static/5483.e8b26e62.iframe.bundle.js | 1 + gfi-ihk-2024/storybook-static/615.24753b34.iframe.bundle.js | 1 + gfi-ihk-2024/storybook-static/615.744346de.iframe.bundle.js | 1 - gfi-ihk-2024/storybook-static/7388.8f0fb704.iframe.bundle.js | 1 - gfi-ihk-2024/storybook-static/7388.a977f1a6.iframe.bundle.js | 1 + gfi-ihk-2024/storybook-static/7824.15cf9606.iframe.bundle.js | 1 - gfi-ihk-2024/storybook-static/7824.20806cf2.iframe.bundle.js | 1 + ...00ec20.iframe.bundle.js => 8523.b535ddd3.iframe.bundle.js} | 2 +- ...nts-howto-list-HowToList-stories.944335e4.iframe.bundle.js | 1 - ...nts-howto-list-HowToList-stories.ad1ea267.iframe.bundle.js | 1 + ...s-mini-teaser-MiniTeaser-stories.684a584d.iframe.bundle.js | 1 + ...s-mini-teaser-MiniTeaser-stories.d22b34a9.iframe.bundle.js | 1 - ...-testimonial-Testimonial-stories.1bf9c39d.iframe.bundle.js | 1 - ...-testimonial-Testimonial-stories.20f017fa.iframe.bundle.js | 1 + gfi-ihk-2024/storybook-static/iframe.html | 4 ++-- ...7d5e67.iframe.bundle.js => main.75f5717e.iframe.bundle.js} | 2 +- .../pages-article-Article-stories.2da4c178.iframe.bundle.js | 1 - .../pages-article-Article-stories.979f8a1c.iframe.bundle.js | 1 + ...-start-ElectionStartPage-stories.43ec9024.iframe.bundle.js | 1 + ...-start-ElectionStartPage-stories.a5335748.iframe.bundle.js | 1 - gfi-ihk-2024/storybook-static/project.json | 2 +- ...frame.bundle.js => runtime~main.b8e4cf70.iframe.bundle.js} | 2 +- ...ngheader-MarketingHeader-stories.86ea0661.iframe.bundle.js | 1 - ...ngheader-MarketingHeader-stories.9a5958c7.iframe.bundle.js | 1 + 29 files changed, 18 insertions(+), 18 deletions(-) delete mode 100644 gfi-ihk-2024/storybook-static/2652.20a1d254.iframe.bundle.js create mode 100644 gfi-ihk-2024/storybook-static/2652.3924369c.iframe.bundle.js create mode 100644 gfi-ihk-2024/storybook-static/2707.8c8c2137.iframe.bundle.js delete mode 100644 gfi-ihk-2024/storybook-static/2707.c1d7b79e.iframe.bundle.js delete mode 100644 gfi-ihk-2024/storybook-static/5483.2fbd0e6f.iframe.bundle.js create mode 100644 gfi-ihk-2024/storybook-static/5483.e8b26e62.iframe.bundle.js create mode 100644 gfi-ihk-2024/storybook-static/615.24753b34.iframe.bundle.js delete mode 100644 gfi-ihk-2024/storybook-static/615.744346de.iframe.bundle.js delete mode 100644 gfi-ihk-2024/storybook-static/7388.8f0fb704.iframe.bundle.js create mode 100644 gfi-ihk-2024/storybook-static/7388.a977f1a6.iframe.bundle.js delete mode 100644 gfi-ihk-2024/storybook-static/7824.15cf9606.iframe.bundle.js create mode 100644 gfi-ihk-2024/storybook-static/7824.20806cf2.iframe.bundle.js rename gfi-ihk-2024/storybook-static/{8523.6d00ec20.iframe.bundle.js => 8523.b535ddd3.iframe.bundle.js} (74%) delete mode 100644 gfi-ihk-2024/storybook-static/components-howto-list-HowToList-stories.944335e4.iframe.bundle.js create mode 100644 gfi-ihk-2024/storybook-static/components-howto-list-HowToList-stories.ad1ea267.iframe.bundle.js create mode 100644 gfi-ihk-2024/storybook-static/components-mini-teaser-MiniTeaser-stories.684a584d.iframe.bundle.js delete mode 100644 gfi-ihk-2024/storybook-static/components-mini-teaser-MiniTeaser-stories.d22b34a9.iframe.bundle.js delete mode 100644 gfi-ihk-2024/storybook-static/components-testimonial-Testimonial-stories.1bf9c39d.iframe.bundle.js create mode 100644 gfi-ihk-2024/storybook-static/components-testimonial-Testimonial-stories.20f017fa.iframe.bundle.js rename gfi-ihk-2024/storybook-static/{main.607d5e67.iframe.bundle.js => main.75f5717e.iframe.bundle.js} (99%) delete mode 100644 gfi-ihk-2024/storybook-static/pages-article-Article-stories.2da4c178.iframe.bundle.js create mode 100644 gfi-ihk-2024/storybook-static/pages-article-Article-stories.979f8a1c.iframe.bundle.js create mode 100644 gfi-ihk-2024/storybook-static/pages-election-start-ElectionStartPage-stories.43ec9024.iframe.bundle.js delete mode 100644 gfi-ihk-2024/storybook-static/pages-election-start-ElectionStartPage-stories.a5335748.iframe.bundle.js rename gfi-ihk-2024/storybook-static/{runtime~main.9bd41f93.iframe.bundle.js => runtime~main.b8e4cf70.iframe.bundle.js} (94%) delete mode 100644 gfi-ihk-2024/storybook-static/sections-marketingheader-MarketingHeader-stories.86ea0661.iframe.bundle.js create mode 100644 gfi-ihk-2024/storybook-static/sections-marketingheader-MarketingHeader-stories.9a5958c7.iframe.bundle.js diff --git a/gfi-ihk-2024/storybook-static/2652.20a1d254.iframe.bundle.js b/gfi-ihk-2024/storybook-static/2652.20a1d254.iframe.bundle.js deleted file mode 100644 index 0e08a43..0000000 --- a/gfi-ihk-2024/storybook-static/2652.20a1d254.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[2652],{"./stories/sections/event-teaser-large-slider/EventTeaserLargeSliderComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{n:()=>createETLSlider});__webpack_require__("./node_modules/core-js/modules/es.array.map.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"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.string.link.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.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.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.test.js"),__webpack_require__("./node_modules/core-js/modules/es.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),eventteaserlargeslider=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/event-teaser-large-slider/eventteaserlargeslider.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(eventteaserlargeslider.Z,options);eventteaserlargeslider.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),jquery=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery_default=__webpack_require__.n(jquery),ButtonComponent=__webpack_require__("./stories/atoms/button/ButtonComponent.js"),slider=(__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.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./node_modules/jquery.easing/jquery.easing.js"),__webpack_require__("./stories/sections/slider/slider.js"));function _defineProperties(target,props){for(var i=0;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i0&&(0,helpers.az)("h1",[],headline,hcontainer);var sliderComponent=(0,helpers.az)("div",["eventteaserlargeslider"],null,container);return slides.map((function(slideData,index){var slide=(0,helpers.az)("div",["slide"],null,sliderComponent),outer=(0,helpers.az)("outer",["outer"],null,slide),a=(0,helpers.az)("a",["event-teaser-large"],null,outer);widemode&&a.classList.add("widemode");var blueBox=(0,helpers.az)("div",["blue-box"],null,a),imgCon=(0,helpers.az)("div",["img-con"],null,blueBox),textBox=(0,helpers.az)("div",["text-box","date-wrapper"],null,a);(0,helpers.az)("div",["icon-box","pictogram-"+slideData.icon.toLowerCase().split(" ").join("-")],null,blueBox),(0,helpers.az)("p",["ev-title"],slideData.title,blueBox),(0,helpers.az)("p",["ev-cat"],slideData.category,blueBox),(0,helpers.az)("p",["ev-desc"],slideData.desc,textBox);var detailBox=(0,helpers.az)("div",["detail-box"],null,textBox);if(slideData.details)for(var _i=0,_Object$entries=Object.entries(slideData.details);_i<_Object$entries.length;_i++){var _ref3=_slicedToArray(_Object$entries[_i],2),key=_ref3[0],value=_ref3[1];"string"==typeof value?(0,helpers.az)("div",[key],value,detailBox):"object"==typeof value&&(0,helpers.az)("div",[key,value.type],value.label,detailBox)}moreCta&&detailBox.appendChild((0,ButtonComponent.a)({elementType:"span",label:moreCta.label,color:"primary",size:"small",preventClick:!1})),slideData.bgimage&&slideData.bgimage.length>0&&(imgCon.style="background-image: url("+slideData.bgimage+");",blueBox.classList.add("background-image")),a.href=slideData.link})),new sections_event_teaser_large_slider_eventteaserlargeslider(jquery_default()(section)),section}},"./stories/sections/event-teaser-large-slider/EventTeaserLargeSliderData.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Zr:()=>sliderData,hx:()=>sliderImageData});var EventTeaserLargeTitles=["Vertiefungsseminar zur Existenzgründung","Erfolgreiche Unternehmensgründung: Strategien und Fallstudien","Nachhaltige Firmenübergabe","Social Media Manager/-in (IHK) - Webinar"],EventTeaserLargeStatus=[{type:"reserved",label:"Anmeldefrist abgelaufen"},{type:"waiting-list",label:"Warteliste"},{type:"open",label:"Freie Plätze vorhanden"}],sliderData=[{date:{weekday:"Mo.",day:"20",month:"Sep. 2022"},title:EventTeaserLargeTitles[Math.floor(Math.random()*EventTeaserLargeTitles.length)],desc:"Entfesseln Sie das volle Potenzial der generativen KI und beherrschen Sie die Kunst des Prompt-Engineerings!",link:"#",details:{date:"20.09.2024",status:EventTeaserLargeStatus[Math.floor(Math.random()*EventTeaserLargeStatus.length)]},icon:"Roboter",category:"Gründung und Nachfolge",bgimage:null},{date:{weekday:"Mo.",day:"20",month:"Sep. 2022"},title:EventTeaserLargeTitles[Math.floor(Math.random()*EventTeaserLargeTitles.length)],desc:"Entfesseln Sie das volle Potenzial der generativen KI und beherrschen Sie die Kunst des Prompt-Engineerings!",link:"#",details:{date:"20.09.2024",status:EventTeaserLargeStatus[Math.floor(Math.random()*EventTeaserLargeStatus.length)]},icon:"Roboter",category:"Innovation und Umwelt",bgimage:null},{date:{weekday:"Mo.",day:"20",month:"Sep. 2022"},title:EventTeaserLargeTitles[Math.floor(Math.random()*EventTeaserLargeTitles.length)],desc:"Entfesseln Sie das volle Potenzial der generativen KI und beherrschen Sie die Kunst des Prompt-Engineerings!",link:"#",details:{date:"20.09.2024",status:EventTeaserLargeStatus[Math.floor(Math.random()*EventTeaserLargeStatus.length)]},icon:"Roboter",category:"Aus- und Weiterbildung",bgimage:"./dummy/placeholder-4-3.svg"}],sliderImageData=[{date:{weekday:"Mo.",day:"20",month:"Sep. 2022"},title:EventTeaserLargeTitles[Math.floor(Math.random()*EventTeaserLargeTitles.length)],desc:"Entfesseln Sie das volle Potenzial der generativen KI und beherrschen Sie die Kunst des Prompt-Engineerings!",link:"#",details:{date:"20.09.2024",status:EventTeaserLargeStatus[Math.floor(Math.random()*EventTeaserLargeStatus.length)]},icon:"Roboter",category:"Aus- und Weiterbildung",bgimage:"./dummy/placeholder-4-3.svg"},{date:{weekday:"Mo.",day:"20",month:"Sep. 2022"},title:EventTeaserLargeTitles[Math.floor(Math.random()*EventTeaserLargeTitles.length)],desc:"Entfesseln Sie das volle Potenzial der generativen KI und beherrschen Sie die Kunst des Prompt-Engineerings!",link:"#",details:{date:"20.09.2024",status:EventTeaserLargeStatus[Math.floor(Math.random()*EventTeaserLargeStatus.length)]},icon:"Roboter",category:"Gründung und Nachfolge",bgimage:"./dummy/placeholder-4-3.svg"},{date:{weekday:"Mo.",day:"20",month:"Sep. 2022"},title:EventTeaserLargeTitles[Math.floor(Math.random()*EventTeaserLargeTitles.length)],desc:"Entfesseln Sie das volle Potenzial der generativen KI und beherrschen Sie die Kunst des Prompt-Engineerings!",link:"#",details:{date:"20.09.2024",status:EventTeaserLargeStatus[Math.floor(Math.random()*EventTeaserLargeStatus.length)]},icon:"Roboter",category:"Innovation und Umwelt",bgimage:"./dummy/placeholder-4-3.svg"}]},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/event-teaser-large-slider/eventteaserlargeslider.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,'.event-teaser-large,.events-list-large a:not(.btn){background-color:#fff;border-radius:16px;overflow:hidden;display:flex;transition:.3s ease;width:100%;text-decoration:none;min-height:400px;flex-wrap:wrap}.event-teaser-large:not(.widemode),.events-list-large a:not(.btn):not(.widemode){flex-wrap:wrap;align-content:baseline;flex-flow:column;justify-content:flex-start;background-color:var(--theme-grey-light)}.event-teaser-large:not(.widemode) .blue-box,.events-list-large a:not(.btn):not(.widemode) .blue-box{height:250px}.event-teaser-large:not(.widemode) .text-box,.events-list-large a:not(.btn):not(.widemode) .text-box{height:calc(100% - 250px)}.event-teaser-large.focus-visible:focus,.events-list-large a:not(.btn).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}.event-teaser-large:focus-visible,.event-teaser-large.-moz-focusring,.events-list-large a:not(.btn):focus-visible,.events-list-large a:not(.btn).-moz-focusring{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.event-teaser-large:hover,.events-list-large a:not(.btn):hover{color:var(--theme-color-secondary-intensed)}.event-teaser-large:hover .blue-box,.events-list-large a:not(.btn):hover .blue-box{background-color:var(--theme-color-secondary-intensed)}.event-teaser-large .blue-box,.events-list-large a:not(.btn) .blue-box{display:flex;justify-content:flex-end;color:var(--theme-color-white);margin-right:18px;font-family:"Korb",sans-serif;min-height:80px;font-size:14px;line-height:1;padding:70px 15px 15px 15px;min-width:80px;transition:.2s ease;position:relative;flex-flow:column;align-items:baseline;width:100%;margin-right:0;min-height:250px;position:relative}.event-teaser-large .blue-box:not(.background-image),.events-list-large a:not(.btn) .blue-box:not(.background-image){background:linear-gradient(135deg, #036 45.14%, #368484 100%),#d9d9d9}.event-teaser-large .blue-box .img-con,.events-list-large a:not(.btn) .blue-box .img-con{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,51,102,.54);background-size:cover;background-position:50% 50%;z-index:0}.event-teaser-large .blue-box.background-image .img-con:before,.events-list-large a:not(.btn) .blue-box.background-image .img-con:before{content:"";background:linear-gradient(0deg, rgba(0, 51, 102, 0.33) 0%, rgba(0, 51, 102, 0.33) 100%),linear-gradient(180deg, rgba(0, 32, 65, 0) 0%, rgba(0, 32, 65, 0.6) 100%);position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.event-teaser-large .blue-box .icon-box,.events-list-large a:not(.btn) .blue-box .icon-box{font-family:"Pictograms",sans-serif;font-size:48px;line-height:1;color:var(--theme-color-white);position:absolute;top:15px;left:15px}.event-teaser-large .blue-box .ev-title,.events-list-large a:not(.btn) .blue-box .ev-title{font-weight:400;text-decoration:underline;line-height:normal;font-size:28px;position:relative}.event-teaser-large .blue-box .ev-cat,.events-list-large a:not(.btn) .blue-box .ev-cat{color:var(--theme-color-primary);font-size:16px;font-family:Source Sans Pro;font-weight:400;line-height:16px;letter-spacing:.32px;background-color:#fff;border-radius:8px;display:inline-block;padding:5px 7px;position:relative}.event-teaser-large .blue-box span,.events-list-large a:not(.btn) .blue-box span{white-space:nowrap}.event-teaser-large .blue-box span:nth-child(2),.events-list-large a:not(.btn) .blue-box span:nth-child(2){font-size:36px;margin-left:-2px}.event-teaser-large .blue-box.no-date,.events-list-large a:not(.btn) .blue-box.no-date{align-items:flex-start}.event-teaser-large .blue-box.no-date:before,.events-list-large a:not(.btn) .blue-box.no-date:before{content:"";font-family:"Icons",sans-serif;font-size:var(--icon-size);line-height:1;margin-bottom:4px;margin-top:5px}.event-teaser-large .blue-box.no-date *,.events-list-large a:not(.btn) .blue-box.no-date *{display:none}.event-teaser-large .text-box,.events-list-large a:not(.btn) .text-box{padding:15px;background-color:var(--theme-grey-light);width:100%;display:flex;justify-content:space-between;flex-flow:column}@media(max-width: 767px){.event-teaser-large .text-box,.events-list-large a:not(.btn) .text-box{font-size:var(--font-size-small)}}.event-teaser-large .text-box .ev-desc,.events-list-large a:not(.btn) .text-box .ev-desc{line-height:27px;letter-spacing:.18px;font-size:18px;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.event-teaser-large p,.events-list-large a:not(.btn) p{margin:0}.event-teaser-large p:not(:last-child),.events-list-large a:not(.btn) p:not(:last-child){margin:2px 0 .3em}.event-teaser-large .detail-box,.events-list-large a:not(.btn) .detail-box{padding-top:15px;border-top:1px #ccd7e6 solid}.event-teaser-large .detail-box .btn,.events-list-large a:not(.btn) .detail-box .btn{float:right;margin-top:15px;display:none}.event-teaser-large .detail-box>div,.events-list-large a:not(.btn) .detail-box>div{display:block;font-size:var(--font-size-small);line-height:1.2em;margin-right:15px;margin-bottom:5px;color:var(--theme-color-primary)}.event-teaser-large .detail-box>div::before,.events-list-large a:not(.btn) .detail-box>div::before{position:relative;display:inline-block;font-family:"Icons",sans-serif;font-size:18px;line-height:20px;margin-right:5px;vertical-align:top;color:var(--theme-color-primary)}@media(max-width: 567px){.event-teaser-large .detail-box>div,.events-list-large a:not(.btn) .detail-box>div{display:block;padding-left:24px;position:relative}.event-teaser-large .detail-box>div:before,.events-list-large a:not(.btn) .detail-box>div:before{position:absolute;left:0}}.event-teaser-large .detail-box>div.date::before,.events-list-large a:not(.btn) .detail-box>div.date::before{content:""}.event-teaser-large .detail-box>div.time::before,.events-list-large a:not(.btn) .detail-box>div.time::before{content:""}.event-teaser-large .detail-box>div.location::before,.events-list-large a:not(.btn) .detail-box>div.location::before{content:""}.event-teaser-large .detail-box>div.interested-parties::before,.events-list-large a:not(.btn) .detail-box>div.interested-parties::before{content:""}.event-teaser-large .detail-box>div.price::before,.events-list-large a:not(.btn) .detail-box>div.price::before{content:""}.event-teaser-large .detail-box>div.status::before,.events-list-large a:not(.btn) .detail-box>div.status::before{content:"";color:var(--theme-color-secondary-intensed)}.event-teaser-large .detail-box>div.status.interested-parties::before,.event-teaser-large .detail-box>div.status.waiting-list::before,.events-list-large a:not(.btn) .detail-box>div.status.interested-parties::before,.events-list-large a:not(.btn) .detail-box>div.status.waiting-list::before{content:"";color:var(--theme-color-primary)}.event-teaser-large .detail-box>div.status.reserved::before,.events-list-large a:not(.btn) .detail-box>div.status.reserved::before{content:"";color:var(--theme-color-error)}@media screen and (min-width: 992px){.event-teaser-large.widemode .blue-box,.events-list-large a:not(.btn).widemode .blue-box{width:50%;padding:100px 15px 20px 15px}.event-teaser-large.widemode .blue-box .icon-box,.events-list-large a:not(.btn).widemode .blue-box .icon-box{font-size:70px;top:20px}.event-teaser-large.widemode .blue-box .ev-title,.events-list-large a:not(.btn).widemode .blue-box .ev-title{font-size:36px;line-height:43.2px}.event-teaser-large.widemode .text-box,.events-list-large a:not(.btn).widemode .text-box{width:50%;padding:20px}.event-teaser-large.widemode .text-box .detail-box .btn,.events-list-large a:not(.btn).widemode .text-box .detail-box .btn{display:inline-block}.event-teaser-large.widemode .text-box .ev-desc,.events-list-large a:not(.btn).widemode .text-box .ev-desc{font-size:18px}}@media(min-width: 400px){.right-open-container{width:calc(var(--container-width)/2 + 50vw - 8px);margin-left:auto;margin-right:0;padding-right:0}}.eventteaserlargeslider{opacity:0;transition:opacity .4s linear}.eventteaserlargeslider.initiated{opacity:1}@media(min-width: 1471px){.eventteaserlargeslider .slider-tabs{width:calc(var(--container-width) - 2*var(--container-padding));left:0 !important;transform:none !important}}.eventteaserlargeslider.single-slide .controls{display:none}.eventteaserlargeslider .slide-overflow{overflow:hidden;transition:height .6s cubic-bezier(0.215, 0.61, 0.355, 1)}.eventteaserlargeslider img.loading{opacity:0}.eventteaserlargeslider img.loaded{transition:.3s ease;opacity:1}.eventteaserlargeslider .slide-wrapper{position:relative;display:flex;align-items:flex-start;width:80000px;contain:layout;margin:0 calc(var(--col-padding)*-1)}@media(max-width: 999px){.eventteaserlargeslider .slide-wrapper{width:34500px}}@media(max-width: 399px){.eventteaserlargeslider .slide-wrapper{width:10000%;margin:0}}.eventteaserlargeslider .slide-wrapper.no-transition{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.eventteaserlargeslider .slide-wrapper.no-transition .image-box:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.eventteaserlargeslider .slide-wrapper img,.eventteaserlargeslider .slide-wrapper a{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none}.eventteaserlargeslider .slide{position:relative;width:1%;max-width:1%;min-width:1%;min-height:400px;padding:var(--col-padding)}@media(min-width: 400px){.eventteaserlargeslider .slide{padding:var(--col-padding)}}.eventteaserlargeslider .prev-clone,.eventteaserlargeslider .next-clone{position:absolute;display:flex;width:100%}.eventteaserlargeslider .prev-clone{position:absolute;right:100%;justify-content:flex-end}.rotationslider{margin-bottom:calc(var(--section-margin) + 2rem) !important;overflow:hidden;padding-top:var(--section-margin);margin-top:0}.rotationslider h1{max-width:50%;display:inline-block}.rotationslider .eventteaserlargeslider{margin-bottom:2rem;position:relative;display:block}.rotationslider .eventteaserlargeslider button{border:0;background-color:rgba(0,0,0,0);padding:0;cursor:pointer}.rotationslider .eventteaserlargeslider .slider-tabs,.rotationslider .eventteaserlargeslider .tabs{position:absolute;bottom:-2rem;left:50%;right:0;padding:0;list-style:none;transform:translate(-50%, 0);text-align:center;font-size:0;line-height:0;margin:0}.rotationslider .eventteaserlargeslider .slider-tabs li,.rotationslider .eventteaserlargeslider .tabs li{display:inline-block;vertical-align:top}.rotationslider .eventteaserlargeslider .slider-tabs li.active button:before,.rotationslider .eventteaserlargeslider .tabs li.active button:before{background-color:var(--theme-color-primary)}.rotationslider .eventteaserlargeslider .slider-tabs .btn,.rotationslider .eventteaserlargeslider .tabs .btn{--button-min-size: 24px;font-size:0;line-height:0;display:flex;align-items:center;justify-content:center}.rotationslider .eventteaserlargeslider .slider-tabs .btn::before,.rotationslider .eventteaserlargeslider .tabs .btn::before{content:"";position:relative;display:block;width:15px;height:15px;background-color:var(--theme-color-primary-dimmed-04);border-radius:15px;transition:.2s ease}.rotationslider .eventteaserlargeslider .slider-tabs .btn::after,.rotationslider .eventteaserlargeslider .tabs .btn::after{display:none}.rotationslider .eventteaserlargeslider .slider-tabs .btn:hover,.rotationslider .eventteaserlargeslider .tabs .btn:hover{background-color:rgba(0,0,0,0)}.rotationslider .eventteaserlargeslider .slider-tabs .btn:hover::before,.rotationslider .eventteaserlargeslider .tabs .btn:hover::before{background-color:var(--theme-color-primary)}.rotationslider .eventteaserlargeslider .prev,.rotationslider .eventteaserlargeslider .next{position:absolute;top:-94px;width:60px;height:60px;text-align:center;line-height:60px;left:calc(var(--container-width) - 2*var(--container-padding) - 60px);color:var(--theme-color-primary);right:auto;border-radius:24px;background:var(--theme-color-primary-dimmed-04);--button-hover-shadow-opacity: 0.4;--button-hover-shadow-size: 6px }@media(max-width: 1470px){.rotationslider .eventteaserlargeslider .prev,.rotationslider .eventteaserlargeslider .next{left:auto;right:var(--container-padding)}}@media(max-width: 1339px){.rotationslider .eventteaserlargeslider .prev,.rotationslider .eventteaserlargeslider .next{top:-90px}}@media(max-width: 399px){.rotationslider .eventteaserlargeslider .prev,.rotationslider .eventteaserlargeslider .next{right:0px;top:-80px}}.rotationslider .eventteaserlargeslider .prev:before,.rotationslider .eventteaserlargeslider .next:before{content:"";font-family:"Icons",sans-serif;font-size:30px;content:""}.rotationslider .eventteaserlargeslider .prev:after,.rotationslider .eventteaserlargeslider .next:after{content:"";position:absolute;display:block;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius-lg);box-shadow:0 0 0 2px var(--theme-color-primary-dimmed-04);opacity:0;transition:.3s ease}.rotationslider .eventteaserlargeslider .prev:hover:after,.rotationslider .eventteaserlargeslider .next:hover:after{opacity:.4;box-shadow:0 0 0 6px var(--theme-color-primary-dimmed-04)}.rotationslider .eventteaserlargeslider .prev{left:calc(var(--container-width) - 2*var(--container-padding) - 140px);transform:rotate(180deg)}@media(max-width: 1470px){.rotationslider .eventteaserlargeslider .prev{left:auto;right:calc(var(--container-padding) + 70px)}}@media(max-width: 399px){.rotationslider .eventteaserlargeslider .prev{right:70px}}.rotationslider .eventteaserlargeslider .count{display:none}.rotationslider .eventteaserlargeslider h2,.rotationslider .eventteaserlargeslider .like-h2{margin-top:.3em;margin-bottom:.4em}',"",{version:3,sources:["webpack://./stories/sections/event-teaser-large-slider/eventteaserlargeslider.scss","webpack://./stories/components/event-teaser-large/event-teaser-large.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAAA,mDCGA,qBACE,CAAA,kBACA,CAAA,eACA,CAAA,YACA,CAAA,mBACA,CAAA,UACA,CAAA,oBACA,CAAA,gBACA,CAAA,cACA,CAAA,iFACA,cACE,CAAA,sBACA,CAAA,gBACA,CAAA,0BACA,CAAA,wCACA,CAAA,qGACA,YACE,CAAA,qGAEF,yBACE,CAAA,2FC0JF,4GACE,CAAA,SACA,CAAA,gKAEF,4GACE,CAAA,SACA,CAAA,+DD3JJ,2CACE,CAAA,mFAEA,sDACE,CAAA,uEAKJ,YACE,CAAA,wBAEA,CAAA,8BACA,CAAA,iBACA,CAAA,6BACA,CAAA,eACA,CAAA,cACA,CAAA,aACA,CAAA,2BACA,CAAA,cACA,CAAA,mBACA,CAAA,iBACA,CAAA,gBACA,CAAA,oBACA,CAAA,UACA,CAAA,cACA,CAAA,gBACA,CAAA,iBACA,CAAA,qHACA,qEACE,CAAA,yFAEF,iBACE,CAAA,KACA,CAAA,MACA,CAAA,OACA,CAAA,QACA,CAAA,mCACA,CAAA,qBACA,CAAA,2BACA,CAAA,SACA,CAAA,yIAGA,UACE,CAAA,kKACA,CAAA,iBACA,CAAA,KACA,CAAA,MACA,CAAA,OACA,CAAA,QACA,CAAA,SACA,CAAA,2FAGJ,mCACE,CAAA,cACA,CAAA,aACA,CAAA,8BACA,CAAA,iBACA,CAAA,QACA,CAAA,SACA,CAAA,2FAEF,eACE,CAAA,yBACA,CAAA,kBACA,CAAA,cACA,CAAA,iBACA,CAAA,uFAEF,gCACE,CAAA,cACA,CAAA,2BACA,CAAA,eACA,CAAA,gBACA,CAAA,oBACA,CAAA,qBACA,CAAA,iBACA,CAAA,oBACA,CAAA,eACA,CAAA,iBACA,CAAA,iFAEF,kBACE,CAAA,2GAGF,cACE,CAAA,gBACA,CAAA,uFAGF,sBACE,CAAA,qGAEA,WC8HgB,CAAA,8BD5Hd,CAAA,0BACA,CAAA,aACA,CAAA,iBACA,CAAA,cACA,CAAA,2FAGF,YACE,CAAA,uEAKN,YAEE,CAAA,wCAEA,CAAA,UACA,CAAA,YACA,CAAA,6BACA,CAAA,gBACA,CAAA,yBACA,uEATF,gCAUI,CAAA,CAAA,yFAEF,gBACE,CAAA,oBACA,CAAA,cACA,CAAA,mBACA,CAAA,oBACA,CAAA,2BACA,CAAA,eACA,CAAA,uDAIJ,QACE,CAAA,yFACA,iBACE,CAAA,2EAIJ,gBACE,CAAA,4BACA,CAAA,qFACA,WACE,CAAA,eACA,CAAA,YACA,CAAA,mFAEF,aACE,CAAA,gCACA,CAAA,iBACA,CAAA,iBACA,CAAA,iBACA,CAAA,gCACA,CAAA,mGAEA,iBACE,CAAA,oBACA,CAAA,8BACA,CAAA,cACA,CAAA,gBACA,CAAA,gBACA,CAAA,kBACA,CAAA,gCACA,CAAA,yBAGF,mFAnBF,aAoBI,CAAA,iBACA,CAAA,iBACA,CAAA,iGAEA,iBACE,CAAA,MACA,CAAA,CAAA,6GAIJ,WCoFwB,CAAA,6GDjFxB,WCoFmB,CAAA,qHDjFnB,WC0EmB,CAAA,yIDvEnB,WC4EqB,CAAA,+GDzErB,WCsEoB,CAAA,iHDlElB,WCsEmB,CAAA,2CDpEjB,CAAA,kSAIA,WC+DiB,CAAA,gCD7Df,CAAA,mIAIJ,WCuDyB,CAAA,8BDrDvB,CAAA,qCAON,yFAEE,SACE,CAAA,4BACA,CAAA,6GACA,cACE,CAAA,QACA,CAAA,6GAEF,cACE,CAAA,kBACA,CAAA,yFAGJ,SACE,CAAA,YACA,CAAA,2HAEE,oBACE,CAAA,2GAGJ,cACE,CAAA,CAAA,yBDtQR,sBADF,iDAEI,CAAA,gBACA,CAAA,cACA,CAAA,eACA,CAAA,CAAA,wBAIJ,SACE,CAAA,6BACA,CAAA,kCACA,SACE,CAAA,0BAGA,qCADF,+DAEI,CAAA,iBACA,CAAA,yBACA,CAAA,CAAA,+CAKF,YACE,CAAA,wCAIJ,eACE,CAAA,yDACA,CAAA,oCAGF,SACE,CAAA,mCAGF,mBACE,CAAA,SACA,CAAA,uCAGF,iBACE,CAAA,YACA,CAAA,sBACA,CAAA,aACA,CAAA,cACA,CAAA,oCACA,CAAA,yBACA,uCAPF,aAQI,CAAA,CAAA,yBAGF,uCAXF,YAYI,CAAA,QACA,CAAA,CAAA,qDAEF,wBACE,CAAA,qBACA,CAAA,oBACA,CAAA,gBACA,CAAA,sEAEA,UACE,CAAA,iBE4BN,CAAA,KACA,CAAA,MACA,CAAA,OACA,CAAA,QACA,CAAA,SF9BM,CAAA,oFAIJ,wBACE,CAAA,qBACA,CAAA,oBACA,CAAA,gBACA,CAAA,sBACA,CAAA,mBACA,CAAA,+BAIJ,iBACE,CAAA,QACA,CAAA,YACA,CAAA,YACA,CAAA,gBACA,CAAA,0BACA,CAAA,yBAIA,+BAVF,0BAWI,CAAA,CAAA,wEAIJ,iBAEE,CAAA,YACA,CAAA,UACA,CAAA,oCAGF,iBACE,CAAA,UACA,CAAA,wBACA,CAAA,gBAKJ,2DACE,CAAA,eACA,CAAA,iCACA,CAAA,YACA,CAAA,mBACA,aACE,CAAA,oBACA,CAAA,wCAEF,kBACE,CAAA,iBACA,CAAA,aACA,CAAA,+CAEA,QACE,CAAA,8BACA,CAAA,SACA,CAAA,cACA,CAAA,mGAGF,iBACE,CAAA,YACA,CAAA,QACA,CAAA,OACA,CAAA,SACA,CAAA,eACA,CAAA,4BACA,CAAA,iBACA,CAAA,WACA,CAAA,aACA,CAAA,QACA,CAAA,yGACA,oBACE,CAAA,kBACA,CAAA,mJAEA,2CACE,CAAA,6GAKJ,uBACE,CAAA,WACA,CAAA,aACA,CAAA,YACA,CAAA,kBACA,CAAA,sBACA,CAAA,6HAEA,UACE,CAAA,iBACA,CAAA,aACA,CAAA,UACA,CAAA,WACA,CAAA,qDAEA,CAAA,kBACA,CAAA,mBACA,CAAA,2HAGF,YACE,CAAA,yHAGF,8BACE,CAAA,yIAEA,2CACE,CAAA,4FAMR,iBACE,CAAA,SACA,CAAA,UACA,CAAA,WACA,CAAA,iBACA,CAAA,gBACA,CAAA,qEACA,CAAA,gCACA,CAAA,UACA,CAAA,kBACA,CAAA,+CACA,CAAA,kCACA,CAAA,gCACA,CAAA,0BACA,4FAdF,SAeI,CAAA,8BACA,CAAA,CAAA,0BAEF,4FAlBF,SAmBI,CAAA,CAAA,yBAEF,4FArBF,SAsBI,CAAA,SACA,CAAA,CAAA,0GAKF,WEkDiC,CAAA,8BFhD/B,CAAA,cACA,CAAA,WACA,CAAA,wGAEF,UACE,CAAA,iBACE,CAAA,aACA,CAAA,KACA,CAAA,MACA,CAAA,OACA,CAAA,QACA,CAAA,qCACA,CAAA,yDACA,CAAA,SACA,CAAA,mBACA,CAAA,oHAEJ,UACE,CAAA,yDACA,CAAA,8CAKJ,sEACE,CAAA,wBACA,CAAA,0BACA,8CAHF,SAII,CAAA,2CACA,CAAA,CAAA,yBAEF,8CAPF,UAQI,CAAA,CAAA,+CAGJ,YACE,CAAA,4FAEF,eACE,CAAA,kBACA",sourcesContent:['@import \'../../_global/styles/mixins\';\n@import \'../../_global/styles/vars\';\n@import \'../../components/event-teaser-large/event-teaser-large.scss\';\n\n.right-open-container{\n @media (min-width: 400px) {\n width: calc((var(--container-width) / 2) + 50vw - 8px);\n margin-left:auto;\n margin-right:0;\n padding-right:0;\n }\n}\n\n.eventteaserlargeslider {\n opacity: 0;\n transition: opacity 0.4s linear;\n &.initiated {\n opacity: 1;\n }\n .slider-tabs{\n @media(min-width: 1471px) {\n width: calc(var(--container-width) - 2 * var(--container-padding));\n left: 0 !important;\n transform: none !important;\n }\n }\n\n &.single-slide {\n .controls {\n display: none;\n }\n }\n\n .slide-overflow {\n overflow: hidden;\n transition: height 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n img.loading {\n opacity: 0;\n }\n\n img.loaded {\n transition: 0.3s ease;\n opacity: 1;\n }\n\n .slide-wrapper {\n position: relative;\n display: flex;\n align-items: flex-start;\n width: 80000px;\n contain: layout;\n margin:0 calc(var(--col-padding) * -1);\n @media(max-width: 999px) {\n width: 34500px;\n //margin:0;\n }\n @media(max-width: 399px) {\n width: 10000%;\n margin:0;\n }\n &.no-transition {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n .image-box:after {\n content: "";\n @include full-size;\n z-index: 2;\n }\n }\n\n img, a {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-drag: none;\n -moz-user-drag: none;\n }\n }\n\n .slide {\n position: relative;\n width:1%;\n max-width:1%;\n min-width:1%;\n min-height:400px;\n padding:var(--col-padding);\n @media(min-width: 1000px) {\n //padding:var(--col-padding);\n }\n @media(min-width: 400px) {\n padding:var(--col-padding);\n }\n }\n\n .prev-clone,\n .next-clone {\n position: absolute;\n display: flex;\n width: 100%;\n }\n\n .prev-clone {\n position: absolute;\n right: 100%;\n justify-content: flex-end;\n }\n}\n\n\n.rotationslider{\n margin-bottom:calc(var(--section-margin) + 2rem) !important;\n overflow: hidden;\n padding-top: var(--section-margin);\n margin-top:0;\n h1{\n max-width: 50%;\n display: inline-block;\n }\n .eventteaserlargeslider {\n margin-bottom:2rem;\n position: relative;\n display: block;\n\n button {\n border: 0;\n background-color: transparent;\n padding: 0;\n cursor: pointer;\n\n }\n .slider-tabs, .tabs {\n position: absolute;\n bottom: -2rem;\n left: 50%;\n right: 0;\n padding: 0;\n list-style: none;\n transform: translate(-50%, 0);\n text-align: center;\n font-size: 0;\n line-height: 0;\n margin: 0;\n li {\n display: inline-block;\n vertical-align: top;\n\n &.active button:before {\n background-color: var(--theme-color-primary);\n //box-shadow: 0 0 0 2px var(--theme-color-primary);\n }\n }\n\n .btn {\n --button-min-size: 24px;\n font-size: 0;\n line-height: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &::before {\n content: "";\n position: relative;\n display: block;\n width: 15px;\n height: 15px;\n //border: 2px solid var(--theme-color-primary);\n background-color: var(--theme-color-primary-dimmed-04);\n border-radius: 15px;\n transition: 0.2s ease;\n }\n\n &::after {\n display: none;\n }\n\n &:hover {\n background-color: transparent;\n\n &::before {\n background-color: var(--theme-color-primary);\n }\n }\n }\n }\n\n .prev, .next {\n position: absolute;\n top: -94px;\n width: 60px;\n height: 60px;\n text-align: center;\n line-height: 60px;\n left: calc(var(--container-width) - 2 * var(--container-padding) - 60px);\n color: var(--theme-color-primary);\n right:auto;\n border-radius: 24px;\n background: var(--theme-color-primary-dimmed-04);\n --button-hover-shadow-opacity: 0.4;\n --button-hover-shadow-size: 6px ;\n @media(max-width: 1470px) {\n left:auto;\n right: var(--container-padding);\n }\n @media(max-width: 1339px) {\n top: -90px;\n }\n @media(max-width: 399px) {\n right:0px;\n top: -80px;\n }\n @media(max-width: 767px) {\n\n }\n &:before {\n @include icon-small-arrow-right-simple;\n font-family: "Icons", sans-serif;\n font-size: 30px;\n content: "\\e825";\n }\n &:after{\n content: "";\n position: absolute;\n display: block;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: var(--border-radius-lg);\n box-shadow: 0 0 0 2px var(--theme-color-primary-dimmed-04);\n opacity: 0;\n transition: 0.3s ease;\n }\n &:hover:after{\n opacity: 0.4;\n box-shadow: 0 0 0 6px var(--theme-color-primary-dimmed-04);\n }\n\n }\n\n .prev {\n left: calc(var(--container-width) - 2 * var(--container-padding) - 140px);\n transform: rotate(180deg);\n @media(max-width: 1470px) {\n left:auto;\n right:calc(var(--container-padding) + 70px);\n }\n @media(max-width: 399px) {\n right:70px;\n }\n }\n .count{\n display:none;\n }\n h2, .like-h2 {\n margin-top: 0.3em;\n margin-bottom: 0.4em;\n }\n\n }\n}',"@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.event-teaser-large, .events-list-large a:not(.btn) {\n background-color: white;\n border-radius: 16px;\n overflow: hidden;\n display: flex;\n transition: 0.3s ease;\n width: 100%;\n text-decoration: none;\n min-height:400px;\n flex-wrap: wrap;\n &:not(.widemode){\n flex-wrap: wrap;\n align-content: baseline;\n flex-flow: column;\n justify-content: flex-start;\n background-color: var(--theme-grey-light);\n .blue-box {\n height:250px;\n }\n .text-box{\n height: calc(100% - 250px);\n }\n }\n @include focus-visible;\n\n &:hover {\n color: var(--theme-color-secondary-intensed);\n\n .blue-box {\n background-color: var(--theme-color-secondary-intensed);\n }\n }\n\n\n .blue-box {\n display: flex;\n //flex-direction: column;\n justify-content: flex-end;\n color: var(--theme-color-white);\n margin-right: 18px;\n font-family: \"Korb\", sans-serif;\n min-height: 80px;\n font-size: 14px;\n line-height: 1;\n padding: 70px 15px 15px 15px;\n min-width: 80px;\n transition: 0.2s ease;\n position:relative;\n flex-flow: column;\n align-items: baseline;\n width:100%;\n margin-right: 0;\n min-height:250px;\n position: relative;\n &:not(.background-image){\n background: linear-gradient(135deg, #036 45.14%, #368484 100%), #D9D9D9;\n }\n .img-con{\n position:absolute;\n top:0;\n left:0;\n right:0;\n bottom:0;\n background-color:rgba(#003366,0.54);\n background-size: cover;\n background-position: 50% 50%;\n z-index:0;\n }\n &.background-image{\n .img-con:before{\n content:\"\";\n background: linear-gradient(0deg, rgba(0, 51, 102, 0.33) 0%, rgba(0, 51, 102, 0.33) 100%), linear-gradient(180deg, rgba(0, 32, 65, 0) 0%, rgba(0, 32.45, 64.90, 0.60) 100%);\n position:absolute;\n top:0;\n left:0;\n right:0;\n bottom:0;\n z-index:1;\n }\n }\n .icon-box {\n font-family: 'Pictograms', sans-serif;\n font-size: 48px;\n line-height: 1;\n color: var(--theme-color-white);\n position:absolute;\n top:15px;\n left:15px;\n }\n .ev-title{\n font-weight: 400;\n text-decoration: underline;\n line-height: normal;\n font-size: 28px;\n position:relative;\n }\n .ev-cat{\n color: var(--theme-color-primary);\n font-size: 16px;\n font-family: Source Sans Pro;\n font-weight: 400;\n line-height: 16px;\n letter-spacing: 0.32px;\n background-color:white;\n border-radius:8px;\n display:inline-block;\n padding:5px 7px;\n position:relative;\n }\n span {\n white-space: nowrap;\n }\n\n span:nth-child(2) {\n font-size: 36px;\n margin-left: -2px;\n }\n\n &.no-date {\n align-items: flex-start;\n\n &:before {\n @include icon-sanduhr;\n font-family: 'Icons', sans-serif;\n font-size: var(--icon-size);\n line-height: 1;\n margin-bottom: 4px;\n margin-top: 5px;\n }\n\n * {\n display: none;\n }\n }\n }\n\n .text-box {\n //align-self: center;\n padding: 15px;\n //line-height: 1.2;\n background-color: var(--theme-grey-light);\n width:100%;\n display:flex;\n justify-content:space-between;\n flex-flow: column;\n @media(max-width: 767px) {\n font-size: var(--font-size-small);\n }\n .ev-desc{\n line-height: 27px;\n letter-spacing: 0.18px;\n font-size:18px;\n display: -webkit-box;\n -webkit-line-clamp: 6;\n -webkit-box-orient: vertical;\n overflow: hidden;\n }\n }\n\n p {\n margin: 0;\n &:not(:last-child) {\n margin: 2px 0 0.3em;\n }\n }\n\n .detail-box {\n padding-top: 15px;\n border-top: 1px #CCD7E6 solid;\n .btn{\n float: right;\n margin-top:15px;\n display:none;\n }\n > div {\n display: block;\n font-size: var(--font-size-small);\n line-height: 1.2em;\n margin-right: 15px;\n margin-bottom: 5px;\n color: var(--theme-color-primary);\n\n &::before {\n position: relative;\n display: inline-block;\n font-family: 'Icons', sans-serif;\n font-size: 18px;\n line-height: 20px;\n margin-right: 5px;\n vertical-align: top;\n color: var(--theme-color-primary);\n }\n\n @media(max-width: 567px) {\n display: block;\n padding-left: 24px;\n position: relative;\n\n &:before {\n position: absolute;\n left: 0;\n }\n }\n\n &.date::before {\n @include icon-xsmall-kalender;\n }\n &.time::before {\n @include icon-xsmall-uhr;\n }\n &.location::before {\n @include icon-xsmall-pin;\n }\n &.interested-parties::before {\n @include icon-xsmall-liste;\n }\n &.price::before {\n @include icon-xsmall-euro;\n }\n &.status {\n &::before {\n @include icon-xsmall-offen;\n color: var(--theme-color-secondary-intensed);\n }\n\n &.interested-parties, &.waiting-list {\n &::before {\n @include icon-xsmall-liste;\n color: var(--theme-color-primary);\n }\n }\n\n &.reserved::before {\n @include icon-xsmall-geschlossen;\n color: var(--theme-color-error);\n }\n }\n }\n }\n &.widemode{\n\n @media screen and (min-width:992px){\n //border-radius: 4px;\n .blue-box{\n width:50%;\n padding: 100px 15px 20px 15px;\n .icon-box {\n font-size: 70px;\n top:20px;\n }\n .ev-title{\n font-size: 36px;\n line-height: 43.20px;\n }\n }\n .text-box{\n width:50%;\n padding: 20px;\n .detail-box {\n .btn{\n display:inline-block;\n }\n }\n .ev-desc{\n font-size:18px;\n }\n }\n }\n }\n}\n","@mixin h1 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h1);\n line-height: 1.1;\n font-weight: 400;\n margin: 0.6em -0.05em 0.5em;\n\n &:first-child {\n margin-top: -0.1em;\n }\n}\n\n@mixin h2 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h2);\n line-height: 1.2;\n font-weight: 400;\n margin: 1.4em -0.05em 0.6em;\n}\n\n@mixin h3 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h3);\n line-height: 1.2;\n font-weight: 400;\n margin: 1.4em -0.05em 0.6em;\n}\n\n@mixin h4 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h4);\n font-style: normal;\n font-weight: normal;\n line-height: 1.2;\n margin: 1.4em -0.05em 0.8em;\n}\n\n@mixin h5 {\n font-family: var(--font-korb);\n font-size: 22px;\n line-height: 1.2;\n font-weight: 400;\n margin: 1em 0 0.6em;\n\n @media(max-width: 1339px) {\n font-size: 20px;\n }\n @media(max-width: 767px) {\n font-size: 18px;\n }\n}\n\n@mixin h6 {\n font-size: inherit;\n line-height: 1.4;\n font-weight: 600;\n margin: 1.2em 0 0.5em;\n}\n\n@mixin kicker {\n display: block;\n font-size: 16px;\n //text-transform: uppercase;\n margin-bottom: 2px;\n letter-spacing: 0.3px;\n\n @media(max-width: 767px) {\n font-size: 14px;\n }\n\n + h1,\n + .like-h1 {\n margin-top: 0.1em;\n }\n\n + h2, + .like-h2,\n + h3, + .like-h3,\n + h4 + .like-h4, {\n margin-top: 0.2em;\n }\n}\n\n@mixin hide($delay: 0s) {\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n transition: opacity 0.4s ease $delay, visibility $delay ease 0.4s, transform 0.4s ease $delay;\n}\n\n@mixin show($delay: 0s) {\n opacity: 1;\n visibility: visible;\n pointer-events: all;\n transition: opacity 0.4s ease $delay, visibility 0s ease $delay, transform 0.4s ease $delay;\n}\n\n@mixin full-size {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n\n@mixin copyright {\n position: absolute;\n display: block;\n left: 100%;\n bottom: 0;\n font-size: 12px;\n text-align: left;\n line-height: 1.2;\n z-index: 2;\n transform-origin: 0 100%;\n transform: rotate(-90deg);\n transition: 0.3s ease;\n\n color: white;\n text-shadow: 0 0 3px rgba(black, 0.6), 0 0 8px rgba(black, 0.6);\n width: calc(66.6% + 7px);\n padding: 8px 18px;\n\n //color: var(--theme-color-white);\n //text-shadow: -2px 2px 0 #000;\n //padding: 2px 6px 2px 4px;\n //background: #012d59;\n //white-space: nowrap;\n //max-width: calc(66.6% + 7px);\n //overflow: hidden;\n //\n //@media(max-width: 767px) {\n // font-size: 10px;\n // max-width: 100%;\n //}\n}\n\n@mixin form-field {\n --input-height: 60px;\n position: relative;\n display: block;\n width: 100%;\n height: var(--input-height);\n background-color: var(--theme-color-white);\n border: 1px solid var(--theme-color-primary);\n border-radius: var(--border-radius-xs);\n padding: 10px 15px;\n font-family: 'Source Sans Pro', sans-serif;\n font-size: var(--font-size-copy);\n line-height: 1.4;\n transition: 0.3s ease;\n color: var(--theme-color-primary);\n\n &:focus {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n\n @media(max-width: 1199px) {\n --input-height: 50px;\n }\n @media(max-width: 767px) {\n --input-height: 44px;\n }\n}\n\n@mixin focus-visible($inset: false) {\n @if $inset {\n &.focus-visible:focus {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n &:focus-visible, &.-moz-focusring {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n }\n @else {\n &.focus-visible:focus {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n &:focus-visible, &.-moz-focusring {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n }\n}\n\n@mixin focus-standalone($inset: false) {\n @if $inset {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n @else {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n}\n\n@mixin word-wrap() {\n word-break: break-word;\n -webkit-hyphens: auto;\n -moz-hyphens: auto;\n hyphens: auto;\n}\n\n// ICONS\n@mixin icon-ankerlink { content: '\\e800'; }\n@mixin icon-barrierefreiheit { content: '\\e801'; }\n@mixin icon-chat { content: '\\e802'; }\n@mixin icon-check { content: '\\e803'; }\n@mixin icon-checkbox-liste-1 { content: '\\e804'; }\n@mixin icon-content-schloss { content: '\\e805'; }\n@mixin icon-content { content: '\\e807'; }\n@mixin icon-dauer { content: '\\e808'; }\n@mixin icon-download { content: '\\e809'; }\n@mixin icon-dropdown { content: '\\e80a'; }\n@mixin icon-drucker { content: '\\e80b'; }\n@mixin icon-email { content: '\\e80c'; }\n@mixin icon-fax { content: '\\e80d'; }\n@mixin icon-freie-plaetze { content: '\\e80e'; }\n@mixin icon-galerie { content: '\\e80f'; }\n@mixin icon-gebaerdensprache { content: '\\e810'; }\n@mixin icon-geschlossen { content: '\\e811'; }\n@mixin icon-ihk-wechseln { content: '\\e812'; }\n@mixin icon-info { content: '\\e813'; }\n@mixin icon-kalender { content: '\\e814'; }\n@mixin icon-kartenpin { content: '\\e815'; }\n@mixin icon-kontakt { content: '\\e816'; }\n@mixin icon-laden { content: '\\e817'; }\n@mixin icon-leichte-sprache { content: '\\e818'; }\n@mixin icon-link-external { content: '\\e819'; }\n@mixin icon-liste-schloss { content: '\\e81a'; }\n@mixin icon-liste-stern { content: '\\e81b'; }\n@mixin icon-liste { content: '\\e81c'; }\n@mixin icon-loeschen { content: '\\e81d'; }\n@mixin icon-login { content: '\\e81e'; }\n@mixin icon-minus { content: '\\e81f'; }\n@mixin icon-pdf { content: '\\e820'; }\n@mixin icon-pfeil-links { content: '\\e821'; }\n@mixin icon-pfeil-oben { content: '\\e822'; }\n@mixin icon-pfeil-rechts-schloss { content: '\\e823'; }\n@mixin icon-pfeil-rechts-stern { content: '\\e824'; }\n@mixin icon-pfeil-rechts { content: '\\e825'; }\n@mixin icon-pfeil-simple-rechts { content: '\\e826'; }\n@mixin icon-pfeil-unten { content: '\\e827'; }\n@mixin icon-plus { content: '\\e828'; }\n@mixin icon-preis { content: '\\e829'; }\n@mixin icon-referent { content: '\\e82a'; }\n@mixin icon-reset { content: '\\e82b'; }\n@mixin icon-sanduhr { content: '\\e82c'; }\n@mixin icon-schliessen { content: '\\e82d'; }\n@mixin icon-schloss { content: '\\e82e'; }\n@mixin icon-sprache { content: '\\e82f'; }\n@mixin icon-stern { content: '\\e830'; }\n@mixin icon-suche-adresse { content: '\\e831'; }\n@mixin icon-suche-archiv { content: '\\e832'; }\n@mixin icon-suche-az { content: '\\e833'; }\n@mixin icon-suche-chat { content: '\\e834'; }\n@mixin icon-suche-datei { content: '\\e835'; }\n@mixin icon-suche-firma { content: '\\e836'; }\n@mixin icon-suche-magazin { content: '\\e837'; }\n@mixin icon-suche-mail { content: '\\e838'; }\n@mixin icon-suche-person { content: '\\e839'; }\n@mixin icon-suche-schloss { content: '\\e83a'; }\n@mixin icon-suche-veranstaltung { content: '\\e83b'; }\n@mixin icon-suche { content: '\\e83c'; }\n@mixin icon-teilnehmer-add { content: '\\e83d'; }\n@mixin icon-telefon { content: '\\e83e'; }\n@mixin icon-vcard { content: '\\e83f'; }\n@mixin icon-small-arrow-right-simple { content: '\\e840'; }\n@mixin icon-small-barrierefreiheit { content: '\\e841'; }\n@mixin icon-small-download { content: '\\e842'; }\n@mixin icon-small-gebaerdensprache { content: '\\e843'; }\n@mixin icon-small-kontakt { content: '\\e844'; }\n@mixin icon-small-leichte-sprache { content: '\\e845'; }\n@mixin icon-small-link-external { content: '\\e846'; }\n@mixin icon-small-login { content: '\\e847'; }\n@mixin icon-small-pfeil-rechts { content: '\\e848'; }\n@mixin icon-small-sprache { content: '\\e849'; }\n@mixin icon-small-schloss { content: '\\e84a'; }\n@mixin icon-small-stern { content: '\\e84b'; }\n@mixin icon-teilen { content: '\\e84c'; }\n@mixin icon-social-telegram { content: '\\e84d'; }\n@mixin icon-social-threema { content: '\\e84e'; }\n@mixin icon-social-whatsapp { content: '\\e84f'; }\n@mixin icon-suche-big { content: '\\e850'; }\n@mixin icon-xsmall-pin { content: '\\e851'; }\n@mixin icon-check-1 { content: '\\e852'; }\n@mixin icon-xsmall-euro { content: '\\e853'; }\n@mixin icon-xsmall-geschlossen { content: '\\e854'; }\n@mixin icon-xsmall-kalender { content: '\\e855'; }\n@mixin icon-xsmall-liste { content: '\\e856'; }\n@mixin icon-xsmall-offen { content: '\\e857'; }\n@mixin icon-xsmall-uhr { content: '\\e858'; }\n@mixin icon-social-facebook { content: '\\e859'; }\n@mixin icon-liste-1 { content: '\\e85a'; }\n@mixin icon-social-linkedin { content: '\\e85b'; }\n@mixin icon-social-pinterest { content: '\\e85c'; }\n@mixin icon-social_x { content: '\\e85d'; }\n@mixin icon-social-xing { content: '\\e85e'; }\n@mixin icon-zoom { content: '\\e85f'; }\n@mixin icon-social-youtube { content: '\\e860'; }\n@mixin icon-social-instagram { content: '\\e861'; }\n@mixin icon-faq { content: '\\e869'; }\n@mixin icon-checkbox-liste { content: '\\e86a'; }\n@mixin icon-content-stern { content: '\\e86b'; }\n@mixin icon-small-election-group { content: '\\e86c'; }\n@mixin icon-small-icon-election-location { content: '\\e86e'; }\n@mixin icon-userlike { content: '\\e8c6'; }\n@mixin icon-userlike-chat { content: '\\e8c7'; }\n@mixin icon-magazine { content: '\\e8c8'; }\n@mixin icon-lokalisierung { content: '\\e8c9'; }\n@mixin icon-login-flyout { content: '\\e8ca'; }\n@mixin icon-login-header { content: '\\e8cb'; }\n@mixin icon-social-twitter { content: '\\e85d'; }\n@mixin icon-play { content: '\\e86d'; }\n@mixin icon-pause { content: '\\e806'; }\n@mixin icon-volume-mute { content: '\\e862'; }\n@mixin icon-volume-on { content: '\\e86f'; }\n@mixin icon-ankerlink-right { content: '\\e873'; }\n\n// PICTOGRAMS\n@mixin pictogram-achtung { content: '\\e800'; }\n@mixin pictogram-achtung-strom { content: '\\e801'; }\n@mixin pictogram-aeskulapstab { content: '\\e802'; }\n@mixin pictogram-anker { content: '\\e803'; }\n@mixin pictogram-anstossen { content: '\\e804'; }\n@mixin pictogram-arbeitsplatz { content: '\\e805'; }\n@mixin pictogram-auktionshammer { content: '\\e806'; }\n@mixin pictogram-batterie { content: '\\e807'; }\n@mixin pictogram-ausruf { content: '\\e808'; }\n@mixin pictogram-bauhelm { content: '\\e809'; }\n@mixin pictogram-benefit-vorteil-geschenk { content: '\\e80a'; }\n@mixin pictogram-bett { content: '\\e80b'; }\n@mixin pictogram-blatt { content: '\\e80c'; }\n@mixin pictogram-blume { content: '\\e80d'; }\n@mixin pictogram-blume-b { content: '\\e80e'; }\n@mixin pictogram-brief { content: '\\e80f'; }\n@mixin pictogram-brille-auf-buch { content: '\\e810'; }\n@mixin pictogram-bueroklammer { content: '\\e811'; }\n@mixin pictogram-bus { content: '\\e812'; }\n@mixin pictogram-container { content: '\\e813'; }\n@mixin pictogram-containerschiff { content: '\\e815'; }\n@mixin pictogram-daumen-hoch-a { content: '\\e816'; }\n@mixin pictogram-daumen-hoch-c { content: '\\e817'; }\n@mixin pictogram-daumen-hoch-b { content: '\\e818'; }\n@mixin pictogram-diagramm-mit-text { content: '\\e819'; }\n@mixin pictogram-diagramm-torte { content: '\\e81a'; }\n@mixin pictogram-diagramm-verlust { content: '\\e81b'; }\n@mixin pictogram-diagramm-wachstum { content: '\\e81c'; }\n@mixin pictogram-diagramm { content: '\\e81d'; }\n@mixin pictogram-co2 { content: '\\e814'; }\n@mixin pictogram-dokument-a { content: '\\e81e'; }\n@mixin pictogram-dokument-b { content: '\\e81f'; }\n@mixin pictogram-dokument-c { content: '\\e820'; }\n@mixin pictogram-e-auto { content: '\\e821'; }\n@mixin pictogram-e-learning { content: '\\e822'; }\n@mixin pictogram-einkaufstasche-mit-eurozeichen { content: '\\e824'; }\n@mixin pictogram-einkaufstasche { content: '\\e825'; }\n@mixin pictogram-einkaufswagen { content: '\\e826'; }\n@mixin pictogram-eu-emblem-brexit { content: '\\e827'; }\n@mixin pictogram-eu-emblem { content: '\\e828'; }\n@mixin pictogram-eule { content: '\\e829'; }\n@mixin pictogram-fabrik { content: '\\e82a'; }\n@mixin pictogram-fahne-horizontal-gestreift { content: '\\e82b'; }\n@mixin pictogram-fahne-kreuz { content: '\\e82c'; }\n@mixin pictogram-fahne-neutral { content: '\\e82d'; }\n@mixin pictogram-fahne-vertikal-gestreift { content: '\\e82e'; }\n@mixin pictogram-fahrrad-jobrad-dienstfahrrad { content: '\\e82f'; }\n@mixin pictogram-fahrrad-sportlich { content: '\\e830'; }\n@mixin pictogram-fahrrad { content: '\\e831'; }\n@mixin pictogram-faq-a { content: '\\e832'; }\n@mixin pictogram-faq-b { content: '\\e833'; }\n@mixin pictogram-fernglas { content: '\\e834'; }\n@mixin pictogram-fisch-frisst-fisch { content: '\\e835'; }\n@mixin pictogram-flugzeug { content: '\\e836'; }\n@mixin pictogram-frage { content: '\\e837'; }\n@mixin pictogram-fragezeichen { content: '\\e838'; }\n@mixin pictogram-geld-zuschuss-foerderung { content: '\\e839'; }\n@mixin pictogram-geldsack { content: '\\e83a'; }\n@mixin pictogram-freiheitsstatue { content: '\\e83b'; }\n@mixin pictogram-gruppe-gespraech { content: '\\e83c'; }\n@mixin pictogram-gruppe-idee { content: '\\e83d'; }\n@mixin pictogram-globus { content: '\\e83e'; }\n@mixin pictogram-gutschein-zuschuss-benefit { content: '\\e83f'; }\n@mixin pictogram-hand-a { content: '\\e840'; }\n@mixin pictogram-hand-b { content: '\\e841'; }\n@mixin pictogram-hand-c { content: '\\e842'; }\n@mixin pictogram-hand-geben { content: '\\e843'; }\n@mixin pictogram-hand-mit-werkzeug { content: '\\e844'; }\n@mixin pictogram-hand-gespreizt { content: '\\e845'; }\n@mixin pictogram-hand-zeigen-b { content: '\\e846'; }\n@mixin pictogram-hand-zeigen-a { content: '\\e847'; }\n@mixin pictogram-hand-zeigen-c { content: '\\e848'; }\n@mixin pictogram-handschlag-a { content: '\\e849'; }\n@mixin pictogram-handschlag-b { content: '\\e84a'; }\n@mixin pictogram-handschlag-c { content: '\\e84b'; }\n@mixin pictogram-heft { content: '\\e84c'; }\n@mixin pictogram-idee { content: '\\e84d'; }\n@mixin pictogram-ihk-chemnitz-a { content: '\\e84e'; }\n@mixin pictogram-ihk-chemnitz-b { content: '\\e84f'; }\n@mixin pictogram-ihk-chemnitz-c { content: '\\e850'; }\n@mixin pictogram-ihk-giessen-friedberg { content: '\\e851'; }\n@mixin pictogram-ihk-hagen { content: '\\e852'; }\n@mixin pictogram-ihk-heilbronn-franken { content: '\\e853'; }\n@mixin pictogram-ihk-köln { content: '\\e854'; }\n@mixin pictogram-ihk-rhein-neckar { content: '\\e855'; }\n@mixin pictogram-ihk-stuttgart { content: '\\e856'; }\n@mixin pictogram-ihk-wahl { content: '\\e857'; }\n@mixin pictogram-information { content: '\\e858'; }\n@mixin pictogram-kalender { content: '\\e859'; }\n@mixin pictogram-karte { content: '\\e85a'; }\n@mixin pictogram-koepfe-mit-sprechblase { content: '\\e85b'; }\n@mixin pictogram-kerze { content: '\\e85c'; }\n@mixin pictogram-kopf-mit-formel { content: '\\e85d'; }\n@mixin pictogram-kran { content: '\\e85e'; }\n@mixin pictogram-kuchen { content: '\\e85f'; }\n@mixin pictogram-labyrinth { content: '\\e860'; }\n@mixin pictogram-lkw { content: '\\e861'; }\n@mixin pictogram-maske { content: '\\e862'; }\n@mixin pictogram-megaphon { content: '\\e863'; }\n@mixin pictogram-mikrofon { content: '\\e864'; }\n@mixin pictogram-paket-mit-euro { content: '\\e865'; }\n@mixin pictogram-paket { content: '\\e866'; }\n@mixin pictogram-paragraph { content: '\\e867'; }\n@mixin pictogram-persoenliche_entwicklung { content: '\\e868'; }\n@mixin pictogram-person-an-tafel-a { content: '\\e869'; }\n@mixin pictogram-person-an-tafel-b { content: '\\e86a'; }\n@mixin pictogram-person-auf-schild { content: '\\e86b'; }\n@mixin pictogram-person-mit-brille-a { content: '\\e86c'; }\n@mixin pictogram-person-mit-brille-b { content: '\\e86d'; }\n@mixin pictogram-person-mit-buch { content: '\\e86e'; }\n@mixin pictogram-person-mit-doktorhut-a { content: '\\e86f'; }\n@mixin pictogram-person-mit-doktorhut-b { content: '\\e870'; }\n@mixin pictogram-person-mit-headset { content: '\\e871'; }\n@mixin pictogram-person-mit-uniform-a { content: '\\e872'; }\n@mixin pictogram-person-mit-uniform-b { content: '\\e873'; }\n@mixin pictogram-person { content: '\\e874'; }\n@mixin pictogram-personen-mit-brieftasche { content: '\\e875'; }\n@mixin pictogram-personen-mit-doktorhut { content: '\\e876'; }\n@mixin pictogram-personen-suche-a { content: '\\e877'; }\n@mixin pictogram-personen-suche-b { content: '\\e878'; }\n@mixin pictogram-pusteblume { content: '\\e879'; }\n@mixin pictogram-rakete-a { content: '\\e87a'; }\n@mixin pictogram-rakete-b { content: '\\e87b'; }\n@mixin pictogram-rednerpult { content: '\\e87c'; }\n@mixin pictogram-rettungsring { content: '\\e87d'; }\n@mixin pictogram-roboter { content: '\\e87e'; }\n@mixin pictogram-s-bahn { content: '\\e87f'; }\n@mixin pictogram-smilie { content: '\\e880'; }\n@mixin pictogram-social-facebook { content: '\\e881'; }\n@mixin pictogram-social-instagram { content: '\\e882'; }\n@mixin pictogram-social-linkedin { content: '\\e883'; }\n@mixin pictogram-social-twitter { content: '\\e884'; }\n@mixin pictogram-social-youtube { content: '\\e885'; }\n@mixin pictogram-solidaritaetsschleife { content: '\\e886'; }\n@mixin pictogram-stadt { content: '\\e887'; }\n@mixin pictogram-standort { content: '\\e888'; }\n@mixin pictogram-stern { content: '\\e889'; }\n@mixin pictogram-steuerung { content: '\\e88a'; }\n@mixin pictogram-stoppuhr { content: '\\e88b'; }\n@mixin pictogram-strommast { content: '\\e88c'; }\n@mixin pictogram-system-prozess { content: '\\e88d'; }\n@mixin pictogram-teamwork-team-zusammenarbeit { content: '\\e88e'; }\n@mixin pictogram-teller-besteck { content: '\\e88f'; }\n@mixin pictogram-treppe { content: '\\e890'; }\n@mixin pictogram-tropfen-a { content: '\\e891'; }\n@mixin pictogram-tropfen-b { content: '\\e892'; }\n@mixin pictogram-tulpe { content: '\\e893'; }\n@mixin pictogram-veranstaltung-intern-beruf { content: '\\e894'; }\n@mixin pictogram-veranstaltung-intern-feier { content: '\\e895'; }\n@mixin pictogram-videocall-a { content: '\\e896'; }\n@mixin pictogram-videocall-b { content: '\\e897'; }\n@mixin pictogram-videos { content: '\\e898'; }\n@mixin pictogram-virus { content: '\\e899'; }\n@mixin pictogram-waage { content: '\\e89a'; }\n@mixin pictogram-wegweiser-a { content: '\\e89b'; }\n@mixin pictogram-wegweiser-b { content: '\\e89c'; }\n@mixin pictogram-weltkugel-mit-flamme { content: '\\e89d'; }\n@mixin pictogram-weltkugel-mit-koffer { content: '\\e89e'; }\n@mixin pictogram-weltkugel { content: '\\e89f'; }\n@mixin pictogram-werkzeug { content: '\\e8a0'; }\n@mixin pictogram-windrad-a { content: '\\e8a1'; }\n@mixin pictogram-windrad-b { content: '\\e8a2'; }\n@mixin pictogram-wolke-mit-herz-und-sonne { content: '\\e8a3'; }\n@mixin pictogram-zeitung { content: '\\e8a4'; }\n\n@mixin icon-fa-play-circled2 { content: '\\e800'; }\n@mixin icon-fa-play { content: '\\e801'; }\n@mixin icon-fa-basket { content: '\\e843'; }\n@mixin icon-fa-play-circled { content: '\\f144'; }\n@mixin icon-fa-cart-plus { content: '\\f217'; }\n@mixin icon-fa-cart-arrow-down { content: '\\f218'; }\n\n@mixin icon-galerie-small { content: '\\e870'; }\n@mixin icon-interaction-small { content: '\\e871'; }\n@mixin icon-video-small { content: '\\e872'; }\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]); \ No newline at end of file diff --git a/gfi-ihk-2024/storybook-static/2652.3924369c.iframe.bundle.js b/gfi-ihk-2024/storybook-static/2652.3924369c.iframe.bundle.js new file mode 100644 index 0000000..0528db4 --- /dev/null +++ b/gfi-ihk-2024/storybook-static/2652.3924369c.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[2652],{"./stories/sections/event-teaser-large-slider/EventTeaserLargeSliderComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{n:()=>createETLSlider});__webpack_require__("./node_modules/core-js/modules/es.array.map.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"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.string.link.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.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.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.test.js"),__webpack_require__("./node_modules/core-js/modules/es.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),eventteaserlargeslider=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/event-teaser-large-slider/eventteaserlargeslider.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(eventteaserlargeslider.Z,options);eventteaserlargeslider.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),jquery=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery_default=__webpack_require__.n(jquery),ButtonComponent=__webpack_require__("./stories/atoms/button/ButtonComponent.js"),slider=(__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.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./node_modules/jquery.easing/jquery.easing.js"),__webpack_require__("./stories/sections/slider/slider.js"));function _defineProperties(target,props){for(var i=0;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i0&&(0,helpers.az)("h1",[],headline,hcontainer);var sliderComponent=(0,helpers.az)("div",["eventteaserlargeslider"],null,container);return slides.map((function(slideData,index){var slide=(0,helpers.az)("div",["slide"],null,sliderComponent),outer=(0,helpers.az)("outer",["outer"],null,slide),a=(0,helpers.az)("a",["event-teaser-large"],null,outer);widemode&&a.classList.add("widemode");var blueBox=(0,helpers.az)("div",["blue-box"],null,a),imgCon=(0,helpers.az)("div",["img-con"],null,blueBox),textBox=(0,helpers.az)("div",["text-box","date-wrapper"],null,a);(0,helpers.az)("div",["icon-box","pictogram-"+slideData.icon.toLowerCase().split(" ").join("-")],null,blueBox),(0,helpers.az)("p",["ev-title"],slideData.title,blueBox),(0,helpers.az)("p",["ev-cat"],slideData.category,blueBox),(0,helpers.az)("p",["ev-desc"],slideData.desc,textBox);var detailBox=(0,helpers.az)("div",["detail-box"],null,textBox);if(slideData.details)for(var _i=0,_Object$entries=Object.entries(slideData.details);_i<_Object$entries.length;_i++){var _ref3=_slicedToArray(_Object$entries[_i],2),key=_ref3[0],value=_ref3[1];"string"==typeof value?(0,helpers.az)("div",[key],value,detailBox):"object"==typeof value&&(0,helpers.az)("div",[key,value.type],value.label,detailBox)}moreCta&&detailBox.appendChild((0,ButtonComponent.a)({elementType:"span",label:moreCta.label,color:"primary",size:"small",preventClick:!1})),slideData.bgimage&&slideData.bgimage.length>0&&(imgCon.style="background-image: url("+slideData.bgimage+");",blueBox.classList.add("background-image")),a.href=slideData.link})),new sections_event_teaser_large_slider_eventteaserlargeslider(jquery_default()(section)),section}},"./stories/sections/event-teaser-large-slider/EventTeaserLargeSliderData.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Zr:()=>sliderData,hx:()=>sliderImageData});var EventTeaserLargeTitles=["Vertiefungsseminar zur Existenzgründung","Erfolgreiche Unternehmensgründung: Strategien und Fallstudien","Nachhaltige Firmenübergabe","Social Media Manager/-in (IHK) - Webinar"],EventTeaserLargeStatus=[{type:"reserved",label:"Anmeldefrist abgelaufen"},{type:"waiting-list",label:"Warteliste"},{type:"open",label:"Freie Plätze vorhanden"}],sliderData=[{date:{weekday:"Mo.",day:"20",month:"Sep. 2022"},title:EventTeaserLargeTitles[Math.floor(Math.random()*EventTeaserLargeTitles.length)],desc:"Entfesseln Sie das volle Potenzial der generativen KI und beherrschen Sie die Kunst des Prompt-Engineerings!",link:"#",details:{date:"20.09.2024",status:EventTeaserLargeStatus[Math.floor(Math.random()*EventTeaserLargeStatus.length)]},icon:"Roboter",category:"Gründung und Nachfolge",bgimage:null},{date:{weekday:"Mo.",day:"20",month:"Sep. 2022"},title:EventTeaserLargeTitles[Math.floor(Math.random()*EventTeaserLargeTitles.length)],desc:"Entfesseln Sie das volle Potenzial der generativen KI und beherrschen Sie die Kunst des Prompt-Engineerings!",link:"#",details:{date:"20.09.2024",status:EventTeaserLargeStatus[Math.floor(Math.random()*EventTeaserLargeStatus.length)]},icon:"Roboter",category:"Innovation und Umwelt",bgimage:null},{date:{weekday:"Mo.",day:"20",month:"Sep. 2022"},title:EventTeaserLargeTitles[Math.floor(Math.random()*EventTeaserLargeTitles.length)],desc:"Entfesseln Sie das volle Potenzial der generativen KI und beherrschen Sie die Kunst des Prompt-Engineerings!",link:"#",details:{date:"20.09.2024",status:EventTeaserLargeStatus[Math.floor(Math.random()*EventTeaserLargeStatus.length)]},icon:"Roboter",category:"Aus- und Weiterbildung",bgimage:"./dummy/placeholder-4-3.svg"}],sliderImageData=[{date:{weekday:"Mo.",day:"20",month:"Sep. 2022"},title:EventTeaserLargeTitles[Math.floor(Math.random()*EventTeaserLargeTitles.length)],desc:"Entfesseln Sie das volle Potenzial der generativen KI und beherrschen Sie die Kunst des Prompt-Engineerings!",link:"#",details:{date:"20.09.2024",status:EventTeaserLargeStatus[Math.floor(Math.random()*EventTeaserLargeStatus.length)]},icon:"Roboter",category:"Aus- und Weiterbildung",bgimage:"./dummy/placeholder-4-3.svg"},{date:{weekday:"Mo.",day:"20",month:"Sep. 2022"},title:EventTeaserLargeTitles[Math.floor(Math.random()*EventTeaserLargeTitles.length)],desc:"Entfesseln Sie das volle Potenzial der generativen KI und beherrschen Sie die Kunst des Prompt-Engineerings!",link:"#",details:{date:"20.09.2024",status:EventTeaserLargeStatus[Math.floor(Math.random()*EventTeaserLargeStatus.length)]},icon:"Roboter",category:"Gründung und Nachfolge",bgimage:"./dummy/placeholder-4-3.svg"},{date:{weekday:"Mo.",day:"20",month:"Sep. 2022"},title:EventTeaserLargeTitles[Math.floor(Math.random()*EventTeaserLargeTitles.length)],desc:"Entfesseln Sie das volle Potenzial der generativen KI und beherrschen Sie die Kunst des Prompt-Engineerings!",link:"#",details:{date:"20.09.2024",status:EventTeaserLargeStatus[Math.floor(Math.random()*EventTeaserLargeStatus.length)]},icon:"Roboter",category:"Innovation und Umwelt",bgimage:"./dummy/placeholder-4-3.svg"}]},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/event-teaser-large-slider/eventteaserlargeslider.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,'.event-teaser-large{background-color:#fff;border-radius:16px;overflow:hidden;display:flex;transition:.3s ease;width:100%;text-decoration:none;min-height:400px;flex-wrap:wrap;position:relative}.event-teaser-large:not(.widemode){flex-wrap:wrap;align-content:baseline;flex-flow:column;justify-content:flex-start;background-color:var(--theme-grey-light)}.event-teaser-large:not(.widemode) .blue-box{height:250px}.event-teaser-large:not(.widemode) .text-box{height:calc(100% - 250px)}.event-teaser-large.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}.event-teaser-large:focus-visible,.event-teaser-large.-moz-focusring{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.event-teaser-large:hover{color:var(--theme-color-secondary-intensed)}.event-teaser-large:hover .blue-box{background-color:var(--theme-color-secondary-intensed)}.event-teaser-large .blue-box{display:flex;justify-content:flex-end;color:var(--theme-color-white);margin-right:18px;font-family:"Korb",sans-serif;min-height:80px;font-size:14px;line-height:1;padding:70px 15px 15px 15px;min-width:80px;transition:.2s ease;position:relative;flex-flow:column;align-items:baseline;width:100%;margin-right:0;min-height:250px;position:relative}.event-teaser-large .blue-box:not(.background-image){background:linear-gradient(135deg, #036 45.14%, #368484 100%),#d9d9d9}.event-teaser-large .blue-box .img-con{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,51,102,.54);background-size:cover;background-position:50% 50%;z-index:0}.event-teaser-large .blue-box.background-image .img-con:before{content:"";background:linear-gradient(0deg, rgba(0, 51, 102, 0.33) 0%, rgba(0, 51, 102, 0.33) 100%),linear-gradient(180deg, rgba(0, 32, 65, 0) 0%, rgba(0, 32, 65, 0.6) 100%);position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.event-teaser-large .blue-box .icon-box{font-family:"Pictograms",sans-serif;font-size:48px;line-height:1;color:var(--theme-color-white);position:absolute;top:15px;left:15px}.event-teaser-large .blue-box .ev-title{font-weight:400;text-decoration:underline;line-height:normal;font-size:28px;position:relative}.event-teaser-large .blue-box .ev-cat{color:var(--theme-color-primary);font-size:16px;font-family:Source Sans Pro;font-weight:400;line-height:16px;letter-spacing:.32px;background-color:#fff;border-radius:8px;display:inline-block;padding:5px 7px;position:relative}.event-teaser-large .blue-box span{white-space:nowrap}.event-teaser-large .blue-box span:nth-child(2){font-size:36px;margin-left:-2px}.event-teaser-large .blue-box.no-date{align-items:flex-start}.event-teaser-large .blue-box.no-date:before{content:"";font-family:"Icons",sans-serif;font-size:var(--icon-size);line-height:1;margin-bottom:4px;margin-top:5px}.event-teaser-large .blue-box.no-date *{display:none}.event-teaser-large .text-box{padding:15px;background-color:var(--theme-grey-light);width:100%;display:flex;justify-content:space-between;flex-flow:column}@media(max-width: 767px){.event-teaser-large .text-box{font-size:var(--font-size-small)}}.event-teaser-large .text-box .ev-desc{line-height:27px;letter-spacing:.18px;font-size:18px;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.event-teaser-large p{margin:0}.event-teaser-large p:not(:last-child){margin:2px 0 .3em}.event-teaser-large .detail-box{padding-top:15px;border-top:1px #ccd7e6 solid}.event-teaser-large .detail-box .btn{float:right;margin-top:15px;display:none}.event-teaser-large .detail-box>div{display:block;font-size:var(--font-size-small);line-height:1.2em;margin-right:15px;margin-bottom:5px;color:var(--theme-color-primary)}.event-teaser-large .detail-box>div::before{position:relative;display:inline-block;font-family:"Icons",sans-serif;font-size:18px;line-height:20px;margin-right:5px;vertical-align:top;color:var(--theme-color-primary)}@media(max-width: 567px){.event-teaser-large .detail-box>div{display:block;padding-left:24px;position:relative}.event-teaser-large .detail-box>div:before{position:absolute;left:0}}.event-teaser-large .detail-box>div.date::before{content:""}.event-teaser-large .detail-box>div.time::before{content:""}.event-teaser-large .detail-box>div.location::before{content:""}.event-teaser-large .detail-box>div.interested-parties::before{content:""}.event-teaser-large .detail-box>div.price::before{content:""}.event-teaser-large .detail-box>div.status::before{content:"";color:var(--theme-color-secondary-intensed)}.event-teaser-large .detail-box>div.status.interested-parties::before,.event-teaser-large .detail-box>div.status.waiting-list::before{content:"";color:var(--theme-color-primary)}.event-teaser-large .detail-box>div.status.reserved::before{content:"";color:var(--theme-color-error)}@media screen and (min-width: 992px){.event-teaser-large.widemode .blue-box{width:50%;padding:100px 15px 20px 15px}.event-teaser-large.widemode .blue-box .icon-box{font-size:70px;top:20px}.event-teaser-large.widemode .blue-box .ev-title{font-size:36px;line-height:43.2px}.event-teaser-large.widemode .text-box{width:50%;padding:20px}.event-teaser-large.widemode .text-box .detail-box .btn{display:inline-block}.event-teaser-large.widemode .text-box .ev-desc{font-size:18px}}.event-teaser-large .teaser--link{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10}@media(min-width: 400px){.right-open-container{width:calc(var(--container-width)/2 + 50vw - 8px);margin-left:auto;margin-right:0;padding-right:0}}.eventteaserlargeslider{opacity:0;transition:opacity .4s linear}.eventteaserlargeslider.initiated{opacity:1}@media(min-width: 1471px){.eventteaserlargeslider .slider-tabs{width:calc(var(--container-width) - 2*var(--container-padding));left:0 !important;transform:none !important}}.eventteaserlargeslider.single-slide .controls{display:none}.eventteaserlargeslider .slide-overflow{overflow:hidden;transition:height .6s cubic-bezier(0.215, 0.61, 0.355, 1)}.eventteaserlargeslider img.loading{opacity:0}.eventteaserlargeslider img.loaded{transition:.3s ease;opacity:1}.eventteaserlargeslider .slide-wrapper{position:relative;display:flex;align-items:flex-start;width:80000px;contain:layout;margin:0 calc(var(--col-padding)*-1)}@media(max-width: 999px){.eventteaserlargeslider .slide-wrapper{width:34500px}}@media(max-width: 399px){.eventteaserlargeslider .slide-wrapper{width:10000%;margin:0}}.eventteaserlargeslider .slide-wrapper.no-transition{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.eventteaserlargeslider .slide-wrapper.no-transition .image-box:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.eventteaserlargeslider .slide-wrapper img,.eventteaserlargeslider .slide-wrapper a{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none}.eventteaserlargeslider .slide{position:relative;width:1%;max-width:1%;min-width:1%;min-height:400px;padding:var(--col-padding)}@media(min-width: 400px){.eventteaserlargeslider .slide{padding:var(--col-padding)}}.eventteaserlargeslider .prev-clone,.eventteaserlargeslider .next-clone{position:absolute;display:flex;width:100%}.eventteaserlargeslider .prev-clone{position:absolute;right:100%;justify-content:flex-end}.rotationslider{margin-bottom:calc(var(--section-margin) + 2rem) !important;overflow:hidden;padding-top:var(--section-margin);margin-top:0}.rotationslider h1{max-width:50%;display:inline-block}.rotationslider .eventteaserlargeslider{margin-bottom:2rem;position:relative;display:block}.rotationslider .eventteaserlargeslider button{border:0;background-color:rgba(0,0,0,0);padding:0;cursor:pointer}.rotationslider .eventteaserlargeslider .slider-tabs,.rotationslider .eventteaserlargeslider .tabs{position:absolute;bottom:-2rem;left:50%;right:0;padding:0;list-style:none;transform:translate(-50%, 0);text-align:center;font-size:0;line-height:0;margin:0}.rotationslider .eventteaserlargeslider .slider-tabs li,.rotationslider .eventteaserlargeslider .tabs li{display:inline-block;vertical-align:top}.rotationslider .eventteaserlargeslider .slider-tabs li.active button:before,.rotationslider .eventteaserlargeslider .tabs li.active button:before{background-color:var(--theme-color-primary)}.rotationslider .eventteaserlargeslider .slider-tabs .btn,.rotationslider .eventteaserlargeslider .tabs .btn{--button-min-size: 24px;font-size:0;line-height:0;display:flex;align-items:center;justify-content:center}.rotationslider .eventteaserlargeslider .slider-tabs .btn::before,.rotationslider .eventteaserlargeslider .tabs .btn::before{content:"";position:relative;display:block;width:15px;height:15px;background-color:var(--theme-color-primary-dimmed-04);border-radius:15px;transition:.2s ease}.rotationslider .eventteaserlargeslider .slider-tabs .btn::after,.rotationslider .eventteaserlargeslider .tabs .btn::after{display:none}.rotationslider .eventteaserlargeslider .slider-tabs .btn:hover,.rotationslider .eventteaserlargeslider .tabs .btn:hover{background-color:rgba(0,0,0,0)}.rotationslider .eventteaserlargeslider .slider-tabs .btn:hover::before,.rotationslider .eventteaserlargeslider .tabs .btn:hover::before{background-color:var(--theme-color-primary)}.rotationslider .eventteaserlargeslider .prev,.rotationslider .eventteaserlargeslider .next{position:absolute;top:-94px;width:60px;height:60px;text-align:center;line-height:60px;left:calc(var(--container-width) - 2*var(--container-padding) - 60px);color:var(--theme-color-primary);right:auto;border-radius:24px;background:var(--theme-color-primary-dimmed-04);--button-hover-shadow-opacity: 0.4;--button-hover-shadow-size: 6px }@media(max-width: 1470px){.rotationslider .eventteaserlargeslider .prev,.rotationslider .eventteaserlargeslider .next{left:auto;right:var(--container-padding)}}@media(max-width: 1339px){.rotationslider .eventteaserlargeslider .prev,.rotationslider .eventteaserlargeslider .next{top:-90px}}@media(max-width: 399px){.rotationslider .eventteaserlargeslider .prev,.rotationslider .eventteaserlargeslider .next{right:0px;top:-80px}}.rotationslider .eventteaserlargeslider .prev:before,.rotationslider .eventteaserlargeslider .next:before{content:"";font-family:"Icons",sans-serif;font-size:30px;content:""}.rotationslider .eventteaserlargeslider .prev:after,.rotationslider .eventteaserlargeslider .next:after{content:"";position:absolute;display:block;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius-lg);box-shadow:0 0 0 2px var(--theme-color-primary-dimmed-04);opacity:0;transition:.3s ease}.rotationslider .eventteaserlargeslider .prev:hover:after,.rotationslider .eventteaserlargeslider .next:hover:after{opacity:.4;box-shadow:0 0 0 6px var(--theme-color-primary-dimmed-04)}.rotationslider .eventteaserlargeslider .prev{left:calc(var(--container-width) - 2*var(--container-padding) - 140px);transform:rotate(180deg)}@media(max-width: 1470px){.rotationslider .eventteaserlargeslider .prev{left:auto;right:calc(var(--container-padding) + 70px)}}@media(max-width: 399px){.rotationslider .eventteaserlargeslider .prev{right:70px}}.rotationslider .eventteaserlargeslider .count{display:none}.rotationslider .eventteaserlargeslider h2,.rotationslider .eventteaserlargeslider .like-h2{margin-top:.3em;margin-bottom:.4em}',"",{version:3,sources:["webpack://./stories/sections/event-teaser-large-slider/eventteaserlargeslider.scss","webpack://./stories/components/event-teaser-large/event-teaser-large.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAAA,oBCGA,qBACE,CAAA,kBACA,CAAA,eACA,CAAA,YACA,CAAA,mBACA,CAAA,UACA,CAAA,oBACA,CAAA,gBACA,CAAA,cACA,CAAA,iBACA,CAAA,mCACA,cACE,CAAA,sBACA,CAAA,gBACA,CAAA,0BACA,CAAA,wCACA,CAAA,6CACA,YACE,CAAA,6CAEF,yBACE,CAAA,wCCyJF,4GACE,CAAA,SACA,CAAA,qEAEF,4GACE,CAAA,SACA,CAAA,0BD1JJ,2CACE,CAAA,oCAEA,sDACE,CAAA,8BAKJ,YACE,CAAA,wBAEA,CAAA,8BACA,CAAA,iBACA,CAAA,6BACA,CAAA,eACA,CAAA,cACA,CAAA,aACA,CAAA,2BACA,CAAA,cACA,CAAA,mBACA,CAAA,iBACA,CAAA,gBACA,CAAA,oBACA,CAAA,UACA,CAAA,cACA,CAAA,gBACA,CAAA,iBACA,CAAA,qDACA,qEACE,CAAA,uCAEF,iBACE,CAAA,KACA,CAAA,MACA,CAAA,OACA,CAAA,QACA,CAAA,mCACA,CAAA,qBACA,CAAA,2BACA,CAAA,SACA,CAAA,+DAGA,UACE,CAAA,kKACA,CAAA,iBACA,CAAA,KACA,CAAA,MACA,CAAA,OACA,CAAA,QACA,CAAA,SACA,CAAA,wCAGJ,mCACE,CAAA,cACA,CAAA,aACA,CAAA,8BACA,CAAA,iBACA,CAAA,QACA,CAAA,SACA,CAAA,wCAEF,eACE,CAAA,yBACA,CAAA,kBACA,CAAA,cACA,CAAA,iBACA,CAAA,sCAEF,gCACE,CAAA,cACA,CAAA,2BACA,CAAA,eACA,CAAA,gBACA,CAAA,oBACA,CAAA,qBACA,CAAA,iBACA,CAAA,oBACA,CAAA,eACA,CAAA,iBACA,CAAA,mCAEF,kBACE,CAAA,gDAGF,cACE,CAAA,gBACA,CAAA,sCAGF,sBACE,CAAA,6CAEA,WC6HgB,CAAA,8BD3Hd,CAAA,0BACA,CAAA,aACA,CAAA,iBACA,CAAA,cACA,CAAA,wCAGF,YACE,CAAA,8BAKN,YAEE,CAAA,wCAEA,CAAA,UACA,CAAA,YACA,CAAA,6BACA,CAAA,gBACA,CAAA,yBACA,8BATF,gCAUI,CAAA,CAAA,uCAEF,gBACE,CAAA,oBACA,CAAA,cACA,CAAA,mBACA,CAAA,oBACA,CAAA,2BACA,CAAA,eACA,CAAA,sBAIJ,QACE,CAAA,uCACA,iBACE,CAAA,gCAIJ,gBACE,CAAA,4BACA,CAAA,qCACA,WACE,CAAA,eACA,CAAA,YACA,CAAA,oCAEF,aACE,CAAA,gCACA,CAAA,iBACA,CAAA,iBACA,CAAA,iBACA,CAAA,gCACA,CAAA,4CAEA,iBACE,CAAA,oBACA,CAAA,8BACA,CAAA,cACA,CAAA,gBACA,CAAA,gBACA,CAAA,kBACA,CAAA,gCACA,CAAA,yBAGF,oCAnBF,aAoBI,CAAA,iBACA,CAAA,iBACA,CAAA,2CAEA,iBACE,CAAA,MACA,CAAA,CAAA,iDAIJ,WCmFwB,CAAA,iDDhFxB,WCmFmB,CAAA,qDDhFnB,WCyEmB,CAAA,+DDtEnB,WC2EqB,CAAA,kDDxErB,WCqEoB,CAAA,mDDjElB,WCqEmB,CAAA,2CDnEjB,CAAA,sIAIA,WC8DiB,CAAA,gCD5Df,CAAA,4DAIJ,WCsDyB,CAAA,8BDpDvB,CAAA,qCAON,uCAEE,SACE,CAAA,4BACA,CAAA,iDACA,cACE,CAAA,QACA,CAAA,iDAEF,cACE,CAAA,kBACA,CAAA,uCAGJ,SACE,CAAA,YACA,CAAA,wDAEE,oBACE,CAAA,gDAGJ,cACE,CAAA,CAAA,kCAMR,iBACE,CAAA,MACA,CAAA,KACA,CAAA,UACA,CAAA,WACA,CAAA,UACA,CAAA,yBDnRF,sBADF,iDAEI,CAAA,gBACA,CAAA,cACA,CAAA,eACA,CAAA,CAAA,wBAIJ,SACE,CAAA,6BACA,CAAA,kCACA,SACE,CAAA,0BAGA,qCADF,+DAEI,CAAA,iBACA,CAAA,yBACA,CAAA,CAAA,+CAKF,YACE,CAAA,wCAIJ,eACE,CAAA,yDACA,CAAA,oCAGF,SACE,CAAA,mCAGF,mBACE,CAAA,SACA,CAAA,uCAGF,iBACE,CAAA,YACA,CAAA,sBACA,CAAA,aACA,CAAA,cACA,CAAA,oCACA,CAAA,yBACA,uCAPF,aAQI,CAAA,CAAA,yBAGF,uCAXF,YAYI,CAAA,QACA,CAAA,CAAA,qDAEF,wBACE,CAAA,qBACA,CAAA,oBACA,CAAA,gBACA,CAAA,sEAEA,UACE,CAAA,iBE4BN,CAAA,KACA,CAAA,MACA,CAAA,OACA,CAAA,QACA,CAAA,SF9BM,CAAA,oFAIJ,wBACE,CAAA,qBACA,CAAA,oBACA,CAAA,gBACA,CAAA,sBACA,CAAA,mBACA,CAAA,+BAIJ,iBACE,CAAA,QACA,CAAA,YACA,CAAA,YACA,CAAA,gBACA,CAAA,0BACA,CAAA,yBAIA,+BAVF,0BAWI,CAAA,CAAA,wEAIJ,iBAEE,CAAA,YACA,CAAA,UACA,CAAA,oCAGF,iBACE,CAAA,UACA,CAAA,wBACA,CAAA,gBAKJ,2DACE,CAAA,eACA,CAAA,iCACA,CAAA,YACA,CAAA,mBACA,aACE,CAAA,oBACA,CAAA,wCAEF,kBACE,CAAA,iBACA,CAAA,aACA,CAAA,+CAEA,QACE,CAAA,8BACA,CAAA,SACA,CAAA,cACA,CAAA,mGAGF,iBACE,CAAA,YACA,CAAA,QACA,CAAA,OACA,CAAA,SACA,CAAA,eACA,CAAA,4BACA,CAAA,iBACA,CAAA,WACA,CAAA,aACA,CAAA,QACA,CAAA,yGACA,oBACE,CAAA,kBACA,CAAA,mJAEA,2CACE,CAAA,6GAKJ,uBACE,CAAA,WACA,CAAA,aACA,CAAA,YACA,CAAA,kBACA,CAAA,sBACA,CAAA,6HAEA,UACE,CAAA,iBACA,CAAA,aACA,CAAA,UACA,CAAA,WACA,CAAA,qDAEA,CAAA,kBACA,CAAA,mBACA,CAAA,2HAGF,YACE,CAAA,yHAGF,8BACE,CAAA,yIAEA,2CACE,CAAA,4FAMR,iBACE,CAAA,SACA,CAAA,UACA,CAAA,WACA,CAAA,iBACA,CAAA,gBACA,CAAA,qEACA,CAAA,gCACA,CAAA,UACA,CAAA,kBACA,CAAA,+CACA,CAAA,kCACA,CAAA,gCACA,CAAA,0BACA,4FAdF,SAeI,CAAA,8BACA,CAAA,CAAA,0BAEF,4FAlBF,SAmBI,CAAA,CAAA,yBAEF,4FArBF,SAsBI,CAAA,SACA,CAAA,CAAA,0GAKF,WEkDiC,CAAA,8BFhD/B,CAAA,cACA,CAAA,WACA,CAAA,wGAEF,UACE,CAAA,iBACE,CAAA,aACA,CAAA,KACA,CAAA,MACA,CAAA,OACA,CAAA,QACA,CAAA,qCACA,CAAA,yDACA,CAAA,SACA,CAAA,mBACA,CAAA,oHAEJ,UACE,CAAA,yDACA,CAAA,8CAKJ,sEACE,CAAA,wBACA,CAAA,0BACA,8CAHF,SAII,CAAA,2CACA,CAAA,CAAA,yBAEF,8CAPF,UAQI,CAAA,CAAA,+CAGJ,YACE,CAAA,4FAEF,eACE,CAAA,kBACA",sourcesContent:['@import \'../../_global/styles/mixins\';\n@import \'../../_global/styles/vars\';\n@import \'../../components/event-teaser-large/event-teaser-large.scss\';\n\n.right-open-container{\n @media (min-width: 400px) {\n width: calc((var(--container-width) / 2) + 50vw - 8px);\n margin-left:auto;\n margin-right:0;\n padding-right:0;\n }\n}\n\n.eventteaserlargeslider {\n opacity: 0;\n transition: opacity 0.4s linear;\n &.initiated {\n opacity: 1;\n }\n .slider-tabs{\n @media(min-width: 1471px) {\n width: calc(var(--container-width) - 2 * var(--container-padding));\n left: 0 !important;\n transform: none !important;\n }\n }\n\n &.single-slide {\n .controls {\n display: none;\n }\n }\n\n .slide-overflow {\n overflow: hidden;\n transition: height 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n img.loading {\n opacity: 0;\n }\n\n img.loaded {\n transition: 0.3s ease;\n opacity: 1;\n }\n\n .slide-wrapper {\n position: relative;\n display: flex;\n align-items: flex-start;\n width: 80000px;\n contain: layout;\n margin:0 calc(var(--col-padding) * -1);\n @media(max-width: 999px) {\n width: 34500px;\n //margin:0;\n }\n @media(max-width: 399px) {\n width: 10000%;\n margin:0;\n }\n &.no-transition {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n .image-box:after {\n content: "";\n @include full-size;\n z-index: 2;\n }\n }\n\n img, a {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-drag: none;\n -moz-user-drag: none;\n }\n }\n\n .slide {\n position: relative;\n width:1%;\n max-width:1%;\n min-width:1%;\n min-height:400px;\n padding:var(--col-padding);\n @media(min-width: 1000px) {\n //padding:var(--col-padding);\n }\n @media(min-width: 400px) {\n padding:var(--col-padding);\n }\n }\n\n .prev-clone,\n .next-clone {\n position: absolute;\n display: flex;\n width: 100%;\n }\n\n .prev-clone {\n position: absolute;\n right: 100%;\n justify-content: flex-end;\n }\n}\n\n\n.rotationslider{\n margin-bottom:calc(var(--section-margin) + 2rem) !important;\n overflow: hidden;\n padding-top: var(--section-margin);\n margin-top:0;\n h1{\n max-width: 50%;\n display: inline-block;\n }\n .eventteaserlargeslider {\n margin-bottom:2rem;\n position: relative;\n display: block;\n\n button {\n border: 0;\n background-color: transparent;\n padding: 0;\n cursor: pointer;\n\n }\n .slider-tabs, .tabs {\n position: absolute;\n bottom: -2rem;\n left: 50%;\n right: 0;\n padding: 0;\n list-style: none;\n transform: translate(-50%, 0);\n text-align: center;\n font-size: 0;\n line-height: 0;\n margin: 0;\n li {\n display: inline-block;\n vertical-align: top;\n\n &.active button:before {\n background-color: var(--theme-color-primary);\n //box-shadow: 0 0 0 2px var(--theme-color-primary);\n }\n }\n\n .btn {\n --button-min-size: 24px;\n font-size: 0;\n line-height: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &::before {\n content: "";\n position: relative;\n display: block;\n width: 15px;\n height: 15px;\n //border: 2px solid var(--theme-color-primary);\n background-color: var(--theme-color-primary-dimmed-04);\n border-radius: 15px;\n transition: 0.2s ease;\n }\n\n &::after {\n display: none;\n }\n\n &:hover {\n background-color: transparent;\n\n &::before {\n background-color: var(--theme-color-primary);\n }\n }\n }\n }\n\n .prev, .next {\n position: absolute;\n top: -94px;\n width: 60px;\n height: 60px;\n text-align: center;\n line-height: 60px;\n left: calc(var(--container-width) - 2 * var(--container-padding) - 60px);\n color: var(--theme-color-primary);\n right:auto;\n border-radius: 24px;\n background: var(--theme-color-primary-dimmed-04);\n --button-hover-shadow-opacity: 0.4;\n --button-hover-shadow-size: 6px ;\n @media(max-width: 1470px) {\n left:auto;\n right: var(--container-padding);\n }\n @media(max-width: 1339px) {\n top: -90px;\n }\n @media(max-width: 399px) {\n right:0px;\n top: -80px;\n }\n @media(max-width: 767px) {\n\n }\n &:before {\n @include icon-small-arrow-right-simple;\n font-family: "Icons", sans-serif;\n font-size: 30px;\n content: "\\e825";\n }\n &:after{\n content: "";\n position: absolute;\n display: block;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: var(--border-radius-lg);\n box-shadow: 0 0 0 2px var(--theme-color-primary-dimmed-04);\n opacity: 0;\n transition: 0.3s ease;\n }\n &:hover:after{\n opacity: 0.4;\n box-shadow: 0 0 0 6px var(--theme-color-primary-dimmed-04);\n }\n\n }\n\n .prev {\n left: calc(var(--container-width) - 2 * var(--container-padding) - 140px);\n transform: rotate(180deg);\n @media(max-width: 1470px) {\n left:auto;\n right:calc(var(--container-padding) + 70px);\n }\n @media(max-width: 399px) {\n right:70px;\n }\n }\n .count{\n display:none;\n }\n h2, .like-h2 {\n margin-top: 0.3em;\n margin-bottom: 0.4em;\n }\n\n }\n}',"@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.event-teaser-large {\n background-color: white;\n border-radius: 16px;\n overflow: hidden;\n display: flex;\n transition: 0.3s ease;\n width: 100%;\n text-decoration: none;\n min-height:400px;\n flex-wrap: wrap;\n position: relative;\n &:not(.widemode){\n flex-wrap: wrap;\n align-content: baseline;\n flex-flow: column;\n justify-content: flex-start;\n background-color: var(--theme-grey-light);\n .blue-box {\n height:250px;\n }\n .text-box{\n height: calc(100% - 250px);\n }\n }\n @include focus-visible;\n\n &:hover {\n color: var(--theme-color-secondary-intensed);\n\n .blue-box {\n background-color: var(--theme-color-secondary-intensed);\n }\n }\n\n\n .blue-box {\n display: flex;\n //flex-direction: column;\n justify-content: flex-end;\n color: var(--theme-color-white);\n margin-right: 18px;\n font-family: \"Korb\", sans-serif;\n min-height: 80px;\n font-size: 14px;\n line-height: 1;\n padding: 70px 15px 15px 15px;\n min-width: 80px;\n transition: 0.2s ease;\n position:relative;\n flex-flow: column;\n align-items: baseline;\n width:100%;\n margin-right: 0;\n min-height:250px;\n position: relative;\n &:not(.background-image){\n background: linear-gradient(135deg, #036 45.14%, #368484 100%), #D9D9D9;\n }\n .img-con{\n position:absolute;\n top:0;\n left:0;\n right:0;\n bottom:0;\n background-color:rgba(#003366,0.54);\n background-size: cover;\n background-position: 50% 50%;\n z-index:0;\n }\n &.background-image{\n .img-con:before{\n content:\"\";\n background: linear-gradient(0deg, rgba(0, 51, 102, 0.33) 0%, rgba(0, 51, 102, 0.33) 100%), linear-gradient(180deg, rgba(0, 32, 65, 0) 0%, rgba(0, 32.45, 64.90, 0.60) 100%);\n position:absolute;\n top:0;\n left:0;\n right:0;\n bottom:0;\n z-index:1;\n }\n }\n .icon-box {\n font-family: 'Pictograms', sans-serif;\n font-size: 48px;\n line-height: 1;\n color: var(--theme-color-white);\n position:absolute;\n top:15px;\n left:15px;\n }\n .ev-title{\n font-weight: 400;\n text-decoration: underline;\n line-height: normal;\n font-size: 28px;\n position:relative;\n }\n .ev-cat{\n color: var(--theme-color-primary);\n font-size: 16px;\n font-family: Source Sans Pro;\n font-weight: 400;\n line-height: 16px;\n letter-spacing: 0.32px;\n background-color:white;\n border-radius:8px;\n display:inline-block;\n padding:5px 7px;\n position:relative;\n }\n span {\n white-space: nowrap;\n }\n\n span:nth-child(2) {\n font-size: 36px;\n margin-left: -2px;\n }\n\n &.no-date {\n align-items: flex-start;\n\n &:before {\n @include icon-sanduhr;\n font-family: 'Icons', sans-serif;\n font-size: var(--icon-size);\n line-height: 1;\n margin-bottom: 4px;\n margin-top: 5px;\n }\n\n * {\n display: none;\n }\n }\n }\n\n .text-box {\n //align-self: center;\n padding: 15px;\n //line-height: 1.2;\n background-color: var(--theme-grey-light);\n width:100%;\n display:flex;\n justify-content:space-between;\n flex-flow: column;\n @media(max-width: 767px) {\n font-size: var(--font-size-small);\n }\n .ev-desc{\n line-height: 27px;\n letter-spacing: 0.18px;\n font-size:18px;\n display: -webkit-box;\n -webkit-line-clamp: 6;\n -webkit-box-orient: vertical;\n overflow: hidden;\n }\n }\n\n p {\n margin: 0;\n &:not(:last-child) {\n margin: 2px 0 0.3em;\n }\n }\n\n .detail-box {\n padding-top: 15px;\n border-top: 1px #CCD7E6 solid;\n .btn{\n float: right;\n margin-top:15px;\n display:none;\n }\n > div {\n display: block;\n font-size: var(--font-size-small);\n line-height: 1.2em;\n margin-right: 15px;\n margin-bottom: 5px;\n color: var(--theme-color-primary);\n\n &::before {\n position: relative;\n display: inline-block;\n font-family: 'Icons', sans-serif;\n font-size: 18px;\n line-height: 20px;\n margin-right: 5px;\n vertical-align: top;\n color: var(--theme-color-primary);\n }\n\n @media(max-width: 567px) {\n display: block;\n padding-left: 24px;\n position: relative;\n\n &:before {\n position: absolute;\n left: 0;\n }\n }\n\n &.date::before {\n @include icon-xsmall-kalender;\n }\n &.time::before {\n @include icon-xsmall-uhr;\n }\n &.location::before {\n @include icon-xsmall-pin;\n }\n &.interested-parties::before {\n @include icon-xsmall-liste;\n }\n &.price::before {\n @include icon-xsmall-euro;\n }\n &.status {\n &::before {\n @include icon-xsmall-offen;\n color: var(--theme-color-secondary-intensed);\n }\n\n &.interested-parties, &.waiting-list {\n &::before {\n @include icon-xsmall-liste;\n color: var(--theme-color-primary);\n }\n }\n\n &.reserved::before {\n @include icon-xsmall-geschlossen;\n color: var(--theme-color-error);\n }\n }\n }\n }\n &.widemode{\n\n @media screen and (min-width:992px){\n //border-radius: 4px;\n .blue-box{\n width:50%;\n padding: 100px 15px 20px 15px;\n .icon-box {\n font-size: 70px;\n top:20px;\n }\n .ev-title{\n font-size: 36px;\n line-height: 43.20px;\n }\n }\n .text-box{\n width:50%;\n padding: 20px;\n .detail-box {\n .btn{\n display:inline-block;\n }\n }\n .ev-desc{\n font-size:18px;\n }\n }\n }\n }\n\n .teaser--link {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n z-index: 10;\n }\n}\n","@mixin h1 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h1);\n line-height: 1.1;\n font-weight: 400;\n margin: 0.6em -0.05em 0.5em;\n\n &:first-child {\n margin-top: -0.1em;\n }\n}\n\n@mixin h2 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h2);\n line-height: 1.2;\n font-weight: 400;\n margin: 1.4em -0.05em 0.6em;\n}\n\n@mixin h3 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h3);\n line-height: 1.2;\n font-weight: 400;\n margin: 1.4em -0.05em 0.6em;\n}\n\n@mixin h4 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h4);\n font-style: normal;\n font-weight: normal;\n line-height: 1.2;\n margin: 1.4em -0.05em 0.8em;\n}\n\n@mixin h5 {\n font-family: var(--font-korb);\n font-size: 22px;\n line-height: 1.2;\n font-weight: 400;\n margin: 1em 0 0.6em;\n\n @media(max-width: 1339px) {\n font-size: 20px;\n }\n @media(max-width: 767px) {\n font-size: 18px;\n }\n}\n\n@mixin h6 {\n font-size: inherit;\n line-height: 1.4;\n font-weight: 600;\n margin: 1.2em 0 0.5em;\n}\n\n@mixin kicker {\n display: block;\n font-size: 16px;\n //text-transform: uppercase;\n margin-bottom: 2px;\n letter-spacing: 0.3px;\n\n @media(max-width: 767px) {\n font-size: 14px;\n }\n\n + h1,\n + .like-h1 {\n margin-top: 0.1em;\n }\n\n + h2, + .like-h2,\n + h3, + .like-h3,\n + h4 + .like-h4, {\n margin-top: 0.2em;\n }\n}\n\n@mixin hide($delay: 0s) {\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n transition: opacity 0.4s ease $delay, visibility $delay ease 0.4s, transform 0.4s ease $delay;\n}\n\n@mixin show($delay: 0s) {\n opacity: 1;\n visibility: visible;\n pointer-events: all;\n transition: opacity 0.4s ease $delay, visibility 0s ease $delay, transform 0.4s ease $delay;\n}\n\n@mixin full-size {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n\n@mixin copyright {\n position: absolute;\n display: block;\n left: 100%;\n bottom: 0;\n font-size: 12px;\n text-align: left;\n line-height: 1.2;\n z-index: 2;\n transform-origin: 0 100%;\n transform: rotate(-90deg);\n transition: 0.3s ease;\n\n color: white;\n text-shadow: 0 0 3px rgba(black, 0.6), 0 0 8px rgba(black, 0.6);\n width: calc(66.6% + 7px);\n padding: 8px 18px;\n\n //color: var(--theme-color-white);\n //text-shadow: -2px 2px 0 #000;\n //padding: 2px 6px 2px 4px;\n //background: #012d59;\n //white-space: nowrap;\n //max-width: calc(66.6% + 7px);\n //overflow: hidden;\n //\n //@media(max-width: 767px) {\n // font-size: 10px;\n // max-width: 100%;\n //}\n}\n\n@mixin form-field {\n --input-height: 60px;\n position: relative;\n display: block;\n width: 100%;\n height: var(--input-height);\n background-color: var(--theme-color-white);\n border: 1px solid var(--theme-color-primary);\n border-radius: var(--border-radius-xs);\n padding: 10px 15px;\n font-family: 'Source Sans Pro', sans-serif;\n font-size: var(--font-size-copy);\n line-height: 1.4;\n transition: 0.3s ease;\n color: var(--theme-color-primary);\n\n &:focus {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n\n @media(max-width: 1199px) {\n --input-height: 50px;\n }\n @media(max-width: 767px) {\n --input-height: 44px;\n }\n}\n\n@mixin focus-visible($inset: false) {\n @if $inset {\n &.focus-visible:focus {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n &:focus-visible, &.-moz-focusring {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n }\n @else {\n &.focus-visible:focus {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n &:focus-visible, &.-moz-focusring {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n }\n}\n\n@mixin focus-standalone($inset: false) {\n @if $inset {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n @else {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n}\n\n@mixin word-wrap() {\n word-break: break-word;\n -webkit-hyphens: auto;\n -moz-hyphens: auto;\n hyphens: auto;\n}\n\n// ICONS\n@mixin icon-ankerlink { content: '\\e800'; }\n@mixin icon-barrierefreiheit { content: '\\e801'; }\n@mixin icon-chat { content: '\\e802'; }\n@mixin icon-check { content: '\\e803'; }\n@mixin icon-checkbox-liste-1 { content: '\\e804'; }\n@mixin icon-content-schloss { content: '\\e805'; }\n@mixin icon-content { content: '\\e807'; }\n@mixin icon-dauer { content: '\\e808'; }\n@mixin icon-download { content: '\\e809'; }\n@mixin icon-dropdown { content: '\\e80a'; }\n@mixin icon-drucker { content: '\\e80b'; }\n@mixin icon-email { content: '\\e80c'; }\n@mixin icon-fax { content: '\\e80d'; }\n@mixin icon-freie-plaetze { content: '\\e80e'; }\n@mixin icon-galerie { content: '\\e80f'; }\n@mixin icon-gebaerdensprache { content: '\\e810'; }\n@mixin icon-geschlossen { content: '\\e811'; }\n@mixin icon-ihk-wechseln { content: '\\e812'; }\n@mixin icon-info { content: '\\e813'; }\n@mixin icon-kalender { content: '\\e814'; }\n@mixin icon-kartenpin { content: '\\e815'; }\n@mixin icon-kontakt { content: '\\e816'; }\n@mixin icon-laden { content: '\\e817'; }\n@mixin icon-leichte-sprache { content: '\\e818'; }\n@mixin icon-link-external { content: '\\e819'; }\n@mixin icon-liste-schloss { content: '\\e81a'; }\n@mixin icon-liste-stern { content: '\\e81b'; }\n@mixin icon-liste { content: '\\e81c'; }\n@mixin icon-loeschen { content: '\\e81d'; }\n@mixin icon-login { content: '\\e81e'; }\n@mixin icon-minus { content: '\\e81f'; }\n@mixin icon-pdf { content: '\\e820'; }\n@mixin icon-pfeil-links { content: '\\e821'; }\n@mixin icon-pfeil-oben { content: '\\e822'; }\n@mixin icon-pfeil-rechts-schloss { content: '\\e823'; }\n@mixin icon-pfeil-rechts-stern { content: '\\e824'; }\n@mixin icon-pfeil-rechts { content: '\\e825'; }\n@mixin icon-pfeil-simple-rechts { content: '\\e826'; }\n@mixin icon-pfeil-unten { content: '\\e827'; }\n@mixin icon-plus { content: '\\e828'; }\n@mixin icon-preis { content: '\\e829'; }\n@mixin icon-referent { content: '\\e82a'; }\n@mixin icon-reset { content: '\\e82b'; }\n@mixin icon-sanduhr { content: '\\e82c'; }\n@mixin icon-schliessen { content: '\\e82d'; }\n@mixin icon-schloss { content: '\\e82e'; }\n@mixin icon-sprache { content: '\\e82f'; }\n@mixin icon-stern { content: '\\e830'; }\n@mixin icon-suche-adresse { content: '\\e831'; }\n@mixin icon-suche-archiv { content: '\\e832'; }\n@mixin icon-suche-az { content: '\\e833'; }\n@mixin icon-suche-chat { content: '\\e834'; }\n@mixin icon-suche-datei { content: '\\e835'; }\n@mixin icon-suche-firma { content: '\\e836'; }\n@mixin icon-suche-magazin { content: '\\e837'; }\n@mixin icon-suche-mail { content: '\\e838'; }\n@mixin icon-suche-person { content: '\\e839'; }\n@mixin icon-suche-schloss { content: '\\e83a'; }\n@mixin icon-suche-veranstaltung { content: '\\e83b'; }\n@mixin icon-suche { content: '\\e83c'; }\n@mixin icon-teilnehmer-add { content: '\\e83d'; }\n@mixin icon-telefon { content: '\\e83e'; }\n@mixin icon-vcard { content: '\\e83f'; }\n@mixin icon-small-arrow-right-simple { content: '\\e840'; }\n@mixin icon-small-barrierefreiheit { content: '\\e841'; }\n@mixin icon-small-download { content: '\\e842'; }\n@mixin icon-small-gebaerdensprache { content: '\\e843'; }\n@mixin icon-small-kontakt { content: '\\e844'; }\n@mixin icon-small-leichte-sprache { content: '\\e845'; }\n@mixin icon-small-link-external { content: '\\e846'; }\n@mixin icon-small-login { content: '\\e847'; }\n@mixin icon-small-pfeil-rechts { content: '\\e848'; }\n@mixin icon-small-sprache { content: '\\e849'; }\n@mixin icon-small-schloss { content: '\\e84a'; }\n@mixin icon-small-stern { content: '\\e84b'; }\n@mixin icon-teilen { content: '\\e84c'; }\n@mixin icon-social-telegram { content: '\\e84d'; }\n@mixin icon-social-threema { content: '\\e84e'; }\n@mixin icon-social-whatsapp { content: '\\e84f'; }\n@mixin icon-suche-big { content: '\\e850'; }\n@mixin icon-xsmall-pin { content: '\\e851'; }\n@mixin icon-check-1 { content: '\\e852'; }\n@mixin icon-xsmall-euro { content: '\\e853'; }\n@mixin icon-xsmall-geschlossen { content: '\\e854'; }\n@mixin icon-xsmall-kalender { content: '\\e855'; }\n@mixin icon-xsmall-liste { content: '\\e856'; }\n@mixin icon-xsmall-offen { content: '\\e857'; }\n@mixin icon-xsmall-uhr { content: '\\e858'; }\n@mixin icon-social-facebook { content: '\\e859'; }\n@mixin icon-liste-1 { content: '\\e85a'; }\n@mixin icon-social-linkedin { content: '\\e85b'; }\n@mixin icon-social-pinterest { content: '\\e85c'; }\n@mixin icon-social_x { content: '\\e85d'; }\n@mixin icon-social-xing { content: '\\e85e'; }\n@mixin icon-zoom { content: '\\e85f'; }\n@mixin icon-social-youtube { content: '\\e860'; }\n@mixin icon-social-instagram { content: '\\e861'; }\n@mixin icon-faq { content: '\\e869'; }\n@mixin icon-checkbox-liste { content: '\\e86a'; }\n@mixin icon-content-stern { content: '\\e86b'; }\n@mixin icon-small-election-group { content: '\\e86c'; }\n@mixin icon-small-icon-election-location { content: '\\e86e'; }\n@mixin icon-userlike { content: '\\e8c6'; }\n@mixin icon-userlike-chat { content: '\\e8c7'; }\n@mixin icon-magazine { content: '\\e8c8'; }\n@mixin icon-lokalisierung { content: '\\e8c9'; }\n@mixin icon-login-flyout { content: '\\e8ca'; }\n@mixin icon-login-header { content: '\\e8cb'; }\n@mixin icon-social-twitter { content: '\\e85d'; }\n@mixin icon-play { content: '\\e86d'; }\n@mixin icon-pause { content: '\\e806'; }\n@mixin icon-volume-mute { content: '\\e862'; }\n@mixin icon-volume-on { content: '\\e86f'; }\n@mixin icon-ankerlink-right { content: '\\e873'; }\n\n// PICTOGRAMS\n@mixin pictogram-achtung { content: '\\e800'; }\n@mixin pictogram-achtung-strom { content: '\\e801'; }\n@mixin pictogram-aeskulapstab { content: '\\e802'; }\n@mixin pictogram-anker { content: '\\e803'; }\n@mixin pictogram-anstossen { content: '\\e804'; }\n@mixin pictogram-arbeitsplatz { content: '\\e805'; }\n@mixin pictogram-auktionshammer { content: '\\e806'; }\n@mixin pictogram-batterie { content: '\\e807'; }\n@mixin pictogram-ausruf { content: '\\e808'; }\n@mixin pictogram-bauhelm { content: '\\e809'; }\n@mixin pictogram-benefit-vorteil-geschenk { content: '\\e80a'; }\n@mixin pictogram-bett { content: '\\e80b'; }\n@mixin pictogram-blatt { content: '\\e80c'; }\n@mixin pictogram-blume { content: '\\e80d'; }\n@mixin pictogram-blume-b { content: '\\e80e'; }\n@mixin pictogram-brief { content: '\\e80f'; }\n@mixin pictogram-brille-auf-buch { content: '\\e810'; }\n@mixin pictogram-bueroklammer { content: '\\e811'; }\n@mixin pictogram-bus { content: '\\e812'; }\n@mixin pictogram-container { content: '\\e813'; }\n@mixin pictogram-containerschiff { content: '\\e815'; }\n@mixin pictogram-daumen-hoch-a { content: '\\e816'; }\n@mixin pictogram-daumen-hoch-c { content: '\\e817'; }\n@mixin pictogram-daumen-hoch-b { content: '\\e818'; }\n@mixin pictogram-diagramm-mit-text { content: '\\e819'; }\n@mixin pictogram-diagramm-torte { content: '\\e81a'; }\n@mixin pictogram-diagramm-verlust { content: '\\e81b'; }\n@mixin pictogram-diagramm-wachstum { content: '\\e81c'; }\n@mixin pictogram-diagramm { content: '\\e81d'; }\n@mixin pictogram-co2 { content: '\\e814'; }\n@mixin pictogram-dokument-a { content: '\\e81e'; }\n@mixin pictogram-dokument-b { content: '\\e81f'; }\n@mixin pictogram-dokument-c { content: '\\e820'; }\n@mixin pictogram-e-auto { content: '\\e821'; }\n@mixin pictogram-e-learning { content: '\\e822'; }\n@mixin pictogram-einkaufstasche-mit-eurozeichen { content: '\\e824'; }\n@mixin pictogram-einkaufstasche { content: '\\e825'; }\n@mixin pictogram-einkaufswagen { content: '\\e826'; }\n@mixin pictogram-eu-emblem-brexit { content: '\\e827'; }\n@mixin pictogram-eu-emblem { content: '\\e828'; }\n@mixin pictogram-eule { content: '\\e829'; }\n@mixin pictogram-fabrik { content: '\\e82a'; }\n@mixin pictogram-fahne-horizontal-gestreift { content: '\\e82b'; }\n@mixin pictogram-fahne-kreuz { content: '\\e82c'; }\n@mixin pictogram-fahne-neutral { content: '\\e82d'; }\n@mixin pictogram-fahne-vertikal-gestreift { content: '\\e82e'; }\n@mixin pictogram-fahrrad-jobrad-dienstfahrrad { content: '\\e82f'; }\n@mixin pictogram-fahrrad-sportlich { content: '\\e830'; }\n@mixin pictogram-fahrrad { content: '\\e831'; }\n@mixin pictogram-faq-a { content: '\\e832'; }\n@mixin pictogram-faq-b { content: '\\e833'; }\n@mixin pictogram-fernglas { content: '\\e834'; }\n@mixin pictogram-fisch-frisst-fisch { content: '\\e835'; }\n@mixin pictogram-flugzeug { content: '\\e836'; }\n@mixin pictogram-frage { content: '\\e837'; }\n@mixin pictogram-fragezeichen { content: '\\e838'; }\n@mixin pictogram-geld-zuschuss-foerderung { content: '\\e839'; }\n@mixin pictogram-geldsack { content: '\\e83a'; }\n@mixin pictogram-freiheitsstatue { content: '\\e83b'; }\n@mixin pictogram-gruppe-gespraech { content: '\\e83c'; }\n@mixin pictogram-gruppe-idee { content: '\\e83d'; }\n@mixin pictogram-globus { content: '\\e83e'; }\n@mixin pictogram-gutschein-zuschuss-benefit { content: '\\e83f'; }\n@mixin pictogram-hand-a { content: '\\e840'; }\n@mixin pictogram-hand-b { content: '\\e841'; }\n@mixin pictogram-hand-c { content: '\\e842'; }\n@mixin pictogram-hand-geben { content: '\\e843'; }\n@mixin pictogram-hand-mit-werkzeug { content: '\\e844'; }\n@mixin pictogram-hand-gespreizt { content: '\\e845'; }\n@mixin pictogram-hand-zeigen-b { content: '\\e846'; }\n@mixin pictogram-hand-zeigen-a { content: '\\e847'; }\n@mixin pictogram-hand-zeigen-c { content: '\\e848'; }\n@mixin pictogram-handschlag-a { content: '\\e849'; }\n@mixin pictogram-handschlag-b { content: '\\e84a'; }\n@mixin pictogram-handschlag-c { content: '\\e84b'; }\n@mixin pictogram-heft { content: '\\e84c'; }\n@mixin pictogram-idee { content: '\\e84d'; }\n@mixin pictogram-ihk-chemnitz-a { content: '\\e84e'; }\n@mixin pictogram-ihk-chemnitz-b { content: '\\e84f'; }\n@mixin pictogram-ihk-chemnitz-c { content: '\\e850'; }\n@mixin pictogram-ihk-giessen-friedberg { content: '\\e851'; }\n@mixin pictogram-ihk-hagen { content: '\\e852'; }\n@mixin pictogram-ihk-heilbronn-franken { content: '\\e853'; }\n@mixin pictogram-ihk-köln { content: '\\e854'; }\n@mixin pictogram-ihk-rhein-neckar { content: '\\e855'; }\n@mixin pictogram-ihk-stuttgart { content: '\\e856'; }\n@mixin pictogram-ihk-wahl { content: '\\e857'; }\n@mixin pictogram-information { content: '\\e858'; }\n@mixin pictogram-kalender { content: '\\e859'; }\n@mixin pictogram-karte { content: '\\e85a'; }\n@mixin pictogram-koepfe-mit-sprechblase { content: '\\e85b'; }\n@mixin pictogram-kerze { content: '\\e85c'; }\n@mixin pictogram-kopf-mit-formel { content: '\\e85d'; }\n@mixin pictogram-kran { content: '\\e85e'; }\n@mixin pictogram-kuchen { content: '\\e85f'; }\n@mixin pictogram-labyrinth { content: '\\e860'; }\n@mixin pictogram-lkw { content: '\\e861'; }\n@mixin pictogram-maske { content: '\\e862'; }\n@mixin pictogram-megaphon { content: '\\e863'; }\n@mixin pictogram-mikrofon { content: '\\e864'; }\n@mixin pictogram-paket-mit-euro { content: '\\e865'; }\n@mixin pictogram-paket { content: '\\e866'; }\n@mixin pictogram-paragraph { content: '\\e867'; }\n@mixin pictogram-persoenliche_entwicklung { content: '\\e868'; }\n@mixin pictogram-person-an-tafel-a { content: '\\e869'; }\n@mixin pictogram-person-an-tafel-b { content: '\\e86a'; }\n@mixin pictogram-person-auf-schild { content: '\\e86b'; }\n@mixin pictogram-person-mit-brille-a { content: '\\e86c'; }\n@mixin pictogram-person-mit-brille-b { content: '\\e86d'; }\n@mixin pictogram-person-mit-buch { content: '\\e86e'; }\n@mixin pictogram-person-mit-doktorhut-a { content: '\\e86f'; }\n@mixin pictogram-person-mit-doktorhut-b { content: '\\e870'; }\n@mixin pictogram-person-mit-headset { content: '\\e871'; }\n@mixin pictogram-person-mit-uniform-a { content: '\\e872'; }\n@mixin pictogram-person-mit-uniform-b { content: '\\e873'; }\n@mixin pictogram-person { content: '\\e874'; }\n@mixin pictogram-personen-mit-brieftasche { content: '\\e875'; }\n@mixin pictogram-personen-mit-doktorhut { content: '\\e876'; }\n@mixin pictogram-personen-suche-a { content: '\\e877'; }\n@mixin pictogram-personen-suche-b { content: '\\e878'; }\n@mixin pictogram-pusteblume { content: '\\e879'; }\n@mixin pictogram-rakete-a { content: '\\e87a'; }\n@mixin pictogram-rakete-b { content: '\\e87b'; }\n@mixin pictogram-rednerpult { content: '\\e87c'; }\n@mixin pictogram-rettungsring { content: '\\e87d'; }\n@mixin pictogram-roboter { content: '\\e87e'; }\n@mixin pictogram-s-bahn { content: '\\e87f'; }\n@mixin pictogram-smilie { content: '\\e880'; }\n@mixin pictogram-social-facebook { content: '\\e881'; }\n@mixin pictogram-social-instagram { content: '\\e882'; }\n@mixin pictogram-social-linkedin { content: '\\e883'; }\n@mixin pictogram-social-twitter { content: '\\e884'; }\n@mixin pictogram-social-youtube { content: '\\e885'; }\n@mixin pictogram-solidaritaetsschleife { content: '\\e886'; }\n@mixin pictogram-stadt { content: '\\e887'; }\n@mixin pictogram-standort { content: '\\e888'; }\n@mixin pictogram-stern { content: '\\e889'; }\n@mixin pictogram-steuerung { content: '\\e88a'; }\n@mixin pictogram-stoppuhr { content: '\\e88b'; }\n@mixin pictogram-strommast { content: '\\e88c'; }\n@mixin pictogram-system-prozess { content: '\\e88d'; }\n@mixin pictogram-teamwork-team-zusammenarbeit { content: '\\e88e'; }\n@mixin pictogram-teller-besteck { content: '\\e88f'; }\n@mixin pictogram-treppe { content: '\\e890'; }\n@mixin pictogram-tropfen-a { content: '\\e891'; }\n@mixin pictogram-tropfen-b { content: '\\e892'; }\n@mixin pictogram-tulpe { content: '\\e893'; }\n@mixin pictogram-veranstaltung-intern-beruf { content: '\\e894'; }\n@mixin pictogram-veranstaltung-intern-feier { content: '\\e895'; }\n@mixin pictogram-videocall-a { content: '\\e896'; }\n@mixin pictogram-videocall-b { content: '\\e897'; }\n@mixin pictogram-videos { content: '\\e898'; }\n@mixin pictogram-virus { content: '\\e899'; }\n@mixin pictogram-waage { content: '\\e89a'; }\n@mixin pictogram-wegweiser-a { content: '\\e89b'; }\n@mixin pictogram-wegweiser-b { content: '\\e89c'; }\n@mixin pictogram-weltkugel-mit-flamme { content: '\\e89d'; }\n@mixin pictogram-weltkugel-mit-koffer { content: '\\e89e'; }\n@mixin pictogram-weltkugel { content: '\\e89f'; }\n@mixin pictogram-werkzeug { content: '\\e8a0'; }\n@mixin pictogram-windrad-a { content: '\\e8a1'; }\n@mixin pictogram-windrad-b { content: '\\e8a2'; }\n@mixin pictogram-wolke-mit-herz-und-sonne { content: '\\e8a3'; }\n@mixin pictogram-zeitung { content: '\\e8a4'; }\n\n@mixin icon-fa-play-circled2 { content: '\\e800'; }\n@mixin icon-fa-play { content: '\\e801'; }\n@mixin icon-fa-basket { content: '\\e843'; }\n@mixin icon-fa-play-circled { content: '\\f144'; }\n@mixin icon-fa-cart-plus { content: '\\f217'; }\n@mixin icon-fa-cart-arrow-down { content: '\\f218'; }\n\n@mixin icon-galerie-small { content: '\\e870'; }\n@mixin icon-interaction-small { content: '\\e871'; }\n@mixin icon-video-small { content: '\\e872'; }\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]); \ No newline at end of file diff --git a/gfi-ihk-2024/storybook-static/2707.8c8c2137.iframe.bundle.js b/gfi-ihk-2024/storybook-static/2707.8c8c2137.iframe.bundle.js new file mode 100644 index 0000000..fe774ed --- /dev/null +++ b/gfi-ihk-2024/storybook-static/2707.8c8c2137.iframe.bundle.js @@ -0,0 +1 @@ +(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[2707],{"./stories/atoms/event-teaser/EventTeaserComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{i:()=>createEventTeaser});__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.string.link.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.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.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.test.js"),__webpack_require__("./node_modules/core-js/modules/es.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),event_teaser=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/event-teaser/event-teaser.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(event_teaser.Z,options);event_teaser.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),EventTeaserData=__webpack_require__("./stories/atoms/event-teaser/EventTeaserData.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.d(__webpack_exports__,{U$:()=>NoDateEventTeaserData,V5:()=>SearchResultEventTeaserData,bA:()=>EventTeaserTitles,d9:()=>EventTeaserStatus,fy:()=>EventTeaserData});var EventTeaserTitles=["Basisseminar – Besser informiert in die Selbstständigkeit","NBank-Beratungssprechtag in Göttingen","Aktuelle Änderungen im Zoll- und Aussenwirtschaftsrecht zum Jahreswechsel 2022/2023","Social Media Manager/-in (IHK) - Webinar"],EventTeaserStatus=[{type:"reserved",label:"Anmeldefrist abgelaufen"},{type:"waiting-list",label:"Warteliste"},{type:"open",label:"Freie Plätze vorhanden"}],EventTeaserData={date:{weekday:"Mo.",day:"20",month:"Sep. 2022"},title:EventTeaserTitles[Math.floor(Math.random()*EventTeaserTitles.length)],link:"#",details:null},NoDateEventTeaserData={date:null,title:EventTeaserTitles[Math.floor(Math.random()*EventTeaserTitles.length)],link:"#",details:null},SearchResultEventTeaserData={date:{weekday:"Mo.",day:"20",month:"Sep. 2022"},title:EventTeaserTitles[Math.floor(Math.random()*EventTeaserTitles.length)],link:"#",details:{date:"20.09.2022",time:"19:00 Uhr",price:"299 €",location:"Musterstraße 12, 12345 Muster",status:EventTeaserStatus[Math.floor(Math.random()*EventTeaserStatus.length)]}}},"./node_modules/core-js/internals/object-to-array.js":(module,__unused_webpack_exports,__webpack_require__)=>{var DESCRIPTORS=__webpack_require__("./node_modules/core-js/internals/descriptors.js"),uncurryThis=__webpack_require__("./node_modules/core-js/internals/function-uncurry-this.js"),objectKeys=__webpack_require__("./node_modules/core-js/internals/object-keys.js"),toIndexedObject=__webpack_require__("./node_modules/core-js/internals/to-indexed-object.js"),propertyIsEnumerable=uncurryThis(__webpack_require__("./node_modules/core-js/internals/object-property-is-enumerable.js").f),push=uncurryThis([].push),createMethod=function(TO_ENTRIES){return function(it){for(var key,O=toIndexedObject(it),keys=objectKeys(O),length=keys.length,i=0,result=[];length>i;)key=keys[i++],DESCRIPTORS&&!propertyIsEnumerable(O,key)||push(result,TO_ENTRIES?[key,O[key]]:O[key]);return result}};module.exports={entries:createMethod(!0),values:createMethod(!1)}},"./node_modules/core-js/modules/es.array.from.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{var $=__webpack_require__("./node_modules/core-js/internals/export.js"),from=__webpack_require__("./node_modules/core-js/internals/array-from.js");$({target:"Array",stat:!0,forced:!__webpack_require__("./node_modules/core-js/internals/check-correctness-of-iteration.js")((function(iterable){Array.from(iterable)}))},{from})},"./node_modules/core-js/modules/es.array.is-array.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{__webpack_require__("./node_modules/core-js/internals/export.js")({target:"Array",stat:!0},{isArray:__webpack_require__("./node_modules/core-js/internals/is-array.js")})},"./node_modules/core-js/modules/es.array.slice.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var $=__webpack_require__("./node_modules/core-js/internals/export.js"),isArray=__webpack_require__("./node_modules/core-js/internals/is-array.js"),isConstructor=__webpack_require__("./node_modules/core-js/internals/is-constructor.js"),isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),toAbsoluteIndex=__webpack_require__("./node_modules/core-js/internals/to-absolute-index.js"),lengthOfArrayLike=__webpack_require__("./node_modules/core-js/internals/length-of-array-like.js"),toIndexedObject=__webpack_require__("./node_modules/core-js/internals/to-indexed-object.js"),createProperty=__webpack_require__("./node_modules/core-js/internals/create-property.js"),wellKnownSymbol=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js"),arrayMethodHasSpeciesSupport=__webpack_require__("./node_modules/core-js/internals/array-method-has-species-support.js"),nativeSlice=__webpack_require__("./node_modules/core-js/internals/array-slice.js"),HAS_SPECIES_SUPPORT=arrayMethodHasSpeciesSupport("slice"),SPECIES=wellKnownSymbol("species"),$Array=Array,max=Math.max;$({target:"Array",proto:!0,forced:!HAS_SPECIES_SUPPORT},{slice:function slice(start,end){var Constructor,result,n,O=toIndexedObject(this),length=lengthOfArrayLike(O),k=toAbsoluteIndex(start,length),fin=toAbsoluteIndex(void 0===end?length:end,length);if(isArray(O)&&(Constructor=O.constructor,(isConstructor(Constructor)&&(Constructor===$Array||isArray(Constructor.prototype))||isObject(Constructor)&&null===(Constructor=Constructor[SPECIES]))&&(Constructor=void 0),Constructor===$Array||void 0===Constructor))return nativeSlice(O,k,fin);for(result=new(void 0===Constructor?$Array:Constructor)(max(fin-k,0)),n=0;k{var $=__webpack_require__("./node_modules/core-js/internals/export.js"),$entries=__webpack_require__("./node_modules/core-js/internals/object-to-array.js").entries;$({target:"Object",stat:!0},{entries:function entries(O){return $entries(O)}})},"./node_modules/core-js/modules/es.regexp.test.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{"use strict";__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js");var execCalled,re,$=__webpack_require__("./node_modules/core-js/internals/export.js"),call=__webpack_require__("./node_modules/core-js/internals/function-call.js"),isCallable=__webpack_require__("./node_modules/core-js/internals/is-callable.js"),anObject=__webpack_require__("./node_modules/core-js/internals/an-object.js"),toString=__webpack_require__("./node_modules/core-js/internals/to-string.js"),DELEGATES_TO_EXEC=(execCalled=!1,(re=/[ac]/).exec=function(){return execCalled=!0,/./.exec.apply(this,arguments)},!0===re.test("abc")&&execCalled),nativeTest=/./.test;$({target:"RegExp",proto:!0,forced:!DELEGATES_TO_EXEC},{test:function(S){var R=anObject(this),string=toString(S),exec=R.exec;if(!isCallable(exec))return call(nativeTest,R,string);var result=call(exec,R,string);return null!==result&&(anObject(result),!0)}})},"./node_modules/core-js/modules/es.symbol.iterator.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{__webpack_require__("./node_modules/core-js/internals/well-known-symbol-define.js")("iterator")},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/event-teaser/event-teaser.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__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,'.event-teaser{background-color:#fff;border-radius:8px;overflow:hidden;display:flex;transition:.3s ease;text-decoration:none;position:relative}.event-teaser.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}.event-teaser:focus-visible,.event-teaser.-moz-focusring{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.event-teaser:hover{color:var(--theme-color-secondary-intensed)}.event-teaser:hover .date-box{background-color:var(--theme-color-secondary-intensed)}.event-teaser .date-box{display:flex;flex-direction:column;justify-content:flex-end;background-color:var(--theme-color-primary);color:var(--theme-color-white);margin-right:18px;font-family:"Korb",sans-serif;min-height:80px;font-size:14px;line-height:1;text-transform:uppercase;padding:7px 12px 8px;min-width:80px;transition:.2s ease}@media(max-width: 767px){.event-teaser .date-box{margin-right:12px;justify-content:flex-start;padding-top:10px}}.event-teaser .date-box span{white-space:nowrap}.event-teaser .date-box span abbr{text-decoration:none}.event-teaser .date-box span:nth-child(2){font-size:36px;margin-left:-2px}.event-teaser .date-box.no-date{align-items:flex-start}.event-teaser .date-box.no-date:before{content:"";font-family:"Icons",sans-serif;font-size:var(--icon-size);line-height:1;margin-bottom:4px;margin-top:5px}.event-teaser .date-box.no-date *{display:none}.event-teaser .text-box{align-self:center;padding:10px 18px 10px 0;line-height:1.2}@media(max-width: 767px){.event-teaser .text-box{font-size:var(--font-size-small)}}.event-teaser p{margin:0}.event-teaser p:not(:last-child){margin:2px 0 .3em}.event-teaser .ev-title~div{display:inline-block;font-size:var(--font-size-small);line-height:1.2em;margin-right:15px;margin-bottom:2px;color:var(--theme-color-primary)}.event-teaser .ev-title~div::before{position:relative;display:inline-block;font-family:"Icons",sans-serif;font-size:18px;line-height:20px;margin-right:5px;vertical-align:top;color:var(--theme-color-primary)}@media(max-width: 567px){.event-teaser .ev-title~div{display:block;padding-left:24px;position:relative}.event-teaser .ev-title~div:before{position:absolute;left:0}}.event-teaser .ev-title~div.date::before{content:""}.event-teaser .ev-title~div.time::before{content:""}.event-teaser .ev-title~div.location::before{content:""}.event-teaser .ev-title~div.interested-parties::before{content:""}.event-teaser .ev-title~div.price::before{content:""}.event-teaser .ev-title~div.status::before{content:"";color:var(--theme-color-secondary-intensed)}.event-teaser .ev-title~div.status.interested-parties::before,.event-teaser .ev-title~div.status.waiting-list::before{content:"";color:var(--theme-color-primary)}.event-teaser .ev-title~div.status.reserved::before{content:"";color:var(--theme-color-error)}.event-teaser .teaser--link{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10}',"",{version:3,sources:["webpack://./stories/atoms/event-teaser/event-teaser.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAAA,cAGA,qBACE,CAAA,iBACA,CAAA,eACA,CAAA,YACA,CAAA,mBACA,CAAA,oBACA,CAAA,iBACA,CAAA,kCCuKE,4GACE,CAAA,SACA,CAAA,yDAEF,4GACE,CAAA,SACA,CAAA,oBD1KJ,2CACE,CAAA,8BAEA,sDACE,CAAA,wBAIJ,YACE,CAAA,qBACA,CAAA,wBACA,CAAA,2CACA,CAAA,8BACA,CAAA,iBACA,CAAA,6BACA,CAAA,eACA,CAAA,cACA,CAAA,aACA,CAAA,wBACA,CAAA,oBACA,CAAA,cACA,CAAA,mBACA,CAAA,yBAEA,wBAhBF,iBAiBI,CAAA,0BACA,CAAA,gBACA,CAAA,CAAA,6BAGF,kBACE,CAAA,kCACA,oBACE,CAAA,0CAIJ,cACE,CAAA,gBACA,CAAA,gCAGF,sBACE,CAAA,uCAEA,WCgMgB,CAAA,8BD9Ld,CAAA,0BACA,CAAA,aACA,CAAA,iBACA,CAAA,cACA,CAAA,kCAGF,YACE,CAAA,wBAKN,iBACE,CAAA,wBACA,CAAA,eACA,CAAA,yBAEA,wBALF,gCAMI,CAAA,CAAA,gBAIJ,QACE,CAAA,iCAEA,iBACE,CAAA,4BAKF,oBACE,CAAA,gCACA,CAAA,iBACA,CAAA,iBACA,CAAA,iBACA,CAAA,gCACA,CAAA,oCAEA,iBACE,CAAA,oBACA,CAAA,8BACA,CAAA,cACA,CAAA,gBACA,CAAA,gBACA,CAAA,kBACA,CAAA,gCACA,CAAA,yBAGF,4BAnBF,aAoBI,CAAA,iBACA,CAAA,iBACA,CAAA,mCAEA,iBACE,CAAA,MACA,CAAA,CAAA,yCAIJ,WCyKwB,CAAA,yCDtKxB,WCyKmB,CAAA,6CDtKnB,WC+JmB,CAAA,uDD5JnB,WCiKqB,CAAA,0CD9JrB,WC2JoB,CAAA,2CDvJlB,WC2JmB,CAAA,2CDzJjB,CAAA,sHAIA,WCoJiB,CAAA,gCDlJf,CAAA,oDAIJ,WC4IyB,CAAA,8BD1IvB,CAAA,4BAMR,iBACG,CAAA,MACA,CAAA,KACA,CAAA,UACA,CAAA,WACA,CAAA,UACA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.event-teaser {\n background-color: white;\n border-radius: 8px;\n overflow: hidden;\n display: flex;\n transition: 0.3s ease;\n text-decoration: none;\n position: relative;\n @include focus-visible;\n\n &:hover {\n color: var(--theme-color-secondary-intensed);\n\n .date-box {\n background-color: var(--theme-color-secondary-intensed);\n }\n }\n\n .date-box {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n background-color: var(--theme-color-primary);\n color: var(--theme-color-white);\n margin-right: 18px;\n font-family: \"Korb\", sans-serif;\n min-height: 80px;\n font-size: 14px;\n line-height: 1;\n text-transform: uppercase;\n padding: 7px 12px 8px;\n min-width: 80px;\n transition: 0.2s ease;\n\n @media(max-width: 767px) {\n margin-right: 12px;\n justify-content: flex-start;\n padding-top: 10px;\n }\n\n span {\n white-space: nowrap;\n abbr {\n text-decoration: none;\n }\n }\n\n span:nth-child(2) {\n font-size: 36px;\n margin-left: -2px;\n }\n\n &.no-date {\n align-items: flex-start;\n\n &:before {\n @include icon-sanduhr;\n font-family: 'Icons', sans-serif;\n font-size: var(--icon-size);\n line-height: 1;\n margin-bottom: 4px;\n margin-top: 5px;\n }\n\n * {\n display: none;\n }\n }\n }\n\n .text-box {\n align-self: center;\n padding: 10px 18px 10px 0;\n line-height: 1.2;\n\n @media(max-width: 767px) {\n font-size: var(--font-size-small);\n }\n }\n\n p {\n margin: 0;\n\n &:not(:last-child) {\n margin: 2px 0 0.3em;\n }\n }\n\n .ev-title {\n ~ div {\n display: inline-block;\n font-size: var(--font-size-small);\n line-height: 1.2em;\n margin-right: 15px;\n margin-bottom: 2px;\n color: var(--theme-color-primary);\n\n &::before {\n position: relative;\n display: inline-block;\n font-family: 'Icons', sans-serif;\n font-size: 18px;\n line-height: 20px;\n margin-right: 5px;\n vertical-align: top;\n color: var(--theme-color-primary);\n }\n\n @media(max-width: 567px) {\n display: block;\n padding-left: 24px;\n position: relative;\n\n &:before {\n position: absolute;\n left: 0;\n }\n }\n\n &.date::before {\n @include icon-xsmall-kalender;\n }\n &.time::before {\n @include icon-xsmall-uhr;\n }\n &.location::before {\n @include icon-xsmall-pin;\n }\n &.interested-parties::before {\n @include icon-xsmall-liste;\n }\n &.price::before {\n @include icon-xsmall-euro;\n }\n &.status {\n &::before {\n @include icon-xsmall-offen;\n color: var(--theme-color-secondary-intensed);\n }\n\n &.interested-parties, &.waiting-list {\n &::before {\n @include icon-xsmall-liste;\n color: var(--theme-color-primary);\n }\n }\n\n &.reserved::before {\n @include icon-xsmall-geschlossen;\n color: var(--theme-color-error);\n }\n }\n }\n }\n\n .teaser--link {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n z-index: 10;\n }\n}","@mixin h1 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h1);\n line-height: 1.1;\n font-weight: 400;\n margin: 0.6em -0.05em 0.5em;\n\n &:first-child {\n margin-top: -0.1em;\n }\n}\n\n@mixin h2 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h2);\n line-height: 1.2;\n font-weight: 400;\n margin: 1.4em -0.05em 0.6em;\n}\n\n@mixin h3 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h3);\n line-height: 1.2;\n font-weight: 400;\n margin: 1.4em -0.05em 0.6em;\n}\n\n@mixin h4 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h4);\n font-style: normal;\n font-weight: normal;\n line-height: 1.2;\n margin: 1.4em -0.05em 0.8em;\n}\n\n@mixin h5 {\n font-family: var(--font-korb);\n font-size: 22px;\n line-height: 1.2;\n font-weight: 400;\n margin: 1em 0 0.6em;\n\n @media(max-width: 1339px) {\n font-size: 20px;\n }\n @media(max-width: 767px) {\n font-size: 18px;\n }\n}\n\n@mixin h6 {\n font-size: inherit;\n line-height: 1.4;\n font-weight: 600;\n margin: 1.2em 0 0.5em;\n}\n\n@mixin kicker {\n display: block;\n font-size: 16px;\n //text-transform: uppercase;\n margin-bottom: 2px;\n letter-spacing: 0.3px;\n\n @media(max-width: 767px) {\n font-size: 14px;\n }\n\n + h1,\n + .like-h1 {\n margin-top: 0.1em;\n }\n\n + h2, + .like-h2,\n + h3, + .like-h3,\n + h4 + .like-h4, {\n margin-top: 0.2em;\n }\n}\n\n@mixin hide($delay: 0s) {\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n transition: opacity 0.4s ease $delay, visibility $delay ease 0.4s, transform 0.4s ease $delay;\n}\n\n@mixin show($delay: 0s) {\n opacity: 1;\n visibility: visible;\n pointer-events: all;\n transition: opacity 0.4s ease $delay, visibility 0s ease $delay, transform 0.4s ease $delay;\n}\n\n@mixin full-size {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n\n@mixin copyright {\n position: absolute;\n display: block;\n left: 100%;\n bottom: 0;\n font-size: 12px;\n text-align: left;\n line-height: 1.2;\n z-index: 2;\n transform-origin: 0 100%;\n transform: rotate(-90deg);\n transition: 0.3s ease;\n\n color: white;\n text-shadow: 0 0 3px rgba(black, 0.6), 0 0 8px rgba(black, 0.6);\n width: calc(66.6% + 7px);\n padding: 8px 18px;\n\n //color: var(--theme-color-white);\n //text-shadow: -2px 2px 0 #000;\n //padding: 2px 6px 2px 4px;\n //background: #012d59;\n //white-space: nowrap;\n //max-width: calc(66.6% + 7px);\n //overflow: hidden;\n //\n //@media(max-width: 767px) {\n // font-size: 10px;\n // max-width: 100%;\n //}\n}\n\n@mixin form-field {\n --input-height: 60px;\n position: relative;\n display: block;\n width: 100%;\n height: var(--input-height);\n background-color: var(--theme-color-white);\n border: 1px solid var(--theme-color-primary);\n border-radius: var(--border-radius-xs);\n padding: 10px 15px;\n font-family: 'Source Sans Pro', sans-serif;\n font-size: var(--font-size-copy);\n line-height: 1.4;\n transition: 0.3s ease;\n color: var(--theme-color-primary);\n\n &:focus {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n\n @media(max-width: 1199px) {\n --input-height: 50px;\n }\n @media(max-width: 767px) {\n --input-height: 44px;\n }\n}\n\n@mixin focus-visible($inset: false) {\n @if $inset {\n &.focus-visible:focus {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n &:focus-visible, &.-moz-focusring {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n }\n @else {\n &.focus-visible:focus {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n &:focus-visible, &.-moz-focusring {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n }\n}\n\n@mixin focus-standalone($inset: false) {\n @if $inset {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n @else {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n}\n\n@mixin word-wrap() {\n word-break: break-word;\n -webkit-hyphens: auto;\n -moz-hyphens: auto;\n hyphens: auto;\n}\n\n// ICONS\n@mixin icon-ankerlink { content: '\\e800'; }\n@mixin icon-barrierefreiheit { content: '\\e801'; }\n@mixin icon-chat { content: '\\e802'; }\n@mixin icon-check { content: '\\e803'; }\n@mixin icon-checkbox-liste-1 { content: '\\e804'; }\n@mixin icon-content-schloss { content: '\\e805'; }\n@mixin icon-content { content: '\\e807'; }\n@mixin icon-dauer { content: '\\e808'; }\n@mixin icon-download { content: '\\e809'; }\n@mixin icon-dropdown { content: '\\e80a'; }\n@mixin icon-drucker { content: '\\e80b'; }\n@mixin icon-email { content: '\\e80c'; }\n@mixin icon-fax { content: '\\e80d'; }\n@mixin icon-freie-plaetze { content: '\\e80e'; }\n@mixin icon-galerie { content: '\\e80f'; }\n@mixin icon-gebaerdensprache { content: '\\e810'; }\n@mixin icon-geschlossen { content: '\\e811'; }\n@mixin icon-ihk-wechseln { content: '\\e812'; }\n@mixin icon-info { content: '\\e813'; }\n@mixin icon-kalender { content: '\\e814'; }\n@mixin icon-kartenpin { content: '\\e815'; }\n@mixin icon-kontakt { content: '\\e816'; }\n@mixin icon-laden { content: '\\e817'; }\n@mixin icon-leichte-sprache { content: '\\e818'; }\n@mixin icon-link-external { content: '\\e819'; }\n@mixin icon-liste-schloss { content: '\\e81a'; }\n@mixin icon-liste-stern { content: '\\e81b'; }\n@mixin icon-liste { content: '\\e81c'; }\n@mixin icon-loeschen { content: '\\e81d'; }\n@mixin icon-login { content: '\\e81e'; }\n@mixin icon-minus { content: '\\e81f'; }\n@mixin icon-pdf { content: '\\e820'; }\n@mixin icon-pfeil-links { content: '\\e821'; }\n@mixin icon-pfeil-oben { content: '\\e822'; }\n@mixin icon-pfeil-rechts-schloss { content: '\\e823'; }\n@mixin icon-pfeil-rechts-stern { content: '\\e824'; }\n@mixin icon-pfeil-rechts { content: '\\e825'; }\n@mixin icon-pfeil-simple-rechts { content: '\\e826'; }\n@mixin icon-pfeil-unten { content: '\\e827'; }\n@mixin icon-plus { content: '\\e828'; }\n@mixin icon-preis { content: '\\e829'; }\n@mixin icon-referent { content: '\\e82a'; }\n@mixin icon-reset { content: '\\e82b'; }\n@mixin icon-sanduhr { content: '\\e82c'; }\n@mixin icon-schliessen { content: '\\e82d'; }\n@mixin icon-schloss { content: '\\e82e'; }\n@mixin icon-sprache { content: '\\e82f'; }\n@mixin icon-stern { content: '\\e830'; }\n@mixin icon-suche-adresse { content: '\\e831'; }\n@mixin icon-suche-archiv { content: '\\e832'; }\n@mixin icon-suche-az { content: '\\e833'; }\n@mixin icon-suche-chat { content: '\\e834'; }\n@mixin icon-suche-datei { content: '\\e835'; }\n@mixin icon-suche-firma { content: '\\e836'; }\n@mixin icon-suche-magazin { content: '\\e837'; }\n@mixin icon-suche-mail { content: '\\e838'; }\n@mixin icon-suche-person { content: '\\e839'; }\n@mixin icon-suche-schloss { content: '\\e83a'; }\n@mixin icon-suche-veranstaltung { content: '\\e83b'; }\n@mixin icon-suche { content: '\\e83c'; }\n@mixin icon-teilnehmer-add { content: '\\e83d'; }\n@mixin icon-telefon { content: '\\e83e'; }\n@mixin icon-vcard { content: '\\e83f'; }\n@mixin icon-small-arrow-right-simple { content: '\\e840'; }\n@mixin icon-small-barrierefreiheit { content: '\\e841'; }\n@mixin icon-small-download { content: '\\e842'; }\n@mixin icon-small-gebaerdensprache { content: '\\e843'; }\n@mixin icon-small-kontakt { content: '\\e844'; }\n@mixin icon-small-leichte-sprache { content: '\\e845'; }\n@mixin icon-small-link-external { content: '\\e846'; }\n@mixin icon-small-login { content: '\\e847'; }\n@mixin icon-small-pfeil-rechts { content: '\\e848'; }\n@mixin icon-small-sprache { content: '\\e849'; }\n@mixin icon-small-schloss { content: '\\e84a'; }\n@mixin icon-small-stern { content: '\\e84b'; }\n@mixin icon-teilen { content: '\\e84c'; }\n@mixin icon-social-telegram { content: '\\e84d'; }\n@mixin icon-social-threema { content: '\\e84e'; }\n@mixin icon-social-whatsapp { content: '\\e84f'; }\n@mixin icon-suche-big { content: '\\e850'; }\n@mixin icon-xsmall-pin { content: '\\e851'; }\n@mixin icon-check-1 { content: '\\e852'; }\n@mixin icon-xsmall-euro { content: '\\e853'; }\n@mixin icon-xsmall-geschlossen { content: '\\e854'; }\n@mixin icon-xsmall-kalender { content: '\\e855'; }\n@mixin icon-xsmall-liste { content: '\\e856'; }\n@mixin icon-xsmall-offen { content: '\\e857'; }\n@mixin icon-xsmall-uhr { content: '\\e858'; }\n@mixin icon-social-facebook { content: '\\e859'; }\n@mixin icon-liste-1 { content: '\\e85a'; }\n@mixin icon-social-linkedin { content: '\\e85b'; }\n@mixin icon-social-pinterest { content: '\\e85c'; }\n@mixin icon-social_x { content: '\\e85d'; }\n@mixin icon-social-xing { content: '\\e85e'; }\n@mixin icon-zoom { content: '\\e85f'; }\n@mixin icon-social-youtube { content: '\\e860'; }\n@mixin icon-social-instagram { content: '\\e861'; }\n@mixin icon-faq { content: '\\e869'; }\n@mixin icon-checkbox-liste { content: '\\e86a'; }\n@mixin icon-content-stern { content: '\\e86b'; }\n@mixin icon-small-election-group { content: '\\e86c'; }\n@mixin icon-small-icon-election-location { content: '\\e86e'; }\n@mixin icon-userlike { content: '\\e8c6'; }\n@mixin icon-userlike-chat { content: '\\e8c7'; }\n@mixin icon-magazine { content: '\\e8c8'; }\n@mixin icon-lokalisierung { content: '\\e8c9'; }\n@mixin icon-login-flyout { content: '\\e8ca'; }\n@mixin icon-login-header { content: '\\e8cb'; }\n@mixin icon-social-twitter { content: '\\e85d'; }\n@mixin icon-play { content: '\\e86d'; }\n@mixin icon-pause { content: '\\e806'; }\n@mixin icon-volume-mute { content: '\\e862'; }\n@mixin icon-volume-on { content: '\\e86f'; }\n@mixin icon-ankerlink-right { content: '\\e873'; }\n\n// PICTOGRAMS\n@mixin pictogram-achtung { content: '\\e800'; }\n@mixin pictogram-achtung-strom { content: '\\e801'; }\n@mixin pictogram-aeskulapstab { content: '\\e802'; }\n@mixin pictogram-anker { content: '\\e803'; }\n@mixin pictogram-anstossen { content: '\\e804'; }\n@mixin pictogram-arbeitsplatz { content: '\\e805'; }\n@mixin pictogram-auktionshammer { content: '\\e806'; }\n@mixin pictogram-batterie { content: '\\e807'; }\n@mixin pictogram-ausruf { content: '\\e808'; }\n@mixin pictogram-bauhelm { content: '\\e809'; }\n@mixin pictogram-benefit-vorteil-geschenk { content: '\\e80a'; }\n@mixin pictogram-bett { content: '\\e80b'; }\n@mixin pictogram-blatt { content: '\\e80c'; }\n@mixin pictogram-blume { content: '\\e80d'; }\n@mixin pictogram-blume-b { content: '\\e80e'; }\n@mixin pictogram-brief { content: '\\e80f'; }\n@mixin pictogram-brille-auf-buch { content: '\\e810'; }\n@mixin pictogram-bueroklammer { content: '\\e811'; }\n@mixin pictogram-bus { content: '\\e812'; }\n@mixin pictogram-container { content: '\\e813'; }\n@mixin pictogram-containerschiff { content: '\\e815'; }\n@mixin pictogram-daumen-hoch-a { content: '\\e816'; }\n@mixin pictogram-daumen-hoch-c { content: '\\e817'; }\n@mixin pictogram-daumen-hoch-b { content: '\\e818'; }\n@mixin pictogram-diagramm-mit-text { content: '\\e819'; }\n@mixin pictogram-diagramm-torte { content: '\\e81a'; }\n@mixin pictogram-diagramm-verlust { content: '\\e81b'; }\n@mixin pictogram-diagramm-wachstum { content: '\\e81c'; }\n@mixin pictogram-diagramm { content: '\\e81d'; }\n@mixin pictogram-co2 { content: '\\e814'; }\n@mixin pictogram-dokument-a { content: '\\e81e'; }\n@mixin pictogram-dokument-b { content: '\\e81f'; }\n@mixin pictogram-dokument-c { content: '\\e820'; }\n@mixin pictogram-e-auto { content: '\\e821'; }\n@mixin pictogram-e-learning { content: '\\e822'; }\n@mixin pictogram-einkaufstasche-mit-eurozeichen { content: '\\e824'; }\n@mixin pictogram-einkaufstasche { content: '\\e825'; }\n@mixin pictogram-einkaufswagen { content: '\\e826'; }\n@mixin pictogram-eu-emblem-brexit { content: '\\e827'; }\n@mixin pictogram-eu-emblem { content: '\\e828'; }\n@mixin pictogram-eule { content: '\\e829'; }\n@mixin pictogram-fabrik { content: '\\e82a'; }\n@mixin pictogram-fahne-horizontal-gestreift { content: '\\e82b'; }\n@mixin pictogram-fahne-kreuz { content: '\\e82c'; }\n@mixin pictogram-fahne-neutral { content: '\\e82d'; }\n@mixin pictogram-fahne-vertikal-gestreift { content: '\\e82e'; }\n@mixin pictogram-fahrrad-jobrad-dienstfahrrad { content: '\\e82f'; }\n@mixin pictogram-fahrrad-sportlich { content: '\\e830'; }\n@mixin pictogram-fahrrad { content: '\\e831'; }\n@mixin pictogram-faq-a { content: '\\e832'; }\n@mixin pictogram-faq-b { content: '\\e833'; }\n@mixin pictogram-fernglas { content: '\\e834'; }\n@mixin pictogram-fisch-frisst-fisch { content: '\\e835'; }\n@mixin pictogram-flugzeug { content: '\\e836'; }\n@mixin pictogram-frage { content: '\\e837'; }\n@mixin pictogram-fragezeichen { content: '\\e838'; }\n@mixin pictogram-geld-zuschuss-foerderung { content: '\\e839'; }\n@mixin pictogram-geldsack { content: '\\e83a'; }\n@mixin pictogram-freiheitsstatue { content: '\\e83b'; }\n@mixin pictogram-gruppe-gespraech { content: '\\e83c'; }\n@mixin pictogram-gruppe-idee { content: '\\e83d'; }\n@mixin pictogram-globus { content: '\\e83e'; }\n@mixin pictogram-gutschein-zuschuss-benefit { content: '\\e83f'; }\n@mixin pictogram-hand-a { content: '\\e840'; }\n@mixin pictogram-hand-b { content: '\\e841'; }\n@mixin pictogram-hand-c { content: '\\e842'; }\n@mixin pictogram-hand-geben { content: '\\e843'; }\n@mixin pictogram-hand-mit-werkzeug { content: '\\e844'; }\n@mixin pictogram-hand-gespreizt { content: '\\e845'; }\n@mixin pictogram-hand-zeigen-b { content: '\\e846'; }\n@mixin pictogram-hand-zeigen-a { content: '\\e847'; }\n@mixin pictogram-hand-zeigen-c { content: '\\e848'; }\n@mixin pictogram-handschlag-a { content: '\\e849'; }\n@mixin pictogram-handschlag-b { content: '\\e84a'; }\n@mixin pictogram-handschlag-c { content: '\\e84b'; }\n@mixin pictogram-heft { content: '\\e84c'; }\n@mixin pictogram-idee { content: '\\e84d'; }\n@mixin pictogram-ihk-chemnitz-a { content: '\\e84e'; }\n@mixin pictogram-ihk-chemnitz-b { content: '\\e84f'; }\n@mixin pictogram-ihk-chemnitz-c { content: '\\e850'; }\n@mixin pictogram-ihk-giessen-friedberg { content: '\\e851'; }\n@mixin pictogram-ihk-hagen { content: '\\e852'; }\n@mixin pictogram-ihk-heilbronn-franken { content: '\\e853'; }\n@mixin pictogram-ihk-köln { content: '\\e854'; }\n@mixin pictogram-ihk-rhein-neckar { content: '\\e855'; }\n@mixin pictogram-ihk-stuttgart { content: '\\e856'; }\n@mixin pictogram-ihk-wahl { content: '\\e857'; }\n@mixin pictogram-information { content: '\\e858'; }\n@mixin pictogram-kalender { content: '\\e859'; }\n@mixin pictogram-karte { content: '\\e85a'; }\n@mixin pictogram-koepfe-mit-sprechblase { content: '\\e85b'; }\n@mixin pictogram-kerze { content: '\\e85c'; }\n@mixin pictogram-kopf-mit-formel { content: '\\e85d'; }\n@mixin pictogram-kran { content: '\\e85e'; }\n@mixin pictogram-kuchen { content: '\\e85f'; }\n@mixin pictogram-labyrinth { content: '\\e860'; }\n@mixin pictogram-lkw { content: '\\e861'; }\n@mixin pictogram-maske { content: '\\e862'; }\n@mixin pictogram-megaphon { content: '\\e863'; }\n@mixin pictogram-mikrofon { content: '\\e864'; }\n@mixin pictogram-paket-mit-euro { content: '\\e865'; }\n@mixin pictogram-paket { content: '\\e866'; }\n@mixin pictogram-paragraph { content: '\\e867'; }\n@mixin pictogram-persoenliche_entwicklung { content: '\\e868'; }\n@mixin pictogram-person-an-tafel-a { content: '\\e869'; }\n@mixin pictogram-person-an-tafel-b { content: '\\e86a'; }\n@mixin pictogram-person-auf-schild { content: '\\e86b'; }\n@mixin pictogram-person-mit-brille-a { content: '\\e86c'; }\n@mixin pictogram-person-mit-brille-b { content: '\\e86d'; }\n@mixin pictogram-person-mit-buch { content: '\\e86e'; }\n@mixin pictogram-person-mit-doktorhut-a { content: '\\e86f'; }\n@mixin pictogram-person-mit-doktorhut-b { content: '\\e870'; }\n@mixin pictogram-person-mit-headset { content: '\\e871'; }\n@mixin pictogram-person-mit-uniform-a { content: '\\e872'; }\n@mixin pictogram-person-mit-uniform-b { content: '\\e873'; }\n@mixin pictogram-person { content: '\\e874'; }\n@mixin pictogram-personen-mit-brieftasche { content: '\\e875'; }\n@mixin pictogram-personen-mit-doktorhut { content: '\\e876'; }\n@mixin pictogram-personen-suche-a { content: '\\e877'; }\n@mixin pictogram-personen-suche-b { content: '\\e878'; }\n@mixin pictogram-pusteblume { content: '\\e879'; }\n@mixin pictogram-rakete-a { content: '\\e87a'; }\n@mixin pictogram-rakete-b { content: '\\e87b'; }\n@mixin pictogram-rednerpult { content: '\\e87c'; }\n@mixin pictogram-rettungsring { content: '\\e87d'; }\n@mixin pictogram-roboter { content: '\\e87e'; }\n@mixin pictogram-s-bahn { content: '\\e87f'; }\n@mixin pictogram-smilie { content: '\\e880'; }\n@mixin pictogram-social-facebook { content: '\\e881'; }\n@mixin pictogram-social-instagram { content: '\\e882'; }\n@mixin pictogram-social-linkedin { content: '\\e883'; }\n@mixin pictogram-social-twitter { content: '\\e884'; }\n@mixin pictogram-social-youtube { content: '\\e885'; }\n@mixin pictogram-solidaritaetsschleife { content: '\\e886'; }\n@mixin pictogram-stadt { content: '\\e887'; }\n@mixin pictogram-standort { content: '\\e888'; }\n@mixin pictogram-stern { content: '\\e889'; }\n@mixin pictogram-steuerung { content: '\\e88a'; }\n@mixin pictogram-stoppuhr { content: '\\e88b'; }\n@mixin pictogram-strommast { content: '\\e88c'; }\n@mixin pictogram-system-prozess { content: '\\e88d'; }\n@mixin pictogram-teamwork-team-zusammenarbeit { content: '\\e88e'; }\n@mixin pictogram-teller-besteck { content: '\\e88f'; }\n@mixin pictogram-treppe { content: '\\e890'; }\n@mixin pictogram-tropfen-a { content: '\\e891'; }\n@mixin pictogram-tropfen-b { content: '\\e892'; }\n@mixin pictogram-tulpe { content: '\\e893'; }\n@mixin pictogram-veranstaltung-intern-beruf { content: '\\e894'; }\n@mixin pictogram-veranstaltung-intern-feier { content: '\\e895'; }\n@mixin pictogram-videocall-a { content: '\\e896'; }\n@mixin pictogram-videocall-b { content: '\\e897'; }\n@mixin pictogram-videos { content: '\\e898'; }\n@mixin pictogram-virus { content: '\\e899'; }\n@mixin pictogram-waage { content: '\\e89a'; }\n@mixin pictogram-wegweiser-a { content: '\\e89b'; }\n@mixin pictogram-wegweiser-b { content: '\\e89c'; }\n@mixin pictogram-weltkugel-mit-flamme { content: '\\e89d'; }\n@mixin pictogram-weltkugel-mit-koffer { content: '\\e89e'; }\n@mixin pictogram-weltkugel { content: '\\e89f'; }\n@mixin pictogram-werkzeug { content: '\\e8a0'; }\n@mixin pictogram-windrad-a { content: '\\e8a1'; }\n@mixin pictogram-windrad-b { content: '\\e8a2'; }\n@mixin pictogram-wolke-mit-herz-und-sonne { content: '\\e8a3'; }\n@mixin pictogram-zeitung { content: '\\e8a4'; }\n\n@mixin icon-fa-play-circled2 { content: '\\e800'; }\n@mixin icon-fa-play { content: '\\e801'; }\n@mixin icon-fa-basket { content: '\\e843'; }\n@mixin icon-fa-play-circled { content: '\\f144'; }\n@mixin icon-fa-cart-plus { content: '\\f217'; }\n@mixin icon-fa-cart-arrow-down { content: '\\f218'; }\n\n@mixin icon-galerie-small { content: '\\e870'; }\n@mixin icon-interaction-small { content: '\\e871'; }\n@mixin icon-video-small { content: '\\e872'; }\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]); \ No newline at end of file diff --git a/gfi-ihk-2024/storybook-static/2707.c1d7b79e.iframe.bundle.js b/gfi-ihk-2024/storybook-static/2707.c1d7b79e.iframe.bundle.js deleted file mode 100644 index 9d11e42..0000000 --- a/gfi-ihk-2024/storybook-static/2707.c1d7b79e.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[2707],{"./stories/atoms/event-teaser/EventTeaserComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{i:()=>createEventTeaser});__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.string.link.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.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.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.test.js"),__webpack_require__("./node_modules/core-js/modules/es.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),event_teaser=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/event-teaser/event-teaser.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(event_teaser.Z,options);event_teaser.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),EventTeaserData=__webpack_require__("./stories/atoms/event-teaser/EventTeaserData.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.d(__webpack_exports__,{U$:()=>NoDateEventTeaserData,V5:()=>SearchResultEventTeaserData,bA:()=>EventTeaserTitles,d9:()=>EventTeaserStatus,fy:()=>EventTeaserData});var EventTeaserTitles=["Basisseminar – Besser informiert in die Selbstständigkeit","NBank-Beratungssprechtag in Göttingen","Aktuelle Änderungen im Zoll- und Aussenwirtschaftsrecht zum Jahreswechsel 2022/2023","Social Media Manager/-in (IHK) - Webinar"],EventTeaserStatus=[{type:"reserved",label:"Anmeldefrist abgelaufen"},{type:"waiting-list",label:"Warteliste"},{type:"open",label:"Freie Plätze vorhanden"}],EventTeaserData={date:{weekday:"Mo.",day:"20",month:"Sep. 2022"},title:EventTeaserTitles[Math.floor(Math.random()*EventTeaserTitles.length)],link:"#",details:null},NoDateEventTeaserData={date:null,title:EventTeaserTitles[Math.floor(Math.random()*EventTeaserTitles.length)],link:"#",details:null},SearchResultEventTeaserData={date:{weekday:"Mo.",day:"20",month:"Sep. 2022"},title:EventTeaserTitles[Math.floor(Math.random()*EventTeaserTitles.length)],link:"#",details:{date:"20.09.2022",time:"19:00 Uhr",price:"299 €",location:"Musterstraße 12, 12345 Muster",status:EventTeaserStatus[Math.floor(Math.random()*EventTeaserStatus.length)]}}},"./node_modules/core-js/internals/object-to-array.js":(module,__unused_webpack_exports,__webpack_require__)=>{var DESCRIPTORS=__webpack_require__("./node_modules/core-js/internals/descriptors.js"),uncurryThis=__webpack_require__("./node_modules/core-js/internals/function-uncurry-this.js"),objectKeys=__webpack_require__("./node_modules/core-js/internals/object-keys.js"),toIndexedObject=__webpack_require__("./node_modules/core-js/internals/to-indexed-object.js"),propertyIsEnumerable=uncurryThis(__webpack_require__("./node_modules/core-js/internals/object-property-is-enumerable.js").f),push=uncurryThis([].push),createMethod=function(TO_ENTRIES){return function(it){for(var key,O=toIndexedObject(it),keys=objectKeys(O),length=keys.length,i=0,result=[];length>i;)key=keys[i++],DESCRIPTORS&&!propertyIsEnumerable(O,key)||push(result,TO_ENTRIES?[key,O[key]]:O[key]);return result}};module.exports={entries:createMethod(!0),values:createMethod(!1)}},"./node_modules/core-js/modules/es.array.from.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{var $=__webpack_require__("./node_modules/core-js/internals/export.js"),from=__webpack_require__("./node_modules/core-js/internals/array-from.js");$({target:"Array",stat:!0,forced:!__webpack_require__("./node_modules/core-js/internals/check-correctness-of-iteration.js")((function(iterable){Array.from(iterable)}))},{from})},"./node_modules/core-js/modules/es.array.is-array.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{__webpack_require__("./node_modules/core-js/internals/export.js")({target:"Array",stat:!0},{isArray:__webpack_require__("./node_modules/core-js/internals/is-array.js")})},"./node_modules/core-js/modules/es.array.slice.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var $=__webpack_require__("./node_modules/core-js/internals/export.js"),isArray=__webpack_require__("./node_modules/core-js/internals/is-array.js"),isConstructor=__webpack_require__("./node_modules/core-js/internals/is-constructor.js"),isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),toAbsoluteIndex=__webpack_require__("./node_modules/core-js/internals/to-absolute-index.js"),lengthOfArrayLike=__webpack_require__("./node_modules/core-js/internals/length-of-array-like.js"),toIndexedObject=__webpack_require__("./node_modules/core-js/internals/to-indexed-object.js"),createProperty=__webpack_require__("./node_modules/core-js/internals/create-property.js"),wellKnownSymbol=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js"),arrayMethodHasSpeciesSupport=__webpack_require__("./node_modules/core-js/internals/array-method-has-species-support.js"),nativeSlice=__webpack_require__("./node_modules/core-js/internals/array-slice.js"),HAS_SPECIES_SUPPORT=arrayMethodHasSpeciesSupport("slice"),SPECIES=wellKnownSymbol("species"),$Array=Array,max=Math.max;$({target:"Array",proto:!0,forced:!HAS_SPECIES_SUPPORT},{slice:function slice(start,end){var Constructor,result,n,O=toIndexedObject(this),length=lengthOfArrayLike(O),k=toAbsoluteIndex(start,length),fin=toAbsoluteIndex(void 0===end?length:end,length);if(isArray(O)&&(Constructor=O.constructor,(isConstructor(Constructor)&&(Constructor===$Array||isArray(Constructor.prototype))||isObject(Constructor)&&null===(Constructor=Constructor[SPECIES]))&&(Constructor=void 0),Constructor===$Array||void 0===Constructor))return nativeSlice(O,k,fin);for(result=new(void 0===Constructor?$Array:Constructor)(max(fin-k,0)),n=0;k{var $=__webpack_require__("./node_modules/core-js/internals/export.js"),$entries=__webpack_require__("./node_modules/core-js/internals/object-to-array.js").entries;$({target:"Object",stat:!0},{entries:function entries(O){return $entries(O)}})},"./node_modules/core-js/modules/es.regexp.test.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{"use strict";__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js");var execCalled,re,$=__webpack_require__("./node_modules/core-js/internals/export.js"),call=__webpack_require__("./node_modules/core-js/internals/function-call.js"),isCallable=__webpack_require__("./node_modules/core-js/internals/is-callable.js"),anObject=__webpack_require__("./node_modules/core-js/internals/an-object.js"),toString=__webpack_require__("./node_modules/core-js/internals/to-string.js"),DELEGATES_TO_EXEC=(execCalled=!1,(re=/[ac]/).exec=function(){return execCalled=!0,/./.exec.apply(this,arguments)},!0===re.test("abc")&&execCalled),nativeTest=/./.test;$({target:"RegExp",proto:!0,forced:!DELEGATES_TO_EXEC},{test:function(S){var R=anObject(this),string=toString(S),exec=R.exec;if(!isCallable(exec))return call(nativeTest,R,string);var result=call(exec,R,string);return null!==result&&(anObject(result),!0)}})},"./node_modules/core-js/modules/es.symbol.iterator.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{__webpack_require__("./node_modules/core-js/internals/well-known-symbol-define.js")("iterator")},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/event-teaser/event-teaser.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__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,'.event-teaser,.events-list a:not(.btn){background-color:#fff;border-radius:8px;overflow:hidden;display:flex;transition:.3s ease;text-decoration:none}.event-teaser.focus-visible:focus,.events-list a:not(.btn).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}.event-teaser:focus-visible,.event-teaser.-moz-focusring,.events-list a:not(.btn):focus-visible,.events-list a:not(.btn).-moz-focusring{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.event-teaser:hover,.events-list a:not(.btn):hover{color:var(--theme-color-secondary-intensed)}.event-teaser:hover .date-box,.events-list a:not(.btn):hover .date-box{background-color:var(--theme-color-secondary-intensed)}.event-teaser .date-box,.events-list a:not(.btn) .date-box{display:flex;flex-direction:column;justify-content:flex-end;background-color:var(--theme-color-primary);color:var(--theme-color-white);margin-right:18px;font-family:"Korb",sans-serif;min-height:80px;font-size:14px;line-height:1;text-transform:uppercase;padding:7px 12px 8px;min-width:80px;transition:.2s ease}@media(max-width: 767px){.event-teaser .date-box,.events-list a:not(.btn) .date-box{margin-right:12px;justify-content:flex-start;padding-top:10px}}.event-teaser .date-box span,.events-list a:not(.btn) .date-box span{white-space:nowrap}.event-teaser .date-box span abbr,.events-list a:not(.btn) .date-box span abbr{text-decoration:none}.event-teaser .date-box span:nth-child(2),.events-list a:not(.btn) .date-box span:nth-child(2){font-size:36px;margin-left:-2px}.event-teaser .date-box.no-date,.events-list a:not(.btn) .date-box.no-date{align-items:flex-start}.event-teaser .date-box.no-date:before,.events-list a:not(.btn) .date-box.no-date:before{content:"";font-family:"Icons",sans-serif;font-size:var(--icon-size);line-height:1;margin-bottom:4px;margin-top:5px}.event-teaser .date-box.no-date *,.events-list a:not(.btn) .date-box.no-date *{display:none}.event-teaser .text-box,.events-list a:not(.btn) .text-box{align-self:center;padding:10px 18px 10px 0;line-height:1.2}@media(max-width: 767px){.event-teaser .text-box,.events-list a:not(.btn) .text-box{font-size:var(--font-size-small)}}.event-teaser p,.events-list a:not(.btn) p{margin:0}.event-teaser p:not(:last-child),.events-list a:not(.btn) p:not(:last-child){margin:2px 0 .3em}.event-teaser .ev-title~div,.events-list a:not(.btn) .ev-title~div{display:inline-block;font-size:var(--font-size-small);line-height:1.2em;margin-right:15px;margin-bottom:2px;color:var(--theme-color-primary)}.event-teaser .ev-title~div::before,.events-list a:not(.btn) .ev-title~div::before{position:relative;display:inline-block;font-family:"Icons",sans-serif;font-size:18px;line-height:20px;margin-right:5px;vertical-align:top;color:var(--theme-color-primary)}@media(max-width: 567px){.event-teaser .ev-title~div,.events-list a:not(.btn) .ev-title~div{display:block;padding-left:24px;position:relative}.event-teaser .ev-title~div:before,.events-list a:not(.btn) .ev-title~div:before{position:absolute;left:0}}.event-teaser .ev-title~div.date::before,.events-list a:not(.btn) .ev-title~div.date::before{content:""}.event-teaser .ev-title~div.time::before,.events-list a:not(.btn) .ev-title~div.time::before{content:""}.event-teaser .ev-title~div.location::before,.events-list a:not(.btn) .ev-title~div.location::before{content:""}.event-teaser .ev-title~div.interested-parties::before,.events-list a:not(.btn) .ev-title~div.interested-parties::before{content:""}.event-teaser .ev-title~div.price::before,.events-list a:not(.btn) .ev-title~div.price::before{content:""}.event-teaser .ev-title~div.status::before,.events-list a:not(.btn) .ev-title~div.status::before{content:"";color:var(--theme-color-secondary-intensed)}.event-teaser .ev-title~div.status.interested-parties::before,.event-teaser .ev-title~div.status.waiting-list::before,.events-list a:not(.btn) .ev-title~div.status.interested-parties::before,.events-list a:not(.btn) .ev-title~div.status.waiting-list::before{content:"";color:var(--theme-color-primary)}.event-teaser .ev-title~div.status.reserved::before,.events-list a:not(.btn) .ev-title~div.status.reserved::before{content:"";color:var(--theme-color-error)}',"",{version:3,sources:["webpack://./stories/atoms/event-teaser/event-teaser.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAAA,uCAGA,qBACE,CAAA,iBACA,CAAA,eACA,CAAA,YACA,CAAA,mBACA,CAAA,oBACA,CAAA,+ECwKE,4GACE,CAAA,SACA,CAAA,wIAEF,4GACE,CAAA,SACA,CAAA,mDD3KJ,2CACE,CAAA,uEAEA,sDACE,CAAA,2DAIJ,YACE,CAAA,qBACA,CAAA,wBACA,CAAA,2CACA,CAAA,8BACA,CAAA,iBACA,CAAA,6BACA,CAAA,eACA,CAAA,cACA,CAAA,aACA,CAAA,wBACA,CAAA,oBACA,CAAA,cACA,CAAA,mBACA,CAAA,yBAEA,2DAhBF,iBAiBI,CAAA,0BACA,CAAA,gBACA,CAAA,CAAA,qEAGF,kBACE,CAAA,+EACA,oBACE,CAAA,+FAIJ,cACE,CAAA,gBACA,CAAA,2EAGF,sBACE,CAAA,yFAEA,WCiMgB,CAAA,8BD/Ld,CAAA,0BACA,CAAA,aACA,CAAA,iBACA,CAAA,cACA,CAAA,+EAGF,YACE,CAAA,2DAKN,iBACE,CAAA,wBACA,CAAA,eACA,CAAA,yBAEA,2DALF,gCAMI,CAAA,CAAA,2CAIJ,QACE,CAAA,6EAEA,iBACE,CAAA,mEAKF,oBACE,CAAA,gCACA,CAAA,iBACA,CAAA,iBACA,CAAA,iBACA,CAAA,gCACA,CAAA,mFAEA,iBACE,CAAA,oBACA,CAAA,8BACA,CAAA,cACA,CAAA,gBACA,CAAA,gBACA,CAAA,kBACA,CAAA,gCACA,CAAA,yBAGF,mEAnBF,aAoBI,CAAA,iBACA,CAAA,iBACA,CAAA,iFAEA,iBACE,CAAA,MACA,CAAA,CAAA,6FAIJ,WC0KwB,CAAA,6FDvKxB,WC0KmB,CAAA,qGDvKnB,WCgKmB,CAAA,yHD7JnB,WCkKqB,CAAA,+FD/JrB,WC4JoB,CAAA,iGDxJlB,WC4JmB,CAAA,2CD1JjB,CAAA,kQAIA,WCqJiB,CAAA,gCDnJf,CAAA,mHAIJ,WC6IyB,CAAA,8BD3IvB",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.event-teaser, .events-list a:not(.btn) {\n background-color: white;\n border-radius: 8px;\n overflow: hidden;\n display: flex;\n transition: 0.3s ease;\n text-decoration: none;\n @include focus-visible;\n\n &:hover {\n color: var(--theme-color-secondary-intensed);\n\n .date-box {\n background-color: var(--theme-color-secondary-intensed);\n }\n }\n\n .date-box {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n background-color: var(--theme-color-primary);\n color: var(--theme-color-white);\n margin-right: 18px;\n font-family: \"Korb\", sans-serif;\n min-height: 80px;\n font-size: 14px;\n line-height: 1;\n text-transform: uppercase;\n padding: 7px 12px 8px;\n min-width: 80px;\n transition: 0.2s ease;\n\n @media(max-width: 767px) {\n margin-right: 12px;\n justify-content: flex-start;\n padding-top: 10px;\n }\n\n span {\n white-space: nowrap;\n abbr {\n text-decoration: none;\n }\n }\n\n span:nth-child(2) {\n font-size: 36px;\n margin-left: -2px;\n }\n\n &.no-date {\n align-items: flex-start;\n\n &:before {\n @include icon-sanduhr;\n font-family: 'Icons', sans-serif;\n font-size: var(--icon-size);\n line-height: 1;\n margin-bottom: 4px;\n margin-top: 5px;\n }\n\n * {\n display: none;\n }\n }\n }\n\n .text-box {\n align-self: center;\n padding: 10px 18px 10px 0;\n line-height: 1.2;\n\n @media(max-width: 767px) {\n font-size: var(--font-size-small);\n }\n }\n\n p {\n margin: 0;\n\n &:not(:last-child) {\n margin: 2px 0 0.3em;\n }\n }\n\n .ev-title {\n ~ div {\n display: inline-block;\n font-size: var(--font-size-small);\n line-height: 1.2em;\n margin-right: 15px;\n margin-bottom: 2px;\n color: var(--theme-color-primary);\n\n &::before {\n position: relative;\n display: inline-block;\n font-family: 'Icons', sans-serif;\n font-size: 18px;\n line-height: 20px;\n margin-right: 5px;\n vertical-align: top;\n color: var(--theme-color-primary);\n }\n\n @media(max-width: 567px) {\n display: block;\n padding-left: 24px;\n position: relative;\n\n &:before {\n position: absolute;\n left: 0;\n }\n }\n\n &.date::before {\n @include icon-xsmall-kalender;\n }\n &.time::before {\n @include icon-xsmall-uhr;\n }\n &.location::before {\n @include icon-xsmall-pin;\n }\n &.interested-parties::before {\n @include icon-xsmall-liste;\n }\n &.price::before {\n @include icon-xsmall-euro;\n }\n &.status {\n &::before {\n @include icon-xsmall-offen;\n color: var(--theme-color-secondary-intensed);\n }\n\n &.interested-parties, &.waiting-list {\n &::before {\n @include icon-xsmall-liste;\n color: var(--theme-color-primary);\n }\n }\n\n &.reserved::before {\n @include icon-xsmall-geschlossen;\n color: var(--theme-color-error);\n }\n }\n }\n }\n}","@mixin h1 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h1);\n line-height: 1.1;\n font-weight: 400;\n margin: 0.6em -0.05em 0.5em;\n\n &:first-child {\n margin-top: -0.1em;\n }\n}\n\n@mixin h2 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h2);\n line-height: 1.2;\n font-weight: 400;\n margin: 1.4em -0.05em 0.6em;\n}\n\n@mixin h3 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h3);\n line-height: 1.2;\n font-weight: 400;\n margin: 1.4em -0.05em 0.6em;\n}\n\n@mixin h4 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h4);\n font-style: normal;\n font-weight: normal;\n line-height: 1.2;\n margin: 1.4em -0.05em 0.8em;\n}\n\n@mixin h5 {\n font-family: var(--font-korb);\n font-size: 22px;\n line-height: 1.2;\n font-weight: 400;\n margin: 1em 0 0.6em;\n\n @media(max-width: 1339px) {\n font-size: 20px;\n }\n @media(max-width: 767px) {\n font-size: 18px;\n }\n}\n\n@mixin h6 {\n font-size: inherit;\n line-height: 1.4;\n font-weight: 600;\n margin: 1.2em 0 0.5em;\n}\n\n@mixin kicker {\n display: block;\n font-size: 16px;\n //text-transform: uppercase;\n margin-bottom: 2px;\n letter-spacing: 0.3px;\n\n @media(max-width: 767px) {\n font-size: 14px;\n }\n\n + h1,\n + .like-h1 {\n margin-top: 0.1em;\n }\n\n + h2, + .like-h2,\n + h3, + .like-h3,\n + h4 + .like-h4, {\n margin-top: 0.2em;\n }\n}\n\n@mixin hide($delay: 0s) {\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n transition: opacity 0.4s ease $delay, visibility $delay ease 0.4s, transform 0.4s ease $delay;\n}\n\n@mixin show($delay: 0s) {\n opacity: 1;\n visibility: visible;\n pointer-events: all;\n transition: opacity 0.4s ease $delay, visibility 0s ease $delay, transform 0.4s ease $delay;\n}\n\n@mixin full-size {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n\n@mixin copyright {\n position: absolute;\n display: block;\n left: 100%;\n bottom: 0;\n font-size: 12px;\n text-align: left;\n line-height: 1.2;\n z-index: 2;\n transform-origin: 0 100%;\n transform: rotate(-90deg);\n transition: 0.3s ease;\n\n color: white;\n text-shadow: 0 0 3px rgba(black, 0.6), 0 0 8px rgba(black, 0.6);\n width: calc(66.6% + 7px);\n padding: 8px 18px;\n\n //color: var(--theme-color-white);\n //text-shadow: -2px 2px 0 #000;\n //padding: 2px 6px 2px 4px;\n //background: #012d59;\n //white-space: nowrap;\n //max-width: calc(66.6% + 7px);\n //overflow: hidden;\n //\n //@media(max-width: 767px) {\n // font-size: 10px;\n // max-width: 100%;\n //}\n}\n\n@mixin form-field {\n --input-height: 60px;\n position: relative;\n display: block;\n width: 100%;\n height: var(--input-height);\n background-color: var(--theme-color-white);\n border: 1px solid var(--theme-color-primary);\n border-radius: var(--border-radius-xs);\n padding: 10px 15px;\n font-family: 'Source Sans Pro', sans-serif;\n font-size: var(--font-size-copy);\n line-height: 1.4;\n transition: 0.3s ease;\n color: var(--theme-color-primary);\n\n &:focus {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n\n @media(max-width: 1199px) {\n --input-height: 50px;\n }\n @media(max-width: 767px) {\n --input-height: 44px;\n }\n}\n\n@mixin focus-visible($inset: false) {\n @if $inset {\n &.focus-visible:focus {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n &:focus-visible, &.-moz-focusring {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n }\n @else {\n &.focus-visible:focus {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n &:focus-visible, &.-moz-focusring {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n }\n}\n\n@mixin focus-standalone($inset: false) {\n @if $inset {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n @else {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n}\n\n@mixin word-wrap() {\n word-break: break-word;\n -webkit-hyphens: auto;\n -moz-hyphens: auto;\n hyphens: auto;\n}\n\n// ICONS\n@mixin icon-ankerlink { content: '\\e800'; }\n@mixin icon-barrierefreiheit { content: '\\e801'; }\n@mixin icon-chat { content: '\\e802'; }\n@mixin icon-check { content: '\\e803'; }\n@mixin icon-checkbox-liste-1 { content: '\\e804'; }\n@mixin icon-content-schloss { content: '\\e805'; }\n@mixin icon-content { content: '\\e807'; }\n@mixin icon-dauer { content: '\\e808'; }\n@mixin icon-download { content: '\\e809'; }\n@mixin icon-dropdown { content: '\\e80a'; }\n@mixin icon-drucker { content: '\\e80b'; }\n@mixin icon-email { content: '\\e80c'; }\n@mixin icon-fax { content: '\\e80d'; }\n@mixin icon-freie-plaetze { content: '\\e80e'; }\n@mixin icon-galerie { content: '\\e80f'; }\n@mixin icon-gebaerdensprache { content: '\\e810'; }\n@mixin icon-geschlossen { content: '\\e811'; }\n@mixin icon-ihk-wechseln { content: '\\e812'; }\n@mixin icon-info { content: '\\e813'; }\n@mixin icon-kalender { content: '\\e814'; }\n@mixin icon-kartenpin { content: '\\e815'; }\n@mixin icon-kontakt { content: '\\e816'; }\n@mixin icon-laden { content: '\\e817'; }\n@mixin icon-leichte-sprache { content: '\\e818'; }\n@mixin icon-link-external { content: '\\e819'; }\n@mixin icon-liste-schloss { content: '\\e81a'; }\n@mixin icon-liste-stern { content: '\\e81b'; }\n@mixin icon-liste { content: '\\e81c'; }\n@mixin icon-loeschen { content: '\\e81d'; }\n@mixin icon-login { content: '\\e81e'; }\n@mixin icon-minus { content: '\\e81f'; }\n@mixin icon-pdf { content: '\\e820'; }\n@mixin icon-pfeil-links { content: '\\e821'; }\n@mixin icon-pfeil-oben { content: '\\e822'; }\n@mixin icon-pfeil-rechts-schloss { content: '\\e823'; }\n@mixin icon-pfeil-rechts-stern { content: '\\e824'; }\n@mixin icon-pfeil-rechts { content: '\\e825'; }\n@mixin icon-pfeil-simple-rechts { content: '\\e826'; }\n@mixin icon-pfeil-unten { content: '\\e827'; }\n@mixin icon-plus { content: '\\e828'; }\n@mixin icon-preis { content: '\\e829'; }\n@mixin icon-referent { content: '\\e82a'; }\n@mixin icon-reset { content: '\\e82b'; }\n@mixin icon-sanduhr { content: '\\e82c'; }\n@mixin icon-schliessen { content: '\\e82d'; }\n@mixin icon-schloss { content: '\\e82e'; }\n@mixin icon-sprache { content: '\\e82f'; }\n@mixin icon-stern { content: '\\e830'; }\n@mixin icon-suche-adresse { content: '\\e831'; }\n@mixin icon-suche-archiv { content: '\\e832'; }\n@mixin icon-suche-az { content: '\\e833'; }\n@mixin icon-suche-chat { content: '\\e834'; }\n@mixin icon-suche-datei { content: '\\e835'; }\n@mixin icon-suche-firma { content: '\\e836'; }\n@mixin icon-suche-magazin { content: '\\e837'; }\n@mixin icon-suche-mail { content: '\\e838'; }\n@mixin icon-suche-person { content: '\\e839'; }\n@mixin icon-suche-schloss { content: '\\e83a'; }\n@mixin icon-suche-veranstaltung { content: '\\e83b'; }\n@mixin icon-suche { content: '\\e83c'; }\n@mixin icon-teilnehmer-add { content: '\\e83d'; }\n@mixin icon-telefon { content: '\\e83e'; }\n@mixin icon-vcard { content: '\\e83f'; }\n@mixin icon-small-arrow-right-simple { content: '\\e840'; }\n@mixin icon-small-barrierefreiheit { content: '\\e841'; }\n@mixin icon-small-download { content: '\\e842'; }\n@mixin icon-small-gebaerdensprache { content: '\\e843'; }\n@mixin icon-small-kontakt { content: '\\e844'; }\n@mixin icon-small-leichte-sprache { content: '\\e845'; }\n@mixin icon-small-link-external { content: '\\e846'; }\n@mixin icon-small-login { content: '\\e847'; }\n@mixin icon-small-pfeil-rechts { content: '\\e848'; }\n@mixin icon-small-sprache { content: '\\e849'; }\n@mixin icon-small-schloss { content: '\\e84a'; }\n@mixin icon-small-stern { content: '\\e84b'; }\n@mixin icon-teilen { content: '\\e84c'; }\n@mixin icon-social-telegram { content: '\\e84d'; }\n@mixin icon-social-threema { content: '\\e84e'; }\n@mixin icon-social-whatsapp { content: '\\e84f'; }\n@mixin icon-suche-big { content: '\\e850'; }\n@mixin icon-xsmall-pin { content: '\\e851'; }\n@mixin icon-check-1 { content: '\\e852'; }\n@mixin icon-xsmall-euro { content: '\\e853'; }\n@mixin icon-xsmall-geschlossen { content: '\\e854'; }\n@mixin icon-xsmall-kalender { content: '\\e855'; }\n@mixin icon-xsmall-liste { content: '\\e856'; }\n@mixin icon-xsmall-offen { content: '\\e857'; }\n@mixin icon-xsmall-uhr { content: '\\e858'; }\n@mixin icon-social-facebook { content: '\\e859'; }\n@mixin icon-liste-1 { content: '\\e85a'; }\n@mixin icon-social-linkedin { content: '\\e85b'; }\n@mixin icon-social-pinterest { content: '\\e85c'; }\n@mixin icon-social_x { content: '\\e85d'; }\n@mixin icon-social-xing { content: '\\e85e'; }\n@mixin icon-zoom { content: '\\e85f'; }\n@mixin icon-social-youtube { content: '\\e860'; }\n@mixin icon-social-instagram { content: '\\e861'; }\n@mixin icon-faq { content: '\\e869'; }\n@mixin icon-checkbox-liste { content: '\\e86a'; }\n@mixin icon-content-stern { content: '\\e86b'; }\n@mixin icon-small-election-group { content: '\\e86c'; }\n@mixin icon-small-icon-election-location { content: '\\e86e'; }\n@mixin icon-userlike { content: '\\e8c6'; }\n@mixin icon-userlike-chat { content: '\\e8c7'; }\n@mixin icon-magazine { content: '\\e8c8'; }\n@mixin icon-lokalisierung { content: '\\e8c9'; }\n@mixin icon-login-flyout { content: '\\e8ca'; }\n@mixin icon-login-header { content: '\\e8cb'; }\n@mixin icon-social-twitter { content: '\\e85d'; }\n@mixin icon-play { content: '\\e86d'; }\n@mixin icon-pause { content: '\\e806'; }\n@mixin icon-volume-mute { content: '\\e862'; }\n@mixin icon-volume-on { content: '\\e86f'; }\n@mixin icon-ankerlink-right { content: '\\e873'; }\n\n// PICTOGRAMS\n@mixin pictogram-achtung { content: '\\e800'; }\n@mixin pictogram-achtung-strom { content: '\\e801'; }\n@mixin pictogram-aeskulapstab { content: '\\e802'; }\n@mixin pictogram-anker { content: '\\e803'; }\n@mixin pictogram-anstossen { content: '\\e804'; }\n@mixin pictogram-arbeitsplatz { content: '\\e805'; }\n@mixin pictogram-auktionshammer { content: '\\e806'; }\n@mixin pictogram-batterie { content: '\\e807'; }\n@mixin pictogram-ausruf { content: '\\e808'; }\n@mixin pictogram-bauhelm { content: '\\e809'; }\n@mixin pictogram-benefit-vorteil-geschenk { content: '\\e80a'; }\n@mixin pictogram-bett { content: '\\e80b'; }\n@mixin pictogram-blatt { content: '\\e80c'; }\n@mixin pictogram-blume { content: '\\e80d'; }\n@mixin pictogram-blume-b { content: '\\e80e'; }\n@mixin pictogram-brief { content: '\\e80f'; }\n@mixin pictogram-brille-auf-buch { content: '\\e810'; }\n@mixin pictogram-bueroklammer { content: '\\e811'; }\n@mixin pictogram-bus { content: '\\e812'; }\n@mixin pictogram-container { content: '\\e813'; }\n@mixin pictogram-containerschiff { content: '\\e815'; }\n@mixin pictogram-daumen-hoch-a { content: '\\e816'; }\n@mixin pictogram-daumen-hoch-c { content: '\\e817'; }\n@mixin pictogram-daumen-hoch-b { content: '\\e818'; }\n@mixin pictogram-diagramm-mit-text { content: '\\e819'; }\n@mixin pictogram-diagramm-torte { content: '\\e81a'; }\n@mixin pictogram-diagramm-verlust { content: '\\e81b'; }\n@mixin pictogram-diagramm-wachstum { content: '\\e81c'; }\n@mixin pictogram-diagramm { content: '\\e81d'; }\n@mixin pictogram-co2 { content: '\\e814'; }\n@mixin pictogram-dokument-a { content: '\\e81e'; }\n@mixin pictogram-dokument-b { content: '\\e81f'; }\n@mixin pictogram-dokument-c { content: '\\e820'; }\n@mixin pictogram-e-auto { content: '\\e821'; }\n@mixin pictogram-e-learning { content: '\\e822'; }\n@mixin pictogram-einkaufstasche-mit-eurozeichen { content: '\\e824'; }\n@mixin pictogram-einkaufstasche { content: '\\e825'; }\n@mixin pictogram-einkaufswagen { content: '\\e826'; }\n@mixin pictogram-eu-emblem-brexit { content: '\\e827'; }\n@mixin pictogram-eu-emblem { content: '\\e828'; }\n@mixin pictogram-eule { content: '\\e829'; }\n@mixin pictogram-fabrik { content: '\\e82a'; }\n@mixin pictogram-fahne-horizontal-gestreift { content: '\\e82b'; }\n@mixin pictogram-fahne-kreuz { content: '\\e82c'; }\n@mixin pictogram-fahne-neutral { content: '\\e82d'; }\n@mixin pictogram-fahne-vertikal-gestreift { content: '\\e82e'; }\n@mixin pictogram-fahrrad-jobrad-dienstfahrrad { content: '\\e82f'; }\n@mixin pictogram-fahrrad-sportlich { content: '\\e830'; }\n@mixin pictogram-fahrrad { content: '\\e831'; }\n@mixin pictogram-faq-a { content: '\\e832'; }\n@mixin pictogram-faq-b { content: '\\e833'; }\n@mixin pictogram-fernglas { content: '\\e834'; }\n@mixin pictogram-fisch-frisst-fisch { content: '\\e835'; }\n@mixin pictogram-flugzeug { content: '\\e836'; }\n@mixin pictogram-frage { content: '\\e837'; }\n@mixin pictogram-fragezeichen { content: '\\e838'; }\n@mixin pictogram-geld-zuschuss-foerderung { content: '\\e839'; }\n@mixin pictogram-geldsack { content: '\\e83a'; }\n@mixin pictogram-freiheitsstatue { content: '\\e83b'; }\n@mixin pictogram-gruppe-gespraech { content: '\\e83c'; }\n@mixin pictogram-gruppe-idee { content: '\\e83d'; }\n@mixin pictogram-globus { content: '\\e83e'; }\n@mixin pictogram-gutschein-zuschuss-benefit { content: '\\e83f'; }\n@mixin pictogram-hand-a { content: '\\e840'; }\n@mixin pictogram-hand-b { content: '\\e841'; }\n@mixin pictogram-hand-c { content: '\\e842'; }\n@mixin pictogram-hand-geben { content: '\\e843'; }\n@mixin pictogram-hand-mit-werkzeug { content: '\\e844'; }\n@mixin pictogram-hand-gespreizt { content: '\\e845'; }\n@mixin pictogram-hand-zeigen-b { content: '\\e846'; }\n@mixin pictogram-hand-zeigen-a { content: '\\e847'; }\n@mixin pictogram-hand-zeigen-c { content: '\\e848'; }\n@mixin pictogram-handschlag-a { content: '\\e849'; }\n@mixin pictogram-handschlag-b { content: '\\e84a'; }\n@mixin pictogram-handschlag-c { content: '\\e84b'; }\n@mixin pictogram-heft { content: '\\e84c'; }\n@mixin pictogram-idee { content: '\\e84d'; }\n@mixin pictogram-ihk-chemnitz-a { content: '\\e84e'; }\n@mixin pictogram-ihk-chemnitz-b { content: '\\e84f'; }\n@mixin pictogram-ihk-chemnitz-c { content: '\\e850'; }\n@mixin pictogram-ihk-giessen-friedberg { content: '\\e851'; }\n@mixin pictogram-ihk-hagen { content: '\\e852'; }\n@mixin pictogram-ihk-heilbronn-franken { content: '\\e853'; }\n@mixin pictogram-ihk-köln { content: '\\e854'; }\n@mixin pictogram-ihk-rhein-neckar { content: '\\e855'; }\n@mixin pictogram-ihk-stuttgart { content: '\\e856'; }\n@mixin pictogram-ihk-wahl { content: '\\e857'; }\n@mixin pictogram-information { content: '\\e858'; }\n@mixin pictogram-kalender { content: '\\e859'; }\n@mixin pictogram-karte { content: '\\e85a'; }\n@mixin pictogram-koepfe-mit-sprechblase { content: '\\e85b'; }\n@mixin pictogram-kerze { content: '\\e85c'; }\n@mixin pictogram-kopf-mit-formel { content: '\\e85d'; }\n@mixin pictogram-kran { content: '\\e85e'; }\n@mixin pictogram-kuchen { content: '\\e85f'; }\n@mixin pictogram-labyrinth { content: '\\e860'; }\n@mixin pictogram-lkw { content: '\\e861'; }\n@mixin pictogram-maske { content: '\\e862'; }\n@mixin pictogram-megaphon { content: '\\e863'; }\n@mixin pictogram-mikrofon { content: '\\e864'; }\n@mixin pictogram-paket-mit-euro { content: '\\e865'; }\n@mixin pictogram-paket { content: '\\e866'; }\n@mixin pictogram-paragraph { content: '\\e867'; }\n@mixin pictogram-persoenliche_entwicklung { content: '\\e868'; }\n@mixin pictogram-person-an-tafel-a { content: '\\e869'; }\n@mixin pictogram-person-an-tafel-b { content: '\\e86a'; }\n@mixin pictogram-person-auf-schild { content: '\\e86b'; }\n@mixin pictogram-person-mit-brille-a { content: '\\e86c'; }\n@mixin pictogram-person-mit-brille-b { content: '\\e86d'; }\n@mixin pictogram-person-mit-buch { content: '\\e86e'; }\n@mixin pictogram-person-mit-doktorhut-a { content: '\\e86f'; }\n@mixin pictogram-person-mit-doktorhut-b { content: '\\e870'; }\n@mixin pictogram-person-mit-headset { content: '\\e871'; }\n@mixin pictogram-person-mit-uniform-a { content: '\\e872'; }\n@mixin pictogram-person-mit-uniform-b { content: '\\e873'; }\n@mixin pictogram-person { content: '\\e874'; }\n@mixin pictogram-personen-mit-brieftasche { content: '\\e875'; }\n@mixin pictogram-personen-mit-doktorhut { content: '\\e876'; }\n@mixin pictogram-personen-suche-a { content: '\\e877'; }\n@mixin pictogram-personen-suche-b { content: '\\e878'; }\n@mixin pictogram-pusteblume { content: '\\e879'; }\n@mixin pictogram-rakete-a { content: '\\e87a'; }\n@mixin pictogram-rakete-b { content: '\\e87b'; }\n@mixin pictogram-rednerpult { content: '\\e87c'; }\n@mixin pictogram-rettungsring { content: '\\e87d'; }\n@mixin pictogram-roboter { content: '\\e87e'; }\n@mixin pictogram-s-bahn { content: '\\e87f'; }\n@mixin pictogram-smilie { content: '\\e880'; }\n@mixin pictogram-social-facebook { content: '\\e881'; }\n@mixin pictogram-social-instagram { content: '\\e882'; }\n@mixin pictogram-social-linkedin { content: '\\e883'; }\n@mixin pictogram-social-twitter { content: '\\e884'; }\n@mixin pictogram-social-youtube { content: '\\e885'; }\n@mixin pictogram-solidaritaetsschleife { content: '\\e886'; }\n@mixin pictogram-stadt { content: '\\e887'; }\n@mixin pictogram-standort { content: '\\e888'; }\n@mixin pictogram-stern { content: '\\e889'; }\n@mixin pictogram-steuerung { content: '\\e88a'; }\n@mixin pictogram-stoppuhr { content: '\\e88b'; }\n@mixin pictogram-strommast { content: '\\e88c'; }\n@mixin pictogram-system-prozess { content: '\\e88d'; }\n@mixin pictogram-teamwork-team-zusammenarbeit { content: '\\e88e'; }\n@mixin pictogram-teller-besteck { content: '\\e88f'; }\n@mixin pictogram-treppe { content: '\\e890'; }\n@mixin pictogram-tropfen-a { content: '\\e891'; }\n@mixin pictogram-tropfen-b { content: '\\e892'; }\n@mixin pictogram-tulpe { content: '\\e893'; }\n@mixin pictogram-veranstaltung-intern-beruf { content: '\\e894'; }\n@mixin pictogram-veranstaltung-intern-feier { content: '\\e895'; }\n@mixin pictogram-videocall-a { content: '\\e896'; }\n@mixin pictogram-videocall-b { content: '\\e897'; }\n@mixin pictogram-videos { content: '\\e898'; }\n@mixin pictogram-virus { content: '\\e899'; }\n@mixin pictogram-waage { content: '\\e89a'; }\n@mixin pictogram-wegweiser-a { content: '\\e89b'; }\n@mixin pictogram-wegweiser-b { content: '\\e89c'; }\n@mixin pictogram-weltkugel-mit-flamme { content: '\\e89d'; }\n@mixin pictogram-weltkugel-mit-koffer { content: '\\e89e'; }\n@mixin pictogram-weltkugel { content: '\\e89f'; }\n@mixin pictogram-werkzeug { content: '\\e8a0'; }\n@mixin pictogram-windrad-a { content: '\\e8a1'; }\n@mixin pictogram-windrad-b { content: '\\e8a2'; }\n@mixin pictogram-wolke-mit-herz-und-sonne { content: '\\e8a3'; }\n@mixin pictogram-zeitung { content: '\\e8a4'; }\n\n@mixin icon-fa-play-circled2 { content: '\\e800'; }\n@mixin icon-fa-play { content: '\\e801'; }\n@mixin icon-fa-basket { content: '\\e843'; }\n@mixin icon-fa-play-circled { content: '\\f144'; }\n@mixin icon-fa-cart-plus { content: '\\f217'; }\n@mixin icon-fa-cart-arrow-down { content: '\\f218'; }\n\n@mixin icon-galerie-small { content: '\\e870'; }\n@mixin icon-interaction-small { content: '\\e871'; }\n@mixin icon-video-small { content: '\\e872'; }\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]); \ No newline at end of file diff --git a/gfi-ihk-2024/storybook-static/5483.2fbd0e6f.iframe.bundle.js b/gfi-ihk-2024/storybook-static/5483.2fbd0e6f.iframe.bundle.js deleted file mode 100644 index 44b3a46..0000000 --- a/gfi-ihk-2024/storybook-static/5483.2fbd0e6f.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[5483],{"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/slider/slider.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.slider{opacity:0;transition:opacity .4s linear}.slider.initiated{opacity:1}.slider.single-slide .controls{display:none}.slider .slide-overflow{overflow:hidden;transition:height .6s cubic-bezier(0.215, 0.61, 0.355, 1)}.slider img.loading{opacity:0}.slider img.loaded{transition:.3s ease;opacity:1}.slider .slide-wrapper{position:relative;display:flex;align-items:flex-start;width:10000%;contain:layout}.slider .slide-wrapper.no-transition{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slider .slide-wrapper.no-transition .image-box:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.slider .slide-wrapper img,.slider .slide-wrapper a{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none}.slider .slide{position:relative;width:1%;min-width:1%;max-width:1%}.slider .prev-clone,.slider .next-clone{position:absolute;display:flex;width:100%}.slider .prev-clone{position:absolute;right:100%;justify-content:flex-end}.rotation{margin:var(--section-margin) auto}.rotation .slider{position:relative;display:block;border-bottom:var(--border-width) solid var(--theme-color-secondary);background-color:var(--theme-color-primary)}@media(max-width: 567px){.rotation .slider{margin:var(--section-margin) calc(var(--container-padding)*-1)}}.rotation .slider .slide:not(.current){height:0}@media(max-width: 999px){.rotation .slider .slide.text-only .outer .text-box{min-height:calc(40vw + 100px)}}@media(min-width: 1000px){.rotation .slider .slide.text-only .outer:after{content:"";position:relative;display:block;padding-top:calc(44.4444% - 13.3333px)}}.rotation .slider .outer{margin:0 -20px;display:flex}@media(max-width: 999px){.rotation .slider .outer{flex-direction:column;margin:0;overflow:hidden}}.rotation .slider .outer.download .text-box .btn:before{content:""}.rotation .slider .outer.intranet .text-box .btn:before{content:""}.rotation .slider .outer.extranet .text-box .btn:before{content:""}.rotation .slider .outer.extern .text-box .btn:before{content:""}.rotation .slider .image-box{order:1;position:relative;flex:1 1 100%}.rotation .slider .image-box:before{content:"";position:relative;display:block;padding-top:66.66667%}.rotation .slider .image-box>picture,.rotation .slider .image-box img,.rotation .slider .image-box .gallery{position:absolute;left:0;top:0;height:100%;width:100%;object-fit:cover}@media(min-width: 1000px){.rotation .slider .image-box{padding-right:20px;flex:1 1 66.66667%;max-width:66.66667%}.rotation .slider .image-box>picture,.rotation .slider .image-box img,.rotation .slider .image-box .gallery{width:calc(100% - 20px);left:1px}}.rotation .slider .copyright{position:absolute;display:block;left:100%;bottom:0;font-size:12px;text-align:left;line-height:1.2;z-index:2;transform-origin:0 100%;transform:rotate(-90deg);transition:.3s ease;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.6);width:calc(66.6% + 7px);padding:8px 18px}@media(min-width: 1000px){.rotation .slider .copyright{left:calc(100% - 20px)}}.rotation .slider .text-box{position:relative;display:flex;flex-direction:column;justify-content:center;flex:1 1 33.33333%;max-width:33.3333%;min-width:400px;color:var(--theme-color-background);z-index:2;padding:40px 20px 40px 80px;font-size:var(--font-size-small)}@media(max-width: 1339px){.rotation .slider .text-box{min-width:360px;padding:30px 10px 30px 60px}}@media(max-width: 1199px)and (min-width: 1000px){.rotation .slider .text-box{min-height:500px;font-size:16px}}@media(max-width: 999px){.rotation .slider .text-box{padding:40px 40px 10px;min-width:0;max-width:none}}@media(max-width: 567px){.rotation .slider .text-box{padding:28px var(--container-padding) 10px}}.rotation .slider .text-box:first-child{padding:100px 80px;position:static;background-color:rgba(0,0,0,0);max-width:none}@media(max-width: 999px){.rotation .slider .text-box:first-child{padding:40px}}@media(max-width: 567px){.rotation .slider .text-box:first-child{padding:28px 20px 100px}}.rotation .slider .text-box:first-child:after{content:"";background:linear-gradient(130deg, var(--theme-color-gradient-01) 10%, var(--theme-color-gradient-02) 80%, var(--theme-color-gradient-03) 100%);position:absolute;top:0;left:0;width:100%;height:800px}.rotation .slider .text-box:first-child>*{max-width:800px;z-index:1}.rotation .slider .text-box:not(:first-child):before{content:"";position:absolute;left:0;right:0;bottom:0;background-color:var(--theme-color-primary);z-index:-1}@media(min-width: 1000px){.rotation .slider .text-box:not(:first-child):before{top:0;margin:-15% -14% -15% 20px;border-top-right-radius:28% 50%;border-bottom-right-radius:28% 50%}}@media(max-width: 999px){.rotation .slider .text-box:not(:first-child):before{padding-top:70%;margin-right:0;margin:0 -15% -8%;border-bottom-left-radius:50% 28%;border-bottom-right-radius:50% 28%}}.rotation .slider .context-box{position:absolute;right:0;top:40px;z-index:100;min-width:100px;min-height:52px;padding:8px 10px 10px 10px;font-family:var(--font-korb);font-size:var(--font-size-h4);font-style:normal;font-weight:normal;line-height:1.2;margin:1.4em -0.05em .8em;margin:0;text-align:right;color:var(--theme-color-white);background:linear-gradient(90deg, var(--theme-color-gradient-01) 25%, var(--theme-color-gradient-02) 57%, var(--theme-color-gradient-03) 112%)}@media(max-width: 999px){.rotation .slider .context-box{min-height:auto}}.rotation .slider .context-box--image{padding:0;min-width:auto}.rotation .slider .context-box--image img{object-fit:unset;top:auto;left:auto;width:auto;height:52px;position:relative;display:block;max-width:none;min-width:auto}.rotation .slider .image-box .context-box{right:20px}@media(max-width: 999px){.rotation .slider .image-box .context-box{top:110px;right:0}}@media(max-width: 567px){.rotation .slider .image-box .context-box{top:40px}}@media(max-width: 319px){.rotation .slider .image-box .context-box{top:20px}}@media(max-width: 767px){.rotation .slider .text-box.context{padding-top:100px}}.rotation .slider .slider-tabs{position:absolute;display:flex;right:0;bottom:0;list-style:none;padding:0;margin:20px}.rotation .slider .slider-tabs .btn{--button-hover-shadow-opacity: 0.4;margin:5px;font-size:var(--font-size-h4)}.rotation .slider .slider-tabs .btn span{position:relative;z-index:2}@media(max-width: 767px){.rotation .slider .slider-tabs .btn{margin:4px}}.rotation .slider .slider-tabs .active .btn{--button-bg-color: var(--theme-color-background);--button-text-color: var(--theme-color-primary)}.rotation .slider .slider-tabs .active .btn:hover::after{box-shadow:none}.rotation .slider h2,.rotation .slider .like-h2{margin-top:.3em;margin-bottom:.4em}.rotation .slider .btn{margin-top:.8em}.rotation .slider .prev,.rotation .slider .next,.rotation .slider .count{display:none}',"",{version:3,sources:["webpack://./stories/sections/slider/slider.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAAA,QAGA,SACE,CAAA,6BACA,CAAA,kBAEA,SACE,CAAA,+BAIA,YACE,CAAA,wBAIJ,eACE,CAAA,yDACA,CAAA,oBAGF,SACE,CAAA,mBAGF,mBACE,CAAA,SACA,CAAA,uBAGF,iBACE,CAAA,YACA,CAAA,sBACA,CAAA,YACA,CAAA,cACA,CAAA,qCAEA,wBACE,CAAA,qBACA,CAAA,oBACA,CAAA,gBACA,CAAA,sDAEA,UACE,CAAA,iBCoDN,CAAA,KACA,CAAA,MACA,CAAA,OACA,CAAA,QACA,CAAA,SDtDM,CAAA,oDAIJ,wBACE,CAAA,qBACA,CAAA,oBACA,CAAA,gBACA,CAAA,sBACA,CAAA,mBACA,CAAA,eAIJ,iBACE,CAAA,QACA,CAAA,YACA,CAAA,YACA,CAAA,wCAGF,iBAEE,CAAA,YACA,CAAA,UACA,CAAA,oBAGF,iBACE,CAAA,UACA,CAAA,wBACA,CAAA,UAIJ,iCACE,CAAA,kBAGF,iBACE,CAAA,aACA,CAAA,oEACA,CAAA,2CACA,CAAA,yBAEA,kBANF,8DAOI,CAAA,CAAA,uCAIA,QACE,CAAA,yBAIA,oDACE,6BACE,CAAA,CAAA,0BAGJ,gDACE,UACE,CAAA,iBACA,CAAA,aACA,CAAA,sCACA,CAAA,CAAA,yBAMR,cACE,CAAA,YACA,CAAA,yBAEA,yBAJF,qBAKI,CAAA,QACA,CAAA,eACA,CAAA,CAAA,wDAGF,WCgJyB,CAAA,wDD7IzB,WCqJwB,CAAA,wDDlJxB,WCmJsB,CAAA,sDDhJtB,WC2I8B,CAAA,6BDtIhC,OACE,CAAA,iBACA,CAAA,aACA,CAAA,oCAKA,UACE,CAAA,iBACA,CAAA,aACA,CAAA,qBACA,CAAA,4GAGF,iBACE,CAAA,MACA,CAAA,KACA,CAAA,WACA,CAAA,UACA,CAAA,gBACA,CAAA,0BAGF,6BAxBF,kBAyBI,CAAA,kBACA,CAAA,mBACA,CAAA,4GAEA,uBACE,CAAA,QACA,CAAA,CAAA,6BAKN,iBCzEA,CAAA,aACA,CAAA,SACA,CAAA,QACA,CAAA,cACA,CAAA,eACA,CAAA,eACA,CAAA,SACA,CAAA,uBACA,CAAA,wBACA,CAAA,mBACA,CAAA,UAEA,CAAA,yDACA,CAAA,uBACA,CAAA,gBACA,CAAA,0BD4DE,6BAFF,sBAGI,CAAA,CAAA,4BAIJ,iBACE,CAAA,YACA,CAAA,qBACA,CAAA,sBACA,CAAA,kBACA,CAAA,kBACA,CAAA,eACA,CAAA,mCACA,CAAA,SACA,CAAA,2BACA,CAAA,gCACA,CAAA,0BAEA,4BAbF,eAcI,CAAA,2BACA,CAAA,CAAA,iDAGF,4BAlBF,gBAmBI,CAAA,cACA,CAAA,CAAA,yBAGF,4BAvBF,sBAwBI,CAAA,WACA,CAAA,cACA,CAAA,CAAA,yBAGF,4BA7BF,0CA8BI,CAAA,CAAA,wCAGF,kBACE,CAAA,eACA,CAAA,8BACA,CAAA,cACA,CAAA,yBAEA,wCANF,YAQI,CAAA,CAAA,yBAEF,wCAVF,uBAWI,CAAA,CAAA,8CAGF,UACE,CAAA,+IACA,CAAA,iBACA,CAAA,KACA,CAAA,MACA,CAAA,UACA,CAAA,YACA,CAAA,0CAGF,eACE,CAAA,SACA,CAAA,qDAIJ,UACE,CAAA,iBACA,CAAA,MACA,CAAA,OACA,CAAA,QACA,CAAA,2CACA,CAAA,UACA,CAAA,0BAEA,qDATF,KAUI,CAAA,0BACA,CAAA,+BACA,CAAA,kCACA,CAAA,CAAA,yBAEF,qDAfF,eAgBI,CAAA,cACA,CAAA,iBACA,CAAA,iCACA,CAAA,kCACA,CAAA,CAAA,+BAKN,iBACE,CAAA,OACA,CAAA,QACA,CAAA,WACA,CAAA,eACA,CAAA,eACA,CAAA,0BACA,CAAA,4BC3PF,CAAA,6BACA,CAAA,iBACA,CAAA,kBACA,CAAA,eACA,CAAA,yBACA,CAAA,QDwPE,CAAA,gBACA,CAAA,8BACA,CAAA,8IACA,CAAA,yBACA,+BAbF,eAcI,CAAA,CAAA,sCAEF,SAGE,CAAA,cACA,CAAA,0CACA,gBAEE,CAAA,QACA,CAAA,SACA,CAAA,UACA,CAAA,WACA,CAAA,iBACA,CAAA,aACA,CAAA,cACA,CAAA,cACA,CAAA,0CAKJ,UACE,CAAA,yBACA,0CAFF,SAGI,CAAA,OACA,CAAA,CAAA,yBAEF,0CANF,QAOI,CAAA,CAAA,yBAEF,0CATF,QAUI,CAAA,CAAA,yBAMF,oCADF,iBAEI,CAAA,CAAA,+BAKN,iBACE,CAAA,YACA,CAAA,OACA,CAAA,QACA,CAAA,eACA,CAAA,SACA,CAAA,WACA,CAAA,oCAEA,kCACE,CAAA,UACA,CAAA,6BACA,CAAA,yCACA,iBACE,CAAA,SACA,CAAA,yBAEF,oCARF,UASI,CAAA,CAAA,4CAIJ,gDACE,CAAA,+CACA,CAAA,yDAEA,eACE,CAAA,gDAKN,eACE,CAAA,kBACA,CAAA,uBAGF,eACE,CAAA,yEAGF,YACE",sourcesContent:['@import \'../../_global/styles/mixins\';\n@import \'../../_global/styles/vars\';\n\n.slider {\n opacity: 0;\n transition: opacity 0.4s linear;\n\n &.initiated {\n opacity: 1;\n }\n\n &.single-slide {\n .controls {\n display: none;\n }\n }\n\n .slide-overflow {\n overflow: hidden;\n transition: height 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n img.loading {\n opacity: 0;\n }\n\n img.loaded {\n transition: 0.3s ease;\n opacity: 1;\n }\n\n .slide-wrapper {\n position: relative;\n display: flex;\n align-items: flex-start;\n width: 10000%;\n contain: layout;\n\n &.no-transition {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n .image-box:after {\n content: "";\n @include full-size;\n z-index: 2;\n }\n }\n\n img, a {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-drag: none;\n -moz-user-drag: none;\n }\n }\n\n .slide {\n position: relative;\n width: 1%;\n min-width: 1%;\n max-width: 1%;\n }\n\n .prev-clone,\n .next-clone {\n position: absolute;\n display: flex;\n width: 100%;\n }\n\n .prev-clone {\n position: absolute;\n right: 100%;\n justify-content: flex-end;\n }\n}\n\n.rotation {\n margin: var(--section-margin) auto;\n}\n\n.rotation .slider {\n position: relative;\n display: block;\n border-bottom: var(--border-width) solid var(--theme-color-secondary);\n background-color: var(--theme-color-primary);\n\n @media(max-width: 567px) {\n margin: var(--section-margin) calc(var(--container-padding) * -1);\n }\n\n .slide {\n &:not(.current) {\n height: 0;\n }\n\n &.text-only .outer {\n @media(max-width: 999px) {\n .text-box {\n min-height: calc(40vw + 100px);\n }\n }\n @media(min-width: 1000px) {\n &:after {\n content: "";\n position: relative;\n display: block;\n padding-top: calc(44.4444% - 13.3333px);\n }\n }\n }\n }\n\n .outer {\n margin: 0 -20px;\n display: flex;\n\n @media(max-width: 999px) {\n flex-direction: column;\n margin: 0;\n overflow: hidden;\n }\n\n &.download .text-box .btn:before {\n @include icon-small-download;\n }\n &.intranet .text-box .btn:before{\n @include icon-small-schloss;\n }\n &.extranet .text-box .btn:before{\n @include icon-small-stern;\n }\n &.extern .text-box .btn:before{\n @include icon-small-link-external;\n }\n }\n\n .image-box {\n order: 1;\n position: relative;\n flex: 1 1 100%;\n @media(min-width: 1000px) {\n\n }\n\n &:before {\n content: "";;\n position: relative;\n display: block;\n padding-top: 66.66667%;\n }\n\n > picture, img, .gallery {\n position: absolute;\n left: 0;\n top: 0;\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n\n @media(min-width: 1000px) {\n padding-right: 20px;\n flex: 1 1 66.66667%;\n max-width: 66.66667%;\n\n > picture, img, .gallery {\n width: calc(100% - 20px);\n left: 1px;\n }\n }\n }\n\n .copyright {\n @include copyright;\n @media(min-width: 1000px) {\n left: calc(100% - 20px);\n }\n }\n\n .text-box {\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex: 1 1 33.33333%;\n max-width: 33.3333%;\n min-width: 400px;\n color: var(--theme-color-background);\n z-index: 2;\n padding: 40px 20px 40px 80px;\n font-size: var(--font-size-small);\n\n @media(max-width: 1339px) {\n min-width: 360px;\n padding: 30px 10px 30px 60px;\n }\n\n @media(max-width: 1199px) and (min-width: 1000px) {\n min-height: 500px;\n font-size: 16px;\n }\n\n @media(max-width: 999px) {\n padding: 40px 40px 10px;\n min-width: 0;\n max-width: none;\n }\n\n @media(max-width: 567px) {\n padding: 28px var(--container-padding) 10px;\n }\n\n &:first-child {\n padding: 100px 80px;\n position: static;\n background-color: transparent;\n max-width: none;\n\n @media(max-width: 999px) {\n //justify-content: flex-start;\n padding: 40px;\n }\n @media(max-width: 567px) {\n padding: 28px 20px 100px;\n }\n\n &:after {\n content: "";\n background: linear-gradient(130deg, var(--theme-color-gradient-01) 10%, var(--theme-color-gradient-02) 80%, var(--theme-color-gradient-03) 100%);\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 800px;\n }\n\n > * {\n max-width: 800px;\n z-index: 1;\n }\n }\n\n &:not(:first-child):before {\n content: "";\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: var(--theme-color-primary);\n z-index: -1;\n\n @media(min-width: 1000px) {\n top: 0;\n margin: -15% -14% -15% 20px;\n border-top-right-radius: 28% 50%;\n border-bottom-right-radius: 28% 50%;\n }\n @media(max-width: 999px) {\n padding-top: 70%;\n margin-right: 0;\n margin: 0 -15% -8%;\n border-bottom-left-radius: 50% 28%;\n border-bottom-right-radius: 50% 28%;\n }\n }\n }\n\n .context-box {\n position: absolute;\n right: 0;\n top: 40px;\n z-index: 100;\n min-width: 100px;\n min-height: 52px;\n padding: 8px 10px 10px 10px;\n @include h4();\n margin: 0;\n text-align: right;\n color: var(--theme-color-white);\n background: linear-gradient(90deg, var(--theme-color-gradient-01) 25%,var(--theme-color-gradient-02) 57%,var(--theme-color-gradient-03) 112%);\n @media(max-width: 999px) {\n min-height: auto;\n }\n &--image {\n //padding: 4px 10px;\n //display: flex;\n padding: 0;\n min-width: auto;\n img {\n //height: 39px;\n object-fit: unset;\n top: auto;\n left: auto;\n width: auto;\n height: 52px;\n position: relative;\n display: block;\n max-width: none;\n min-width: auto;\n }\n }\n }\n .image-box {\n .context-box {\n right: 20px;\n @media(max-width: 999px) {\n top: 110px;\n right: 0;\n }\n @media(max-width: 567px) {\n top: 40px;\n }\n @media(max-width: 319px) {\n top: 20px;\n }\n }\n }\n .text-box {\n &.context {\n @media(max-width: 767px) {\n padding-top: 100px;\n }\n }\n }\n\n .slider-tabs {\n position: absolute;\n display: flex;\n right: 0;\n bottom: 0;\n list-style: none;\n padding: 0;\n margin: 20px;\n\n .btn {\n --button-hover-shadow-opacity: 0.4;\n margin: 5px;\n font-size: var(--font-size-h4);\n span{\n position:relative;\n z-index:2;\n }\n @media(max-width: 767px) {\n margin: 4px;\n }\n }\n\n .active .btn {\n --button-bg-color: var(--theme-color-background);\n --button-text-color: var(--theme-color-primary);\n\n &:hover::after {\n box-shadow: none;\n }\n }\n }\n\n h2, .like-h2 {\n margin-top: 0.3em;\n margin-bottom: 0.4em;\n }\n\n .btn {\n margin-top: 0.8em;\n }\n\n .prev, .next, .count {\n display: none;\n }\n}\n',"@mixin h1 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h1);\n line-height: 1.1;\n font-weight: 400;\n margin: 0.6em -0.05em 0.5em;\n\n &:first-child {\n margin-top: -0.1em;\n }\n}\n\n@mixin h2 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h2);\n line-height: 1.2;\n font-weight: 400;\n margin: 1.4em -0.05em 0.6em;\n}\n\n@mixin h3 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h3);\n line-height: 1.2;\n font-weight: 400;\n margin: 1.4em -0.05em 0.6em;\n}\n\n@mixin h4 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h4);\n font-style: normal;\n font-weight: normal;\n line-height: 1.2;\n margin: 1.4em -0.05em 0.8em;\n}\n\n@mixin h5 {\n font-family: var(--font-korb);\n font-size: 22px;\n line-height: 1.2;\n font-weight: 400;\n margin: 1em 0 0.6em;\n\n @media(max-width: 1339px) {\n font-size: 20px;\n }\n @media(max-width: 767px) {\n font-size: 18px;\n }\n}\n\n@mixin h6 {\n font-size: inherit;\n line-height: 1.4;\n font-weight: 600;\n margin: 1.2em 0 0.5em;\n}\n\n@mixin kicker {\n display: block;\n font-size: 16px;\n //text-transform: uppercase;\n margin-bottom: 2px;\n letter-spacing: 0.3px;\n\n @media(max-width: 767px) {\n font-size: 14px;\n }\n\n + h1,\n + .like-h1 {\n margin-top: 0.1em;\n }\n\n + h2, + .like-h2,\n + h3, + .like-h3,\n + h4 + .like-h4, {\n margin-top: 0.2em;\n }\n}\n\n@mixin hide($delay: 0s) {\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n transition: opacity 0.4s ease $delay, visibility $delay ease 0.4s, transform 0.4s ease $delay;\n}\n\n@mixin show($delay: 0s) {\n opacity: 1;\n visibility: visible;\n pointer-events: all;\n transition: opacity 0.4s ease $delay, visibility 0s ease $delay, transform 0.4s ease $delay;\n}\n\n@mixin full-size {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n\n@mixin copyright {\n position: absolute;\n display: block;\n left: 100%;\n bottom: 0;\n font-size: 12px;\n text-align: left;\n line-height: 1.2;\n z-index: 2;\n transform-origin: 0 100%;\n transform: rotate(-90deg);\n transition: 0.3s ease;\n\n color: white;\n text-shadow: 0 0 3px rgba(black, 0.6), 0 0 8px rgba(black, 0.6);\n width: calc(66.6% + 7px);\n padding: 8px 18px;\n\n //color: var(--theme-color-white);\n //text-shadow: -2px 2px 0 #000;\n //padding: 2px 6px 2px 4px;\n //background: #012d59;\n //white-space: nowrap;\n //max-width: calc(66.6% + 7px);\n //overflow: hidden;\n //\n //@media(max-width: 767px) {\n // font-size: 10px;\n // max-width: 100%;\n //}\n}\n\n@mixin form-field {\n --input-height: 60px;\n position: relative;\n display: block;\n width: 100%;\n height: var(--input-height);\n background-color: var(--theme-color-white);\n border: 1px solid var(--theme-color-primary);\n border-radius: var(--border-radius-xs);\n padding: 10px 15px;\n font-family: 'Source Sans Pro', sans-serif;\n font-size: var(--font-size-copy);\n line-height: 1.4;\n transition: 0.3s ease;\n color: var(--theme-color-primary);\n\n &:focus {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n\n @media(max-width: 1199px) {\n --input-height: 50px;\n }\n @media(max-width: 767px) {\n --input-height: 44px;\n }\n}\n\n@mixin focus-visible($inset: false) {\n @if $inset {\n &.focus-visible:focus {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n &:focus-visible, &.-moz-focusring {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n }\n @else {\n &.focus-visible:focus {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n &:focus-visible, &.-moz-focusring {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n }\n}\n\n@mixin focus-standalone($inset: false) {\n @if $inset {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n @else {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n}\n\n@mixin word-wrap() {\n word-break: break-word;\n -webkit-hyphens: auto;\n -moz-hyphens: auto;\n hyphens: auto;\n}\n\n// ICONS\n@mixin icon-ankerlink { content: '\\e800'; }\n@mixin icon-barrierefreiheit { content: '\\e801'; }\n@mixin icon-chat { content: '\\e802'; }\n@mixin icon-check { content: '\\e803'; }\n@mixin icon-checkbox-liste-1 { content: '\\e804'; }\n@mixin icon-content-schloss { content: '\\e805'; }\n@mixin icon-content { content: '\\e807'; }\n@mixin icon-dauer { content: '\\e808'; }\n@mixin icon-download { content: '\\e809'; }\n@mixin icon-dropdown { content: '\\e80a'; }\n@mixin icon-drucker { content: '\\e80b'; }\n@mixin icon-email { content: '\\e80c'; }\n@mixin icon-fax { content: '\\e80d'; }\n@mixin icon-freie-plaetze { content: '\\e80e'; }\n@mixin icon-galerie { content: '\\e80f'; }\n@mixin icon-gebaerdensprache { content: '\\e810'; }\n@mixin icon-geschlossen { content: '\\e811'; }\n@mixin icon-ihk-wechseln { content: '\\e812'; }\n@mixin icon-info { content: '\\e813'; }\n@mixin icon-kalender { content: '\\e814'; }\n@mixin icon-kartenpin { content: '\\e815'; }\n@mixin icon-kontakt { content: '\\e816'; }\n@mixin icon-laden { content: '\\e817'; }\n@mixin icon-leichte-sprache { content: '\\e818'; }\n@mixin icon-link-external { content: '\\e819'; }\n@mixin icon-liste-schloss { content: '\\e81a'; }\n@mixin icon-liste-stern { content: '\\e81b'; }\n@mixin icon-liste { content: '\\e81c'; }\n@mixin icon-loeschen { content: '\\e81d'; }\n@mixin icon-login { content: '\\e81e'; }\n@mixin icon-minus { content: '\\e81f'; }\n@mixin icon-pdf { content: '\\e820'; }\n@mixin icon-pfeil-links { content: '\\e821'; }\n@mixin icon-pfeil-oben { content: '\\e822'; }\n@mixin icon-pfeil-rechts-schloss { content: '\\e823'; }\n@mixin icon-pfeil-rechts-stern { content: '\\e824'; }\n@mixin icon-pfeil-rechts { content: '\\e825'; }\n@mixin icon-pfeil-simple-rechts { content: '\\e826'; }\n@mixin icon-pfeil-unten { content: '\\e827'; }\n@mixin icon-plus { content: '\\e828'; }\n@mixin icon-preis { content: '\\e829'; }\n@mixin icon-referent { content: '\\e82a'; }\n@mixin icon-reset { content: '\\e82b'; }\n@mixin icon-sanduhr { content: '\\e82c'; }\n@mixin icon-schliessen { content: '\\e82d'; }\n@mixin icon-schloss { content: '\\e82e'; }\n@mixin icon-sprache { content: '\\e82f'; }\n@mixin icon-stern { content: '\\e830'; }\n@mixin icon-suche-adresse { content: '\\e831'; }\n@mixin icon-suche-archiv { content: '\\e832'; }\n@mixin icon-suche-az { content: '\\e833'; }\n@mixin icon-suche-chat { content: '\\e834'; }\n@mixin icon-suche-datei { content: '\\e835'; }\n@mixin icon-suche-firma { content: '\\e836'; }\n@mixin icon-suche-magazin { content: '\\e837'; }\n@mixin icon-suche-mail { content: '\\e838'; }\n@mixin icon-suche-person { content: '\\e839'; }\n@mixin icon-suche-schloss { content: '\\e83a'; }\n@mixin icon-suche-veranstaltung { content: '\\e83b'; }\n@mixin icon-suche { content: '\\e83c'; }\n@mixin icon-teilnehmer-add { content: '\\e83d'; }\n@mixin icon-telefon { content: '\\e83e'; }\n@mixin icon-vcard { content: '\\e83f'; }\n@mixin icon-small-arrow-right-simple { content: '\\e840'; }\n@mixin icon-small-barrierefreiheit { content: '\\e841'; }\n@mixin icon-small-download { content: '\\e842'; }\n@mixin icon-small-gebaerdensprache { content: '\\e843'; }\n@mixin icon-small-kontakt { content: '\\e844'; }\n@mixin icon-small-leichte-sprache { content: '\\e845'; }\n@mixin icon-small-link-external { content: '\\e846'; }\n@mixin icon-small-login { content: '\\e847'; }\n@mixin icon-small-pfeil-rechts { content: '\\e848'; }\n@mixin icon-small-sprache { content: '\\e849'; }\n@mixin icon-small-schloss { content: '\\e84a'; }\n@mixin icon-small-stern { content: '\\e84b'; }\n@mixin icon-teilen { content: '\\e84c'; }\n@mixin icon-social-telegram { content: '\\e84d'; }\n@mixin icon-social-threema { content: '\\e84e'; }\n@mixin icon-social-whatsapp { content: '\\e84f'; }\n@mixin icon-suche-big { content: '\\e850'; }\n@mixin icon-xsmall-pin { content: '\\e851'; }\n@mixin icon-check-1 { content: '\\e852'; }\n@mixin icon-xsmall-euro { content: '\\e853'; }\n@mixin icon-xsmall-geschlossen { content: '\\e854'; }\n@mixin icon-xsmall-kalender { content: '\\e855'; }\n@mixin icon-xsmall-liste { content: '\\e856'; }\n@mixin icon-xsmall-offen { content: '\\e857'; }\n@mixin icon-xsmall-uhr { content: '\\e858'; }\n@mixin icon-social-facebook { content: '\\e859'; }\n@mixin icon-liste-1 { content: '\\e85a'; }\n@mixin icon-social-linkedin { content: '\\e85b'; }\n@mixin icon-social-pinterest { content: '\\e85c'; }\n@mixin icon-social_x { content: '\\e85d'; }\n@mixin icon-social-xing { content: '\\e85e'; }\n@mixin icon-zoom { content: '\\e85f'; }\n@mixin icon-social-youtube { content: '\\e860'; }\n@mixin icon-social-instagram { content: '\\e861'; }\n@mixin icon-faq { content: '\\e869'; }\n@mixin icon-checkbox-liste { content: '\\e86a'; }\n@mixin icon-content-stern { content: '\\e86b'; }\n@mixin icon-small-election-group { content: '\\e86c'; }\n@mixin icon-small-icon-election-location { content: '\\e86e'; }\n@mixin icon-userlike { content: '\\e8c6'; }\n@mixin icon-userlike-chat { content: '\\e8c7'; }\n@mixin icon-magazine { content: '\\e8c8'; }\n@mixin icon-lokalisierung { content: '\\e8c9'; }\n@mixin icon-login-flyout { content: '\\e8ca'; }\n@mixin icon-login-header { content: '\\e8cb'; }\n@mixin icon-social-twitter { content: '\\e85d'; }\n@mixin icon-play { content: '\\e86d'; }\n@mixin icon-pause { content: '\\e806'; }\n@mixin icon-volume-mute { content: '\\e862'; }\n@mixin icon-volume-on { content: '\\e86f'; }\n@mixin icon-ankerlink-right { content: '\\e873'; }\n\n// PICTOGRAMS\n@mixin pictogram-achtung { content: '\\e800'; }\n@mixin pictogram-achtung-strom { content: '\\e801'; }\n@mixin pictogram-aeskulapstab { content: '\\e802'; }\n@mixin pictogram-anker { content: '\\e803'; }\n@mixin pictogram-anstossen { content: '\\e804'; }\n@mixin pictogram-arbeitsplatz { content: '\\e805'; }\n@mixin pictogram-auktionshammer { content: '\\e806'; }\n@mixin pictogram-batterie { content: '\\e807'; }\n@mixin pictogram-ausruf { content: '\\e808'; }\n@mixin pictogram-bauhelm { content: '\\e809'; }\n@mixin pictogram-benefit-vorteil-geschenk { content: '\\e80a'; }\n@mixin pictogram-bett { content: '\\e80b'; }\n@mixin pictogram-blatt { content: '\\e80c'; }\n@mixin pictogram-blume { content: '\\e80d'; }\n@mixin pictogram-blume-b { content: '\\e80e'; }\n@mixin pictogram-brief { content: '\\e80f'; }\n@mixin pictogram-brille-auf-buch { content: '\\e810'; }\n@mixin pictogram-bueroklammer { content: '\\e811'; }\n@mixin pictogram-bus { content: '\\e812'; }\n@mixin pictogram-container { content: '\\e813'; }\n@mixin pictogram-containerschiff { content: '\\e815'; }\n@mixin pictogram-daumen-hoch-a { content: '\\e816'; }\n@mixin pictogram-daumen-hoch-c { content: '\\e817'; }\n@mixin pictogram-daumen-hoch-b { content: '\\e818'; }\n@mixin pictogram-diagramm-mit-text { content: '\\e819'; }\n@mixin pictogram-diagramm-torte { content: '\\e81a'; }\n@mixin pictogram-diagramm-verlust { content: '\\e81b'; }\n@mixin pictogram-diagramm-wachstum { content: '\\e81c'; }\n@mixin pictogram-diagramm { content: '\\e81d'; }\n@mixin pictogram-co2 { content: '\\e814'; }\n@mixin pictogram-dokument-a { content: '\\e81e'; }\n@mixin pictogram-dokument-b { content: '\\e81f'; }\n@mixin pictogram-dokument-c { content: '\\e820'; }\n@mixin pictogram-e-auto { content: '\\e821'; }\n@mixin pictogram-e-learning { content: '\\e822'; }\n@mixin pictogram-einkaufstasche-mit-eurozeichen { content: '\\e824'; }\n@mixin pictogram-einkaufstasche { content: '\\e825'; }\n@mixin pictogram-einkaufswagen { content: '\\e826'; }\n@mixin pictogram-eu-emblem-brexit { content: '\\e827'; }\n@mixin pictogram-eu-emblem { content: '\\e828'; }\n@mixin pictogram-eule { content: '\\e829'; }\n@mixin pictogram-fabrik { content: '\\e82a'; }\n@mixin pictogram-fahne-horizontal-gestreift { content: '\\e82b'; }\n@mixin pictogram-fahne-kreuz { content: '\\e82c'; }\n@mixin pictogram-fahne-neutral { content: '\\e82d'; }\n@mixin pictogram-fahne-vertikal-gestreift { content: '\\e82e'; }\n@mixin pictogram-fahrrad-jobrad-dienstfahrrad { content: '\\e82f'; }\n@mixin pictogram-fahrrad-sportlich { content: '\\e830'; }\n@mixin pictogram-fahrrad { content: '\\e831'; }\n@mixin pictogram-faq-a { content: '\\e832'; }\n@mixin pictogram-faq-b { content: '\\e833'; }\n@mixin pictogram-fernglas { content: '\\e834'; }\n@mixin pictogram-fisch-frisst-fisch { content: '\\e835'; }\n@mixin pictogram-flugzeug { content: '\\e836'; }\n@mixin pictogram-frage { content: '\\e837'; }\n@mixin pictogram-fragezeichen { content: '\\e838'; }\n@mixin pictogram-geld-zuschuss-foerderung { content: '\\e839'; }\n@mixin pictogram-geldsack { content: '\\e83a'; }\n@mixin pictogram-freiheitsstatue { content: '\\e83b'; }\n@mixin pictogram-gruppe-gespraech { content: '\\e83c'; }\n@mixin pictogram-gruppe-idee { content: '\\e83d'; }\n@mixin pictogram-globus { content: '\\e83e'; }\n@mixin pictogram-gutschein-zuschuss-benefit { content: '\\e83f'; }\n@mixin pictogram-hand-a { content: '\\e840'; }\n@mixin pictogram-hand-b { content: '\\e841'; }\n@mixin pictogram-hand-c { content: '\\e842'; }\n@mixin pictogram-hand-geben { content: '\\e843'; }\n@mixin pictogram-hand-mit-werkzeug { content: '\\e844'; }\n@mixin pictogram-hand-gespreizt { content: '\\e845'; }\n@mixin pictogram-hand-zeigen-b { content: '\\e846'; }\n@mixin pictogram-hand-zeigen-a { content: '\\e847'; }\n@mixin pictogram-hand-zeigen-c { content: '\\e848'; }\n@mixin pictogram-handschlag-a { content: '\\e849'; }\n@mixin pictogram-handschlag-b { content: '\\e84a'; }\n@mixin pictogram-handschlag-c { content: '\\e84b'; }\n@mixin pictogram-heft { content: '\\e84c'; }\n@mixin pictogram-idee { content: '\\e84d'; }\n@mixin pictogram-ihk-chemnitz-a { content: '\\e84e'; }\n@mixin pictogram-ihk-chemnitz-b { content: '\\e84f'; }\n@mixin pictogram-ihk-chemnitz-c { content: '\\e850'; }\n@mixin pictogram-ihk-giessen-friedberg { content: '\\e851'; }\n@mixin pictogram-ihk-hagen { content: '\\e852'; }\n@mixin pictogram-ihk-heilbronn-franken { content: '\\e853'; }\n@mixin pictogram-ihk-köln { content: '\\e854'; }\n@mixin pictogram-ihk-rhein-neckar { content: '\\e855'; }\n@mixin pictogram-ihk-stuttgart { content: '\\e856'; }\n@mixin pictogram-ihk-wahl { content: '\\e857'; }\n@mixin pictogram-information { content: '\\e858'; }\n@mixin pictogram-kalender { content: '\\e859'; }\n@mixin pictogram-karte { content: '\\e85a'; }\n@mixin pictogram-koepfe-mit-sprechblase { content: '\\e85b'; }\n@mixin pictogram-kerze { content: '\\e85c'; }\n@mixin pictogram-kopf-mit-formel { content: '\\e85d'; }\n@mixin pictogram-kran { content: '\\e85e'; }\n@mixin pictogram-kuchen { content: '\\e85f'; }\n@mixin pictogram-labyrinth { content: '\\e860'; }\n@mixin pictogram-lkw { content: '\\e861'; }\n@mixin pictogram-maske { content: '\\e862'; }\n@mixin pictogram-megaphon { content: '\\e863'; }\n@mixin pictogram-mikrofon { content: '\\e864'; }\n@mixin pictogram-paket-mit-euro { content: '\\e865'; }\n@mixin pictogram-paket { content: '\\e866'; }\n@mixin pictogram-paragraph { content: '\\e867'; }\n@mixin pictogram-persoenliche_entwicklung { content: '\\e868'; }\n@mixin pictogram-person-an-tafel-a { content: '\\e869'; }\n@mixin pictogram-person-an-tafel-b { content: '\\e86a'; }\n@mixin pictogram-person-auf-schild { content: '\\e86b'; }\n@mixin pictogram-person-mit-brille-a { content: '\\e86c'; }\n@mixin pictogram-person-mit-brille-b { content: '\\e86d'; }\n@mixin pictogram-person-mit-buch { content: '\\e86e'; }\n@mixin pictogram-person-mit-doktorhut-a { content: '\\e86f'; }\n@mixin pictogram-person-mit-doktorhut-b { content: '\\e870'; }\n@mixin pictogram-person-mit-headset { content: '\\e871'; }\n@mixin pictogram-person-mit-uniform-a { content: '\\e872'; }\n@mixin pictogram-person-mit-uniform-b { content: '\\e873'; }\n@mixin pictogram-person { content: '\\e874'; }\n@mixin pictogram-personen-mit-brieftasche { content: '\\e875'; }\n@mixin pictogram-personen-mit-doktorhut { content: '\\e876'; }\n@mixin pictogram-personen-suche-a { content: '\\e877'; }\n@mixin pictogram-personen-suche-b { content: '\\e878'; }\n@mixin pictogram-pusteblume { content: '\\e879'; }\n@mixin pictogram-rakete-a { content: '\\e87a'; }\n@mixin pictogram-rakete-b { content: '\\e87b'; }\n@mixin pictogram-rednerpult { content: '\\e87c'; }\n@mixin pictogram-rettungsring { content: '\\e87d'; }\n@mixin pictogram-roboter { content: '\\e87e'; }\n@mixin pictogram-s-bahn { content: '\\e87f'; }\n@mixin pictogram-smilie { content: '\\e880'; }\n@mixin pictogram-social-facebook { content: '\\e881'; }\n@mixin pictogram-social-instagram { content: '\\e882'; }\n@mixin pictogram-social-linkedin { content: '\\e883'; }\n@mixin pictogram-social-twitter { content: '\\e884'; }\n@mixin pictogram-social-youtube { content: '\\e885'; }\n@mixin pictogram-solidaritaetsschleife { content: '\\e886'; }\n@mixin pictogram-stadt { content: '\\e887'; }\n@mixin pictogram-standort { content: '\\e888'; }\n@mixin pictogram-stern { content: '\\e889'; }\n@mixin pictogram-steuerung { content: '\\e88a'; }\n@mixin pictogram-stoppuhr { content: '\\e88b'; }\n@mixin pictogram-strommast { content: '\\e88c'; }\n@mixin pictogram-system-prozess { content: '\\e88d'; }\n@mixin pictogram-teamwork-team-zusammenarbeit { content: '\\e88e'; }\n@mixin pictogram-teller-besteck { content: '\\e88f'; }\n@mixin pictogram-treppe { content: '\\e890'; }\n@mixin pictogram-tropfen-a { content: '\\e891'; }\n@mixin pictogram-tropfen-b { content: '\\e892'; }\n@mixin pictogram-tulpe { content: '\\e893'; }\n@mixin pictogram-veranstaltung-intern-beruf { content: '\\e894'; }\n@mixin pictogram-veranstaltung-intern-feier { content: '\\e895'; }\n@mixin pictogram-videocall-a { content: '\\e896'; }\n@mixin pictogram-videocall-b { content: '\\e897'; }\n@mixin pictogram-videos { content: '\\e898'; }\n@mixin pictogram-virus { content: '\\e899'; }\n@mixin pictogram-waage { content: '\\e89a'; }\n@mixin pictogram-wegweiser-a { content: '\\e89b'; }\n@mixin pictogram-wegweiser-b { content: '\\e89c'; }\n@mixin pictogram-weltkugel-mit-flamme { content: '\\e89d'; }\n@mixin pictogram-weltkugel-mit-koffer { content: '\\e89e'; }\n@mixin pictogram-weltkugel { content: '\\e89f'; }\n@mixin pictogram-werkzeug { content: '\\e8a0'; }\n@mixin pictogram-windrad-a { content: '\\e8a1'; }\n@mixin pictogram-windrad-b { content: '\\e8a2'; }\n@mixin pictogram-wolke-mit-herz-und-sonne { content: '\\e8a3'; }\n@mixin pictogram-zeitung { content: '\\e8a4'; }\n\n@mixin icon-fa-play-circled2 { content: '\\e800'; }\n@mixin icon-fa-play { content: '\\e801'; }\n@mixin icon-fa-basket { content: '\\e843'; }\n@mixin icon-fa-play-circled { content: '\\f144'; }\n@mixin icon-fa-cart-plus { content: '\\f217'; }\n@mixin icon-fa-cart-arrow-down { content: '\\f218'; }\n\n@mixin icon-galerie-small { content: '\\e870'; }\n@mixin icon-interaction-small { content: '\\e871'; }\n@mixin icon-video-small { content: '\\e872'; }\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./stories/sections/slider/slider.scss":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_slider_scss__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/slider/slider.scss"),options={insert:"head",singleton:!1};_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_slider_scss__WEBPACK_IMPORTED_MODULE_1__.Z,options),_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_slider_scss__WEBPACK_IMPORTED_MODULE_1__.Z.locals}}]); \ No newline at end of file diff --git a/gfi-ihk-2024/storybook-static/5483.e8b26e62.iframe.bundle.js b/gfi-ihk-2024/storybook-static/5483.e8b26e62.iframe.bundle.js new file mode 100644 index 0000000..bb85c09 --- /dev/null +++ b/gfi-ihk-2024/storybook-static/5483.e8b26e62.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[5483],{"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/slider/slider.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.slider{opacity:0;transition:opacity .4s linear}.slider.initiated{opacity:1}.slider.single-slide .controls{display:none}.slider .slide-overflow{overflow:hidden;transition:height .6s cubic-bezier(0.215, 0.61, 0.355, 1)}.slider img.loading{opacity:0}.slider img.loaded{transition:.3s ease;opacity:1}.slider .slide-wrapper{position:relative;display:flex;align-items:flex-start;width:10000%;contain:layout}.slider .slide-wrapper.no-transition{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slider .slide-wrapper.no-transition .image-box:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.slider .slide-wrapper img,.slider .slide-wrapper a{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none}.slider .slide{position:relative;width:1%;min-width:1%;max-width:1%}.slider .prev-clone,.slider .next-clone{position:absolute;display:flex;width:100%}.slider .prev-clone{position:absolute;right:100%;justify-content:flex-end}.rotation{margin:var(--section-margin) auto}.rotation .slider{position:relative;display:block;border-bottom:var(--border-width) solid var(--theme-color-secondary);background-color:var(--theme-color-primary)}@media(max-width: 567px){.rotation .slider{margin:var(--section-margin) calc(var(--container-padding)*-1)}}.rotation .slider .slide:not(.current){height:0}@media(max-width: 999px){.rotation .slider .slide.text-only .outer .text-box{min-height:calc(40vw + 100px)}}@media(min-width: 1000px){.rotation .slider .slide.text-only .outer:after{content:"";position:relative;display:block;padding-top:calc(44.4444% - 13.3333px)}}.rotation .slider .outer{margin:0 -20px;display:flex}@media(max-width: 999px){.rotation .slider .outer{flex-direction:column;margin:0;overflow:hidden}}.rotation .slider .outer.download .text-box .btn:before{content:""}.rotation .slider .outer.intranet .text-box .btn:before{content:""}.rotation .slider .outer.extranet .text-box .btn:before{content:""}.rotation .slider .outer.extern .text-box .btn:before{content:""}.rotation .slider .image-box{order:1;position:relative;flex:1 1 100%}.rotation .slider .image-box:before{content:"";position:relative;display:block;padding-top:66.66667%}.rotation .slider .image-box>picture,.rotation .slider .image-box img,.rotation .slider .image-box .gallery{position:absolute;left:0;top:0;height:100%;width:100%;object-fit:cover}@media(min-width: 1000px){.rotation .slider .image-box{padding-right:20px;flex:1 1 66.66667%;max-width:66.66667%}.rotation .slider .image-box>picture,.rotation .slider .image-box img,.rotation .slider .image-box .gallery{width:calc(100% - 20px);left:1px}}.rotation .slider .copyright{position:absolute;display:block;left:100%;bottom:0;font-size:12px;text-align:left;line-height:1.2;z-index:2;transform-origin:0 100%;transform:rotate(-90deg);transition:.3s ease;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.6);width:calc(66.6% + 7px);padding:8px 18px}@media(min-width: 1000px){.rotation .slider .copyright{left:calc(100% - 20px)}}.rotation .slider .text-box{position:relative;display:flex;flex-direction:column;justify-content:center;flex:1 1 33.33333%;max-width:33.3333%;min-width:400px;color:var(--theme-color-background);z-index:2;padding:40px 20px 40px 80px;font-size:var(--font-size-small)}@media(max-width: 1339px){.rotation .slider .text-box{min-width:360px;padding:30px 10px 30px 60px}}@media(max-width: 1199px)and (min-width: 1000px){.rotation .slider .text-box{min-height:500px;font-size:16px}}@media(max-width: 999px){.rotation .slider .text-box{padding:40px 40px 10px;min-width:0;max-width:none}}@media(max-width: 567px){.rotation .slider .text-box{padding:28px var(--container-padding) 10px}}.rotation .slider .text-box:first-child{padding:100px 80px;position:static;background-color:rgba(0,0,0,0);max-width:none}@media(max-width: 999px){.rotation .slider .text-box:first-child{padding:40px}}@media(max-width: 567px){.rotation .slider .text-box:first-child{padding:28px 20px 100px}}.rotation .slider .text-box:first-child:after{content:"";background:linear-gradient(130deg, var(--theme-color-gradient-01) 10%, var(--theme-color-gradient-02) 80%, var(--theme-color-gradient-03) 100%);position:absolute;top:0;left:0;width:100%;height:800px}.rotation .slider .text-box:first-child>*{max-width:800px;z-index:1}.rotation .slider .text-box:not(:first-child):before{content:"";position:absolute;left:0;right:0;bottom:0;background-color:var(--theme-color-primary);z-index:-1}@media(min-width: 1000px){.rotation .slider .text-box:not(:first-child):before{top:0;margin:-15% -14% -15% 20px;border-top-right-radius:28% 50%;border-bottom-right-radius:28% 50%}}@media(max-width: 999px){.rotation .slider .text-box:not(:first-child):before{padding-top:70%;margin-right:0;margin:0 -15% -8%;border-bottom-left-radius:50% 28%;border-bottom-right-radius:50% 28%}}.rotation .slider .context-box{position:absolute;right:0;top:40px;z-index:100;min-width:100px;padding:0 10px 0 10px;font-family:var(--font-korb);font-size:var(--font-size-h4);font-style:normal;font-weight:normal;line-height:1.2;margin:1.4em -0.05em .8em;line-height:47px;margin:0;text-align:right;color:var(--theme-color-white);background:linear-gradient(90deg, var(--theme-color-gradient-01) 25%, var(--theme-color-gradient-02) 57%, var(--theme-color-gradient-03) 112%)}@media(max-width: 999px){.rotation .slider .context-box{min-height:auto}}.rotation .slider .context-box--image{padding:0;min-width:auto}.rotation .slider .context-box--image img{object-fit:unset;top:auto;left:auto;width:auto;height:47px;position:relative;display:block;max-width:none;min-width:auto}.rotation .slider .image-box .context-box{right:20px}@media(max-width: 999px){.rotation .slider .image-box .context-box{top:110px;right:0}}@media(max-width: 567px){.rotation .slider .image-box .context-box{top:40px}}@media(max-width: 319px){.rotation .slider .image-box .context-box{top:20px}}@media(max-width: 767px){.rotation .slider .text-box.context{padding-top:100px}}.rotation .slider .slider-tabs{position:absolute;display:flex;right:0;bottom:0;list-style:none;padding:0;margin:20px}.rotation .slider .slider-tabs .btn{--button-hover-shadow-opacity: 0.4;margin:5px;font-size:var(--font-size-h4)}.rotation .slider .slider-tabs .btn span{position:relative;z-index:2}@media(max-width: 767px){.rotation .slider .slider-tabs .btn{margin:4px}}.rotation .slider .slider-tabs .active .btn{--button-bg-color: var(--theme-color-background);--button-text-color: var(--theme-color-primary)}.rotation .slider .slider-tabs .active .btn:hover::after{box-shadow:none}.rotation .slider h2,.rotation .slider .like-h2{margin-top:.3em;margin-bottom:.4em}.rotation .slider .btn{margin-top:.8em}.rotation .slider .prev,.rotation .slider .next,.rotation .slider .count{display:none}',"",{version:3,sources:["webpack://./stories/sections/slider/slider.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAAA,QAGA,SACE,CAAA,6BACA,CAAA,kBAEA,SACE,CAAA,+BAIA,YACE,CAAA,wBAIJ,eACE,CAAA,yDACA,CAAA,oBAGF,SACE,CAAA,mBAGF,mBACE,CAAA,SACA,CAAA,uBAGF,iBACE,CAAA,YACA,CAAA,sBACA,CAAA,YACA,CAAA,cACA,CAAA,qCAEA,wBACE,CAAA,qBACA,CAAA,oBACA,CAAA,gBACA,CAAA,sDAEA,UACE,CAAA,iBCoDN,CAAA,KACA,CAAA,MACA,CAAA,OACA,CAAA,QACA,CAAA,SDtDM,CAAA,oDAIJ,wBACE,CAAA,qBACA,CAAA,oBACA,CAAA,gBACA,CAAA,sBACA,CAAA,mBACA,CAAA,eAIJ,iBACE,CAAA,QACA,CAAA,YACA,CAAA,YACA,CAAA,wCAGF,iBAEE,CAAA,YACA,CAAA,UACA,CAAA,oBAGF,iBACE,CAAA,UACA,CAAA,wBACA,CAAA,UAIJ,iCACE,CAAA,kBAGF,iBACE,CAAA,aACA,CAAA,oEACA,CAAA,2CACA,CAAA,yBAEA,kBANF,8DAOI,CAAA,CAAA,uCAIA,QACE,CAAA,yBAIA,oDACE,6BACE,CAAA,CAAA,0BAGJ,gDACE,UACE,CAAA,iBACA,CAAA,aACA,CAAA,sCACA,CAAA,CAAA,yBAMR,cACE,CAAA,YACA,CAAA,yBAEA,yBAJF,qBAKI,CAAA,QACA,CAAA,eACA,CAAA,CAAA,wDAGF,WCgJyB,CAAA,wDD7IzB,WCqJwB,CAAA,wDDlJxB,WCmJsB,CAAA,sDDhJtB,WC2I8B,CAAA,6BDtIhC,OACE,CAAA,iBACA,CAAA,aACA,CAAA,oCAKA,UACE,CAAA,iBACA,CAAA,aACA,CAAA,qBACA,CAAA,4GAGF,iBACE,CAAA,MACA,CAAA,KACA,CAAA,WACA,CAAA,UACA,CAAA,gBACA,CAAA,0BAGF,6BAxBF,kBAyBI,CAAA,kBACA,CAAA,mBACA,CAAA,4GAEA,uBACE,CAAA,QACA,CAAA,CAAA,6BAKN,iBCzEA,CAAA,aACA,CAAA,SACA,CAAA,QACA,CAAA,cACA,CAAA,eACA,CAAA,eACA,CAAA,SACA,CAAA,uBACA,CAAA,wBACA,CAAA,mBACA,CAAA,UAEA,CAAA,yDACA,CAAA,uBACA,CAAA,gBACA,CAAA,0BD4DE,6BAFF,sBAGI,CAAA,CAAA,4BAIJ,iBACE,CAAA,YACA,CAAA,qBACA,CAAA,sBACA,CAAA,kBACA,CAAA,kBACA,CAAA,eACA,CAAA,mCACA,CAAA,SACA,CAAA,2BACA,CAAA,gCACA,CAAA,0BAEA,4BAbF,eAcI,CAAA,2BACA,CAAA,CAAA,iDAGF,4BAlBF,gBAmBI,CAAA,cACA,CAAA,CAAA,yBAGF,4BAvBF,sBAwBI,CAAA,WACA,CAAA,cACA,CAAA,CAAA,yBAGF,4BA7BF,0CA8BI,CAAA,CAAA,wCAGF,kBACE,CAAA,eACA,CAAA,8BACA,CAAA,cACA,CAAA,yBAEA,wCANF,YAQI,CAAA,CAAA,yBAEF,wCAVF,uBAWI,CAAA,CAAA,8CAGF,UACE,CAAA,+IACA,CAAA,iBACA,CAAA,KACA,CAAA,MACA,CAAA,UACA,CAAA,YACA,CAAA,0CAGF,eACE,CAAA,SACA,CAAA,qDAIJ,UACE,CAAA,iBACA,CAAA,MACA,CAAA,OACA,CAAA,QACA,CAAA,2CACA,CAAA,UACA,CAAA,0BAEA,qDATF,KAUI,CAAA,0BACA,CAAA,+BACA,CAAA,kCACA,CAAA,CAAA,yBAEF,qDAfF,eAgBI,CAAA,cACA,CAAA,iBACA,CAAA,iCACA,CAAA,kCACA,CAAA,CAAA,+BAKN,iBACE,CAAA,OACA,CAAA,QACA,CAAA,WACA,CAAA,eACA,CAAA,qBAEA,CAAA,4BC3PF,CAAA,6BACA,CAAA,iBACA,CAAA,kBACA,CAAA,eACA,CAAA,yBACA,CAAA,gBDwPE,CAAA,QACA,CAAA,gBACA,CAAA,8BACA,CAAA,8IACA,CAAA,yBACA,+BAdF,eAeI,CAAA,CAAA,sCAEF,SAGE,CAAA,cACA,CAAA,0CACA,gBAEE,CAAA,QACA,CAAA,SACA,CAAA,UACA,CAAA,WACA,CAAA,iBACA,CAAA,aACA,CAAA,cACA,CAAA,cACA,CAAA,0CAKJ,UACE,CAAA,yBACA,0CAFF,SAGI,CAAA,OACA,CAAA,CAAA,yBAEF,0CANF,QAOI,CAAA,CAAA,yBAEF,0CATF,QAUI,CAAA,CAAA,yBAMF,oCADF,iBAEI,CAAA,CAAA,+BAKN,iBACE,CAAA,YACA,CAAA,OACA,CAAA,QACA,CAAA,eACA,CAAA,SACA,CAAA,WACA,CAAA,oCAEA,kCACE,CAAA,UACA,CAAA,6BACA,CAAA,yCACA,iBACE,CAAA,SACA,CAAA,yBAEF,oCARF,UASI,CAAA,CAAA,4CAIJ,gDACE,CAAA,+CACA,CAAA,yDAEA,eACE,CAAA,gDAKN,eACE,CAAA,kBACA,CAAA,uBAGF,eACE,CAAA,yEAGF,YACE",sourcesContent:['@import \'../../_global/styles/mixins\';\n@import \'../../_global/styles/vars\';\n\n.slider {\n opacity: 0;\n transition: opacity 0.4s linear;\n\n &.initiated {\n opacity: 1;\n }\n\n &.single-slide {\n .controls {\n display: none;\n }\n }\n\n .slide-overflow {\n overflow: hidden;\n transition: height 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n img.loading {\n opacity: 0;\n }\n\n img.loaded {\n transition: 0.3s ease;\n opacity: 1;\n }\n\n .slide-wrapper {\n position: relative;\n display: flex;\n align-items: flex-start;\n width: 10000%;\n contain: layout;\n\n &.no-transition {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n .image-box:after {\n content: "";\n @include full-size;\n z-index: 2;\n }\n }\n\n img, a {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-drag: none;\n -moz-user-drag: none;\n }\n }\n\n .slide {\n position: relative;\n width: 1%;\n min-width: 1%;\n max-width: 1%;\n }\n\n .prev-clone,\n .next-clone {\n position: absolute;\n display: flex;\n width: 100%;\n }\n\n .prev-clone {\n position: absolute;\n right: 100%;\n justify-content: flex-end;\n }\n}\n\n.rotation {\n margin: var(--section-margin) auto;\n}\n\n.rotation .slider {\n position: relative;\n display: block;\n border-bottom: var(--border-width) solid var(--theme-color-secondary);\n background-color: var(--theme-color-primary);\n\n @media(max-width: 567px) {\n margin: var(--section-margin) calc(var(--container-padding) * -1);\n }\n\n .slide {\n &:not(.current) {\n height: 0;\n }\n\n &.text-only .outer {\n @media(max-width: 999px) {\n .text-box {\n min-height: calc(40vw + 100px);\n }\n }\n @media(min-width: 1000px) {\n &:after {\n content: "";\n position: relative;\n display: block;\n padding-top: calc(44.4444% - 13.3333px);\n }\n }\n }\n }\n\n .outer {\n margin: 0 -20px;\n display: flex;\n\n @media(max-width: 999px) {\n flex-direction: column;\n margin: 0;\n overflow: hidden;\n }\n\n &.download .text-box .btn:before {\n @include icon-small-download;\n }\n &.intranet .text-box .btn:before{\n @include icon-small-schloss;\n }\n &.extranet .text-box .btn:before{\n @include icon-small-stern;\n }\n &.extern .text-box .btn:before{\n @include icon-small-link-external;\n }\n }\n\n .image-box {\n order: 1;\n position: relative;\n flex: 1 1 100%;\n @media(min-width: 1000px) {\n\n }\n\n &:before {\n content: "";;\n position: relative;\n display: block;\n padding-top: 66.66667%;\n }\n\n > picture, img, .gallery {\n position: absolute;\n left: 0;\n top: 0;\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n\n @media(min-width: 1000px) {\n padding-right: 20px;\n flex: 1 1 66.66667%;\n max-width: 66.66667%;\n\n > picture, img, .gallery {\n width: calc(100% - 20px);\n left: 1px;\n }\n }\n }\n\n .copyright {\n @include copyright;\n @media(min-width: 1000px) {\n left: calc(100% - 20px);\n }\n }\n\n .text-box {\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex: 1 1 33.33333%;\n max-width: 33.3333%;\n min-width: 400px;\n color: var(--theme-color-background);\n z-index: 2;\n padding: 40px 20px 40px 80px;\n font-size: var(--font-size-small);\n\n @media(max-width: 1339px) {\n min-width: 360px;\n padding: 30px 10px 30px 60px;\n }\n\n @media(max-width: 1199px) and (min-width: 1000px) {\n min-height: 500px;\n font-size: 16px;\n }\n\n @media(max-width: 999px) {\n padding: 40px 40px 10px;\n min-width: 0;\n max-width: none;\n }\n\n @media(max-width: 567px) {\n padding: 28px var(--container-padding) 10px;\n }\n\n &:first-child {\n padding: 100px 80px;\n position: static;\n background-color: transparent;\n max-width: none;\n\n @media(max-width: 999px) {\n //justify-content: flex-start;\n padding: 40px;\n }\n @media(max-width: 567px) {\n padding: 28px 20px 100px;\n }\n\n &:after {\n content: "";\n background: linear-gradient(130deg, var(--theme-color-gradient-01) 10%, var(--theme-color-gradient-02) 80%, var(--theme-color-gradient-03) 100%);\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 800px;\n }\n\n > * {\n max-width: 800px;\n z-index: 1;\n }\n }\n\n &:not(:first-child):before {\n content: "";\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: var(--theme-color-primary);\n z-index: -1;\n\n @media(min-width: 1000px) {\n top: 0;\n margin: -15% -14% -15% 20px;\n border-top-right-radius: 28% 50%;\n border-bottom-right-radius: 28% 50%;\n }\n @media(max-width: 999px) {\n padding-top: 70%;\n margin-right: 0;\n margin: 0 -15% -8%;\n border-bottom-left-radius: 50% 28%;\n border-bottom-right-radius: 50% 28%;\n }\n }\n }\n\n .context-box {\n position: absolute;\n right: 0;\n top: 40px;\n z-index: 100;\n min-width: 100px;\n //min-height: 52px;\n padding: 0 10px 0 10px;\n @include h4();\n line-height: 47px;\n margin: 0;\n text-align: right;\n color: var(--theme-color-white);\n background: linear-gradient(90deg, var(--theme-color-gradient-01) 25%,var(--theme-color-gradient-02) 57%,var(--theme-color-gradient-03) 112%);\n @media(max-width: 999px) {\n min-height: auto;\n }\n &--image {\n //padding: 4px 10px;\n //display: flex;\n padding: 0;\n min-width: auto;\n img {\n //height: 39px;\n object-fit: unset;\n top: auto;\n left: auto;\n width: auto;\n height: 47px;\n position: relative;\n display: block;\n max-width: none;\n min-width: auto;\n }\n }\n }\n .image-box {\n .context-box {\n right: 20px;\n @media(max-width: 999px) {\n top: 110px;\n right: 0;\n }\n @media(max-width: 567px) {\n top: 40px;\n }\n @media(max-width: 319px) {\n top: 20px;\n }\n }\n }\n .text-box {\n &.context {\n @media(max-width: 767px) {\n padding-top: 100px;\n }\n }\n }\n\n .slider-tabs {\n position: absolute;\n display: flex;\n right: 0;\n bottom: 0;\n list-style: none;\n padding: 0;\n margin: 20px;\n\n .btn {\n --button-hover-shadow-opacity: 0.4;\n margin: 5px;\n font-size: var(--font-size-h4);\n span{\n position:relative;\n z-index:2;\n }\n @media(max-width: 767px) {\n margin: 4px;\n }\n }\n\n .active .btn {\n --button-bg-color: var(--theme-color-background);\n --button-text-color: var(--theme-color-primary);\n\n &:hover::after {\n box-shadow: none;\n }\n }\n }\n\n h2, .like-h2 {\n margin-top: 0.3em;\n margin-bottom: 0.4em;\n }\n\n .btn {\n margin-top: 0.8em;\n }\n\n .prev, .next, .count {\n display: none;\n }\n}\n',"@mixin h1 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h1);\n line-height: 1.1;\n font-weight: 400;\n margin: 0.6em -0.05em 0.5em;\n\n &:first-child {\n margin-top: -0.1em;\n }\n}\n\n@mixin h2 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h2);\n line-height: 1.2;\n font-weight: 400;\n margin: 1.4em -0.05em 0.6em;\n}\n\n@mixin h3 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h3);\n line-height: 1.2;\n font-weight: 400;\n margin: 1.4em -0.05em 0.6em;\n}\n\n@mixin h4 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h4);\n font-style: normal;\n font-weight: normal;\n line-height: 1.2;\n margin: 1.4em -0.05em 0.8em;\n}\n\n@mixin h5 {\n font-family: var(--font-korb);\n font-size: 22px;\n line-height: 1.2;\n font-weight: 400;\n margin: 1em 0 0.6em;\n\n @media(max-width: 1339px) {\n font-size: 20px;\n }\n @media(max-width: 767px) {\n font-size: 18px;\n }\n}\n\n@mixin h6 {\n font-size: inherit;\n line-height: 1.4;\n font-weight: 600;\n margin: 1.2em 0 0.5em;\n}\n\n@mixin kicker {\n display: block;\n font-size: 16px;\n //text-transform: uppercase;\n margin-bottom: 2px;\n letter-spacing: 0.3px;\n\n @media(max-width: 767px) {\n font-size: 14px;\n }\n\n + h1,\n + .like-h1 {\n margin-top: 0.1em;\n }\n\n + h2, + .like-h2,\n + h3, + .like-h3,\n + h4 + .like-h4, {\n margin-top: 0.2em;\n }\n}\n\n@mixin hide($delay: 0s) {\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n transition: opacity 0.4s ease $delay, visibility $delay ease 0.4s, transform 0.4s ease $delay;\n}\n\n@mixin show($delay: 0s) {\n opacity: 1;\n visibility: visible;\n pointer-events: all;\n transition: opacity 0.4s ease $delay, visibility 0s ease $delay, transform 0.4s ease $delay;\n}\n\n@mixin full-size {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n\n@mixin copyright {\n position: absolute;\n display: block;\n left: 100%;\n bottom: 0;\n font-size: 12px;\n text-align: left;\n line-height: 1.2;\n z-index: 2;\n transform-origin: 0 100%;\n transform: rotate(-90deg);\n transition: 0.3s ease;\n\n color: white;\n text-shadow: 0 0 3px rgba(black, 0.6), 0 0 8px rgba(black, 0.6);\n width: calc(66.6% + 7px);\n padding: 8px 18px;\n\n //color: var(--theme-color-white);\n //text-shadow: -2px 2px 0 #000;\n //padding: 2px 6px 2px 4px;\n //background: #012d59;\n //white-space: nowrap;\n //max-width: calc(66.6% + 7px);\n //overflow: hidden;\n //\n //@media(max-width: 767px) {\n // font-size: 10px;\n // max-width: 100%;\n //}\n}\n\n@mixin form-field {\n --input-height: 60px;\n position: relative;\n display: block;\n width: 100%;\n height: var(--input-height);\n background-color: var(--theme-color-white);\n border: 1px solid var(--theme-color-primary);\n border-radius: var(--border-radius-xs);\n padding: 10px 15px;\n font-family: 'Source Sans Pro', sans-serif;\n font-size: var(--font-size-copy);\n line-height: 1.4;\n transition: 0.3s ease;\n color: var(--theme-color-primary);\n\n &:focus {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n\n @media(max-width: 1199px) {\n --input-height: 50px;\n }\n @media(max-width: 767px) {\n --input-height: 44px;\n }\n}\n\n@mixin focus-visible($inset: false) {\n @if $inset {\n &.focus-visible:focus {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n &:focus-visible, &.-moz-focusring {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n }\n @else {\n &.focus-visible:focus {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n &:focus-visible, &.-moz-focusring {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n }\n}\n\n@mixin focus-standalone($inset: false) {\n @if $inset {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n @else {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n}\n\n@mixin word-wrap() {\n word-break: break-word;\n -webkit-hyphens: auto;\n -moz-hyphens: auto;\n hyphens: auto;\n}\n\n// ICONS\n@mixin icon-ankerlink { content: '\\e800'; }\n@mixin icon-barrierefreiheit { content: '\\e801'; }\n@mixin icon-chat { content: '\\e802'; }\n@mixin icon-check { content: '\\e803'; }\n@mixin icon-checkbox-liste-1 { content: '\\e804'; }\n@mixin icon-content-schloss { content: '\\e805'; }\n@mixin icon-content { content: '\\e807'; }\n@mixin icon-dauer { content: '\\e808'; }\n@mixin icon-download { content: '\\e809'; }\n@mixin icon-dropdown { content: '\\e80a'; }\n@mixin icon-drucker { content: '\\e80b'; }\n@mixin icon-email { content: '\\e80c'; }\n@mixin icon-fax { content: '\\e80d'; }\n@mixin icon-freie-plaetze { content: '\\e80e'; }\n@mixin icon-galerie { content: '\\e80f'; }\n@mixin icon-gebaerdensprache { content: '\\e810'; }\n@mixin icon-geschlossen { content: '\\e811'; }\n@mixin icon-ihk-wechseln { content: '\\e812'; }\n@mixin icon-info { content: '\\e813'; }\n@mixin icon-kalender { content: '\\e814'; }\n@mixin icon-kartenpin { content: '\\e815'; }\n@mixin icon-kontakt { content: '\\e816'; }\n@mixin icon-laden { content: '\\e817'; }\n@mixin icon-leichte-sprache { content: '\\e818'; }\n@mixin icon-link-external { content: '\\e819'; }\n@mixin icon-liste-schloss { content: '\\e81a'; }\n@mixin icon-liste-stern { content: '\\e81b'; }\n@mixin icon-liste { content: '\\e81c'; }\n@mixin icon-loeschen { content: '\\e81d'; }\n@mixin icon-login { content: '\\e81e'; }\n@mixin icon-minus { content: '\\e81f'; }\n@mixin icon-pdf { content: '\\e820'; }\n@mixin icon-pfeil-links { content: '\\e821'; }\n@mixin icon-pfeil-oben { content: '\\e822'; }\n@mixin icon-pfeil-rechts-schloss { content: '\\e823'; }\n@mixin icon-pfeil-rechts-stern { content: '\\e824'; }\n@mixin icon-pfeil-rechts { content: '\\e825'; }\n@mixin icon-pfeil-simple-rechts { content: '\\e826'; }\n@mixin icon-pfeil-unten { content: '\\e827'; }\n@mixin icon-plus { content: '\\e828'; }\n@mixin icon-preis { content: '\\e829'; }\n@mixin icon-referent { content: '\\e82a'; }\n@mixin icon-reset { content: '\\e82b'; }\n@mixin icon-sanduhr { content: '\\e82c'; }\n@mixin icon-schliessen { content: '\\e82d'; }\n@mixin icon-schloss { content: '\\e82e'; }\n@mixin icon-sprache { content: '\\e82f'; }\n@mixin icon-stern { content: '\\e830'; }\n@mixin icon-suche-adresse { content: '\\e831'; }\n@mixin icon-suche-archiv { content: '\\e832'; }\n@mixin icon-suche-az { content: '\\e833'; }\n@mixin icon-suche-chat { content: '\\e834'; }\n@mixin icon-suche-datei { content: '\\e835'; }\n@mixin icon-suche-firma { content: '\\e836'; }\n@mixin icon-suche-magazin { content: '\\e837'; }\n@mixin icon-suche-mail { content: '\\e838'; }\n@mixin icon-suche-person { content: '\\e839'; }\n@mixin icon-suche-schloss { content: '\\e83a'; }\n@mixin icon-suche-veranstaltung { content: '\\e83b'; }\n@mixin icon-suche { content: '\\e83c'; }\n@mixin icon-teilnehmer-add { content: '\\e83d'; }\n@mixin icon-telefon { content: '\\e83e'; }\n@mixin icon-vcard { content: '\\e83f'; }\n@mixin icon-small-arrow-right-simple { content: '\\e840'; }\n@mixin icon-small-barrierefreiheit { content: '\\e841'; }\n@mixin icon-small-download { content: '\\e842'; }\n@mixin icon-small-gebaerdensprache { content: '\\e843'; }\n@mixin icon-small-kontakt { content: '\\e844'; }\n@mixin icon-small-leichte-sprache { content: '\\e845'; }\n@mixin icon-small-link-external { content: '\\e846'; }\n@mixin icon-small-login { content: '\\e847'; }\n@mixin icon-small-pfeil-rechts { content: '\\e848'; }\n@mixin icon-small-sprache { content: '\\e849'; }\n@mixin icon-small-schloss { content: '\\e84a'; }\n@mixin icon-small-stern { content: '\\e84b'; }\n@mixin icon-teilen { content: '\\e84c'; }\n@mixin icon-social-telegram { content: '\\e84d'; }\n@mixin icon-social-threema { content: '\\e84e'; }\n@mixin icon-social-whatsapp { content: '\\e84f'; }\n@mixin icon-suche-big { content: '\\e850'; }\n@mixin icon-xsmall-pin { content: '\\e851'; }\n@mixin icon-check-1 { content: '\\e852'; }\n@mixin icon-xsmall-euro { content: '\\e853'; }\n@mixin icon-xsmall-geschlossen { content: '\\e854'; }\n@mixin icon-xsmall-kalender { content: '\\e855'; }\n@mixin icon-xsmall-liste { content: '\\e856'; }\n@mixin icon-xsmall-offen { content: '\\e857'; }\n@mixin icon-xsmall-uhr { content: '\\e858'; }\n@mixin icon-social-facebook { content: '\\e859'; }\n@mixin icon-liste-1 { content: '\\e85a'; }\n@mixin icon-social-linkedin { content: '\\e85b'; }\n@mixin icon-social-pinterest { content: '\\e85c'; }\n@mixin icon-social_x { content: '\\e85d'; }\n@mixin icon-social-xing { content: '\\e85e'; }\n@mixin icon-zoom { content: '\\e85f'; }\n@mixin icon-social-youtube { content: '\\e860'; }\n@mixin icon-social-instagram { content: '\\e861'; }\n@mixin icon-faq { content: '\\e869'; }\n@mixin icon-checkbox-liste { content: '\\e86a'; }\n@mixin icon-content-stern { content: '\\e86b'; }\n@mixin icon-small-election-group { content: '\\e86c'; }\n@mixin icon-small-icon-election-location { content: '\\e86e'; }\n@mixin icon-userlike { content: '\\e8c6'; }\n@mixin icon-userlike-chat { content: '\\e8c7'; }\n@mixin icon-magazine { content: '\\e8c8'; }\n@mixin icon-lokalisierung { content: '\\e8c9'; }\n@mixin icon-login-flyout { content: '\\e8ca'; }\n@mixin icon-login-header { content: '\\e8cb'; }\n@mixin icon-social-twitter { content: '\\e85d'; }\n@mixin icon-play { content: '\\e86d'; }\n@mixin icon-pause { content: '\\e806'; }\n@mixin icon-volume-mute { content: '\\e862'; }\n@mixin icon-volume-on { content: '\\e86f'; }\n@mixin icon-ankerlink-right { content: '\\e873'; }\n\n// PICTOGRAMS\n@mixin pictogram-achtung { content: '\\e800'; }\n@mixin pictogram-achtung-strom { content: '\\e801'; }\n@mixin pictogram-aeskulapstab { content: '\\e802'; }\n@mixin pictogram-anker { content: '\\e803'; }\n@mixin pictogram-anstossen { content: '\\e804'; }\n@mixin pictogram-arbeitsplatz { content: '\\e805'; }\n@mixin pictogram-auktionshammer { content: '\\e806'; }\n@mixin pictogram-batterie { content: '\\e807'; }\n@mixin pictogram-ausruf { content: '\\e808'; }\n@mixin pictogram-bauhelm { content: '\\e809'; }\n@mixin pictogram-benefit-vorteil-geschenk { content: '\\e80a'; }\n@mixin pictogram-bett { content: '\\e80b'; }\n@mixin pictogram-blatt { content: '\\e80c'; }\n@mixin pictogram-blume { content: '\\e80d'; }\n@mixin pictogram-blume-b { content: '\\e80e'; }\n@mixin pictogram-brief { content: '\\e80f'; }\n@mixin pictogram-brille-auf-buch { content: '\\e810'; }\n@mixin pictogram-bueroklammer { content: '\\e811'; }\n@mixin pictogram-bus { content: '\\e812'; }\n@mixin pictogram-container { content: '\\e813'; }\n@mixin pictogram-containerschiff { content: '\\e815'; }\n@mixin pictogram-daumen-hoch-a { content: '\\e816'; }\n@mixin pictogram-daumen-hoch-c { content: '\\e817'; }\n@mixin pictogram-daumen-hoch-b { content: '\\e818'; }\n@mixin pictogram-diagramm-mit-text { content: '\\e819'; }\n@mixin pictogram-diagramm-torte { content: '\\e81a'; }\n@mixin pictogram-diagramm-verlust { content: '\\e81b'; }\n@mixin pictogram-diagramm-wachstum { content: '\\e81c'; }\n@mixin pictogram-diagramm { content: '\\e81d'; }\n@mixin pictogram-co2 { content: '\\e814'; }\n@mixin pictogram-dokument-a { content: '\\e81e'; }\n@mixin pictogram-dokument-b { content: '\\e81f'; }\n@mixin pictogram-dokument-c { content: '\\e820'; }\n@mixin pictogram-e-auto { content: '\\e821'; }\n@mixin pictogram-e-learning { content: '\\e822'; }\n@mixin pictogram-einkaufstasche-mit-eurozeichen { content: '\\e824'; }\n@mixin pictogram-einkaufstasche { content: '\\e825'; }\n@mixin pictogram-einkaufswagen { content: '\\e826'; }\n@mixin pictogram-eu-emblem-brexit { content: '\\e827'; }\n@mixin pictogram-eu-emblem { content: '\\e828'; }\n@mixin pictogram-eule { content: '\\e829'; }\n@mixin pictogram-fabrik { content: '\\e82a'; }\n@mixin pictogram-fahne-horizontal-gestreift { content: '\\e82b'; }\n@mixin pictogram-fahne-kreuz { content: '\\e82c'; }\n@mixin pictogram-fahne-neutral { content: '\\e82d'; }\n@mixin pictogram-fahne-vertikal-gestreift { content: '\\e82e'; }\n@mixin pictogram-fahrrad-jobrad-dienstfahrrad { content: '\\e82f'; }\n@mixin pictogram-fahrrad-sportlich { content: '\\e830'; }\n@mixin pictogram-fahrrad { content: '\\e831'; }\n@mixin pictogram-faq-a { content: '\\e832'; }\n@mixin pictogram-faq-b { content: '\\e833'; }\n@mixin pictogram-fernglas { content: '\\e834'; }\n@mixin pictogram-fisch-frisst-fisch { content: '\\e835'; }\n@mixin pictogram-flugzeug { content: '\\e836'; }\n@mixin pictogram-frage { content: '\\e837'; }\n@mixin pictogram-fragezeichen { content: '\\e838'; }\n@mixin pictogram-geld-zuschuss-foerderung { content: '\\e839'; }\n@mixin pictogram-geldsack { content: '\\e83a'; }\n@mixin pictogram-freiheitsstatue { content: '\\e83b'; }\n@mixin pictogram-gruppe-gespraech { content: '\\e83c'; }\n@mixin pictogram-gruppe-idee { content: '\\e83d'; }\n@mixin pictogram-globus { content: '\\e83e'; }\n@mixin pictogram-gutschein-zuschuss-benefit { content: '\\e83f'; }\n@mixin pictogram-hand-a { content: '\\e840'; }\n@mixin pictogram-hand-b { content: '\\e841'; }\n@mixin pictogram-hand-c { content: '\\e842'; }\n@mixin pictogram-hand-geben { content: '\\e843'; }\n@mixin pictogram-hand-mit-werkzeug { content: '\\e844'; }\n@mixin pictogram-hand-gespreizt { content: '\\e845'; }\n@mixin pictogram-hand-zeigen-b { content: '\\e846'; }\n@mixin pictogram-hand-zeigen-a { content: '\\e847'; }\n@mixin pictogram-hand-zeigen-c { content: '\\e848'; }\n@mixin pictogram-handschlag-a { content: '\\e849'; }\n@mixin pictogram-handschlag-b { content: '\\e84a'; }\n@mixin pictogram-handschlag-c { content: '\\e84b'; }\n@mixin pictogram-heft { content: '\\e84c'; }\n@mixin pictogram-idee { content: '\\e84d'; }\n@mixin pictogram-ihk-chemnitz-a { content: '\\e84e'; }\n@mixin pictogram-ihk-chemnitz-b { content: '\\e84f'; }\n@mixin pictogram-ihk-chemnitz-c { content: '\\e850'; }\n@mixin pictogram-ihk-giessen-friedberg { content: '\\e851'; }\n@mixin pictogram-ihk-hagen { content: '\\e852'; }\n@mixin pictogram-ihk-heilbronn-franken { content: '\\e853'; }\n@mixin pictogram-ihk-köln { content: '\\e854'; }\n@mixin pictogram-ihk-rhein-neckar { content: '\\e855'; }\n@mixin pictogram-ihk-stuttgart { content: '\\e856'; }\n@mixin pictogram-ihk-wahl { content: '\\e857'; }\n@mixin pictogram-information { content: '\\e858'; }\n@mixin pictogram-kalender { content: '\\e859'; }\n@mixin pictogram-karte { content: '\\e85a'; }\n@mixin pictogram-koepfe-mit-sprechblase { content: '\\e85b'; }\n@mixin pictogram-kerze { content: '\\e85c'; }\n@mixin pictogram-kopf-mit-formel { content: '\\e85d'; }\n@mixin pictogram-kran { content: '\\e85e'; }\n@mixin pictogram-kuchen { content: '\\e85f'; }\n@mixin pictogram-labyrinth { content: '\\e860'; }\n@mixin pictogram-lkw { content: '\\e861'; }\n@mixin pictogram-maske { content: '\\e862'; }\n@mixin pictogram-megaphon { content: '\\e863'; }\n@mixin pictogram-mikrofon { content: '\\e864'; }\n@mixin pictogram-paket-mit-euro { content: '\\e865'; }\n@mixin pictogram-paket { content: '\\e866'; }\n@mixin pictogram-paragraph { content: '\\e867'; }\n@mixin pictogram-persoenliche_entwicklung { content: '\\e868'; }\n@mixin pictogram-person-an-tafel-a { content: '\\e869'; }\n@mixin pictogram-person-an-tafel-b { content: '\\e86a'; }\n@mixin pictogram-person-auf-schild { content: '\\e86b'; }\n@mixin pictogram-person-mit-brille-a { content: '\\e86c'; }\n@mixin pictogram-person-mit-brille-b { content: '\\e86d'; }\n@mixin pictogram-person-mit-buch { content: '\\e86e'; }\n@mixin pictogram-person-mit-doktorhut-a { content: '\\e86f'; }\n@mixin pictogram-person-mit-doktorhut-b { content: '\\e870'; }\n@mixin pictogram-person-mit-headset { content: '\\e871'; }\n@mixin pictogram-person-mit-uniform-a { content: '\\e872'; }\n@mixin pictogram-person-mit-uniform-b { content: '\\e873'; }\n@mixin pictogram-person { content: '\\e874'; }\n@mixin pictogram-personen-mit-brieftasche { content: '\\e875'; }\n@mixin pictogram-personen-mit-doktorhut { content: '\\e876'; }\n@mixin pictogram-personen-suche-a { content: '\\e877'; }\n@mixin pictogram-personen-suche-b { content: '\\e878'; }\n@mixin pictogram-pusteblume { content: '\\e879'; }\n@mixin pictogram-rakete-a { content: '\\e87a'; }\n@mixin pictogram-rakete-b { content: '\\e87b'; }\n@mixin pictogram-rednerpult { content: '\\e87c'; }\n@mixin pictogram-rettungsring { content: '\\e87d'; }\n@mixin pictogram-roboter { content: '\\e87e'; }\n@mixin pictogram-s-bahn { content: '\\e87f'; }\n@mixin pictogram-smilie { content: '\\e880'; }\n@mixin pictogram-social-facebook { content: '\\e881'; }\n@mixin pictogram-social-instagram { content: '\\e882'; }\n@mixin pictogram-social-linkedin { content: '\\e883'; }\n@mixin pictogram-social-twitter { content: '\\e884'; }\n@mixin pictogram-social-youtube { content: '\\e885'; }\n@mixin pictogram-solidaritaetsschleife { content: '\\e886'; }\n@mixin pictogram-stadt { content: '\\e887'; }\n@mixin pictogram-standort { content: '\\e888'; }\n@mixin pictogram-stern { content: '\\e889'; }\n@mixin pictogram-steuerung { content: '\\e88a'; }\n@mixin pictogram-stoppuhr { content: '\\e88b'; }\n@mixin pictogram-strommast { content: '\\e88c'; }\n@mixin pictogram-system-prozess { content: '\\e88d'; }\n@mixin pictogram-teamwork-team-zusammenarbeit { content: '\\e88e'; }\n@mixin pictogram-teller-besteck { content: '\\e88f'; }\n@mixin pictogram-treppe { content: '\\e890'; }\n@mixin pictogram-tropfen-a { content: '\\e891'; }\n@mixin pictogram-tropfen-b { content: '\\e892'; }\n@mixin pictogram-tulpe { content: '\\e893'; }\n@mixin pictogram-veranstaltung-intern-beruf { content: '\\e894'; }\n@mixin pictogram-veranstaltung-intern-feier { content: '\\e895'; }\n@mixin pictogram-videocall-a { content: '\\e896'; }\n@mixin pictogram-videocall-b { content: '\\e897'; }\n@mixin pictogram-videos { content: '\\e898'; }\n@mixin pictogram-virus { content: '\\e899'; }\n@mixin pictogram-waage { content: '\\e89a'; }\n@mixin pictogram-wegweiser-a { content: '\\e89b'; }\n@mixin pictogram-wegweiser-b { content: '\\e89c'; }\n@mixin pictogram-weltkugel-mit-flamme { content: '\\e89d'; }\n@mixin pictogram-weltkugel-mit-koffer { content: '\\e89e'; }\n@mixin pictogram-weltkugel { content: '\\e89f'; }\n@mixin pictogram-werkzeug { content: '\\e8a0'; }\n@mixin pictogram-windrad-a { content: '\\e8a1'; }\n@mixin pictogram-windrad-b { content: '\\e8a2'; }\n@mixin pictogram-wolke-mit-herz-und-sonne { content: '\\e8a3'; }\n@mixin pictogram-zeitung { content: '\\e8a4'; }\n\n@mixin icon-fa-play-circled2 { content: '\\e800'; }\n@mixin icon-fa-play { content: '\\e801'; }\n@mixin icon-fa-basket { content: '\\e843'; }\n@mixin icon-fa-play-circled { content: '\\f144'; }\n@mixin icon-fa-cart-plus { content: '\\f217'; }\n@mixin icon-fa-cart-arrow-down { content: '\\f218'; }\n\n@mixin icon-galerie-small { content: '\\e870'; }\n@mixin icon-interaction-small { content: '\\e871'; }\n@mixin icon-video-small { content: '\\e872'; }\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./stories/sections/slider/slider.scss":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_slider_scss__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/slider/slider.scss"),options={insert:"head",singleton:!1};_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_slider_scss__WEBPACK_IMPORTED_MODULE_1__.Z,options),_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_slider_scss__WEBPACK_IMPORTED_MODULE_1__.Z.locals}}]); \ No newline at end of file diff --git a/gfi-ihk-2024/storybook-static/615.24753b34.iframe.bundle.js b/gfi-ihk-2024/storybook-static/615.24753b34.iframe.bundle.js new file mode 100644 index 0000000..998afd5 --- /dev/null +++ b/gfi-ihk-2024/storybook-static/615.24753b34.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[615],{"./stories/components/document-list/DocumentListComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{h:()=>createDocumentList});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.string.link.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),document_list=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/document-list/document-list.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(document_list.Z,options);document_list.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),DocumentListData=__webpack_require__("./stories/components/document-list/DocumentListData.js"),createDocumentList=function createDocumentList(_ref){var _ref$docs=_ref.docs,docs=void 0===_ref$docs?DocumentListData.c:_ref$docs,section=(0,helpers.az)("section",["document-list"]);return docs.map((function(doc){var a=(0,helpers.az)("div",["document-list-item",doc.icon],null,section);if(doc.imageSrc&&doc.imageSrc.length>0){var imageBox=(0,helpers.az)("div",["image-box"],null,a);(0,helpers.Bi)(doc.imageSrc,210,140,doc.title,[],imageBox)}else if(doc.chartTitle&&doc.chartTitle.length>0){var _imageBox=(0,helpers.az)("div",["image-box"],null,a);_imageBox.classList.add("chart"),(0,helpers.az)("span",["chart-title"],doc.chartTitle,_imageBox)}var textBox=(0,helpers.az)("div",["text-box"],null,a);(0,helpers.az)("span",["kicker"],doc.kicker,textBox),(0,helpers.az)("h6",[],doc.title,textBox),doc.copy&&doc.copy.length>0&&(0,helpers.az)("p",[],doc.copy,textBox),doc.details&&doc.details.length>0&&(0,helpers.az)("p",["details"],doc.details,textBox);var teaserLink=(0,helpers.az)("a",["teaser--link"],"",a);teaserLink.href=doc.link,teaserLink.setAttribute("aria-label","Beschreibender Link-Text")})),section}},"./stories/components/document-list/DocumentListData.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{c:()=>DocumentListData});var DocumentListData=[{link:"#",icon:"icon-small-download",imageSrc:"./dummy/placeholder-3-2.svg",chartTitle:"",kicker:"Positionen",title:"Gipfel zur Digitalen Bildung 2019",copy:"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt, eaque, laborum. Atque modi commodi sed natus fugiat soluta perferendis dolores veritatis praesentium sint, consequatur odit, quaerat assumenda in vel ut suscipit enim at quis, similique cumque tempora eveniet? Amet, voluptatibus?",details:"PDF-Datei (0,7 MB)"},{link:"#",icon:"icon-small-link-external",imageSrc:null,chartTitle:"PDF",kicker:"Positionen",title:"Gipfel zur Digitalen Bildung 2019",copy:"Sunt, eaque, laborum. Atque modi commodi sed natus fugiat soluta perferendis dolores veritatis praesentium sint, consequatur odit.",details:"PDF-Datei (3,5 MB)"},{link:"#",icon:null,imageSrc:null,chartTitle:null,kicker:"Positionen",title:"Gipfel zur Digitalen Bildung 2019",copy:"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt, eaque, laborum. Atque modi commodi sed natus fugiat soluta perferendis dolores veritatis praesentium sint, consequatur odit, quaerat.",details:"PDF-Datei (3,5 MB)"},{link:"#",icon:"icon-small-download",imageSrc:"./dummy/placeholder-3-2.svg",chartTitle:"",kicker:"Positionen",title:"Gipfel zur Digitalen Bildung 2019",copy:null,details:"PDF-Datei (0,7 MB)"},{link:"#",icon:"icon-small-link-external",imageSrc:null,chartTitle:"PDF",kicker:"Positionen",title:"Gipfel zur Digitalen Bildung 2019",copy:"Sunt, eaque, laborum. Atque modi commodi sed natus fugiat soluta perferendis dolores veritatis praesentium sint, consequatur odit. Sunt, eaque, laborum. Atque modi commodi sed natus fugiat soluta perferendis dolores veritatis praesentium sint, consequatur odit, quaerat.",details:"PDF-Datei (2,2 MB)"},{link:"#",icon:"icon-small-download",imageSrc:"./dummy/placeholder-3-2.svg",chartTitle:null,kicker:"Positionen",title:"Gipfel zur Digitalen Bildung 2019",copy:"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt, eaque, laborum. Atque modi commodi sed natus fugiat soluta perferendis dolores veritatis praesentium sint, consequatur odit, quaerat.",details:"PDF-Datei (1,0 MB)"}]},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/document-list/document-list.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,'.document-list{position:relative;display:block;margin:calc(1vw + 20px) 0 calc(1.5vw + 40px)}.document-list-item{position:relative;display:block;text-decoration:none;font-size:var(--font-size-small);border:1px solid var(--theme-color-primary-dimmed-04);padding:15px;border-radius:4px;transition:.3s ease}.document-list-item.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}.document-list-item:focus-visible,.document-list-item.-moz-focusring{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.document-list-item:hover{text-decoration:none;color:var(--theme-color-secondary-intensed)}.document-list-item+.document-list-item{margin-top:10px}@media(min-width: 568px){.document-list-item{align-items:flex-start;display:flex}.document-list-item+.document-list-item{margin-top:15px}}.document-list-item:before{position:absolute;top:0;right:0;margin:10px;font-size:var(--icon-size-small);line-height:1;font-family:"Icons",sans-serif}.document-list-item .image-box{position:relative;max-width:210px;flex:1 1 25%}@media(max-width: 567px){.document-list-item .image-box{flex:1 1 75%;max-width:70%}}.document-list-item .image-box:before{content:"";position:relative;display:block;padding-top:66.66667%}.document-list-item .image-box.chart:before{background:linear-gradient(130deg, var(--theme-color-gradient-01) 46%, var(--theme-color-gradient-02) 123%, var(--theme-color-gradient-03) 255%)}.document-list-item .image-box img{position:absolute;display:block;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:.3s ease;opacity:1}.document-list-item .image-box img.loading{opacity:0}.document-list-item .image-box .chart-title{font-family:"Korb",sans-serif;font-weight:700;font-size:32px;color:var(--theme-color-white);position:absolute;left:0;right:0;top:50%;transform:translate(0, -50%);text-align:center}.document-list-item .image-box .copyright{position:absolute;display:block;left:100%;bottom:0;font-size:12px;text-align:left;line-height:1.2;z-index:2;transform-origin:0 100%;transform:rotate(-90deg);transition:.3s ease;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.6);width:calc(66.6% + 7px);padding:8px 18px}.document-list-item .text-box:not(:first-child){padding-top:20px}@media(min-width: 568px){.document-list-item .text-box{padding:2px 0 0}.document-list-item .text-box:not(:first-child){max-width:75%;padding:0 0 0 16px}}.document-list-item h6,.document-list-item .like-h6{font-size:18px;margin-top:4px;text-decoration:underline}@media(min-width: 768px){.document-list-item h6,.document-list-item .like-h6{font-size:22px}}.document-list-item h5,.document-list-item .like-h5,.document-list-item .details{font-weight:600}.document-list-item p{margin-bottom:12px}.document-list-item .details{margin:0}.document-list-item .kicker{margin-top:-4px}.document-list-item .teaser--link{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10}',"",{version:3,sources:["webpack://./stories/components/document-list/document-list.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAGA,eACE,iBAAA,CACA,aAAA,CACA,4CAAA,CAGF,oBACE,iBAAA,CACA,aAAA,CACA,oBAAA,CACA,gCAAA,CACA,qDAAA,CACA,YAAA,CACA,iBAAA,CAEA,mBAAA,CC+JE,wCACE,4GAAA,CACA,SAAA,CAEF,qEACE,4GAAA,CACA,SAAA,CDnKJ,0BACE,oBAAA,CACA,2CAAA,CAGF,wCACE,eAAA,CAGF,yBApBF,oBAqBI,sBAAA,CACA,YAAA,CAEA,wCACE,eAAA,CAAA,CAIJ,2BACE,iBAAA,CACA,KAAA,CACA,OAAA,CACA,WAAA,CACA,gCAAA,CACA,aAAA,CACA,8BAAA,CAGF,+BACE,iBAAA,CACA,eAAA,CACA,YAAA,CAEA,yBALF,+BAMI,YAAA,CACA,aAAA,CAAA,CAGF,sCACE,UAAA,CACA,iBAAA,CACA,aAAA,CACA,qBAAA,CAGF,4CACE,gJAAA,CAGF,mCACE,iBAAA,CACA,aAAA,CACA,KAAA,CACA,MAAA,CACA,UAAA,CACA,WAAA,CACA,gBAAA,CACA,mBAAA,CACA,SAAA,CAEA,2CACE,SAAA,CAIJ,4CACE,6BAAA,CACA,eAAA,CACA,cAAA,CACA,8BAAA,CACA,iBAAA,CACA,MAAA,CACA,OAAA,CACA,OAAA,CACA,4BAAA,CACA,iBAAA,CAGF,0CCOF,iBAAA,CACA,aAAA,CACA,SAAA,CACA,QAAA,CACA,cAAA,CACA,eAAA,CACA,eAAA,CACA,SAAA,CACA,uBAAA,CACA,wBAAA,CACA,mBAAA,CAEA,UAAA,CACA,yDAAA,CACA,uBAAA,CACA,gBAAA,CDjBA,gDACE,gBAAA,CAGF,yBACE,8BACE,eAAA,CAGF,gDACE,aAAA,CACA,kBAAA,CAAA,CAIJ,oDACE,cAAA,CACA,cAAA,CACA,yBAAA,CAEA,yBALF,oDAMI,cAAA,CAAA,CAIJ,iFACE,eAAA,CAGF,sBACE,kBAAA,CAGF,6BACE,QAAA,CAGF,4BACE,eAAA,CAEF,kCACE,iBAAA,CACA,MAAA,CACA,KAAA,CACA,UAAA,CACA,WAAA,CACA,UAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.document-list {\n position: relative;\n display: block;\n margin: calc(1vw + 20px) 0 calc(1.5vw + 40px);\n}\n\n.document-list-item {\n position: relative;\n display: block;\n text-decoration: none;\n font-size: var(--font-size-small);\n border: 1px solid var(--theme-color-primary-dimmed-04);\n padding: 15px;\n border-radius: 4px;\n @include focus-visible;\n transition: 0.3s ease;\n\n &:hover {\n text-decoration: none;\n color: var(--theme-color-secondary-intensed);\n }\n\n + .document-list-item {\n margin-top: 10px;\n }\n\n @media(min-width: 568px) {\n align-items: flex-start;\n display: flex;\n\n + .document-list-item {\n margin-top: 15px;\n }\n }\n\n &:before {\n position: absolute;\n top: 0;\n right: 0;\n margin: 10px;\n font-size: var(--icon-size-small);\n line-height: 1;\n font-family: 'Icons', sans-serif;\n }\n\n .image-box {\n position: relative;\n max-width: 210px;\n flex: 1 1 25%;\n\n @media(max-width: 567px) {\n flex: 1 1 75%;\n max-width: 70%;\n }\n\n &:before {\n content: \"\";\n position: relative;\n display: block;\n padding-top: 66.66667%;\n }\n\n &.chart:before {\n background: linear-gradient(130deg, var(--theme-color-gradient-01) 46%, var(--theme-color-gradient-02) 123%, var(--theme-color-gradient-03) 255%);\n }\n\n img {\n position: absolute;\n display: block;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: 0.3s ease;\n opacity: 1;\n\n &.loading {\n opacity: 0;\n }\n }\n\n .chart-title {\n font-family: \"Korb\", sans-serif;\n font-weight: 700;\n font-size: 32px;\n color: var(--theme-color-white);\n position: absolute;\n left: 0;\n right: 0;\n top: 50%;\n transform: translate(0, -50%);\n text-align: center;\n }\n\n .copyright {\n @include copyright;\n }\n }\n\n .text-box:not(:first-child) {\n padding-top: 20px;\n }\n\n @media(min-width: 568px) {\n .text-box {\n padding: 2px 0 0;\n }\n\n .text-box:not(:first-child) {\n max-width: 75%;\n padding: 0 0 0 16px;\n }\n }\n\n h6, .like-h6 {\n font-size: 18px;\n margin-top: 4px;\n text-decoration: underline;\n\n @media(min-width: 768px) {\n font-size: 22px;\n }\n }\n\n h5, .like-h5, .details {\n font-weight: 600;\n }\n\n p {\n margin-bottom: 12px;\n }\n\n .details {\n margin: 0;\n }\n\n .kicker {\n margin-top: -4px;\n }\n .teaser--link {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n z-index: 10;\n }\n}\n","@mixin h1 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h1);\n line-height: 1.1;\n font-weight: 400;\n margin: 0.6em -0.05em 0.5em;\n\n &:first-child {\n margin-top: -0.1em;\n }\n}\n\n@mixin h2 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h2);\n line-height: 1.2;\n font-weight: 400;\n margin: 1.4em -0.05em 0.6em;\n}\n\n@mixin h3 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h3);\n line-height: 1.2;\n font-weight: 400;\n margin: 1.4em -0.05em 0.6em;\n}\n\n@mixin h4 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h4);\n font-style: normal;\n font-weight: normal;\n line-height: 1.2;\n margin: 1.4em -0.05em 0.8em;\n}\n\n@mixin h5 {\n font-family: var(--font-korb);\n font-size: 22px;\n line-height: 1.2;\n font-weight: 400;\n margin: 1em 0 0.6em;\n\n @media(max-width: 1339px) {\n font-size: 20px;\n }\n @media(max-width: 767px) {\n font-size: 18px;\n }\n}\n\n@mixin h6 {\n font-size: inherit;\n line-height: 1.4;\n font-weight: 600;\n margin: 1.2em 0 0.5em;\n}\n\n@mixin kicker {\n display: block;\n font-size: 16px;\n //text-transform: uppercase;\n margin-bottom: 2px;\n letter-spacing: 0.3px;\n\n @media(max-width: 767px) {\n font-size: 14px;\n }\n\n + h1,\n + .like-h1 {\n margin-top: 0.1em;\n }\n\n + h2, + .like-h2,\n + h3, + .like-h3,\n + h4 + .like-h4, {\n margin-top: 0.2em;\n }\n}\n\n@mixin hide($delay: 0s) {\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n transition: opacity 0.4s ease $delay, visibility $delay ease 0.4s, transform 0.4s ease $delay;\n}\n\n@mixin show($delay: 0s) {\n opacity: 1;\n visibility: visible;\n pointer-events: all;\n transition: opacity 0.4s ease $delay, visibility 0s ease $delay, transform 0.4s ease $delay;\n}\n\n@mixin full-size {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n\n@mixin copyright {\n position: absolute;\n display: block;\n left: 100%;\n bottom: 0;\n font-size: 12px;\n text-align: left;\n line-height: 1.2;\n z-index: 2;\n transform-origin: 0 100%;\n transform: rotate(-90deg);\n transition: 0.3s ease;\n\n color: white;\n text-shadow: 0 0 3px rgba(black, 0.6), 0 0 8px rgba(black, 0.6);\n width: calc(66.6% + 7px);\n padding: 8px 18px;\n\n //color: var(--theme-color-white);\n //text-shadow: -2px 2px 0 #000;\n //padding: 2px 6px 2px 4px;\n //background: #012d59;\n //white-space: nowrap;\n //max-width: calc(66.6% + 7px);\n //overflow: hidden;\n //\n //@media(max-width: 767px) {\n // font-size: 10px;\n // max-width: 100%;\n //}\n}\n\n@mixin form-field {\n --input-height: 60px;\n position: relative;\n display: block;\n width: 100%;\n height: var(--input-height);\n background-color: var(--theme-color-white);\n border: 1px solid var(--theme-color-primary);\n border-radius: var(--border-radius-xs);\n padding: 10px 15px;\n font-family: 'Source Sans Pro', sans-serif;\n font-size: var(--font-size-copy);\n line-height: 1.4;\n transition: 0.3s ease;\n color: var(--theme-color-primary);\n\n &:focus {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n\n @media(max-width: 1199px) {\n --input-height: 50px;\n }\n @media(max-width: 767px) {\n --input-height: 44px;\n }\n}\n\n@mixin focus-visible($inset: false) {\n @if $inset {\n &.focus-visible:focus {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n &:focus-visible, &.-moz-focusring {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n }\n @else {\n &.focus-visible:focus {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n &:focus-visible, &.-moz-focusring {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n }\n}\n\n@mixin focus-standalone($inset: false) {\n @if $inset {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n @else {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n}\n\n@mixin word-wrap() {\n word-break: break-word;\n -webkit-hyphens: auto;\n -moz-hyphens: auto;\n hyphens: auto;\n}\n\n// ICONS\n@mixin icon-ankerlink { content: '\\e800'; }\n@mixin icon-barrierefreiheit { content: '\\e801'; }\n@mixin icon-chat { content: '\\e802'; }\n@mixin icon-check { content: '\\e803'; }\n@mixin icon-checkbox-liste-1 { content: '\\e804'; }\n@mixin icon-content-schloss { content: '\\e805'; }\n@mixin icon-content { content: '\\e807'; }\n@mixin icon-dauer { content: '\\e808'; }\n@mixin icon-download { content: '\\e809'; }\n@mixin icon-dropdown { content: '\\e80a'; }\n@mixin icon-drucker { content: '\\e80b'; }\n@mixin icon-email { content: '\\e80c'; }\n@mixin icon-fax { content: '\\e80d'; }\n@mixin icon-freie-plaetze { content: '\\e80e'; }\n@mixin icon-galerie { content: '\\e80f'; }\n@mixin icon-gebaerdensprache { content: '\\e810'; }\n@mixin icon-geschlossen { content: '\\e811'; }\n@mixin icon-ihk-wechseln { content: '\\e812'; }\n@mixin icon-info { content: '\\e813'; }\n@mixin icon-kalender { content: '\\e814'; }\n@mixin icon-kartenpin { content: '\\e815'; }\n@mixin icon-kontakt { content: '\\e816'; }\n@mixin icon-laden { content: '\\e817'; }\n@mixin icon-leichte-sprache { content: '\\e818'; }\n@mixin icon-link-external { content: '\\e819'; }\n@mixin icon-liste-schloss { content: '\\e81a'; }\n@mixin icon-liste-stern { content: '\\e81b'; }\n@mixin icon-liste { content: '\\e81c'; }\n@mixin icon-loeschen { content: '\\e81d'; }\n@mixin icon-login { content: '\\e81e'; }\n@mixin icon-minus { content: '\\e81f'; }\n@mixin icon-pdf { content: '\\e820'; }\n@mixin icon-pfeil-links { content: '\\e821'; }\n@mixin icon-pfeil-oben { content: '\\e822'; }\n@mixin icon-pfeil-rechts-schloss { content: '\\e823'; }\n@mixin icon-pfeil-rechts-stern { content: '\\e824'; }\n@mixin icon-pfeil-rechts { content: '\\e825'; }\n@mixin icon-pfeil-simple-rechts { content: '\\e826'; }\n@mixin icon-pfeil-unten { content: '\\e827'; }\n@mixin icon-plus { content: '\\e828'; }\n@mixin icon-preis { content: '\\e829'; }\n@mixin icon-referent { content: '\\e82a'; }\n@mixin icon-reset { content: '\\e82b'; }\n@mixin icon-sanduhr { content: '\\e82c'; }\n@mixin icon-schliessen { content: '\\e82d'; }\n@mixin icon-schloss { content: '\\e82e'; }\n@mixin icon-sprache { content: '\\e82f'; }\n@mixin icon-stern { content: '\\e830'; }\n@mixin icon-suche-adresse { content: '\\e831'; }\n@mixin icon-suche-archiv { content: '\\e832'; }\n@mixin icon-suche-az { content: '\\e833'; }\n@mixin icon-suche-chat { content: '\\e834'; }\n@mixin icon-suche-datei { content: '\\e835'; }\n@mixin icon-suche-firma { content: '\\e836'; }\n@mixin icon-suche-magazin { content: '\\e837'; }\n@mixin icon-suche-mail { content: '\\e838'; }\n@mixin icon-suche-person { content: '\\e839'; }\n@mixin icon-suche-schloss { content: '\\e83a'; }\n@mixin icon-suche-veranstaltung { content: '\\e83b'; }\n@mixin icon-suche { content: '\\e83c'; }\n@mixin icon-teilnehmer-add { content: '\\e83d'; }\n@mixin icon-telefon { content: '\\e83e'; }\n@mixin icon-vcard { content: '\\e83f'; }\n@mixin icon-small-arrow-right-simple { content: '\\e840'; }\n@mixin icon-small-barrierefreiheit { content: '\\e841'; }\n@mixin icon-small-download { content: '\\e842'; }\n@mixin icon-small-gebaerdensprache { content: '\\e843'; }\n@mixin icon-small-kontakt { content: '\\e844'; }\n@mixin icon-small-leichte-sprache { content: '\\e845'; }\n@mixin icon-small-link-external { content: '\\e846'; }\n@mixin icon-small-login { content: '\\e847'; }\n@mixin icon-small-pfeil-rechts { content: '\\e848'; }\n@mixin icon-small-sprache { content: '\\e849'; }\n@mixin icon-small-schloss { content: '\\e84a'; }\n@mixin icon-small-stern { content: '\\e84b'; }\n@mixin icon-teilen { content: '\\e84c'; }\n@mixin icon-social-telegram { content: '\\e84d'; }\n@mixin icon-social-threema { content: '\\e84e'; }\n@mixin icon-social-whatsapp { content: '\\e84f'; }\n@mixin icon-suche-big { content: '\\e850'; }\n@mixin icon-xsmall-pin { content: '\\e851'; }\n@mixin icon-check-1 { content: '\\e852'; }\n@mixin icon-xsmall-euro { content: '\\e853'; }\n@mixin icon-xsmall-geschlossen { content: '\\e854'; }\n@mixin icon-xsmall-kalender { content: '\\e855'; }\n@mixin icon-xsmall-liste { content: '\\e856'; }\n@mixin icon-xsmall-offen { content: '\\e857'; }\n@mixin icon-xsmall-uhr { content: '\\e858'; }\n@mixin icon-social-facebook { content: '\\e859'; }\n@mixin icon-liste-1 { content: '\\e85a'; }\n@mixin icon-social-linkedin { content: '\\e85b'; }\n@mixin icon-social-pinterest { content: '\\e85c'; }\n@mixin icon-social_x { content: '\\e85d'; }\n@mixin icon-social-xing { content: '\\e85e'; }\n@mixin icon-zoom { content: '\\e85f'; }\n@mixin icon-social-youtube { content: '\\e860'; }\n@mixin icon-social-instagram { content: '\\e861'; }\n@mixin icon-faq { content: '\\e869'; }\n@mixin icon-checkbox-liste { content: '\\e86a'; }\n@mixin icon-content-stern { content: '\\e86b'; }\n@mixin icon-small-election-group { content: '\\e86c'; }\n@mixin icon-small-icon-election-location { content: '\\e86e'; }\n@mixin icon-userlike { content: '\\e8c6'; }\n@mixin icon-userlike-chat { content: '\\e8c7'; }\n@mixin icon-magazine { content: '\\e8c8'; }\n@mixin icon-lokalisierung { content: '\\e8c9'; }\n@mixin icon-login-flyout { content: '\\e8ca'; }\n@mixin icon-login-header { content: '\\e8cb'; }\n@mixin icon-social-twitter { content: '\\e85d'; }\n@mixin icon-play { content: '\\e86d'; }\n@mixin icon-pause { content: '\\e806'; }\n@mixin icon-volume-mute { content: '\\e862'; }\n@mixin icon-volume-on { content: '\\e86f'; }\n@mixin icon-ankerlink-right { content: '\\e873'; }\n\n// PICTOGRAMS\n@mixin pictogram-achtung { content: '\\e800'; }\n@mixin pictogram-achtung-strom { content: '\\e801'; }\n@mixin pictogram-aeskulapstab { content: '\\e802'; }\n@mixin pictogram-anker { content: '\\e803'; }\n@mixin pictogram-anstossen { content: '\\e804'; }\n@mixin pictogram-arbeitsplatz { content: '\\e805'; }\n@mixin pictogram-auktionshammer { content: '\\e806'; }\n@mixin pictogram-batterie { content: '\\e807'; }\n@mixin pictogram-ausruf { content: '\\e808'; }\n@mixin pictogram-bauhelm { content: '\\e809'; }\n@mixin pictogram-benefit-vorteil-geschenk { content: '\\e80a'; }\n@mixin pictogram-bett { content: '\\e80b'; }\n@mixin pictogram-blatt { content: '\\e80c'; }\n@mixin pictogram-blume { content: '\\e80d'; }\n@mixin pictogram-blume-b { content: '\\e80e'; }\n@mixin pictogram-brief { content: '\\e80f'; }\n@mixin pictogram-brille-auf-buch { content: '\\e810'; }\n@mixin pictogram-bueroklammer { content: '\\e811'; }\n@mixin pictogram-bus { content: '\\e812'; }\n@mixin pictogram-container { content: '\\e813'; }\n@mixin pictogram-containerschiff { content: '\\e815'; }\n@mixin pictogram-daumen-hoch-a { content: '\\e816'; }\n@mixin pictogram-daumen-hoch-c { content: '\\e817'; }\n@mixin pictogram-daumen-hoch-b { content: '\\e818'; }\n@mixin pictogram-diagramm-mit-text { content: '\\e819'; }\n@mixin pictogram-diagramm-torte { content: '\\e81a'; }\n@mixin pictogram-diagramm-verlust { content: '\\e81b'; }\n@mixin pictogram-diagramm-wachstum { content: '\\e81c'; }\n@mixin pictogram-diagramm { content: '\\e81d'; }\n@mixin pictogram-co2 { content: '\\e814'; }\n@mixin pictogram-dokument-a { content: '\\e81e'; }\n@mixin pictogram-dokument-b { content: '\\e81f'; }\n@mixin pictogram-dokument-c { content: '\\e820'; }\n@mixin pictogram-e-auto { content: '\\e821'; }\n@mixin pictogram-e-learning { content: '\\e822'; }\n@mixin pictogram-einkaufstasche-mit-eurozeichen { content: '\\e824'; }\n@mixin pictogram-einkaufstasche { content: '\\e825'; }\n@mixin pictogram-einkaufswagen { content: '\\e826'; }\n@mixin pictogram-eu-emblem-brexit { content: '\\e827'; }\n@mixin pictogram-eu-emblem { content: '\\e828'; }\n@mixin pictogram-eule { content: '\\e829'; }\n@mixin pictogram-fabrik { content: '\\e82a'; }\n@mixin pictogram-fahne-horizontal-gestreift { content: '\\e82b'; }\n@mixin pictogram-fahne-kreuz { content: '\\e82c'; }\n@mixin pictogram-fahne-neutral { content: '\\e82d'; }\n@mixin pictogram-fahne-vertikal-gestreift { content: '\\e82e'; }\n@mixin pictogram-fahrrad-jobrad-dienstfahrrad { content: '\\e82f'; }\n@mixin pictogram-fahrrad-sportlich { content: '\\e830'; }\n@mixin pictogram-fahrrad { content: '\\e831'; }\n@mixin pictogram-faq-a { content: '\\e832'; }\n@mixin pictogram-faq-b { content: '\\e833'; }\n@mixin pictogram-fernglas { content: '\\e834'; }\n@mixin pictogram-fisch-frisst-fisch { content: '\\e835'; }\n@mixin pictogram-flugzeug { content: '\\e836'; }\n@mixin pictogram-frage { content: '\\e837'; }\n@mixin pictogram-fragezeichen { content: '\\e838'; }\n@mixin pictogram-geld-zuschuss-foerderung { content: '\\e839'; }\n@mixin pictogram-geldsack { content: '\\e83a'; }\n@mixin pictogram-freiheitsstatue { content: '\\e83b'; }\n@mixin pictogram-gruppe-gespraech { content: '\\e83c'; }\n@mixin pictogram-gruppe-idee { content: '\\e83d'; }\n@mixin pictogram-globus { content: '\\e83e'; }\n@mixin pictogram-gutschein-zuschuss-benefit { content: '\\e83f'; }\n@mixin pictogram-hand-a { content: '\\e840'; }\n@mixin pictogram-hand-b { content: '\\e841'; }\n@mixin pictogram-hand-c { content: '\\e842'; }\n@mixin pictogram-hand-geben { content: '\\e843'; }\n@mixin pictogram-hand-mit-werkzeug { content: '\\e844'; }\n@mixin pictogram-hand-gespreizt { content: '\\e845'; }\n@mixin pictogram-hand-zeigen-b { content: '\\e846'; }\n@mixin pictogram-hand-zeigen-a { content: '\\e847'; }\n@mixin pictogram-hand-zeigen-c { content: '\\e848'; }\n@mixin pictogram-handschlag-a { content: '\\e849'; }\n@mixin pictogram-handschlag-b { content: '\\e84a'; }\n@mixin pictogram-handschlag-c { content: '\\e84b'; }\n@mixin pictogram-heft { content: '\\e84c'; }\n@mixin pictogram-idee { content: '\\e84d'; }\n@mixin pictogram-ihk-chemnitz-a { content: '\\e84e'; }\n@mixin pictogram-ihk-chemnitz-b { content: '\\e84f'; }\n@mixin pictogram-ihk-chemnitz-c { content: '\\e850'; }\n@mixin pictogram-ihk-giessen-friedberg { content: '\\e851'; }\n@mixin pictogram-ihk-hagen { content: '\\e852'; }\n@mixin pictogram-ihk-heilbronn-franken { content: '\\e853'; }\n@mixin pictogram-ihk-köln { content: '\\e854'; }\n@mixin pictogram-ihk-rhein-neckar { content: '\\e855'; }\n@mixin pictogram-ihk-stuttgart { content: '\\e856'; }\n@mixin pictogram-ihk-wahl { content: '\\e857'; }\n@mixin pictogram-information { content: '\\e858'; }\n@mixin pictogram-kalender { content: '\\e859'; }\n@mixin pictogram-karte { content: '\\e85a'; }\n@mixin pictogram-koepfe-mit-sprechblase { content: '\\e85b'; }\n@mixin pictogram-kerze { content: '\\e85c'; }\n@mixin pictogram-kopf-mit-formel { content: '\\e85d'; }\n@mixin pictogram-kran { content: '\\e85e'; }\n@mixin pictogram-kuchen { content: '\\e85f'; }\n@mixin pictogram-labyrinth { content: '\\e860'; }\n@mixin pictogram-lkw { content: '\\e861'; }\n@mixin pictogram-maske { content: '\\e862'; }\n@mixin pictogram-megaphon { content: '\\e863'; }\n@mixin pictogram-mikrofon { content: '\\e864'; }\n@mixin pictogram-paket-mit-euro { content: '\\e865'; }\n@mixin pictogram-paket { content: '\\e866'; }\n@mixin pictogram-paragraph { content: '\\e867'; }\n@mixin pictogram-persoenliche_entwicklung { content: '\\e868'; }\n@mixin pictogram-person-an-tafel-a { content: '\\e869'; }\n@mixin pictogram-person-an-tafel-b { content: '\\e86a'; }\n@mixin pictogram-person-auf-schild { content: '\\e86b'; }\n@mixin pictogram-person-mit-brille-a { content: '\\e86c'; }\n@mixin pictogram-person-mit-brille-b { content: '\\e86d'; }\n@mixin pictogram-person-mit-buch { content: '\\e86e'; }\n@mixin pictogram-person-mit-doktorhut-a { content: '\\e86f'; }\n@mixin pictogram-person-mit-doktorhut-b { content: '\\e870'; }\n@mixin pictogram-person-mit-headset { content: '\\e871'; }\n@mixin pictogram-person-mit-uniform-a { content: '\\e872'; }\n@mixin pictogram-person-mit-uniform-b { content: '\\e873'; }\n@mixin pictogram-person { content: '\\e874'; }\n@mixin pictogram-personen-mit-brieftasche { content: '\\e875'; }\n@mixin pictogram-personen-mit-doktorhut { content: '\\e876'; }\n@mixin pictogram-personen-suche-a { content: '\\e877'; }\n@mixin pictogram-personen-suche-b { content: '\\e878'; }\n@mixin pictogram-pusteblume { content: '\\e879'; }\n@mixin pictogram-rakete-a { content: '\\e87a'; }\n@mixin pictogram-rakete-b { content: '\\e87b'; }\n@mixin pictogram-rednerpult { content: '\\e87c'; }\n@mixin pictogram-rettungsring { content: '\\e87d'; }\n@mixin pictogram-roboter { content: '\\e87e'; }\n@mixin pictogram-s-bahn { content: '\\e87f'; }\n@mixin pictogram-smilie { content: '\\e880'; }\n@mixin pictogram-social-facebook { content: '\\e881'; }\n@mixin pictogram-social-instagram { content: '\\e882'; }\n@mixin pictogram-social-linkedin { content: '\\e883'; }\n@mixin pictogram-social-twitter { content: '\\e884'; }\n@mixin pictogram-social-youtube { content: '\\e885'; }\n@mixin pictogram-solidaritaetsschleife { content: '\\e886'; }\n@mixin pictogram-stadt { content: '\\e887'; }\n@mixin pictogram-standort { content: '\\e888'; }\n@mixin pictogram-stern { content: '\\e889'; }\n@mixin pictogram-steuerung { content: '\\e88a'; }\n@mixin pictogram-stoppuhr { content: '\\e88b'; }\n@mixin pictogram-strommast { content: '\\e88c'; }\n@mixin pictogram-system-prozess { content: '\\e88d'; }\n@mixin pictogram-teamwork-team-zusammenarbeit { content: '\\e88e'; }\n@mixin pictogram-teller-besteck { content: '\\e88f'; }\n@mixin pictogram-treppe { content: '\\e890'; }\n@mixin pictogram-tropfen-a { content: '\\e891'; }\n@mixin pictogram-tropfen-b { content: '\\e892'; }\n@mixin pictogram-tulpe { content: '\\e893'; }\n@mixin pictogram-veranstaltung-intern-beruf { content: '\\e894'; }\n@mixin pictogram-veranstaltung-intern-feier { content: '\\e895'; }\n@mixin pictogram-videocall-a { content: '\\e896'; }\n@mixin pictogram-videocall-b { content: '\\e897'; }\n@mixin pictogram-videos { content: '\\e898'; }\n@mixin pictogram-virus { content: '\\e899'; }\n@mixin pictogram-waage { content: '\\e89a'; }\n@mixin pictogram-wegweiser-a { content: '\\e89b'; }\n@mixin pictogram-wegweiser-b { content: '\\e89c'; }\n@mixin pictogram-weltkugel-mit-flamme { content: '\\e89d'; }\n@mixin pictogram-weltkugel-mit-koffer { content: '\\e89e'; }\n@mixin pictogram-weltkugel { content: '\\e89f'; }\n@mixin pictogram-werkzeug { content: '\\e8a0'; }\n@mixin pictogram-windrad-a { content: '\\e8a1'; }\n@mixin pictogram-windrad-b { content: '\\e8a2'; }\n@mixin pictogram-wolke-mit-herz-und-sonne { content: '\\e8a3'; }\n@mixin pictogram-zeitung { content: '\\e8a4'; }\n\n@mixin icon-fa-play-circled2 { content: '\\e800'; }\n@mixin icon-fa-play { content: '\\e801'; }\n@mixin icon-fa-basket { content: '\\e843'; }\n@mixin icon-fa-play-circled { content: '\\f144'; }\n@mixin icon-fa-cart-plus { content: '\\f217'; }\n@mixin icon-fa-cart-arrow-down { content: '\\f218'; }\n\n@mixin icon-galerie-small { content: '\\e870'; }\n@mixin icon-interaction-small { content: '\\e871'; }\n@mixin icon-video-small { content: '\\e872'; }\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]); \ No newline at end of file diff --git a/gfi-ihk-2024/storybook-static/615.744346de.iframe.bundle.js b/gfi-ihk-2024/storybook-static/615.744346de.iframe.bundle.js deleted file mode 100644 index f9ea18a..0000000 --- a/gfi-ihk-2024/storybook-static/615.744346de.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[615],{"./stories/components/document-list/DocumentListComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{h:()=>createDocumentList});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.string.link.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),document_list=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/document-list/document-list.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(document_list.Z,options);document_list.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),DocumentListData=__webpack_require__("./stories/components/document-list/DocumentListData.js"),createDocumentList=function createDocumentList(_ref){var _ref$docs=_ref.docs,docs=void 0===_ref$docs?DocumentListData.c:_ref$docs,section=(0,helpers.az)("section",["document-list"]);return docs.map((function(doc){var a=(0,helpers.az)("a",["document-list-item",doc.icon],null,section);if(a.href=doc.link,doc.imageSrc&&doc.imageSrc.length>0){var imageBox=(0,helpers.az)("div",["image-box"],null,a);(0,helpers.Bi)(doc.imageSrc,210,140,doc.title,[],imageBox)}else if(doc.chartTitle&&doc.chartTitle.length>0){var _imageBox=(0,helpers.az)("div",["image-box"],null,a);_imageBox.classList.add("chart"),(0,helpers.az)("span",["chart-title"],doc.chartTitle,_imageBox)}var textBox=(0,helpers.az)("div",["text-box"],null,a);(0,helpers.az)("span",["kicker"],doc.kicker,textBox),(0,helpers.az)("h6",[],doc.title,textBox),doc.copy&&doc.copy.length>0&&(0,helpers.az)("p",[],doc.copy,textBox),doc.details&&doc.details.length>0&&(0,helpers.az)("p",["details"],doc.details,textBox)})),section}},"./stories/components/document-list/DocumentListData.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{c:()=>DocumentListData});var DocumentListData=[{link:"#",icon:"icon-small-download",imageSrc:"./dummy/placeholder-3-2.svg",chartTitle:"",kicker:"Positionen",title:"Gipfel zur Digitalen Bildung 2019",copy:"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt, eaque, laborum. Atque modi commodi sed natus fugiat soluta perferendis dolores veritatis praesentium sint, consequatur odit, quaerat assumenda in vel ut suscipit enim at quis, similique cumque tempora eveniet? Amet, voluptatibus?",details:"PDF-Datei (0,7 MB)"},{link:"#",icon:"icon-small-link-external",imageSrc:null,chartTitle:"PDF",kicker:"Positionen",title:"Gipfel zur Digitalen Bildung 2019",copy:"Sunt, eaque, laborum. Atque modi commodi sed natus fugiat soluta perferendis dolores veritatis praesentium sint, consequatur odit.",details:"PDF-Datei (3,5 MB)"},{link:"#",icon:null,imageSrc:null,chartTitle:null,kicker:"Positionen",title:"Gipfel zur Digitalen Bildung 2019",copy:"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt, eaque, laborum. Atque modi commodi sed natus fugiat soluta perferendis dolores veritatis praesentium sint, consequatur odit, quaerat.",details:"PDF-Datei (3,5 MB)"},{link:"#",icon:"icon-small-download",imageSrc:"./dummy/placeholder-3-2.svg",chartTitle:"",kicker:"Positionen",title:"Gipfel zur Digitalen Bildung 2019",copy:null,details:"PDF-Datei (0,7 MB)"},{link:"#",icon:"icon-small-link-external",imageSrc:null,chartTitle:"PDF",kicker:"Positionen",title:"Gipfel zur Digitalen Bildung 2019",copy:"Sunt, eaque, laborum. Atque modi commodi sed natus fugiat soluta perferendis dolores veritatis praesentium sint, consequatur odit. Sunt, eaque, laborum. Atque modi commodi sed natus fugiat soluta perferendis dolores veritatis praesentium sint, consequatur odit, quaerat.",details:"PDF-Datei (2,2 MB)"},{link:"#",icon:"icon-small-download",imageSrc:"./dummy/placeholder-3-2.svg",chartTitle:null,kicker:"Positionen",title:"Gipfel zur Digitalen Bildung 2019",copy:"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt, eaque, laborum. Atque modi commodi sed natus fugiat soluta perferendis dolores veritatis praesentium sint, consequatur odit, quaerat.",details:"PDF-Datei (1,0 MB)"}]},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/document-list/document-list.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,'.document-list{position:relative;display:block;margin:calc(1vw + 20px) 0 calc(1.5vw + 40px)}.document-list-item{position:relative;display:block;text-decoration:none;font-size:var(--font-size-small);border:1px solid var(--theme-color-primary-dimmed-04);padding:15px;border-radius:4px;transition:.3s ease}.document-list-item.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}.document-list-item:focus-visible,.document-list-item.-moz-focusring{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.document-list-item:hover{text-decoration:none;color:var(--theme-color-secondary-intensed)}.document-list-item+.document-list-item{margin-top:10px}@media(min-width: 568px){.document-list-item{align-items:flex-start;display:flex}.document-list-item+.document-list-item{margin-top:15px}}.document-list-item:before{position:absolute;top:0;right:0;margin:10px;font-size:var(--icon-size-small);line-height:1;font-family:"Icons",sans-serif}.document-list-item .image-box{position:relative;max-width:210px;flex:1 1 25%}@media(max-width: 567px){.document-list-item .image-box{flex:1 1 75%;max-width:70%}}.document-list-item .image-box:before{content:"";position:relative;display:block;padding-top:66.66667%}.document-list-item .image-box.chart:before{background:linear-gradient(130deg, var(--theme-color-gradient-01) 46%, var(--theme-color-gradient-02) 123%, var(--theme-color-gradient-03) 255%)}.document-list-item .image-box img{position:absolute;display:block;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:.3s ease;opacity:1}.document-list-item .image-box img.loading{opacity:0}.document-list-item .image-box .chart-title{font-family:"Korb",sans-serif;font-weight:700;font-size:32px;color:var(--theme-color-white);position:absolute;left:0;right:0;top:50%;transform:translate(0, -50%);text-align:center}.document-list-item .image-box .copyright{position:absolute;display:block;left:100%;bottom:0;font-size:12px;text-align:left;line-height:1.2;z-index:2;transform-origin:0 100%;transform:rotate(-90deg);transition:.3s ease;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.6);width:calc(66.6% + 7px);padding:8px 18px}.document-list-item .text-box:not(:first-child){padding-top:20px}@media(min-width: 568px){.document-list-item .text-box{padding:2px 0 0}.document-list-item .text-box:not(:first-child){max-width:75%;padding:0 0 0 16px}}.document-list-item h6,.document-list-item .like-h6{font-size:18px;margin-top:4px;text-decoration:underline}@media(min-width: 768px){.document-list-item h6,.document-list-item .like-h6{font-size:22px}}.document-list-item h5,.document-list-item .like-h5,.document-list-item .details{font-weight:600}.document-list-item p{margin-bottom:12px}.document-list-item .details{margin:0}.document-list-item .kicker{margin-top:-4px}',"",{version:3,sources:["webpack://./stories/components/document-list/document-list.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAGA,eACE,iBAAA,CACA,aAAA,CACA,4CAAA,CAGF,oBACE,iBAAA,CACA,aAAA,CACA,oBAAA,CACA,gCAAA,CACA,qDAAA,CACA,YAAA,CACA,iBAAA,CAEA,mBAAA,CC+JE,wCACE,4GAAA,CACA,SAAA,CAEF,qEACE,4GAAA,CACA,SAAA,CDnKJ,0BACE,oBAAA,CACA,2CAAA,CAGF,wCACE,eAAA,CAGF,yBApBF,oBAqBI,sBAAA,CACA,YAAA,CAEA,wCACE,eAAA,CAAA,CAIJ,2BACE,iBAAA,CACA,KAAA,CACA,OAAA,CACA,WAAA,CACA,gCAAA,CACA,aAAA,CACA,8BAAA,CAGF,+BACE,iBAAA,CACA,eAAA,CACA,YAAA,CAEA,yBALF,+BAMI,YAAA,CACA,aAAA,CAAA,CAGF,sCACE,UAAA,CACA,iBAAA,CACA,aAAA,CACA,qBAAA,CAGF,4CACE,gJAAA,CAGF,mCACE,iBAAA,CACA,aAAA,CACA,KAAA,CACA,MAAA,CACA,UAAA,CACA,WAAA,CACA,gBAAA,CACA,mBAAA,CACA,SAAA,CAEA,2CACE,SAAA,CAIJ,4CACE,6BAAA,CACA,eAAA,CACA,cAAA,CACA,8BAAA,CACA,iBAAA,CACA,MAAA,CACA,OAAA,CACA,OAAA,CACA,4BAAA,CACA,iBAAA,CAGF,0CCOF,iBAAA,CACA,aAAA,CACA,SAAA,CACA,QAAA,CACA,cAAA,CACA,eAAA,CACA,eAAA,CACA,SAAA,CACA,uBAAA,CACA,wBAAA,CACA,mBAAA,CAEA,UAAA,CACA,yDAAA,CACA,uBAAA,CACA,gBAAA,CDjBA,gDACE,gBAAA,CAGF,yBACE,8BACE,eAAA,CAGF,gDACE,aAAA,CACA,kBAAA,CAAA,CAIJ,oDACE,cAAA,CACA,cAAA,CACA,yBAAA,CAEA,yBALF,oDAMI,cAAA,CAAA,CAIJ,iFACE,eAAA,CAGF,sBACE,kBAAA,CAGF,6BACE,QAAA,CAGF,4BACE,eAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.document-list {\n position: relative;\n display: block;\n margin: calc(1vw + 20px) 0 calc(1.5vw + 40px);\n}\n\n.document-list-item {\n position: relative;\n display: block;\n text-decoration: none;\n font-size: var(--font-size-small);\n border: 1px solid var(--theme-color-primary-dimmed-04);\n padding: 15px;\n border-radius: 4px;\n @include focus-visible;\n transition: 0.3s ease;\n\n &:hover {\n text-decoration: none;\n color: var(--theme-color-secondary-intensed);\n }\n\n + .document-list-item {\n margin-top: 10px;\n }\n\n @media(min-width: 568px) {\n align-items: flex-start;\n display: flex;\n\n + .document-list-item {\n margin-top: 15px;\n }\n }\n\n &:before {\n position: absolute;\n top: 0;\n right: 0;\n margin: 10px;\n font-size: var(--icon-size-small);\n line-height: 1;\n font-family: 'Icons', sans-serif;\n }\n\n .image-box {\n position: relative;\n max-width: 210px;\n flex: 1 1 25%;\n\n @media(max-width: 567px) {\n flex: 1 1 75%;\n max-width: 70%;\n }\n\n &:before {\n content: \"\";\n position: relative;\n display: block;\n padding-top: 66.66667%;\n }\n\n &.chart:before {\n background: linear-gradient(130deg, var(--theme-color-gradient-01) 46%, var(--theme-color-gradient-02) 123%, var(--theme-color-gradient-03) 255%);\n }\n\n img {\n position: absolute;\n display: block;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: 0.3s ease;\n opacity: 1;\n\n &.loading {\n opacity: 0;\n }\n }\n\n .chart-title {\n font-family: \"Korb\", sans-serif;\n font-weight: 700;\n font-size: 32px;\n color: var(--theme-color-white);\n position: absolute;\n left: 0;\n right: 0;\n top: 50%;\n transform: translate(0, -50%);\n text-align: center;\n }\n\n .copyright {\n @include copyright;\n }\n }\n\n .text-box:not(:first-child) {\n padding-top: 20px;\n }\n\n @media(min-width: 568px) {\n .text-box {\n padding: 2px 0 0;\n }\n\n .text-box:not(:first-child) {\n max-width: 75%;\n padding: 0 0 0 16px;\n }\n }\n\n h6, .like-h6 {\n font-size: 18px;\n margin-top: 4px;\n text-decoration: underline;\n\n @media(min-width: 768px) {\n font-size: 22px;\n }\n }\n\n h5, .like-h5, .details {\n font-weight: 600;\n }\n\n p {\n margin-bottom: 12px;\n }\n\n .details {\n margin: 0;\n }\n\n .kicker {\n margin-top: -4px;\n }\n}\n","@mixin h1 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h1);\n line-height: 1.1;\n font-weight: 400;\n margin: 0.6em -0.05em 0.5em;\n\n &:first-child {\n margin-top: -0.1em;\n }\n}\n\n@mixin h2 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h2);\n line-height: 1.2;\n font-weight: 400;\n margin: 1.4em -0.05em 0.6em;\n}\n\n@mixin h3 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h3);\n line-height: 1.2;\n font-weight: 400;\n margin: 1.4em -0.05em 0.6em;\n}\n\n@mixin h4 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h4);\n font-style: normal;\n font-weight: normal;\n line-height: 1.2;\n margin: 1.4em -0.05em 0.8em;\n}\n\n@mixin h5 {\n font-family: var(--font-korb);\n font-size: 22px;\n line-height: 1.2;\n font-weight: 400;\n margin: 1em 0 0.6em;\n\n @media(max-width: 1339px) {\n font-size: 20px;\n }\n @media(max-width: 767px) {\n font-size: 18px;\n }\n}\n\n@mixin h6 {\n font-size: inherit;\n line-height: 1.4;\n font-weight: 600;\n margin: 1.2em 0 0.5em;\n}\n\n@mixin kicker {\n display: block;\n font-size: 16px;\n //text-transform: uppercase;\n margin-bottom: 2px;\n letter-spacing: 0.3px;\n\n @media(max-width: 767px) {\n font-size: 14px;\n }\n\n + h1,\n + .like-h1 {\n margin-top: 0.1em;\n }\n\n + h2, + .like-h2,\n + h3, + .like-h3,\n + h4 + .like-h4, {\n margin-top: 0.2em;\n }\n}\n\n@mixin hide($delay: 0s) {\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n transition: opacity 0.4s ease $delay, visibility $delay ease 0.4s, transform 0.4s ease $delay;\n}\n\n@mixin show($delay: 0s) {\n opacity: 1;\n visibility: visible;\n pointer-events: all;\n transition: opacity 0.4s ease $delay, visibility 0s ease $delay, transform 0.4s ease $delay;\n}\n\n@mixin full-size {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n\n@mixin copyright {\n position: absolute;\n display: block;\n left: 100%;\n bottom: 0;\n font-size: 12px;\n text-align: left;\n line-height: 1.2;\n z-index: 2;\n transform-origin: 0 100%;\n transform: rotate(-90deg);\n transition: 0.3s ease;\n\n color: white;\n text-shadow: 0 0 3px rgba(black, 0.6), 0 0 8px rgba(black, 0.6);\n width: calc(66.6% + 7px);\n padding: 8px 18px;\n\n //color: var(--theme-color-white);\n //text-shadow: -2px 2px 0 #000;\n //padding: 2px 6px 2px 4px;\n //background: #012d59;\n //white-space: nowrap;\n //max-width: calc(66.6% + 7px);\n //overflow: hidden;\n //\n //@media(max-width: 767px) {\n // font-size: 10px;\n // max-width: 100%;\n //}\n}\n\n@mixin form-field {\n --input-height: 60px;\n position: relative;\n display: block;\n width: 100%;\n height: var(--input-height);\n background-color: var(--theme-color-white);\n border: 1px solid var(--theme-color-primary);\n border-radius: var(--border-radius-xs);\n padding: 10px 15px;\n font-family: 'Source Sans Pro', sans-serif;\n font-size: var(--font-size-copy);\n line-height: 1.4;\n transition: 0.3s ease;\n color: var(--theme-color-primary);\n\n &:focus {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n\n @media(max-width: 1199px) {\n --input-height: 50px;\n }\n @media(max-width: 767px) {\n --input-height: 44px;\n }\n}\n\n@mixin focus-visible($inset: false) {\n @if $inset {\n &.focus-visible:focus {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n &:focus-visible, &.-moz-focusring {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n }\n @else {\n &.focus-visible:focus {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n &:focus-visible, &.-moz-focusring {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n }\n}\n\n@mixin focus-standalone($inset: false) {\n @if $inset {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n @else {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n}\n\n@mixin word-wrap() {\n word-break: break-word;\n -webkit-hyphens: auto;\n -moz-hyphens: auto;\n hyphens: auto;\n}\n\n// ICONS\n@mixin icon-ankerlink { content: '\\e800'; }\n@mixin icon-barrierefreiheit { content: '\\e801'; }\n@mixin icon-chat { content: '\\e802'; }\n@mixin icon-check { content: '\\e803'; }\n@mixin icon-checkbox-liste-1 { content: '\\e804'; }\n@mixin icon-content-schloss { content: '\\e805'; }\n@mixin icon-content { content: '\\e807'; }\n@mixin icon-dauer { content: '\\e808'; }\n@mixin icon-download { content: '\\e809'; }\n@mixin icon-dropdown { content: '\\e80a'; }\n@mixin icon-drucker { content: '\\e80b'; }\n@mixin icon-email { content: '\\e80c'; }\n@mixin icon-fax { content: '\\e80d'; }\n@mixin icon-freie-plaetze { content: '\\e80e'; }\n@mixin icon-galerie { content: '\\e80f'; }\n@mixin icon-gebaerdensprache { content: '\\e810'; }\n@mixin icon-geschlossen { content: '\\e811'; }\n@mixin icon-ihk-wechseln { content: '\\e812'; }\n@mixin icon-info { content: '\\e813'; }\n@mixin icon-kalender { content: '\\e814'; }\n@mixin icon-kartenpin { content: '\\e815'; }\n@mixin icon-kontakt { content: '\\e816'; }\n@mixin icon-laden { content: '\\e817'; }\n@mixin icon-leichte-sprache { content: '\\e818'; }\n@mixin icon-link-external { content: '\\e819'; }\n@mixin icon-liste-schloss { content: '\\e81a'; }\n@mixin icon-liste-stern { content: '\\e81b'; }\n@mixin icon-liste { content: '\\e81c'; }\n@mixin icon-loeschen { content: '\\e81d'; }\n@mixin icon-login { content: '\\e81e'; }\n@mixin icon-minus { content: '\\e81f'; }\n@mixin icon-pdf { content: '\\e820'; }\n@mixin icon-pfeil-links { content: '\\e821'; }\n@mixin icon-pfeil-oben { content: '\\e822'; }\n@mixin icon-pfeil-rechts-schloss { content: '\\e823'; }\n@mixin icon-pfeil-rechts-stern { content: '\\e824'; }\n@mixin icon-pfeil-rechts { content: '\\e825'; }\n@mixin icon-pfeil-simple-rechts { content: '\\e826'; }\n@mixin icon-pfeil-unten { content: '\\e827'; }\n@mixin icon-plus { content: '\\e828'; }\n@mixin icon-preis { content: '\\e829'; }\n@mixin icon-referent { content: '\\e82a'; }\n@mixin icon-reset { content: '\\e82b'; }\n@mixin icon-sanduhr { content: '\\e82c'; }\n@mixin icon-schliessen { content: '\\e82d'; }\n@mixin icon-schloss { content: '\\e82e'; }\n@mixin icon-sprache { content: '\\e82f'; }\n@mixin icon-stern { content: '\\e830'; }\n@mixin icon-suche-adresse { content: '\\e831'; }\n@mixin icon-suche-archiv { content: '\\e832'; }\n@mixin icon-suche-az { content: '\\e833'; }\n@mixin icon-suche-chat { content: '\\e834'; }\n@mixin icon-suche-datei { content: '\\e835'; }\n@mixin icon-suche-firma { content: '\\e836'; }\n@mixin icon-suche-magazin { content: '\\e837'; }\n@mixin icon-suche-mail { content: '\\e838'; }\n@mixin icon-suche-person { content: '\\e839'; }\n@mixin icon-suche-schloss { content: '\\e83a'; }\n@mixin icon-suche-veranstaltung { content: '\\e83b'; }\n@mixin icon-suche { content: '\\e83c'; }\n@mixin icon-teilnehmer-add { content: '\\e83d'; }\n@mixin icon-telefon { content: '\\e83e'; }\n@mixin icon-vcard { content: '\\e83f'; }\n@mixin icon-small-arrow-right-simple { content: '\\e840'; }\n@mixin icon-small-barrierefreiheit { content: '\\e841'; }\n@mixin icon-small-download { content: '\\e842'; }\n@mixin icon-small-gebaerdensprache { content: '\\e843'; }\n@mixin icon-small-kontakt { content: '\\e844'; }\n@mixin icon-small-leichte-sprache { content: '\\e845'; }\n@mixin icon-small-link-external { content: '\\e846'; }\n@mixin icon-small-login { content: '\\e847'; }\n@mixin icon-small-pfeil-rechts { content: '\\e848'; }\n@mixin icon-small-sprache { content: '\\e849'; }\n@mixin icon-small-schloss { content: '\\e84a'; }\n@mixin icon-small-stern { content: '\\e84b'; }\n@mixin icon-teilen { content: '\\e84c'; }\n@mixin icon-social-telegram { content: '\\e84d'; }\n@mixin icon-social-threema { content: '\\e84e'; }\n@mixin icon-social-whatsapp { content: '\\e84f'; }\n@mixin icon-suche-big { content: '\\e850'; }\n@mixin icon-xsmall-pin { content: '\\e851'; }\n@mixin icon-check-1 { content: '\\e852'; }\n@mixin icon-xsmall-euro { content: '\\e853'; }\n@mixin icon-xsmall-geschlossen { content: '\\e854'; }\n@mixin icon-xsmall-kalender { content: '\\e855'; }\n@mixin icon-xsmall-liste { content: '\\e856'; }\n@mixin icon-xsmall-offen { content: '\\e857'; }\n@mixin icon-xsmall-uhr { content: '\\e858'; }\n@mixin icon-social-facebook { content: '\\e859'; }\n@mixin icon-liste-1 { content: '\\e85a'; }\n@mixin icon-social-linkedin { content: '\\e85b'; }\n@mixin icon-social-pinterest { content: '\\e85c'; }\n@mixin icon-social_x { content: '\\e85d'; }\n@mixin icon-social-xing { content: '\\e85e'; }\n@mixin icon-zoom { content: '\\e85f'; }\n@mixin icon-social-youtube { content: '\\e860'; }\n@mixin icon-social-instagram { content: '\\e861'; }\n@mixin icon-faq { content: '\\e869'; }\n@mixin icon-checkbox-liste { content: '\\e86a'; }\n@mixin icon-content-stern { content: '\\e86b'; }\n@mixin icon-small-election-group { content: '\\e86c'; }\n@mixin icon-small-icon-election-location { content: '\\e86e'; }\n@mixin icon-userlike { content: '\\e8c6'; }\n@mixin icon-userlike-chat { content: '\\e8c7'; }\n@mixin icon-magazine { content: '\\e8c8'; }\n@mixin icon-lokalisierung { content: '\\e8c9'; }\n@mixin icon-login-flyout { content: '\\e8ca'; }\n@mixin icon-login-header { content: '\\e8cb'; }\n@mixin icon-social-twitter { content: '\\e85d'; }\n@mixin icon-play { content: '\\e86d'; }\n@mixin icon-pause { content: '\\e806'; }\n@mixin icon-volume-mute { content: '\\e862'; }\n@mixin icon-volume-on { content: '\\e86f'; }\n@mixin icon-ankerlink-right { content: '\\e873'; }\n\n// PICTOGRAMS\n@mixin pictogram-achtung { content: '\\e800'; }\n@mixin pictogram-achtung-strom { content: '\\e801'; }\n@mixin pictogram-aeskulapstab { content: '\\e802'; }\n@mixin pictogram-anker { content: '\\e803'; }\n@mixin pictogram-anstossen { content: '\\e804'; }\n@mixin pictogram-arbeitsplatz { content: '\\e805'; }\n@mixin pictogram-auktionshammer { content: '\\e806'; }\n@mixin pictogram-batterie { content: '\\e807'; }\n@mixin pictogram-ausruf { content: '\\e808'; }\n@mixin pictogram-bauhelm { content: '\\e809'; }\n@mixin pictogram-benefit-vorteil-geschenk { content: '\\e80a'; }\n@mixin pictogram-bett { content: '\\e80b'; }\n@mixin pictogram-blatt { content: '\\e80c'; }\n@mixin pictogram-blume { content: '\\e80d'; }\n@mixin pictogram-blume-b { content: '\\e80e'; }\n@mixin pictogram-brief { content: '\\e80f'; }\n@mixin pictogram-brille-auf-buch { content: '\\e810'; }\n@mixin pictogram-bueroklammer { content: '\\e811'; }\n@mixin pictogram-bus { content: '\\e812'; }\n@mixin pictogram-container { content: '\\e813'; }\n@mixin pictogram-containerschiff { content: '\\e815'; }\n@mixin pictogram-daumen-hoch-a { content: '\\e816'; }\n@mixin pictogram-daumen-hoch-c { content: '\\e817'; }\n@mixin pictogram-daumen-hoch-b { content: '\\e818'; }\n@mixin pictogram-diagramm-mit-text { content: '\\e819'; }\n@mixin pictogram-diagramm-torte { content: '\\e81a'; }\n@mixin pictogram-diagramm-verlust { content: '\\e81b'; }\n@mixin pictogram-diagramm-wachstum { content: '\\e81c'; }\n@mixin pictogram-diagramm { content: '\\e81d'; }\n@mixin pictogram-co2 { content: '\\e814'; }\n@mixin pictogram-dokument-a { content: '\\e81e'; }\n@mixin pictogram-dokument-b { content: '\\e81f'; }\n@mixin pictogram-dokument-c { content: '\\e820'; }\n@mixin pictogram-e-auto { content: '\\e821'; }\n@mixin pictogram-e-learning { content: '\\e822'; }\n@mixin pictogram-einkaufstasche-mit-eurozeichen { content: '\\e824'; }\n@mixin pictogram-einkaufstasche { content: '\\e825'; }\n@mixin pictogram-einkaufswagen { content: '\\e826'; }\n@mixin pictogram-eu-emblem-brexit { content: '\\e827'; }\n@mixin pictogram-eu-emblem { content: '\\e828'; }\n@mixin pictogram-eule { content: '\\e829'; }\n@mixin pictogram-fabrik { content: '\\e82a'; }\n@mixin pictogram-fahne-horizontal-gestreift { content: '\\e82b'; }\n@mixin pictogram-fahne-kreuz { content: '\\e82c'; }\n@mixin pictogram-fahne-neutral { content: '\\e82d'; }\n@mixin pictogram-fahne-vertikal-gestreift { content: '\\e82e'; }\n@mixin pictogram-fahrrad-jobrad-dienstfahrrad { content: '\\e82f'; }\n@mixin pictogram-fahrrad-sportlich { content: '\\e830'; }\n@mixin pictogram-fahrrad { content: '\\e831'; }\n@mixin pictogram-faq-a { content: '\\e832'; }\n@mixin pictogram-faq-b { content: '\\e833'; }\n@mixin pictogram-fernglas { content: '\\e834'; }\n@mixin pictogram-fisch-frisst-fisch { content: '\\e835'; }\n@mixin pictogram-flugzeug { content: '\\e836'; }\n@mixin pictogram-frage { content: '\\e837'; }\n@mixin pictogram-fragezeichen { content: '\\e838'; }\n@mixin pictogram-geld-zuschuss-foerderung { content: '\\e839'; }\n@mixin pictogram-geldsack { content: '\\e83a'; }\n@mixin pictogram-freiheitsstatue { content: '\\e83b'; }\n@mixin pictogram-gruppe-gespraech { content: '\\e83c'; }\n@mixin pictogram-gruppe-idee { content: '\\e83d'; }\n@mixin pictogram-globus { content: '\\e83e'; }\n@mixin pictogram-gutschein-zuschuss-benefit { content: '\\e83f'; }\n@mixin pictogram-hand-a { content: '\\e840'; }\n@mixin pictogram-hand-b { content: '\\e841'; }\n@mixin pictogram-hand-c { content: '\\e842'; }\n@mixin pictogram-hand-geben { content: '\\e843'; }\n@mixin pictogram-hand-mit-werkzeug { content: '\\e844'; }\n@mixin pictogram-hand-gespreizt { content: '\\e845'; }\n@mixin pictogram-hand-zeigen-b { content: '\\e846'; }\n@mixin pictogram-hand-zeigen-a { content: '\\e847'; }\n@mixin pictogram-hand-zeigen-c { content: '\\e848'; }\n@mixin pictogram-handschlag-a { content: '\\e849'; }\n@mixin pictogram-handschlag-b { content: '\\e84a'; }\n@mixin pictogram-handschlag-c { content: '\\e84b'; }\n@mixin pictogram-heft { content: '\\e84c'; }\n@mixin pictogram-idee { content: '\\e84d'; }\n@mixin pictogram-ihk-chemnitz-a { content: '\\e84e'; }\n@mixin pictogram-ihk-chemnitz-b { content: '\\e84f'; }\n@mixin pictogram-ihk-chemnitz-c { content: '\\e850'; }\n@mixin pictogram-ihk-giessen-friedberg { content: '\\e851'; }\n@mixin pictogram-ihk-hagen { content: '\\e852'; }\n@mixin pictogram-ihk-heilbronn-franken { content: '\\e853'; }\n@mixin pictogram-ihk-köln { content: '\\e854'; }\n@mixin pictogram-ihk-rhein-neckar { content: '\\e855'; }\n@mixin pictogram-ihk-stuttgart { content: '\\e856'; }\n@mixin pictogram-ihk-wahl { content: '\\e857'; }\n@mixin pictogram-information { content: '\\e858'; }\n@mixin pictogram-kalender { content: '\\e859'; }\n@mixin pictogram-karte { content: '\\e85a'; }\n@mixin pictogram-koepfe-mit-sprechblase { content: '\\e85b'; }\n@mixin pictogram-kerze { content: '\\e85c'; }\n@mixin pictogram-kopf-mit-formel { content: '\\e85d'; }\n@mixin pictogram-kran { content: '\\e85e'; }\n@mixin pictogram-kuchen { content: '\\e85f'; }\n@mixin pictogram-labyrinth { content: '\\e860'; }\n@mixin pictogram-lkw { content: '\\e861'; }\n@mixin pictogram-maske { content: '\\e862'; }\n@mixin pictogram-megaphon { content: '\\e863'; }\n@mixin pictogram-mikrofon { content: '\\e864'; }\n@mixin pictogram-paket-mit-euro { content: '\\e865'; }\n@mixin pictogram-paket { content: '\\e866'; }\n@mixin pictogram-paragraph { content: '\\e867'; }\n@mixin pictogram-persoenliche_entwicklung { content: '\\e868'; }\n@mixin pictogram-person-an-tafel-a { content: '\\e869'; }\n@mixin pictogram-person-an-tafel-b { content: '\\e86a'; }\n@mixin pictogram-person-auf-schild { content: '\\e86b'; }\n@mixin pictogram-person-mit-brille-a { content: '\\e86c'; }\n@mixin pictogram-person-mit-brille-b { content: '\\e86d'; }\n@mixin pictogram-person-mit-buch { content: '\\e86e'; }\n@mixin pictogram-person-mit-doktorhut-a { content: '\\e86f'; }\n@mixin pictogram-person-mit-doktorhut-b { content: '\\e870'; }\n@mixin pictogram-person-mit-headset { content: '\\e871'; }\n@mixin pictogram-person-mit-uniform-a { content: '\\e872'; }\n@mixin pictogram-person-mit-uniform-b { content: '\\e873'; }\n@mixin pictogram-person { content: '\\e874'; }\n@mixin pictogram-personen-mit-brieftasche { content: '\\e875'; }\n@mixin pictogram-personen-mit-doktorhut { content: '\\e876'; }\n@mixin pictogram-personen-suche-a { content: '\\e877'; }\n@mixin pictogram-personen-suche-b { content: '\\e878'; }\n@mixin pictogram-pusteblume { content: '\\e879'; }\n@mixin pictogram-rakete-a { content: '\\e87a'; }\n@mixin pictogram-rakete-b { content: '\\e87b'; }\n@mixin pictogram-rednerpult { content: '\\e87c'; }\n@mixin pictogram-rettungsring { content: '\\e87d'; }\n@mixin pictogram-roboter { content: '\\e87e'; }\n@mixin pictogram-s-bahn { content: '\\e87f'; }\n@mixin pictogram-smilie { content: '\\e880'; }\n@mixin pictogram-social-facebook { content: '\\e881'; }\n@mixin pictogram-social-instagram { content: '\\e882'; }\n@mixin pictogram-social-linkedin { content: '\\e883'; }\n@mixin pictogram-social-twitter { content: '\\e884'; }\n@mixin pictogram-social-youtube { content: '\\e885'; }\n@mixin pictogram-solidaritaetsschleife { content: '\\e886'; }\n@mixin pictogram-stadt { content: '\\e887'; }\n@mixin pictogram-standort { content: '\\e888'; }\n@mixin pictogram-stern { content: '\\e889'; }\n@mixin pictogram-steuerung { content: '\\e88a'; }\n@mixin pictogram-stoppuhr { content: '\\e88b'; }\n@mixin pictogram-strommast { content: '\\e88c'; }\n@mixin pictogram-system-prozess { content: '\\e88d'; }\n@mixin pictogram-teamwork-team-zusammenarbeit { content: '\\e88e'; }\n@mixin pictogram-teller-besteck { content: '\\e88f'; }\n@mixin pictogram-treppe { content: '\\e890'; }\n@mixin pictogram-tropfen-a { content: '\\e891'; }\n@mixin pictogram-tropfen-b { content: '\\e892'; }\n@mixin pictogram-tulpe { content: '\\e893'; }\n@mixin pictogram-veranstaltung-intern-beruf { content: '\\e894'; }\n@mixin pictogram-veranstaltung-intern-feier { content: '\\e895'; }\n@mixin pictogram-videocall-a { content: '\\e896'; }\n@mixin pictogram-videocall-b { content: '\\e897'; }\n@mixin pictogram-videos { content: '\\e898'; }\n@mixin pictogram-virus { content: '\\e899'; }\n@mixin pictogram-waage { content: '\\e89a'; }\n@mixin pictogram-wegweiser-a { content: '\\e89b'; }\n@mixin pictogram-wegweiser-b { content: '\\e89c'; }\n@mixin pictogram-weltkugel-mit-flamme { content: '\\e89d'; }\n@mixin pictogram-weltkugel-mit-koffer { content: '\\e89e'; }\n@mixin pictogram-weltkugel { content: '\\e89f'; }\n@mixin pictogram-werkzeug { content: '\\e8a0'; }\n@mixin pictogram-windrad-a { content: '\\e8a1'; }\n@mixin pictogram-windrad-b { content: '\\e8a2'; }\n@mixin pictogram-wolke-mit-herz-und-sonne { content: '\\e8a3'; }\n@mixin pictogram-zeitung { content: '\\e8a4'; }\n\n@mixin icon-fa-play-circled2 { content: '\\e800'; }\n@mixin icon-fa-play { content: '\\e801'; }\n@mixin icon-fa-basket { content: '\\e843'; }\n@mixin icon-fa-play-circled { content: '\\f144'; }\n@mixin icon-fa-cart-plus { content: '\\f217'; }\n@mixin icon-fa-cart-arrow-down { content: '\\f218'; }\n\n@mixin icon-galerie-small { content: '\\e870'; }\n@mixin icon-interaction-small { content: '\\e871'; }\n@mixin icon-video-small { content: '\\e872'; }\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]); \ No newline at end of file diff --git a/gfi-ihk-2024/storybook-static/7388.8f0fb704.iframe.bundle.js b/gfi-ihk-2024/storybook-static/7388.8f0fb704.iframe.bundle.js deleted file mode 100644 index d7bf898..0000000 --- a/gfi-ihk-2024/storybook-static/7388.8f0fb704.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[7388],{"./stories/components/event-teaser-large/EventTeaserLargeComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{J:()=>createEventTeaserLarge});__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"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.string.link.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.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.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.test.js"),__webpack_require__("./node_modules/core-js/modules/es.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),event_teaser_large=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/event-teaser-large/event-teaser-large.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(event_teaser_large.Z,options);event_teaser_large.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),EventTeaserLargeData=__webpack_require__("./stories/components/event-teaser-large/EventTeaserLargeData.js"),ButtonComponent=__webpack_require__("./stories/atoms/button/ButtonComponent.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i0&&(imgCon.style="background-image: url("+event.bgimage+");",blueBox.classList.add("background-image")),a.href=event.link,a}},"./stories/components/event-teaser-large/EventTeaserLargeData.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{h1:()=>EventTeaserLargeImageData,vZ:()=>EventTeaserLargeData});var EventTeaserLargeTitles=["Vertiefungsseminar zur Existenzgründung","Erfolgreiche Unternehmensgründung: Strategien und Fallstudien","Nachhaltige Firmenübergabe","Social Media Manager/-in (IHK) - Webinar"],EventTeaserLargeStatus=[{type:"reserved",label:"Anmeldefrist abgelaufen"},{type:"waiting-list",label:"Warteliste"},{type:"open",label:"Freie Plätze vorhanden"}],EventTeaserLargeData={date:{weekday:"Mo.",day:"20",month:"Sep. 2022"},title:EventTeaserLargeTitles[Math.floor(Math.random()*EventTeaserLargeTitles.length)],desc:"Entfesseln Sie das volle Potenzial der generativen KI und beherrschen Sie die Kunst des Prompt-Engineerings!",link:"#",details:{date:"20.09.2022",status:EventTeaserLargeStatus[Math.floor(Math.random()*EventTeaserLargeStatus.length)]},icon:"Roboter",category:"Gründung und Nachfolge",bgimage:null,widemode:!1},EventTeaserLargeImageData={date:{weekday:"Mo.",day:"20",month:"Sep. 2022"},title:EventTeaserLargeTitles[Math.floor(Math.random()*EventTeaserLargeTitles.length)],desc:"Entfesseln Sie das volle Potenzial der generativen KI und beherrschen Sie die Kunst des Prompt-Engineerings!",link:"#",details:{date:"20.09.2022",status:EventTeaserLargeStatus[Math.floor(Math.random()*EventTeaserLargeStatus.length)]},icon:"Roboter",category:"Gründung und Nachfolge",bgimage:"./dummy/placeholder-4-3.svg"}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/event-teaser-large/event-teaser-large.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,'.event-teaser-large,.events-list-large a:not(.btn){background-color:#fff;border-radius:16px;overflow:hidden;display:flex;transition:.3s ease;width:100%;text-decoration:none;min-height:400px;flex-wrap:wrap}.event-teaser-large:not(.widemode),.events-list-large a:not(.btn):not(.widemode){flex-wrap:wrap;align-content:baseline;flex-flow:column;justify-content:flex-start;background-color:var(--theme-grey-light)}.event-teaser-large:not(.widemode) .blue-box,.events-list-large a:not(.btn):not(.widemode) .blue-box{height:250px}.event-teaser-large:not(.widemode) .text-box,.events-list-large a:not(.btn):not(.widemode) .text-box{height:calc(100% - 250px)}.event-teaser-large.focus-visible:focus,.events-list-large a:not(.btn).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}.event-teaser-large:focus-visible,.event-teaser-large.-moz-focusring,.events-list-large a:not(.btn):focus-visible,.events-list-large a:not(.btn).-moz-focusring{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.event-teaser-large:hover,.events-list-large a:not(.btn):hover{color:var(--theme-color-secondary-intensed)}.event-teaser-large:hover .blue-box,.events-list-large a:not(.btn):hover .blue-box{background-color:var(--theme-color-secondary-intensed)}.event-teaser-large .blue-box,.events-list-large a:not(.btn) .blue-box{display:flex;justify-content:flex-end;color:var(--theme-color-white);margin-right:18px;font-family:"Korb",sans-serif;min-height:80px;font-size:14px;line-height:1;padding:70px 15px 15px 15px;min-width:80px;transition:.2s ease;position:relative;flex-flow:column;align-items:baseline;width:100%;margin-right:0;min-height:250px;position:relative}.event-teaser-large .blue-box:not(.background-image),.events-list-large a:not(.btn) .blue-box:not(.background-image){background:linear-gradient(135deg, #036 45.14%, #368484 100%),#d9d9d9}.event-teaser-large .blue-box .img-con,.events-list-large a:not(.btn) .blue-box .img-con{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,51,102,.54);background-size:cover;background-position:50% 50%;z-index:0}.event-teaser-large .blue-box.background-image .img-con:before,.events-list-large a:not(.btn) .blue-box.background-image .img-con:before{content:"";background:linear-gradient(0deg, rgba(0, 51, 102, 0.33) 0%, rgba(0, 51, 102, 0.33) 100%),linear-gradient(180deg, rgba(0, 32, 65, 0) 0%, rgba(0, 32, 65, 0.6) 100%);position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.event-teaser-large .blue-box .icon-box,.events-list-large a:not(.btn) .blue-box .icon-box{font-family:"Pictograms",sans-serif;font-size:48px;line-height:1;color:var(--theme-color-white);position:absolute;top:15px;left:15px}.event-teaser-large .blue-box .ev-title,.events-list-large a:not(.btn) .blue-box .ev-title{font-weight:400;text-decoration:underline;line-height:normal;font-size:28px;position:relative}.event-teaser-large .blue-box .ev-cat,.events-list-large a:not(.btn) .blue-box .ev-cat{color:var(--theme-color-primary);font-size:16px;font-family:Source Sans Pro;font-weight:400;line-height:16px;letter-spacing:.32px;background-color:#fff;border-radius:8px;display:inline-block;padding:5px 7px;position:relative}.event-teaser-large .blue-box span,.events-list-large a:not(.btn) .blue-box span{white-space:nowrap}.event-teaser-large .blue-box span:nth-child(2),.events-list-large a:not(.btn) .blue-box span:nth-child(2){font-size:36px;margin-left:-2px}.event-teaser-large .blue-box.no-date,.events-list-large a:not(.btn) .blue-box.no-date{align-items:flex-start}.event-teaser-large .blue-box.no-date:before,.events-list-large a:not(.btn) .blue-box.no-date:before{content:"";font-family:"Icons",sans-serif;font-size:var(--icon-size);line-height:1;margin-bottom:4px;margin-top:5px}.event-teaser-large .blue-box.no-date *,.events-list-large a:not(.btn) .blue-box.no-date *{display:none}.event-teaser-large .text-box,.events-list-large a:not(.btn) .text-box{padding:15px;background-color:var(--theme-grey-light);width:100%;display:flex;justify-content:space-between;flex-flow:column}@media(max-width: 767px){.event-teaser-large .text-box,.events-list-large a:not(.btn) .text-box{font-size:var(--font-size-small)}}.event-teaser-large .text-box .ev-desc,.events-list-large a:not(.btn) .text-box .ev-desc{line-height:27px;letter-spacing:.18px;font-size:18px;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.event-teaser-large p,.events-list-large a:not(.btn) p{margin:0}.event-teaser-large p:not(:last-child),.events-list-large a:not(.btn) p:not(:last-child){margin:2px 0 .3em}.event-teaser-large .detail-box,.events-list-large a:not(.btn) .detail-box{padding-top:15px;border-top:1px #ccd7e6 solid}.event-teaser-large .detail-box .btn,.events-list-large a:not(.btn) .detail-box .btn{float:right;margin-top:15px;display:none}.event-teaser-large .detail-box>div,.events-list-large a:not(.btn) .detail-box>div{display:block;font-size:var(--font-size-small);line-height:1.2em;margin-right:15px;margin-bottom:5px;color:var(--theme-color-primary)}.event-teaser-large .detail-box>div::before,.events-list-large a:not(.btn) .detail-box>div::before{position:relative;display:inline-block;font-family:"Icons",sans-serif;font-size:18px;line-height:20px;margin-right:5px;vertical-align:top;color:var(--theme-color-primary)}@media(max-width: 567px){.event-teaser-large .detail-box>div,.events-list-large a:not(.btn) .detail-box>div{display:block;padding-left:24px;position:relative}.event-teaser-large .detail-box>div:before,.events-list-large a:not(.btn) .detail-box>div:before{position:absolute;left:0}}.event-teaser-large .detail-box>div.date::before,.events-list-large a:not(.btn) .detail-box>div.date::before{content:""}.event-teaser-large .detail-box>div.time::before,.events-list-large a:not(.btn) .detail-box>div.time::before{content:""}.event-teaser-large .detail-box>div.location::before,.events-list-large a:not(.btn) .detail-box>div.location::before{content:""}.event-teaser-large .detail-box>div.interested-parties::before,.events-list-large a:not(.btn) .detail-box>div.interested-parties::before{content:""}.event-teaser-large .detail-box>div.price::before,.events-list-large a:not(.btn) .detail-box>div.price::before{content:""}.event-teaser-large .detail-box>div.status::before,.events-list-large a:not(.btn) .detail-box>div.status::before{content:"";color:var(--theme-color-secondary-intensed)}.event-teaser-large .detail-box>div.status.interested-parties::before,.event-teaser-large .detail-box>div.status.waiting-list::before,.events-list-large a:not(.btn) .detail-box>div.status.interested-parties::before,.events-list-large a:not(.btn) .detail-box>div.status.waiting-list::before{content:"";color:var(--theme-color-primary)}.event-teaser-large .detail-box>div.status.reserved::before,.events-list-large a:not(.btn) .detail-box>div.status.reserved::before{content:"";color:var(--theme-color-error)}@media screen and (min-width: 992px){.event-teaser-large.widemode .blue-box,.events-list-large a:not(.btn).widemode .blue-box{width:50%;padding:100px 15px 20px 15px}.event-teaser-large.widemode .blue-box .icon-box,.events-list-large a:not(.btn).widemode .blue-box .icon-box{font-size:70px;top:20px}.event-teaser-large.widemode .blue-box .ev-title,.events-list-large a:not(.btn).widemode .blue-box .ev-title{font-size:36px;line-height:43.2px}.event-teaser-large.widemode .text-box,.events-list-large a:not(.btn).widemode .text-box{width:50%;padding:20px}.event-teaser-large.widemode .text-box .detail-box .btn,.events-list-large a:not(.btn).widemode .text-box .detail-box .btn{display:inline-block}.event-teaser-large.widemode .text-box .ev-desc,.events-list-large a:not(.btn).widemode .text-box .ev-desc{font-size:18px}}',"",{version:3,sources:["webpack://./stories/components/event-teaser-large/event-teaser-large.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAAA,mDAGA,qBACE,CAAA,kBACA,CAAA,eACA,CAAA,YACA,CAAA,mBACA,CAAA,UACA,CAAA,oBACA,CAAA,gBACA,CAAA,cACA,CAAA,iFACA,cACE,CAAA,sBACA,CAAA,gBACA,CAAA,0BACA,CAAA,wCACA,CAAA,qGACA,YACE,CAAA,qGAEF,yBACE,CAAA,2FC0JF,4GACE,CAAA,SACA,CAAA,gKAEF,4GACE,CAAA,SACA,CAAA,+DD3JJ,2CACE,CAAA,mFAEA,sDACE,CAAA,uEAKJ,YACE,CAAA,wBAEA,CAAA,8BACA,CAAA,iBACA,CAAA,6BACA,CAAA,eACA,CAAA,cACA,CAAA,aACA,CAAA,2BACA,CAAA,cACA,CAAA,mBACA,CAAA,iBACA,CAAA,gBACA,CAAA,oBACA,CAAA,UACA,CAAA,cACA,CAAA,gBACA,CAAA,iBACA,CAAA,qHACA,qEACE,CAAA,yFAEF,iBACE,CAAA,KACA,CAAA,MACA,CAAA,OACA,CAAA,QACA,CAAA,mCACA,CAAA,qBACA,CAAA,2BACA,CAAA,SACA,CAAA,yIAGA,UACE,CAAA,kKACA,CAAA,iBACA,CAAA,KACA,CAAA,MACA,CAAA,OACA,CAAA,QACA,CAAA,SACA,CAAA,2FAGJ,mCACE,CAAA,cACA,CAAA,aACA,CAAA,8BACA,CAAA,iBACA,CAAA,QACA,CAAA,SACA,CAAA,2FAEF,eACE,CAAA,yBACA,CAAA,kBACA,CAAA,cACA,CAAA,iBACA,CAAA,uFAEF,gCACE,CAAA,cACA,CAAA,2BACA,CAAA,eACA,CAAA,gBACA,CAAA,oBACA,CAAA,qBACA,CAAA,iBACA,CAAA,oBACA,CAAA,eACA,CAAA,iBACA,CAAA,iFAEF,kBACE,CAAA,2GAGF,cACE,CAAA,gBACA,CAAA,uFAGF,sBACE,CAAA,qGAEA,WC8HgB,CAAA,8BD5Hd,CAAA,0BACA,CAAA,aACA,CAAA,iBACA,CAAA,cACA,CAAA,2FAGF,YACE,CAAA,uEAKN,YAEE,CAAA,wCAEA,CAAA,UACA,CAAA,YACA,CAAA,6BACA,CAAA,gBACA,CAAA,yBACA,uEATF,gCAUI,CAAA,CAAA,yFAEF,gBACE,CAAA,oBACA,CAAA,cACA,CAAA,mBACA,CAAA,oBACA,CAAA,2BACA,CAAA,eACA,CAAA,uDAIJ,QACE,CAAA,yFACA,iBACE,CAAA,2EAIJ,gBACE,CAAA,4BACA,CAAA,qFACA,WACE,CAAA,eACA,CAAA,YACA,CAAA,mFAEF,aACE,CAAA,gCACA,CAAA,iBACA,CAAA,iBACA,CAAA,iBACA,CAAA,gCACA,CAAA,mGAEA,iBACE,CAAA,oBACA,CAAA,8BACA,CAAA,cACA,CAAA,gBACA,CAAA,gBACA,CAAA,kBACA,CAAA,gCACA,CAAA,yBAGF,mFAnBF,aAoBI,CAAA,iBACA,CAAA,iBACA,CAAA,iGAEA,iBACE,CAAA,MACA,CAAA,CAAA,6GAIJ,WCoFwB,CAAA,6GDjFxB,WCoFmB,CAAA,qHDjFnB,WC0EmB,CAAA,yIDvEnB,WC4EqB,CAAA,+GDzErB,WCsEoB,CAAA,iHDlElB,WCsEmB,CAAA,2CDpEjB,CAAA,kSAIA,WC+DiB,CAAA,gCD7Df,CAAA,mIAIJ,WCuDyB,CAAA,8BDrDvB,CAAA,qCAON,yFAEE,SACE,CAAA,4BACA,CAAA,6GACA,cACE,CAAA,QACA,CAAA,6GAEF,cACE,CAAA,kBACA,CAAA,yFAGJ,SACE,CAAA,YACA,CAAA,2HAEE,oBACE,CAAA,2GAGJ,cACE,CAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.event-teaser-large, .events-list-large a:not(.btn) {\n background-color: white;\n border-radius: 16px;\n overflow: hidden;\n display: flex;\n transition: 0.3s ease;\n width: 100%;\n text-decoration: none;\n min-height:400px;\n flex-wrap: wrap;\n &:not(.widemode){\n flex-wrap: wrap;\n align-content: baseline;\n flex-flow: column;\n justify-content: flex-start;\n background-color: var(--theme-grey-light);\n .blue-box {\n height:250px;\n }\n .text-box{\n height: calc(100% - 250px);\n }\n }\n @include focus-visible;\n\n &:hover {\n color: var(--theme-color-secondary-intensed);\n\n .blue-box {\n background-color: var(--theme-color-secondary-intensed);\n }\n }\n\n\n .blue-box {\n display: flex;\n //flex-direction: column;\n justify-content: flex-end;\n color: var(--theme-color-white);\n margin-right: 18px;\n font-family: \"Korb\", sans-serif;\n min-height: 80px;\n font-size: 14px;\n line-height: 1;\n padding: 70px 15px 15px 15px;\n min-width: 80px;\n transition: 0.2s ease;\n position:relative;\n flex-flow: column;\n align-items: baseline;\n width:100%;\n margin-right: 0;\n min-height:250px;\n position: relative;\n &:not(.background-image){\n background: linear-gradient(135deg, #036 45.14%, #368484 100%), #D9D9D9;\n }\n .img-con{\n position:absolute;\n top:0;\n left:0;\n right:0;\n bottom:0;\n background-color:rgba(#003366,0.54);\n background-size: cover;\n background-position: 50% 50%;\n z-index:0;\n }\n &.background-image{\n .img-con:before{\n content:\"\";\n background: linear-gradient(0deg, rgba(0, 51, 102, 0.33) 0%, rgba(0, 51, 102, 0.33) 100%), linear-gradient(180deg, rgba(0, 32, 65, 0) 0%, rgba(0, 32.45, 64.90, 0.60) 100%);\n position:absolute;\n top:0;\n left:0;\n right:0;\n bottom:0;\n z-index:1;\n }\n }\n .icon-box {\n font-family: 'Pictograms', sans-serif;\n font-size: 48px;\n line-height: 1;\n color: var(--theme-color-white);\n position:absolute;\n top:15px;\n left:15px;\n }\n .ev-title{\n font-weight: 400;\n text-decoration: underline;\n line-height: normal;\n font-size: 28px;\n position:relative;\n }\n .ev-cat{\n color: var(--theme-color-primary);\n font-size: 16px;\n font-family: Source Sans Pro;\n font-weight: 400;\n line-height: 16px;\n letter-spacing: 0.32px;\n background-color:white;\n border-radius:8px;\n display:inline-block;\n padding:5px 7px;\n position:relative;\n }\n span {\n white-space: nowrap;\n }\n\n span:nth-child(2) {\n font-size: 36px;\n margin-left: -2px;\n }\n\n &.no-date {\n align-items: flex-start;\n\n &:before {\n @include icon-sanduhr;\n font-family: 'Icons', sans-serif;\n font-size: var(--icon-size);\n line-height: 1;\n margin-bottom: 4px;\n margin-top: 5px;\n }\n\n * {\n display: none;\n }\n }\n }\n\n .text-box {\n //align-self: center;\n padding: 15px;\n //line-height: 1.2;\n background-color: var(--theme-grey-light);\n width:100%;\n display:flex;\n justify-content:space-between;\n flex-flow: column;\n @media(max-width: 767px) {\n font-size: var(--font-size-small);\n }\n .ev-desc{\n line-height: 27px;\n letter-spacing: 0.18px;\n font-size:18px;\n display: -webkit-box;\n -webkit-line-clamp: 6;\n -webkit-box-orient: vertical;\n overflow: hidden;\n }\n }\n\n p {\n margin: 0;\n &:not(:last-child) {\n margin: 2px 0 0.3em;\n }\n }\n\n .detail-box {\n padding-top: 15px;\n border-top: 1px #CCD7E6 solid;\n .btn{\n float: right;\n margin-top:15px;\n display:none;\n }\n > div {\n display: block;\n font-size: var(--font-size-small);\n line-height: 1.2em;\n margin-right: 15px;\n margin-bottom: 5px;\n color: var(--theme-color-primary);\n\n &::before {\n position: relative;\n display: inline-block;\n font-family: 'Icons', sans-serif;\n font-size: 18px;\n line-height: 20px;\n margin-right: 5px;\n vertical-align: top;\n color: var(--theme-color-primary);\n }\n\n @media(max-width: 567px) {\n display: block;\n padding-left: 24px;\n position: relative;\n\n &:before {\n position: absolute;\n left: 0;\n }\n }\n\n &.date::before {\n @include icon-xsmall-kalender;\n }\n &.time::before {\n @include icon-xsmall-uhr;\n }\n &.location::before {\n @include icon-xsmall-pin;\n }\n &.interested-parties::before {\n @include icon-xsmall-liste;\n }\n &.price::before {\n @include icon-xsmall-euro;\n }\n &.status {\n &::before {\n @include icon-xsmall-offen;\n color: var(--theme-color-secondary-intensed);\n }\n\n &.interested-parties, &.waiting-list {\n &::before {\n @include icon-xsmall-liste;\n color: var(--theme-color-primary);\n }\n }\n\n &.reserved::before {\n @include icon-xsmall-geschlossen;\n color: var(--theme-color-error);\n }\n }\n }\n }\n &.widemode{\n\n @media screen and (min-width:992px){\n //border-radius: 4px;\n .blue-box{\n width:50%;\n padding: 100px 15px 20px 15px;\n .icon-box {\n font-size: 70px;\n top:20px;\n }\n .ev-title{\n font-size: 36px;\n line-height: 43.20px;\n }\n }\n .text-box{\n width:50%;\n padding: 20px;\n .detail-box {\n .btn{\n display:inline-block;\n }\n }\n .ev-desc{\n font-size:18px;\n }\n }\n }\n }\n}\n","@mixin h1 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h1);\n line-height: 1.1;\n font-weight: 400;\n margin: 0.6em -0.05em 0.5em;\n\n &:first-child {\n margin-top: -0.1em;\n }\n}\n\n@mixin h2 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h2);\n line-height: 1.2;\n font-weight: 400;\n margin: 1.4em -0.05em 0.6em;\n}\n\n@mixin h3 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h3);\n line-height: 1.2;\n font-weight: 400;\n margin: 1.4em -0.05em 0.6em;\n}\n\n@mixin h4 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h4);\n font-style: normal;\n font-weight: normal;\n line-height: 1.2;\n margin: 1.4em -0.05em 0.8em;\n}\n\n@mixin h5 {\n font-family: var(--font-korb);\n font-size: 22px;\n line-height: 1.2;\n font-weight: 400;\n margin: 1em 0 0.6em;\n\n @media(max-width: 1339px) {\n font-size: 20px;\n }\n @media(max-width: 767px) {\n font-size: 18px;\n }\n}\n\n@mixin h6 {\n font-size: inherit;\n line-height: 1.4;\n font-weight: 600;\n margin: 1.2em 0 0.5em;\n}\n\n@mixin kicker {\n display: block;\n font-size: 16px;\n //text-transform: uppercase;\n margin-bottom: 2px;\n letter-spacing: 0.3px;\n\n @media(max-width: 767px) {\n font-size: 14px;\n }\n\n + h1,\n + .like-h1 {\n margin-top: 0.1em;\n }\n\n + h2, + .like-h2,\n + h3, + .like-h3,\n + h4 + .like-h4, {\n margin-top: 0.2em;\n }\n}\n\n@mixin hide($delay: 0s) {\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n transition: opacity 0.4s ease $delay, visibility $delay ease 0.4s, transform 0.4s ease $delay;\n}\n\n@mixin show($delay: 0s) {\n opacity: 1;\n visibility: visible;\n pointer-events: all;\n transition: opacity 0.4s ease $delay, visibility 0s ease $delay, transform 0.4s ease $delay;\n}\n\n@mixin full-size {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n\n@mixin copyright {\n position: absolute;\n display: block;\n left: 100%;\n bottom: 0;\n font-size: 12px;\n text-align: left;\n line-height: 1.2;\n z-index: 2;\n transform-origin: 0 100%;\n transform: rotate(-90deg);\n transition: 0.3s ease;\n\n color: white;\n text-shadow: 0 0 3px rgba(black, 0.6), 0 0 8px rgba(black, 0.6);\n width: calc(66.6% + 7px);\n padding: 8px 18px;\n\n //color: var(--theme-color-white);\n //text-shadow: -2px 2px 0 #000;\n //padding: 2px 6px 2px 4px;\n //background: #012d59;\n //white-space: nowrap;\n //max-width: calc(66.6% + 7px);\n //overflow: hidden;\n //\n //@media(max-width: 767px) {\n // font-size: 10px;\n // max-width: 100%;\n //}\n}\n\n@mixin form-field {\n --input-height: 60px;\n position: relative;\n display: block;\n width: 100%;\n height: var(--input-height);\n background-color: var(--theme-color-white);\n border: 1px solid var(--theme-color-primary);\n border-radius: var(--border-radius-xs);\n padding: 10px 15px;\n font-family: 'Source Sans Pro', sans-serif;\n font-size: var(--font-size-copy);\n line-height: 1.4;\n transition: 0.3s ease;\n color: var(--theme-color-primary);\n\n &:focus {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n\n @media(max-width: 1199px) {\n --input-height: 50px;\n }\n @media(max-width: 767px) {\n --input-height: 44px;\n }\n}\n\n@mixin focus-visible($inset: false) {\n @if $inset {\n &.focus-visible:focus {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n &:focus-visible, &.-moz-focusring {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n }\n @else {\n &.focus-visible:focus {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n &:focus-visible, &.-moz-focusring {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n }\n}\n\n@mixin focus-standalone($inset: false) {\n @if $inset {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n @else {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n}\n\n@mixin word-wrap() {\n word-break: break-word;\n -webkit-hyphens: auto;\n -moz-hyphens: auto;\n hyphens: auto;\n}\n\n// ICONS\n@mixin icon-ankerlink { content: '\\e800'; }\n@mixin icon-barrierefreiheit { content: '\\e801'; }\n@mixin icon-chat { content: '\\e802'; }\n@mixin icon-check { content: '\\e803'; }\n@mixin icon-checkbox-liste-1 { content: '\\e804'; }\n@mixin icon-content-schloss { content: '\\e805'; }\n@mixin icon-content { content: '\\e807'; }\n@mixin icon-dauer { content: '\\e808'; }\n@mixin icon-download { content: '\\e809'; }\n@mixin icon-dropdown { content: '\\e80a'; }\n@mixin icon-drucker { content: '\\e80b'; }\n@mixin icon-email { content: '\\e80c'; }\n@mixin icon-fax { content: '\\e80d'; }\n@mixin icon-freie-plaetze { content: '\\e80e'; }\n@mixin icon-galerie { content: '\\e80f'; }\n@mixin icon-gebaerdensprache { content: '\\e810'; }\n@mixin icon-geschlossen { content: '\\e811'; }\n@mixin icon-ihk-wechseln { content: '\\e812'; }\n@mixin icon-info { content: '\\e813'; }\n@mixin icon-kalender { content: '\\e814'; }\n@mixin icon-kartenpin { content: '\\e815'; }\n@mixin icon-kontakt { content: '\\e816'; }\n@mixin icon-laden { content: '\\e817'; }\n@mixin icon-leichte-sprache { content: '\\e818'; }\n@mixin icon-link-external { content: '\\e819'; }\n@mixin icon-liste-schloss { content: '\\e81a'; }\n@mixin icon-liste-stern { content: '\\e81b'; }\n@mixin icon-liste { content: '\\e81c'; }\n@mixin icon-loeschen { content: '\\e81d'; }\n@mixin icon-login { content: '\\e81e'; }\n@mixin icon-minus { content: '\\e81f'; }\n@mixin icon-pdf { content: '\\e820'; }\n@mixin icon-pfeil-links { content: '\\e821'; }\n@mixin icon-pfeil-oben { content: '\\e822'; }\n@mixin icon-pfeil-rechts-schloss { content: '\\e823'; }\n@mixin icon-pfeil-rechts-stern { content: '\\e824'; }\n@mixin icon-pfeil-rechts { content: '\\e825'; }\n@mixin icon-pfeil-simple-rechts { content: '\\e826'; }\n@mixin icon-pfeil-unten { content: '\\e827'; }\n@mixin icon-plus { content: '\\e828'; }\n@mixin icon-preis { content: '\\e829'; }\n@mixin icon-referent { content: '\\e82a'; }\n@mixin icon-reset { content: '\\e82b'; }\n@mixin icon-sanduhr { content: '\\e82c'; }\n@mixin icon-schliessen { content: '\\e82d'; }\n@mixin icon-schloss { content: '\\e82e'; }\n@mixin icon-sprache { content: '\\e82f'; }\n@mixin icon-stern { content: '\\e830'; }\n@mixin icon-suche-adresse { content: '\\e831'; }\n@mixin icon-suche-archiv { content: '\\e832'; }\n@mixin icon-suche-az { content: '\\e833'; }\n@mixin icon-suche-chat { content: '\\e834'; }\n@mixin icon-suche-datei { content: '\\e835'; }\n@mixin icon-suche-firma { content: '\\e836'; }\n@mixin icon-suche-magazin { content: '\\e837'; }\n@mixin icon-suche-mail { content: '\\e838'; }\n@mixin icon-suche-person { content: '\\e839'; }\n@mixin icon-suche-schloss { content: '\\e83a'; }\n@mixin icon-suche-veranstaltung { content: '\\e83b'; }\n@mixin icon-suche { content: '\\e83c'; }\n@mixin icon-teilnehmer-add { content: '\\e83d'; }\n@mixin icon-telefon { content: '\\e83e'; }\n@mixin icon-vcard { content: '\\e83f'; }\n@mixin icon-small-arrow-right-simple { content: '\\e840'; }\n@mixin icon-small-barrierefreiheit { content: '\\e841'; }\n@mixin icon-small-download { content: '\\e842'; }\n@mixin icon-small-gebaerdensprache { content: '\\e843'; }\n@mixin icon-small-kontakt { content: '\\e844'; }\n@mixin icon-small-leichte-sprache { content: '\\e845'; }\n@mixin icon-small-link-external { content: '\\e846'; }\n@mixin icon-small-login { content: '\\e847'; }\n@mixin icon-small-pfeil-rechts { content: '\\e848'; }\n@mixin icon-small-sprache { content: '\\e849'; }\n@mixin icon-small-schloss { content: '\\e84a'; }\n@mixin icon-small-stern { content: '\\e84b'; }\n@mixin icon-teilen { content: '\\e84c'; }\n@mixin icon-social-telegram { content: '\\e84d'; }\n@mixin icon-social-threema { content: '\\e84e'; }\n@mixin icon-social-whatsapp { content: '\\e84f'; }\n@mixin icon-suche-big { content: '\\e850'; }\n@mixin icon-xsmall-pin { content: '\\e851'; }\n@mixin icon-check-1 { content: '\\e852'; }\n@mixin icon-xsmall-euro { content: '\\e853'; }\n@mixin icon-xsmall-geschlossen { content: '\\e854'; }\n@mixin icon-xsmall-kalender { content: '\\e855'; }\n@mixin icon-xsmall-liste { content: '\\e856'; }\n@mixin icon-xsmall-offen { content: '\\e857'; }\n@mixin icon-xsmall-uhr { content: '\\e858'; }\n@mixin icon-social-facebook { content: '\\e859'; }\n@mixin icon-liste-1 { content: '\\e85a'; }\n@mixin icon-social-linkedin { content: '\\e85b'; }\n@mixin icon-social-pinterest { content: '\\e85c'; }\n@mixin icon-social_x { content: '\\e85d'; }\n@mixin icon-social-xing { content: '\\e85e'; }\n@mixin icon-zoom { content: '\\e85f'; }\n@mixin icon-social-youtube { content: '\\e860'; }\n@mixin icon-social-instagram { content: '\\e861'; }\n@mixin icon-faq { content: '\\e869'; }\n@mixin icon-checkbox-liste { content: '\\e86a'; }\n@mixin icon-content-stern { content: '\\e86b'; }\n@mixin icon-small-election-group { content: '\\e86c'; }\n@mixin icon-small-icon-election-location { content: '\\e86e'; }\n@mixin icon-userlike { content: '\\e8c6'; }\n@mixin icon-userlike-chat { content: '\\e8c7'; }\n@mixin icon-magazine { content: '\\e8c8'; }\n@mixin icon-lokalisierung { content: '\\e8c9'; }\n@mixin icon-login-flyout { content: '\\e8ca'; }\n@mixin icon-login-header { content: '\\e8cb'; }\n@mixin icon-social-twitter { content: '\\e85d'; }\n@mixin icon-play { content: '\\e86d'; }\n@mixin icon-pause { content: '\\e806'; }\n@mixin icon-volume-mute { content: '\\e862'; }\n@mixin icon-volume-on { content: '\\e86f'; }\n@mixin icon-ankerlink-right { content: '\\e873'; }\n\n// PICTOGRAMS\n@mixin pictogram-achtung { content: '\\e800'; }\n@mixin pictogram-achtung-strom { content: '\\e801'; }\n@mixin pictogram-aeskulapstab { content: '\\e802'; }\n@mixin pictogram-anker { content: '\\e803'; }\n@mixin pictogram-anstossen { content: '\\e804'; }\n@mixin pictogram-arbeitsplatz { content: '\\e805'; }\n@mixin pictogram-auktionshammer { content: '\\e806'; }\n@mixin pictogram-batterie { content: '\\e807'; }\n@mixin pictogram-ausruf { content: '\\e808'; }\n@mixin pictogram-bauhelm { content: '\\e809'; }\n@mixin pictogram-benefit-vorteil-geschenk { content: '\\e80a'; }\n@mixin pictogram-bett { content: '\\e80b'; }\n@mixin pictogram-blatt { content: '\\e80c'; }\n@mixin pictogram-blume { content: '\\e80d'; }\n@mixin pictogram-blume-b { content: '\\e80e'; }\n@mixin pictogram-brief { content: '\\e80f'; }\n@mixin pictogram-brille-auf-buch { content: '\\e810'; }\n@mixin pictogram-bueroklammer { content: '\\e811'; }\n@mixin pictogram-bus { content: '\\e812'; }\n@mixin pictogram-container { content: '\\e813'; }\n@mixin pictogram-containerschiff { content: '\\e815'; }\n@mixin pictogram-daumen-hoch-a { content: '\\e816'; }\n@mixin pictogram-daumen-hoch-c { content: '\\e817'; }\n@mixin pictogram-daumen-hoch-b { content: '\\e818'; }\n@mixin pictogram-diagramm-mit-text { content: '\\e819'; }\n@mixin pictogram-diagramm-torte { content: '\\e81a'; }\n@mixin pictogram-diagramm-verlust { content: '\\e81b'; }\n@mixin pictogram-diagramm-wachstum { content: '\\e81c'; }\n@mixin pictogram-diagramm { content: '\\e81d'; }\n@mixin pictogram-co2 { content: '\\e814'; }\n@mixin pictogram-dokument-a { content: '\\e81e'; }\n@mixin pictogram-dokument-b { content: '\\e81f'; }\n@mixin pictogram-dokument-c { content: '\\e820'; }\n@mixin pictogram-e-auto { content: '\\e821'; }\n@mixin pictogram-e-learning { content: '\\e822'; }\n@mixin pictogram-einkaufstasche-mit-eurozeichen { content: '\\e824'; }\n@mixin pictogram-einkaufstasche { content: '\\e825'; }\n@mixin pictogram-einkaufswagen { content: '\\e826'; }\n@mixin pictogram-eu-emblem-brexit { content: '\\e827'; }\n@mixin pictogram-eu-emblem { content: '\\e828'; }\n@mixin pictogram-eule { content: '\\e829'; }\n@mixin pictogram-fabrik { content: '\\e82a'; }\n@mixin pictogram-fahne-horizontal-gestreift { content: '\\e82b'; }\n@mixin pictogram-fahne-kreuz { content: '\\e82c'; }\n@mixin pictogram-fahne-neutral { content: '\\e82d'; }\n@mixin pictogram-fahne-vertikal-gestreift { content: '\\e82e'; }\n@mixin pictogram-fahrrad-jobrad-dienstfahrrad { content: '\\e82f'; }\n@mixin pictogram-fahrrad-sportlich { content: '\\e830'; }\n@mixin pictogram-fahrrad { content: '\\e831'; }\n@mixin pictogram-faq-a { content: '\\e832'; }\n@mixin pictogram-faq-b { content: '\\e833'; }\n@mixin pictogram-fernglas { content: '\\e834'; }\n@mixin pictogram-fisch-frisst-fisch { content: '\\e835'; }\n@mixin pictogram-flugzeug { content: '\\e836'; }\n@mixin pictogram-frage { content: '\\e837'; }\n@mixin pictogram-fragezeichen { content: '\\e838'; }\n@mixin pictogram-geld-zuschuss-foerderung { content: '\\e839'; }\n@mixin pictogram-geldsack { content: '\\e83a'; }\n@mixin pictogram-freiheitsstatue { content: '\\e83b'; }\n@mixin pictogram-gruppe-gespraech { content: '\\e83c'; }\n@mixin pictogram-gruppe-idee { content: '\\e83d'; }\n@mixin pictogram-globus { content: '\\e83e'; }\n@mixin pictogram-gutschein-zuschuss-benefit { content: '\\e83f'; }\n@mixin pictogram-hand-a { content: '\\e840'; }\n@mixin pictogram-hand-b { content: '\\e841'; }\n@mixin pictogram-hand-c { content: '\\e842'; }\n@mixin pictogram-hand-geben { content: '\\e843'; }\n@mixin pictogram-hand-mit-werkzeug { content: '\\e844'; }\n@mixin pictogram-hand-gespreizt { content: '\\e845'; }\n@mixin pictogram-hand-zeigen-b { content: '\\e846'; }\n@mixin pictogram-hand-zeigen-a { content: '\\e847'; }\n@mixin pictogram-hand-zeigen-c { content: '\\e848'; }\n@mixin pictogram-handschlag-a { content: '\\e849'; }\n@mixin pictogram-handschlag-b { content: '\\e84a'; }\n@mixin pictogram-handschlag-c { content: '\\e84b'; }\n@mixin pictogram-heft { content: '\\e84c'; }\n@mixin pictogram-idee { content: '\\e84d'; }\n@mixin pictogram-ihk-chemnitz-a { content: '\\e84e'; }\n@mixin pictogram-ihk-chemnitz-b { content: '\\e84f'; }\n@mixin pictogram-ihk-chemnitz-c { content: '\\e850'; }\n@mixin pictogram-ihk-giessen-friedberg { content: '\\e851'; }\n@mixin pictogram-ihk-hagen { content: '\\e852'; }\n@mixin pictogram-ihk-heilbronn-franken { content: '\\e853'; }\n@mixin pictogram-ihk-köln { content: '\\e854'; }\n@mixin pictogram-ihk-rhein-neckar { content: '\\e855'; }\n@mixin pictogram-ihk-stuttgart { content: '\\e856'; }\n@mixin pictogram-ihk-wahl { content: '\\e857'; }\n@mixin pictogram-information { content: '\\e858'; }\n@mixin pictogram-kalender { content: '\\e859'; }\n@mixin pictogram-karte { content: '\\e85a'; }\n@mixin pictogram-koepfe-mit-sprechblase { content: '\\e85b'; }\n@mixin pictogram-kerze { content: '\\e85c'; }\n@mixin pictogram-kopf-mit-formel { content: '\\e85d'; }\n@mixin pictogram-kran { content: '\\e85e'; }\n@mixin pictogram-kuchen { content: '\\e85f'; }\n@mixin pictogram-labyrinth { content: '\\e860'; }\n@mixin pictogram-lkw { content: '\\e861'; }\n@mixin pictogram-maske { content: '\\e862'; }\n@mixin pictogram-megaphon { content: '\\e863'; }\n@mixin pictogram-mikrofon { content: '\\e864'; }\n@mixin pictogram-paket-mit-euro { content: '\\e865'; }\n@mixin pictogram-paket { content: '\\e866'; }\n@mixin pictogram-paragraph { content: '\\e867'; }\n@mixin pictogram-persoenliche_entwicklung { content: '\\e868'; }\n@mixin pictogram-person-an-tafel-a { content: '\\e869'; }\n@mixin pictogram-person-an-tafel-b { content: '\\e86a'; }\n@mixin pictogram-person-auf-schild { content: '\\e86b'; }\n@mixin pictogram-person-mit-brille-a { content: '\\e86c'; }\n@mixin pictogram-person-mit-brille-b { content: '\\e86d'; }\n@mixin pictogram-person-mit-buch { content: '\\e86e'; }\n@mixin pictogram-person-mit-doktorhut-a { content: '\\e86f'; }\n@mixin pictogram-person-mit-doktorhut-b { content: '\\e870'; }\n@mixin pictogram-person-mit-headset { content: '\\e871'; }\n@mixin pictogram-person-mit-uniform-a { content: '\\e872'; }\n@mixin pictogram-person-mit-uniform-b { content: '\\e873'; }\n@mixin pictogram-person { content: '\\e874'; }\n@mixin pictogram-personen-mit-brieftasche { content: '\\e875'; }\n@mixin pictogram-personen-mit-doktorhut { content: '\\e876'; }\n@mixin pictogram-personen-suche-a { content: '\\e877'; }\n@mixin pictogram-personen-suche-b { content: '\\e878'; }\n@mixin pictogram-pusteblume { content: '\\e879'; }\n@mixin pictogram-rakete-a { content: '\\e87a'; }\n@mixin pictogram-rakete-b { content: '\\e87b'; }\n@mixin pictogram-rednerpult { content: '\\e87c'; }\n@mixin pictogram-rettungsring { content: '\\e87d'; }\n@mixin pictogram-roboter { content: '\\e87e'; }\n@mixin pictogram-s-bahn { content: '\\e87f'; }\n@mixin pictogram-smilie { content: '\\e880'; }\n@mixin pictogram-social-facebook { content: '\\e881'; }\n@mixin pictogram-social-instagram { content: '\\e882'; }\n@mixin pictogram-social-linkedin { content: '\\e883'; }\n@mixin pictogram-social-twitter { content: '\\e884'; }\n@mixin pictogram-social-youtube { content: '\\e885'; }\n@mixin pictogram-solidaritaetsschleife { content: '\\e886'; }\n@mixin pictogram-stadt { content: '\\e887'; }\n@mixin pictogram-standort { content: '\\e888'; }\n@mixin pictogram-stern { content: '\\e889'; }\n@mixin pictogram-steuerung { content: '\\e88a'; }\n@mixin pictogram-stoppuhr { content: '\\e88b'; }\n@mixin pictogram-strommast { content: '\\e88c'; }\n@mixin pictogram-system-prozess { content: '\\e88d'; }\n@mixin pictogram-teamwork-team-zusammenarbeit { content: '\\e88e'; }\n@mixin pictogram-teller-besteck { content: '\\e88f'; }\n@mixin pictogram-treppe { content: '\\e890'; }\n@mixin pictogram-tropfen-a { content: '\\e891'; }\n@mixin pictogram-tropfen-b { content: '\\e892'; }\n@mixin pictogram-tulpe { content: '\\e893'; }\n@mixin pictogram-veranstaltung-intern-beruf { content: '\\e894'; }\n@mixin pictogram-veranstaltung-intern-feier { content: '\\e895'; }\n@mixin pictogram-videocall-a { content: '\\e896'; }\n@mixin pictogram-videocall-b { content: '\\e897'; }\n@mixin pictogram-videos { content: '\\e898'; }\n@mixin pictogram-virus { content: '\\e899'; }\n@mixin pictogram-waage { content: '\\e89a'; }\n@mixin pictogram-wegweiser-a { content: '\\e89b'; }\n@mixin pictogram-wegweiser-b { content: '\\e89c'; }\n@mixin pictogram-weltkugel-mit-flamme { content: '\\e89d'; }\n@mixin pictogram-weltkugel-mit-koffer { content: '\\e89e'; }\n@mixin pictogram-weltkugel { content: '\\e89f'; }\n@mixin pictogram-werkzeug { content: '\\e8a0'; }\n@mixin pictogram-windrad-a { content: '\\e8a1'; }\n@mixin pictogram-windrad-b { content: '\\e8a2'; }\n@mixin pictogram-wolke-mit-herz-und-sonne { content: '\\e8a3'; }\n@mixin pictogram-zeitung { content: '\\e8a4'; }\n\n@mixin icon-fa-play-circled2 { content: '\\e800'; }\n@mixin icon-fa-play { content: '\\e801'; }\n@mixin icon-fa-basket { content: '\\e843'; }\n@mixin icon-fa-play-circled { content: '\\f144'; }\n@mixin icon-fa-cart-plus { content: '\\f217'; }\n@mixin icon-fa-cart-arrow-down { content: '\\f218'; }\n\n@mixin icon-galerie-small { content: '\\e870'; }\n@mixin icon-interaction-small { content: '\\e871'; }\n@mixin icon-video-small { content: '\\e872'; }\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]); \ No newline at end of file diff --git a/gfi-ihk-2024/storybook-static/7388.a977f1a6.iframe.bundle.js b/gfi-ihk-2024/storybook-static/7388.a977f1a6.iframe.bundle.js new file mode 100644 index 0000000..0fd3a7f --- /dev/null +++ b/gfi-ihk-2024/storybook-static/7388.a977f1a6.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[7388],{"./stories/components/event-teaser-large/EventTeaserLargeComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{J:()=>createEventTeaserLarge});__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"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.string.link.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.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.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.test.js"),__webpack_require__("./node_modules/core-js/modules/es.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),event_teaser_large=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/event-teaser-large/event-teaser-large.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(event_teaser_large.Z,options);event_teaser_large.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),EventTeaserLargeData=__webpack_require__("./stories/components/event-teaser-large/EventTeaserLargeData.js"),ButtonComponent=__webpack_require__("./stories/atoms/button/ButtonComponent.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i0&&(imgCon.style="background-image: url("+event.bgimage+");",blueBox.classList.add("background-image"));var teaserLink=(0,helpers.az)("a",["teaser--link"],"",a);return teaserLink.href=event.link,teaserLink.setAttribute("aria-label","Beschreibender Link-Text"),a}},"./stories/components/event-teaser-large/EventTeaserLargeData.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{h1:()=>EventTeaserLargeImageData,vZ:()=>EventTeaserLargeData});var EventTeaserLargeTitles=["Vertiefungsseminar zur Existenzgründung","Erfolgreiche Unternehmensgründung: Strategien und Fallstudien","Nachhaltige Firmenübergabe","Social Media Manager/-in (IHK) - Webinar"],EventTeaserLargeStatus=[{type:"reserved",label:"Anmeldefrist abgelaufen"},{type:"waiting-list",label:"Warteliste"},{type:"open",label:"Freie Plätze vorhanden"}],EventTeaserLargeData={date:{weekday:"Mo.",day:"20",month:"Sep. 2022"},title:EventTeaserLargeTitles[Math.floor(Math.random()*EventTeaserLargeTitles.length)],desc:"Entfesseln Sie das volle Potenzial der generativen KI und beherrschen Sie die Kunst des Prompt-Engineerings!",link:"#",details:{date:"20.09.2022",status:EventTeaserLargeStatus[Math.floor(Math.random()*EventTeaserLargeStatus.length)]},icon:"Roboter",category:"Gründung und Nachfolge",bgimage:null,widemode:!1},EventTeaserLargeImageData={date:{weekday:"Mo.",day:"20",month:"Sep. 2022"},title:EventTeaserLargeTitles[Math.floor(Math.random()*EventTeaserLargeTitles.length)],desc:"Entfesseln Sie das volle Potenzial der generativen KI und beherrschen Sie die Kunst des Prompt-Engineerings!",link:"#",details:{date:"20.09.2022",status:EventTeaserLargeStatus[Math.floor(Math.random()*EventTeaserLargeStatus.length)]},icon:"Roboter",category:"Gründung und Nachfolge",bgimage:"./dummy/placeholder-4-3.svg"}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/event-teaser-large/event-teaser-large.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,'.event-teaser-large{background-color:#fff;border-radius:16px;overflow:hidden;display:flex;transition:.3s ease;width:100%;text-decoration:none;min-height:400px;flex-wrap:wrap;position:relative}.event-teaser-large:not(.widemode){flex-wrap:wrap;align-content:baseline;flex-flow:column;justify-content:flex-start;background-color:var(--theme-grey-light)}.event-teaser-large:not(.widemode) .blue-box{height:250px}.event-teaser-large:not(.widemode) .text-box{height:calc(100% - 250px)}.event-teaser-large.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}.event-teaser-large:focus-visible,.event-teaser-large.-moz-focusring{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.event-teaser-large:hover{color:var(--theme-color-secondary-intensed)}.event-teaser-large:hover .blue-box{background-color:var(--theme-color-secondary-intensed)}.event-teaser-large .blue-box{display:flex;justify-content:flex-end;color:var(--theme-color-white);margin-right:18px;font-family:"Korb",sans-serif;min-height:80px;font-size:14px;line-height:1;padding:70px 15px 15px 15px;min-width:80px;transition:.2s ease;position:relative;flex-flow:column;align-items:baseline;width:100%;margin-right:0;min-height:250px;position:relative}.event-teaser-large .blue-box:not(.background-image){background:linear-gradient(135deg, #036 45.14%, #368484 100%),#d9d9d9}.event-teaser-large .blue-box .img-con{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,51,102,.54);background-size:cover;background-position:50% 50%;z-index:0}.event-teaser-large .blue-box.background-image .img-con:before{content:"";background:linear-gradient(0deg, rgba(0, 51, 102, 0.33) 0%, rgba(0, 51, 102, 0.33) 100%),linear-gradient(180deg, rgba(0, 32, 65, 0) 0%, rgba(0, 32, 65, 0.6) 100%);position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.event-teaser-large .blue-box .icon-box{font-family:"Pictograms",sans-serif;font-size:48px;line-height:1;color:var(--theme-color-white);position:absolute;top:15px;left:15px}.event-teaser-large .blue-box .ev-title{font-weight:400;text-decoration:underline;line-height:normal;font-size:28px;position:relative}.event-teaser-large .blue-box .ev-cat{color:var(--theme-color-primary);font-size:16px;font-family:Source Sans Pro;font-weight:400;line-height:16px;letter-spacing:.32px;background-color:#fff;border-radius:8px;display:inline-block;padding:5px 7px;position:relative}.event-teaser-large .blue-box span{white-space:nowrap}.event-teaser-large .blue-box span:nth-child(2){font-size:36px;margin-left:-2px}.event-teaser-large .blue-box.no-date{align-items:flex-start}.event-teaser-large .blue-box.no-date:before{content:"";font-family:"Icons",sans-serif;font-size:var(--icon-size);line-height:1;margin-bottom:4px;margin-top:5px}.event-teaser-large .blue-box.no-date *{display:none}.event-teaser-large .text-box{padding:15px;background-color:var(--theme-grey-light);width:100%;display:flex;justify-content:space-between;flex-flow:column}@media(max-width: 767px){.event-teaser-large .text-box{font-size:var(--font-size-small)}}.event-teaser-large .text-box .ev-desc{line-height:27px;letter-spacing:.18px;font-size:18px;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.event-teaser-large p{margin:0}.event-teaser-large p:not(:last-child){margin:2px 0 .3em}.event-teaser-large .detail-box{padding-top:15px;border-top:1px #ccd7e6 solid}.event-teaser-large .detail-box .btn{float:right;margin-top:15px;display:none}.event-teaser-large .detail-box>div{display:block;font-size:var(--font-size-small);line-height:1.2em;margin-right:15px;margin-bottom:5px;color:var(--theme-color-primary)}.event-teaser-large .detail-box>div::before{position:relative;display:inline-block;font-family:"Icons",sans-serif;font-size:18px;line-height:20px;margin-right:5px;vertical-align:top;color:var(--theme-color-primary)}@media(max-width: 567px){.event-teaser-large .detail-box>div{display:block;padding-left:24px;position:relative}.event-teaser-large .detail-box>div:before{position:absolute;left:0}}.event-teaser-large .detail-box>div.date::before{content:""}.event-teaser-large .detail-box>div.time::before{content:""}.event-teaser-large .detail-box>div.location::before{content:""}.event-teaser-large .detail-box>div.interested-parties::before{content:""}.event-teaser-large .detail-box>div.price::before{content:""}.event-teaser-large .detail-box>div.status::before{content:"";color:var(--theme-color-secondary-intensed)}.event-teaser-large .detail-box>div.status.interested-parties::before,.event-teaser-large .detail-box>div.status.waiting-list::before{content:"";color:var(--theme-color-primary)}.event-teaser-large .detail-box>div.status.reserved::before{content:"";color:var(--theme-color-error)}@media screen and (min-width: 992px){.event-teaser-large.widemode .blue-box{width:50%;padding:100px 15px 20px 15px}.event-teaser-large.widemode .blue-box .icon-box{font-size:70px;top:20px}.event-teaser-large.widemode .blue-box .ev-title{font-size:36px;line-height:43.2px}.event-teaser-large.widemode .text-box{width:50%;padding:20px}.event-teaser-large.widemode .text-box .detail-box .btn{display:inline-block}.event-teaser-large.widemode .text-box .ev-desc{font-size:18px}}.event-teaser-large .teaser--link{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10}',"",{version:3,sources:["webpack://./stories/components/event-teaser-large/event-teaser-large.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAAA,oBAGA,qBACE,CAAA,kBACA,CAAA,eACA,CAAA,YACA,CAAA,mBACA,CAAA,UACA,CAAA,oBACA,CAAA,gBACA,CAAA,cACA,CAAA,iBACA,CAAA,mCACA,cACE,CAAA,sBACA,CAAA,gBACA,CAAA,0BACA,CAAA,wCACA,CAAA,6CACA,YACE,CAAA,6CAEF,yBACE,CAAA,wCCyJF,4GACE,CAAA,SACA,CAAA,qEAEF,4GACE,CAAA,SACA,CAAA,0BD1JJ,2CACE,CAAA,oCAEA,sDACE,CAAA,8BAKJ,YACE,CAAA,wBAEA,CAAA,8BACA,CAAA,iBACA,CAAA,6BACA,CAAA,eACA,CAAA,cACA,CAAA,aACA,CAAA,2BACA,CAAA,cACA,CAAA,mBACA,CAAA,iBACA,CAAA,gBACA,CAAA,oBACA,CAAA,UACA,CAAA,cACA,CAAA,gBACA,CAAA,iBACA,CAAA,qDACA,qEACE,CAAA,uCAEF,iBACE,CAAA,KACA,CAAA,MACA,CAAA,OACA,CAAA,QACA,CAAA,mCACA,CAAA,qBACA,CAAA,2BACA,CAAA,SACA,CAAA,+DAGA,UACE,CAAA,kKACA,CAAA,iBACA,CAAA,KACA,CAAA,MACA,CAAA,OACA,CAAA,QACA,CAAA,SACA,CAAA,wCAGJ,mCACE,CAAA,cACA,CAAA,aACA,CAAA,8BACA,CAAA,iBACA,CAAA,QACA,CAAA,SACA,CAAA,wCAEF,eACE,CAAA,yBACA,CAAA,kBACA,CAAA,cACA,CAAA,iBACA,CAAA,sCAEF,gCACE,CAAA,cACA,CAAA,2BACA,CAAA,eACA,CAAA,gBACA,CAAA,oBACA,CAAA,qBACA,CAAA,iBACA,CAAA,oBACA,CAAA,eACA,CAAA,iBACA,CAAA,mCAEF,kBACE,CAAA,gDAGF,cACE,CAAA,gBACA,CAAA,sCAGF,sBACE,CAAA,6CAEA,WC6HgB,CAAA,8BD3Hd,CAAA,0BACA,CAAA,aACA,CAAA,iBACA,CAAA,cACA,CAAA,wCAGF,YACE,CAAA,8BAKN,YAEE,CAAA,wCAEA,CAAA,UACA,CAAA,YACA,CAAA,6BACA,CAAA,gBACA,CAAA,yBACA,8BATF,gCAUI,CAAA,CAAA,uCAEF,gBACE,CAAA,oBACA,CAAA,cACA,CAAA,mBACA,CAAA,oBACA,CAAA,2BACA,CAAA,eACA,CAAA,sBAIJ,QACE,CAAA,uCACA,iBACE,CAAA,gCAIJ,gBACE,CAAA,4BACA,CAAA,qCACA,WACE,CAAA,eACA,CAAA,YACA,CAAA,oCAEF,aACE,CAAA,gCACA,CAAA,iBACA,CAAA,iBACA,CAAA,iBACA,CAAA,gCACA,CAAA,4CAEA,iBACE,CAAA,oBACA,CAAA,8BACA,CAAA,cACA,CAAA,gBACA,CAAA,gBACA,CAAA,kBACA,CAAA,gCACA,CAAA,yBAGF,oCAnBF,aAoBI,CAAA,iBACA,CAAA,iBACA,CAAA,2CAEA,iBACE,CAAA,MACA,CAAA,CAAA,iDAIJ,WCmFwB,CAAA,iDDhFxB,WCmFmB,CAAA,qDDhFnB,WCyEmB,CAAA,+DDtEnB,WC2EqB,CAAA,kDDxErB,WCqEoB,CAAA,mDDjElB,WCqEmB,CAAA,2CDnEjB,CAAA,sIAIA,WC8DiB,CAAA,gCD5Df,CAAA,4DAIJ,WCsDyB,CAAA,8BDpDvB,CAAA,qCAON,uCAEE,SACE,CAAA,4BACA,CAAA,iDACA,cACE,CAAA,QACA,CAAA,iDAEF,cACE,CAAA,kBACA,CAAA,uCAGJ,SACE,CAAA,YACA,CAAA,wDAEE,oBACE,CAAA,gDAGJ,cACE,CAAA,CAAA,kCAMR,iBACE,CAAA,MACA,CAAA,KACA,CAAA,UACA,CAAA,WACA,CAAA,UACA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.event-teaser-large {\n background-color: white;\n border-radius: 16px;\n overflow: hidden;\n display: flex;\n transition: 0.3s ease;\n width: 100%;\n text-decoration: none;\n min-height:400px;\n flex-wrap: wrap;\n position: relative;\n &:not(.widemode){\n flex-wrap: wrap;\n align-content: baseline;\n flex-flow: column;\n justify-content: flex-start;\n background-color: var(--theme-grey-light);\n .blue-box {\n height:250px;\n }\n .text-box{\n height: calc(100% - 250px);\n }\n }\n @include focus-visible;\n\n &:hover {\n color: var(--theme-color-secondary-intensed);\n\n .blue-box {\n background-color: var(--theme-color-secondary-intensed);\n }\n }\n\n\n .blue-box {\n display: flex;\n //flex-direction: column;\n justify-content: flex-end;\n color: var(--theme-color-white);\n margin-right: 18px;\n font-family: \"Korb\", sans-serif;\n min-height: 80px;\n font-size: 14px;\n line-height: 1;\n padding: 70px 15px 15px 15px;\n min-width: 80px;\n transition: 0.2s ease;\n position:relative;\n flex-flow: column;\n align-items: baseline;\n width:100%;\n margin-right: 0;\n min-height:250px;\n position: relative;\n &:not(.background-image){\n background: linear-gradient(135deg, #036 45.14%, #368484 100%), #D9D9D9;\n }\n .img-con{\n position:absolute;\n top:0;\n left:0;\n right:0;\n bottom:0;\n background-color:rgba(#003366,0.54);\n background-size: cover;\n background-position: 50% 50%;\n z-index:0;\n }\n &.background-image{\n .img-con:before{\n content:\"\";\n background: linear-gradient(0deg, rgba(0, 51, 102, 0.33) 0%, rgba(0, 51, 102, 0.33) 100%), linear-gradient(180deg, rgba(0, 32, 65, 0) 0%, rgba(0, 32.45, 64.90, 0.60) 100%);\n position:absolute;\n top:0;\n left:0;\n right:0;\n bottom:0;\n z-index:1;\n }\n }\n .icon-box {\n font-family: 'Pictograms', sans-serif;\n font-size: 48px;\n line-height: 1;\n color: var(--theme-color-white);\n position:absolute;\n top:15px;\n left:15px;\n }\n .ev-title{\n font-weight: 400;\n text-decoration: underline;\n line-height: normal;\n font-size: 28px;\n position:relative;\n }\n .ev-cat{\n color: var(--theme-color-primary);\n font-size: 16px;\n font-family: Source Sans Pro;\n font-weight: 400;\n line-height: 16px;\n letter-spacing: 0.32px;\n background-color:white;\n border-radius:8px;\n display:inline-block;\n padding:5px 7px;\n position:relative;\n }\n span {\n white-space: nowrap;\n }\n\n span:nth-child(2) {\n font-size: 36px;\n margin-left: -2px;\n }\n\n &.no-date {\n align-items: flex-start;\n\n &:before {\n @include icon-sanduhr;\n font-family: 'Icons', sans-serif;\n font-size: var(--icon-size);\n line-height: 1;\n margin-bottom: 4px;\n margin-top: 5px;\n }\n\n * {\n display: none;\n }\n }\n }\n\n .text-box {\n //align-self: center;\n padding: 15px;\n //line-height: 1.2;\n background-color: var(--theme-grey-light);\n width:100%;\n display:flex;\n justify-content:space-between;\n flex-flow: column;\n @media(max-width: 767px) {\n font-size: var(--font-size-small);\n }\n .ev-desc{\n line-height: 27px;\n letter-spacing: 0.18px;\n font-size:18px;\n display: -webkit-box;\n -webkit-line-clamp: 6;\n -webkit-box-orient: vertical;\n overflow: hidden;\n }\n }\n\n p {\n margin: 0;\n &:not(:last-child) {\n margin: 2px 0 0.3em;\n }\n }\n\n .detail-box {\n padding-top: 15px;\n border-top: 1px #CCD7E6 solid;\n .btn{\n float: right;\n margin-top:15px;\n display:none;\n }\n > div {\n display: block;\n font-size: var(--font-size-small);\n line-height: 1.2em;\n margin-right: 15px;\n margin-bottom: 5px;\n color: var(--theme-color-primary);\n\n &::before {\n position: relative;\n display: inline-block;\n font-family: 'Icons', sans-serif;\n font-size: 18px;\n line-height: 20px;\n margin-right: 5px;\n vertical-align: top;\n color: var(--theme-color-primary);\n }\n\n @media(max-width: 567px) {\n display: block;\n padding-left: 24px;\n position: relative;\n\n &:before {\n position: absolute;\n left: 0;\n }\n }\n\n &.date::before {\n @include icon-xsmall-kalender;\n }\n &.time::before {\n @include icon-xsmall-uhr;\n }\n &.location::before {\n @include icon-xsmall-pin;\n }\n &.interested-parties::before {\n @include icon-xsmall-liste;\n }\n &.price::before {\n @include icon-xsmall-euro;\n }\n &.status {\n &::before {\n @include icon-xsmall-offen;\n color: var(--theme-color-secondary-intensed);\n }\n\n &.interested-parties, &.waiting-list {\n &::before {\n @include icon-xsmall-liste;\n color: var(--theme-color-primary);\n }\n }\n\n &.reserved::before {\n @include icon-xsmall-geschlossen;\n color: var(--theme-color-error);\n }\n }\n }\n }\n &.widemode{\n\n @media screen and (min-width:992px){\n //border-radius: 4px;\n .blue-box{\n width:50%;\n padding: 100px 15px 20px 15px;\n .icon-box {\n font-size: 70px;\n top:20px;\n }\n .ev-title{\n font-size: 36px;\n line-height: 43.20px;\n }\n }\n .text-box{\n width:50%;\n padding: 20px;\n .detail-box {\n .btn{\n display:inline-block;\n }\n }\n .ev-desc{\n font-size:18px;\n }\n }\n }\n }\n\n .teaser--link {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n z-index: 10;\n }\n}\n","@mixin h1 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h1);\n line-height: 1.1;\n font-weight: 400;\n margin: 0.6em -0.05em 0.5em;\n\n &:first-child {\n margin-top: -0.1em;\n }\n}\n\n@mixin h2 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h2);\n line-height: 1.2;\n font-weight: 400;\n margin: 1.4em -0.05em 0.6em;\n}\n\n@mixin h3 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h3);\n line-height: 1.2;\n font-weight: 400;\n margin: 1.4em -0.05em 0.6em;\n}\n\n@mixin h4 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h4);\n font-style: normal;\n font-weight: normal;\n line-height: 1.2;\n margin: 1.4em -0.05em 0.8em;\n}\n\n@mixin h5 {\n font-family: var(--font-korb);\n font-size: 22px;\n line-height: 1.2;\n font-weight: 400;\n margin: 1em 0 0.6em;\n\n @media(max-width: 1339px) {\n font-size: 20px;\n }\n @media(max-width: 767px) {\n font-size: 18px;\n }\n}\n\n@mixin h6 {\n font-size: inherit;\n line-height: 1.4;\n font-weight: 600;\n margin: 1.2em 0 0.5em;\n}\n\n@mixin kicker {\n display: block;\n font-size: 16px;\n //text-transform: uppercase;\n margin-bottom: 2px;\n letter-spacing: 0.3px;\n\n @media(max-width: 767px) {\n font-size: 14px;\n }\n\n + h1,\n + .like-h1 {\n margin-top: 0.1em;\n }\n\n + h2, + .like-h2,\n + h3, + .like-h3,\n + h4 + .like-h4, {\n margin-top: 0.2em;\n }\n}\n\n@mixin hide($delay: 0s) {\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n transition: opacity 0.4s ease $delay, visibility $delay ease 0.4s, transform 0.4s ease $delay;\n}\n\n@mixin show($delay: 0s) {\n opacity: 1;\n visibility: visible;\n pointer-events: all;\n transition: opacity 0.4s ease $delay, visibility 0s ease $delay, transform 0.4s ease $delay;\n}\n\n@mixin full-size {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n\n@mixin copyright {\n position: absolute;\n display: block;\n left: 100%;\n bottom: 0;\n font-size: 12px;\n text-align: left;\n line-height: 1.2;\n z-index: 2;\n transform-origin: 0 100%;\n transform: rotate(-90deg);\n transition: 0.3s ease;\n\n color: white;\n text-shadow: 0 0 3px rgba(black, 0.6), 0 0 8px rgba(black, 0.6);\n width: calc(66.6% + 7px);\n padding: 8px 18px;\n\n //color: var(--theme-color-white);\n //text-shadow: -2px 2px 0 #000;\n //padding: 2px 6px 2px 4px;\n //background: #012d59;\n //white-space: nowrap;\n //max-width: calc(66.6% + 7px);\n //overflow: hidden;\n //\n //@media(max-width: 767px) {\n // font-size: 10px;\n // max-width: 100%;\n //}\n}\n\n@mixin form-field {\n --input-height: 60px;\n position: relative;\n display: block;\n width: 100%;\n height: var(--input-height);\n background-color: var(--theme-color-white);\n border: 1px solid var(--theme-color-primary);\n border-radius: var(--border-radius-xs);\n padding: 10px 15px;\n font-family: 'Source Sans Pro', sans-serif;\n font-size: var(--font-size-copy);\n line-height: 1.4;\n transition: 0.3s ease;\n color: var(--theme-color-primary);\n\n &:focus {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n\n @media(max-width: 1199px) {\n --input-height: 50px;\n }\n @media(max-width: 767px) {\n --input-height: 44px;\n }\n}\n\n@mixin focus-visible($inset: false) {\n @if $inset {\n &.focus-visible:focus {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n &:focus-visible, &.-moz-focusring {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n }\n @else {\n &.focus-visible:focus {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n &:focus-visible, &.-moz-focusring {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n }\n}\n\n@mixin focus-standalone($inset: false) {\n @if $inset {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n @else {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n}\n\n@mixin word-wrap() {\n word-break: break-word;\n -webkit-hyphens: auto;\n -moz-hyphens: auto;\n hyphens: auto;\n}\n\n// ICONS\n@mixin icon-ankerlink { content: '\\e800'; }\n@mixin icon-barrierefreiheit { content: '\\e801'; }\n@mixin icon-chat { content: '\\e802'; }\n@mixin icon-check { content: '\\e803'; }\n@mixin icon-checkbox-liste-1 { content: '\\e804'; }\n@mixin icon-content-schloss { content: '\\e805'; }\n@mixin icon-content { content: '\\e807'; }\n@mixin icon-dauer { content: '\\e808'; }\n@mixin icon-download { content: '\\e809'; }\n@mixin icon-dropdown { content: '\\e80a'; }\n@mixin icon-drucker { content: '\\e80b'; }\n@mixin icon-email { content: '\\e80c'; }\n@mixin icon-fax { content: '\\e80d'; }\n@mixin icon-freie-plaetze { content: '\\e80e'; }\n@mixin icon-galerie { content: '\\e80f'; }\n@mixin icon-gebaerdensprache { content: '\\e810'; }\n@mixin icon-geschlossen { content: '\\e811'; }\n@mixin icon-ihk-wechseln { content: '\\e812'; }\n@mixin icon-info { content: '\\e813'; }\n@mixin icon-kalender { content: '\\e814'; }\n@mixin icon-kartenpin { content: '\\e815'; }\n@mixin icon-kontakt { content: '\\e816'; }\n@mixin icon-laden { content: '\\e817'; }\n@mixin icon-leichte-sprache { content: '\\e818'; }\n@mixin icon-link-external { content: '\\e819'; }\n@mixin icon-liste-schloss { content: '\\e81a'; }\n@mixin icon-liste-stern { content: '\\e81b'; }\n@mixin icon-liste { content: '\\e81c'; }\n@mixin icon-loeschen { content: '\\e81d'; }\n@mixin icon-login { content: '\\e81e'; }\n@mixin icon-minus { content: '\\e81f'; }\n@mixin icon-pdf { content: '\\e820'; }\n@mixin icon-pfeil-links { content: '\\e821'; }\n@mixin icon-pfeil-oben { content: '\\e822'; }\n@mixin icon-pfeil-rechts-schloss { content: '\\e823'; }\n@mixin icon-pfeil-rechts-stern { content: '\\e824'; }\n@mixin icon-pfeil-rechts { content: '\\e825'; }\n@mixin icon-pfeil-simple-rechts { content: '\\e826'; }\n@mixin icon-pfeil-unten { content: '\\e827'; }\n@mixin icon-plus { content: '\\e828'; }\n@mixin icon-preis { content: '\\e829'; }\n@mixin icon-referent { content: '\\e82a'; }\n@mixin icon-reset { content: '\\e82b'; }\n@mixin icon-sanduhr { content: '\\e82c'; }\n@mixin icon-schliessen { content: '\\e82d'; }\n@mixin icon-schloss { content: '\\e82e'; }\n@mixin icon-sprache { content: '\\e82f'; }\n@mixin icon-stern { content: '\\e830'; }\n@mixin icon-suche-adresse { content: '\\e831'; }\n@mixin icon-suche-archiv { content: '\\e832'; }\n@mixin icon-suche-az { content: '\\e833'; }\n@mixin icon-suche-chat { content: '\\e834'; }\n@mixin icon-suche-datei { content: '\\e835'; }\n@mixin icon-suche-firma { content: '\\e836'; }\n@mixin icon-suche-magazin { content: '\\e837'; }\n@mixin icon-suche-mail { content: '\\e838'; }\n@mixin icon-suche-person { content: '\\e839'; }\n@mixin icon-suche-schloss { content: '\\e83a'; }\n@mixin icon-suche-veranstaltung { content: '\\e83b'; }\n@mixin icon-suche { content: '\\e83c'; }\n@mixin icon-teilnehmer-add { content: '\\e83d'; }\n@mixin icon-telefon { content: '\\e83e'; }\n@mixin icon-vcard { content: '\\e83f'; }\n@mixin icon-small-arrow-right-simple { content: '\\e840'; }\n@mixin icon-small-barrierefreiheit { content: '\\e841'; }\n@mixin icon-small-download { content: '\\e842'; }\n@mixin icon-small-gebaerdensprache { content: '\\e843'; }\n@mixin icon-small-kontakt { content: '\\e844'; }\n@mixin icon-small-leichte-sprache { content: '\\e845'; }\n@mixin icon-small-link-external { content: '\\e846'; }\n@mixin icon-small-login { content: '\\e847'; }\n@mixin icon-small-pfeil-rechts { content: '\\e848'; }\n@mixin icon-small-sprache { content: '\\e849'; }\n@mixin icon-small-schloss { content: '\\e84a'; }\n@mixin icon-small-stern { content: '\\e84b'; }\n@mixin icon-teilen { content: '\\e84c'; }\n@mixin icon-social-telegram { content: '\\e84d'; }\n@mixin icon-social-threema { content: '\\e84e'; }\n@mixin icon-social-whatsapp { content: '\\e84f'; }\n@mixin icon-suche-big { content: '\\e850'; }\n@mixin icon-xsmall-pin { content: '\\e851'; }\n@mixin icon-check-1 { content: '\\e852'; }\n@mixin icon-xsmall-euro { content: '\\e853'; }\n@mixin icon-xsmall-geschlossen { content: '\\e854'; }\n@mixin icon-xsmall-kalender { content: '\\e855'; }\n@mixin icon-xsmall-liste { content: '\\e856'; }\n@mixin icon-xsmall-offen { content: '\\e857'; }\n@mixin icon-xsmall-uhr { content: '\\e858'; }\n@mixin icon-social-facebook { content: '\\e859'; }\n@mixin icon-liste-1 { content: '\\e85a'; }\n@mixin icon-social-linkedin { content: '\\e85b'; }\n@mixin icon-social-pinterest { content: '\\e85c'; }\n@mixin icon-social_x { content: '\\e85d'; }\n@mixin icon-social-xing { content: '\\e85e'; }\n@mixin icon-zoom { content: '\\e85f'; }\n@mixin icon-social-youtube { content: '\\e860'; }\n@mixin icon-social-instagram { content: '\\e861'; }\n@mixin icon-faq { content: '\\e869'; }\n@mixin icon-checkbox-liste { content: '\\e86a'; }\n@mixin icon-content-stern { content: '\\e86b'; }\n@mixin icon-small-election-group { content: '\\e86c'; }\n@mixin icon-small-icon-election-location { content: '\\e86e'; }\n@mixin icon-userlike { content: '\\e8c6'; }\n@mixin icon-userlike-chat { content: '\\e8c7'; }\n@mixin icon-magazine { content: '\\e8c8'; }\n@mixin icon-lokalisierung { content: '\\e8c9'; }\n@mixin icon-login-flyout { content: '\\e8ca'; }\n@mixin icon-login-header { content: '\\e8cb'; }\n@mixin icon-social-twitter { content: '\\e85d'; }\n@mixin icon-play { content: '\\e86d'; }\n@mixin icon-pause { content: '\\e806'; }\n@mixin icon-volume-mute { content: '\\e862'; }\n@mixin icon-volume-on { content: '\\e86f'; }\n@mixin icon-ankerlink-right { content: '\\e873'; }\n\n// PICTOGRAMS\n@mixin pictogram-achtung { content: '\\e800'; }\n@mixin pictogram-achtung-strom { content: '\\e801'; }\n@mixin pictogram-aeskulapstab { content: '\\e802'; }\n@mixin pictogram-anker { content: '\\e803'; }\n@mixin pictogram-anstossen { content: '\\e804'; }\n@mixin pictogram-arbeitsplatz { content: '\\e805'; }\n@mixin pictogram-auktionshammer { content: '\\e806'; }\n@mixin pictogram-batterie { content: '\\e807'; }\n@mixin pictogram-ausruf { content: '\\e808'; }\n@mixin pictogram-bauhelm { content: '\\e809'; }\n@mixin pictogram-benefit-vorteil-geschenk { content: '\\e80a'; }\n@mixin pictogram-bett { content: '\\e80b'; }\n@mixin pictogram-blatt { content: '\\e80c'; }\n@mixin pictogram-blume { content: '\\e80d'; }\n@mixin pictogram-blume-b { content: '\\e80e'; }\n@mixin pictogram-brief { content: '\\e80f'; }\n@mixin pictogram-brille-auf-buch { content: '\\e810'; }\n@mixin pictogram-bueroklammer { content: '\\e811'; }\n@mixin pictogram-bus { content: '\\e812'; }\n@mixin pictogram-container { content: '\\e813'; }\n@mixin pictogram-containerschiff { content: '\\e815'; }\n@mixin pictogram-daumen-hoch-a { content: '\\e816'; }\n@mixin pictogram-daumen-hoch-c { content: '\\e817'; }\n@mixin pictogram-daumen-hoch-b { content: '\\e818'; }\n@mixin pictogram-diagramm-mit-text { content: '\\e819'; }\n@mixin pictogram-diagramm-torte { content: '\\e81a'; }\n@mixin pictogram-diagramm-verlust { content: '\\e81b'; }\n@mixin pictogram-diagramm-wachstum { content: '\\e81c'; }\n@mixin pictogram-diagramm { content: '\\e81d'; }\n@mixin pictogram-co2 { content: '\\e814'; }\n@mixin pictogram-dokument-a { content: '\\e81e'; }\n@mixin pictogram-dokument-b { content: '\\e81f'; }\n@mixin pictogram-dokument-c { content: '\\e820'; }\n@mixin pictogram-e-auto { content: '\\e821'; }\n@mixin pictogram-e-learning { content: '\\e822'; }\n@mixin pictogram-einkaufstasche-mit-eurozeichen { content: '\\e824'; }\n@mixin pictogram-einkaufstasche { content: '\\e825'; }\n@mixin pictogram-einkaufswagen { content: '\\e826'; }\n@mixin pictogram-eu-emblem-brexit { content: '\\e827'; }\n@mixin pictogram-eu-emblem { content: '\\e828'; }\n@mixin pictogram-eule { content: '\\e829'; }\n@mixin pictogram-fabrik { content: '\\e82a'; }\n@mixin pictogram-fahne-horizontal-gestreift { content: '\\e82b'; }\n@mixin pictogram-fahne-kreuz { content: '\\e82c'; }\n@mixin pictogram-fahne-neutral { content: '\\e82d'; }\n@mixin pictogram-fahne-vertikal-gestreift { content: '\\e82e'; }\n@mixin pictogram-fahrrad-jobrad-dienstfahrrad { content: '\\e82f'; }\n@mixin pictogram-fahrrad-sportlich { content: '\\e830'; }\n@mixin pictogram-fahrrad { content: '\\e831'; }\n@mixin pictogram-faq-a { content: '\\e832'; }\n@mixin pictogram-faq-b { content: '\\e833'; }\n@mixin pictogram-fernglas { content: '\\e834'; }\n@mixin pictogram-fisch-frisst-fisch { content: '\\e835'; }\n@mixin pictogram-flugzeug { content: '\\e836'; }\n@mixin pictogram-frage { content: '\\e837'; }\n@mixin pictogram-fragezeichen { content: '\\e838'; }\n@mixin pictogram-geld-zuschuss-foerderung { content: '\\e839'; }\n@mixin pictogram-geldsack { content: '\\e83a'; }\n@mixin pictogram-freiheitsstatue { content: '\\e83b'; }\n@mixin pictogram-gruppe-gespraech { content: '\\e83c'; }\n@mixin pictogram-gruppe-idee { content: '\\e83d'; }\n@mixin pictogram-globus { content: '\\e83e'; }\n@mixin pictogram-gutschein-zuschuss-benefit { content: '\\e83f'; }\n@mixin pictogram-hand-a { content: '\\e840'; }\n@mixin pictogram-hand-b { content: '\\e841'; }\n@mixin pictogram-hand-c { content: '\\e842'; }\n@mixin pictogram-hand-geben { content: '\\e843'; }\n@mixin pictogram-hand-mit-werkzeug { content: '\\e844'; }\n@mixin pictogram-hand-gespreizt { content: '\\e845'; }\n@mixin pictogram-hand-zeigen-b { content: '\\e846'; }\n@mixin pictogram-hand-zeigen-a { content: '\\e847'; }\n@mixin pictogram-hand-zeigen-c { content: '\\e848'; }\n@mixin pictogram-handschlag-a { content: '\\e849'; }\n@mixin pictogram-handschlag-b { content: '\\e84a'; }\n@mixin pictogram-handschlag-c { content: '\\e84b'; }\n@mixin pictogram-heft { content: '\\e84c'; }\n@mixin pictogram-idee { content: '\\e84d'; }\n@mixin pictogram-ihk-chemnitz-a { content: '\\e84e'; }\n@mixin pictogram-ihk-chemnitz-b { content: '\\e84f'; }\n@mixin pictogram-ihk-chemnitz-c { content: '\\e850'; }\n@mixin pictogram-ihk-giessen-friedberg { content: '\\e851'; }\n@mixin pictogram-ihk-hagen { content: '\\e852'; }\n@mixin pictogram-ihk-heilbronn-franken { content: '\\e853'; }\n@mixin pictogram-ihk-köln { content: '\\e854'; }\n@mixin pictogram-ihk-rhein-neckar { content: '\\e855'; }\n@mixin pictogram-ihk-stuttgart { content: '\\e856'; }\n@mixin pictogram-ihk-wahl { content: '\\e857'; }\n@mixin pictogram-information { content: '\\e858'; }\n@mixin pictogram-kalender { content: '\\e859'; }\n@mixin pictogram-karte { content: '\\e85a'; }\n@mixin pictogram-koepfe-mit-sprechblase { content: '\\e85b'; }\n@mixin pictogram-kerze { content: '\\e85c'; }\n@mixin pictogram-kopf-mit-formel { content: '\\e85d'; }\n@mixin pictogram-kran { content: '\\e85e'; }\n@mixin pictogram-kuchen { content: '\\e85f'; }\n@mixin pictogram-labyrinth { content: '\\e860'; }\n@mixin pictogram-lkw { content: '\\e861'; }\n@mixin pictogram-maske { content: '\\e862'; }\n@mixin pictogram-megaphon { content: '\\e863'; }\n@mixin pictogram-mikrofon { content: '\\e864'; }\n@mixin pictogram-paket-mit-euro { content: '\\e865'; }\n@mixin pictogram-paket { content: '\\e866'; }\n@mixin pictogram-paragraph { content: '\\e867'; }\n@mixin pictogram-persoenliche_entwicklung { content: '\\e868'; }\n@mixin pictogram-person-an-tafel-a { content: '\\e869'; }\n@mixin pictogram-person-an-tafel-b { content: '\\e86a'; }\n@mixin pictogram-person-auf-schild { content: '\\e86b'; }\n@mixin pictogram-person-mit-brille-a { content: '\\e86c'; }\n@mixin pictogram-person-mit-brille-b { content: '\\e86d'; }\n@mixin pictogram-person-mit-buch { content: '\\e86e'; }\n@mixin pictogram-person-mit-doktorhut-a { content: '\\e86f'; }\n@mixin pictogram-person-mit-doktorhut-b { content: '\\e870'; }\n@mixin pictogram-person-mit-headset { content: '\\e871'; }\n@mixin pictogram-person-mit-uniform-a { content: '\\e872'; }\n@mixin pictogram-person-mit-uniform-b { content: '\\e873'; }\n@mixin pictogram-person { content: '\\e874'; }\n@mixin pictogram-personen-mit-brieftasche { content: '\\e875'; }\n@mixin pictogram-personen-mit-doktorhut { content: '\\e876'; }\n@mixin pictogram-personen-suche-a { content: '\\e877'; }\n@mixin pictogram-personen-suche-b { content: '\\e878'; }\n@mixin pictogram-pusteblume { content: '\\e879'; }\n@mixin pictogram-rakete-a { content: '\\e87a'; }\n@mixin pictogram-rakete-b { content: '\\e87b'; }\n@mixin pictogram-rednerpult { content: '\\e87c'; }\n@mixin pictogram-rettungsring { content: '\\e87d'; }\n@mixin pictogram-roboter { content: '\\e87e'; }\n@mixin pictogram-s-bahn { content: '\\e87f'; }\n@mixin pictogram-smilie { content: '\\e880'; }\n@mixin pictogram-social-facebook { content: '\\e881'; }\n@mixin pictogram-social-instagram { content: '\\e882'; }\n@mixin pictogram-social-linkedin { content: '\\e883'; }\n@mixin pictogram-social-twitter { content: '\\e884'; }\n@mixin pictogram-social-youtube { content: '\\e885'; }\n@mixin pictogram-solidaritaetsschleife { content: '\\e886'; }\n@mixin pictogram-stadt { content: '\\e887'; }\n@mixin pictogram-standort { content: '\\e888'; }\n@mixin pictogram-stern { content: '\\e889'; }\n@mixin pictogram-steuerung { content: '\\e88a'; }\n@mixin pictogram-stoppuhr { content: '\\e88b'; }\n@mixin pictogram-strommast { content: '\\e88c'; }\n@mixin pictogram-system-prozess { content: '\\e88d'; }\n@mixin pictogram-teamwork-team-zusammenarbeit { content: '\\e88e'; }\n@mixin pictogram-teller-besteck { content: '\\e88f'; }\n@mixin pictogram-treppe { content: '\\e890'; }\n@mixin pictogram-tropfen-a { content: '\\e891'; }\n@mixin pictogram-tropfen-b { content: '\\e892'; }\n@mixin pictogram-tulpe { content: '\\e893'; }\n@mixin pictogram-veranstaltung-intern-beruf { content: '\\e894'; }\n@mixin pictogram-veranstaltung-intern-feier { content: '\\e895'; }\n@mixin pictogram-videocall-a { content: '\\e896'; }\n@mixin pictogram-videocall-b { content: '\\e897'; }\n@mixin pictogram-videos { content: '\\e898'; }\n@mixin pictogram-virus { content: '\\e899'; }\n@mixin pictogram-waage { content: '\\e89a'; }\n@mixin pictogram-wegweiser-a { content: '\\e89b'; }\n@mixin pictogram-wegweiser-b { content: '\\e89c'; }\n@mixin pictogram-weltkugel-mit-flamme { content: '\\e89d'; }\n@mixin pictogram-weltkugel-mit-koffer { content: '\\e89e'; }\n@mixin pictogram-weltkugel { content: '\\e89f'; }\n@mixin pictogram-werkzeug { content: '\\e8a0'; }\n@mixin pictogram-windrad-a { content: '\\e8a1'; }\n@mixin pictogram-windrad-b { content: '\\e8a2'; }\n@mixin pictogram-wolke-mit-herz-und-sonne { content: '\\e8a3'; }\n@mixin pictogram-zeitung { content: '\\e8a4'; }\n\n@mixin icon-fa-play-circled2 { content: '\\e800'; }\n@mixin icon-fa-play { content: '\\e801'; }\n@mixin icon-fa-basket { content: '\\e843'; }\n@mixin icon-fa-play-circled { content: '\\f144'; }\n@mixin icon-fa-cart-plus { content: '\\f217'; }\n@mixin icon-fa-cart-arrow-down { content: '\\f218'; }\n\n@mixin icon-galerie-small { content: '\\e870'; }\n@mixin icon-interaction-small { content: '\\e871'; }\n@mixin icon-video-small { content: '\\e872'; }\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]); \ No newline at end of file diff --git a/gfi-ihk-2024/storybook-static/7824.15cf9606.iframe.bundle.js b/gfi-ihk-2024/storybook-static/7824.15cf9606.iframe.bundle.js deleted file mode 100644 index 60dbdf9..0000000 --- a/gfi-ihk-2024/storybook-static/7824.15cf9606.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[7824],{"./stories/components/card/CardComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{L:()=>createCard});__webpack_require__("./node_modules/core-js/modules/es.string.link.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),card=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/card/card.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(card.Z,options);card.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),createCard=function createCard(_ref){var _ref$image=_ref.image,image=void 0===_ref$image?"./dummy/why-elect.jpg":_ref$image,_ref$copyright=_ref.copyright,copyright=void 0===_ref$copyright?"@ shutterstock.com":_ref$copyright,_ref$kicker=_ref.kicker,kicker=void 0===_ref$kicker?"Praxis & Ratgeber":_ref$kicker,_ref$headline=_ref.headline,headline=void 0===_ref$headline?"Jetzt Teil der IHK-Kampagne werden":_ref$headline,_ref$link=_ref.link,link=void 0===_ref$link?"http://www.ihk24.de":_ref$link,card=(0,helpers.az)("div",["card"],null),cardInner=(0,helpers.az)("a",["card-inner"],null,card);cardInner.href=link;var imageBox=(0,helpers.az)("div",["image-box"],"",cardInner);((0,helpers.Bi)(image,700,470,"",[],imageBox),copyright&©right.length>0)&&((0,helpers.az)("span",["copyright"],copyright,imageBox).setAttribute("aria-hidden","true"),(0,helpers.az)("span",["sr-only"],copyright,imageBox));var textBox=(0,helpers.az)("div",["text-box"],null,cardInner);return kicker&&kicker.length>0&&(0,helpers.az)("span",["kicker"],kicker,textBox),(0,helpers.az)("div",["like-h4"],headline,textBox),card}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/card/card.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,'.card-inner{display:block;max-width:350px;background:var(--theme-color-primary);border-radius:16px}@media(max-width: 645px){.card-inner{max-width:230px}}.card-inner:hover{text-decoration:none}.card .image-box{overflow:hidden;height:233px;position:relative;border-top-left-radius:16px;border-top-right-radius:16px}@media(max-width: 645px){.card .image-box{height:153px}}.card .image-box img{width:100%;height:100%;object-fit:cover;border-top-left-radius:16px;border-top-right-radius:16px;transition:all .3s ease-in-out}.card .image-box .copyright{position:absolute;display:block;left:100%;bottom:0;font-size:12px;text-align:left;line-height:1.2;z-index:2;transform-origin:0 100%;transform:rotate(-90deg);transition:.3s ease;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.6);width:calc(66.6% + 7px);padding:8px 18px;margin-bottom:8px}.card .text-box{position:relative;height:197px;padding:0 25px;color:var(--theme-color-white);border-bottom-left-radius:16px;border-bottom-right-radius:16px;background:var(--theme-color-gradient-01);background:linear-gradient(162deg, var(--theme-color-gradient-01) 50%, var(--theme-color-gradient-02) 98%, var(--theme-color-gradient-03) 100%)}@media(max-width: 645px){.card .text-box{height:130px}}.card .text-box:before{content:"";position:absolute;left:0;top:-34px;width:100%;height:34px;clip-path:path("M 0 15.88 C 112.843 -4.02 237.282 -3.95 350 15.88 L 350 234 L 0 234 Z");background:var(--theme-color-gradient-01)}.card .text-box .like-h4{text-decoration:underline;margin:0}.card:hover .card-inner .image-box img{scale:1.1}',"",{version:3,sources:["webpack://./stories/components/card/card.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAIE,YACE,aAAA,CACA,eAAA,CACA,qCAAA,CACA,kBAAA,CACA,yBALF,YAMI,eAAA,CAAA,CAGF,kBACE,oBAAA,CAIJ,iBACE,eAAA,CACA,YAAA,CACA,iBAAA,CACA,2BAAA,CACA,4BAAA,CACA,yBANF,iBAOI,YAAA,CAAA,CAGF,qBACE,UAAA,CACA,WAAA,CACA,gBAAA,CACA,2BAAA,CACA,4BAAA,CACA,8BAAA,CAGF,4BCoEF,iBAAA,CACA,aAAA,CACA,SAAA,CACA,QAAA,CACA,cAAA,CACA,eAAA,CACA,eAAA,CACA,SAAA,CACA,uBAAA,CACA,wBAAA,CACA,mBAAA,CAEA,UAAA,CACA,yDAAA,CACA,uBAAA,CACA,gBAAA,CDjFI,iBAAA,CAIJ,gBACE,iBAAA,CACA,YAAA,CACA,cAAA,CACA,8BAAA,CACA,8BAAA,CACA,+BAAA,CACA,yCAAA,CACA,+IAAA,CACA,yBATF,gBAUI,YAAA,CAAA,CAGF,uBACE,UAAA,CACA,iBAAA,CACA,MAAA,CACA,SAAA,CACA,UAAA,CACA,WAAA,CACA,uFAAA,CACA,yCAAA,CAOF,yBACE,yBAAA,CACA,QAAA,CAOE,uCACE,SAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.card {\n &-inner {\n display: block;\n max-width: 350px;\n background: var(--theme-color-primary);\n border-radius: 16px;\n @media(max-width: 645px) {\n max-width: 230px;\n }\n\n &:hover {\n text-decoration: none;\n }\n }\n\n .image-box {\n overflow: hidden;\n height: 233px;\n position: relative;\n border-top-left-radius: 16px;\n border-top-right-radius: 16px;\n @media(max-width: 645px) {\n height: 153px;\n }\n\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-top-left-radius: 16px;\n border-top-right-radius: 16px;\n transition: all 0.3s ease-in-out;\n }\n\n .copyright {\n @include copyright;\n margin-bottom: 8px;\n }\n }\n\n .text-box {\n position: relative;\n height: 197px;\n padding: 0 25px;\n color: var(--theme-color-white);\n border-bottom-left-radius: 16px;\n border-bottom-right-radius: 16px;\n background: var(--theme-color-gradient-01);\n background: linear-gradient(162deg, var(--theme-color-gradient-01) 50%, var(--theme-color-gradient-02) 98%, var(--theme-color-gradient-03) 100%);\n @media(max-width: 645px) {\n height: 130px;\n }\n\n &:before {\n content: '';\n position: absolute;\n left: 0;\n top: -34px;\n width: 100%;\n height: 34px;\n clip-path: path('M 0 15.88 C 112.843 -4.02 237.282 -3.95 350 15.88 L 350 234 L 0 234 Z');\n background: var(--theme-color-gradient-01);\n }\n\n .kicker {\n\n }\n\n .like-h4 {\n text-decoration: underline;\n margin: 0;\n }\n }\n\n &:hover {\n .card-inner {\n .image-box {\n img {\n scale: 1.1;\n }\n }\n }\n }\n}","@mixin h1 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h1);\n line-height: 1.1;\n font-weight: 400;\n margin: 0.6em -0.05em 0.5em;\n\n &:first-child {\n margin-top: -0.1em;\n }\n}\n\n@mixin h2 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h2);\n line-height: 1.2;\n font-weight: 400;\n margin: 1.4em -0.05em 0.6em;\n}\n\n@mixin h3 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h3);\n line-height: 1.2;\n font-weight: 400;\n margin: 1.4em -0.05em 0.6em;\n}\n\n@mixin h4 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h4);\n font-style: normal;\n font-weight: normal;\n line-height: 1.2;\n margin: 1.4em -0.05em 0.8em;\n}\n\n@mixin h5 {\n font-family: var(--font-korb);\n font-size: 22px;\n line-height: 1.2;\n font-weight: 400;\n margin: 1em 0 0.6em;\n\n @media(max-width: 1339px) {\n font-size: 20px;\n }\n @media(max-width: 767px) {\n font-size: 18px;\n }\n}\n\n@mixin h6 {\n font-size: inherit;\n line-height: 1.4;\n font-weight: 600;\n margin: 1.2em 0 0.5em;\n}\n\n@mixin kicker {\n display: block;\n font-size: 16px;\n //text-transform: uppercase;\n margin-bottom: 2px;\n letter-spacing: 0.3px;\n\n @media(max-width: 767px) {\n font-size: 14px;\n }\n\n + h1,\n + .like-h1 {\n margin-top: 0.1em;\n }\n\n + h2, + .like-h2,\n + h3, + .like-h3,\n + h4 + .like-h4, {\n margin-top: 0.2em;\n }\n}\n\n@mixin hide($delay: 0s) {\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n transition: opacity 0.4s ease $delay, visibility $delay ease 0.4s, transform 0.4s ease $delay;\n}\n\n@mixin show($delay: 0s) {\n opacity: 1;\n visibility: visible;\n pointer-events: all;\n transition: opacity 0.4s ease $delay, visibility 0s ease $delay, transform 0.4s ease $delay;\n}\n\n@mixin full-size {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n\n@mixin copyright {\n position: absolute;\n display: block;\n left: 100%;\n bottom: 0;\n font-size: 12px;\n text-align: left;\n line-height: 1.2;\n z-index: 2;\n transform-origin: 0 100%;\n transform: rotate(-90deg);\n transition: 0.3s ease;\n\n color: white;\n text-shadow: 0 0 3px rgba(black, 0.6), 0 0 8px rgba(black, 0.6);\n width: calc(66.6% + 7px);\n padding: 8px 18px;\n\n //color: var(--theme-color-white);\n //text-shadow: -2px 2px 0 #000;\n //padding: 2px 6px 2px 4px;\n //background: #012d59;\n //white-space: nowrap;\n //max-width: calc(66.6% + 7px);\n //overflow: hidden;\n //\n //@media(max-width: 767px) {\n // font-size: 10px;\n // max-width: 100%;\n //}\n}\n\n@mixin form-field {\n --input-height: 60px;\n position: relative;\n display: block;\n width: 100%;\n height: var(--input-height);\n background-color: var(--theme-color-white);\n border: 1px solid var(--theme-color-primary);\n border-radius: var(--border-radius-xs);\n padding: 10px 15px;\n font-family: 'Source Sans Pro', sans-serif;\n font-size: var(--font-size-copy);\n line-height: 1.4;\n transition: 0.3s ease;\n color: var(--theme-color-primary);\n\n &:focus {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n\n @media(max-width: 1199px) {\n --input-height: 50px;\n }\n @media(max-width: 767px) {\n --input-height: 44px;\n }\n}\n\n@mixin focus-visible($inset: false) {\n @if $inset {\n &.focus-visible:focus {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n &:focus-visible, &.-moz-focusring {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n }\n @else {\n &.focus-visible:focus {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n &:focus-visible, &.-moz-focusring {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n }\n}\n\n@mixin focus-standalone($inset: false) {\n @if $inset {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n @else {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n}\n\n@mixin word-wrap() {\n word-break: break-word;\n -webkit-hyphens: auto;\n -moz-hyphens: auto;\n hyphens: auto;\n}\n\n// ICONS\n@mixin icon-ankerlink { content: '\\e800'; }\n@mixin icon-barrierefreiheit { content: '\\e801'; }\n@mixin icon-chat { content: '\\e802'; }\n@mixin icon-check { content: '\\e803'; }\n@mixin icon-checkbox-liste-1 { content: '\\e804'; }\n@mixin icon-content-schloss { content: '\\e805'; }\n@mixin icon-content { content: '\\e807'; }\n@mixin icon-dauer { content: '\\e808'; }\n@mixin icon-download { content: '\\e809'; }\n@mixin icon-dropdown { content: '\\e80a'; }\n@mixin icon-drucker { content: '\\e80b'; }\n@mixin icon-email { content: '\\e80c'; }\n@mixin icon-fax { content: '\\e80d'; }\n@mixin icon-freie-plaetze { content: '\\e80e'; }\n@mixin icon-galerie { content: '\\e80f'; }\n@mixin icon-gebaerdensprache { content: '\\e810'; }\n@mixin icon-geschlossen { content: '\\e811'; }\n@mixin icon-ihk-wechseln { content: '\\e812'; }\n@mixin icon-info { content: '\\e813'; }\n@mixin icon-kalender { content: '\\e814'; }\n@mixin icon-kartenpin { content: '\\e815'; }\n@mixin icon-kontakt { content: '\\e816'; }\n@mixin icon-laden { content: '\\e817'; }\n@mixin icon-leichte-sprache { content: '\\e818'; }\n@mixin icon-link-external { content: '\\e819'; }\n@mixin icon-liste-schloss { content: '\\e81a'; }\n@mixin icon-liste-stern { content: '\\e81b'; }\n@mixin icon-liste { content: '\\e81c'; }\n@mixin icon-loeschen { content: '\\e81d'; }\n@mixin icon-login { content: '\\e81e'; }\n@mixin icon-minus { content: '\\e81f'; }\n@mixin icon-pdf { content: '\\e820'; }\n@mixin icon-pfeil-links { content: '\\e821'; }\n@mixin icon-pfeil-oben { content: '\\e822'; }\n@mixin icon-pfeil-rechts-schloss { content: '\\e823'; }\n@mixin icon-pfeil-rechts-stern { content: '\\e824'; }\n@mixin icon-pfeil-rechts { content: '\\e825'; }\n@mixin icon-pfeil-simple-rechts { content: '\\e826'; }\n@mixin icon-pfeil-unten { content: '\\e827'; }\n@mixin icon-plus { content: '\\e828'; }\n@mixin icon-preis { content: '\\e829'; }\n@mixin icon-referent { content: '\\e82a'; }\n@mixin icon-reset { content: '\\e82b'; }\n@mixin icon-sanduhr { content: '\\e82c'; }\n@mixin icon-schliessen { content: '\\e82d'; }\n@mixin icon-schloss { content: '\\e82e'; }\n@mixin icon-sprache { content: '\\e82f'; }\n@mixin icon-stern { content: '\\e830'; }\n@mixin icon-suche-adresse { content: '\\e831'; }\n@mixin icon-suche-archiv { content: '\\e832'; }\n@mixin icon-suche-az { content: '\\e833'; }\n@mixin icon-suche-chat { content: '\\e834'; }\n@mixin icon-suche-datei { content: '\\e835'; }\n@mixin icon-suche-firma { content: '\\e836'; }\n@mixin icon-suche-magazin { content: '\\e837'; }\n@mixin icon-suche-mail { content: '\\e838'; }\n@mixin icon-suche-person { content: '\\e839'; }\n@mixin icon-suche-schloss { content: '\\e83a'; }\n@mixin icon-suche-veranstaltung { content: '\\e83b'; }\n@mixin icon-suche { content: '\\e83c'; }\n@mixin icon-teilnehmer-add { content: '\\e83d'; }\n@mixin icon-telefon { content: '\\e83e'; }\n@mixin icon-vcard { content: '\\e83f'; }\n@mixin icon-small-arrow-right-simple { content: '\\e840'; }\n@mixin icon-small-barrierefreiheit { content: '\\e841'; }\n@mixin icon-small-download { content: '\\e842'; }\n@mixin icon-small-gebaerdensprache { content: '\\e843'; }\n@mixin icon-small-kontakt { content: '\\e844'; }\n@mixin icon-small-leichte-sprache { content: '\\e845'; }\n@mixin icon-small-link-external { content: '\\e846'; }\n@mixin icon-small-login { content: '\\e847'; }\n@mixin icon-small-pfeil-rechts { content: '\\e848'; }\n@mixin icon-small-sprache { content: '\\e849'; }\n@mixin icon-small-schloss { content: '\\e84a'; }\n@mixin icon-small-stern { content: '\\e84b'; }\n@mixin icon-teilen { content: '\\e84c'; }\n@mixin icon-social-telegram { content: '\\e84d'; }\n@mixin icon-social-threema { content: '\\e84e'; }\n@mixin icon-social-whatsapp { content: '\\e84f'; }\n@mixin icon-suche-big { content: '\\e850'; }\n@mixin icon-xsmall-pin { content: '\\e851'; }\n@mixin icon-check-1 { content: '\\e852'; }\n@mixin icon-xsmall-euro { content: '\\e853'; }\n@mixin icon-xsmall-geschlossen { content: '\\e854'; }\n@mixin icon-xsmall-kalender { content: '\\e855'; }\n@mixin icon-xsmall-liste { content: '\\e856'; }\n@mixin icon-xsmall-offen { content: '\\e857'; }\n@mixin icon-xsmall-uhr { content: '\\e858'; }\n@mixin icon-social-facebook { content: '\\e859'; }\n@mixin icon-liste-1 { content: '\\e85a'; }\n@mixin icon-social-linkedin { content: '\\e85b'; }\n@mixin icon-social-pinterest { content: '\\e85c'; }\n@mixin icon-social_x { content: '\\e85d'; }\n@mixin icon-social-xing { content: '\\e85e'; }\n@mixin icon-zoom { content: '\\e85f'; }\n@mixin icon-social-youtube { content: '\\e860'; }\n@mixin icon-social-instagram { content: '\\e861'; }\n@mixin icon-faq { content: '\\e869'; }\n@mixin icon-checkbox-liste { content: '\\e86a'; }\n@mixin icon-content-stern { content: '\\e86b'; }\n@mixin icon-small-election-group { content: '\\e86c'; }\n@mixin icon-small-icon-election-location { content: '\\e86e'; }\n@mixin icon-userlike { content: '\\e8c6'; }\n@mixin icon-userlike-chat { content: '\\e8c7'; }\n@mixin icon-magazine { content: '\\e8c8'; }\n@mixin icon-lokalisierung { content: '\\e8c9'; }\n@mixin icon-login-flyout { content: '\\e8ca'; }\n@mixin icon-login-header { content: '\\e8cb'; }\n@mixin icon-social-twitter { content: '\\e85d'; }\n@mixin icon-play { content: '\\e86d'; }\n@mixin icon-pause { content: '\\e806'; }\n@mixin icon-volume-mute { content: '\\e862'; }\n@mixin icon-volume-on { content: '\\e86f'; }\n@mixin icon-ankerlink-right { content: '\\e873'; }\n\n// PICTOGRAMS\n@mixin pictogram-achtung { content: '\\e800'; }\n@mixin pictogram-achtung-strom { content: '\\e801'; }\n@mixin pictogram-aeskulapstab { content: '\\e802'; }\n@mixin pictogram-anker { content: '\\e803'; }\n@mixin pictogram-anstossen { content: '\\e804'; }\n@mixin pictogram-arbeitsplatz { content: '\\e805'; }\n@mixin pictogram-auktionshammer { content: '\\e806'; }\n@mixin pictogram-batterie { content: '\\e807'; }\n@mixin pictogram-ausruf { content: '\\e808'; }\n@mixin pictogram-bauhelm { content: '\\e809'; }\n@mixin pictogram-benefit-vorteil-geschenk { content: '\\e80a'; }\n@mixin pictogram-bett { content: '\\e80b'; }\n@mixin pictogram-blatt { content: '\\e80c'; }\n@mixin pictogram-blume { content: '\\e80d'; }\n@mixin pictogram-blume-b { content: '\\e80e'; }\n@mixin pictogram-brief { content: '\\e80f'; }\n@mixin pictogram-brille-auf-buch { content: '\\e810'; }\n@mixin pictogram-bueroklammer { content: '\\e811'; }\n@mixin pictogram-bus { content: '\\e812'; }\n@mixin pictogram-container { content: '\\e813'; }\n@mixin pictogram-containerschiff { content: '\\e815'; }\n@mixin pictogram-daumen-hoch-a { content: '\\e816'; }\n@mixin pictogram-daumen-hoch-c { content: '\\e817'; }\n@mixin pictogram-daumen-hoch-b { content: '\\e818'; }\n@mixin pictogram-diagramm-mit-text { content: '\\e819'; }\n@mixin pictogram-diagramm-torte { content: '\\e81a'; }\n@mixin pictogram-diagramm-verlust { content: '\\e81b'; }\n@mixin pictogram-diagramm-wachstum { content: '\\e81c'; }\n@mixin pictogram-diagramm { content: '\\e81d'; }\n@mixin pictogram-co2 { content: '\\e814'; }\n@mixin pictogram-dokument-a { content: '\\e81e'; }\n@mixin pictogram-dokument-b { content: '\\e81f'; }\n@mixin pictogram-dokument-c { content: '\\e820'; }\n@mixin pictogram-e-auto { content: '\\e821'; }\n@mixin pictogram-e-learning { content: '\\e822'; }\n@mixin pictogram-einkaufstasche-mit-eurozeichen { content: '\\e824'; }\n@mixin pictogram-einkaufstasche { content: '\\e825'; }\n@mixin pictogram-einkaufswagen { content: '\\e826'; }\n@mixin pictogram-eu-emblem-brexit { content: '\\e827'; }\n@mixin pictogram-eu-emblem { content: '\\e828'; }\n@mixin pictogram-eule { content: '\\e829'; }\n@mixin pictogram-fabrik { content: '\\e82a'; }\n@mixin pictogram-fahne-horizontal-gestreift { content: '\\e82b'; }\n@mixin pictogram-fahne-kreuz { content: '\\e82c'; }\n@mixin pictogram-fahne-neutral { content: '\\e82d'; }\n@mixin pictogram-fahne-vertikal-gestreift { content: '\\e82e'; }\n@mixin pictogram-fahrrad-jobrad-dienstfahrrad { content: '\\e82f'; }\n@mixin pictogram-fahrrad-sportlich { content: '\\e830'; }\n@mixin pictogram-fahrrad { content: '\\e831'; }\n@mixin pictogram-faq-a { content: '\\e832'; }\n@mixin pictogram-faq-b { content: '\\e833'; }\n@mixin pictogram-fernglas { content: '\\e834'; }\n@mixin pictogram-fisch-frisst-fisch { content: '\\e835'; }\n@mixin pictogram-flugzeug { content: '\\e836'; }\n@mixin pictogram-frage { content: '\\e837'; }\n@mixin pictogram-fragezeichen { content: '\\e838'; }\n@mixin pictogram-geld-zuschuss-foerderung { content: '\\e839'; }\n@mixin pictogram-geldsack { content: '\\e83a'; }\n@mixin pictogram-freiheitsstatue { content: '\\e83b'; }\n@mixin pictogram-gruppe-gespraech { content: '\\e83c'; }\n@mixin pictogram-gruppe-idee { content: '\\e83d'; }\n@mixin pictogram-globus { content: '\\e83e'; }\n@mixin pictogram-gutschein-zuschuss-benefit { content: '\\e83f'; }\n@mixin pictogram-hand-a { content: '\\e840'; }\n@mixin pictogram-hand-b { content: '\\e841'; }\n@mixin pictogram-hand-c { content: '\\e842'; }\n@mixin pictogram-hand-geben { content: '\\e843'; }\n@mixin pictogram-hand-mit-werkzeug { content: '\\e844'; }\n@mixin pictogram-hand-gespreizt { content: '\\e845'; }\n@mixin pictogram-hand-zeigen-b { content: '\\e846'; }\n@mixin pictogram-hand-zeigen-a { content: '\\e847'; }\n@mixin pictogram-hand-zeigen-c { content: '\\e848'; }\n@mixin pictogram-handschlag-a { content: '\\e849'; }\n@mixin pictogram-handschlag-b { content: '\\e84a'; }\n@mixin pictogram-handschlag-c { content: '\\e84b'; }\n@mixin pictogram-heft { content: '\\e84c'; }\n@mixin pictogram-idee { content: '\\e84d'; }\n@mixin pictogram-ihk-chemnitz-a { content: '\\e84e'; }\n@mixin pictogram-ihk-chemnitz-b { content: '\\e84f'; }\n@mixin pictogram-ihk-chemnitz-c { content: '\\e850'; }\n@mixin pictogram-ihk-giessen-friedberg { content: '\\e851'; }\n@mixin pictogram-ihk-hagen { content: '\\e852'; }\n@mixin pictogram-ihk-heilbronn-franken { content: '\\e853'; }\n@mixin pictogram-ihk-köln { content: '\\e854'; }\n@mixin pictogram-ihk-rhein-neckar { content: '\\e855'; }\n@mixin pictogram-ihk-stuttgart { content: '\\e856'; }\n@mixin pictogram-ihk-wahl { content: '\\e857'; }\n@mixin pictogram-information { content: '\\e858'; }\n@mixin pictogram-kalender { content: '\\e859'; }\n@mixin pictogram-karte { content: '\\e85a'; }\n@mixin pictogram-koepfe-mit-sprechblase { content: '\\e85b'; }\n@mixin pictogram-kerze { content: '\\e85c'; }\n@mixin pictogram-kopf-mit-formel { content: '\\e85d'; }\n@mixin pictogram-kran { content: '\\e85e'; }\n@mixin pictogram-kuchen { content: '\\e85f'; }\n@mixin pictogram-labyrinth { content: '\\e860'; }\n@mixin pictogram-lkw { content: '\\e861'; }\n@mixin pictogram-maske { content: '\\e862'; }\n@mixin pictogram-megaphon { content: '\\e863'; }\n@mixin pictogram-mikrofon { content: '\\e864'; }\n@mixin pictogram-paket-mit-euro { content: '\\e865'; }\n@mixin pictogram-paket { content: '\\e866'; }\n@mixin pictogram-paragraph { content: '\\e867'; }\n@mixin pictogram-persoenliche_entwicklung { content: '\\e868'; }\n@mixin pictogram-person-an-tafel-a { content: '\\e869'; }\n@mixin pictogram-person-an-tafel-b { content: '\\e86a'; }\n@mixin pictogram-person-auf-schild { content: '\\e86b'; }\n@mixin pictogram-person-mit-brille-a { content: '\\e86c'; }\n@mixin pictogram-person-mit-brille-b { content: '\\e86d'; }\n@mixin pictogram-person-mit-buch { content: '\\e86e'; }\n@mixin pictogram-person-mit-doktorhut-a { content: '\\e86f'; }\n@mixin pictogram-person-mit-doktorhut-b { content: '\\e870'; }\n@mixin pictogram-person-mit-headset { content: '\\e871'; }\n@mixin pictogram-person-mit-uniform-a { content: '\\e872'; }\n@mixin pictogram-person-mit-uniform-b { content: '\\e873'; }\n@mixin pictogram-person { content: '\\e874'; }\n@mixin pictogram-personen-mit-brieftasche { content: '\\e875'; }\n@mixin pictogram-personen-mit-doktorhut { content: '\\e876'; }\n@mixin pictogram-personen-suche-a { content: '\\e877'; }\n@mixin pictogram-personen-suche-b { content: '\\e878'; }\n@mixin pictogram-pusteblume { content: '\\e879'; }\n@mixin pictogram-rakete-a { content: '\\e87a'; }\n@mixin pictogram-rakete-b { content: '\\e87b'; }\n@mixin pictogram-rednerpult { content: '\\e87c'; }\n@mixin pictogram-rettungsring { content: '\\e87d'; }\n@mixin pictogram-roboter { content: '\\e87e'; }\n@mixin pictogram-s-bahn { content: '\\e87f'; }\n@mixin pictogram-smilie { content: '\\e880'; }\n@mixin pictogram-social-facebook { content: '\\e881'; }\n@mixin pictogram-social-instagram { content: '\\e882'; }\n@mixin pictogram-social-linkedin { content: '\\e883'; }\n@mixin pictogram-social-twitter { content: '\\e884'; }\n@mixin pictogram-social-youtube { content: '\\e885'; }\n@mixin pictogram-solidaritaetsschleife { content: '\\e886'; }\n@mixin pictogram-stadt { content: '\\e887'; }\n@mixin pictogram-standort { content: '\\e888'; }\n@mixin pictogram-stern { content: '\\e889'; }\n@mixin pictogram-steuerung { content: '\\e88a'; }\n@mixin pictogram-stoppuhr { content: '\\e88b'; }\n@mixin pictogram-strommast { content: '\\e88c'; }\n@mixin pictogram-system-prozess { content: '\\e88d'; }\n@mixin pictogram-teamwork-team-zusammenarbeit { content: '\\e88e'; }\n@mixin pictogram-teller-besteck { content: '\\e88f'; }\n@mixin pictogram-treppe { content: '\\e890'; }\n@mixin pictogram-tropfen-a { content: '\\e891'; }\n@mixin pictogram-tropfen-b { content: '\\e892'; }\n@mixin pictogram-tulpe { content: '\\e893'; }\n@mixin pictogram-veranstaltung-intern-beruf { content: '\\e894'; }\n@mixin pictogram-veranstaltung-intern-feier { content: '\\e895'; }\n@mixin pictogram-videocall-a { content: '\\e896'; }\n@mixin pictogram-videocall-b { content: '\\e897'; }\n@mixin pictogram-videos { content: '\\e898'; }\n@mixin pictogram-virus { content: '\\e899'; }\n@mixin pictogram-waage { content: '\\e89a'; }\n@mixin pictogram-wegweiser-a { content: '\\e89b'; }\n@mixin pictogram-wegweiser-b { content: '\\e89c'; }\n@mixin pictogram-weltkugel-mit-flamme { content: '\\e89d'; }\n@mixin pictogram-weltkugel-mit-koffer { content: '\\e89e'; }\n@mixin pictogram-weltkugel { content: '\\e89f'; }\n@mixin pictogram-werkzeug { content: '\\e8a0'; }\n@mixin pictogram-windrad-a { content: '\\e8a1'; }\n@mixin pictogram-windrad-b { content: '\\e8a2'; }\n@mixin pictogram-wolke-mit-herz-und-sonne { content: '\\e8a3'; }\n@mixin pictogram-zeitung { content: '\\e8a4'; }\n\n@mixin icon-fa-play-circled2 { content: '\\e800'; }\n@mixin icon-fa-play { content: '\\e801'; }\n@mixin icon-fa-basket { content: '\\e843'; }\n@mixin icon-fa-play-circled { content: '\\f144'; }\n@mixin icon-fa-cart-plus { content: '\\f217'; }\n@mixin icon-fa-cart-arrow-down { content: '\\f218'; }\n\n@mixin icon-galerie-small { content: '\\e870'; }\n@mixin icon-interaction-small { content: '\\e871'; }\n@mixin icon-video-small { content: '\\e872'; }\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]); \ No newline at end of file diff --git a/gfi-ihk-2024/storybook-static/7824.20806cf2.iframe.bundle.js b/gfi-ihk-2024/storybook-static/7824.20806cf2.iframe.bundle.js new file mode 100644 index 0000000..e769e84 --- /dev/null +++ b/gfi-ihk-2024/storybook-static/7824.20806cf2.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[7824],{"./stories/components/card/CardComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{L:()=>createCard});__webpack_require__("./node_modules/core-js/modules/es.string.link.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),card=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/card/card.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(card.Z,options);card.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),createCard=function createCard(_ref){var _ref$image=_ref.image,image=void 0===_ref$image?"./dummy/why-elect.jpg":_ref$image,_ref$copyright=_ref.copyright,copyright=void 0===_ref$copyright?"@ shutterstock.com":_ref$copyright,_ref$kicker=_ref.kicker,kicker=void 0===_ref$kicker?"Praxis & Ratgeber":_ref$kicker,_ref$headline=_ref.headline,headline=void 0===_ref$headline?"Jetzt Teil der IHK-Kampagne werden":_ref$headline,_ref$link=_ref.link,link=void 0===_ref$link?"http://www.ihk24.de":_ref$link,card=(0,helpers.az)("div",["card"],null),cardInner=(0,helpers.az)("a",["card-inner"],null,card);cardInner.href=link;var imageBox=(0,helpers.az)("div",["image-box"],"",cardInner);((0,helpers.Bi)(image,700,470,"",[],imageBox),copyright&©right.length>0)&&((0,helpers.az)("span",["copyright"],copyright,imageBox).setAttribute("aria-hidden","true"),(0,helpers.az)("span",["sr-only"],copyright,imageBox));var textBox=(0,helpers.az)("div",["text-box"],null,cardInner);return kicker&&kicker.length>0&&(0,helpers.az)("span",["kicker"],kicker,textBox),(0,helpers.az)("div",["like-h4"],headline,textBox),card}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/card/card.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,'.card-inner{display:block;max-width:350px;background:var(--theme-color-primary);border-radius:16px}@media(max-width: 645px){.card-inner{max-width:230px}}.card-inner:hover{text-decoration:none}.card .image-box{overflow:hidden;height:233px;position:relative;border-top-left-radius:16px;border-top-right-radius:16px}@media(max-width: 645px){.card .image-box{height:153px}}.card .image-box img{width:100%;height:100%;object-fit:cover;border-top-left-radius:16px;border-top-right-radius:16px;transition:all .3s ease-in-out}.card .image-box .copyright{position:absolute;display:block;left:100%;bottom:0;font-size:12px;text-align:left;line-height:1.2;z-index:2;transform-origin:0 100%;transform:rotate(-90deg);transition:.3s ease;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.6);width:calc(66.6% + 7px);padding:8px 18px;margin-bottom:8px}.card .text-box{position:relative;height:197px;padding:0 25px;color:var(--theme-color-white);border-bottom-left-radius:16px;border-bottom-right-radius:16px;background:var(--theme-color-gradient-01);background:linear-gradient(162deg, var(--theme-color-gradient-01) 50%, var(--theme-color-gradient-02) 98%, var(--theme-color-gradient-03) 100%)}@media(max-width: 645px){.card .text-box{height:130px}}.card .text-box:before{content:"";position:absolute;left:0;top:-34px;width:100%;height:34px;clip-path:path("M 0 15.88 C 112.843 -4.02 237.282 -3.95 350 15.88 L 350 234 L 0 234 Z");background:var(--theme-color-gradient-01)}.card .text-box .like-h4{text-decoration:underline;margin:0}.card:hover .card-inner .image-box img{scale:1.1}.card.extern .card-inner .like-h4:after,.card.download .card-inner .like-h4:after,.card.intranet .card-inner .like-h4:after,.card.gallery .card-inner .like-h4:after,.card.interaction .card-inner .like-h4:after,.card.video .card-inner .like-h4:after{content:"";font-family:"Icons",sans-serif;position:relative;font-size:var(--icon-size-small);line-height:1;text-decoration:none;display:inline-block;vertical-align:top;margin-left:.2em}@media(min-width: 983px){.card.extern .card-inner .like-h4:after,.card.download .card-inner .like-h4:after,.card.intranet .card-inner .like-h4:after,.card.gallery .card-inner .like-h4:after,.card.interaction .card-inner .like-h4:after,.card.video .card-inner .like-h4:after{margin-top:.1rem}}@media(min-width: 1340px){.card.extern .card-inner .like-h4:after,.card.download .card-inner .like-h4:after,.card.intranet .card-inner .like-h4:after,.card.gallery .card-inner .like-h4:after,.card.interaction .card-inner .like-h4:after,.card.video .card-inner .like-h4:after{margin-top:.27rem}}.card.extern .card-inner .like-h4:after{content:""}.card.download .card-inner .like-h4:after{content:""}.card.intranet .card-inner .like-h4:after{content:""}.card.gallery .card-inner .like-h4:after{content:""}.card.interaction .card-inner .like-h4:after{content:""}.card.video .card-inner .like-h4:after{content:""}',"",{version:3,sources:["webpack://./stories/components/card/card.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAAA,YAIE,aACE,CAAA,eACA,CAAA,qCACA,CAAA,kBACA,CAAA,yBACA,YALF,eAMI,CAAA,CAAA,kBAGF,oBACE,CAAA,iBAIJ,eACE,CAAA,YACA,CAAA,iBACA,CAAA,2BACA,CAAA,4BACA,CAAA,yBACA,iBANF,YAOI,CAAA,CAAA,qBAGF,UACE,CAAA,WACA,CAAA,gBACA,CAAA,2BACA,CAAA,4BACA,CAAA,8BACA,CAAA,4BAGF,iBCoEF,CAAA,aACA,CAAA,SACA,CAAA,QACA,CAAA,cACA,CAAA,eACA,CAAA,eACA,CAAA,SACA,CAAA,uBACA,CAAA,wBACA,CAAA,mBACA,CAAA,UAEA,CAAA,yDACA,CAAA,uBACA,CAAA,gBACA,CAAA,iBDjFI,CAAA,gBAIJ,iBACE,CAAA,YACA,CAAA,cACA,CAAA,8BACA,CAAA,8BACA,CAAA,+BACA,CAAA,yCACA,CAAA,+IACA,CAAA,yBACA,gBATF,YAUI,CAAA,CAAA,uBAGF,UACE,CAAA,iBACA,CAAA,MACA,CAAA,SACA,CAAA,UACA,CAAA,WACA,CAAA,uFACA,CAAA,yCACA,CAAA,yBAOF,yBACE,CAAA,QACA,CAAA,uCAOE,SACE,CAAA,yPAeF,WCyLkB,CAAA,8BDvLhB,CAAA,iBACA,CAAA,gCACA,CAAA,aACA,CAAA,oBACA,CAAA,oBACA,CAAA,kBACA,CAAA,gBACA,CAAA,yBACA,yPAVF,gBAWI,CAAA,CAAA,0BAEF,yPAbF,iBAcI,CAAA,CAAA,wCASJ,WC6J0B,CAAA,0CDpJ1B,WCgJqB,CAAA,0CDvIrB,WC+IoB,CAAA,yCDtIpB,WC6VoB,CAAA,6CDpVpB,WCqVwB,CAAA,uCD5UxB,WC6UkB",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.card {\n &-inner {\n display: block;\n max-width: 350px;\n background: var(--theme-color-primary);\n border-radius: 16px;\n @media(max-width: 645px) {\n max-width: 230px;\n }\n\n &:hover {\n text-decoration: none;\n }\n }\n\n .image-box {\n overflow: hidden;\n height: 233px;\n position: relative;\n border-top-left-radius: 16px;\n border-top-right-radius: 16px;\n @media(max-width: 645px) {\n height: 153px;\n }\n\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-top-left-radius: 16px;\n border-top-right-radius: 16px;\n transition: all 0.3s ease-in-out;\n }\n\n .copyright {\n @include copyright;\n margin-bottom: 8px;\n }\n }\n\n .text-box {\n position: relative;\n height: 197px;\n padding: 0 25px;\n color: var(--theme-color-white);\n border-bottom-left-radius: 16px;\n border-bottom-right-radius: 16px;\n background: var(--theme-color-gradient-01);\n background: linear-gradient(162deg, var(--theme-color-gradient-01) 50%, var(--theme-color-gradient-02) 98%, var(--theme-color-gradient-03) 100%);\n @media(max-width: 645px) {\n height: 130px;\n }\n\n &:before {\n content: '';\n position: absolute;\n left: 0;\n top: -34px;\n width: 100%;\n height: 34px;\n clip-path: path('M 0 15.88 C 112.843 -4.02 237.282 -3.95 350 15.88 L 350 234 L 0 234 Z');\n background: var(--theme-color-gradient-01);\n }\n\n .kicker {\n\n }\n\n .like-h4 {\n text-decoration: underline;\n margin: 0;\n }\n }\n\n &:hover {\n .card-inner {\n .image-box {\n img {\n scale: 1.1;\n }\n }\n }\n }\n\n\n &.extern,\n &.download,\n &.intranet,\n &.gallery,\n &.interaction,\n &.video {\n .card-inner {\n .like-h4 {\n &:after {\n @include icon-small-stern;\n font-family: 'Icons', sans-serif;\n position: relative;\n font-size: var(--icon-size-small);\n line-height: 1;\n text-decoration: none;\n display: inline-block;\n vertical-align: top;\n margin-left: 0.2em;\n @media(min-width: 983px) {\n margin-top: 0.1rem;\n }\n @media(min-width: 1340px) {\n margin-top: 0.27rem;\n }\n }\n }\n }\n }\n &.extern {\n .card-inner {\n .like-h4 {\n &:after {\n @include icon-small-link-external;\n }\n }\n }\n }\n &.download {\n .card-inner {\n .like-h4 {\n &:after {\n @include icon-small-download;\n }\n }\n }\n }\n &.intranet {\n .card-inner {\n .like-h4 {\n &:after {\n @include icon-small-schloss;\n }\n }\n }\n }\n &.gallery {\n .card-inner {\n .like-h4 {\n &:after {\n @include icon-galerie-small;\n }\n }\n }\n }\n &.interaction {\n .card-inner {\n .like-h4 {\n &:after {\n @include icon-interaction-small;\n }\n }\n }\n }\n &.video {\n .card-inner {\n .like-h4 {\n &:after {\n @include icon-video-small;\n }\n }\n }\n }\n}","@mixin h1 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h1);\n line-height: 1.1;\n font-weight: 400;\n margin: 0.6em -0.05em 0.5em;\n\n &:first-child {\n margin-top: -0.1em;\n }\n}\n\n@mixin h2 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h2);\n line-height: 1.2;\n font-weight: 400;\n margin: 1.4em -0.05em 0.6em;\n}\n\n@mixin h3 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h3);\n line-height: 1.2;\n font-weight: 400;\n margin: 1.4em -0.05em 0.6em;\n}\n\n@mixin h4 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h4);\n font-style: normal;\n font-weight: normal;\n line-height: 1.2;\n margin: 1.4em -0.05em 0.8em;\n}\n\n@mixin h5 {\n font-family: var(--font-korb);\n font-size: 22px;\n line-height: 1.2;\n font-weight: 400;\n margin: 1em 0 0.6em;\n\n @media(max-width: 1339px) {\n font-size: 20px;\n }\n @media(max-width: 767px) {\n font-size: 18px;\n }\n}\n\n@mixin h6 {\n font-size: inherit;\n line-height: 1.4;\n font-weight: 600;\n margin: 1.2em 0 0.5em;\n}\n\n@mixin kicker {\n display: block;\n font-size: 16px;\n //text-transform: uppercase;\n margin-bottom: 2px;\n letter-spacing: 0.3px;\n\n @media(max-width: 767px) {\n font-size: 14px;\n }\n\n + h1,\n + .like-h1 {\n margin-top: 0.1em;\n }\n\n + h2, + .like-h2,\n + h3, + .like-h3,\n + h4 + .like-h4, {\n margin-top: 0.2em;\n }\n}\n\n@mixin hide($delay: 0s) {\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n transition: opacity 0.4s ease $delay, visibility $delay ease 0.4s, transform 0.4s ease $delay;\n}\n\n@mixin show($delay: 0s) {\n opacity: 1;\n visibility: visible;\n pointer-events: all;\n transition: opacity 0.4s ease $delay, visibility 0s ease $delay, transform 0.4s ease $delay;\n}\n\n@mixin full-size {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n\n@mixin copyright {\n position: absolute;\n display: block;\n left: 100%;\n bottom: 0;\n font-size: 12px;\n text-align: left;\n line-height: 1.2;\n z-index: 2;\n transform-origin: 0 100%;\n transform: rotate(-90deg);\n transition: 0.3s ease;\n\n color: white;\n text-shadow: 0 0 3px rgba(black, 0.6), 0 0 8px rgba(black, 0.6);\n width: calc(66.6% + 7px);\n padding: 8px 18px;\n\n //color: var(--theme-color-white);\n //text-shadow: -2px 2px 0 #000;\n //padding: 2px 6px 2px 4px;\n //background: #012d59;\n //white-space: nowrap;\n //max-width: calc(66.6% + 7px);\n //overflow: hidden;\n //\n //@media(max-width: 767px) {\n // font-size: 10px;\n // max-width: 100%;\n //}\n}\n\n@mixin form-field {\n --input-height: 60px;\n position: relative;\n display: block;\n width: 100%;\n height: var(--input-height);\n background-color: var(--theme-color-white);\n border: 1px solid var(--theme-color-primary);\n border-radius: var(--border-radius-xs);\n padding: 10px 15px;\n font-family: 'Source Sans Pro', sans-serif;\n font-size: var(--font-size-copy);\n line-height: 1.4;\n transition: 0.3s ease;\n color: var(--theme-color-primary);\n\n &:focus {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n\n @media(max-width: 1199px) {\n --input-height: 50px;\n }\n @media(max-width: 767px) {\n --input-height: 44px;\n }\n}\n\n@mixin focus-visible($inset: false) {\n @if $inset {\n &.focus-visible:focus {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n &:focus-visible, &.-moz-focusring {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n }\n @else {\n &.focus-visible:focus {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n &:focus-visible, &.-moz-focusring {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n }\n}\n\n@mixin focus-standalone($inset: false) {\n @if $inset {\n box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n @else {\n box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n outline: 0;\n }\n}\n\n@mixin word-wrap() {\n word-break: break-word;\n -webkit-hyphens: auto;\n -moz-hyphens: auto;\n hyphens: auto;\n}\n\n// ICONS\n@mixin icon-ankerlink { content: '\\e800'; }\n@mixin icon-barrierefreiheit { content: '\\e801'; }\n@mixin icon-chat { content: '\\e802'; }\n@mixin icon-check { content: '\\e803'; }\n@mixin icon-checkbox-liste-1 { content: '\\e804'; }\n@mixin icon-content-schloss { content: '\\e805'; }\n@mixin icon-content { content: '\\e807'; }\n@mixin icon-dauer { content: '\\e808'; }\n@mixin icon-download { content: '\\e809'; }\n@mixin icon-dropdown { content: '\\e80a'; }\n@mixin icon-drucker { content: '\\e80b'; }\n@mixin icon-email { content: '\\e80c'; }\n@mixin icon-fax { content: '\\e80d'; }\n@mixin icon-freie-plaetze { content: '\\e80e'; }\n@mixin icon-galerie { content: '\\e80f'; }\n@mixin icon-gebaerdensprache { content: '\\e810'; }\n@mixin icon-geschlossen { content: '\\e811'; }\n@mixin icon-ihk-wechseln { content: '\\e812'; }\n@mixin icon-info { content: '\\e813'; }\n@mixin icon-kalender { content: '\\e814'; }\n@mixin icon-kartenpin { content: '\\e815'; }\n@mixin icon-kontakt { content: '\\e816'; }\n@mixin icon-laden { content: '\\e817'; }\n@mixin icon-leichte-sprache { content: '\\e818'; }\n@mixin icon-link-external { content: '\\e819'; }\n@mixin icon-liste-schloss { content: '\\e81a'; }\n@mixin icon-liste-stern { content: '\\e81b'; }\n@mixin icon-liste { content: '\\e81c'; }\n@mixin icon-loeschen { content: '\\e81d'; }\n@mixin icon-login { content: '\\e81e'; }\n@mixin icon-minus { content: '\\e81f'; }\n@mixin icon-pdf { content: '\\e820'; }\n@mixin icon-pfeil-links { content: '\\e821'; }\n@mixin icon-pfeil-oben { content: '\\e822'; }\n@mixin icon-pfeil-rechts-schloss { content: '\\e823'; }\n@mixin icon-pfeil-rechts-stern { content: '\\e824'; }\n@mixin icon-pfeil-rechts { content: '\\e825'; }\n@mixin icon-pfeil-simple-rechts { content: '\\e826'; }\n@mixin icon-pfeil-unten { content: '\\e827'; }\n@mixin icon-plus { content: '\\e828'; }\n@mixin icon-preis { content: '\\e829'; }\n@mixin icon-referent { content: '\\e82a'; }\n@mixin icon-reset { content: '\\e82b'; }\n@mixin icon-sanduhr { content: '\\e82c'; }\n@mixin icon-schliessen { content: '\\e82d'; }\n@mixin icon-schloss { content: '\\e82e'; }\n@mixin icon-sprache { content: '\\e82f'; }\n@mixin icon-stern { content: '\\e830'; }\n@mixin icon-suche-adresse { content: '\\e831'; }\n@mixin icon-suche-archiv { content: '\\e832'; }\n@mixin icon-suche-az { content: '\\e833'; }\n@mixin icon-suche-chat { content: '\\e834'; }\n@mixin icon-suche-datei { content: '\\e835'; }\n@mixin icon-suche-firma { content: '\\e836'; }\n@mixin icon-suche-magazin { content: '\\e837'; }\n@mixin icon-suche-mail { content: '\\e838'; }\n@mixin icon-suche-person { content: '\\e839'; }\n@mixin icon-suche-schloss { content: '\\e83a'; }\n@mixin icon-suche-veranstaltung { content: '\\e83b'; }\n@mixin icon-suche { content: '\\e83c'; }\n@mixin icon-teilnehmer-add { content: '\\e83d'; }\n@mixin icon-telefon { content: '\\e83e'; }\n@mixin icon-vcard { content: '\\e83f'; }\n@mixin icon-small-arrow-right-simple { content: '\\e840'; }\n@mixin icon-small-barrierefreiheit { content: '\\e841'; }\n@mixin icon-small-download { content: '\\e842'; }\n@mixin icon-small-gebaerdensprache { content: '\\e843'; }\n@mixin icon-small-kontakt { content: '\\e844'; }\n@mixin icon-small-leichte-sprache { content: '\\e845'; }\n@mixin icon-small-link-external { content: '\\e846'; }\n@mixin icon-small-login { content: '\\e847'; }\n@mixin icon-small-pfeil-rechts { content: '\\e848'; }\n@mixin icon-small-sprache { content: '\\e849'; }\n@mixin icon-small-schloss { content: '\\e84a'; }\n@mixin icon-small-stern { content: '\\e84b'; }\n@mixin icon-teilen { content: '\\e84c'; }\n@mixin icon-social-telegram { content: '\\e84d'; }\n@mixin icon-social-threema { content: '\\e84e'; }\n@mixin icon-social-whatsapp { content: '\\e84f'; }\n@mixin icon-suche-big { content: '\\e850'; }\n@mixin icon-xsmall-pin { content: '\\e851'; }\n@mixin icon-check-1 { content: '\\e852'; }\n@mixin icon-xsmall-euro { content: '\\e853'; }\n@mixin icon-xsmall-geschlossen { content: '\\e854'; }\n@mixin icon-xsmall-kalender { content: '\\e855'; }\n@mixin icon-xsmall-liste { content: '\\e856'; }\n@mixin icon-xsmall-offen { content: '\\e857'; }\n@mixin icon-xsmall-uhr { content: '\\e858'; }\n@mixin icon-social-facebook { content: '\\e859'; }\n@mixin icon-liste-1 { content: '\\e85a'; }\n@mixin icon-social-linkedin { content: '\\e85b'; }\n@mixin icon-social-pinterest { content: '\\e85c'; }\n@mixin icon-social_x { content: '\\e85d'; }\n@mixin icon-social-xing { content: '\\e85e'; }\n@mixin icon-zoom { content: '\\e85f'; }\n@mixin icon-social-youtube { content: '\\e860'; }\n@mixin icon-social-instagram { content: '\\e861'; }\n@mixin icon-faq { content: '\\e869'; }\n@mixin icon-checkbox-liste { content: '\\e86a'; }\n@mixin icon-content-stern { content: '\\e86b'; }\n@mixin icon-small-election-group { content: '\\e86c'; }\n@mixin icon-small-icon-election-location { content: '\\e86e'; }\n@mixin icon-userlike { content: '\\e8c6'; }\n@mixin icon-userlike-chat { content: '\\e8c7'; }\n@mixin icon-magazine { content: '\\e8c8'; }\n@mixin icon-lokalisierung { content: '\\e8c9'; }\n@mixin icon-login-flyout { content: '\\e8ca'; }\n@mixin icon-login-header { content: '\\e8cb'; }\n@mixin icon-social-twitter { content: '\\e85d'; }\n@mixin icon-play { content: '\\e86d'; }\n@mixin icon-pause { content: '\\e806'; }\n@mixin icon-volume-mute { content: '\\e862'; }\n@mixin icon-volume-on { content: '\\e86f'; }\n@mixin icon-ankerlink-right { content: '\\e873'; }\n\n// PICTOGRAMS\n@mixin pictogram-achtung { content: '\\e800'; }\n@mixin pictogram-achtung-strom { content: '\\e801'; }\n@mixin pictogram-aeskulapstab { content: '\\e802'; }\n@mixin pictogram-anker { content: '\\e803'; }\n@mixin pictogram-anstossen { content: '\\e804'; }\n@mixin pictogram-arbeitsplatz { content: '\\e805'; }\n@mixin pictogram-auktionshammer { content: '\\e806'; }\n@mixin pictogram-batterie { content: '\\e807'; }\n@mixin pictogram-ausruf { content: '\\e808'; }\n@mixin pictogram-bauhelm { content: '\\e809'; }\n@mixin pictogram-benefit-vorteil-geschenk { content: '\\e80a'; }\n@mixin pictogram-bett { content: '\\e80b'; }\n@mixin pictogram-blatt { content: '\\e80c'; }\n@mixin pictogram-blume { content: '\\e80d'; }\n@mixin pictogram-blume-b { content: '\\e80e'; }\n@mixin pictogram-brief { content: '\\e80f'; }\n@mixin pictogram-brille-auf-buch { content: '\\e810'; }\n@mixin pictogram-bueroklammer { content: '\\e811'; }\n@mixin pictogram-bus { content: '\\e812'; }\n@mixin pictogram-container { content: '\\e813'; }\n@mixin pictogram-containerschiff { content: '\\e815'; }\n@mixin pictogram-daumen-hoch-a { content: '\\e816'; }\n@mixin pictogram-daumen-hoch-c { content: '\\e817'; }\n@mixin pictogram-daumen-hoch-b { content: '\\e818'; }\n@mixin pictogram-diagramm-mit-text { content: '\\e819'; }\n@mixin pictogram-diagramm-torte { content: '\\e81a'; }\n@mixin pictogram-diagramm-verlust { content: '\\e81b'; }\n@mixin pictogram-diagramm-wachstum { content: '\\e81c'; }\n@mixin pictogram-diagramm { content: '\\e81d'; }\n@mixin pictogram-co2 { content: '\\e814'; }\n@mixin pictogram-dokument-a { content: '\\e81e'; }\n@mixin pictogram-dokument-b { content: '\\e81f'; }\n@mixin pictogram-dokument-c { content: '\\e820'; }\n@mixin pictogram-e-auto { content: '\\e821'; }\n@mixin pictogram-e-learning { content: '\\e822'; }\n@mixin pictogram-einkaufstasche-mit-eurozeichen { content: '\\e824'; }\n@mixin pictogram-einkaufstasche { content: '\\e825'; }\n@mixin pictogram-einkaufswagen { content: '\\e826'; }\n@mixin pictogram-eu-emblem-brexit { content: '\\e827'; }\n@mixin pictogram-eu-emblem { content: '\\e828'; }\n@mixin pictogram-eule { content: '\\e829'; }\n@mixin pictogram-fabrik { content: '\\e82a'; }\n@mixin pictogram-fahne-horizontal-gestreift { content: '\\e82b'; }\n@mixin pictogram-fahne-kreuz { content: '\\e82c'; }\n@mixin pictogram-fahne-neutral { content: '\\e82d'; }\n@mixin pictogram-fahne-vertikal-gestreift { content: '\\e82e'; }\n@mixin pictogram-fahrrad-jobrad-dienstfahrrad { content: '\\e82f'; }\n@mixin pictogram-fahrrad-sportlich { content: '\\e830'; }\n@mixin pictogram-fahrrad { content: '\\e831'; }\n@mixin pictogram-faq-a { content: '\\e832'; }\n@mixin pictogram-faq-b { content: '\\e833'; }\n@mixin pictogram-fernglas { content: '\\e834'; }\n@mixin pictogram-fisch-frisst-fisch { content: '\\e835'; }\n@mixin pictogram-flugzeug { content: '\\e836'; }\n@mixin pictogram-frage { content: '\\e837'; }\n@mixin pictogram-fragezeichen { content: '\\e838'; }\n@mixin pictogram-geld-zuschuss-foerderung { content: '\\e839'; }\n@mixin pictogram-geldsack { content: '\\e83a'; }\n@mixin pictogram-freiheitsstatue { content: '\\e83b'; }\n@mixin pictogram-gruppe-gespraech { content: '\\e83c'; }\n@mixin pictogram-gruppe-idee { content: '\\e83d'; }\n@mixin pictogram-globus { content: '\\e83e'; }\n@mixin pictogram-gutschein-zuschuss-benefit { content: '\\e83f'; }\n@mixin pictogram-hand-a { content: '\\e840'; }\n@mixin pictogram-hand-b { content: '\\e841'; }\n@mixin pictogram-hand-c { content: '\\e842'; }\n@mixin pictogram-hand-geben { content: '\\e843'; }\n@mixin pictogram-hand-mit-werkzeug { content: '\\e844'; }\n@mixin pictogram-hand-gespreizt { content: '\\e845'; }\n@mixin pictogram-hand-zeigen-b { content: '\\e846'; }\n@mixin pictogram-hand-zeigen-a { content: '\\e847'; }\n@mixin pictogram-hand-zeigen-c { content: '\\e848'; }\n@mixin pictogram-handschlag-a { content: '\\e849'; }\n@mixin pictogram-handschlag-b { content: '\\e84a'; }\n@mixin pictogram-handschlag-c { content: '\\e84b'; }\n@mixin pictogram-heft { content: '\\e84c'; }\n@mixin pictogram-idee { content: '\\e84d'; }\n@mixin pictogram-ihk-chemnitz-a { content: '\\e84e'; }\n@mixin pictogram-ihk-chemnitz-b { content: '\\e84f'; }\n@mixin pictogram-ihk-chemnitz-c { content: '\\e850'; }\n@mixin pictogram-ihk-giessen-friedberg { content: '\\e851'; }\n@mixin pictogram-ihk-hagen { content: '\\e852'; }\n@mixin pictogram-ihk-heilbronn-franken { content: '\\e853'; }\n@mixin pictogram-ihk-köln { content: '\\e854'; }\n@mixin pictogram-ihk-rhein-neckar { content: '\\e855'; }\n@mixin pictogram-ihk-stuttgart { content: '\\e856'; }\n@mixin pictogram-ihk-wahl { content: '\\e857'; }\n@mixin pictogram-information { content: '\\e858'; }\n@mixin pictogram-kalender { content: '\\e859'; }\n@mixin pictogram-karte { content: '\\e85a'; }\n@mixin pictogram-koepfe-mit-sprechblase { content: '\\e85b'; }\n@mixin pictogram-kerze { content: '\\e85c'; }\n@mixin pictogram-kopf-mit-formel { content: '\\e85d'; }\n@mixin pictogram-kran { content: '\\e85e'; }\n@mixin pictogram-kuchen { content: '\\e85f'; }\n@mixin pictogram-labyrinth { content: '\\e860'; }\n@mixin pictogram-lkw { content: '\\e861'; }\n@mixin pictogram-maske { content: '\\e862'; }\n@mixin pictogram-megaphon { content: '\\e863'; }\n@mixin pictogram-mikrofon { content: '\\e864'; }\n@mixin pictogram-paket-mit-euro { content: '\\e865'; }\n@mixin pictogram-paket { content: '\\e866'; }\n@mixin pictogram-paragraph { content: '\\e867'; }\n@mixin pictogram-persoenliche_entwicklung { content: '\\e868'; }\n@mixin pictogram-person-an-tafel-a { content: '\\e869'; }\n@mixin pictogram-person-an-tafel-b { content: '\\e86a'; }\n@mixin pictogram-person-auf-schild { content: '\\e86b'; }\n@mixin pictogram-person-mit-brille-a { content: '\\e86c'; }\n@mixin pictogram-person-mit-brille-b { content: '\\e86d'; }\n@mixin pictogram-person-mit-buch { content: '\\e86e'; }\n@mixin pictogram-person-mit-doktorhut-a { content: '\\e86f'; }\n@mixin pictogram-person-mit-doktorhut-b { content: '\\e870'; }\n@mixin pictogram-person-mit-headset { content: '\\e871'; }\n@mixin pictogram-person-mit-uniform-a { content: '\\e872'; }\n@mixin pictogram-person-mit-uniform-b { content: '\\e873'; }\n@mixin pictogram-person { content: '\\e874'; }\n@mixin pictogram-personen-mit-brieftasche { content: '\\e875'; }\n@mixin pictogram-personen-mit-doktorhut { content: '\\e876'; }\n@mixin pictogram-personen-suche-a { content: '\\e877'; }\n@mixin pictogram-personen-suche-b { content: '\\e878'; }\n@mixin pictogram-pusteblume { content: '\\e879'; }\n@mixin pictogram-rakete-a { content: '\\e87a'; }\n@mixin pictogram-rakete-b { content: '\\e87b'; }\n@mixin pictogram-rednerpult { content: '\\e87c'; }\n@mixin pictogram-rettungsring { content: '\\e87d'; }\n@mixin pictogram-roboter { content: '\\e87e'; }\n@mixin pictogram-s-bahn { content: '\\e87f'; }\n@mixin pictogram-smilie { content: '\\e880'; }\n@mixin pictogram-social-facebook { content: '\\e881'; }\n@mixin pictogram-social-instagram { content: '\\e882'; }\n@mixin pictogram-social-linkedin { content: '\\e883'; }\n@mixin pictogram-social-twitter { content: '\\e884'; }\n@mixin pictogram-social-youtube { content: '\\e885'; }\n@mixin pictogram-solidaritaetsschleife { content: '\\e886'; }\n@mixin pictogram-stadt { content: '\\e887'; }\n@mixin pictogram-standort { content: '\\e888'; }\n@mixin pictogram-stern { content: '\\e889'; }\n@mixin pictogram-steuerung { content: '\\e88a'; }\n@mixin pictogram-stoppuhr { content: '\\e88b'; }\n@mixin pictogram-strommast { content: '\\e88c'; }\n@mixin pictogram-system-prozess { content: '\\e88d'; }\n@mixin pictogram-teamwork-team-zusammenarbeit { content: '\\e88e'; }\n@mixin pictogram-teller-besteck { content: '\\e88f'; }\n@mixin pictogram-treppe { content: '\\e890'; }\n@mixin pictogram-tropfen-a { content: '\\e891'; }\n@mixin pictogram-tropfen-b { content: '\\e892'; }\n@mixin pictogram-tulpe { content: '\\e893'; }\n@mixin pictogram-veranstaltung-intern-beruf { content: '\\e894'; }\n@mixin pictogram-veranstaltung-intern-feier { content: '\\e895'; }\n@mixin pictogram-videocall-a { content: '\\e896'; }\n@mixin pictogram-videocall-b { content: '\\e897'; }\n@mixin pictogram-videos { content: '\\e898'; }\n@mixin pictogram-virus { content: '\\e899'; }\n@mixin pictogram-waage { content: '\\e89a'; }\n@mixin pictogram-wegweiser-a { content: '\\e89b'; }\n@mixin pictogram-wegweiser-b { content: '\\e89c'; }\n@mixin pictogram-weltkugel-mit-flamme { content: '\\e89d'; }\n@mixin pictogram-weltkugel-mit-koffer { content: '\\e89e'; }\n@mixin pictogram-weltkugel { content: '\\e89f'; }\n@mixin pictogram-werkzeug { content: '\\e8a0'; }\n@mixin pictogram-windrad-a { content: '\\e8a1'; }\n@mixin pictogram-windrad-b { content: '\\e8a2'; }\n@mixin pictogram-wolke-mit-herz-und-sonne { content: '\\e8a3'; }\n@mixin pictogram-zeitung { content: '\\e8a4'; }\n\n@mixin icon-fa-play-circled2 { content: '\\e800'; }\n@mixin icon-fa-play { content: '\\e801'; }\n@mixin icon-fa-basket { content: '\\e843'; }\n@mixin icon-fa-play-circled { content: '\\f144'; }\n@mixin icon-fa-cart-plus { content: '\\f217'; }\n@mixin icon-fa-cart-arrow-down { content: '\\f218'; }\n\n@mixin icon-galerie-small { content: '\\e870'; }\n@mixin icon-interaction-small { content: '\\e871'; }\n@mixin icon-video-small { content: '\\e872'; }\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]); \ No newline at end of file diff --git a/gfi-ihk-2024/storybook-static/8523.6d00ec20.iframe.bundle.js b/gfi-ihk-2024/storybook-static/8523.b535ddd3.iframe.bundle.js similarity index 74% rename from gfi-ihk-2024/storybook-static/8523.6d00ec20.iframe.bundle.js rename to gfi-ihk-2024/storybook-static/8523.b535ddd3.iframe.bundle.js index ba7a41f..e30fced 100644 --- a/gfi-ihk-2024/storybook-static/8523.6d00ec20.iframe.bundle.js +++ b/gfi-ihk-2024/storybook-static/8523.b535ddd3.iframe.bundle.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[8523],{"./stories/_global/scripts/helpers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{az:()=>createElement,Bi:()=>createImage,Ok:()=>createSidebarPage,uf:()=>formatNumber,eY:()=>getUrlParam,ES:()=>getUrlVars});__webpack_require__("./node_modules/core-js/modules/es.array.map.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.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.url.js"),__webpack_require__("./node_modules/core-js/modules/web.url-search-params.js");var jquery=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery_default=__webpack_require__.n(jquery),HeaderComponent=__webpack_require__("./stories/components/header/HeaderComponent.js"),FooterComponent=__webpack_require__("./stories/components/footer/FooterComponent.js"),PageDetailsComponent=__webpack_require__("./stories/components/page-details/PageDetailsComponent.js");__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.to-primitive.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-primitive.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");function _defineProperties(target,props){for(var i=0;i1&&void 0!==arguments[1]?arguments[1]:[],content=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",parentElement=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,styles=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,el=document.createElement(tag);return el.innerHTML=content,styles&&(el.style=styles),classes.map((function(c){el.classList.add(c)})),parentElement&&parentElement.appendChild(el),el}function createImage(){var src=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",width=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,height=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,classes=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],parentElement=arguments.length>5&&void 0!==arguments[5]?arguments[5]:null,loading=arguments.length>6&&void 0!==arguments[6]?arguments[6]:"lazy",img=new Image;return img.src=src,img.width=width,img.height=height,img.loading=loading,img.classList.add("loading"),classes.map((function(c){img.classList.add(c)})),parentElement&&parentElement.appendChild(img),img.addEventListener("load",(function(e){img.classList.add("loaded"),img.classList.remove("loading")})),img}jquery_default()("body").on("ihk-init dynamic-component-loaded",(function(){jquery_default()(".sidebar:not(.initiated)").each((function(i){new IHKSidebar(jquery_default()(this))}))}));var createSidebarPage=function createSidebarPage(_ref){var _ref$addPageDetails=_ref.addPageDetails,addPageDetails=void 0===_ref$addPageDetails||_ref$addPageDetails,_ref$breadcrumb=_ref.breadcrumb,breadcrumb=void 0===_ref$breadcrumb?["Start","Beratung und Service","Finanzierung digitaler Projekte"]:_ref$breadcrumb,page=createElement("div",["page"]),header=(0,HeaderComponent.d)({}),wrapper=createElement("div",["page-wrapper"],null,page),pageContent=createElement("div",["page-content","has-sidebar"],null,wrapper),container=createElement("div",["container"],null,pageContent),row=createElement("div",["row"],null,container),main=createElement("main",["main-col"],null,row),aside=createElement("aside",["sidebar"],null,row),footer=(0,FooterComponent.v)({});if(addPageDetails){var pageDetails=(0,PageDetailsComponent.v)({breadcrumb});wrapper.insertBefore(pageDetails,pageContent)}return page.insertBefore(header,wrapper),page.appendChild(footer),main.id="main",main.role="main",aside.id="sidebar",aside.role="complementary",new sidebar(jquery_default()(aside)),{page,main,aside}};function getUrlVars(){var url=arguments.length>0&&void 0!==arguments[0]?arguments[0]:window.location.href,vars={};return url.replace(/[?&]+([^=&]+)=([^&]*)/gi,(function(m,key,value){vars[key]=value})),vars}function getUrlParam(key){return new URL(window.location).searchParams.get(key)}function formatNumber(num,decimals){return new Intl.NumberFormat("de-DE",{minimumFractionDigits:decimals,maximumFractionDigits:decimals}).format(num)}},"./stories/atoms/input-text/InputTextComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{$:()=>createInputText});__webpack_require__("./node_modules/core-js/modules/es.function.name.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),input_text=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/input-text/input-text.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(input_text.Z,options);input_text.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),createInputText=function createInputText(_ref){var _ref$type=_ref.type,type=void 0===_ref$type?"text":_ref$type,_ref$id=_ref.id,id=void 0===_ref$id?"username":_ref$id,_ref$name=_ref.name,name=void 0===_ref$name?"username":_ref$name,_ref$isRequired=_ref.isRequired,isRequired=void 0!==_ref$isRequired&&_ref$isRequired,_ref$placeholder=_ref.placeholder,placeholder=void 0===_ref$placeholder?"Platzhalter-Text":_ref$placeholder,_ref$classes=_ref.classes,classes=void 0===_ref$classes?"":_ref$classes,input=(0,helpers.az)("textarea"===type?"textarea":"input",classes&&classes.length>0?classes.split(" "):[]);return input.id=id,input.name=name,input.required=isRequired,placeholder&&(input.placeholder=placeholder),"textarea"!==type&&(input.type=type),input}},"./stories/atoms/search-button/SearchButtonComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{K:()=>createSearchButton});var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),search_button=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/search-button/search-button.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(search_button.Z,options);search_button.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),createSearchButton=function createSearchButton(_ref){var _ref$btnClass=_ref.btnClass,btnClass=void 0===_ref$btnClass?"primary":_ref$btnClass,button=(0,helpers.az)("button",["search-submit",btnClass]);return button.type="submit",button.ariaLabel="Suche starten",button}},"./stories/atoms/search-input/SearchInputComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{K:()=>createSearchInput});var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),search_input=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/search-input/search-input.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(search_input.Z,options);search_input.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),createSearchInput=function createSearchInput(_ref){var _ref$typeahead=_ref.typeahead,typeahead=void 0!==_ref$typeahead&&_ref$typeahead,_ref$placeholder=_ref.placeholder,placeholder=void 0===_ref$placeholder?"Hier Ihr Thema finden":_ref$placeholder,_ref$value=_ref.value,value=void 0===_ref$value?null:_ref$value,_ref$api=_ref.api,api=void 0===_ref$api?null:_ref$api,_ref$autocomplete=_ref.autocomplete,autocomplete=void 0!==_ref$autocomplete&&_ref$autocomplete,_ref$id=_ref.id,id=void 0===_ref$id?"search-term":_ref$id,input=(0,helpers.az)("input",typeahead?["search-field","typeahead"]:["search-field"]);return input.id=id,input.type="search",autocomplete||(input.autocomplete="off"),value&&(input.value=value),placeholder&&(input.placeholder=placeholder),api&&(input.dataset.api=api,input.classList.add("typeahead")),input}},"./stories/atoms/secondary-menu/SecondaryMenuComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Q:()=>createSecondaryMenu});__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),secondary_menu=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/secondary-menu/secondary-menu.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(secondary_menu.Z,options);secondary_menu.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),createSecondaryMenu=function createSecondaryMenu(_ref){var _ref$secondaryLinks=_ref.secondaryLinks,secondaryLinks=void 0===_ref$secondaryLinks?["Über uns","Presse","Newsletter"]:_ref$secondaryLinks,_ref$languageLinks=_ref.languageLinks,languageLinks=void 0===_ref$languageLinks?["CZ","EN"]:_ref$languageLinks,_ref$iconLinks=_ref.iconLinks,iconLinks=void 0===_ref$iconLinks?[{iconClass:"sign-language",label:"Zeichensprache"},{iconClass:"simple-language",label:"Einfach Sprache"},{iconClass:"login",label:"Einloggen"}]:_ref$iconLinks,wrap=(0,helpers.az)("div",["secondary-menu-wrapper"]),secondary=(0,helpers.az)("div",["secondary-menu"],null,wrap),secondaryUl=(0,helpers.az)("ul",[],null,secondary);secondaryLinks.map((function(link){var li=(0,helpers.az)("li",[],null,secondaryUl);(0,helpers.az)("a",[],link,li).href="#"}));var meta=(0,helpers.az)("div",["meta-menu"],null,wrap),metaUl=(0,helpers.az)("ul",[],null,meta),contactLi=(0,helpers.az)("li",["contact"],null,metaUl);(0,helpers.az)("a",[],"Kontakt",contactLi).href="#";var languageLi=(0,helpers.az)("li",["language"],null,metaUl),languageUl=(0,helpers.az)("ul",[],null,languageLi);languageLinks.map((function(link){var li=(0,helpers.az)("li",[],null,languageUl);(0,helpers.az)("a",[],link,li).href="#"}));var iconsLi=(0,helpers.az)("li",["icons"],null,metaUl),iconsUl=(0,helpers.az)("ul",[],null,iconsLi);return iconLinks.map((function(link){var li=(0,helpers.az)("li",[link.iconClass],null,iconsUl);(0,helpers.az)("a",[],link.label,li).href="#"})),wrap}},"./stories/atoms/social-icons/SocialIconsComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{C:()=>createSocialIcons});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),social_icons=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/social-icons/social-icons.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(social_icons.Z,options);social_icons.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),SocialIconsData=__webpack_require__("./stories/atoms/social-icons/SocialIconsData.js"),createSocialIcons=function createSocialIcons(_ref){var _ref$items=_ref.items,items=void 0===_ref$items?SocialIconsData.W:_ref$items,_ref$title=_ref.title,title=void 0===_ref$title?"":_ref$title,ul=(0,helpers.az)("ul",["social-icons"]);return items.map((function(item){var li=(0,helpers.az)("li",[],null,ul),a=(0,helpers.az)("a",["social-share",item.name.toLowerCase()],null,li);a.href=item.href,title&&title.length>0&&(a.title=title+item.name),item.onClick&&item.onClick.length>0&&(a.onclick=item.onClick)})),ul}},"./stories/atoms/social-icons/SocialIconsData.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{W:()=>socialIconsPlatforms,p:()=>socialIconsBookmark});var socialIconsPlatforms=[{name:"Twitter",onClick:null,href:"https://twitter.com/"},{name:"YouTube",onClick:null,href:"https://www.youtube.com/"},{name:"Facebook",onClick:null,href:"https://www.facebook.com/"},{name:"Pinterest",onClick:null,href:"https://www.pinterest.com/"},{name:"Instagram",onClick:null,href:"https://www.instagram.com/"}],socialIconsBookmark=[{name:"Twitter",onClick:"window.open('https://twitter.com/intent/tweet?src_ref='+encodeURIComponent(location.href)+'&url='+encodeURIComponent(location.href));return false;",href:"https://twitter.com/"},{name:"Facebook",onClick:"window.open('https://www.facebook.com/sharer.php?u='+encodeURIComponent(location.href)+'&t='+encodeURIComponent(document.title));return false;",href:"https://www.facebook.com/"},{name:"XING",onClick:"window.open('https://www.xing.com/spi/shares/new?url='+encodeURIComponent(location.href)+';title='+encodeURIComponent(document.title)+';provider=IHK24');return false;",href:"https://www.xing.com/"},{name:"WhatsApp",onClick:"window.open('whatsapp://send?text='+ encodeURIComponent(document.title)+' '+encodeURIComponent(location.href));return false;",href:"https://www.whatsapp.com/"},{name:"LinkedIn",onClick:"window.open('https://www.linkedin.com/sharing/share-offsite/?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title));return false;",href:"https://www.linkedin.com/"},{name:"Threema",onClick:"window.open('threema://compose?text='+encodeURIComponent(location.href)+' '+encodeURIComponent(document.title));return false;",href:"https://threema.ch/de/"},{name:"Telegram",onClick:"window.open('https://t.me/share/url?url='+encodeURIComponent(location.href));return false;",href:"https://telegram.org/"}]},"./stories/components/footer/FooterComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{v:()=>createFooter});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.string.link.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),footer=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/footer/footer.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(footer.Z,options);footer.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),SocialIconsComponent=__webpack_require__("./stories/atoms/social-icons/SocialIconsComponent.js"),SocialIconsData=__webpack_require__("./stories/atoms/social-icons/SocialIconsData.js"),ButtonComponent=__webpack_require__("./stories/atoms/button/ButtonComponent.js"),createFooter=function createFooter(_ref){var _ref$contactHeadline=_ref.contactHeadline,contactHeadline=void 0===_ref$contactHeadline?"Wir können wir Ihnen helfen?":_ref$contactHeadline,_ref$address=_ref.address,address=void 0===_ref$address?"IHK Musterstadt
Musterstraße 12-18
54321 Muster":_ref$address,_ref$mail=_ref.mail,mail=void 0===_ref$mail?"info@musterstadt.ihk.de":_ref$mail,_ref$phone=_ref.phone,phone=void 0===_ref$phone?"12345 / 6789 - 0":_ref$phone,_ref$accessibility=_ref.accessibility,accessibility=void 0===_ref$accessibility?[{name:"Gebärdensprache",link:"#",icon:"icon-gebaerdensprache"},{name:"Leichte Sprache",link:"#",icon:"icon-leichte-sprache"},{name:"Erklärung zur Barrierefreiheit",link:"#",icon:"icon-barrierefreiheit"}]:_ref$accessibility,_ref$legalText=_ref.legalText,legalText=void 0===_ref$legalText?"

© Industrie- und Handelskammer Musterstast

\n

Für die Richtigkeit der in dieser Website enthaltenen Angaben können wir trotz sorgfältiger Prüfung keine Gewähr übernehmen. Bei den verlinkten externen Seiten handelt es sich ausschließlich um fremde Inhalte, für die wir keine Haftung übernehmen und deren Inhalt wir uns nicht zu eigen machen.

":_ref$legalText,_ref$legalNav=_ref.legalNav,legalNav=void 0===_ref$legalNav?["Impressum","Datenschutzerklärung","Pflichtinformationen nach der DSGVO"]:_ref$legalNav,_ref$picto=_ref.picto,picto=void 0===_ref$picto?null:_ref$picto,footer=(0,helpers.az)("footer",["page-footer"]);null!==picto&&(footer.classList.add("footer-picto"),footer.style.backgroundImage="url("+picto+")");var container=(0,helpers.az)("div",["container"],null,footer),rowContact=(0,helpers.az)("div",["row","contact"],null,container),rowSocial=(0,helpers.az)("div",["row","social"],null,container),rowAccessibility=(0,helpers.az)("div",["row","barrier-free"],null,container),rowCopyright=(0,helpers.az)("div",["row","copyright"],null,container),rowLegal=(0,helpers.az)("div",["row","legal-nav"],null,container),contactCol1=(0,helpers.az)("div",["col"],null,rowContact);(0,helpers.az)("p",["like-h2"],contactHeadline,contactCol1);var contactCol2=(0,helpers.az)("div",["col"],null,rowContact);(0,helpers.az)("h6",[],"Unsere Anschrift",contactCol2),(0,helpers.az)("p",[],address,contactCol2),contactCol2.appendChild((0,ButtonComponent.a)({color:"white",label:"IHK wechseln",iconPosition:"icon-right",icon:"ihk-wechseln"}));var contactCol3=(0,helpers.az)("div",["col"],null,rowContact);(0,helpers.az)("h6",[],"So erreichen Sie uns",contactCol3);var contactUl=(0,helpers.az)("ul",["contact-list"],null,contactCol3),contacts={mail,phone};for(var property in contacts){var li=(0,helpers.az)("li",[property],null,contactUl);(0,helpers.az)("a","mail"===property?["email"]:["mobile","phone"],contacts[property],li).href="mail"===property?"mailto:"+mail:"tel:"+phone}(0,helpers.az)("div",["col"],null,rowSocial).appendChild((0,SocialIconsComponent.C)({icons:SocialIconsData.W,title:""}));var accCol=(0,helpers.az)("div",["col"],null,rowAccessibility),accList=(0,helpers.az)("ul",[],null,accCol);accessibility.map((function(item){var li=(0,helpers.az)("li",[item.icon],null,accList);(0,helpers.az)("a",[],item.name,li).href=item.link})),(0,helpers.az)("div",["col"],legalText,rowCopyright).id="page-footer-copyright";(0,helpers.az)("div",["col"],null,rowCopyright);var legalCol=(0,helpers.az)("nav",["col"],null,rowLegal);legalCol.id="page-footer-legal",legalCol.ariaLabel="Navigation Fußzeile";var legalNavUl=(0,helpers.az)("ul",[],null,legalCol);return legalNav.map((function(item){var li=(0,helpers.az)("li",[],null,legalNavUl);(0,helpers.az)("a",[],item,li).href="#"})),footer}},"./stories/components/header-search/HeaderSearchComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{O:()=>createHeaderSearch});__webpack_require__("./node_modules/core-js/modules/es.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),header_search=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/header-search/header-search.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(header_search.Z,options);header_search.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),SearchInputComponent=__webpack_require__("./stories/atoms/search-input/SearchInputComponent.js"),SearchButtonComponent=__webpack_require__("./stories/atoms/search-button/SearchButtonComponent.js"),SecondaryMenuComponent=__webpack_require__("./stories/atoms/secondary-menu/SecondaryMenuComponent.js");var createHeaderSearch=function createHeaderSearch(_ref){!function _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure "+obj)}(_ref);var form=(0,helpers.az)("form",["header-search"]);form.action="#";var container=(0,helpers.az)("div",["container","small"],null,form),outer=(0,helpers.az)("div",["outer"],null,container);(0,helpers.az)("label",["visually-hidden"],"Suchbegriff",outer).for="header-search";var field=(0,SearchInputComponent.K)({typeahead:!1,placeholder:"Hier Ihr Thema finden",id:"header-search"}),button=(0,SearchButtonComponent.K)({});return outer.appendChild(field),outer.appendChild(button),(0,helpers.az)("div",["form-nav"],null,form).appendChild((0,SecondaryMenuComponent.Q)({})),form}},"./stories/components/header/HeaderComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{d:()=>createHeader});__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),header=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/header/header.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(header.Z,options);header.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),jquery=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery_default=__webpack_require__.n(jquery);__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.string.starts-with.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-int.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.to-primitive.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-primitive.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");function _defineProperties(target,props){for(var i=0;i').appendTo(logo);new ResizeObserver((function(){img.height()<44?overlay.css("left",2.1*img.height()):overlay.removeAttr("style")})).observe(img.get(0))}},{key:"initTopLink",value:function initTopLink(){jquery_default()('').text("Top").prependTo(this.header).on("click",(function(e){e.preventDefault(),jquery_default()("html, body").animate({scrollTop:0},Math.round(jquery_default()(window).scrollTop()/12+300),"easeOutQuad")}))}},{key:"initSearch",value:function initSearch(){var t=this,formNav=jquery_default()('
').appendTo(t.header.find(".search form"));t.header.find("nav .secondary").clone().appendTo(formNav),t.header.find("nav .meta").clone().appendTo(formNav),t.header.find(".open-search, .close-search").on("click",(function(e){t.header.toggleClass("search-open").removeClass("nav-open"),t.header.hasClass("search-open")&&setTimeout((function(){t.header.find(".search-field").focus()}),200),t.toggleContentScroll()}))}},{key:"initScroll",value:function initScroll(){var t=this;t.scrollState={current:"top",lastPosition:0,transitioning:!1},window.addEventListener("scroll",(function(){t.scrollState.transitioning||window.requestAnimationFrame((function(){t.checkScrollWithStateMachine()}))}),{passive:!0})}},{key:"checkScrollWithStateMachine",value:function checkScrollWithStateMachine(){var t=this,st=this.window.scrollTop(),state=t.scrollState;if(t.overlayOpen||jquery_default()(".gallery-popup.open").length)return!1;var delta=st-state.lastPosition,isScrollingDown=delta>0,isScrollingUp=delta<0;switch(state.current){case"top":st>100&&isScrollingDown&&t.transitionTo("scrolled");break;case"scrolled":st<30&&isScrollingUp&&t.transitionTo("top")}state.lastPosition=st,st>1.2*this.window.height()?this.header.addClass("show-toplink"):this.header.removeClass("show-toplink")}},{key:"transitionTo",value:function transitionTo(newState){var t=this;t.scrollState.transitioning=!0,"scrolled"===newState?(this.header.addClass("scrolled"),this.body.addClass("header-scrolled")):"top"===newState&&(this.header.removeClass("scrolled"),this.body.removeClass("header-scrolled")),t.scrollState.current=newState,setTimeout((function(){t.scrollState.transitioning=!1}),150)}},{key:"initToggling",value:function initToggling(){this.header.find(".overlay-holder").on("click touch",this.toggleNavigation.bind(this)),this.header.find(".toggle-nav").on("click touch",this.toggleNavigation.bind(this))}},{key:"toggleNavigation",value:function toggleNavigation(){var t=this;StudioPreviewUtil&&StudioPreviewUtil.isStudioPreview()?jquery_default()("html").stop().animate({scrollTop:0},300,"swing",(function(){t.header.toggleClass("nav-open"),t.toggleContentScroll()})):(t.header.toggleClass("nav-open"),t.toggleContentScroll())}},{key:"initPrimaryNav",value:function initPrimaryNav(optionalRootUrl){var t=this,primary=t.header.find(".primary");jquery_default()(primary).empty(),t.baseUrl=primary.attr("data-base-url"),t.rootUrl=primary.attr("data-root-url"),optionalRootUrl&&(t.rootUrl=optionalRootUrl,primary.off("click","a")),primary.append(jquery_default()('