https://www.misterspex.de/__service/content-service/_next/static/chunks/1109.efee562215b6e946.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1109],{3039:(e,t,i)=>{"use strict";i.d(t,{r:()=>a});var n=i(13574);let a=(e,t,i,a)=>{n.MsxGtm.trackEvent({eventCategory:"content_component".concat(e),eventAction:t,eventLabel:i}),n.MsxGtm.trackEventData({eventType:"IMAGE_CLICK",componentCategory:e,componentName:a})}},3945:(e,t,i)=>{"use strict";i.d(t,{A:()=>n});let n={xsmall:"spacing88",large:"spacing144"}},10470:(e,t,i)=>{"use strict";function n(e){return(null==e?void 0:e.trim())||""}i.d(t,{A:()=>n})},18768:(e,t,i)=>{"use strict";i.d(t,{A:()=>n});let n=i(72134).A},30606:(e,t,i)=>{"use strict";i.d(t,{A:()=>p});var n=i(26514);i(75834);var a=i(39912),r=i(29645),c=i(97164),o=i(95228),l=i(21079);function g(e){let{publicId:t,aspectRatio:i,imageFormat:n,width:g,height:d,pixelRatio:s,crop:p,transformation:x}=e,f=p===o.e.isLimitFill?r.rl.limitFill():r.rl.thumbnail();d&&f.height(d);let b=(0,a.M)().image(t).resize(f.width(g).gravity("custom").aspectRatio(i)).quality("auto:best").delivery((0,c.Be)(s)).format(n);return(0,l.f)(x).forEach(e=>{b=b.addTransformation(e)}),b.toURL()}var d=i(10470);let s=["avif","webp","jp2","jpg"],p=e=>{let{publicId:t,altText:i,lazyload:a,classNames:r,sourceSettings:c,transformation:o}=e,l=s.map(e=>c.map((i,a)=>{let r={publicId:t,imageFormat:e,pixelRatio:"1.0",aspectRatio:i.aspectRatio,width:i.width,height:i.height,crop:null==i?void 0:i.crop,transformation:o},c="".concat(g(r),", ").concat(g({...r,pixelRatio:"2.0"})," 2.0x");return(0,n.jsx)("source",{type:"image/".concat(e),srcSet:c,media:i.media},"".concat(t).concat(e).concat(a))})),p=g({publicId:t,aspectRatio:"9:4",imageFormat:"jpg",width:"1400",height:"520",pixelRatio:"2.0"});return(0,n.jsxs)("picture",{className:r,children:[l,(0,n.jsx)("img",{className:r,src:p,loading:a?"lazy":"eager",alt:(0,d.A)(i)})]})}},43123:(e,t,i)=>{"use strict";i.d(t,{A:()=>c});var n=i(26514);i(75834);var a=i(34375),r=i(64851);let c=e=>{let{preHeadingAs:t="div",preHeadingText:i,headingAs:c="h2",headingText:o,textColorMode:l=r.WN.Dark}=e;return(0,n.jsxs)(n.Fragment,{children:[i&&(0,n.jsx)(a.o,{as:t,color:l===r.WN.Dark?"contentPrimary":"contentPrimaryInverted",typeScale:{xsmall:"XXS",large:"XS"},marginBottom:{large:"spacing4"},fontWeight:"fontWeightRegular",style:{textTransform:"uppercase"},children:i}),(0,n.jsx)(a.o,{as:c,typeScale:{xsmall:"L",large:"XL"},fontWeight:"fontWeightBold",color:l===r.WN.Dark?"contentPrimary":"contentPrimaryInverted",children:o})]})}},59890:(e,t,i)=>{"use strict";i.d(t,{w:()=>a});var n=i(13574);let a=(e,t,i,a,r)=>{n.MsxGtm.trackEvent({eventCategory:"content_component".concat(e),eventAction:t,eventLabel:i}),n.MsxGtm.trackEventData({eventType:"CTA_CLICK",componentCategory:e,componentName:a,elementText:r})}},60036:e=>{e.exports={accent:"#11822d",backgroundHighlight01:"#f4e0cb",backgroundHighlight02:"#c9dbe5",backgroundHighlight03:"#f9f0cd",backgroundHighlight04:"#cbe1cb",backgroundPrimary:"#fff",backgroundSecondary:"#f5f5f5",backgroundTertiary:"#dfdede",backgroundWarning:"#fbeaec",beige01:"#eddec2",beige02:"#e7d2a9",beige03:"#e3c996",beige04:"#dbbc81",beige05:"#d3af6d",black:"#363434",blue01:"#c9dbe5",blue02:"#acc9d9",blue03:"#8fb8ce",blue04:"#6ea7c2",blue05:"#4593b4",borderDisabled:"#f5f5f5",borderSelected:"#363434",borderUnselected:"#6e6e6e",contentPrimary:"#363434",contentPrimaryInverted:"#fff",contentSecondary:"#6e6e6e",contentTertiary:"#b4b4b4",feedbackError:"#b32335",feedbackPositive:"#3eab3f",feedbackWarning:"#eaab73",green:"#11822d",greenBreeze01:"#e4eee4",greenBreeze02:"#cbe1cb",greenBreeze03:"#b1d5b3",greenBreeze04:"#96ca9a",greenBreeze05:"#6dbb87",grey00:"#f5f5f5",grey01:"#f2f1f0",grey02:"#dfdede",grey03:"#cdcdcd",grey04:"#bfbfc0",grey05:"#b4b4b4",grey06:"#787878",grey07:"#6e6e6e",msxBlack:"#363434",msxGreen:"#11822d",msxSales:"#d52a3f",msxWhite:"#fff",orange01:"#f4e0cb",orange02:"#f2d5b4",orange03:"#f0c99f",orange04:"#edbb88",orange05:"#eaab73",primaryA:"#363434",primaryB:"#fff",red01:"#f2dacf",red02:"#efcbb8",red03:"#ebb8a1",red04:"#e8a48c",red05:"#e38c7a",red:"#d52a3f",transparent:"rgba(0,0,0,0)",white:"#fff",yellow01:"#f9f0cd",yellow02:"#faecb9",yellow03:"#faeaa9",yellow04:"#fae896",yellow05:"#fae484",green500:"#11822d",green400:"#59ab6d",green350:"#71b782",green300:"#88c397",green200:"#a0cfac",green100:"#b8dbc1",greenHover:"#71b782",greenActive:"#88c397",greenDisabled:"#b8dbc1",xlarge:"1440px",large:"1024px",maximumViewport:"1920px",medium:"620px",minimumViewport:"320px",small:"375px",xsmall:"320px",borderRadius0:"0px",borderRadius4:"4px",borderRadius8:"8px",borderRadius12:"12px",borderRadius16:"16px",borderRadius20:"20px",borderRadius24:"24px",spacing0:"0px",spacing4:"4px",spacing8:"8px",spacing12:"12px",spacing16:"16px",spacing18:"18px",spacing20:"20px",spacing24:"24px",spacing28:"28px",spacing32:"32px",spacing40:"40px",spacing48:"48px",spacing56:"56px",spacing64:"64px",spacing72:"72px",spacing88:"88px",spacing128:"128px",spacing144:"144px",lineHeight56:"56px",lineHeight40:"40px",lineHeight32:"32px",lineHeight26:"26px",lineHeight28:"28px",lineHeight24:"24px",lineHeight20:"20px",lineHeight18:"18px",lineHeight12:"12px",fontSize11:"11

