|
- "use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[2302],{"./stories/atoms/reading-time/ReadingTimeComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{g:()=>createReadingTime});__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.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),rading_time=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/reading-time/rading-time.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(rading_time.Z,options);rading_time.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),createReadingTime=function createReadingTime(_ref){var _ref$minutes=_ref.minutes,minutes=void 0===_ref$minutes?6:_ref$minutes,rt=(0,helpers.az)("span",["reading-time"]);return(0,helpers.az)("span",["value"],minutes.toString()+" Min",rt),(0,helpers.az)("span",["label"],"Lesezeit",rt),rt}},"./stories/components/teaser/TeaserComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{T:()=>createTeaser});__webpack_require__("./node_modules/core-js/modules/es.string.link.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.concat.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.from.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.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 helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),teaser=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/teaser/teaser.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(teaser.Z,options);teaser.Z.locals;var ReadingTimeComponent=__webpack_require__("./stories/atoms/reading-time/ReadingTimeComponent.js");function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||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)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread 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<len;i++)arr2[i]=arr[i];return arr2}var createTeaser=function createTeaser(_ref){var _ref$type=_ref.type,type=void 0===_ref$type?"regular":_ref$type,_ref$link=_ref.link,link=void 0===_ref$link?"#":_ref$link,_ref$imageSrc=_ref.imageSrc,imageSrc=void 0===_ref$imageSrc?"./dummy/placeholder-3-2.svg":_ref$imageSrc,_ref$copyright=_ref.copyright,copyright=void 0===_ref$copyright?"@ shutterstock.com":_ref$copyright,_ref$kicker=_ref.kicker,kicker=void 0===_ref$kicker?"Fachkräfte":_ref$kicker,_ref$headline=_ref.headline,headline=void 0===_ref$headline?"Anteil der Frauen im Bereich Engineering steigt":_ref$headline,_ref$copy=_ref.copy,copy=void 0===_ref$copy?"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita, no sea takimata sanctus est.":_ref$copy,_ref$showReadingTime=_ref.showReadingTime,showReadingTime=void 0!==_ref$showReadingTime&&_ref$showReadingTime,_ref$imageSize=_ref.imageSize,imageSize=void 0===_ref$imageSize?"large":_ref$imageSize,_ref$chartTitle=_ref.chartTitle,chartTitle=void 0===_ref$chartTitle?"Chart-Titel des Teasers":_ref$chartTitle,_ref$picto=_ref.picto,picto=void 0===_ref$picto?null:_ref$picto,_ref$pictoText=_ref.pictoText,pictoText=void 0!==_ref$pictoText&&_ref$pictoText,_ref$linkType=_ref.linkType,linkType=void 0===_ref$linkType?null:_ref$linkType,teaser=(0,helpers.az)("div",["teaser",type]);if(kicker&&kicker.length>0&&(0,helpers.az)("span",["kicker"],kicker,teaser),imageSrc&&imageSrc.length>0&&"text"!==type&&"chart"!==type&&"picto"!==type&&"pictoHero"!==type){var imageWidth,imageHeight;switch(type){case"hero":imageWidth=630,imageHeight=420;break;case"fullwidth":"large"===imageSize?(imageWidth=880,imageHeight=484):"medium"===imageSize?(imageWidth=650,imageHeight=433):(imageWidth=535,imageHeight=535);break;default:imageWidth=420,imageHeight=280}var imageBox=(0,helpers.az)("div",["image-box"],"",teaser),src=imageSrc.replace("420",imageWidth).replace("280",imageHeight);if((0,helpers.Bi)(src,imageWidth,imageHeight,"Teaser-Bild",[],imageBox),copyright&©right.length>0)(0,helpers.az)("span",["copyright"],copyright,imageBox).setAttribute("aria-hidden","true"),(0,helpers.az)("span",["sr-only"],copyright,imageBox)}else if("chart"===type&&chartTitle&&chartTitle.length>0||(!imageSrc||0===imageSrc.length)&&"text"!==type&&chartTitle&&chartTitle.length>0){var _imageBox=(0,helpers.az)("div",["image-box","chart"],null,teaser);(0,helpers.az)("span",["chart-title"],chartTitle,_imageBox)}else if("picto"===type||"pictoHero"===type){var _imageBox2=(0,helpers.az)("div",["image-box","chart"],null,teaser),pictoBox=(0,helpers.az)("div",["picto-box"].concat(_toConsumableArray("pictoHero"===type?["hero"]:[])),null,_imageBox2);(0,helpers.az)("div",["icon"],null,pictoBox).classList.add(picto),pictoText&&(0,helpers.az)("span",["picto-title"],chartTitle,pictoBox)}var textBox=(0,helpers.az)("div",["text-box"],"",teaser);if((0,helpers.az)("div",["title","like-h4"],headline,textBox),(0,helpers.az)("p",[],copy,textBox),showReadingTime){var rt=(0,ReadingTimeComponent.g)({minutes:Math.floor(10*Math.random())+2});teaser.appendChild(rt)}"fullwidth"===type&&(teaser.dataset.imageSize=imageSize);var teaserLink=(0,helpers.az)("a",["teaser--link",type],"",teaser);return teaserLink.href=link,teaserLink.setAttribute("aria-label","Beschreibender Link-Text"),linkType&&teaserLink.classList.add(linkType),teaser}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/reading-time/rading-time.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,'.reading-time{--color: var(--theme-color-primary);display:block;font-size:0;font-weight:700;font-family:"Korb",sans-serif;text-transform:uppercase;color:var(--color);transition:color .3s ease;z-index:2}.reading-time span{padding-left:4px;font-size:var(--font-size-xs);line-height:1.4;display:inline-block}.reading-time .value{background-color:var(--color);color:var(--theme-color-white);padding:0 6px;transition:background-color .3s ease}a:hover .reading-time{--color: var(--theme-color-link-hover)}.teaser .reading-time:last-child{position:absolute;bottom:0;right:0}',"",{version:3,sources:["webpack://./stories/atoms/reading-time/rading-time.scss"],names:[],mappings:"AAGA,cACE,mCAAA,CACA,aAAA,CACA,WAAA,CACA,eAAA,CACA,6BAAA,CACA,wBAAA,CAEA,kBAAA,CACA,yBAAA,CACA,SAAA,CAEA,mBACE,gBAAA,CACA,6BAAA,CACA,eAAA,CACA,oBAAA,CAGF,qBACE,6BAAA,CACA,8BAAA,CACA,aAAA,CACA,oCAAA,CAIJ,sBACE,sCAAA,CAGF,iCACE,iBAAA,CACA,QAAA,CACA,OAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.reading-time {\n --color: var(--theme-color-primary);\n display: block;\n font-size: 0;\n font-weight: 700;\n font-family: \"Korb\", sans-serif;\n text-transform: uppercase;\n //margin: 8px;\n color: var(--color);\n transition: color 0.3s ease;\n z-index: 2;\n\n span {\n padding-left: 4px;\n font-size: var(--font-size-xs);\n line-height: 1.4;\n display: inline-block;\n }\n\n .value {\n background-color: var(--color);\n color: var(--theme-color-white);\n padding: 0 6px;\n transition: background-color 0.3s ease;\n }\n}\n\na:hover .reading-time {\n --color: var(--theme-color-link-hover);\n}\n\n.teaser .reading-time:last-child {\n position: absolute;\n bottom: 0;\n right: 0;\n}"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/teaser/teaser.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,'.teaser{--hero-background: var(--theme-color-white);position:relative;display:flex;flex-direction:column;height:100%;text-decoration:none;font-size:var(--font-size-small)}.teaser::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:-6px;border-radius:var(--border-radius-xs);transition:.2s ease}.teaser:focus{outline:none}.teaser.focus-visible:focus::before{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.teaser:focus-visible::before,.teaser.-moz-focusring::before{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.teaser.text{margin-bottom:0}.teaser .teaser--link{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10}.teaser .image-box{position:relative;display:block;border-radius:var(--border-radius-xs);background-color:var(--theme-color-primary-dimmed-04);overflow:hidden;flex-grow:0;flex-shrink:0}.teaser .image-box::before{content:"";position:relative;display:block;padding-top:66.6667%;margin-bottom:7px}.teaser .image-box::after{content:"";position:absolute;left:0;bottom:0;width:100%;display:block;height:8px;background-color:var(--theme-color-secondary);transition:.3s ease;z-index:1;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.teaser .image-box.chart{display:flex;align-items:center;justify-content:center;background:linear-gradient(130deg, var(--theme-color-gradient-01) 46%, var(--theme-color-gradient-02) 123%, var(--theme-color-gradient-03) 255%)}.teaser img{position:absolute;top:0;left:0;max-width:100%;width:100%;height:calc(100% - 7px);object-fit:cover;opacity:1;transition:.3s linear}.teaser img.loading{opacity:0}.teaser .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;bottom:8px}.teaser .picto-box{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.teaser .picto-box .icon{width:90px;height:90px;overflow:hidden;position:relative;margin:0 auto}@media(min-width: 568px){.teaser .picto-box .icon{width:100px;height:100px}}.teaser .picto-box .icon:before{display:block;position:absolute;left:0;top:0;font-family:"Pictograms",sans-serif;color:var(--theme-color-white);font-size:90px;line-height:1}@media(min-width: 568px){.teaser .picto-box .icon:before{font-size:100px}}.teaser .picto-box .picto-title{font-family:var(--font-korb);font-size:var(--font-size-h3);line-height:1.2;font-weight:400;margin:1.4em -0.05em .6em;margin:10px 0 0 0;width:calc(100vw - 80px);overflow:hidden;height:38px;display:block;font-weight:400 !important;color:var(--theme-color-background) !important;text-decoration-color:rgba(0,0,0,0) !important;text-align:center}@media(max-width: 999px){.teaser .picto-box .picto-title{font-size:28px;height:32px}}.teaser.pictoHero .picto-box{margin-top:-20px}@media(min-width: 568px){.teaser.pictoHero .picto-box .icon{width:150px;height:150px}}@media(min-width: 568px){.teaser.pictoHero .picto-box .icon:before{font-size:150px}}.teaser .chart-title{font-family:var(--font-korb);font-size:var(--font-size-h3);line-height:1.2;font-weight:400;margin:1.4em -0.05em .6em;display:block;font-weight:500 !important;padding:30px;margin:0 0 .4em;color:var(--theme-color-background) !important;text-decoration-color:rgba(0,0,0,0) !important;text-align:center}@media(max-width: 999px){.teaser .chart-title{font-size:28px;margin-bottom:0;padding:20px}}.teaser .kicker+.text-box{margin-top:.1em;border-top:8px solid var(--theme-color-secondary)}.teaser .text-box{position:relative}.teaser .text-box:not(:last-child){padding-bottom:20px}.teaser .text-box:not(:last-child)>*:last-child{margin-bottom:0}.teaser .text-box:not(:last-child)>*:last-child::after{content:"";position:relative;float:right;height:.75em;display:inline-block;width:150px}.teaser .title{text-decoration:underline;text-underline-offset:.07em;text-decoration-thickness:.08em;margin:.5em 0}.teaser:hover .image-box::after{height:var(--border-width-hover)}.teaser:hover .copyright{bottom:14px}@media(max-width: 767px){.teaser:hover .copyright{bottom:10px}}[date-type=hero] .image-box~.text-box,.teaser.hero .image-box~.text-box,.teaser.pictoHero .image-box~.text-box{padding-top:.9em}[date-type=hero] .image-box~.text-box .title,.teaser.hero .image-box~.text-box .title,.teaser.pictoHero .image-box~.text-box .title{position:absolute;bottom:100%;z-index:1;background-color:var(--hero-background);margin-right:40px;padding-top:.4em;padding-right:.8em;margin-bottom:-0.05em}.col.extern:before,.col.download:before,.col.intranet:before,.col.extranet:before,.col.gallery:before,.col.interaction:before,.col.video:before,.teaser.extern:before,.teaser.gallery:before,.teaser.interaction:before,.teaser.video:before,.teaser.download:before,.teaser.intranet:before,.teaser.extranet:before{display:none}.col.extern .title:after,.col.download .title:after,.col.intranet .title:after,.col.extranet .title:after,.col.gallery .title:after,.col.interaction .title:after,.col.video .title:after,.teaser.extern .title:after,.teaser.gallery .title:after,.teaser.interaction .title:after,.teaser.video .title:after,.teaser.download .title:after,.teaser.intranet .title:after,.teaser.extranet .title: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){.col.extern .title:after,.col.download .title:after,.col.intranet .title:after,.col.extranet .title:after,.col.gallery .title:after,.col.interaction .title:after,.col.video .title:after,.teaser.extern .title:after,.teaser.gallery .title:after,.teaser.interaction .title:after,.teaser.video .title:after,.teaser.download .title:after,.teaser.intranet .title:after,.teaser.extranet .title:after{margin-top:.1rem}}@media(min-width: 1340px){.col.extern .title:after,.col.download .title:after,.col.intranet .title:after,.col.extranet .title:after,.col.gallery .title:after,.col.interaction .title:after,.col.video .title:after,.teaser.extern .title:after,.teaser.gallery .title:after,.teaser.interaction .title:after,.teaser.video .title:after,.teaser.download .title:after,.teaser.intranet .title:after,.teaser.extranet .title:after{margin-top:.27rem}}.col.extern .title:after,.teaser.extern .title:after{content:""}.col.download .title:after,.teaser.download .title:after{content:""}.col.intranet .title:after,.teaser.intranet .title:after{content:""}.col.gallery .title:after,.teaser.gallery .title:after{content:""}.col.interaction .title:after,.teaser.interaction .title:after{content:""}.col.video .title:after,.teaser.video .title:after{content:""}@media(min-width: 568px){[date-type=fullwidth],.teaser.fullwidth,.teasers[data-items="1"]{display:block}[date-type=fullwidth]::after,.teaser.fullwidth::after,.teasers[data-items="1"]::after{content:"";display:block;clear:both}[date-type=fullwidth] .title,.teaser.fullwidth .title,.teasers[data-items="1"] .title{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-top:.25em}[date-type=fullwidth] .image-box,.teaser.fullwidth .image-box,.teasers[data-items="1"] .image-box{float:left}[date-type=fullwidth] .kicker,[date-type=fullwidth] .text-box,.teaser.fullwidth .kicker,.teaser.fullwidth .text-box,.teasers[data-items="1"] .kicker,.teasers[data-items="1"] .text-box{float:right}[date-type=fullwidth][data-image-size=s] .image-box::before,.teaser.fullwidth[data-image-size=s] .image-box::before,.teasers[data-items="1"][data-image-size=s] .image-box::before{padding-top:100%}[date-type=fullwidth][data-image-size=l] .image-box::before,.teaser.fullwidth[data-image-size=l] .image-box::before,.teasers[data-items="1"][data-image-size=l] .image-box::before{padding-top:55%}}@media(min-width: 568px)and (max-width: 999px){[date-type=fullwidth] .kicker,[date-type=fullwidth] .text-box,[date-type=fullwidth] .image-box,.teaser.fullwidth .kicker,.teaser.fullwidth .text-box,.teaser.fullwidth .image-box,.teasers[data-items="1"] .kicker,.teasers[data-items="1"] .text-box,.teasers[data-items="1"] .image-box{width:calc(50% - var(--col-padding))}}@media(min-width: 568px)and (max-width: 999px)and (min-width: 568px){[date-type=fullwidth] .kicker,[date-type=fullwidth] .text-box,[date-type=fullwidth] .image-box,.teaser.fullwidth .kicker,.teaser.fullwidth .text-box,.teaser.fullwidth .image-box,.teasers[data-items="1"] .kicker,.teasers[data-items="1"] .text-box,.teasers[data-items="1"] .image-box{max-width:calc(50% - var(--col-padding));min-width:calc(50% - var(--col-padding))}}@media(min-width: 568px)and (min-width: 1000px){[date-type=fullwidth][data-image-size=s] .image-box,.teaser.fullwidth[data-image-size=s] .image-box,.teasers[data-items="1"][data-image-size=s] .image-box{width:calc((100% + var(--col-padding)*2)/12*5 - var(--col-padding)*2)}[date-type=fullwidth][data-image-size=s] .kicker,[date-type=fullwidth][data-image-size=s] .text-box,.teaser.fullwidth[data-image-size=s] .kicker,.teaser.fullwidth[data-image-size=s] .text-box,.teasers[data-items="1"][data-image-size=s] .kicker,.teasers[data-items="1"][data-image-size=s] .text-box{width:calc((100% + var(--col-padding)*2)/12*7 - var(--col-padding)*2)}[date-type=fullwidth][data-image-size=m] .image-box,[date-type=fullwidth][data-image-size=m] .kicker,[date-type=fullwidth][data-image-size=m] .text-box,.teaser.fullwidth[data-image-size=m] .image-box,.teaser.fullwidth[data-image-size=m] .kicker,.teaser.fullwidth[data-image-size=m] .text-box,.teasers[data-items="1"][data-image-size=m] .image-box,.teasers[data-items="1"][data-image-size=m] .kicker,.teasers[data-items="1"][data-image-size=m] .text-box{width:calc(50% - var(--col-padding))}[date-type=fullwidth][data-image-size=l] .image-box,.teaser.fullwidth[data-image-size=l] .image-box,.teasers[data-items="1"][data-image-size=l] .image-box{width:calc((100% + var(--col-padding)*2)*2/3 - var(--col-padding)*2)}[date-type=fullwidth][data-image-size=l] .kicker,[date-type=fullwidth][data-image-size=l] .text-box,.teaser.fullwidth[data-image-size=l] .kicker,.teaser.fullwidth[data-image-size=l] .text-box,.teasers[data-items="1"][data-image-size=l] .kicker,.teasers[data-items="1"][data-image-size=l] .text-box{width:calc((100% + var(--col-padding)*2)/3 - var(--col-padding)*2)}}[data-background=lightblue] .teaser{--hero-background: var(--theme-color-primary-dimmed-04)}[data-background=lightblue] .teaser .image-box{background-color:rgba(255,255,255,.4)}',"",{version:3,sources:["webpack://./stories/components/teaser/teaser.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"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",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.teaser {\n --hero-background: var(--theme-color-white);\n position: relative;\n display: flex;\n flex-direction: column;\n height: 100%;\n text-decoration: none;\n font-size: var(--font-size-small);\n\n &::before {\n content: '';\n @include full-size;\n margin: -6px;\n border-radius: var(--border-radius-xs);\n transition: 0.2s ease;\n }\n\n &:focus {\n outline: none;\n }\n &.focus-visible:focus::before {\n @include focus-standalone;\n }\n &:focus-visible::before, &.-moz-focusring::before {\n @include focus-standalone;\n }\n\n &.text {\n margin-bottom: 0;\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 .image-box {\n position: relative;\n display: block;\n border-radius: var(--border-radius-xs);\n background-color: var(--theme-color-primary-dimmed-04);\n overflow: hidden;\n flex-grow: 0;\n flex-shrink: 0;\n\n &::before {\n content: \"\";\n position: relative;\n display: block;\n padding-top: 66.6667%;\n margin-bottom: 7px;\n }\n\n &::after {\n content: \"\";\n position: absolute;\n left: 0;\n bottom: 0;\n width: 100%;\n display: block;\n height: 8px;\n background-color: var(--theme-color-secondary);\n transition: 0.3s ease;\n z-index: 1;\n border-bottom-right-radius: 4px;\n border-bottom-left-radius: 4px;\n }\n\n &.chart {\n display: flex;\n align-items: center;\n justify-content: center;\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\n img {\n position: absolute;\n top: 0;\n left: 0;\n max-width: 100%;\n width: 100%;\n height: calc(100% - 7px);\n object-fit: cover;\n opacity: 1;\n transition: 0.3s linear;\n\n &.loading {\n opacity: 0;\n }\n }\n\n .copyright {\n @include copyright;\n bottom: 8px;\n }\n\n .picto-box {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%,-50%);\n .icon {\n width: 90px;\n height: 90px;\n overflow: hidden;\n position: relative;\n margin: 0 auto;\n @media(min-width: 568px) {\n width: 100px;\n height: 100px;\n }\n &:before {\n display: block;\n position: absolute;\n left: 0;\n top: 0;\n font-family: \"Pictograms\", sans-serif;\n color: var(--theme-color-white);\n font-size: 90px;\n line-height: 1;\n @media(min-width: 568px) {\n font-size: 100px;\n }\n }\n }\n .picto-title {\n @include h3;\n margin: 10px 0 0 0;\n width: calc(100vw - 80px);\n overflow: hidden;\n height: 38px;\n display: block;\n font-weight: 400 !important;\n color: var(--theme-color-background) !important;\n text-decoration-color: transparent !important;\n text-align: center;\n\n @media(max-width: 999px) {\n font-size: 28px;\n height: 32px;\n }\n }\n }\n\n &.pictoHero {\n .picto-box {\n margin-top: -20px;\n .icon {\n @media(min-width: 568px) {\n width: 150px;\n height: 150px;\n }\n &:before {\n @media(min-width: 568px) {\n font-size: 150px;\n }\n }\n }\n }\n }\n\n .chart-title {\n @include h3;\n display: block;\n font-weight: 500 !important;\n padding: 30px;\n margin: 0 0 0.4em;\n color: var(--theme-color-background) !important;\n text-decoration-color: transparent !important;\n text-align: center;\n\n @media(max-width: 999px) {\n font-size: 28px;\n margin-bottom: 0;\n padding: 20px;\n }\n }\n\n .kicker + .text-box {\n margin-top: 0.1em;\n border-top: 8px solid var(--theme-color-secondary);\n }\n\n .text-box {\n position: relative;\n\n &:not(:last-child) {\n padding-bottom: 20px;\n\n > *:last-child {\n margin-bottom: 0;\n\n &::after {\n content: '';\n position: relative;\n float: right;\n height: 0.75em;\n display: inline-block;\n width: 150px;\n }\n }\n }\n }\n\n .title {\n text-decoration: underline;\n text-underline-offset: 0.07em;\n text-decoration-thickness: 0.08em;\n margin: 0.5em 0;\n }\n\n &:hover {\n .image-box::after {\n height: var(--border-width-hover);\n }\n .copyright {\n bottom: 14px;\n @media(max-width: 767px) {\n bottom: 10px;\n }\n }\n }\n}\n\n[date-type='hero'], .teaser.hero, .teaser.pictoHero {\n .image-box ~ .text-box {\n padding-top: 0.9em;\n\n .title {\n position: absolute;\n bottom: 100%;\n z-index: 1;\n background-color: var(--hero-background);\n margin-right: 40px;\n padding-top: 0.4em;\n padding-right: 0.8em;\n margin-bottom: -0.05em;\n }\n }\n}\n\n.col.extern, .col.download, .col.intranet, .col.extranet, .col.gallery, .col.interaction, .col.video,\n.teaser.extern, .teaser.gallery, .teaser.interaction, .teaser.video, .teaser.download, .teaser.intranet, .teaser.extranet {\n &:before {\n display: none;\n }\n\n .title: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.col.extern .title:after,\n.teaser.extern .title:after {\n @include icon-small-link-external;\n}\n\n.col.download .title:after,\n.teaser.download .title:after {\n @include icon-small-download;\n}\n\n.col.intranet .title:after,\n.teaser.intranet .title:after {\n @include icon-small-schloss;\n}\n\n.col.gallery .title:after,\n.teaser.gallery .title:after {\n @include icon-galerie-small;\n}\n\n.col.interaction .title:after,\n.teaser.interaction .title:after {\n @include icon-interaction-small;\n}\n\n.col.video .title:after,\n.teaser.video .title:after {\n @include icon-video-small;\n}\n\n@media(min-width: 568px) {\n [date-type='fullwidth'], .teaser.fullwidth, .teasers[data-items=\"1\"] {\n display: block;\n\n &::after {\n content: '';\n display: block;\n clear: both;\n }\n\n .title {\n @include h4;\n margin-top: 0.25em;\n }\n\n .image-box {\n float: left;\n }\n\n .kicker, .text-box {\n float: right;\n }\n\n &[data-image-size='s'] {\n\n .image-box::before {\n padding-top: 100%;\n }\n }\n\n &[data-image-size='l'] {\n\n .image-box::before {\n padding-top: 55%;\n }\n }\n\n @media(max-width: 999px) {\n .kicker, .text-box, .image-box {\n width: calc(50% - var(--col-padding));\n @media(min-width: 568px) {\n max-width: calc(50% - var(--col-padding));\n min-width: calc(50% - var(--col-padding));\n }\n }\n }\n\n @media(min-width: 1000px) {\n &[data-image-size='s'] {\n .image-box {\n width: calc((100% + var(--col-padding) * 2) / 12 * 5 - var(--col-padding) * 2);\n }\n\n .kicker, .text-box {\n width: calc((100% + var(--col-padding) * 2) / 12 * 7 - var(--col-padding) * 2);\n }\n }\n\n &[data-image-size='m'] {\n .image-box, .kicker, .text-box {\n width: calc(50% - var(--col-padding));\n }\n }\n\n &[data-image-size='l'] {\n .image-box {\n width: calc((100% + var(--col-padding) * 2) * 2 / 3 - var(--col-padding) * 2);\n }\n\n .kicker, .text-box {\n width: calc((100% + var(--col-padding) * 2) / 3 - var(--col-padding) * 2);\n }\n }\n }\n }\n}\n\n[data-background='lightblue'] .teaser {\n --hero-background: var(--theme-color-primary-dimmed-04);\n\n .image-box {\n background-color: rgba(#fff, 0.4);\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___}}]);
|
