|
- "use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[3355],{"./stories/components/search-results/SearchResultsComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Q:()=>createSearchResults});__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),search_results=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/search-results/search-results.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(search_results.Z,options);search_results.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),SearchResultsDownloads={headline:"Downloads",icon:"icon-suche-datei",totalCount:29,items:[{title:"IHK-Positionen zur Kommunalwahl 2021",link:"#"},{title:"Konjunkturbericht IV. Quartal 2021",link:"#"}]},SearchResultsEvents={headline:"Veranstaltungen",icon:"icon-suche-veranstaltung",totalCount:29,items:[{date:{weekday:"Mo.",day:"20",month:"Sep. 2020"},title:"1. Rahmenbedingungen für eine erfolgreiche Ausbildung – von Beginn an",link:"#"},{date:{weekday:"Mo.",day:"20",month:"Sep. 2020"},title:"2. Rahmenbedingungen für eine erfolgreiche Ausbildung – von Beginn an",link:"#"}]},SearchResultsEventsExtended={headline:null,icon:null,totalCount:null,items:[]},SearchResultsNoBorder={headline:null,icon:null,totalCount:null,items:[{kicker:"Neuigkeiten per E-Mail",title:"Newsletter bestellen und abbestellen ",copy:"Gesetzesänderungen, Förderprogramme, innovative Technologien, Veranstaltungshinweise oder wirtschaftspolitische Statements: Wir informieren Sie regelmäßig über aktuelle Themen und Entwicklungen, die die Wirtschaft bewe...",link:"#",icon:null},{kicker:"Was können Unternehmen tun?",title:'<span class="highlight">Corona</span>virus - Maßnahmen und Unterstützung',copy:"In dieser schwierigen Zeit möchten wir unsere Unternehmen nicht alleine lassen und möglichst viele Informationen an Sie weitergeben. In unserer Übersicht finden Sie Tipps, wo und wie Sie finanzielle Hilfe bekommen könn...",link:"#",icon:null},{kicker:null,title:'Merkblatt: <span class="highlight">Corona</span>-Prävention in Unternehmen',copy:null,link:"#",icon:"external"},{kicker:"Umgang mit der Pandemie",title:'<span class="highlight">Corona</span>virus - was bedeutet das für mein Unternehmen?',copy:"Wie stelle ich einen betrieblichen Pandemieplan auf? Wo gibt es aktuelle Infos? Ein Mitarbeiter ist infiziert – was tun?",link:"#",icon:"download"},{kicker:'Ausbildung in Zeiten von <span class="highlight">Corona</span>',title:'<span class="highlight">Corona</span>virus - was bedeutet das für die Berufsausbildung?',copy:'Wir informieren über Fördermöglichkeiten des Bundes und des Landes Niedersachsen und geben Antworten auf die häufigsten Fragen, z. B.: Ist Homeoffice für Auszubildende möglich? Darf man Azubis an andere Betriebe "verle...',link:"#",icon:null},{kicker:"Pressemitteilung",title:"PM006: Wirtschaftliche Erholung im Elbe-Weser-Raum stagniert",copy:'<span class="highlight">Corona</span> und knappe Ressourcen als Ursache - verhaltene Aussichten für 2022',link:"#",icon:"external"},{kicker:"Schutzmassnahmen",title:'<span class="highlight">Corona</span>-Regeln im Herbst und Winter',copy:'Bundestag und Bundesrat haben eine Änderung des Infektionsschutzgesetzes beschlossen und damit den Weg für neue <span class="highlight">Corona</span>-Schutzmaßnahmen freigemacht.',link:"#",icon:null}]},ButtonComponent=__webpack_require__("./stories/atoms/button/ButtonComponent.js"),EventTeaserComponent=__webpack_require__("./stories/atoms/event-teaser/EventTeaserComponent.js"),createSearchResults=function createSearchResults(_ref){var _ref$type=_ref.type,type=void 0===_ref$type?"downloads":_ref$type,wrapper=(0,helpers.az)("div",["results-wrapper",type]),data=null;if("no-border"===type&&(data=SearchResultsNoBorder),"downloads"===type&&(data=SearchResultsDownloads),"events"===type&&(data=SearchResultsEvents),"events-extended"===type&&(data=SearchResultsEventsExtended),data.icon&&wrapper.classList.add(data.icon),data.headline&&(0,helpers.az)("h3",[],data.headline,wrapper),"no-border"===type)data.items.map((function(item){var result=(0,helpers.az)("div",item.icon?["result",item.icon]:["result"],null,wrapper),a=(0,helpers.az)("a",[],null,result);a.href=item.link,item.kicker&&item.kicker.length>0&&(0,helpers.az)("div",["h-kicker"],item.kicker,a),item.title&&item.title.length>0&&(0,helpers.az)("div",["h-title"],item.title,a),item.copy&&item.copy.length>0&&(0,helpers.az)("p",[],item.copy,result)}));else if("events"===type)data.items.map((function(item){(0,helpers.az)("div",["result"],null,wrapper).appendChild((0,EventTeaserComponent.i)(item))}));else if("events-extended"===type)for(var i=0;i<12;i++){(0,helpers.az)("div",["result"],null,wrapper).appendChild((0,EventTeaserComponent.i)({isExtended:!0}))}else{var results=(0,helpers.az)("ul",["results"],null,wrapper);data.items.map((function(item){var li=(0,helpers.az)("li",[],null,results);(0,helpers.az)("a",["result-link"],item.title,li).href=item.link}))}data.totalCount&&(0,helpers.az)("div",["more-wrapper"],null,wrapper).appendChild((0,ButtonComponent.a)({label:"Alle <strong>"+data.totalCount+" Treffer</strong> anzeigen",icon:"pfeil-simple-rechts",iconPosition:"icon-right",color:"white"}));return wrapper}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/search-results/search-results.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,'.search-results .results-wrapper{margin:30px 0;position:relative}.search-results .results-wrapper:last-child{margin-bottom:calc(1.4*var(--section-margin))}@media(max-width: 767px){.search-results .results-wrapper{margin:var(--container-padding) 0}}.search-results .results-wrapper:before{font-family:"Icons",sans-serif;position:absolute;font-size:var(--icon-size);line-height:1;right:0;top:0;margin:28px 26px}@media(max-width: 767px){.search-results .results-wrapper:before{margin:22px var(--container-padding)}}.search-results .results-wrapper.no-border .result{border:1px solid var(--theme-color-primary-dimmed-03);border-radius:var(--border-radius-xs);padding:12px 16px;font-size:var(--font-size-small);background-color:var(--theme-color-white)}@media(max-width: 767px){.search-results .results-wrapper.no-border .result{padding:10px 12px}}.search-results .results-wrapper.no-border .result+.result{margin-top:10px}.search-results .results-wrapper.no-border .result:not(.fitResult) a{display:block;text-decoration:none;transition:.2s ease}.search-results .results-wrapper.no-border .result:not(.fitResult) a:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0;border-radius:var(--border-radius-xs);opacity:0;transition:.3s ease}.search-results .results-wrapper.no-border .result:not(.fitResult) a.focus-visible:focus{outline:0}.search-results .results-wrapper.no-border .result:not(.fitResult) a.focus-visible:focus:before{opacity:1}.search-results .results-wrapper.no-border .result:not(.fitResult) a:focus-visible,.search-results .results-wrapper.no-border .result:not(.fitResult) a.-moz-focusring{outline:0}.search-results .results-wrapper.no-border .result:not(.fitResult) a:focus-visible:before,.search-results .results-wrapper.no-border .result:not(.fitResult) a.-moz-focusring:before{opacity:1}.search-results .results-wrapper.no-border .result:not(.fitResult) a:hover{color:var(--theme-color-link-hover)}.search-results .results-wrapper h3{margin-top:.1em}.search-results .results-wrapper .highlight{font-weight:700}.search-results .results-wrapper .result{position:relative;display:block;transition:.3s ease}@media(max-width: 767px){.search-results .results-wrapper .result{overflow:hidden}}.search-results .results-wrapper .result:before{position:absolute;top:0;right:0;margin:10px 8px;font-family:"Icons",sans-serif;font-size:var(--icon-size-small);line-height:1;text-align:center}@media(max-width: 567px){.search-results .results-wrapper .result:before{margin:8px}}.search-results .results-wrapper .result.download::before{content:""}.search-results .results-wrapper .result.external::before{content:""}.search-results .results-wrapper .result p:last-child{margin:1px 0;line-height:1.4}.search-results .results-wrapper .result:hover{color:var(--theme-color-secondary-intensed)}.search-results .results-wrapper .h-kicker{display:block;font-size:16px;text-transform:uppercase;margin-bottom:2px;letter-spacing:.3px;margin-bottom:1px}@media(max-width: 767px){.search-results .results-wrapper .h-kicker{font-size:14px}}.search-results .results-wrapper .h-kicker+h1{margin-top:.1em}.search-results .results-wrapper .h-kicker+h2,.search-results .results-wrapper .h-kicker+h3,.search-results .results-wrapper .h-kicker+h4{margin-top:.2em}.search-results .results-wrapper .title,.search-results .results-wrapper .h-title{text-decoration:underline;font-size:var(--font-size-copy);margin-bottom:5px;font-weight:600;line-height:1.25}.search-results .results-wrapper .title:after,.search-results .results-wrapper .h-title:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.search-results .results-wrapper .title:first-child:last-child,.search-results .results-wrapper .h-title:first-child:last-child{margin:5px 0}.search-results .results-wrapper .title:not(:first-child):last-child,.search-results .results-wrapper .h-title:not(:first-child):last-child{margin-bottom:4px}.search-results .results-wrapper .fitResult .title:after,.search-results .results-wrapper .fitResult .h-title:after{display:none}.search-results .results-wrapper .results{list-style:none;margin-bottom:24px;padding:0}.search-results .results-wrapper .results li{margin:10px 0}.search-results .results-wrapper .results a{display:block;background-color:var(--theme-color-white);border-radius:var(--border-radius-xs);padding:10px 20px;transition:.3s ease}.search-results .results-wrapper .results a.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}.search-results .results-wrapper .results a:focus-visible,.search-results .results-wrapper .results a.-moz-focusring{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.search-results .results-wrapper .results a:hover{color:var(--theme-color-link-hover)}@media(max-width: 767px){.search-results .results-wrapper .results a{padding:6px 12px}}.search-results .results-wrapper .results .fitResult{display:block;background-color:var(--theme-color-white);border-radius:var(--border-radius-xs);padding:10px 20px}.search-results .results-wrapper .results .fitResult a{padding:0}.search-results .results-wrapper .more-wrapper{margin:24px 0 12px;text-align:right}.search-results .results-wrapper .more-wrapper strong{display:inline-block;margin:0 5px}.search-results .results-wrapper:not(.no-border){background-color:var(--theme-color-primary-dimmed-04);padding:18px 28px}@media(max-width: 767px){.search-results .results-wrapper:not(.no-border){margin:var(--container-padding) calc(var(--container-padding)*-1);padding:15px var(--container-padding)}}.search-results .results-wrapper:not(.no-border) .result{margin:10px 0;display:block}.search-results .results-wrapper.events-list+.events-list,.search-results .results-wrapper.events-list+#infscr-loading+.events-list,.search-results .results-wrapper.events-list+.events-list,.search-results .results-wrapper.events-list+#infscr-loading+.events-list,.search-results .results-wrapper #dummy-wrapper+.results-wrapper.events-list,.search-results .results-wrapper #dummy-wrapper+#infscr-loading+.results-wrapper.events-list{margin-top:-50px;padding-top:0}.search-results .results-wrapper.no-border+.no-border,.search-results .results-wrapper.no-border+#infscr-loading+.no-border,.search-results .results-wrapper.no-border+.no-border,.search-results .results-wrapper.no-border+#infscr-loading+.no-border,.search-results .results-wrapper #dummy-wrapper+.results-wrapper.no-border,.search-results .results-wrapper #dummy-wrapper+#infscr-loading+.results-wrapper.no-border{margin-top:-20px}',"",{version:3,sources:["webpack://./stories/components/search-results/search-results.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAAA,iCAIE,aACE,CAAA,iBACA,CAAA,4CAEA,6CACE,CAAA,yBAGF,iCARF,iCASI,CAAA,CAAA,wCAGF,8BACE,CAAA,iBACA,CAAA,0BACA,CAAA,aACA,CAAA,OACA,CAAA,KACA,CAAA,gBACA,CAAA,yBAEA,wCATF,oCAUI,CAAA,CAAA,mDAKF,qDACE,CAAA,qCACA,CAAA,iBACA,CAAA,gCACA,CAAA,yCACA,CAAA,yBAEA,mDAPF,iBAQI,CAAA,CAAA,2DAGF,eACE,CAAA,qEAIA,aACE,CAAA,oBACA,CAAA,mBACA,CAAA,4EAEA,UACE,CAAA,iBCyCZ,CAAA,KACA,CAAA,MACA,CAAA,OACA,CAAA,QACA,CAAA,mBD3CY,CAAA,4GCwHV,CAAA,SACA,CAAA,qCDvHU,CAAA,SACA,CAAA,mBACA,CAAA,yFAGF,SACE,CAAA,gGAEA,SACE,CAAA,uKAIJ,SACE,CAAA,qLAEA,SACE,CAAA,2EAIJ,mCACE,CAAA,oCAOV,eACE,CAAA,4CAGF,eACE,CAAA,yCAGF,iBACE,CAAA,aACA,CAAA,mBACA,CAAA,yBAEA,yCALF,eAMI,CAAA,CAAA,gDAGF,iBACE,CAAA,KACA,CAAA,OACA,CAAA,eACA,CAAA,8BACA,CAAA,gCACA,CAAA,aACA,CAAA,iBACA,CAAA,yBAEA,gDAVF,UAWI,CAAA,CAAA,0DAIJ,WCuIuB,CAAA,0DDnIvB,WCuI4B,CAAA,sDDnI5B,YACE,CAAA,eACA,CAAA,+CAGF,2CACE,CAAA,2CAIJ,aC5EF,CAAA,cACA,CAAA,wBACA,CAAA,iBACA,CAAA,mBACA,CAAA,iBD0EI,CAAA,yBCxEJ,2CDsEE,cCrEA,CAAA,CAAA,8CAGF,eACE,CAAA,0IAGF,eACE,CAAA,kFDkEA,yBACE,CAAA,+BACA,CAAA,iBACA,CAAA,eACA,CAAA,gBACA,CAAA,8FAEA,UACE,CAAA,iBACA,CAAA,KACA,CAAA,MACA,CAAA,UACA,CAAA,WACA,CAAA,gIAGF,YACE,CAAA,4IAGF,iBACE,CAAA,oHAMA,YACE,CAAA,0CAKN,eACE,CAAA,kBACA,CAAA,SACA,CAAA,6CAEA,aACE,CAAA,4CAGF,aACE,CAAA,yCACA,CAAA,qCACA,CAAA,iBACA,CAAA,mBACA,CAAA,gEC9BJ,4GACE,CAAA,SACA,CAAA,qHAEF,4GACE,CAAA,SACA,CAAA,kDD2BE,mCACE,CAAA,yBAGF,4CAZF,gBAaI,CAAA,CAAA,qDAIJ,aACE,CAAA,yCACA,CAAA,qCACA,CAAA,iBACA,CAAA,uDAEA,SACE,CAAA,+CAKN,kBACE,CAAA,gBACA,CAAA,sDAEA,oBACE,CAAA,YACA,CAAA,iDAIJ,qDACE,CAAA,iBACA,CAAA,yBAEA,iDAJF,iEAKI,CAAA,qCACA,CAAA,CAAA,yDAGF,aACE,CAAA,aACA,CAAA,kbAIJ,gBAGE,CAAA,aACA,CAAA,8ZAIF,gBAGE",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.search-results {\n .results-wrapper {\n margin: 30px 0;\n position: relative;\n\n &:last-child {\n margin-bottom: calc(1.4 * var(--section-margin));\n }\n\n @media(max-width: 767px) {\n margin: var(--container-padding) 0;\n }\n\n &:before {\n font-family: \"Icons\", sans-serif;\n position: absolute;\n font-size: var(--icon-size);\n line-height: 1;\n right: 0;\n top: 0;\n margin: 28px 26px;\n\n @media(max-width: 767px) {\n margin: 22px var(--container-padding);\n }\n }\n\n &.no-border {\n .result {\n border: 1px solid var(--theme-color-primary-dimmed-03);\n border-radius: var(--border-radius-xs);\n padding: 12px 16px;\n font-size: var(--font-size-small);\n background-color: var(--theme-color-white);\n\n @media(max-width: 767px) {\n padding: 10px 12px;\n }\n\n + .result {\n margin-top: 10px;\n }\n\n &:not(.fitResult){\n a {\n display: block;\n text-decoration: none;\n transition: 0.2s ease;\n\n &:before {\n content: \"\";\n @include full-size;\n pointer-events: none;\n @include focus-standalone;\n border-radius: var(--border-radius-xs);\n opacity: 0;\n transition: 0.3s ease;\n }\n\n &.focus-visible:focus {\n outline: 0;\n\n &:before {\n opacity: 1;\n }\n }\n\n &:focus-visible, &.-moz-focusring {\n outline: 0;\n\n &:before {\n opacity: 1;\n }\n }\n\n &:hover {\n color: var(--theme-color-link-hover);\n }\n }\n }\n }\n }\n\n h3 {\n margin-top: 0.1em;\n }\n\n .highlight {\n font-weight: 700;\n }\n\n .result {\n position: relative;\n display: block;\n transition: 0.3s ease;\n\n @media(max-width: 767px) {\n overflow: hidden;\n }\n\n &:before {\n position: absolute;\n top: 0;\n right: 0;\n margin: 10px 8px;\n font-family: 'Icons', sans-serif;\n font-size: var(--icon-size-small);\n line-height: 1;\n text-align: center;\n\n @media(max-width: 567px) {\n margin: 8px;\n }\n }\n\n &.download::before {\n @include icon-small-download;\n }\n\n &.external::before {\n @include icon-small-link-external;\n }\n\n p:last-child {\n margin: 1px 0;\n line-height: 1.4;\n }\n\n &:hover {\n color: var(--theme-color-secondary-intensed);\n }\n }\n\n .h-kicker {\n @include kicker;\n margin-bottom: 1px;\n }\n\n .title, .h-title {\n text-decoration: underline;\n font-size: var(--font-size-copy);\n margin-bottom: 5px;\n font-weight: 600;\n line-height: 1.25;\n\n &:after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &:first-child:last-child {\n margin: 5px 0;\n }\n\n &:not(:first-child):last-child {\n margin-bottom: 4px;\n }\n }\n\n .fitResult{\n .title, .h-title {\n &:after {\n display: none;\n }\n }\n }\n\n .results {\n list-style: none;\n margin-bottom: 24px;\n padding: 0;\n\n li {\n margin: 10px 0;\n }\n\n a {\n display: block;\n background-color: var(--theme-color-white);\n border-radius: var(--border-radius-xs);\n padding: 10px 20px;\n transition: 0.3s ease;\n @include focus-visible();\n\n &:hover {\n color: var(--theme-color-link-hover);\n }\n\n @media(max-width: 767px) {\n padding: 6px 12px;\n }\n }\n\n .fitResult {\n display: block;\n background-color: var(--theme-color-white);\n border-radius: var(--border-radius-xs);\n padding: 10px 20px;\n\n a{\n padding: 0;\n }\n }\n }\n\n .more-wrapper {\n margin: 24px 0 12px;\n text-align: right;\n\n strong {\n display: inline-block;\n margin: 0 5px;\n }\n }\n\n &:not(.no-border) {\n background-color: var(--theme-color-primary-dimmed-04);\n padding: 18px 28px;\n\n @media(max-width: 767px) {\n margin: var(--container-padding) calc(var(--container-padding) * -1);\n padding: 15px var(--container-padding);\n }\n\n .result {\n margin: 10px 0;\n display: block;\n }\n }\n\n &.events-list + .events-list, &.events-list + #infscr-loading + .events-list,\n &.events-list + .events-list, &.events-list + #infscr-loading + .events-list,\n #dummy-wrapper + .results-wrapper.events-list, #dummy-wrapper + #infscr-loading + .results-wrapper.events-list {\n margin-top: -50px;\n padding-top: 0;\n\n }\n\n &.no-border + .no-border, &.no-border + #infscr-loading + .no-border,\n &.no-border + .no-border, &.no-border + #infscr-loading + .no-border,\n #dummy-wrapper + .results-wrapper.no-border, #dummy-wrapper + #infscr-loading + .results-wrapper.no-border {\n margin-top: -20px;\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 margin-top: 0.1em;\n }\n\n + h2, + h3, + 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 color: white;\n font-size: 12px;\n line-height: 1.2;\n text-shadow: 0 0 3px rgba(black, 0.6), 0 0 8px rgba(black, 0.6);\n z-index: 2;\n width: calc(66.6% + 7px);\n padding: 8px 18px;\n transform-origin: 0 100%;\n transform: rotate(-90deg);\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\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"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);
|
