"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[9605],{"./stories/components/howto-list/HowToListComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{O:()=>createHowToList});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.string.link.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),howto_list=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/howto-list/howto-list.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(howto_list.Z,options);howto_list.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),HowToListData=__webpack_require__("./stories/components/howto-list/HowToListData.js"),createHowToList=function createHowToList(_ref){var _ref$listItems=_ref.listItems,listItems=void 0===_ref$listItems?HowToListData.R:_ref$listItems,_ref$headline=_ref.headline,headline=void 0===_ref$headline?"Wie funktioniert’s?":_ref$headline,_ref$text=_ref.text,text=void 0===_ref$text?"Bestimmen Sie die wirtschaftliche Ausrichtung ihrer Region mit! Wählen Sie die nächste Vollversammlung ihrer IHK. Hier erfahren Sie ganz genau, wie sie mitmachen.":_ref$text,div=(0,helpers.az)("div",["howto-list"],null),div2=(0,helpers.az)("div",["howto-list--left"],null,div);(0,helpers.az)("h2",[],headline,div2),(0,helpers.az)("p",[],text,div2);var ul=(0,helpers.az)("ul",[],null,div);return listItems.map((function(item){var li=(0,helpers.az)("li",[],null,ul),a=(0,helpers.az)("a",[],null,li);(0,helpers.az)("div",["icon-box",item.icon],null,a),(0,helpers.az)("h3",[],item.headline,a),(0,helpers.az)("p",[],item.text,a),(0,helpers.az)("span",[],item.more,a),a.href=item.link,item.copy&&item.copy.length>0&&(0,helpers.az)("p",[],item.copy,li)})),div}},"./stories/components/howto-list/HowToListData.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{R:()=>howToListData});var howToListData=[{headline:"1. Wahlunterlagen",text:"Ihr Unternehmen ist IHK-Mitglied? Dann bekommen Sie automatisch am  12.02.2024 die Wahlunterlagen zugesandt.",more:"Mehr erfahren",link:"#",icon:"pictogram-bueroklammer"},{headline:"2. Kandidat:innen",text:"Informieren Sie sich über die Kandidat:innen und deren Programm um Ihre Entscheidung zu fällen.",more:"Mehr erfahren",link:"#",icon:"pictogram-fabrik"},{headline:"3. Stimmabgabe",text:"Geben Sie Ihre Stimmen auf den Ihnen zugesandten Unterlagen ab und schicken sie diese mit dem Rückumschlag an uns.",more:"Mehr erfahren",link:"#",icon:"pictogram-diagramm-wachstum"}]},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/howto-list/howto-list.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.howto-list{display:flex;justify-content:space-between;margin-top:var(--section-margin);margin-bottom:var(--section-margin)}@media(max-width: 767px){.howto-list{display:block}}.howto-list--left{width:calc(50% - 30px)}@media(max-width: 767px){.howto-list--left{width:auto;padding-bottom:32px}}.howto-list h2{margin-top:0;font-size:64px;line-height:70px}@media(max-width: 399px){.howto-list h2{font-size:32px;line-height:35px;margin-bottom:.3em}}.howto-list ul{width:calc(50% - 30px);margin:0;padding:0 0 0 132px}@media(max-width: 767px){.howto-list ul{width:auto}}@media(max-width: 399px){.howto-list ul{padding-left:0}}.howto-list ul li{list-style:none;padding:0 0 32px 0}.howto-list ul a{display:block;position:relative;text-decoration:none}.howto-list ul h3{margin-top:0;margin-bottom:.18em}.howto-list ul p{margin-bottom:5px}.howto-list ul span{text-decoration:underline}.howto-list ul img,.howto-list ul .icon-box{position:absolute;left:-132px;top:2px;width:100px;height:100px;font-family:"Pictograms",sans-serif;font-size:70px;line-height:1.4285;text-align:center;color:var(--theme-color-primary) !important}.howto-list ul img:after,.howto-list ul .icon-box:after{content:"";position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;border-radius:50%;background:var(--theme-color-secondary)}@media(max-width: 399px){.howto-list ul img,.howto-list ul .icon-box{position:static;left:auto;top:auto}}',"",{version:3,sources:["webpack://./stories/components/howto-list/howto-list.scss"],names:[],mappings:"AAGA,YACE,YAAA,CACA,6BAAA,CACA,gCAAA,CACA,mCAAA,CACA,yBALF,YAMI,aAAA,CAAA,CAEF,kBACE,sBAAA,CACA,yBAFF,kBAGI,UAAA,CACA,mBAAA,CAAA,CAGJ,eACE,YAAA,CACA,cAAA,CACA,gBAAA,CACA,yBAJF,eAKI,cAAA,CACA,gBAAA,CACA,kBAAA,CAAA,CAMJ,eACE,sBAAA,CACA,QAAA,CACA,mBAAA,CACA,yBAJF,eAKI,UAAA,CAAA,CAEF,yBAPF,eAQI,cAAA,CAAA,CAEF,kBACE,eAAA,CACA,kBAAA,CAEF,iBACE,aAAA,CACA,iBAAA,CACA,oBAAA,CAEF,kBACE,YAAA,CACA,mBAAA,CAEF,iBACE,iBAAA,CAEF,oBACE,yBAAA,CAEF,4CAEE,iBAAA,CACA,WAAA,CACA,OAAA,CACA,WAAA,CACA,YAAA,CACA,mCAAA,CACA,cAAA,CACA,kBAAA,CACA,iBAAA,CACA,2CAAA,CACA,wDACE,UAAA,CACA,iBAAA,CACA,UAAA,CACA,MAAA,CACA,KAAA,CACA,UAAA,CACA,WAAA,CACA,iBAAA,CACA,uCAAA,CAEF,yBAvBF,4CAwBI,eAAA,CACA,SAAA,CACA,QAAA,CAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.howto-list {\n  display: flex;\n  justify-content: space-between;\n  margin-top: var(--section-margin);\n  margin-bottom: var(--section-margin);\n  @media(max-width: 767px) {\n    display: block;\n  }\n  &--left {\n    width: calc(50% - 30px);\n    @media(max-width: 767px) {\n      width: auto;\n      padding-bottom: 32px;\n    }\n  }\n  h2 {\n    margin-top: 0;\n    font-size: 64px;\n    line-height: 70px;\n    @media(max-width: 399px) {\n      font-size: 32px;\n      line-height: 35px;\n      margin-bottom: 0.3em;\n    }\n  }\n  p {\n\n  }\n  ul {\n    width: calc(50% - 30px);\n    margin: 0;\n    padding: 0 0 0 132px;\n    @media(max-width: 767px) {\n      width: auto;\n    }\n    @media(max-width: 399px) {\n      padding-left: 0;\n    }\n    li {\n      list-style: none;\n      padding: 0 0 32px 0;\n    }\n    a {\n      display: block;\n      position: relative;\n      text-decoration: none;\n    }\n    h3 {\n      margin-top: 0;\n      margin-bottom: 0.18em;\n    }\n    p {\n      margin-bottom: 5px;\n    }\n    span {\n      text-decoration: underline;\n    }\n    img,\n    .icon-box {\n      position: absolute;\n      left: -132px;\n      top: 2px;\n      width: 100px;\n      height: 100px;\n      font-family: \"Pictograms\", sans-serif;\n      font-size: 70px;\n      line-height: 1.4285;\n      text-align: center;\n      color: var(--theme-color-primary) !important;\n      &:after {\n        content: \"\";\n        position: absolute;\n        z-index: -1;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n        background: var(--theme-color-secondary);\n      }\n      @media(max-width: 399px) {\n        position: static;\n        left: auto;\n        top: auto;\n      }\n    }\n  }\n}\n\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./stories/components/howto-list/HowToList.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{HowToList:()=>HowToList,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__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");var _HowToListData__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./stories/components/howto-list/HowToListData.js"),_HowToListComponent__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./stories/components/howto-list/HowToListComponent.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 __WEBPACK_DEFAULT_EXPORT__={title:"Components/Howto-Liste",argTypes:{listItems:{name:"listItems",control:{type:"object"},defaultValue:_HowToListData__WEBPACK_IMPORTED_MODULE_4__.R}}};var HowToList=function Template(_ref){var args=_extends({},(function _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure "+obj)}(_ref),_ref));return(0,_HowToListComponent__WEBPACK_IMPORTED_MODULE_5__.O)(Object.assign({},args))}.bind({});HowToList.args={};var __namedExportsOrder=["HowToList"];HowToList.parameters={...HowToList.parameters,docs:{...HowToList.parameters?.docs,source:{originalSource:"({\n  ...args\n}) => {\n  return createHowToList({\n    ...args\n  });\n}",...HowToList.parameters?.docs?.source}}}}}]);