1px",fontSize12:"12px",fontSize14:"14px",fontSize16:"16px",fontSize18:"18px",fontSize20:"20px",fontSize24:"24px",fontSize32:"32px",fontSize48:"48px",fontWeight300:"300",fontWeight400:"400",fontWeight500:"500",fontWeight700:"700",fontWeight900:"900",lineHeightXXXS:"18px",lineHeightXXS:"18px",lineHeightXS:"20px",lineHeightS:"24px",lineHeightM:"28px",lineHeightL:"32px",lineHeightXL:"40px",lineHeightXXL:"56px",fontSizeXXXS:"11px",fontSizeXXS:"12px",fontSizeXS:"14px",fontSizeS:"16px",fontSizeM:"20px",fontSizeL:"24px",fontSizeXL:"32px",fontSizeXXL:"48px",fontWeightLight:"300",fontWeightRegular:"400",fontWeightMedium:"500",fontWeightBold:"700",fontWeightBlack:"900",linkButton:"LinkButton_linkButton__CLb3x",linkButtonText:"LinkButton_linkButtonText__v8IGh",linkButtonIcon:"LinkButton_linkButtonIcon__iVuSy",bright:"LinkButton_bright__v3d9L"}},64851:(e,t,i)=>{"use strict";i.d(t,{Rq:()=>a,NC:()=>n,dV:()=>o,WN:()=>r,ld:()=>c});let n="arrow_previous_click",a="arrow_next_click";var r=function(e){return e.Dark="Dark",e.Bright="Bright",e}({}),c=function(e){return e.Dark="#f5f5f5",e.Bright="#ffffff",e}({}),o=function(e){return e.onSameWindowOpen="Same",e.onNewWindowOpen="New",e}({})},71109:(e,t,i)=>{"use strict";i.r(t),i.d(t,{CategorySection:()=>k,CategorySectionMapper:()=>v});var n=i(26514),a=i(64851);i(75834);var r=i(16036),c=i(43325),o=i(3945),l=i(43123),g=i(73125),d=i.n(g),s=i(34375),p=i(50059),x=i(16134),f=i(30606);let b=[{width:"auto",aspectRatio:"3:4",height:"345",media:"(max-width: 619px)"},{width:"auto",aspectRatio:"3:4",height:"650",media:"(max-width: 1023px)"},{width:"auto",aspectRatio:"3:4",height:"960",media:"(min-width: 1024px)"}];var h=i(3039),u=i(59890),m=i(10470);let _="CategorySection",S=e=>{var t,i,r,o,l;let{headline:g,componentTitle:S,imageCtaLink:y,firstCtaText:k,firstCtaLink:v,secondCtaText:W,secondCtaLink:C,textColorMode:w,media:z,altText:H}=e,B=w===a.WN.Bright?"":"".concat(d().tile__link__darkMode),X=w===a.WN.Bright?"":"".concat(d().tile__cta__darkMode),L=w===a.WN.Bright?"white":"black",N=W&&C?(0,n.jsx)(c.K,{top:"spacing16",useMargins:!0,children:(0,n.jsx)("a",{className:"".concat(d().tile__cta," ").concat(X),href:C,title:W,onClick:()=>(0,u.w)(_,"".concat(S,"_cta_click"),W,S,W),children:(0,n.jsxs)(s.o,{as:"div",typeScale:{xsmall:"M",medium:"S",large:"L"},className:d().tile__ctaText,fontWeight:"fontWeightLight",color:L,children:[W,(0,n.jsx)(p.g,{icon:x.Iv,className:d().tile__buttonIcon})]})})}):(0,n.jsx)(n.Fragment,{});return(0,n.jsxs)("div",{className:d().tile,children:[(0,n.jsx)("a",{href:y,title:g,className:"".concat(d().tile__link," ").concat(B),onClick:()=>(0,h.r)(_,"".concat(S,"_image_click"),"(not set)",S),children:(0,n.jsx)(f.A,{classNames:d().tile__image,publicId:null==(t=z[0])?void 0:t.public_id,altText:(0,m.A)(H||(null==(o=z[0])||null==(r=o.context)||null==(i=r.custom)?void 0:i.alt)),sourceSettings:b,lazyload:!0,transformation:null==(l=z[0])?void 0:l.raw_transformation})}),(0,n.jsxs)("div",{className:d().tile__contentWrapper,children:[(0,n.jsx)(c.K,{bottom:{xsmall:"spacing16",large:"spacing28"},useMargins:!0,children:(0,n.jsx)(s.o,{as:"h2",typeScale:{xsmall:"XL",medium:"L",large:"XXL"},color:L,fontWeight:"fontWeightBold",children:g})}),(0,n.jsx)("a",{className:"".concat(d().tile__cta," ").concat(X),href:v,title:k,onClick:()=>(0,u.w)(_,"".concat(S,"_cta_click"),k,S,k),children:(0,n.jsxs)(s.o,{as:"div",typeScale:{xsmall:"M",medium:"S",large:"L"},className:d().tile__ctaText,fontWeight:"fontWeightLight",color:L,children:[k,(0,n.jsx)(p.g,{icon:x.Iv,className:d().tile__buttonIcon})]})}),N]})]})};var y=i(18768);let k=e=>{let{headline:t,subheading:i,title:r,ctaText:g,ctaLink:s,textColorMode:p,categoryTiles:x}=e;return(0,n.jsx)(c.K,{useMargins:!0,bottom:o.A,"data-testid":"category-section",className:d().categorySection,children:(0,n.jsxs)(c.K,{horizontal:{xsmall:"spacing16",medium:"spacing32",large:"spacing64"},className:d().gridWrapper,children:[(0,n.jsx)(c.K,{bottom:{xsmall:"spacing24",medium:"spacing24",large:"spacing40"},children:(0,n.jsx)(l.A,{preHeadingAs:"h1",preHeadingText:t,headingText:i,headingAs:"div"})}),(0,n.jsx)("div",{className:d().tiles,children:x.map(e=>(0,n.jsx)(S,{componentTitle:e.componentTitle,headline:e.headline,imageCtaLink:e.imageCtaLink,firstCtaText:e.firstCtaText,firstCtaLink:e.firstCtaLink,secondCtaText:e.secondCtaText,secondCtaLink:e.secondCtaLink,media:e.media,textColorMode:p,altText:(0,m.A)(e.altText)},e.key))}),(0,n.jsx)("div",{className:d().button,children:(0,n.jsx)(y.A,{link:s,text:g,theme:a.WN.Bright,triggerTrack:()=>

