|
- "use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[8788],{"./stories/sections/survey/SurveyComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{V:()=>createSurvey});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),survey=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/survey/survey.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(survey.Z,options);survey.Z.locals;var jquery=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery_default=__webpack_require__.n(jquery),helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),SurveyData=__webpack_require__("./stories/sections/survey/SurveyData.js"),ButtonComponent=__webpack_require__("./stories/atoms/button/ButtonComponent.js");__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-int.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.to-primitive.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-primitive.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor)}}function _toPropertyKey(t){var i=function _toPrimitive(t,r){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==typeof i?i:String(i)}var IHKSurvey=function(){function IHKSurvey(section){!function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,IHKSurvey),this.section=section.addClass("initiated"),this.formBox=section.find(".form-box"),this.form=section.find("form"),this.initSize(),this.form.data("show-result")?this.loadResult():this.initOptions()}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(IHKSurvey,[{key:"initSize",value:function initSize(){var _this=this;new ResizeObserver((function(entries){entries.map((function(entry){var w=entry.borderBoxSize[0].inlineSize;window.requestAnimationFrame((function(){w<500?_this.section.attr("data-size","sm"):w<1e3?_this.section.attr("data-size","md"):_this.section.attr("data-size","lg")}))}))})).observe(this.section.get(0))}},{key:"initOptions",value:function initOptions(){var _this2=this;this.form.find('input[type="radio"]').on("change",(function(e){_this2.form.find('input[type="radio"]:checked').length===_this2.form.find("fieldset").length&&_this2.loadResult()}))}},{key:"loadResult",value:function loadResult(){var _this3=this;"get"===this.form.attr("method")?jquery_default().get(this.form.attr("action"),this.form.serialize()).done((function(result){_this3.insertResult(result)})):jquery_default().post(this.form.attr("action"),this.form.serialize()).done((function(result){_this3.insertResult(result)}))}},{key:"insertResult",value:function insertResult(result){var _this4=this,heightDiff=this.formBox.outerHeight()-this.form.outerHeight();this.formBox.css("height",this.formBox.outerHeight()+"px"),this.result=jquery_default()(result).appendTo(this.formBox),this.formBox.css("height",this.result.outerHeight()+heightDiff+"px"),this.animateResult(),setTimeout((function(){_this4.section.addClass("show-result")}),50),setTimeout((function(){_this4.formBox.removeAttr("style")}),800)}},{key:"animateResult",value:function animateResult(){var items=this.result.find(".sub-result-wrapper");items.each((function(i,el){jquery_default()('<span class="bar" />').prependTo(jquery_default()(el)).css("transition-delay",(i/10).toString()+"s")})),setTimeout((function(){items.each((function(i,el){var item=jquery_default()(el);item.find(".bar").css("width",parseInt(item.find(".value").text())+"%")}))}),500)}}]),IHKSurvey}();const sections_survey_survey=IHKSurvey;jquery_default()("body").on("ihk-init dynamic-component-loaded gfi-dynamic-init",(function(){jquery_default()(".survey:not(.initiated)").each((function(i,el){new IHKSurvey(jquery_default()(el))}))}));var createSurvey=function createSurvey(_ref){var _ref$kicker=_ref.kicker,kicker=void 0===_ref$kicker?"Schnellumfrage":_ref$kicker,_ref$headline=_ref.headline,headline=void 0===_ref$headline?"Einführung von 2G im Einzelhandel: Was halten Sie davon?":_ref$headline,_ref$copy=_ref.copy,copy=void 0===_ref$copy?"Hier können Sie abstimmen:":_ref$copy,_ref$method=_ref.method,method=void 0===_ref$method?"get":_ref$method,_ref$data=_ref.data,data=void 0===_ref$data?SurveyData.o:_ref$data,section=(0,helpers.az)("section",["participation"]),container=(0,helpers.az)("div",["container"],null,section),survey=(0,helpers.az)("div",["vot-teaser","survey"],null,container),textBox=(0,helpers.az)("div",["text-box"],null,survey);(0,helpers.az)("p",["kicker"],kicker,textBox),(0,helpers.az)("h3",[],headline,textBox),(0,helpers.az)("p",[],copy,textBox);var formBox=(0,helpers.az)("div",["form-box"],null,survey),form=(0,helpers.az)("form",["vot-form"],null,formBox);return form.id="voting-form",form.action="./html/survey-simple.html",form.dataset.showResultUrl="./html/survey-simple.html",form.dataset.showResult="false",form.method=method,data.map((function(group){var fieldset=(0,helpers.az)("fieldset",[],null,form);group.legend&&(0,helpers.az)("legend",[],group.legend,fieldset);var choicesWrapper=(0,helpers.az)("div",["choices-wrapper"],null,fieldset),choicesList=(0,helpers.az)("ul",["choices"],null,choicesWrapper);group.options.map((function(option,index){var id=group.name+"-"+index,li=(0,helpers.az)("li",["choice"],null,choicesList),input=(0,helpers.az)("input",[],null,li),label=(0,ButtonComponent.a)({elementType:"label",color:"secondary-light",label:option,size:"medium"});li.appendChild(label),input.name=group.name,input.id=id,input.type="radio",input.value=option,label.setAttribute("for",id)}))})),new sections_survey_survey(jquery_default()(survey)),section}},"./stories/sections/survey/SurveyData.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{i:()=>SurveyComplexData,o:()=>SurveySimpleData});var SurveySimpleData=[{legend:null,name:"vote",options:["Sehr gut, angesichts der hohen Inzidenzen","Mir ist das egal","Die Regel ist zu hart"]}],SurveyComplexData=[{legend:"Sie sind?",name:"group",options:["Couch-Trainer","Fan","Fußball-Profi"]},{legend:"Soll der Bundestrainer abtreten?",name:"choice",options:["ja","nein"]}]},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/survey/survey.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,'.richtext .detail-text:has(.survey){overflow-x:visible}.survey{position:relative;display:block;margin:var(--section-margin) 0;background-color:var(--theme-color-secondary-dimmed);border-bottom:var(--border-width) solid var(--theme-color-secondary)}.survey legend{margin:0 0 .75rem 0}.survey .text-box{padding:var(--content-box-padding) var(--content-box-padding) 0 var(--content-box-padding);font-size:var(--font-size-small)}.survey .text-box .kicker{margin-top:-0.3em}.survey .text-box h2,.survey .text-box h3{margin-top:.2em;margin-bottom:.3em}.survey .text-box p:last-child{margin-bottom:0}@media(max-width: 567px){.survey .text-box{padding-top:calc(var(--content-box-padding)*1.5)}}.survey .form-box{position:relative;padding:var(--content-box-padding);transition:height .5s cubic-bezier(0.645, 0.045, 0.355, 1)}@media(max-width: 567px){.survey .form-box{padding-bottom:calc(var(--content-box-padding)*1.5)}}.survey form{opacity:1;visibility:visible;pointer-events:all;transition:opacity .4s ease 0s,visibility 0s ease 0s,transform .4s ease 0s;transform:translate3d(0, 0, 0) scale(1)}.survey form:not(:last-child){height:0}@media(max-width: 767px){.survey h3,.survey h4{font-size:26px}}.survey legend{font-family:var(--font-korb);font-size:var(--font-size-h4);font-style:normal;font-weight:normal;line-height:1.2;margin:1.4em -0.05em .8em;color:var(--theme-color-primary);margin:1em 0 .5em;padding:0;border-bottom:0}.survey ul{list-style:none;padding:0;margin:0 -2px}.survey ul li.choice{position:relative;padding:0}.survey ul li.choice+li{margin-top:15px}.survey input[type=radio]{position:absolute;display:block;top:0;left:0;width:100%;height:100%;z-index:1;border-radius:var(--border-radius-md);margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:.25s ease;cursor:pointer;opacity:.000001}.survey input[type=radio].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}.survey input[type=radio]:focus-visible,.survey input[type=radio].-moz-focusring{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.survey input[type=radio]:checked+label{background-color:var(--theme-color-secondary-intensed);color:var(--theme-color-white)}.survey input[type=radio]:hover+label::after{opacity:var(--button-hover-shadow-opacity);box-shadow:0 0 0 var(--button-hover-shadow-size) var(--button-bg-color)}.survey label.btn{width:100%;transition:.3s ease;margin:0;text-align:center;line-height:1.2;min-height:48px}@media(max-width: 999px){.survey label.btn{min-height:44px}}.survey fieldset{border:0;padding:0;margin:0}.survey fieldset+fieldset{margin-top:calc(20px + 2%)}.survey .btn-wrapper{display:none}.survey .survey-result>.title{display:none}.survey .result-wrapper .title{font-family:var(--font-korb);font-size:var(--font-size-h4);font-style:normal;font-weight:normal;line-height:1.2;margin:1.4em -0.05em .8em}.survey .sub-result-wrapper{position:relative;display:flex;justify-content:space-between;font-size:var(--font-size-copy);line-height:1.1;padding:10px 15px;align-items:center;font-family:"Korb",sans-serif;min-height:48px}@media(max-width: 999px){.survey .sub-result-wrapper{min-height:44px}}@media(max-width: 767px){.survey .sub-result-wrapper{padding:5px 5px 5px 10px}}.survey .sub-result-wrapper+.sub-result-wrapper{margin-top:15px}.survey .sub-result-wrapper div{position:relative;display:block}.survey .sub-result-wrapper div.answer{overflow:hidden;max-width:calc(100% - 60px)}@media(max-width: 767px){.survey .sub-result-wrapper div.answer{max-width:calc(100% - 50px)}}.survey .sub-result-wrapper .bar{position:absolute;display:block;left:0;width:0;top:0;bottom:0;transition:.8s cubic-bezier(0.645, 0.045, 0.355, 1);min-width:1px;background-color:#9ad7a3}.survey .survey-result{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease 0s,visibility 0s ease .4s,transform .4s ease 0s;transform:translate3d(0, 0, 0) scale(0.9)}.survey .survey-result h3{margin-bottom:.9em}.survey.show-result .survey-result{opacity:1;visibility:visible;pointer-events:all;transition:opacity .4s ease .3s,visibility 0s ease .3s,transform .4s ease .3s;transform:translate3d(0, 0, 0) scale(1)}.survey.show-result form{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease 0s,visibility 0s ease .4s,transform .4s ease 0s;transform:translate3d(0, 0, 0) scale(0.9)}.survey[data-size=lg]{display:flex;align-items:flex-start}.survey[data-size=lg] .text-box,.survey[data-size=lg] .form-box{flex:1 1 100%;max-width:50%}.survey[data-size=lg] .text-box{padding:var(--content-box-padding);margin-bottom:.1em}.survey[data-size=lg] .text-box .kicker{padding-top:.1em}.survey[data-size=lg] .form-box{padding-left:0}',"",{version:3,sources:["webpack://./stories/sections/survey/survey.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAIE,oCACE,kBAAA,CAIJ,QACE,iBAAA,CACA,aAAA,CACA,8BAAA,CACA,oDAAA,CACA,oEAAA,CAEA,eACE,mBAAA,CAGF,kBACE,0FAAA,CACA,gCAAA,CAEA,0BACE,iBAAA,CAGF,0CACE,eAAA,CACA,kBAAA,CAGF,+BACE,eAAA,CAGF,yBAjBF,kBAkBI,gDAAA,CAAA,CAIJ,kBACE,iBAAA,CACA,kCAAA,CACA,0DAAA,CAEA,yBALF,kBAMI,mDAAA,CAAA,CAIJ,aCmCA,SAAA,CACA,kBAAA,CACA,kBAAA,CACA,0EAAA,CDpCE,uCAAA,CAEA,8BACE,QAAA,CAKF,yBADF,sBAEI,cAAA,CAAA,CAIJ,eCtCA,4BAAA,CACA,6BAAA,CACA,iBAAA,CACA,kBAAA,CACA,eAAA,CACA,yBAAA,CDmCE,gCAAA,CACA,iBAAA,CACA,SAAA,CACA,eAAA,CAGF,WACE,eAAA,CACA,SAAA,CACA,aAAA,CAEA,qBACE,iBAAA,CACA,SAAA,CAEA,wBACE,eAAA,CAKN,0BACE,iBAAA,CACA,aAAA,CACA,KAAA,CACA,MAAA,CACA,UAAA,CACA,WAAA,CACA,SAAA,CACA,qCAAA,CACA,QAAA,CACA,uBAAA,CACA,oBAAA,CACA,eAAA,CACA,oBAAA,CACA,cAAA,CACA,eAAA,CCqEA,8CACE,4GAAA,CACA,SAAA,CAEF,iFACE,4GAAA,CACA,SAAA,CDxEF,wCACE,sDAAA,CACA,8BAAA,CAGF,6CACE,0CAAA,CACA,uEAAA,CAIJ,kBACE,UAAA,CACA,mBAAA,CACA,QAAA,CACA,iBAAA,CACA,eAAA,CACA,eAAA,CAEA,yBARF,kBASI,eAAA,CAAA,CAIJ,iBACE,QAAA,CACA,SAAA,CACA,QAAA,CAGF,0BACE,0BAAA,CAGF,qBACE,YAAA,CAGF,8BACE,YAAA,CAIA,+BC1HF,4BAAA,CACA,6BAAA,CACA,iBAAA,CACA,kBAAA,CACA,eAAA,CACA,yBAAA,CD0HA,4BACE,iBAAA,CACA,YAAA,CACA,6BAAA,CACA,+BAAA,CACA,eAAA,CACA,iBAAA,CACA,kBAAA,CACA,6BAAA,CACA,eAAA,CAEA,yBAXF,4BAYI,eAAA,CAAA,CAGF,yBAfF,4BAgBI,wBAAA,CAAA,CAGF,gDACE,eAAA,CAGF,gCACE,iBAAA,CACA,aAAA,CAEA,uCACE,eAAA,CACA,2BAAA,CAEA,yBAJF,uCAKI,2BAAA,CAAA,CAKN,iCACE,iBAAA,CACA,aAAA,CACA,MAAA,CACA,OAAA,CACA,KAAA,CACA,QAAA,CACA,mDAAA,CACA,aAAA,CACA,wBAAA,CAIJ,uBC9HA,SAAA,CACA,iBAAA,CACA,mBAAA,CACA,2EAAA,CD6HE,yCAAA,CAEA,0BACE,kBAAA,CAKF,mCCjIF,SAAA,CACA,kBAAA,CACA,kBAAA,CACA,6EAAA,CDgII,uCAAA,CAGF,yBC7IF,SAAA,CACA,iBAAA,CACA,mBAAA,CACA,2EAAA,CD4II,yCAAA,CAIJ,sBACE,YAAA,CAEA,sBAAA,CAEA,gEACE,aAAA,CACA,aAAA,CAGF,gCACE,kCAAA,CACA,kBAAA,CACA,wCACE,gBAAA,CAIJ,gCACE,cAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.richtext {\n .detail-text:has(.survey) {\n overflow-x: visible;\n }\n}\n\n.survey {\n position: relative;\n display: block;\n margin: var(--section-margin) 0;\n background-color: var(--theme-color-secondary-dimmed);\n border-bottom: var(--border-width) solid var(--theme-color-secondary);\n\n legend {\n margin: 0 0 0.75rem 0;\n }\n\n .text-box {\n padding: var(--content-box-padding) var(--content-box-padding) 0 var(--content-box-padding);\n font-size: var(--font-size-small);\n\n .kicker {\n margin-top: -0.3em;\n }\n\n h2, h3 {\n margin-top: 0.2em;\n margin-bottom: 0.3em;\n }\n\n p:last-child {\n margin-bottom: 0;\n }\n\n @media(max-width: 567px) {\n padding-top: calc(var(--content-box-padding) * 1.5);\n }\n }\n\n .form-box {\n position: relative;\n padding: var(--content-box-padding);\n transition: height 0.5s $easeInOutCubic;\n\n @media(max-width: 567px) {\n padding-bottom: calc(var(--content-box-padding) * 1.5);\n }\n }\n\n form {\n @include show;\n transform: translate3d(0, 0, 0) scale(1);\n\n &:not(:last-child) {\n height: 0;\n }\n }\n\n h3, h4 {\n @media(max-width: 767px) {\n font-size: 26px;\n }\n }\n\n legend {\n @include h4;\n color: var(--theme-color-primary);\n margin: 1em 0 0.5em;\n padding: 0;\n border-bottom: 0;\n }\n\n ul {\n list-style: none;\n padding: 0;\n margin: 0 -2px;\n\n li.choice {\n position: relative;\n padding: 0;\n\n + li {\n margin-top: 15px;\n }\n }\n }\n\n input[type=\"radio\"] {\n position: absolute;\n display: block;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n border-radius: var(--border-radius-md);\n margin: 0;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n transition: 0.25s ease;\n cursor: pointer;\n opacity: 0.000001;\n @include focus-visible();\n\n &:checked + label {\n background-color: var(--theme-color-secondary-intensed);\n color: var(--theme-color-white);\n }\n\n &:hover + label::after {\n opacity: var(--button-hover-shadow-opacity);\n box-shadow: 0 0 0 var(--button-hover-shadow-size) var(--button-bg-color);\n }\n }\n\n label.btn {\n width: 100%;\n transition: 0.3s ease;\n margin: 0;\n text-align: center;\n line-height: 1.2;\n min-height: 48px;\n\n @media(max-width: 999px) {\n min-height: 44px;\n }\n }\n\n fieldset {\n border: 0;\n padding: 0;\n margin: 0;\n }\n\n fieldset + fieldset {\n margin-top: calc(20px + 2%);\n }\n\n .btn-wrapper {\n display: none;\n }\n\n .survey-result > .title {\n display: none;\n }\n\n .result-wrapper {\n .title {\n @include h4;\n }\n }\n\n .sub-result-wrapper {\n position: relative;\n display: flex;\n justify-content: space-between;\n font-size: var(--font-size-copy);\n line-height: 1.1;\n padding: 10px 15px;\n align-items: center;\n font-family: \"Korb\", sans-serif;\n min-height: 48px;\n\n @media(max-width: 999px) {\n min-height: 44px;\n }\n\n @media(max-width: 767px) {\n padding: 5px 5px 5px 10px;\n }\n\n + .sub-result-wrapper {\n margin-top: 15px;\n }\n\n div {\n position: relative;\n display: block;\n\n &.answer {\n overflow: hidden;\n max-width: calc(100% - 60px);\n\n @media(max-width: 767px) {\n max-width: calc(100% - 50px);\n }\n }\n }\n\n .bar {\n position: absolute;\n display: block;\n left: 0;\n width: 0;\n top: 0;\n bottom: 0;\n transition: 0.8s $easeInOutCubic;\n min-width: 1px;\n background-color: #9AD7A3;\n }\n }\n\n .survey-result {\n @include hide;\n transform: translate3d(0, 0, 0) scale(0.9);\n\n h3 {\n margin-bottom: 0.9em;\n }\n }\n\n &.show-result {\n .survey-result {\n @include show(0.3s);\n transform: translate3d(0, 0, 0) scale(1);\n }\n\n form {\n @include hide();\n transform: translate3d(0, 0, 0) scale(0.9);\n }\n }\n\n &[data-size='lg'] {\n display: flex;\n //align-items: center;\n align-items: flex-start;\n\n .text-box, .form-box {\n flex: 1 1 100%;\n max-width: 50%;\n }\n\n .text-box {\n padding: var(--content-box-padding);\n margin-bottom: 0.1em;\n .kicker {\n padding-top: 0.1em;\n }\n }\n\n .form-box {\n padding-left: 0;\n }\n }\n}\n","@mixin h1 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h1);\n line-height: 1.1;\n font-weight: 400;\n margin: 0.6em -0.05em 0.5em;\n\n &:first-child {\n margin-top: -0.1em;\n }\n}\n\n@mixin h2 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h2);\n line-height: 1.2;\n font-weight: 400;\n margin: 1.4em -0.05em 0.6em;\n}\n\n@mixin h3 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h3);\n line-height: 1.2;\n font-weight: 400;\n margin: 1.4em -0.05em 0.6em;\n}\n\n@mixin h4 {\n font-family: var(--font-korb);\n font-size: var(--font-size-h4);\n font-style: normal;\n font-weight: normal;\n line-height: 1.2;\n margin: 1.4em -0.05em 0.8em;\n}\n\n@mixin h5 {\n font-family: var(--font-korb);\n font-size: 22px;\n line-height: 1.2;\n font-weight: 400;\n margin: 1em 0 0.6em;\n\n @media(max-width: 1339px) {\n font-size: 20px;\n }\n @media(max-width: 767px) {\n font-size: 18px;\n }\n}\n\n@mixin h6 {\n font-size: inherit;\n line-height: 1.4;\n font-weight: 600;\n margin: 1.2em 0 0.5em;\n}\n\n@mixin kicker {\n display: block;\n font-size: 16px;\n text-transform: uppercase;\n margin-bottom: 2px;\n letter-spacing: 0.3px;\n\n @media(max-width: 767px) {\n font-size: 14px;\n }\n\n + h1 {\n 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 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\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___}}]);
|
