https://stadtwerke-schorndorf.de/component---src-pages-elektromobi…taet-ladetarife-jsx-bbbe03d37de6da08355f.js

1"use strict";(self.webpackChunkstadtwerke_schorndorf=self.webpackChunkstadtwerke_schorndorf||[]).push([[3488],{7939:function(e,t,i){i.r(t),i.d(t,{default:function(){return L}});var n=i(7294),l=i(3520),o=i(7672),r=i(8104),d=i(7851),a=i(9520),s=i(8032),c=i(3074),h=i(2617),p=i.n(h),m=i(4250),u=i(2175),g=i(5893);const x=()=>{if("undefined"==typeof window)return!1;try{var e,t;return!0===(null===(e=window.klaro)||void 0===e||null===(t=e.getManager(window.klaroConfig))||void 0===t?void 0:t.getConsent("googlemaps"))}catch{return!1}};function f(e){let{src:t,title:i="Karte",height:l=600}=e;const{0:o,1:r}=(0,n.useState)(!1);return(0,n.useEffect)((()=>{r(x());const e=()=>r(x());return window.addEventListener("klaro-consent-changed",e),()=>window.removeEventListener("klaro-consent-changed",e)}),[]),o?(0,g.jsx)("iframe",{src:t,title:i,width:"100%",height:l,style:{border:0,display:"block"},loading:"lazy",referrerPolicy:"no-referrer-when-downgrade"}):(0,g.jsx)(w,{style:{minHeight:l},children:(0,g.jsxs)(v,{children:[(0,g.jsx)(b,{"aria-hidden":"true",children:(0,g.jsxs)("svg",{viewBox:"0 0 24 24",width:"26",height:"26",fill:"none",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,g.jsx)("path",{d:"M12 22s7-7.5 7-13a7 7 0 1 0-14 0c0 5.5 7 13 7 13z"}),(0,g.jsx)("circle",{cx:"12",cy:"9",r:"2.5"})]})}),(0,g.jsx)(j,{children:i}),(0,g.jsx)(C,{children:"Für die Anzeige der Karte wird Google Maps benötigt. Google LLC (USA) verarbeitet dabei personenbezogene Daten."}),(0,g.jsx)(y,{type:"button",onClick:()=>{var e;const t=null===(e=window.klaro)||void 0===e?void 0:e.getManager(window.klaroConfig);t&&(t.updateConsent("googlemaps",!0),t.saveAndApplyConsents())},children:"Karte laden & Google Maps akzeptieren"}),(0,g.jsx)(k,{href:"#",onClick:e=>{var t;e.preventDefault(),null===(t=window.klaro)||void 0===t||t.show()},children:"Datenschutz-Einstellungen"})]})})}const w=a.default.div.withConfig({componentId:"sc-1lhl0md-0"})(["background:#faf8f4;border:1px solid #ece8e1;border-radius:8px;display:flex;align-items:center;justify-content:center;width:100%;"]),v=a.default.div.withConfig({componentId:"sc-1lhl0md-1"})(["display:flex;flex-direction:column;align-items:center;gap:0.75rem;padding:2rem;text-align:center;max-width:420px;"]),b=a.default.span.withConfig({componentId:"sc-1lhl0md-2"})(["width:56px;height:56px;border-radius:50%;background:rgba(233,93,15,0.08);color:#e95d0f;display:inline-flex;align-items:center;justify-content:center;margin-bottom:0.25rem;"]),j=a.default.p.withConfig({componentId:"sc-1lhl0md-3"})(['font-family:"Frutiger Bold",sans-serif;font-size:1.0625rem;color:#161514;letter-spacing:-0.005em;margin:0;']),C=a.default.p.withConfig({componentId:"sc-1lhl0md-4"})(['font-family:"Frutiger Regular",sans-serif;font-size:0.875rem;color:#6e6962;line-height:1.55;margin:0 0 0.5rem;max-width:36ch;']),y=a.default.button.withConfig({componentId:"sc-1lhl0md-5"})(['background:#e95d0f;color:#fff;border:2px solid #e95d0f;border-radius:50px;padding:0.75rem 1.5rem;min-height:44px;font-family:"Frutiger Bold",sans-serif;font-size:0.875rem;letter-spacing:0.01em;cursor:pointer;transition:background 200ms,border-color 200ms,transform 160ms;white-space:nowrap;&:hover{background:#d64d00;border-color:#d64d00;transform:translateY(-1px);}&:active{transform:translateY(0);}']),k=a.default.a.withConfig({componentId:"sc-1lhl0md-6"})(['font-family:"Frutiger Regular",sans-serif;font-size:0.8125rem;color:#908a82;text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:color 160ms;&:hover{color:#161514;}']),_=e=>{const{children:t,...i}=e;return(0,g.jsx)(W,{className:"embla__button--prev",type:"button",...i,children:(0,g.jsx)("svg",{onClick:e.onClick,className:"arrow arrow--left "+(e.disabled?"arrow--disabled":""),xmlns:"http://www.w3.org/2000/svg",width:"10",height:"16",viewBox:"0 0 10 16",fill:"none",children:(0,g.jsx)("path",{d:"M7.60402 15.5834L0.583183 8.58341C0.49985 8.50008 0.440683 8.4098 0.405683 8.31258C0.370683 8.21536 0.353461 8.11119 0.354017 8.00008C0.354017 7.88897 0.371239 7.7848 0.405683 7.68758C0.440128 7.59036 0.499294 7.50008 0.583183 7.41675L7.60402 0.395915C

17.79846 0.20147 8.04152 0.104248 8.33318 0.104248C8.62485 0.104248 8.87485 0.208415 9.08318 0.416748C9.29152 0.625081 9.39568 0.868137 9.39568 1.14591C9.39568 1.42369 9.29152 1.66675 9.08318 1.87508L2.95818 8.00008L9.08318 14.1251C9.27763 14.3195 9.37485 14.5592 9.37485 14.8442C9.37485 15.1292 9.27068 15.3756 9.06235 15.5834C8.85402 15.7917 8.61096 15.8959 8.33318 15.8959C8.05541 15.8959 7.81235 15.7917 7.60402 15.5834Z"})})})},I=e=>{const{children:t,...i}=e;return(0,g.jsx)(W,{className:"embla__button--next",type:"button",...i,children:(0,g.jsx)("svg",{onClick:e.onClick,className:"arrow arrow--right "+(e.disabled?"arrow--disabled":""),xmlns:"http://www.w3.org/2000/svg",width:"10",height:"16",viewBox:"0 0 10 16",fill:"none",children:(0,g.jsx)("path",{d:"M2.1455 15.5834L9.16633 8.58341C9.24966 8.50008 9.30883 8.4098 9.34383 8.31258C9.37883 8.21536 9.39605 8.11119 9.39549 8.00008C9.39549 7.88897 9.37827 7.7848 9.34383 7.68758C9.30938 7.59036 9.25022 7.50008 9.16633 7.41675L2.1455 0.395915C1.95105 0.20147 1.708 0.104248 1.41633 0.104248C1.12466 0.104248 0.874662 0.208415 0.666329 0.416748C0.457996 0.625081 0.353829 0.868137 0.353829 1.14591C0.353829 1.42369 0.457996 1.66675 0.666329 1.87508L6.79133 8.00008L0.666329 14.1251C0.471885 14.3195 0.374662 14.5592 0.374662 14.8442C0.374662 15.1292 0.478829 15.3756 0.687162 15.5834C0.895495 15.7917 1.13855 15.8959 1.41633 15.8959C1.69411 15.8959 1.93716 15.7917 2.1455 15.5834Z"})})})},z=e=>{const{children:t,...i}=e;return(0,g.jsx)(H,{type:"button",...i,children:t})};var L=e=>{var t,i,d,a,h,x,w,v,b,j,C,y,k,L,W,H,Q,q,U,V,X,J,ee,te,ie,ne;let{data:{prismicLadetarifepage:le},location:oe}=e;const{0:re,1:de}=(0,n.useState)(!0);(0,o.R)((e=>{let{currPos:t}=e;de(t.y>-670)}),[re]);const ae=(null==le||null===(t=le.data)||void 0===t?void 0:t.body)||[],se=ae.filter((e=>"price_list"===e.slice_type)).filter((e=>{var t,i;const n=null===(t=e.primary)||void 0===t||null===(i=t.speed)||void 0===i?void 0:i.text;return"DYNAMISCH"!==n&&"WÄRME"!==n})),ce=se.length,he=ce>1,[pe,me]=(0,c.Z)({loop:!1,align:"start",containScroll:"keepSnaps",dragFree:!1,slidesToScroll:1,duration:25}),{selectedIndex:ue,scrollSnaps:ge,onDotButtonClick:xe}=((e,t)=>{const{0:i,1:l}=(0,n.useState)(0),{1:o}=(0,n.useState)([]),{0:r,1:d}=(0,n.useState)(0),a=(0,n.useCallback)((()=>{if("undefined"==typeof window)return 1;const e=window.innerWidth;return e>=1200?3:e>=750?2:1}),[]),s=(0,n.useCallback)((()=>{const e=a(),i=Math.max(1,t-e+1);return d(i),i}),[t,a]),c=(0,n.useCallback)((t=>{e&&e.scrollTo(t)}),[e]),h=(0,n.useCallback)((e=>{o(e.scrollSnapList()),s()}),[s]),p=(0,n.useCallback)((e=>{l(e.selectedScrollSnap())}),[]),m=(0,n.useCallback)((()=>{s()}),[s]);return(0,n.useEffect)((()=>{if(e)return h(e),p(e),e.on("reInit",h).on("reInit",p).on("select",p),window.addEventListener("resize",m),()=>{window.removeEventListener("resize",m)}}),[e,h,p,m]),{selectedIndex:i,scrollSnaps:Array.from({length:r}),onDotButtonClick:c}})(me,ce),{prevBtnDisabled:fe,nextBtnDisabled:we,onPrevButtonClick:ve,onNextButtonClick:be}=((e,t)=>{const{0:i,1:l}=(0,n.useState)(!0),{0:o,1:r}

1=(0,n.useState)(!0),{0:d,1:a}=(0,n.useState)(0),{0:s,1:c}=(0,n.useState)(0),h=(0,n.useCallback)((()=>{if("undefined"==typeof window)return 1;const e=window.innerWidth;return e>=1200?3:e>=750?2:1}),[]),p=(0,n.useCallback)((()=>{const e=h(),i=Math.max(1,t-e+1);return c(i),i}),[t,h]),m=(0,n.useCallback)((()=>{if(!e)return;const t=Math.max(0,d-1);e.scrollTo(t)}),[e,d]),u=(0,n.useCallback)((()=>{if(!e)return;const t=Math.min(s-1,d+1);e.scrollTo(t)}),[e,d,s]),g=(0,n.useCallback)((e=>{const t=e.selectedScrollSnap();a(t),l(t<=0),r(t>=s-1)}),[s]),x=(0,n.useCallback)((e=>{p()}),[p]),f=(0,n.useCallback)((()=>{p()}),[p]);return(0,n.useEffect)((()=>{if(e)return x(e),g(e),e.on("reInit",x).on("reInit",g).on("select",g),window.addEventListener("resize",f),()=>{window.removeEventListener("resize",f)}}),[e,g,x,f]),{prevBtnDisabled:i,nextBtnDisabled:o,onPrevButtonClick:m,onNextButtonClick:u}})(me,ce);return(0,g.jsxs)(l.Ar,{isHomepage:!0,isHomepageBanner:re,children:[(0,g.jsx)(l.pQ,{title:`Ladestationen | ${p().titleAlt}`,pathname:oe.pathname,desc:(null==le||null===(i=le.data)||void 0===i?void 0:i.meta_description)||p().description}),(0,g.jsx)(l.VM,{image:(0,s.c)(null==le||null===(d=le.data)||void 0===d?void 0:d.hero_image),alt:(null==le||null===(a=le.data)||void 0===a||null===(h=a.hero_image)||void 0===h?void 0:h.alt)||""}),(0,g.jsx)(l.T5,{children:(0,g.jsx)(l.$0,{size:[50,120],children:(0,g.jsxs)(l.r8,{large:10,medium:12,small:12,children:[(0,g.jsx)(S,{level:"h1",children:null==le||null===(x=le.data)||void 0===x?void 0:x.title.text}),(0,g.jsx)(B,{level:"h2",bold:!0,children:null==le||null===(w=le.data)||void 0===w?void 0:w.sub_title}),(0,g.jsx)(l.s0,{level:"h3",headingColor:r.$_.nav,style:{marginBottom:"3rem"},children:null==le||null===(v=le.data)||void 0===v?void 0:v.sub_title2}),(0,g.jsx)(m.v,{field:null==le||null===(b=le.data)||void 0===b?void 0:b.content.richText,components:u.y})]})})}),ce>0&&(0,g.jsx)(l.T5,{children:(0,g.jsx)(l.$0,{size:[0,0],children:(0,g.jsx)(l.rj,{style:{position:"relative",width:"100%"},gap:"xxlarge",children:(0,g.jsx)(l.W2,{style:{width:"100%"},children:(0,g.jsx)("div",{style:{position:"relative",width:"100%"},children:he?(0,g.jsxs)(M,{children:[(0,g.jsx)($,{ref:pe,children:(0,g.jsx)(E,{children:se.map(((e,t)=>(0,g.jsx)(D,{children:(0,g.jsx)(l.ri,{pricedata:e,index:t,showOrderButton:!1})},e.id||t)))})}),(0,g.jsxs)(A,{children:[(0,g.jsx)(_,{onClick:ve,disabled:fe}),(0,g.jsx)(I,{onClick:be,disabled:we})]}),(0,g.jsxs)(F,{children:[(0,g.jsx)(N,{children:(0,g.jsx)(_,{onClick:ve,disabled:fe})}),(0,g.jsx)(G,{children:ge.map(((e,t)=>(0,g.jsx)(z,{onClick:()=>xe(t),className:t===ue?"embla__dot--selected":""},t)))}),(0,g.jsx)(N,{children:(0,g.jsx)(I,{onClick:be,disabled:we})})]})]}):(0,g.jsx)(T,{count:ce,children:se.map(((e,t)=>(0,g.jsx)(l.ri,{pricedata:e,index:t,showOrderButton:!1},e.id||t)))})})})})})}),!(null==le||null===(j=le.data)||void 0===j||null===(C=j.c2a_image)||void 0===C||!C.gatsbyImageData)&&(0,g.jsx)(l.$0,{size:[0,0],children:(0,g.jsxs)("div",{style:{height:"300px",marginBottom:"90px",display:"flex",alignItems:"center"},children:[(0,g.jsx)(s.G,{image:null==le||null===(y=le.data)||void 0===y||null===(k=y.c2a_image)||void 0===k?void 0:k.gatsbyImageData,style:{position:"absolute",height:"300px",width:"100%"}}),(null==le||null===(L=le.data)||void 0===L?void 0:L.c2a_button_text)&&(0,g.jsx)(l.T5,{children:(0,g.jsx)(l.W2,{textAlign:"center",children:(0,g.jsx)(l.gM,{target:"_blank",to:null==le||null===(W=le.data)||void 0===W?void 0:W.c2a_button_link,children:(0,g.jsx)(l.zx,{backgroundColor:`${r.$_.primary}`,style:{width:"max-content"},children:null==le||null===(H=le.data)||void 0===H?void 0:H.c2a_button_text})})})})]})}),ae&&ae.filter((e=>"price_list"!==e.slice_type)).map((e=>{if("features"===e.slice_type){const t={...e,items:e.items.slice(0,-1)};return(0,g.jsx)(l.bW,{slice:t},e.id)}return null})),(0,g.jsx)(l.$0,{id:"how-to",size:[0,0],children:(0,g.jsx)(l.T5,{children:(0,g.jsx)(l.rj,{gap:"xxxlarge",children:(0,g.jsxs)(l.r8,{large:12,medium:12,small:12,children:[(0,g.jsx)(S,{level:"h1",children:null==le||null===(Q=le.data)||void 0===Q?void 0:Q.how_to_title}),(0,g.jsx)(B,{level:"h2",bold:!0,children:null==le||null===(q=le.data)||void 0===q?void 0:q.how_to_subtitle}),(0,g.jsx)(l.xv,{children:(0,g.jsx)(m.v,{field:null==le||null===(U=le.data)||void 0===U||null===(V=U.how_to_body)||void 0===V?void 0:V.richText,components:u.y})})]})})})}),(0,g.jsx)(l.$0,{id:"ladestationen",size:[50,120],bg:"#F5F5F5",children:(0,g.jsxs)(l.T5,{children:[(0,g.jsxs)(l.r8,{large:12,medium:12,small:12,gap:"xlarge",children:[(0,g.jsx)(S,{level:"h1",children:null==le||null===(X=le.data)||void 0===X?void 0:X.map_title.text}),(0,g.jsx)(B,{level:"h2",bold:!0,children:null==le||null===(J=le.data)||void 0===J?void 0:J.map_sub_title}),(0,g.jsx)(l.xv,{children:(0,g.jsx)(m.v,{field:null==le||null===(ee=le.data)||void 0===ee?void 0:ee.map_content.richText,components:u.y})})]}),(0,g.jsx)(l.r8,{large:12,medium:12,small:12,children:(0,g.jsx)(f,{src:"https://www.google.com/maps/d/embed?mid=1plS3ETXpduFn-nT3l3G1ekFWpc5nQ4Y&ehbc=2E312F",title:"Ladestationen-Karte",height:600})})]})}),(0,g.jsx)(l.$0,{size:[50,120],children:(0,g.jsx)(l.T5,{children:(0,g.jsx)(K,{children:(0,g.jsxs)(Y,{children:[(0,g.jsx)(P,{}),(0,g.jsxs)(R,{children:[(0,g.jsx)(l.s0,{level:"h4",gap:"xlarge",bold:!0,children:le.data.ansprechpartner_title}),(0,g.jsx)(l.s0,{level:"h5",gap:"medium",children:(0,g.jsx)("b",{children:le.data.ansprechpartner_name})}),null!==(te=le.data.ansprechpartner_body)&&void 0!==te&&te.richText?(0,g.jsx)(m.v,{field:le.data.ansprechpartner_body.richText,components:u.y}):(0,g.jsx)(l.xv,{gap:"xlarge",children:(0,g.jsx)("div",{dangerouslySetInnerHTML:{__html:(null===(ie=le.data.ansprechpartner_body)||void 0===ie?void 0:ie.html)||""}})}),(0,g.jsx)(l.gM,{to:"/service",children:(0,g.jsx)(l.zx,{backgroundColor:`${r.$_.primary}`,children:"Zur Kontaktseite"})})]}),(0,g.jsx)(Z,{children:(0,g.jsx)(O,{children:(0,g.jsx)(s.G,{image:(0,s.c)(le.data.ansprechpartner_image),quality:95,formats:["auto","webp"],alt:(null===(ne=le.data.ansprechpartner_image)||void 0===ne?void 0:ne.alt)||"Ansprechpartner"})})})]})})})})]})};const S=(0,a.default)(l.s0).withConfig({componentId:"sc-8lh458-0"})(["",";margin-bottom:1rem;font-weight:300;"],(0,d.u9)("font-size",16,16)),B=(0,a.default)(l.s0).withConfig({componentId:"sc-8lh458-1"})(["color:",";",";"],r.$_.text,(0,d.u9)("font-size",30,52)),T=a.default.div.withConfig({componentId:"sc-8lh458-2"})(["display:grid;gap:15px;width:100%;box-sizing:border-box;grid-template-columns:1fr;@media screen and (min-width:768px){grid-template-columns:repeat(2,1fr);}@media screen and (min-width:1024px){grid-template-columns:repeat(3,1fr);}> div{box-sizing:border-box;}"]),M=a.default.div.withConfig({componentId:"sc-8lh458-3"})(["width:100%;position:relative;--slide-height:19rem;--slide-spacing:1rem;--slide-size:100%;--slide-spacing-sm:1.6rem;--slide-size-sm:50%;--slide-spacing-lg:1rem;--slide-size-lg:calc(100% / 3);"]),$=a.default.div.withConfig({componentId:"sc-8lh458-4"})(["overflow:hidden;position:relative;padding:25px 0;margin:-25px 0;"]),E=a.default.div.withConfig({componentId:"sc-8lh458-5"})(["backface-visibility:hidden;display:flex;touch-action:pan-y pinch-zoom;margin-left:0;width:100%;gap:0;@media (min-width:750px){gap:1.6rem;}@media (min-width:1200px){gap:1rem;}"]),D=a.default.div.withConfig({componentId:"sc-8lh458-6"})(["min-width:0;flex:0 0 100%;@media (min-width:750px){flex:0 0 calc((100% - 1.6rem) / 2);}@media (min-width:1200px){flex:0 0 calc((100% - 2rem) / 3);}"]),F=a.default.div.withConfig({componentId:"sc-8lh458-7"})(["display:flex;flex-direction:column;align-items:center;gap:1.2rem;margin-top:1.8rem;@media (max-width:1439px){flex-direction:row;justify-content:center;align-items:center;gap:2rem;}"]),A=a.default.div.withConfig({componentId:"sc-8lh458-8"})(["position:absolute;top:50%;left:-1rem;right:-1rem;transform:translateY(-50%);display:flex;justify-content:space-between;align-items:center;pointer-events:none;padding:0 1rem;@media (max-width:1439px){display:none;}"]),N=a.default.div.withConfig({componentId:"sc-8lh458-9"})(["@media (max-width:1439px){position:relative;display:flex;align-items:center;justify-content:center;margin:0 4rem;}display:none;"]),W=a.default.button.withConfig({componentId:"sc-8lh458-10"})(["-webkit-tap-highlight-color:rgba(100,99,99,0.5);-webkit-appearance:none;appearance:none;background-color:transparent;touch-action:manipulation;display:inline-flex;text-decoration:none;cursor:pointer;border:0;padding:0;margin:0;display:flex;align-items:center;justify-content:center;pointer-events:all;&:disabled{color:#ccc;}.embla__button__svg{width:35%;height:35%;}"]),G=a.default.div.withConfig({componentId:"sc-8lh458-11"})(["display:flex;justify-content:center;align-items:center;gap:0.4rem;"]),H=a.default.button.withConfig({componentId:"sc-8lh458-12"})(['-webkit-tap-highlight-color:rgba(233,91,15,0.5);-webkit-appearance:none;appearance:none;background-color:transparent;touch-action:manipulation;display:inline-flex;text-decoration:none;cursor:pointer;border:0;padding:0;margin:0;width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;border-radius:50%;&:after{background-color:#ccc;width:1rem;height:1rem;border-radius:50%;display:flex;align-items:center;content:"";}&.embla__dot--selected:after{background-color:#e95b0f;}']),K=a.default.div.withConfig({componentId:"sc-8lh458-13"})(["margin-right:auto;margin-left:auto;max-width:100rem;@media (min-width:350px) and (max-width:767px){padding-right:1.5rem;padding-left:1.5rem;}@media (max-width:768px){padding-right:0px;padding-left:0px;}"]),Y=a.default.div.withConfig({componentId:"sc-8lh458-14"})(["margin-right:auto;margin-left:auto;position:relative;display:flex;flex-direction:column;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;max-width:77rem;padding-top:2rem;@media (min-width:768px){padding-top:0px;}@media (min-width:1024px){flex-direction:row;padding:3rem 0px;gap:10rem;}"]),P=a.default.div.withConfig({componentId:"sc-8lh458-15"})(["position:absolute;bottom:0px;width:100%;height:66%;background-color:",";@media (min-width:1024px){top:0px;bottom:auto;width:80%;height:100%;right:0px;}"],r.$_.bg),R=a.default.div.withConfig({componentId:"sc-8lh458-16"})(["z-index:1;padding-top:1.75rem;padding-bottom:1.75rem;padding-left:1rem;padding-right:1rem;@media (min-width:1024px){width:100%;margin-left:-100px;padding-top:0px;padding-bottom:0px;}"]),Z=a.default.div.withConfig({componentId:"sc-8lh458-17"})(["position:relative;z-index:1;order:-1;@media (min-width:350px) and (max-width:559px){width:87%;}@media (min-width:1024px){order:-1;width:100%;}"]),O=a.default.div.withConfig({componentId:"sc-8lh458-18"})(["position:static;width:100%;height:100%;overflow:hidden;"])}}]);