|
- "use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[5423],{"./stories/components/participation-teaser/ParticipationTeaserComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{V:()=>createParticipationTeaser});__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),participation_teaser=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/participation-teaser/participation-teaser.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(participation_teaser.Z,options);participation_teaser.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),ProgressBarComponent=__webpack_require__("./stories/atoms/progress-bar/ProgressBarComponent.js"),ButtonComponent=__webpack_require__("./stories/atoms/button/ButtonComponent.js"),createParticipationTeaser=function createParticipationTeaser(_ref){var _ref$isListItem=_ref.isListItem,isListItem=void 0!==_ref$isListItem&&_ref$isListItem,_ref$kicker=_ref.kicker,kicker=void 0===_ref$kicker?"Noch 6 Tage offen":_ref$kicker,_ref$progress=_ref.progress,progress=void 0===_ref$progress?65:_ref$progress,_ref$headline=_ref.headline,headline=void 0===_ref$headline?"Ideen zur Stärkung der Innenstädte und Ortskerne":_ref$headline,_ref$copy=_ref.copy,copy=void 0===_ref$copy?"Die Auswirkungen der Corona-Pandemie treffen die Innenstädte und Ortskerne. Wir sammeln Ideen, um den neuen Herausforderungen zu begegnen.":_ref$copy,_ref$moreCta=_ref.moreCta,moreCta=void 0===_ref$moreCta?{label:"Mehr Infos",link:"#",target:"_self"}:_ref$moreCta,_ref$participateCta=_ref.participateCta,participateCta=void 0===_ref$participateCta?{label:"Jetzt beteiligen",link:"#",target:"_self"}:_ref$participateCta,teaser=(0,helpers.az)("div",["participation-teaser","tile"]),tb=(0,helpers.az)("div",["text-box"],null,teaser),kickerSpan=(0,helpers.az)("p",["kicker"],kicker,tb),progressBar=(0,ProgressBarComponent.i)({progress});tb.appendChild(progressBar),(0,helpers.az)("h3",["like-h4"],headline,tb),(0,helpers.az)("p",[],copy,tb),isListItem&&tb.insertBefore(progressBar,kickerSpan);var buttons=(0,helpers.az)("div",["buttons"],null,teaser);return moreCta&&buttons.appendChild((0,ButtonComponent.a)({label:moreCta.label,link:moreCta.link,color:"primary-light",size:"small"})),participateCta&&buttons.appendChild((0,ButtonComponent.a)({label:participateCta.label,link:participateCta.link,size:"small"})),teaser}},"./stories/sections/participation-stage/ParticipationStageComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{v:()=>createParticipationStage});__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),participation_stage=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/participation-stage/participation-stage.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(participation_stage.Z,options);participation_stage.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),ProgressBarComponent=__webpack_require__("./stories/atoms/progress-bar/ProgressBarComponent.js"),ButtonComponent=__webpack_require__("./stories/atoms/button/ButtonComponent.js"),createParticipationStage=function createParticipationStage(_ref){var _ref$imageSrc=_ref.imageSrc,imageSrc=void 0===_ref$imageSrc?"https://source.unsplash.com/2vCqH34PqWs/1080x648":_ref$imageSrc,_ref$kicker=_ref.kicker,kicker=void 0===_ref$kicker?"Noch 7 Tage offen":_ref$kicker,_ref$headline=_ref.headline,headline=void 0===_ref$headline?"Jetzt und digital mitreden":_ref$headline,_ref$copy=_ref.copy,copy=void 0===_ref$copy?"Mit der digitalen Beteiligung erhalten Mitgliedsunternehmen die Möglichkeit, sich einfach und schnell über laufende Verfahren und Abstimmungen zu informieren und sich aktiv daran zu beteiligen.":_ref$copy,_ref$moreCta=_ref.moreCta,moreCta=void 0===_ref$moreCta?{label:"Mehr Infos",link:"#",target:"_self"}:_ref$moreCta,_ref$buttonCta=_ref.buttonCta,buttonCta=void 0===_ref$buttonCta?{label:"Jetzt beteiligen",link:"#",target:"_self"}:_ref$buttonCta,_ref$showProgress=_ref.showProgress,showProgress=void 0===_ref$showProgress||_ref$showProgress,_ref$progress=_ref.progress,progress=void 0===_ref$progress?60:_ref$progress,_ref$backgroundImage=_ref.backgroundImage,backgroundImage=void 0===_ref$backgroundImage?null:_ref$backgroundImage,_ref$isFirstElement=_ref.isFirstElement,isFirstElement=void 0!==_ref$isFirstElement&&_ref$isFirstElement,hasImage=imageSrc&&imageSrc.length>0,section=(0,helpers.az)("section",["participation","participation-stage"]),container=(0,helpers.az)("div",["container"],null,section),row=(0,helpers.az)("div",["row"],null,container),col=(0,helpers.az)("div",["col"],null,row),tb=(0,helpers.az)("div",["text-box"],null,col);if(backgroundImage&&backgroundImage.length>0&&(section.style="background-image: url("+backgroundImage+");",section.classList.add("background-image")),isFirstElement&§ion.classList.add("first-element"),kicker&&kicker.length>0&&(0,helpers.az)("p",["kicker"],kicker,tb),showProgress&&tb.appendChild((0,ProgressBarComponent.i)({progress})),(0,helpers.az)("h1",["like-h2"],headline,tb),(0,helpers.az)("p",[],copy,tb),moreCta){var more=(0,helpers.az)("a",[],moreCta.label,tb);more.href=moreCta.link,more.target=moreCta.target}if(buttonCta){var button=(0,ButtonComponent.a)({elementType:"a",link:buttonCta.link,color:"white",label:buttonCta.label,iconPosition:"icon-right",icon:"small-arrow-right-simple"});tb.appendChild(button)}if(hasImage){section.classList.add("image-stage");var ib=(0,helpers.az)("div",["image-box"],null,col);(0,helpers.Bi)(imageSrc,1080,648,"Beteiligung",[],ib)}return section}},"./stories/sections/participation-teasers/ParticipationTeasersComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{i:()=>createParticipationTeasers});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),participation_teasers=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/participation-teasers/participation-teasers.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(participation_teasers.Z,options);participation_teasers.Z.locals;var ParticipationTeasersData=__webpack_require__("./stories/sections/participation-teasers/ParticipationTeasersData.js"),helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),ParticipationTeaserComponent=__webpack_require__("./stories/components/participation-teaser/ParticipationTeaserComponent.js"),ButtonComponent=__webpack_require__("./stories/atoms/button/ButtonComponent.js"),BadgeComponent=__webpack_require__("./stories/atoms/badge/BadgeComponent.js"),createParticipationTeasers=function createParticipationTeasers(_ref){var _ref$headline=_ref.headline,headline=void 0===_ref$headline?"Aktuelle Beteiligungen":_ref$headline,_ref$count=_ref.count,count=void 0===_ref$count?9:_ref$count,_ref$items=_ref.items,items=void 0===_ref$items?ParticipationTeasersData.a:_ref$items,_ref$buttonLabel=_ref.buttonLabel,buttonLabel=void 0===_ref$buttonLabel?"Alle aktuellen Beteiligungen":_ref$buttonLabel,section=(0,helpers.az)("section",["participation-teasers"]),hlContainer=(0,helpers.az)("div",["container"],null,section),hl=(0,helpers.az)("h2",[],headline,hlContainer),wrapper=(0,helpers.az)("div",["overflow-wrapper"],null,section),container=(0,helpers.az)("div",["container"],null,wrapper),row=(0,helpers.az)("div",["row"],null,container);if(hl.appendChild((0,BadgeComponent.W)({count})),items.map((function(item,index){if(index<3&&index<count){var col=(0,helpers.az)("div",["col"],null,row),teaser=(0,ParticipationTeaserComponent.V)(Object.assign({},item,{isListItem:!1}));col.appendChild(teaser)}})),count>3){var all=(0,helpers.az)("div",["all-participations"],null,section),btn=(0,ButtonComponent.a)({label:buttonLabel});all.appendChild(btn)}return section}},"./stories/sections/participation-teasers/ParticipationTeasersData.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{a:()=>ParticipationTeasersData});var ParticipationTeasersData=[{participateCta:{label:"Mach mit!",link:"#",target:"_self"}},{kicker:"Laufend",progress:0},{moreCta:null,participateCta:{label:"Jetzt beteiligen",link:"#",target:"_self"}},{kicker:"Laufend",progress:0},{},{kicker:"Laufend",progress:0}]},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/participation-teaser/participation-teaser.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"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/runtime/getUrl.js"),_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__),_topic_meinung_svg__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./stories/components/participation-teaser/topic-meinung.svg"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default()),___CSS_LOADER_URL_REPLACEMENT_0___=_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(_topic_meinung_svg__WEBPACK_IMPORTED_MODULE_3__);___CSS_LOADER_EXPORT___.push([module.id,'.participation-teaser{position:relative;display:flex;flex-direction:column;background-color:#fff;overflow:hidden;width:100%;border-radius:var(--border-radius-lg);padding:24px;transition:.25s ease;text-decoration:none;font-size:var(--font-size-small);flex-flow:column;justify-content:space-between}@media(max-width: 999px){.participation-teaser{padding:14px}}@media(max-width: 767px){.participation-teaser{font-size:16px;min-height:84px;border-radius:8px}}.participation-teaser::before{content:"";position:absolute;display:block;height:70px;background-color:var(--theme-color-primary);margin:0 -24px 10px;background-image:url('+___CSS_LOADER_URL_REPLACEMENT_0___+");background-repeat:no-repeat;background-position:center 65%;background-size:60px;top:0;left:0;right:0}@media(max-width: 567px){.participation-teaser::before{font-size:50px;margin-top:0px}}.participation-teaser .text-box{padding-top:66px}.participation-teaser .like-h4,.participation-teaser p,.participation-teaser .buttons{margin:.5em 0}.participation-teaser .buttons{display:flex;justify-content:space-between;padding-top:.4em}@media screen and (max-width: 1200px){.participation-teaser .buttons{flex-wrap:wrap}}@media screen and (max-width: 1200px){.participation-teaser .buttons .btn{margin-bottom:6px}}.participation-teaser .buttons .btn:last-child{margin-left:auto;margin-left:12px}@media screen and (max-width: 1200px){.participation-teaser .buttons .btn:last-child{margin-left:0}}","",{version:3,sources:["webpack://./stories/components/participation-teaser/participation-teaser.scss"],names:[],mappings:"AAGA,sBACE,iBAAA,CACA,YAAA,CACA,qBAAA,CACA,qBAAA,CACA,eAAA,CACA,UAAA,CACA,qCAAA,CACA,YAAA,CACA,oBAAA,CACA,oBAAA,CACA,gCAAA,CACA,gBAAA,CACA,6BAAA,CACA,yBAdF,sBAeI,YAAA,CAAA,CAGF,yBAlBF,sBAmBI,cAAA,CACA,eAAA,CACA,iBAAA,CAAA,CAGF,8BACE,UAAA,CACA,iBAAA,CACA,aAAA,CACA,WAAA,CACA,2CAAA,CACA,mBAAA,CACA,wDAAA,CACA,2BAAA,CACA,8BAAA,CACA,oBAAA,CACA,KAAA,CACA,MAAA,CACA,OAAA,CACA,yBAdF,8BAeI,cAAA,CACA,cAAA,CAAA,CAGJ,gCACE,gBAAA,CAEF,sFACE,aAAA,CAGF,+BACE,YAAA,CACA,6BAAA,CACA,gBAAA,CACA,sCAJF,+BAKI,cAAA,CAAA,CAGA,sCADF,oCAEI,iBAAA,CAAA,CAEF,+CACE,gBAAA,CACA,gBAAA,CACA,sCAHF,+CAII,aAAA,CAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.participation-teaser {\n position: relative;\n display: flex;\n flex-direction: column;\n background-color: white;\n overflow: hidden;\n width: 100%;\n border-radius: var(--border-radius-lg);\n padding: 24px;\n transition: 0.25s ease;\n text-decoration: none;\n font-size: var(--font-size-small);\n flex-flow: column;\n justify-content: space-between;\n @media(max-width: 999px) {\n padding: 14px;\n }\n\n @media(max-width: 767px) {\n font-size: 16px;\n min-height: 84px;\n border-radius: 8px;\n }\n\n &::before {\n content: \"\";\n position: absolute;\n display: block;\n height: 70px;\n background-color: var(--theme-color-primary);\n margin: 0 -24px 10px;\n background-image: url('./topic-meinung.svg');\n background-repeat: no-repeat;\n background-position: center 65%;\n background-size: 60px;\n top: 0;\n left: 0;\n right: 0;\n @media(max-width: 567px) {\n font-size: 50px;\n margin-top: 0px;\n }\n }\n .text-box {\n padding-top: 66px;\n }\n .like-h4, p, .buttons {\n margin: 0.5em 0;\n }\n\n .buttons {\n display: flex;\n justify-content: space-between;\n padding-top: 0.4em;\n @media screen and (max-width:1200px){\n flex-wrap:wrap;\n }\n .btn {\n @media screen and (max-width:1200px){\n margin-bottom:6px;\n }\n &:last-child {\n margin-left: auto;\n margin-left:12px;\n @media screen and (max-width:1200px){\n margin-left: 0;\n }\n }\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/sections/participation-stage/participation-stage.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"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/runtime/getUrl.js"),_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__),_beteiligung_cover_jpg__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./stories/sections/participation-stage/beteiligung-cover.jpg"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default()),___CSS_LOADER_URL_REPLACEMENT_0___=_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(_beteiligung_cover_jpg__WEBPACK_IMPORTED_MODULE_3__);___CSS_LOADER_EXPORT___.push([module.id,".participation-stage{background-image:url("+___CSS_LOADER_URL_REPLACEMENT_0___+');background-size:cover;color:#fff;min-height:calc(18vw + 300px);display:flex;align-items:center;margin:0}.participation-stage.background-image{background-size:cover;background-position:50% 50%}@media(min-width: 1200px){.participation-stage.first-element{margin-top:-60px}}.participation-stage .kicker{margin-bottom:.6em}.participation-stage .btn{margin-top:.8em;margin-bottom:.4em}.participation-stage .text-box{max-width:580px;padding:calc(30px + 1vw) 0}.participation-stage a:not(.btn){color:#fff}.participation-stage a:not(.btn)+.btn{margin-left:30px}.participation-stage .progress{--color-bg: var(--theme-color-white);--color-fg: var(--theme-color-white);--bg-opacity: 0.4}.participation-stage .progress+h1,.participation-stage .progress+.text-2{margin-top:.7em}.participation-stage.image-stage{position:relative;background-image:none;background-color:var(--theme-color-primary);overflow:hidden;z-index:1}.participation-stage.image-stage::before{content:"";position:absolute;left:0;right:50%;top:0;bottom:0;margin:-15% 0 -15% 0;background-color:var(--theme-color-primary)}.participation-stage.image-stage .text-box{position:relative}.participation-stage.image-stage .image-box{position:absolute;left:45%;right:0;top:0;bottom:0;z-index:-1}.participation-stage.image-stage .image-box img{position:relative;display:block;width:100%;height:100%;object-fit:cover;opacity:1;transition:.4s ease}.participation-stage.image-stage .image-box img.loading{opacity:0}@media(max-width: 1200px){.participation-stage.image-stage::before{min-width:560px}.participation-stage.image-stage .text-box{max-width:480px}}@media(min-width: 1000px){.participation-stage.image-stage::before{border-top-right-radius:28% 50%;border-bottom-right-radius:28% 50%;min-width:650px}}@media(max-width: 999px){.participation-stage.image-stage{padding-bottom:75%}.participation-stage.image-stage::before{top:0;bottom:0;left:0;right:0;margin:0 -28% 67%;border-bottom-left-radius:50% 28%;border-bottom-right-radius:50% 28%;min-width:0}.participation-stage.image-stage .col{padding:0 var(--col-padding)}.participation-stage.image-stage .image-box{position:absolute;top:auto;left:0}.participation-stage.image-stage .image-box::before{content:"";position:relative;display:block;padding-top:75%}.participation-stage.image-stage .image-box img{position:absolute;top:0;left:0}.participation-stage.image-stage .text-box{max-width:none;margin-bottom:0;padding-bottom:24px}}',"",{version:3,sources:["webpack://./stories/sections/participation-stage/participation-stage.scss"],names:[],mappings:"AAGA,qBACE,wDAAA,CACA,qBAAA,CACA,UAAA,CACA,6BAAA,CACA,YAAA,CACA,kBAAA,CACA,QAAA,CAEA,sCACE,qBAAA,CACA,2BAAA,CAIA,0BADF,mCAEI,gBAAA,CAAA,CAIJ,6BACE,kBAAA,CAGF,0BACE,eAAA,CACA,kBAAA,CAGF,+BACE,eAAA,CACA,0BAAA,CAGF,iCACE,UAAA,CAEA,sCACE,gBAAA,CAIJ,+BACE,oCAAA,CACA,oCAAA,CACA,iBAAA,CAEA,yEACE,eAAA,CAIJ,iCACE,iBAAA,CACA,qBAAA,CACA,2CAAA,CACA,eAAA,CACA,SAAA,CAEA,yCACE,UAAA,CACA,iBAAA,CACA,MAAA,CACA,SAAA,CACA,KAAA,CACA,QAAA,CACA,oBAAA,CACA,2CAAA,CAGF,2CACE,iBAAA,CAGF,4CACE,iBAAA,CACA,QAAA,CACA,OAAA,CACA,KAAA,CACA,QAAA,CACA,UAAA,CAEA,gDACE,iBAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CACA,gBAAA,CACA,SAAA,CACA,mBAAA,CAEA,wDACE,SAAA,CAKN,0BACE,yCACE,eAAA,CAGF,2CACE,eAAA,CAAA,CAIJ,0BACE,yCACE,+BAAA,CACA,kCAAA,CACA,eAAA,CAAA,CAIJ,yBA/DF,iCAgEI,kBAAA,CAEA,yCACE,KAAA,CACA,QAAA,CACA,MAAA,CACA,OAAA,CACA,iBAAA,CACA,iCAAA,CACA,kCAAA,CACA,WAAA,CAGF,sCACE,4BAAA,CAGF,4CACE,iBAAA,CACA,QAAA,CACA,MAAA,CAEA,oDACE,UAAA,CACA,iBAAA,CACA,aAAA,CACA,eAAA,CAGF,gDACE,iBAAA,CACA,KAAA,CACA,MAAA,CAIJ,2CACE,cAAA,CACA,eAAA,CACA,mBAAA,CAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.participation-stage {\n background-image: url('./beteiligung-cover.jpg');\n background-size: cover;\n color: white;\n min-height: calc(18vw + 300px);\n display: flex;\n align-items: center;\n margin: 0;\n\n &.background-image {\n background-size: cover;\n background-position: 50% 50%;\n }\n\n &.first-element {\n @media(min-width: 1200px) {\n margin-top: -60px;\n }\n }\n\n .kicker {\n margin-bottom: 0.6em;\n }\n\n .btn {\n margin-top: 0.8em;\n margin-bottom: 0.4em;\n }\n\n .text-box {\n max-width: 580px;\n padding: calc(30px + 1vw) 0;\n }\n\n a:not(.btn) {\n color: white;\n\n + .btn {\n margin-left: 30px;\n }\n }\n\n .progress {\n --color-bg: var(--theme-color-white);\n --color-fg: var(--theme-color-white);\n --bg-opacity: 0.4;\n\n + h1, + .text-2 {\n margin-top: 0.7em;\n }\n }\n\n &.image-stage {\n position: relative;\n background-image: none;\n background-color: var(--theme-color-primary);\n overflow: hidden;\n z-index: 1;\n\n &::before {\n content: \"\";\n position: absolute;\n left: 0;\n right: 50%;\n top: 0;\n bottom: 0;\n margin: -15% 0 -15% 0;\n background-color: var(--theme-color-primary);\n }\n\n .text-box {\n position: relative;\n }\n\n .image-box {\n position: absolute;\n left: 45%;\n right: 0;\n top: 0;\n bottom: 0;\n z-index: -1;\n\n img {\n position: relative;\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n opacity: 1;\n transition: 0.4s ease;\n\n &.loading {\n opacity: 0;\n }\n }\n }\n\n @media(max-width: 1200px) {\n &::before {\n min-width: 560px;\n }\n\n .text-box {\n max-width: 480px;\n }\n }\n\n @media(min-width: 1000px) {\n &::before {\n border-top-right-radius: 28% 50%;\n border-bottom-right-radius: 28% 50%;\n min-width: 650px;\n }\n }\n\n @media(max-width: 999px) {\n padding-bottom: 75%;\n\n &::before {\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n margin: 0 -28% 67%;\n border-bottom-left-radius: 50% 28%;\n border-bottom-right-radius: 50% 28%;\n min-width: 0;\n }\n\n .col {\n padding: 0 var(--col-padding);\n }\n\n .image-box {\n position: absolute;\n top: auto;\n left: 0;\n\n &::before {\n content: '';\n position: relative;\n display: block;\n padding-top: 75%;\n }\n\n img {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n\n .text-box {\n max-width: none;\n margin-bottom: 0;\n padding-bottom: 24px;\n }\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/sections/participation-teasers/participation-teasers.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,'.participation-teasers{position:relative;display:block;padding:var(--section-padding) 0;margin:0;background-color:var(--theme-color-primary-dimmed-04)}@media(max-width: 767px){.participation-teasers{margin-top:24px}}.participation-teasers h2,.participation-teasers .like-h2{margin-top:var(--section-headline-margin)}.participation-teasers .overflow-wrapper{overflow:hidden}.participation-teasers .row{margin:calc(var(--col-padding)*-1);padding-top:.3em;overflow:hidden}@media(max-width: 1099px){.participation-teasers .row::after{content:"";position:relative;display:block;min-width:50px}}@media(max-width: 767px){.participation-teasers .row{margin-left:-6px;margin-right:-6px}}.participation-teasers .col{position:relative;display:flex;flex:1 1 33.3333%;max-width:33.3333%}.participation-teasers .col:first-child{margin-left:auto}.participation-teasers .col:last-child{margin-right:auto}@media(max-width: 1099px){.participation-teasers .col:last-child{flex:1 1 100%;max-width:100%}}@media(max-width: 1099px){.participation-teasers .col{flex:1 1 50%;max-width:50%}}@media(max-width: 767px){.participation-teasers .col{padding:6px}}@media(max-width: 567px){.participation-teasers .col{flex:1 1 100%;max-width:100%;min-width:320px}}@media(max-width: 359px){.participation-teasers .col{min-width:280px}}.participation-teasers .all-participations{text-align:center;margin:calc(var(--col-padding) + 1.5em) 0 0}',"",{version:3,sources:["webpack://./stories/sections/participation-teasers/participation-teasers.scss"],names:[],mappings:"AAGA,uBACE,iBAAA,CACA,aAAA,CACA,gCAAA,CACA,QAAA,CACA,qDAAA,CAEA,yBAPF,uBAQI,eAAA,CAAA,CAGF,0DACE,yCAAA,CAEF,yCACE,eAAA,CAEF,4BACE,kCAAA,CACA,gBAAA,CACA,eAAA,CACA,0BACE,mCACE,UAAA,CACA,iBAAA,CACA,aAAA,CACA,cAAA,CAAA,CAGJ,yBAZF,4BAaI,gBAAA,CACA,iBAAA,CAAA,CAIJ,4BACE,iBAAA,CACA,YAAA,CACA,iBAAA,CACA,kBAAA,CAEA,wCACE,gBAAA,CAGF,uCACE,iBAAA,CACA,0BAFF,uCAGI,aAAA,CACA,cAAA,CAAA,CAIJ,0BAlBF,4BAmBI,YAAA,CACA,aAAA,CAAA,CAEF,yBAtBF,4BAuBI,WAAA,CAAA,CAEF,yBAzBF,4BA0BI,aAAA,CACA,cAAA,CACA,eAAA,CAAA,CAEF,yBA9BF,4BA+BI,eAAA,CAAA,CAIJ,2CACE,iBAAA,CACA,2CAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.participation-teasers {\n position: relative;\n display: block;\n padding: var(--section-padding) 0;\n margin: 0;\n background-color: var(--theme-color-primary-dimmed-04);\n\n @media(max-width: 767px) {\n margin-top: 24px;\n }\n\n h2, .like-h2 {\n margin-top: var(--section-headline-margin);\n }\n .overflow-wrapper{\n overflow:hidden;\n }\n .row {\n margin: calc(var(--col-padding) * -1);\n padding-top: 0.3em;\n overflow:hidden;\n @media(max-width: 1099px) {\n &::after {\n content: '';\n position: relative;\n display: block;\n min-width: 50px;\n }\n }\n @media(max-width: 767px) {\n margin-left: -6px;\n margin-right: -6px;\n }\n }\n\n .col {\n position: relative;\n display: flex;\n flex: 1 1 33.3333%;\n max-width: 33.3333%;\n\n &:first-child {\n margin-left: auto;\n }\n\n &:last-child {\n margin-right: auto;\n @media(max-width: 1099px) {\n flex: 1 1 100%;\n max-width: 100%;\n }\n }\n\n @media(max-width: 1099px) {\n flex: 1 1 50%;\n max-width: 50%;\n }\n @media(max-width: 767px) {\n padding: 6px;\n }\n @media(max-width: 567px) {\n flex: 1 1 100%;\n max-width: 100%;\n min-width: 320px;\n }\n @media(max-width: 359px) {\n min-width: 280px;\n }\n }\n\n .all-participations {\n text-align: center;\n margin: calc(var(--col-padding) + 1.5em) 0 0;\n }\n\n}"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./stories/pages/participation-start/ParticipationStart.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ParticipationStartPage:()=>ParticipationStartPage,__namedExportsOrder:()=>__namedExportsOrder,default:()=>ParticipationStart_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");var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),HeaderComponent=__webpack_require__("./stories/components/header/HeaderComponent.js"),ParticipationStageComponent=__webpack_require__("./stories/sections/participation-stage/ParticipationStageComponent.js"),ParticipationTeasersComponent=__webpack_require__("./stories/sections/participation-teasers/ParticipationTeasersComponent.js"),SurveyComponent=__webpack_require__("./stories/sections/survey/SurveyComponent.js"),InfoBannerComponent=__webpack_require__("./stories/sections/infobanner/InfoBannerComponent.js"),FooterComponent=__webpack_require__("./stories/components/footer/FooterComponent.js"),ParticipationMapComponent=__webpack_require__("./stories/sections/participation-map/ParticipationMapComponent.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 ParticipationStart_stories={title:"Pages/Participation Start Page",parameters:{layout:"fullscreen"},args:{stageWithImage:!1},argTypes:{stageWithImage:{name:"Bild in der Bühne"}}};var ParticipationStartPage=function Template(_ref){var args=_extends({},(function _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure "+obj)}(_ref),_ref));return function createParticipationStartPage(_ref){var _ref$stageWithImage=_ref.stageWithImage,stageWithImage=void 0!==_ref$stageWithImage&&_ref$stageWithImage,page=(0,helpers.az)("div",["page"]);page.appendChild((0,HeaderComponent.d)({}));var wrapper=(0,helpers.az)("div",["page-wrapper"],null,page),pageContent=(0,helpers.az)("div",["page-content"],null,wrapper);return pageContent.appendChild((0,ParticipationStageComponent.v)({imageSrc:stageWithImage?"https://source.unsplash.com/2vCqH34PqWs/1080x648":null})),pageContent.appendChild((0,ParticipationTeasersComponent.i)({})),pageContent.appendChild((0,InfoBannerComponent.c)({})),pageContent.appendChild((0,SurveyComponent.V)({})),pageContent.appendChild((0,ParticipationMapComponent.I)({})),page.appendChild((0,FooterComponent.v)({})),page}(Object.assign({},args))}.bind({});ParticipationStartPage.args={};var __namedExportsOrder=["ParticipationStartPage"];ParticipationStartPage.parameters={...ParticipationStartPage.parameters,docs:{...ParticipationStartPage.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createParticipationStartPage({\n ...args\n });\n}",...ParticipationStartPage.parameters?.docs?.source}}}},"./stories/components/participation-teaser/topic-meinung.svg":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__.p+"static/media/topic-meinung.b844fa77.svg"},"./stories/sections/participation-stage/beteiligung-cover.jpg":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__.p+"static/media/beteiligung-cover.d253f1eb.jpg"}}]);
|
