Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
 
 
 
 

1 zeile
36 KiB

  1. "use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[4928],{"./stories/sections/election-detail/ElectionDetailComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{C:()=>createElectionDetail});__webpack_require__("./node_modules/core-js/modules/es.function.name.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),election_detail=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/election-detail/election-detail.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(election_detail.Z,options);election_detail.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),SocialIconsComponent=__webpack_require__("./stories/atoms/social-icons/SocialIconsComponent.js"),SocialIconsData=__webpack_require__("./stories/atoms/social-icons/SocialIconsData.js"),VideoComponent=__webpack_require__("./stories/components/video/VideoComponent.js"),ButtonComponent=__webpack_require__("./stories/atoms/button/ButtonComponent.js"),createElectionDetail=function createElectionDetail(_ref){var _ref$image=_ref.image,image=void 0===_ref$image?"./dummy/election-list-cover.jpg":_ref$image,_ref$name=_ref.name,name=void 0===_ref$name?"Lars-Hendrick Pirckensee":_ref$name,_ref$subheadline=_ref.subheadline,subheadline=void 0===_ref$subheadline?"Geschäftsführerin Cocolor GmbH":_ref$subheadline,_ref$textheadline=_ref.textheadline,textheadline=void 0===_ref$textheadline?"Was möchten Sie bewegen?":_ref$textheadline,_ref$copy=_ref.copy,copy=void 0===_ref$copy?"Ich kandidiere, weil ich als Familienunternehmer die Bedingungen für die kommenden Generationen und die Anliegen der Musterstädtischen Groß- und Außenhändler in der IHK aktiv mitgestalten will. Dabei ist es mir sehr wichtig, Ideen gegen den Fachkräftemangel zu entwickeln, die Chancen der Digitalisierung zu nutzen und die Infrastruktur für alle Verkehrsträger zukunftsfähig aufzustellen! Dabei ist es mir sehr wichtig, Ideen gegen den Fachkräftemangel zu entwickeln, die Chancen der Digitalisierung zu nutzen und die Infrastruktur für alle Verkehrsträger zukunftsfähig aufzustellen! Dabei ist es mir sehr wichtig, Ideen gegen den Fachkräftemangel zu entwickeln, die Chancen der Digitalisierung zu nutzen und die Infrastruktur für alle Verkehrsträger zukunftsfähig aufzustellen!":_ref$copy,_ref$smheadline=_ref.smheadline,smheadline=void 0===_ref$smheadline?"Meine Kanäle":_ref$smheadline,_ref$infoheadline=_ref.infoheadline1,infoheadline1=void 0===_ref$infoheadline?"Wahlgruppe 02":_ref$infoheadline,_ref$infoheadline2=_ref.infoheadline2,infoheadline2=void 0===_ref$infoheadline2?"Wahlbezirk 05":_ref$infoheadline2,_ref$infoheadline3=_ref.infoheadline3,infoheadline3=void 0===_ref$infoheadline3?"Unternehmen":_ref$infoheadline3,_ref$infotext=_ref.infotext1,infotext1=void 0===_ref$infotext?"Kreditinstitute / Versicherungen / Immobilienwirtschaft":_ref$infotext,_ref$infotext2=_ref.infotext2,infotext2=void 0===_ref$infotext2?"Kreisfreie Stadt Musterstadt und Kreis Musterhausen":_ref$infotext2,_ref$infobox3headline=_ref.infobox3headline,infobox3headline=void 0===_ref$infobox3headline?"Cocolor GmbH":_ref$infobox3headline,_ref$infobox3address=_ref.infobox3address,infobox3address=void 0===_ref$infobox3address?"Carl-Backhaus-Str. 13<br />22926 Ahrensburg ":_ref$infobox3address,_ref$infobox3website=_ref.infobox3website,infobox3website=void 0===_ref$infobox3website?"Unternehmenswebseite":_ref$infobox3website,_ref$infobox3email=_ref.infobox3email,infobox3email=void 0===_ref$infobox3email?"E-Mail":_ref$infobox3email,_ref$infobox3phone=_ref.infobox3phone,infobox3phone=void 0===_ref$infobox3phone?"+49 4102 77899-31":_ref$infobox3phone,_ref$backButton=_ref.backButton,backButton=void 0===_ref$backButton?"Zur Kandidatenübersicht":_ref$backButton,_ref$contactHeadline=_ref.contactHeadline,contactHeadline=void 0===_ref$contactHeadline?"IHK-Wahlbüro":_ref$contactHeadline,_ref$contactText=_ref.contactText,contactText=void 0===_ref$contactText?"Wir beantworten gerne Ihre Fragen zur IHK-Wahl 2024. Rufen Sie uns einfach an.":_ref$contactText,_ref$showVideo=_ref.showVideo,showVideo=void 0===_ref$showVideo||_ref$showVideo,_ref$showSocialMedia=_ref.showSocialMedia,showSocialMedia=void 0===_ref$showSocialMedia||_ref$showSocialMedia,_ref$showElectionArea=_ref.showElectionArea,showElectionArea=void 0===_ref$showElectionArea||_ref$showElectionArea,electionDetail=(0,helpers.az)("div",["election-detail"]),text=(0,helpers.az)("div",["election-detail--text"],null,electionDetail);if(showVideo){var video=(0,helpers.az)("div",["election-detail--video"],null,electionDetail);(0,helpers.az)("div",["video-container"],null,video).appendChild((0,VideoComponent.T)({caption:"",copyright:""}))}var info=(0,helpers.az)("div",["election-detail--info"],null,electionDetail),back=(0,helpers.az)("div",["election-detail--back"],null,electionDetail),more=(0,helpers.az)("div",["election-detail--more","contact-wrapper"],null,electionDetail),imageContainer=(0,helpers.az)("div",["election-detail--image-container"],null,text);(0,helpers.Bi)(image,545,526,"",[],imageContainer),(0,helpers.az)("span",["copyright"],name,imageContainer).setAttribute("aria-hidden","true"),(0,helpers.az)("span",["sr-only"],name,imageContainer);var textbox=(0,helpers.az)("div",["text-box"],null,text);if((0,helpers.az)("h1",[],name,textbox),(0,helpers.az)("p",["subheadline"],subheadline,textbox),textheadline&&(0,helpers.az)("h2",[],textheadline,textbox),copy&&(0,helpers.az)("p",[],copy,textbox),showSocialMedia){var socialmedia=(0,helpers.az)("div",["social-media"],null,textbox);(0,helpers.az)("p",[],smheadline,socialmedia);var iconsList=(0,SocialIconsComponent.C)({items:SocialIconsData.p});socialmedia.appendChild(iconsList)}var info1=(0,helpers.az)("div",["info-box","info-box-01"],null,info);(0,helpers.az)("p",["info-headline"],infoheadline1,info1);var boxContent1=(0,helpers.az)("p",["info-box--content","info-box--text"],null,info1);if((0,helpers.az)("a",[],infotext1,boxContent1).href="#",showElectionArea){var info2=(0,helpers.az)("div",["info-box","info-box-02"],null,info);(0,helpers.az)("p",["info-headline"],infoheadline2,info2);var boxContent2=(0,helpers.az)("p",["info-box--content","info-box--text"],null,info2);(0,helpers.az)("a",[],infotext2,boxContent2).href="#"}var info3=(0,helpers.az)("div",["info-box","info-box-03"],null,info);(0,helpers.az)("p",["info-headline"],infoheadline3,info3);var info3content=(0,helpers.az)("div",["info-box--content","info-box--content"],null,info3);(0,helpers.az)("p",["headline"],infobox3headline,info3content),(0,helpers.az)("p",["address"],infobox3address,info3content);var website=(0,helpers.az)("p",[],null,info3content);(0,helpers.az)("a",[],infobox3website,website).href="#";var email=(0,helpers.az)("p",[],null,info3content);(0,helpers.az)("a",[],infobox3email,email).href="mailto:#";var phone=(0,helpers.az)("p",[],null,info3content);(0,helpers.az)("a",[],infobox3phone,phone).href="tel:004941027789931",back.appendChild((0,ButtonComponent.a)({label:backButton})),(0,helpers.az)("h3",[],contactHeadline,more),(0,helpers.az)("p",[],contactText,more);var ul=(0,helpers.az)("ul",["contact-buttons"],null,more),li=(0,helpers.az)("li",[],null,ul);return(0,helpers.az)("a",["icon-telefon","btn","white","btn-small","icon-left"],"04141/524-0",li).href="tel:04141/524-0",electionDetail}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/election-detail/election-detail.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,'.election-detail{margin:0 0 80px 0}.election-detail--text{display:flex;justify-content:space-between;align-items:flex-start;background:var(--theme-color-primary-dimmed-04);padding:0 0 30px 0}@media(max-width: 1100px){.election-detail--text{display:block}}.election-detail--text img{display:block;width:545px;margin:0 40px 0 0}@media(max-width: 1100px){.election-detail--text img{width:100%}}.election-detail--text .election-detail--image-container{position:relative;margin:0 40px 0 0}.election-detail--text .election-detail--image-container img{margin:0}.election-detail--text .election-detail--image-container .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}.election-detail--text .text-box{flex:1;padding-right:1.5rem}@media(max-width: 1100px){.election-detail--text .text-box{padding-left:15px;padding-right:15px}}.election-detail--text h1{margin:1.5rem 0}.election-detail--text h2{margin:0 0 .75rem 0;font-size:36px;line-height:42px}.election-detail--text p{margin:0 0 1.5rem 0}.election-detail--text p.subheadline{margin:-1rem 0 1.5rem 0;font-weight:600}.election-detail--text .social-media p{font-size:1rem;text-transform:uppercase;margin:0 0 .5rem 0}.election-detail--text .social-media .social-icons a:before{color:var(--theme-color-primary)}.election-detail--text .social-media .social-icons a:hover:before{color:var(--theme-color-secondary)}.election-detail--video{padding:30px 0;background:var(--theme-color-primary-dimmed-02)}@media(max-width: 1100px){.election-detail--video{background:none}}.election-detail--video .video-container{margin:0 auto;max-width:976px}@media(max-width: 1100px){.election-detail--video .video-container{width:100%;max-width:none}}.election-detail--video .video-container .video{margin:0}.election-detail--info{display:flex;justify-content:space-between;background:var(--theme-color-primary);color:var(--theme-color-white)}@media(max-width: 1023px){.election-detail--info{display:block;background:none}}.election-detail--info .info-box{flex:1;padding:30px 20px;display:flex;flex-direction:column;justify-content:space-between}@media(max-width: 1023px){.election-detail--info .info-box{background:var(--theme-color-primary);margin:0 0 5px 0}}.election-detail--info .info-headline{display:block;font-size:16px;margin-bottom:2px;letter-spacing:.3px}@media(max-width: 767px){.election-detail--info .info-headline{font-size:14px}}.election-detail--info .info-headline+h1,.election-detail--info .info-headline+.like-h1{margin-top:.1em}.election-detail--info .info-headline+h2,.election-detail--info .info-headline+.like-h2,.election-detail--info .info-headline+h3,.election-detail--info .info-headline+.like-h3,.election-detail--info .info-headline+h4+.like-h4{margin-top:.2em}.election-detail--info .info-box--content p{font-size:18px;line-height:27px;margin:0 0 5px 0}.election-detail--info .info-box--content p.headline{font-weight:600;margin:0}.election-detail--info .info-box--content .address .text{margin:inherit;font-size:18px}.election-detail--info .info-box--text{cursor:pointer;color:var(--theme-color-white);font-size:36px;line-height:44px;margin:0;font-family:"Korb",sans-serif}.election-detail--info .info-box--text:hover{color:var(--theme-color-secondary)}@media(max-width: 767px){.election-detail--info .info-box--text{font-size:24px;line-height:29px}}.election-detail--back{background:var(--theme-color-primary-dimmed-04);display:flex;justify-content:center;padding:30px 15px;margin:20px 0 0 0}.election-detail--more{margin:60px 0 0 0 !important;max-width:none !important}',"",{version:3,sources:["webpack://./stories/sections/election-detail/election-detail.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAGA,iBACE,iBAAA,CACA,uBACE,YAAA,CACA,6BAAA,CACA,sBAAA,CACA,+CAAA,CACA,kBAAA,CACA,0BANF,uBAOI,aAAA,CAAA,CAGF,2BACE,aAAA,CACA,WAAA,CACA,iBAAA,CACA,0BAJF,2BAKI,UAAA,CAAA,CAIJ,yDACE,iBAAA,CACA,iBAAA,CACA,6DACE,QAAA,CAEF,oEC2EJ,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,CDrFE,iCACE,MAAA,CACA,oBAAA,CACA,0BAHF,iCAII,iBAAA,CACA,kBAAA,CAAA,CAIJ,0BACE,eAAA,CAGF,0BACE,mBAAA,CACA,cAAA,CACA,gBAAA,CAGF,yBACE,mBAAA,CAEA,qCACE,uBAAA,CACA,eAAA,CAKF,uCACE,cAAA,CACA,wBAAA,CACA,kBAAA,CAKE,4DACE,gCAAA,CAGF,kEACE,kCAAA,CAOV,wBACE,cAAA,CACA,+CAAA,CACA,0BAHF,wBAII,eAAA,CAAA,CAGF,yCACE,aAAA,CACA,eAAA,CACA,0BAHF,yCAII,UAAA,CACA,cAAA,CAAA,CAEF,gDACE,QAAA,CAKN,uBACE,YAAA,CACA,6BAAA,CACA,qCAAA,CACA,8BAAA,CACA,0BALF,uBAMI,aAAA,CACA,eAAA,CAAA,CAGF,iCACE,MAAA,CACA,iBAAA,CACA,YAAA,CACA,qBAAA,CACA,6BAAA,CACA,0BANF,iCAOI,qCAAA,CACA,gBAAA,CAAA,CAGJ,sCCjEF,aAAA,CACA,cAAA,CAEA,iBAAA,CACA,mBAAA,CAEA,yBD2DE,sCC1DA,cAAA,CAAA,CAGF,wFAEE,eAAA,CAGF,kOAGE,eAAA,CDmDE,4CACE,cAAA,CACA,gBAAA,CACA,gBAAA,CACA,qDACE,eAAA,CACA,QAAA,CAIF,yDACE,cAAA,CACA,cAAA,CAIN,uCACE,cAAA,CACA,8BAAA,CAIA,cAAA,CACA,gBAAA,CACA,QAAA,CACA,6BAAA,CANA,6CACE,kCAAA,CAMF,yBAVF,uCAWI,cAAA,CACA,gBAAA,CAAA,CAKN,uBACE,+CAAA,CACA,YAAA,CACA,sBAAA,CACA,iBAAA,CACA,iBAAA,CAGF,uBACE,4BAAA,CACA,yBAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.election-detail {\n margin: 0 0 80px 0;\n &--text {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n background: var(--theme-color-primary-dimmed-04);\n padding: 0 0 30px 0;\n @media (max-width: 1100px) {\n display: block;\n }\n\n img {\n display: block;\n width: 545px;\n margin: 0 40px 0 0;\n @media (max-width: 1100px) {\n width: 100%;\n }\n }\n\n .election-detail--image-container {\n position: relative;\n margin: 0 40px 0 0;\n img {\n margin: 0;\n }\n .copyright {\n @include copyright;\n }\n }\n\n .text-box {\n flex: 1;\n padding-right: 1.5rem;\n @media (max-width: 1100px) {\n padding-left: 15px;\n padding-right: 15px;\n }\n }\n\n h1 {\n margin: 1.5rem 0;\n }\n\n h2 {\n margin: 0 0 0.75rem 0;\n font-size: 36px;\n line-height: 42px;\n }\n\n p {\n margin: 0 0 1.5rem 0;\n\n &.subheadline {\n margin: -1rem 0 1.5rem 0;\n font-weight: 600;\n }\n }\n\n .social-media {\n p {\n font-size: 1rem;\n text-transform: uppercase;\n margin: 0 0 0.5rem 0;\n }\n\n .social-icons {\n a {\n &:before {\n color: var(--theme-color-primary);\n }\n\n &:hover:before {\n color: var(--theme-color-secondary);\n }\n }\n }\n }\n }\n\n &--video {\n padding: 30px 0;\n background: var(--theme-color-primary-dimmed-02);\n @media (max-width: 1100px) {\n background: none;\n }\n\n .video-container {\n margin: 0 auto;\n max-width: 976px;\n @media (max-width: 1100px) {\n width: 100%;\n max-width: none;\n }\n .video {\n margin: 0;\n }\n }\n }\n\n &--info {\n display: flex;\n justify-content: space-between;\n background: var(--theme-color-primary);\n color: var(--theme-color-white);\n @media (max-width: 1023px) {\n display: block;\n background: none;\n }\n\n .info-box {\n flex: 1;\n padding: 30px 20px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n @media (max-width: 1023px) {\n background: var(--theme-color-primary);\n margin: 0 0 5px 0;\n }\n }\n .info-headline {\n @include kicker;\n }\n .info-box--content {\n p {\n font-size: 18px;\n line-height: 27px;\n margin: 0 0 5px 0;\n &.headline {\n font-weight: 600;\n margin: 0;\n }\n }\n .address {\n .text {\n margin: inherit;\n font-size: 18px;\n }\n }\n }\n .info-box--text {\n cursor: pointer;\n color: var(--theme-color-white);\n &:hover {\n color: var(--theme-color-secondary);\n }\n font-size: 36px;\n line-height: 44px;\n margin: 0;\n font-family: 'Korb', sans-serif;\n @media (max-width: 767px) {\n font-size: 24px;\n line-height: 29px;\n }\n }\n }\n\n &--back {\n background: var(--theme-color-primary-dimmed-04);\n display: flex;\n justify-content: center;\n padding: 30px 15px;\n margin: 20px 0 0 0;\n }\n\n &--more {\n margin: 60px 0 0 0 !important;\n max-width: none !important;\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___}}]);