1(0,u.w)("CategorySection","".concat(r,"_click"),g,r,g)})})]})})},v=e=>{let{pageComponent:t}=e;if(!t.topic)return r.vF.warn("A required field is missing for the CategorySection."),null;let{topic:{headline:i,subheading:c,ctaText:o,ctaLink:l},title:g="",textColorMode:d=a.WN.Dark,components:s=[]}=t;if(!i||!c||!o||!l||2!==s.length)return r.vF.warn("A required field is missing for the CategorySection."),null;let p=[];try{p=((e,t)=>null==e?void 0:e.map(e=>{let{entryId:i,componentTitle:n,topic:{headline:a,imageCtaLink:r,firstCtaText:c,firstCtaLink:o,secondCtaText:l,secondCtaLink:g},mediaTopic:{media:d,altText:s}}=e;if(!i||!a||!r||!c||!o||!d||!d[0].public_id)throw Error("A required field is missing for a Tile in CategorySection.");return{key:i,componentTitle:n,headline:a,imageCtaLink:r,firstCtaText:c,firstCtaLink:o,secondCtaText:l,secondCtaLink:g,media:d,textColorMode:t,altText:s}}))(s,d)}catch(e){return r.vF.warn(e.message),null}return(0,n.jsx)(k,{headline:i,subheading:c,title:g,ctaText:o,ctaLink:l,textColorMode:d,categoryTiles:p})}},72134:(e,t,i)=>{"use strict";i.d(t,{A:()=>g});var n=i(26514);i(75834);var a=i(50059),r=i(34375),c=i(64851),o=i(60036),l=i.n(o);let g=e=>{let{text:t,link:i,icon:o,theme:g,className:d,onMouseLeave:s,onMouseEnter:p,triggerTrack:x}=e,f=g===c.WN.Bright?"black":"white";return(0,n.jsxs)("a",{href:i,title:t,className:"".concat(l().linkButton," ").concat(g===c.WN.Bright?l().bright:""," ").concat(d||""),onClick:x,onMouseLeave:s,onMouseEnter:p,children:[o?(0,n.jsx)(a.g,{icon:o,className:l().linkButtonIcon,color:f}):null,(0,n.jsx)(r.o,{typeScale:"XS",fontWeight:"fontWeight400",color:f,className:l().linkButtonText,children:t})]})}},73125:e=>{e.exports={accent:"#11822d",backgroundHighlight01:"#f4e0cb",backgroundHighlight02:"#c9dbe5",backgroundHighlight03:"#f9f0cd",backgroundHighlight04:"#cbe1cb",backgroundPrimary:"#fff",backgroundSecondary:"#f5f5f5",backgroundTertiary:"#dfdede",backgroundWarning:"#fbeaec",beige01:"#eddec2",beige02:"#e7d2a9",beige03:"#e3c996",beige04:"#dbbc81",beige05:"#d3af6d",black:"#363434",blue01:"#c9dbe5",blue02:"#acc9d9",blue03:"#8fb8ce",blue04:"#6ea7c2",blue05:"#4593b4",borderDisabled:"#f5f5f5",borderSelected:"#363434",borderUnselected:"#6e6e6e",contentPrimary:"#363434",contentPrimaryInverted:"#fff",contentSecondary:"#6e6e6e",contentTertiary:"#b4b4b4",feedbackError:"#b32335",feedbackPositive:"#3eab3f",feedbackWarning:"#eaab73",green:"#11822d",greenBreeze01:"#e4eee4",greenBreeze02:"#cbe1cb",greenBreeze03:"#b1d5b3",greenBreeze04:"#96ca9a",greenBreeze05:"#6dbb87",grey00:"#f5f5f5",grey01:"#f2f1f0",grey02:"#dfdede",grey03:"#cdcdcd",grey04:"#bfbfc0",grey05:"#b4b4b4",grey06:"#787878",grey07:"#6e6e6e",msxBlack:"#363434",msxGreen:"#11822d",msxSales:"#d52a3f",msxWhite:"#fff",orange01:"#f4e0cb",orange02:"#f2d5b4",orange03:"#f0c99f",orange04:"#edbb88",orange05:"#eaab73",primaryA:"#363434",primaryB:"#fff",red01:"#f2dacf",red02:"#efcbb8",red03:"#ebb8a1",red04:"#e8a48c",red05:"#e38c7a",red:"#d52a3f",transparent:"rgba(0,0,0,0)",white:"#fff",yellow01:"#f9f0cd",yellow02:"#faecb9",yellow03:"#faeaa9",yellow04:"#fae896",yellow05:"#fae484",green500:"#11822d",green400:"#59ab6d",green350:"#71b782",green300:"#88c397",green200:"#a0cfac",green100:"#b8dbc1",greenHover:"#71b782",greenActive:"#88c397",greenDisabled:"#b8dbc1",xlarge:"1440px",large:"1024px",maximumViewport:"1920px",medium:"620px",minimumViewport:"320px",small:"375px",xsmall:"320px",borderRadius0:"0px",borderRadius4:"4px",borderRadius8:"8px",borderRadius12:"12px",borderRadius16:"16px",borderRadius20:"20px",borderRadius24:"24px",spacing0:"0px",spacing4:"4px",spacing8:"8px",spacing12:"12px",spacing16:"16px",spacing18:"18px",spacing20:"20px",spacing24:"24px",spacing28:"28px",spacing32:"32px",spacing40:"40px",spacing48:"48px",spacing56:"56px",spacing64:"64px",spacing72:"72px",spacing88:"88px",spacing128:"128px",spacing144:"144px",lineHeight56:"56px",lineHeight40:"40px",lineHeight32:"32px",lineHeight26:"26px",lineHeight28:"28px",lineHeight24:"24px",lineHeight20:"20px",lineHeight18:"18px",lineHeight12:"12px",fontSize11:"11px",fontSize12:"12px",fontSize14:"14px",fontSize16:"16px",fontSize18:"18px",fontSize20:"20px",fontSize24:"24px",fontSize32:"32px",fontSize48:"48px",fontWeight300:"300",fontWeight400:"400",fontWeight500:"500",fontWeight700:"700",fontWeight900:"900",lineHeightXXXS:"18px",lineHeightXXS:"18px",lineHeightXS:"20px",lineHeightS:"24px",lineHeightM:"28px",lineHeightL:"32px",lineHeightXL:"40px",lineHeightXXL:"56px",fontSizeXXXS:"11

1px",fontSizeXXS:"12px",fontSizeXS:"14px",fontSizeS:"16px",fontSizeM:"20px",fontSizeL:"24px",fontSizeXL:"32px",fontSizeXXL:"48px",fontWeightLight:"300",fontWeightRegular:"400",fontWeightMedium:"500",fontWeightBold:"700",fontWeightBlack:"900",categorySection:"CategorySection_categorySection__hGJA5",gridWrapper:"CategorySection_gridWrapper__g8wlf",tiles:"CategorySection_tiles__NCZaJ",tile:"CategorySection_tile__cWu4a",tile__image:"CategorySection_tile__image__I7tkh",tile__link:"CategorySection_tile__link__wyjvh",tile__link__darkMode:"CategorySection_tile__link__darkMode__XEkCs",tile__contentWrapper:"CategorySection_tile__contentWrapper__eFALM",tile__cta:"CategorySection_tile__cta__HHJvZ",tile__ctaText:"CategorySection_tile__ctaText__mZbME",tile__cta__darkMode:"CategorySection_tile__cta__darkMode__BGdcK",tile__buttonIcon:"CategorySection_tile__buttonIcon__75bTx",button:"CategorySection_button__gV6tY"}},95228:(e,t,i)=>{"use strict";i.d(t,{e:()=>n});var n=function(e){return e.isThumbnail="thumbnail",e.isLimitFill="limitfill",e}({})}}]);