25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.
 
 
 
 

1 satır
31 KiB

  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)("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{font-size:18px;margin-top:4px;text-decoration:underline}@media(min-width: 768px){.document-list-item h6{font-size:22px}}.document-list-item 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,uBACE,cAAA,CACA,cAAA,CACA,yBAAA,CAEA,yBALF,uBAMI,cAAA,CAAA,CAIJ,oDACE,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 {\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, .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___}}]);