https://www.sarstedt.com/_next/static/chunks/6166.db218ca66b0a8cf8.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6166],{80838:(e,t,i)=>{i.d(t,{l:()=>n});var r=i(14232);function n(e){return(0,r.useEffect)(()=>()=>e(),[])}},96166:(e,t,i)=>{i.r(t),i.d(t,{default:()=>_});var r=i(37876),n=i(14232),s=i(83761),l=i(85671),a=i(71576),o=i(49180),d=i(53104),u=i(30647),c=i(85182),h=i(34222),f=i(75132),p=i(14169),m=i(25407),x=i(56946),g=i(54587),y=i.n(g),b=i(51909);function v(){let e=(0,n.useRef)(!1);return(0,b.E)(()=>(e.current=!0,()=>{e.current=!1}),[]),e}var w=i(9114),E=i(44058),C=i(12736);class j extends n.Component{getSnapshotBeforeUpdate(e){let t=this.props.childRef.current;if(t&&e.isPresent&&!this.props.isPresent){let e=this.props.sizeRef.current;e.height=t.offsetHeight||0,e.width=t.offsetWidth||0,e.top=t.offsetTop,e.left=t.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}}function R({children:e,isPresent:t}){let i=(0,n.useId)(),r=(0,n.useRef)(null),s=(0,n.useRef)({width:0,height:0,top:0,left:0});return(0,n.useInsertionEffect)(()=>{let{width:e,height:n,top:l,left:a}=s.current;if(t||!r.current||!e||!n)return;r.current.dataset.motionPopId=i;let o=document.createElement("style");return document.head.appendChild(o),o.sheet&&o.sheet.insertRule(`
2          [data-motion-pop-id="${i}"] {
3            position: absolute !important;
4            width: ${e}px !important;
5            height: ${n}px !important;
6            top: ${l}px !important;
7            left: ${a}px !important;
8          }
9        `),()=>{document.head.removeChild(o)}},[t]),n.createElement(j,{isPresent:t,childRef:r,sizeRef:s},n.cloneElement(e,{ref:r}))}let k=({children:e,initial:t,isPresent:i,onExitComplete:r,custom:s,presenceAffectsLayout:l,mode:a})=>{let o=(0,C.M)(L),d=(0,n.useId)(),u=(0,n.useMemo)(()=>({id:d,initial:t,isPresent:i,custom:s,onExitComplete:e=>{for(let t of(o.set(e,!0),o.values()))if(!t)return;r&&r()},register:e=>(o.set(e,!1),()=>o.delete(e))}),l?void 0:[i]);return(0,n.useMemo)(()=>{o.forEach((e,t)=>o.set(t,!1))},[i]),n.useEffect(()=>{i||o.size||!r||r()},[i]),"popLayout"===a&&(e=n.createElement(R,{isPresent:i},e)),n.createElement(E.t.Provider,{value:u},e)};function L(){return new Map}var $=i(89144),M=i(80838),W=i(34631);let T=e=>e.key||"",A=({children:e,custom:t,initial:i=!0,onExitComplete:r,exitBeforeEnter:s,presenceAffectsLayout:l=!0,mode:a="sync"})=>{(0,W.V)(!s,"Replace exitBeforeEnter with mode='wait'");let o=(0,n.useContext)($.L).forceRender||function(){let e=v(),[t,i]=(0,n.useState)(0),r=(0,n.useCallback)(()=>{e.current&&i(t+1)},[t]);return[(0,n.useCallback)(()=>w.Gt.postRender(r),[r]),t]}()[0],d=v(),u=function(e){let t=[];return n.Children.forEach(e,e=>{(0,n.isValidElement)(e)&&t.push(e)}),t}(e),c=u,h=(0,n.useRef)(new Map).current,f=(0,n.useRef)(c),p=(0,n.useRef)(new Map).current,m=(0,n.useRef)(!0);if((0,b.E)(()=>{m.current=!1,u.forEach(e=>{let t=T(e);p.set(t,e)}),f.current=c}),(0,M.l)(()=>{m.current=!0,p.clear(),h.clear()}),m.current)return n.createElement(n.Fragment,null,c.map(e=>n.createElement(k,{key:T(e),isPresent:!0,initial:!!i&&void 0,presenceAffectsLayout:l,mode:a},e)));c=[...c];let x=f.current.map(T),g=u.map(T),y=x.length;for(let e=0;e<y;e++){let t=x[e];-1!==g.indexOf(t)||h.has(t)||h.set(t,void 0)}return"wait"===a&&h.size&&(c=[]),h.forEach((e,i)=>{if(-1!==g.indexOf(i))return;let s=p.get(i);if(!s)return;let m=x.indexOf(i),y=e;y||(y=n.createElement(k,{key:T(s),isPresent:!1,onExitComplete:()=>{h.delete(i);let e=Array.from(p.keys()).filter(e=>!g.includes(e));if(e.forEach(e=>p.delete(e)),f.current=u.filter(t=>{let r=T(t);return r===i||e.includes(r)}),!h.size){if(!1===d.current)return;o(),r&&r()}},custom:t,presenceAffectsLayout:l,mode:a},s),h.set(i,y)),c.splice(m,0,y)}),c=c.map(e=>{let t=e.key;return h.has(t)?e:n.createElement(k,{key:T(e),isPresent:!0,presenceAffectsLayout:l,mode:a},e)}),n.createElement(n.Fragment,null,h.size?c:c.map(e=>(0,n.cloneElement)(e)))};var P=i(92895),z=i(95536),S=i(27239),I=i(93933),O=i.n(I),B=i(14430),H=i(89099),Y=i(91731),N=i(25200);let Q={inert:""},F=Math.round(600)+50,_=({sliderCards:e,includes:t,richText:i,size:g="small",refId:b})=>{let v=(0,n.useMemo)(()=>(0,S.kN)({includes:t}

9),[t]),[w,E]=(0,n.useState)(0),[C,j]=(0,n.useState)(0),[R,k]=(0,n.useState)(!1),L=(0,n.useRef)(null),$=(0,n.useRef)(null),M=(0,n.useRef)(null),W=w>C?1:-1,T="small"===g?200:"large"===g?450:302,I=`${T}px`;(0,n.useEffect)(()=>{let e=M.current;if(!e)return;let t=e.children[w];if(!t)return;let i=e.getBoundingClientRect(),r=t.getBoundingClientRect(),n=r.right-i.left+e.scrollLeft,s=r.left-i.left+e.scrollLeft;n>e.scrollLeft+e.clientWidth?e.scrollTo({left:n-e.clientWidth+10,behavior:"smooth"}):s<e.scrollLeft&&e.scrollTo({left:s-10,behavior:"smooth"})},[w]);let _=(0,H.useRouter)(),{language:G,country:U}=(0,B.JK)(_),J=_.asPath.split("/").filter(Boolean).slice(1),K=(0,n.useMemo)(()=>e?.map(e=>{let i=(0,z.QQ)(e,t),r=(0,z.QQ)(i.fields.imageTeaser,t);return{...i,fields:{...i.fields,imageTeaser:r}}})??[],[e,t]),V=(0,n.useMemo)(()=>K.map(e=>(0,a.i)(e.fields.richText,{...v,preserveWhitespace:!1})),[K,v]),q=K[w].fields?.imageTeaser?.fields?.title||`Slide ${w+1}`,D=430/(T+("medium"===g?66:i?120:106.4));(0,s.o)(()=>{let e=!1,t=()=>{e||(e=!0,(()=>{let e=L.current;if(!e)return;if(window.innerWidth<=1279){e.style.removeProperty("width"),e.style.removeProperty("max-width");return}let t=e.parentElement?.clientWidth||0,i=t?t/2:430,r=0,n=430;for(let t=0;t<3;t++){let t=e.offsetHeight;if(2>Math.abs(t-r))break;n=Math.max(430,Math.min(Math.round((r=t)*D),Math.round(i))),e.style.width=`${n}px`,e.style.maxWidth=`${n}px`}})(),requestAnimationFrame(()=>{e=!1}))};t(),window.addEventListener("resize",t);let i="undefined"==typeof ResizeObserver?null:new ResizeObserver(t);return i&&$.current&&i.observe($.current),()=>{window.removeEventListener("resize",t),i?.disconnect()}},[D]);let Z=e=>{R||e===w||(k(!0),j(w),E(e),setTimeout(()=>{k(!1)},F))},X=e=>e?e.startsWith("//")?`https:${e}`:e:"";return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{style:{position:"absolute",width:0,height:0,overflow:"hidden",opacity:0,pointerEvents:"none"},children:K.map((e,t)=>{let i=X(e?.fields.imageTeaser?.fields?.file?.url?.toString());return i?(0,r.jsx)(y(),{src:i,width:1,height:1,alt:q,priority:t<=2,style:{display:"none"}},`preload-${t}`):null})}),(0,r.jsxs)(d.Y,{align:"center",position:"apart",sx:{flexWrap:"wrap"},className:O().parentContainer,id:b,children:[i&&(0,r.jsx)(u.E,{sx:{display:"none","@media (max-width: 1279px)":{display:"block",width:"100%",order:1}},children:(0,a.i)(i,v)}),(0,r.jsxs)(c.B,{style:{display:"grid"},sx:{flex:1,minWidth:0,gridTemplateColumns:"auto minmax(0, 1fr)",gridTemplateAreas:i?'"image intro" "image card" ". dots"':'"image card" ". dots"',columnGap:"20px",alignItems:"start","@media (max-width: 1279px)":{width:"100%",order:3,gridTemplateColumns:"minmax(0, 1fr)",gridTemplateAreas:i?'"intro" "image" "card" "dots"':'"image" "card" "dots"',columnGap:0}},children:[i&&(0,r.jsx)(u.E,{sx:{gridArea:"intro",transform:"translateY(2rem)","@media (max-width: 1279px)":{display:"none"}},children:(0,a.i)(i,v)}),(0,r.jsx)(h.a,{ref:L,sx:{gridArea:"image",alignSelf:"stretch",marginTop:i?"2rem":0,position:"relative",display:"flex",justifyContent:"center",alignItems:"center",width:"430px",maxWidth:"430px",overflow:"hidden","@media (max-width: 1279px)":{transform:`translateY(${"medium"===g?"0":"-5px"})`,marginTop:0,width:"100%",maxWidth:"100%",minHeight:"auto",maxHeight:"none",aspectRatio:"3/2"}},children:(0,r.jsx)(A,{mode:"wait",children:(0,r.jsx)(P.P.div,{initial:{opacity:0,x:100*W},animate:{opacity:1,x:0,transition:{duration:.3,ease:"easeInOut"}},exit:{opacity:0,x:-100*W,transition:{duration:.3,ease:"easeInOut"}},style:{width:"100%",height:"100%",position:"absolute",top:0,left:0,right:0,bottom:0},children:(0,r.jsx)(y(),{src:X(K[w]?.fields.imageTeaser?.fields?.file?.url?.toString()),fill:!0,alt:q||`Slide Image ${w+1}`,loading:"eager",priority:w<=1,sizes:"(max-width: 1279px) 100vw, 640px",style:{objectFit:"cover"}})},w)})}),(0,r.jsx)("div",{ref:$,style:{gridArea:"card",position:"relative",overflow:"hidden",display:"grid",minWidth:0},children:K.map((e,i)=>{let n=i===w,s=i<w?-50:50;return(0,r.jsx)(P.P.div,{"aria-hidden":!n,...!n&&Q,initial:{opacity:+!!n,x:n?0:s,visibility:n?"visible":"hidden"},animate:n?{opacity:1,x:0,visibility:"visible"}:{opacity:0,x:s,transitionEnd:{visibility:"hidden"}},transition:n?{duration:.3,ease:"easeInOut",delay:.3}:{duration:.3,ease:"easeInOut"},style:{gridArea:"1 / 1",display:"flex",width:"100%",zIndex:+!!n,pointerEvents:n?"auto":"none"},children:(0,r.jsx)(f.Z,{shadow:"sm",padding:"2rem",radius:"md",withBorder:!0,sx:{backgroundColor:o.L.base[0],boxShadow:"0 4px 10px rgba(255, 192, 203, 0.2)",p:20,width:"100%",height:"100%",position:"relative"},children:(0,r.jsxs)("div",{id:n?"card-content":void 0,className:O().cardContent,style:{minHeight:I,maxHeight:"none"},children:[(0,r.jsx)(u.E,{style:{width:"100%"},children:V[i]}),(e=>{let i=e.buttonLabel;if(!i)return null;let n=e.buttonReference?(0,z.QQ)(e.buttonReference,t):void 0,s=e.buttonAlign?.toLowerCase(),l=n?`/${G}/${(0,B.$9)(U)}${(0,N.YP)(n,t,J)}`:e.buttonUrl||"#";return(0,r.jsx)(Y.A,{buttonLabel:i,href:l,buttonAlign:s,buttonType:e.buttonType,style:{justifyContent:"left"

9===s?"flex-start":"right"===s?"flex-end":"center",display:"flex"},pageReference:n})})(e.fields)]})})},`${e.sys?.id??"slide"}-${i}`)})}),(0,r.jsxs)(d.Y,{position:"apart",noWrap:!0,sx:{gridArea:"dots",mb:60},children:[(0,r.jsx)(p.s,{ref:M,gap:"xs",sx:{overflow:"hidden",flex:1,minWidth:0},children:K.map((e,t)=>(0,r.jsx)(m.$,{onClick:()=>Z(t),disabled:R,p:0,sx:{width:t===w?"35px":"10px",height:"10px",minWidth:"10px",minHeight:"10px",flexShrink:0,backgroundColor:t===w?o.L.brand[3]:o.L.sargray[4],transition:"all 0.3s ease-in-out",border:"none",cursor:R?"not-allowed":"pointer",opacity:R?.6:1}},t))}),(0,r.jsxs)(d.Y,{noWrap:!0,sx:{flexShrink:0},children:[(0,r.jsxs)("div",{className:`carousel-position ${O().navigatorLabel}`,children:[(0,r.jsx)("span",{style:{fontWeight:"bold"},children:`${w+1<10?"0":""}${w+1}`})," ","/ ",K.length<10?"0":"",K.length]}),(0,r.jsx)(x.M,{size:30,variant:"outline",onClick:()=>Z(Math.max(w-1,0)),disabled:0===w||R,sx:{borderRadius:0,backgroundColor:"#fff",opacity:R?.6:1,"&:hover":{backgroundColor:"#fff",borderColor:o.L.brand[4],color:o.L.brand[4]}},children:(0,r.jsx)(l.YJ,{width:15,height:15})}),(0,r.jsx)(x.M,{size:30,variant:"outline",onClick:()=>Z(Math.min(w+1,K.length-1)),disabled:w===K.length-1||R,sx:{borderRadius:0,backgroundColor:"#fff",opacity:R?.6:1,"&:hover":{backgroundColor:"#fff",borderColor:o.L.brand[4],color:o.L.brand[4]}},children:(0,r.jsx)(l.vK,{width:15,height:15})})]})]})]})]})]})}}}]);