|
- "use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[3470],{"./stories/atoms/labelFormCentric/LabelFormCentricComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{O:()=>createLabelFormCentric});var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),labelFormCentric=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/labelFormCentric/labelFormCentric.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(labelFormCentric.Z,options);labelFormCentric.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),createLabelFormCentric=function createLabelFormCentric(_ref){var labelField,_ref$text=_ref.text,text=void 0===_ref$text?"Benutzername":_ref$text,_ref$forAttribute=_ref.forAttribute,forAttribute=void 0===_ref$forAttribute?"name":_ref$forAttribute,_ref$isRequired=_ref.isRequired,isRequired=void 0!==_ref$isRequired&&_ref$isRequired,_ref$labelType=(_ref.isHidden,_ref.labelType),labelType=void 0===_ref$labelType?"not-set":_ref$labelType;if("text"===labelType)(labelField=(0,helpers.az)("label",["mwf-textinput__label"],text)).htmlFor=forAttribute,isRequired&&((0,helpers.az)("span",["mwf-textinput__required","mwf-required"],"*",labelField).title="Pflichtfeld");else if("checkbox"===labelType)(labelField=(0,helpers.az)("label",["mwf-checkbox__label"])).htmlFor=forAttribute,(0,helpers.az)("span",["mwf-checkbox__text"],text,labelField);else if("radio"===labelType)(labelField=(0,helpers.az)("label",["mwf-radio__label"])).htmlFor=forAttribute,(0,helpers.az)("span",["mwf-radio__text"],text,labelField);else if("select"===labelType){if((labelField=(0,helpers.az)("label",["mwf-select__label"],text)).htmlFor=forAttribute,isRequired)(0,helpers.az)("span",["mwf-select__required","mwf-required"],"*",labelField).title="Pflichtfeld"}else if("textarea"===labelType){if((labelField=(0,helpers.az)("label",["mwf-textarea__label"],text)).htmlFor=forAttribute,isRequired)(0,helpers.az)("span",["mwf-textarea__required","mwf-required"],"*",labelField).title="Pflichtfeld"}else(labelField=(0,helpers.az)("label",["mwf-textinput__label"],text)).htmlFor=forAttribute;return labelField}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/labelFormCentric/labelFormCentric.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,"label{display:block;font-size:var(--font-size-small);font-weight:400;margin:0}label a:hover{color:var(--theme-color-link-hover)}label span{vertical-align:top;margin-left:.1em}","",{version:3,sources:["webpack://./stories/atoms/labelFormCentric/labelFormCentric.scss"],names:[],mappings:"AAAA,MACE,aAAA,CACA,gCAAA,CACA,eAAA,CACA,QAAA,CAEA,cACE,mCAAA,CAGF,WACE,kBAAA,CACA,gBAAA",sourcesContent:["label {\n display: block;\n font-size: var(--font-size-small);\n font-weight: 400;\n margin: 0;\n\n a:hover {\n color: var(--theme-color-link-hover);\n }\n\n span {\n vertical-align: top;\n margin-left: 0.1em;\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/form-element-form-centric/form-element-form-centric.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,'.mwf-layout{display:flex;flex-wrap:wrap;gap:20px;width:100%}.mwf-layout>*{flex-basis:100%}.mwf-layout>*.width--s{flex-basis:calc(20% - 16px)}.mwf-layout>*.width--m{flex-basis:calc(50% - 10px)}.mwf-layout>*.width--l{flex-basis:calc(80% - 4px)}@media(max-width: 767px){.mwf-layout>*{flex-basis:100% !important}}.mwf-textinput,.mwf-select,.mwf-checkboxgroup,.mwf-radiogroup,.mwf-textarea,.mwf-file{display:flex;flex-direction:column}.mwf-textinput.has-error input,.mwf-textinput.has-error select,.mwf-textinput.has-error textarea,.mwf-select.has-error input,.mwf-select.has-error select,.mwf-select.has-error textarea,.mwf-checkboxgroup.has-error input,.mwf-checkboxgroup.has-error select,.mwf-checkboxgroup.has-error textarea,.mwf-radiogroup.has-error input,.mwf-radiogroup.has-error select,.mwf-radiogroup.has-error textarea,.mwf-textarea.has-error input,.mwf-textarea.has-error select,.mwf-textarea.has-error textarea,.mwf-file.has-error input,.mwf-file.has-error select,.mwf-file.has-error textarea{box-shadow:0 0 0 2px red,0 0 8px 2px red}.mwf-textinput p,.mwf-textinput .mwf-file__label,.mwf-select p,.mwf-select .mwf-file__label,.mwf-checkboxgroup p,.mwf-checkboxgroup .mwf-file__label,.mwf-radiogroup p,.mwf-radiogroup .mwf-file__label,.mwf-textarea p,.mwf-textarea .mwf-file__label,.mwf-file p,.mwf-file .mwf-file__label{margin:0}.mwf-textinput .mwf-checkboxgroup__options,.mwf-textinput .mwf-radioroup__options,.mwf-select .mwf-checkboxgroup__options,.mwf-select .mwf-radioroup__options,.mwf-checkboxgroup .mwf-checkboxgroup__options,.mwf-checkboxgroup .mwf-radioroup__options,.mwf-radiogroup .mwf-checkboxgroup__options,.mwf-radiogroup .mwf-radioroup__options,.mwf-textarea .mwf-checkboxgroup__options,.mwf-textarea .mwf-radioroup__options,.mwf-file .mwf-checkboxgroup__options,.mwf-file .mwf-radioroup__options{order:1}.mwf-textinput input,.mwf-textinput select,.mwf-textinput textarea,.mwf-select input,.mwf-select select,.mwf-select textarea,.mwf-checkboxgroup input,.mwf-checkboxgroup select,.mwf-checkboxgroup textarea,.mwf-radiogroup input,.mwf-radiogroup select,.mwf-radiogroup textarea,.mwf-textarea input,.mwf-textarea select,.mwf-textarea textarea,.mwf-file input,.mwf-file select,.mwf-file textarea{order:2}.mwf-textinput .mwf-textinput__hint,.mwf-textinput .mwf-select__hint,.mwf-textinput .mwf-checkbox__hint,.mwf-textinput .mwf-radio__hint,.mwf-textinput .mwf-textarea__hint,.mwf-textinput .mwf-file__hint,.mwf-select .mwf-textinput__hint,.mwf-select .mwf-select__hint,.mwf-select .mwf-checkbox__hint,.mwf-select .mwf-radio__hint,.mwf-select .mwf-textarea__hint,.mwf-select .mwf-file__hint,.mwf-checkboxgroup .mwf-textinput__hint,.mwf-checkboxgroup .mwf-select__hint,.mwf-checkboxgroup .mwf-checkbox__hint,.mwf-checkboxgroup .mwf-radio__hint,.mwf-checkboxgroup .mwf-textarea__hint,.mwf-checkboxgroup .mwf-file__hint,.mwf-radiogroup .mwf-textinput__hint,.mwf-radiogroup .mwf-select__hint,.mwf-radiogroup .mwf-checkbox__hint,.mwf-radiogroup .mwf-radio__hint,.mwf-radiogroup .mwf-textarea__hint,.mwf-radiogroup .mwf-file__hint,.mwf-textarea .mwf-textinput__hint,.mwf-textarea .mwf-select__hint,.mwf-textarea .mwf-checkbox__hint,.mwf-textarea .mwf-radio__hint,.mwf-textarea .mwf-textarea__hint,.mwf-textarea .mwf-file__hint,.mwf-file .mwf-textinput__hint,.mwf-file .mwf-select__hint,.mwf-file .mwf-checkbox__hint,.mwf-file .mwf-radio__hint,.mwf-file .mwf-textarea__hint,.mwf-file .mwf-file__hint{order:3;text-align:end;font-size:16px;font-weight:600}.mwf-textinput .mwf-textinput__error,.mwf-textinput .mwf-select__error,.mwf-textinput .mwf-checkboxgroup__error,.mwf-textinput .mwf-radiogroup__error,.mwf-textinput .mwf-textarea__error,.mwf-select .mwf-textinput__error,.mwf-select .mwf-select__error,.mwf-select .mwf-checkboxgroup__error,.mwf-select .mwf-radiogroup__error,.mwf-select .mwf-textarea__error,.mwf-checkboxgroup .mwf-textinput__error,.mwf-checkboxgroup .mwf-select__error,.mwf-checkboxgroup .mwf-checkboxgroup__error,.mwf-checkboxgroup .mwf-radiogroup__error,.mwf-checkboxgroup .mwf-textarea__error,.mwf-radiogroup .mwf-textinput__error,.mwf-radiogroup .mwf-select__error,.mwf-radiogroup .mwf-checkboxgroup__error,.mwf-radiogroup .mwf-radiogroup__error,.mwf-radiogroup .mwf-textarea__error,.mwf-textarea .mwf-textinput__error,.mwf-textarea .mwf-select__error,.mwf-textarea .mwf-checkboxgroup__error,.mwf-textarea .mwf-radiogroup__error,.mwf-textarea .mwf-textarea__error,.mwf-file .mwf-textinput__error,.mwf-file .mwf-select__error,.mwf-file .mwf-checkboxgroup__error,.mwf-file .mwf-radiogroup__error,.mwf-file .mwf-textarea__error{order:4}.mwf-checkboxgroup .mwf-checkboxgroup__options,.mwf-radiogroup .mwf-radiogroup__options{padding:0 15px}.mwf-checkboxgroup,.mwf-radiogroup{border:none;margin:0;padding:0;display:flex;flex-direction:column}.mwf-checkboxgroup.horizontal .mwf-checkboxgroup__options,.mwf-checkboxgroup.horizontal .mwf-radiogroup__options,.mwf-radiogroup.horizontal .mwf-checkboxgroup__options,.mwf-radiogroup.horizontal .mwf-radiogroup__options{display:flex}.mwf-checkboxgroup.horizontal .mwf-checkboxgroup__options .mwf-checkbox,.mwf-checkboxgroup.horizontal .mwf-checkboxgroup__options .mwf-radio,.mwf-checkboxgroup.horizontal .mwf-radiogroup__options .mwf-checkbox,.mwf-checkboxgroup.horizontal .mwf-radiogroup__options .mwf-radio,.mwf-radiogroup.horizontal .mwf-checkboxgroup__options .mwf-checkbox,.mwf-radiogroup.horizontal .mwf-checkboxgroup__options .mwf-radio,.mwf-radiogroup.horizontal .mwf-radiogroup__options .mwf-checkbox,.mwf-radiogroup.horizontal .mwf-radiogroup__options .mwf-radio{margin-right:30px}.mwf-checkboxgroup legend,.mwf-radiogroup legend{font-size:var(--font-size-small);margin-bottom:5px}.mwf-checkbox input,.mwf-radio input{margin-top:2px !important;margin-right:-30px !important}.mwf-checkbox label,.mwf-radio label{margin-left:35px}.mwf-file .mwf-file__legend{order:1}.mwf-file .mwf-file__uploaded{order:3}.mwf-file .mwf-file__uploaded .mwf-file__ul{padding:10px 0 0 0;margin:0}@media(min-width: 768px){.mwf-file .mwf-file__uploaded .mwf-file__ul .mwf-upload-row{display:flex;justify-content:space-between;align-items:center}}.mwf-file .mwf-file__uploaded .mwf-file__ul .mwf-upload-fileinfo{display:flex;align-items:center}.mwf-file .mwf-file__uploaded .mwf-file__ul .mwf-upload-fileinfo .mwf-upload-preview{height:50px;width:50px;background-size:cover;margin-right:10px}.mwf-file .mwf-file__uploaded .mwf-file__ul ul{padding:0;list-style:none;font-size:12px}.mwf-file .mwf-file__uploaded .mwf-upload-actions,.mwf-file .mwf-file__uploaded .mwf-file__uploaded-actions{padding:0}.mwf-file .mwf-file__uploaded .mwf-upload-actions button,.mwf-file .mwf-file__uploaded .mwf-file__uploaded-actions button{margin-left:10px;padding:10px 24px;background-color:var(--theme-color-primary);color:var(--theme-color-white);border-radius:var(--border-radius-md);border:none;line-height:1;text-decoration:none;font-family:"Korb",sans-serif;cursor:pointer;font-weight:400;transition:.2s ease}.mwf-file .mwf-file__uploaded .mwf-upload-actions button.focus-visible:focus,.mwf-file .mwf-file__uploaded .mwf-file__uploaded-actions button.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}.mwf-file .mwf-file__uploaded .mwf-upload-actions button:focus-visible,.mwf-file .mwf-file__uploaded .mwf-upload-actions button.-moz-focusring,.mwf-file .mwf-file__uploaded .mwf-file__uploaded-actions button:focus-visible,.mwf-file .mwf-file__uploaded .mwf-file__uploaded-actions button.-moz-focusring{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.mwf-file .mwf-file__dropzone{order:2;background-color:#fff;border:2px dashed #ccc;display:block;text-align:center}.mwf-file .mwf-file__dropzone label{color:var(--theme-color-primary);font-size:110%;font-weight:200;line-height:1.5em;padding:2em .5em 5em .5em;font-family:"Korb",sans-serif;position:relative;display:block}.mwf-file .mwf-file__dropzone label:after{position:absolute;left:50%;bottom:1em;transform:translate(-50%, 0);content:"Datei auswählen";background-color:var(--theme-color-primary);color:var(--theme-color-white);border-radius:var(--border-radius-md);box-shadow:0 0 0 2px var(--theme-color-primary);cursor:pointer;display:inline-flex;font-family:"Korb",sans-serif;font-size:var(--font-size-copy);font-weight:400;line-height:1;padding:10px 24px;white-space:nowrap}.mwf-file .mwf-file__dropzone label input{opacity:0;cursor:pointer;font-size:20px;margin:0;padding:0;position:absolute;left:50%;top:0;transform:translate(-50%, 0)}.mwf-form__actions{display:flex;justify-content:space-between;border-top:1px solid var(--theme-color-primary-dimmed-03);margin-bottom:20px}ul.mwf-summary__list{list-style:none;padding:0;font-size:var(--font-size-small)}ul.mwf-summary__list li.mwf-summary__item{display:flex;padding:15px;border-top:1px solid var(--theme-color-primary-dimmed-03, #ccd7e6);border-bottom:1px solid var(--theme-color-primary-dimmed-03, #ccd7e6)}ul.mwf-summary__list li.mwf-summary__item:nth-child(even){background-color:var(--theme-color-primary-dimmed-04)}ul.mwf-summary__list li.mwf-summary__item span.mwf-summary-item__label{flex:.4}ul.mwf-summary__list li.mwf-summary__item span.mwf-summary-item__value{flex:.6}.mwf-form .row.requireText{margin-left:0}#ui-datepicker-div{background-color:#fff;border:var(--theme-color-link) 1px solid}#ui-datepicker-div .ui-datepicker-header{display:flex;flex-wrap:wrap;justify-content:space-between}#ui-datepicker-div .ui-datepicker-prev,#ui-datepicker-div .ui-datepicker-next{padding:0 10px;cursor:pointer}#ui-datepicker-div .ui-datepicker-title{width:100%;display:flex}',"",{version:3,sources:["webpack://./stories/components/form-element-form-centric/form-element-form-centric.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAAA,YAGA,YACE,CAAA,cACA,CAAA,QACA,CAAA,UACA,CAAA,cACA,eACE,CAAA,uBACA,2BACE,CAAA,uBAEF,2BACE,CAAA,uBAEF,0BACE,CAAA,yBAEF,cAXF,0BAYI,CAAA,CAAA,sFAKN,YAME,CAAA,qBACA,CAAA,0jBAGE,wCACE,CAAA,8RAIJ,QAEE,CAAA,oeAGF,OAEE,CAAA,sYAGF,OAGE,CAAA,oqCAGF,OAME,CAAA,cACA,CAAA,cACA,CAAA,eACA,CAAA,wkCAGF,OAKE,CAAA,wFAIJ,cAEE,CAAA,mCAGF,WAEE,CAAA,QACA,CAAA,SACA,CAAA,YACA,CAAA,qBACA,CAAA,4NAEE,YAEE,CAAA,4hBACA,iBAEE,CAAA,iDAIN,gCACE,CAAA,iBACA,CAAA,qCAMF,yBACE,CAAA,6BACA,CAAA,qCAEF,gBACE,CAAA,4BASF,OACE,CAAA,8BAGF,OACE,CAAA,4CACA,kBACE,CAAA,QACA,CAAA,yBAEE,4DADF,YAEI,CAAA,6BACA,CAAA,kBACA,CAAA,CAAA,iEAGJ,YACE,CAAA,kBACA,CAAA,qFACA,WACE,CAAA,UACA,CAAA,qBACA,CAAA,iBACA,CAAA,+CAMJ,SACE,CAAA,eACA,CAAA,cACA,CAAA,4GAGJ,SACE,CAAA,0HACA,gBACE,CAAA,iBACA,CAAA,2CACA,CAAA,8BACA,CAAA,qCACA,CAAA,WACA,CAAA,aACA,CAAA,oBACA,CAAA,6BACA,CAAA,cACA,CAAA,eACA,CAAA,mBACA,CAAA,kKCOJ,4GACE,CAAA,SACA,CAAA,8SAEF,4GACE,CAAA,SACA,CAAA,8BDPJ,OACE,CAAA,qBACA,CAAA,sBACA,CAAA,aACA,CAAA,iBACA,CAAA,oCACA,gCACE,CAAA,cACA,CAAA,eACA,CAAA,iBACA,CAAA,yBACA,CAAA,6BACA,CAAA,iBACA,CAAA,aACA,CAAA,0CACA,iBACE,CAAA,QACA,CAAA,UACA,CAAA,4BACA,CAAA,yBACA,CAAA,2CACA,CAAA,8BACA,CAAA,qCACA,CAAA,+CACA,CAAA,cACA,CAAA,mBACA,CAAA,6BACA,CAAA,+BACA,CAAA,eACA,CAAA,aACA,CAAA,iBACA,CAAA,kBACA,CAAA,0CAEF,SACE,CAAA,cACA,CAAA,cACA,CAAA,QACA,CAAA,SACA,CAAA,iBACA,CAAA,QACA,CAAA,KACA,CAAA,4BACA,CAAA,mBAMR,YACE,CAAA,6BACA,CAAA,yDACA,CAAA,kBACA,CAAA,qBAGF,eACE,CAAA,SACA,CAAA,gCACA,CAAA,0CAEA,YACE,CAAA,YACA,CAAA,kEACA,CAAA,qEACA,CAAA,0DAEA,qDACE,CAAA,uEAGF,OACE,CAAA,uEAGF,OACE,CAAA,2BAMJ,aACE,CAAA,mBAIJ,qBACE,CAAA,wCACA,CAAA,yCAEA,YACE,CAAA,cACA,CAAA,6BACA,CAAA,8EAGF,cACE,CAAA,cACA,CAAA,wCAGF,UACE,CAAA,YACA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.mwf-layout {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n width: 100%;\n > * {\n flex-basis: 100%;\n &.width--s {\n flex-basis: calc(20% - 16px);\n }\n &.width--m {\n flex-basis: calc(50% - 10px);\n }\n &.width--l {\n flex-basis: calc(80% - 4px);\n }\n @media (max-width: 767px) {\n flex-basis: 100% !important;\n }\n }\n}\n\n.mwf-textinput,\n.mwf-select,\n.mwf-checkboxgroup,\n.mwf-radiogroup,\n.mwf-textarea,\n.mwf-file {\n display: flex;\n flex-direction: column;\n\n &.has-error {\n input, select, textarea {\n box-shadow: 0 0 0 2px red, 0 0 8px 2px red;\n }\n }\n\n p,\n .mwf-file__label {\n margin: 0;\n }\n\n .mwf-checkboxgroup__options,\n .mwf-radioroup__options {\n order: 1;\n }\n\n input,\n select,\n textarea {\n order: 2;\n }\n\n .mwf-textinput__hint,\n .mwf-select__hint,\n .mwf-checkbox__hint,\n .mwf-radio__hint,\n .mwf-textarea__hint,\n .mwf-file__hint {\n order: 3;\n text-align: end;\n font-size: 16px;\n font-weight: 600;\n }\n\n .mwf-textinput__error,\n .mwf-select__error,\n .mwf-checkboxgroup__error,\n .mwf-radiogroup__error,\n .mwf-textarea__error {\n order: 4;\n }\n}\n\n.mwf-checkboxgroup .mwf-checkboxgroup__options,\n.mwf-radiogroup .mwf-radiogroup__options {\n padding: 0 15px;\n}\n\n.mwf-checkboxgroup,\n.mwf-radiogroup {\n border: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n &.horizontal {\n .mwf-checkboxgroup__options,\n .mwf-radiogroup__options {\n display: flex;\n .mwf-checkbox,\n .mwf-radio {\n margin-right: 30px;\n }\n }\n }\n legend {\n font-size: var(--font-size-small);\n margin-bottom: 5px;\n }\n}\n\n.mwf-checkbox,\n.mwf-radio {\n input {\n margin-top: 2px !important;\n margin-right: -30px !important;\n }\n label {\n margin-left: 35px;\n }\n}\n\n.mwf-textinput__label {\n //display: flex;\n}\n\n.mwf-file {\n .mwf-file__legend {\n order: 1;\n }\n\n .mwf-file__uploaded {\n order: 3;\n .mwf-file__ul {\n padding: 10px 0 0 0;\n margin: 0;\n .mwf-upload-row {\n @media (min-width: 768px) {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n }\n .mwf-upload-fileinfo {\n display: flex;\n align-items: center;\n .mwf-upload-preview {\n height: 50px;\n width: 50px;\n background-size: cover;\n margin-right: 10px;\n }\n .mwf-upload-metadata {\n\n }\n }\n ul {\n padding: 0;\n list-style: none;\n font-size: 12px;\n }\n }\n .mwf-upload-actions, .mwf-file__uploaded-actions {\n padding: 0;\n button {\n margin-left: 10px;\n padding: 10px 24px;\n background-color: var(--theme-color-primary);\n color: var(--theme-color-white);\n border-radius: var(--border-radius-md);\n border: none;\n line-height: 1;\n text-decoration: none;\n font-family: 'Korb', sans-serif;\n cursor: pointer;\n font-weight: 400;\n transition: 0.2s ease;\n @include focus-visible;\n }\n }\n }\n\n .mwf-file__dropzone {\n order: 2;\n background-color: #fff;\n border: 2px dashed #ccc;\n display: block;\n text-align: center;\n label {\n color: var(--theme-color-primary);\n font-size: 110%;\n font-weight: 200;\n line-height: 1.5em;\n padding: 2em .5em 5em .5em;\n font-family: 'Korb', sans-serif;\n position: relative;\n display: block;\n &:after {\n position: absolute;\n left: 50%;\n bottom: 1em;\n transform: translate(-50%, 0);\n content: \"Datei auswählen\";\n background-color: var(--theme-color-primary);\n color: var(--theme-color-white);\n border-radius: var(--border-radius-md);\n box-shadow: 0 0 0 2px var(--theme-color-primary);\n cursor: pointer;\n display: inline-flex;\n font-family: 'Korb', sans-serif;\n font-size: var(--font-size-copy);\n font-weight: 400;\n line-height: 1;\n padding: 10px 24px;\n white-space: nowrap;\n }\n input {\n opacity: 0;\n cursor: pointer;\n font-size: 20px;\n margin: 0;\n padding: 0;\n position: absolute;\n left: 50%;\n top: 0;\n transform: translate(-50%, 0);\n }\n }\n }\n}\n\n.mwf-form__actions {\n display: flex;\n justify-content: space-between;\n border-top: 1px solid var(--theme-color-primary-dimmed-03);\n margin-bottom: 20px;\n}\n\nul.mwf-summary__list {\n list-style: none;\n padding: 0;\n font-size: var(--font-size-small);\n\n li.mwf-summary__item {\n display: flex;\n padding: 15px;\n border-top: 1px solid var(--theme-color-primary-dimmed-03, #ccd7e6);\n border-bottom: 1px solid var(--theme-color-primary-dimmed-03, #ccd7e6);\n\n &:nth-child(even) {\n background-color: var(--theme-color-primary-dimmed-04);\n }\n\n span.mwf-summary-item__label {\n flex: 0.4;\n }\n\n span.mwf-summary-item__value {\n flex: 0.6;\n }\n }\n}\n\n.mwf-form {\n .row.requireText {\n margin-left: 0;\n }\n}\n\n#ui-datepicker-div {\n background-color: white;\n border: var(--theme-color-link) 1px solid;\n\n .ui-datepicker-header {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n }\n\n .ui-datepicker-prev, .ui-datepicker-next {\n padding: 0 10px;\n cursor: pointer;\n }\n\n .ui-datepicker-title {\n width: 100%;\n display: flex;\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___},"./stories/components/form-element-form-centric/FormElementFormCentric.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CheckboxFormCentricElement:()=>CheckboxFormCentricElement,CheckboxGroupFormCentricElement:()=>CheckboxGroupFormCentricElement,FileFormCentricElement:()=>FileFormCentricElement,RadioFormCentricElement:()=>RadioFormCentricElement,SelectFormCentricElement:()=>SelectFormCentricElement,TextFormCentricElement:()=>TextFormCentricElement,TextareaFormCentricElement:()=>TextareaFormCentricElement,__namedExportsOrder:()=>__namedExportsOrder,default:()=>FormElementFormCentric_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),form_element_form_centric=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/form-element-form-centric/form-element-form-centric.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(form_element_form_centric.Z,options);form_element_form_centric.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),LabelFormCentricComponent=__webpack_require__("./stories/atoms/labelFormCentric/LabelFormCentricComponent.js"),InputCheckboxRadioComponent=__webpack_require__("./stories/atoms/input-checkbox-radio/InputCheckboxRadioComponent.js"),InputTextComponent=__webpack_require__("./stories/atoms/input-text/InputTextComponent.js"),InputSelectComponent=__webpack_require__("./stories/atoms/input-select/InputSelectComponent.js"),InputSelectData=__webpack_require__("./stories/atoms/input-select/InputSelectData.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}const FormElementFormCentric_stories={title:"Components/Form Element Form Centric",args:{inputType:"text"},argTypes:{inputType:{control:"select",options:["text","checkbox","radio","select","password","textarea"]}}};var Template=function Template(_ref){var args=_extends({},(function _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure "+obj)}(_ref),_ref));return function createFormCentricElement(_ref){var _ref$wrapperClasses=_ref.wrapperClasses,wrapperClasses=void 0===_ref$wrapperClasses?"form-element-form-centric":_ref$wrapperClasses,_ref$name=_ref.name,name=void 0===_ref$name?"name":_ref$name,_ref$id=_ref.id,id=void 0===_ref$id?null:_ref$id,_ref$id2=_ref.id2,id2=void 0===_ref$id2?null:_ref$id2,_ref$inputType=_ref.inputType,inputType=void 0===_ref$inputType?"text":_ref$inputType,_ref$isRequired=_ref.isRequired,isRequired=void 0!==_ref$isRequired&&_ref$isRequired,_ref$placeholder=_ref.placeholder,placeholder=void 0===_ref$placeholder?"":_ref$placeholder,_ref$label=_ref.label,label=void 0===_ref$label?"Benutzername":_ref$label,_ref$label2=_ref.label2,label2=void 0===_ref$label2?"Benutzername":_ref$label2,_ref$selectOptions=_ref.selectOptions,selectOptions=void 0===_ref$selectOptions?[]:_ref$selectOptions,wrapper=(0,helpers.az)("div",wrapperClasses.split(" "));if(id&&0!==id.length||(id=name),"text"===inputType){var textInput=(0,helpers.az)("div",["mwf-textinput"],null,wrapper);textInput.appendChild((0,InputTextComponent.$)({placeholder,isRequired,name,id,type:inputType,classes:"mwf-textinput__input"})),textInput.appendChild((0,LabelFormCentricComponent.O)({forAttribute:id,isRequired,text:label,labelType:"text"}));var hint=(0,helpers.az)("div",["mwf-textinput__hint"],null,textInput);(0,helpers.az)("p",[],"Bitte tragen Sie hier ihren Vornamen ein.",hint),(0,helpers.az)("div",["mwf-textinput__error"],"Dieses Feld darf nicht leer sein.",textInput)}if("checkbox"===inputType){var checkboxFieldset=(0,helpers.az)("fieldset",["mwf-checkboxgroup"],null,wrapper);(0,helpers.az)("legend",["mwf-checkboxgroup__legend"],"Legend Header",checkboxFieldset),(0,helpers.az)("div",["mwf-checkboxgroup__error"],"Dieses Feld darf nicht leer sein.",checkboxFieldset);var checkboxGroup=(0,helpers.az)("div",["mwf-checkboxgroup__options"],null,checkboxFieldset),checkbox=(0,helpers.az)("div",["mwf-checkbox"],null,checkboxGroup);checkbox.appendChild((0,InputCheckboxRadioComponent.a)({type:inputType,isRequired,name,id,classes:"mwf-checkbox__input"})),checkbox.appendChild((0,LabelFormCentricComponent.O)({forAttribute:id,isRequired,text:label,labelType:"checkbox"}))}if("radio"===inputType){var _checkboxFieldset=(0,helpers.az)("fieldset",["mwf-radiogroup"],null,wrapper);(0,helpers.az)("legend",["mwf-radiogroup__legend"],"Legend Header",_checkboxFieldset),(0,helpers.az)("div",["mwf-radiogroup__error"],"Dieses Feld darf nicht leer sein.",_checkboxFieldset);var _checkboxGroup=(0,helpers.az)("div",["mwf-radiogroup__options"],null,_checkboxFieldset),_checkbox=(0,helpers.az)("div",["mwf-radio"],null,_checkboxGroup);_checkbox.appendChild((0,InputCheckboxRadioComponent.a)({type:inputType,isRequired,name,id,classes:"mwf-radio__input"})),_checkbox.appendChild((0,LabelFormCentricComponent.O)({forAttribute:id,isRequired,text:label,labelType:"radio"}));var checkbox2=(0,helpers.az)("div",["mwf-radio"],null,_checkboxGroup);checkbox2.appendChild((0,InputCheckboxRadioComponent.a)({type:inputType,isRequired,name,id:id2,classes:"mwf-radio__input"})),checkbox2.appendChild((0,LabelFormCentricComponent.O)({forAttribute:id2,isRequired,text:label2,labelType:"radio"}))}if("select"===inputType){var selectDiv=(0,helpers.az)("div",["mwf-select"],null,wrapper);selectDiv.appendChild((0,InputSelectComponent.E)({placeholder,isRequired,name,id,classes:"mwf-select__select",options:selectOptions.length>0?selectOptions:InputSelectData.A})),selectDiv.appendChild((0,LabelFormCentricComponent.O)({forAttribute:id,isRequired,text:label,labelType:"select"})),(0,helpers.az)("div",["mwf-select__error"],"Dieses Feld darf nicht leer sein.",selectDiv)}if("textarea"===inputType){var textArea=(0,helpers.az)("div",["mwf-textarea"],null,wrapper);textArea.appendChild((0,InputTextComponent.$)({placeholder,isRequired,name,id,type:inputType,classes:"mwf-textarea__input"})),textArea.appendChild((0,LabelFormCentricComponent.O)({forAttribute:id,isRequired,text:label,labelType:"text"}));var _hint=(0,helpers.az)("div",["mwf-textarea__hint"],null,textArea);(0,helpers.az)("p",[],"Hier können Sie uns einen Kommentar hinterlassen (max. 1500 Zeichen).",_hint),(0,helpers.az)("div",["mwf-textarea__error"],"Dieses Feld darf nicht leer sein.",textArea)}if("checkboxGroup"===inputType){var checkboxGroupLegend=(0,helpers.az)("legend",["mwf-checkboxgroup__legend"],"Legend Header",wrapper);isRequired&&((0,helpers.az)("span",["mwf-checkboxgroup__required","mwf-required"],"*",checkboxGroupLegend).title="Pflichtfeld"),(0,helpers.az)("div",["mwf-checkboxgroup__error"],"Dieses Feld darf nicht leer sein.",wrapper);var checkboxGroupOptions=(0,helpers.az)("div",["mwf-checkboxgroup__options"],null,wrapper),checkboxBox=(0,helpers.az)("div",["mwf-checkbox"],null,checkboxGroupOptions);checkboxBox.appendChild((0,InputCheckboxRadioComponent.a)({type:"checkbox",name,id,classes:"mwf-checkbox__input"})),checkboxBox.appendChild((0,LabelFormCentricComponent.O)({forAttribute:id,text:label,labelType:"checkbox"}))}if("file"===inputType){var fileInput=(0,helpers.az)("div",["mwf-file"],null,wrapper),fileLegend=(0,helpers.az)("div",["mwf-file__legend"],null,fileInput);(0,helpers.az)("p",["mwf-file__label"],"Upload",fileLegend),(0,helpers.az)("div",["mwf-file__error"],"Dieses Feld darf nicht leer sein.",fileLegend);var fileUploaded=(0,helpers.az)("div",["mwf-file__uploaded"],null,fileInput),fileUploadedUl=(0,helpers.az)("ul",["mwf-file__ul"],null,fileUploaded),fileUploadedRow=(0,helpers.az)("div",["mwf-upload-row"],null,fileUploadedUl),fileUploadedInfo=(0,helpers.az)("div",["mwf-upload-fileinfo"],null,fileUploadedRow);(0,helpers.az)("div",["mwf-upload-preview"],null,fileUploadedInfo);var fileUploadedMeta=(0,helpers.az)("div",["mwf-upload-metadata"],null,fileUploadedInfo),fileUploadedMetaUl=(0,helpers.az)("ul",[],null,fileUploadedMeta);(0,helpers.az)("li",[],"Name: data.pdf",fileUploadedMetaUl),(0,helpers.az)("li",[],"Size: 92.73 KB",fileUploadedMetaUl);var fileUploadedActions=(0,helpers.az)("div",["mwf-upload-actions"],null,fileUploadedRow);(0,helpers.az)("button",["mwf-upload-delete"],"Delete",fileUploadedActions),(0,helpers.az)("button",["mwf-upload-upload"],"Upload",fileUploadedActions);var fileUploadedLabel=(0,helpers.az)("div",["mwf-file__dropzone"],null,fileInput).appendChild((0,LabelFormCentricComponent.O)({forAttribute:id,text:label,classes:"mwf-file__button",labelType:"text"})),input=(0,helpers.az)("input",[],null,fileUploadedLabel);input.type="file",input.id=id,input.name=name,input.classes=["mwf-file__input"],input.setAttribute("aria-hidden","true")}return wrapper}(Object.assign({},args))},TextFormCentricElement=Template.bind({});TextFormCentricElement.args={inputType:"text",isRequired:!0,placeholder:"Platzhalter"};var CheckboxFormCentricElement=Template.bind({});CheckboxFormCentricElement.args={inputType:"checkbox",isRequired:!0,label:'Ich akzeptiere die <a href="#">Datenschutzbestimmungen</a>.'};var RadioFormCentricElement=Template.bind({});RadioFormCentricElement.args={inputType:"radio",isRequired:!0,label:"Option 1",id:"option1",label2:"Option 2",id2:"option2"};var SelectFormCentricElement=Template.bind({});SelectFormCentricElement.args={inputType:"select",label:"Auswahl",isRequired:!0};var TextareaFormCentricElement=Template.bind({});TextareaFormCentricElement.args={inputType:"textarea",placeholder:"Platzhalter",label:"Ihre Nachricht",isRequired:!0};var CheckboxGroupFormCentricElement=Template.bind({});CheckboxGroupFormCentricElement.args={inputType:"checkboxGroup",isRequired:!0,label:'Ich akzeptiere die <a href="#">Datenschutzbestimmungen</a>.'};var FileFormCentricElement=Template.bind({});FileFormCentricElement.args={inputType:"file",isRequired:!0};var __namedExportsOrder=["TextFormCentricElement","CheckboxFormCentricElement","RadioFormCentricElement","SelectFormCentricElement","TextareaFormCentricElement","CheckboxGroupFormCentricElement","FileFormCentricElement"];TextFormCentricElement.parameters={...TextFormCentricElement.parameters,docs:{...TextFormCentricElement.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createFormCentricElement({\n ...args\n });\n}",...TextFormCentricElement.parameters?.docs?.source}}},CheckboxFormCentricElement.parameters={...CheckboxFormCentricElement.parameters,docs:{...CheckboxFormCentricElement.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createFormCentricElement({\n ...args\n });\n}",...CheckboxFormCentricElement.parameters?.docs?.source}}},RadioFormCentricElement.parameters={...RadioFormCentricElement.parameters,docs:{...RadioFormCentricElement.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createFormCentricElement({\n ...args\n });\n}",...RadioFormCentricElement.parameters?.docs?.source}}},SelectFormCentricElement.parameters={...SelectFormCentricElement.parameters,docs:{...SelectFormCentricElement.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createFormCentricElement({\n ...args\n });\n}",...SelectFormCentricElement.parameters?.docs?.source}}},TextareaFormCentricElement.parameters={...TextareaFormCentricElement.parameters,docs:{...TextareaFormCentricElement.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createFormCentricElement({\n ...args\n });\n}",...TextareaFormCentricElement.parameters?.docs?.source}}},CheckboxGroupFormCentricElement.parameters={...CheckboxGroupFormCentricElement.parameters,docs:{...CheckboxGroupFormCentricElement.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createFormCentricElement({\n ...args\n });\n}",...CheckboxGroupFormCentricElement.parameters?.docs?.source}}},FileFormCentricElement.parameters={...FileFormCentricElement.parameters,docs:{...FileFormCentricElement.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createFormCentricElement({\n ...args\n });\n}",...FileFormCentricElement.parameters?.docs?.source}}}}}]);
|
