PageSourceSearch

https://watersnoodmuseum.nl/_next/static/chunks/4569-030c525414b78676.js

js watersnoodmuseum.nl collected 2026-10-02 03:05:58 UTC 88,465 bytes, 1 lines download raw bytes

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4569],{8770:function(n,e,t){var r=t(3463),i=t(2473);function o(){let n=(0,r.Z)(["\n    margin-bottom: 20px;\n"]);return o=function(){return n},n}let l=i.ZP.div.withConfig({componentId:"sc-62d54d05-0"})(o());e.Z=l},5003:function(n,e,t){t.d(e,{Z:function(){return tj}});var r,i,o,l,a,s,c=t(3288),d=t(2466);(r=i||(i={})).paragraph="paragraph",r.featuredParagraph="featured_paragraph",r.accordion="accordion",r.image="image",r.quote="quote",r.linkList="link_list",r.fileList="file_list",r.imageCarousel="image_carousel",r.embed="embed",r.usp_list="usp_list",r.info_list="info_list",r.related_news="related_news",r.related_stories="related_stories",r.related_content="related_content",r.global_settings="global_settings",r.mollie_donation="mollie_donation",r.logo_list="logo_list";var u=t(3463),p=t(2473),x=t(6240),g=t(8085);function f(){let n=(0,u.Z)(["\n    p,\n    ul,\n    ol {\n        ",';\n    }\n\n    p,\n    ul,\n    ol {\n        &:last-child {\n            margin-bottom: 0;\n        }\n    }\n\n    ul {\n        list-style: none;\n        padding-left: 0;\n\n        li {\n            background-image: url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 20"><path fill="%2355a2ff" d="M17.81,8.29v.3a1.6,1.6,0,0,1-1.66,1.71,2.55,2.55,0,0,1-2-1.07,4.66,4.66,0,0,0-3.51-1.71A4.67,4.67,0,0,0,7.15,9.23l.22.21h0l-.22-.21a2.54,2.54,0,0,1-2,1.07A1.59,1.59,0,0,1,3.53,8.6V8.3l-2.16,0v.3a3.74,3.74,0,0,0,3.82,3.86,4.64,4.64,0,0,0,3.5-1.71,2.52,2.52,0,0,1,2-1.07,2.58,2.58,0,0,1,2,1.08,4.59,4.59,0,0,0,3.49,1.7A3.77,3.77,0,0,0,20,8.62v-.3Z"/></svg>\');\n            background-size: 21px 20px;\n            background-position: 0px 2px;\n            background-repeat: no-repeat;\n            padding-left: 32px;\n        }\n    }\n\n    ol {\n        margin-left: 0;\n        padding-left: 32px;\n    }\n']);return f=function(){return n},n}let h=p.ZP.div.withConfig({componentId:"sc-eb75e8f2-0"})(f(),(0,x.TE)("margin-bottom",g.Z.distances.small));var m=t(1162);let Z=n=>{let{children:e}=n,t=(0,d.useRef)(null),r=null,i=0;(0,d.useEffect)(()=>{if(t.current){let n=t.current.querySelectorAll("a"),e=n=>(n.preventDefault(),r=n.currentTarget,i=n.currentTarget.dataset.offsetX?Number(n.currentTarget.dataset.offsetX):0,o.current=requestAnimationFrame(l),!1),a=()=>{r&&(i-=25,r.style.backgroundPositionX="".concat(i,"px"),r.dataset.offsetX="".concat(i),r=null)};return n.forEach(n=>{n.addEventListener("mouseover",e),n.addEventListener("mouseout",a)}),()=>{t.current&&n.forEach(n=>{n.removeEventListener("mouseover",e),n.removeEventListener("mouseout",a)})}}},[t]);let o=(0,d.useRef)(0),l=()=>{r&&(i-=.5,r.style.backgroundPositionX="".concat(i,"px"),o.current=requestAnimationFrame(l))};return(0,d.useEffect)(()=>()=>cancelAnimationFrame(o.current),[]),e?(0,c.jsx)(h,{ref:t,children:(0,m.ZP)(e)}):null};var b=t(2637);function v(){let n=(0,u.Z)(["\n            margin-top: 30px;\n        "]);return v=function(){return n},n}function w(){let n=(0,u.Z)(["\n    width: 100%;\n\n    .btns-wrap {\n        display: flex;\n        flex-wrap: wrap;\n        flex-direction: row;\n        gap: 12px;\n        margin-top: 20px;\n\n        ","\n    }\n"]);return w=function(){return n},n}let j=p.ZP.div.withConfig({componentId:"sc-3be9f24a-0"})(w(),b.Z.lg(v()));var y=t(75),_=t(7707),P=t(6434);let k=n=>{let{content:e,links:t}=n;return(0,c.jsx)(j,{children:(0,c.jsx)(_.Z,{children:(0,c.jsxs)(y.Z,{cols:{xs:1,lg:8/12},push:{lg:2/12},children:[(0,c.jsx)(Z,{children:e}),t&&t.length>0&&(0,c.jsx)("div",{className:"btns-wrap",children:t.map((n,e)=>{let{url:t,text:r}=n;return(0,c.jsx)(P.Z,{variant:0===e?"primary":"secondary",url:t,text:r,icon:"arrow_right"},"".concat(r,"-index"))})})]})})})};var N=t(3487),z=t(6008),C=t(1425),S=t(8362),T=t(6260);function E(){let n=(0,u.Z)(["\n            display: none;\n        "]);return E=function(){return n},n}function I(){let n=(0,u.Z)(["\n            font-size: 36px;\n             line-height: 1.4;\n        "]);return I=function(){return n},n}function R(){let n=(0,u.Z)(["\n            display: flex;\n        "]);return R=function(){return n},n}function M(){let n=(0,u.Z)(["\n                position: absolute;\n                bottom: -48px;\n                left: 82px;\n        "]);return M=function(){return n},n}function B(){let n=(0,u.Z)(["\n            width: 100%;\n        "]);return B=function(){return n},n}function O(){let n=(0,u.Z)(["\n            width: 100%;\n            height: auto;\n        "]);return O=function(){return n},n}function D(){let n=(0,u.Z)(["\n            display: none;\n        "]);return D=function(){return n},n}function q(){let n=(0,u.Z)(["\n    figure {\n        position: relative;\n        z-index: 1;\n        margin: 0;\n    }\n\n    .quoteBg {\n        position: absolute;\n        top: -32px;\n        left: -80px;\n        color: ",";\n        z-index: -1;\n\n        ","\n    }\n\n    blockquote {\n        font-size: 28px;\n        line-height: 1.2;\n        font-weight: 300;\n        color: ",";\n        margin: 0 0 16px 0;\n\n        ","\n    }\n\n    figcaption,\n    .mobile-caption {\n        display: flex;\n        align-items: center;\n        font-size: 16px;\n        line-height: 1.5;\n        font-weight: 700;\n\n        "," {\n            margin-right: 8px;\n        }\n    }\n\n    figcaption {\n        display: none;\n\n        ","\n\n        ","\n    }\n\n    "," {\n        width: auto;\n\n        ","\n    }\n\n    img {\n        border-radius: 100%;\n        width: 70px;\n        height: 70px;\n\n        ","\n    }\n\n    .mobile-caption {\n        width: calc(100% - 76px);\n        margin-left: 6px;\n\n        ","\n    }\n"]);return q=function(){return n},n}let H=p.ZP.div.withConfig({componentId:"sc-3507b06a-0"})(q(),z.ZP.colors.brightBlue100,C.Z.lg(E()),z.ZP.colors.blue200,b.Z.lg(I()),S.Z,b.Z.lg(R()),n=>n.hasImg&&C.Z.lg(M()),T.Z,b.Z.lg(B()),b.Z.lg(O()),b.Z.lg(D()));var A=t(5467);let F=n=>{let{quote:e,author:t,image:r}=n;return(0,c.jsx)(H,{hasImg:!!r,children:(0,c.jsxs)(_.Z,{children:[(0,c.jsx)(y.Z,{cols:{xs:1,lg:r?.5:8/12},push:{lg:2/12},alignItems:"center",children:(0,c.jsxs)("figure",{children:[(0,c.jsx)(N.Z,{className:"quoteBg",name:"quote",size:126}),(0,c.jsxs)("blockquote",{children:['"',e,'"']}),(0,c.jsxs)("figcaption",{children:[(0,c.jsx)(N.Z,{name:"snor",size:20}),t]})]})}),r&&(0,c.jsxs)(y.Z,{flexDirection:"row",justifyContent:"flex-start",alignItems:"center",cols:{xs:1,lg:2/12},push:{lg:0},children:[(0,c.jsx)(A.Z,{...r.image}),(0,c.jsxs)("div",{className:"mobile-caption",children:[(0,c.jsx)(N.Z,{name:"snor",size:20}),t]})]})]})})};function L(){let n=(0,u.Z)(["\n    width: 100%;\n\n    "," {\n        width: 100%;\n    }\n"]);return L=function(){return n},n}let V=p.ZP.div.withConfig({componentId:"sc-ad3cb9d-0"})(L(),T.Z);var W=t(7740);let Y=n=>{let{image:e}=n;return(0,c.jsx)(V,{children:(0,c.jsx)(_.Z,{children:(0,c.jsx)(y.Z,{cols:{xs:1,lg:8/12},push:{lg:2/12}
1,children:(0,c.jsx)(W.Z,{...e,fit:"cover"})})})})};function J(){let n=(0,u.Z)(["\n            .title {\n                "," {\n                    svg {\n                        transform: rotate(135deg);\n                    }\n                }\n            }\n        "]);return J=function(){return n},n}function X(){let n=(0,u.Z)(["\n    border-bottom: 1px solid ",";\n    font-size: 18px;\n    line-height: 1.6;\n\n    .title {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        width: 100%;\n        padding: 16px 0;\n        font-weight: 700;\n\n        .title-text {\n            text-align: left;\n            width: calc(100% - 64px);\n        }\n\n        "," {\n            width: 100%;\n            height: 100%;\n\n            svg {\n                transform: rotate(0deg);\n                transition: transform 0.25s ease;\n            }\n        }\n    }\n\n    ",'\n\n    .inner {\n        overflow: hidden;\n\n        > div {\n            padding-bottom: 16px;\n        }\n    }\n\n    ul {\n        list-style: none;\n        padding-left: 0;\n\n        li {\n            background-image: url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 20"><path fill="%2355a2ff" d="M17.81,8.29v.3a1.6,1.6,0,0,1-1.66,1.71,2.55,2.55,0,0,1-2-1.07,4.66,4.66,0,0,0-3.51-1.71A4.67,4.67,0,0,0,7.15,9.23l.22.21h0l-.22-.21a2.54,2.54,0,0,1-2,1.07A1.59,1.59,0,0,1,3.53,8.6V8.3l-2.16,0v.3a3.74,3.74,0,0,0,3.82,3.86,4.64,4.64,0,0,0,3.5-1.71,2.52,2.52,0,0,1,2-1.07,2.58,2.58,0,0,1,2,1.08,4.59,4.59,0,0,0,3.49,1.7A3.77,3.77,0,0,0,20,8.62v-.3Z"/></svg>\');\n            background-size: 21px 20px;\n            background-position: 0px 2px;\n            background-repeat: no-repeat;\n            padding-left: 28px;\n        }\n    }\n']);return X=function(){return n},n}let G=p.ZP.div.withConfig({componentId:"sc-c9c5178b-0"})(X(),z.ZP.colors.ctaGreen,S.Z,n=>n.open&&(0,p.iv)(J(),S.Z));function K(){let n=(0,u.Z)(["\n    ",":first-of-type {\n        .title {\n            padding-top: 0;\n        }\n    }\n\n    ol {\n        padding-left: 32px;\n    }\n"]);return K=function(){return n},n}let U=p.ZP.div.withConfig({componentId:"sc-c12001ee-0"})(K(),G);var Q=t(6528);let $=n=>{let{title:e,content:t,startOpened:r}=n,[i,o]=(0,d.useState)(r),l=()=>{o(n=>!n)};return(0,c.jsxs)(G,{open:i,children:[(0,c.jsxs)("button",{className:i?"title title--open":"title",onClick:l,children:[(0,c.jsx)("span",{className:"title-text",children:e}),(0,c.jsx)(P.Z,{className:"plus",icon:"plus",variant:"secondary",as:"span"})]}),(0,c.jsx)(Q.E.div,{className:"inner",initial:"collapsed",animate:i?"open":"collapsed",exit:"collapsed",variants:{open:{height:"auto"},collapsed:{height:0,transitionEnd:{display:"none"}}},transition:{duration:.3,ease:[.04,.62,.23,.98]},children:(0,c.jsx)("div",{children:t&&(0,m.ZP)(t)})})]})},nn=n=>{let{items:e}=n;return(0,c.jsx)(U,{children:(0,c.jsx)(_.Z,{children:(0,c.jsx)(y.Z,{cols:{xs:1,lg:8/12},push:{lg:2/12},flexDirection:"column",children:e.map(n=>(0,d.createElement)($,{...n,key:n.title}))})})})};var ne=t(2549);let nt=n=>{let{image:e,content:t,title:r,image_align:i,links:o}=n;return(0,c.jsx)(ne.Z,{children:(0,c.jsxs)(_.Z,{flexDirection:{md:"left"===i?"row-reverse":"row"},justifyContent:"left"===i?"flex-end":"flex-start",children:[(0,c.jsxs)(y.Z,{flexDirection:"column",order:{xs:2,lg:1},cols:{xs:1,lg:4/12},push:{lg:1/12},alignItems:"flex-start",justifyContent:"center",children:[r&&(0,c.jsx)("h2",{className:"title",children:r}),t&&(0,c.jsx)(Z,{children:t}),o&&o.length>0&&(0,c.jsx)("div",{className:"btns-wrap",children:o.map((n,e)=>{let{url:t,text:r}=n;return(0,c.jsx)(P.Z,{variant:0===e?"primary":"secondary",url:t,text:r,icon:"arrow_right"},"".concat(r,"-index"))})})]}),e&&(0,c.jsx)(y.Z,{order:{xs:1,lg:2},cols:{xs:1,lg:5/12},push:{lg:1/12},bottom:{xs:20,lg:0},children:(0,c.jsx)(W.Z,{...e,fit:"cover"})})]})})};function nr(){let n=(0,u.Z)(["\n    .swiper-container {\n        width: 100%;\n    }\n\n    .swiper-button-prev,\n    .swiper-button-next {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        width: 50px;\n        height: 50px;\n        z-index: 10;\n        cursor: pointer;\n        transition: opacity 0.5s ease;\n        opacity: 1;\n\n        &.swiper-button-disabled {\n            cursor: default;\n            opacity: 0;\n        }\n    }\n\n    .swiper-pagination {\n        display: flex;\n        z-index: 10;\n\n        .swiper-pagination-bullet {\n            width: 10px;\n            height: 10px;\n            margin: 0 5px;\n            border-radius: 100%;\n            background: #fff;\n            display: block;\n            cursor: pointer;\n            transition: transform 0.5s ease;\n\n            &:hover {\n                transform: scale(1.25);\n                background: ",";\n            }\n        }\n\n        .swiper-pagination-bullet-active {\n            background: ",";\n        }\n    }\n"]);return nr=function(){return n},n}let ni=p.ZP.div.withConfig({componentId:"sc-96bf2c78-0"})(nr(),z.ZP.colors.black,z.ZP.colors.black);var no=t(8665);function nl(){let n=(0,u.Z)(["\n        padding-top: 60px;\n    "]);return nl=function(){return n},n}function na(){let n=(0,u.Z)(["\n            padding-top: 0;\n        "]);return na=function(){return n},n}function ns(){let n=(0,u.Z)(["\n            max-width: 70vw;\n        "]);return ns=function(){return n},n}function nc(){let n=(0,u.Z)(["\n            width: auto;\n        "]);return nc=function(){return n},n}
1function nd(){let n=(0,u.Z)(["\n                img {\n                    aspect-ratio: 1;\n                    object-fit: cover;\n                }\n            "]);return nd=function(){return n},n}function nu(){let n=(0,u.Z)(["\n            "," {\n                height: 590px;\n                width: auto;\n    \n                margin: 0 10px;\n            }\n    \n            "," {\n                width: auto;\n                height: 100%;\n    \n                img {\n                    width: 100%;\n                    height: 100%;\n                    object-fit: cover;\n                }\n            }\n        "]);return nu=function(){return n},n}function np(){let n=(0,u.Z)(["\n            display: flex;\n        "]);return np=function(){return n},n}function nx(){let n=(0,u.Z)(["\n    padding-top: 30px;\n\n    ","\n\n    .swiper {\n        padding-top: 0;\n        padding-bottom: ","px;\n        width: 100%;\n\n        ","\n    }\n\n    .swiper-slide {\n        ","\n        ","\n\n        "," {\n            margin: 0 10px;\n            width: auto;\n\n            ","\n        }\n\n        ","\n    }\n\n    .controlsContainerWrap {\n        position: relative;\n    }\n\n    .controlsContainer {\n        position: absolute;\n        top: -80px;\n        right: 20px;\n        display: none;\n\n        ","\n    }\n\n    .controls {\n        display: flex;\n        gap: 10px;\n        .previous,\n        .next {\n            &.swiper-button-disabled {\n                opacity: 0.2;\n            }\n        }\n        .previous {\n        }\n        .next {\n        }\n    }\n\n    .swiper-pagination {\n        position: relative;\n        justify-content: center;\n        height: ","px;\n\n        .swiper-pagination-bullet {\n            background-color: ",";\n            opacity: 0.5;\n\n            &-active {\n                opacity: 1;\n                pointer-events: none;\n            }\n        }\n    }\n"]);return nx=function(){return n},n}let ng=(0,p.ZP)(ni).withConfig({componentId:"sc-7f973c73-0"})(nx(),b.Z.lg(nl()),20,b.Z.lg(na()),C.Z.lg(ns()),b.Z.lg(nc()),no.Z,C.Z.lg(nd()),b.Z.lg(nu(),no.Z,T.Z),b.Z.lg(np()),20,z.ZP.colors.black);var nf=t(4648),nh=t(230),nm=t(8082),nZ=t(4634);nf.ZP.use([nf.s5,nf.N1,nf.W_,nf.tl]);let nb={speed:1250,spaceBetween:0,slidesPerView:"auto",centeredSlides:!0,allowTouchMove:!0,watchOverflow:!0,keyboard:{enabled:!0},navigation:{nextEl:".next",prevEl:".previous"},loop:!0},nv=n=>{let{swiperConfig:e,items:t}=n,{t:r}=(0,nm.Z)("common");return(0,c.jsx)(nZ.Z,{colorTheme:"royal",children:(0,c.jsxs)(ng,{children:[(0,c.jsx)(_.Z,{children:(0,c.jsx)(y.Z,{className:"controlsContainerWrap",cols:{xs:1,xl:8/12},push:{xl:2/12},children:(0,c.jsx)("div",{className:"controlsContainer",children:(0,c.jsxs)("div",{className:"controls",children:[(0,c.jsx)(P.Z,{className:"previous previous-gallery",icon:"arrow_left",screenReaderText:r("a11y.prev_slide"),variant:"secondary"}),(0,c.jsx)(P.Z,{className:"next next-gallery",icon:"arrow_right",screenReaderText:r("a11y.next_slide"),variant:"secondary"})]})})})}),(0,c.jsxs)(nh.tq,{a11y:{enabled:!0,prevSlideMessage:r("a11y.prev_slide"),nextSlideMessage:r("a11y.next_slide")},...nb,...e,centeredSlides:!0,slidesPerView:"auto",loop:!0,navigation:{nextEl:".next-gallery",prevEl:".previous-gallery"},children:[t&&t.map(n=>(0,c.jsx)(nh.o5,{children:(0,c.jsx)(W.Z,{...n})},"".concat(n.image.src,"-").concat(n.source))),t&&t.length<=3&&t.map(n=>(0,c.jsx)(nh.o5,{children:(0,c.jsx)(W.Z,{...n})},"".concat(n.image.src,"-").concat(n.source,"-dub")))]})]})})};function nw(){let n=(0,u.Z)(["\n            align-items: center;\n        "]);return nw=function(){return n},n}function nj(){let n=(0,u.Z)(["\n            flex-direction: row;\n            \n             span {\n                margin-left: 8px;\n            }\n        "]);return nj=function(){return n},n}function ny(){let n=(0,u.Z)(["\n    .list {\n        padding-left: 0;\n        list-style: none;\n    }\n\n    li {\n        margin-bottom: 8px;\n\n        &:last-child {\n            margin-bottom: 0;\n        }\n    }\n\n    a {\n        display: flex;\n        align-items: flex-start;\n        text-decoration: none;\n        color: ",";\n        font-size: 18px;\n\n        ","\n\n        "," {\n            margin-right: 8px;\n        }\n    }\n\n    .text {\n        display: flex;\n        flex-direction: column;\n        font-weight: 700;\n\n        span {\n            font-weight: 400;\n        }\n\n        ","\n    }\n"]);return ny=function(){return n},n}let n_=p.ZP.div.withConfig({componentId:"sc-44fd19ab-0"})(ny(),z.ZP.colors.blue300,b.Z.lg(nw()),S.Z,b.Z.lg(nj())),nP=n=>{let{items:e}=n;return(0,c.jsx)(n_,{children:(0,c.jsx)(_.Z,{children:(0,c.jsx)(y.Z,{cols:{xs:1,lg:8/12},push:{lg:2/12},children:e&&(0,c.jsx)("ul",{className:"list",children:e.map(n=>{let{url:e,extension:t,text:r,filesize:i}=n;return(0,c.jsx)("li",{children:(0,c.jsxs)("a",{href:e,target:"_blank",rel:"noopener nofollow",children:[(0,c.jsx)(N.Z,{name:"download",size:32}),(0,c.jsxs)("div",{className:"text",children:[r,(0,c.jsxs)("span",{className:"info",children:[t," (",i,")"]})]})]})},e)})})})})})};var nk=t(1619);function nN(){let n=(0,u.Z)(["\n    "," {\n        margin-right: 10px;\n        margin-top: 15px;\n    }\n"]);return nN=function(){return n},n}let nz=p.ZP.div.withConfig({componentId:"sc-f0b23db5-0"})(nN(),nk.Z),nC=n=>{let{items:e}=n;return(0,c.jsx)(nz,{children:(0,c.jsx)(_.Z,{children:(0,c.jsx)(y.Z,{cols:{xs:1,lg:8/12},push:{lg:2/12},children:e&&e.map((n,e)=>(0,c.jsx)(P.Z,{...n,variant:0===e?"primary":"secondary",icon:"arrow_right"},n.url))})})})};var nS=t(8569),nT=t.n(nS);let nE=nT()(()=>t.e(3630).then(t.bind(t,3630)),{loadableGenerated:{webpack:()=>[3630]},ssr:!1}),nI=n=>(0,c.jsx)(_.Z,{top:{xs:30},children:(0,c.jsx)(y.Z,{cols:{xs:1,xl:10/12},push:{xl:1/12},flexDirection:"column",children:(0,c.jsx)(nE,{...n})})});function nR(){let n=(0,u.Z)(["\n            width: calc(100% + 48px);\n            margin: -24px -24px 24px;\n        "]);return nR=function(){return n},n}function nM(){let n=(0,u.Z)(["\n            padding: 24px;\n        "]);return nM=function(){return n},n}function nB(){let n=(0,u.Z)(["\n                font-size: 34px;\n            "]);return nB=function(){return n},n}function nO(){let n=(0,u.Z)(["\n                font-size: 18px;\n            "]);return nO=function(){return n},n}function nD(){let n=(0,u.Z)(["\n                margin: 20px 0 24px;\n                padding: 20px 0 0;\n            "]);return nD=function(){return n},n}function nq(){let n=(0,u.Z)(["\n            min-height: 56px;\n            padding: 8px 6px 12px 24px;\n\n            .text {\n                font-size: 18px;\n                line-height: 32px;\n            }\n        "]);return nq=function(){return n},n}function nH(){let n=(0,u.Z)(["\n                width: 56px;\n                height: 43px;\n            "]);return nH=function(){return n},n}function nA(){let n=(0,u.Z)(["\n    /*\n     * Swiper zet box-sizing: content-box op .swiper-wrapper en sanitize.css laat elk element\n     * box-sizing erven, waardoor de kaart in slidermodus content-box krijgt: de padding van\n     * .thema-inner komt dan buiten de kaartbreedte en de rechtermarge valt weg onder\n     * overflow: hidden. Border-box hier herstelt dat voor de hele kaart.\n     */\n    box-sizing: border-box;\n    width: 100%;\n    height: 100%;\n\n    .card {\n        display: flex;\n        flex-direction: column;\n        width: 100%;\n        height: 100%;\n        background-color: ",";\n        border: 1px solid ",";\n        border-radius: 8px;\n        overflow: hidden;\n        transition: transform 0.5s ease;\n    }\n\n    a.card {\n        &:hover,\n        &:active,\n        &:focus {\n            text-decoration: none;\n            transform: translateY(-10px);\n\n            "," img {\n                transition: opacity 1s ease, transform 5s ease;\n                transform: scale(1.12);\n            }\n        }\n    }\n\n    "," {\n        /* Bleed the image to the card edges (negative margin cancels the content padding) */\n        width: calc(100% + 24px);\n        margin: -12px -12px 12px;\n        aspect-ratio: 591 / 394;\n        overflow: hidden;\n\n        img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: opacity 1s ease, transform 3s ease;\n        }\n\n        ","\n    }\n\n    .thema-inner {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        width: 100%;\n        height: 100%;\n        padding: 12px;\n\n        ","\n\n        h4 {\n            width: 100%;\n            margin: 0 0 8px;\n            font-family: ",";\n            text-transform: none;\n            color: ",";\n            font-size: 24px;\n            font-style: normal;\n            font-weight: 700;\n            line-height: 1.2;\n\n            ","\n        }\n\n        "," {\n            width: 100%;\n            margin: 0;\n            font-size: 16px;\n            font-style: normal;\n            font-weight: 300;\n            line-height: 1.6;\n            color: ",";\n\n            p,\n            ul,\n            ol {\n                margin-bottom: 8px;\n\n                &:last-child {\n                    margin-bottom: 0;\n                }\n            }\n\n            ","\n        }\n\n        .specs {\n            display: flex;\n            gap: 24px;\n            align-items: flex-start;\n            list-style: none;\n            width: 100%;\n            margin: 16px 0 24px;\n            padding: 16px 0 0;\n            border-top: 1px solid ",";\n            color: ",";\n\n            li {\n                flex: 1 1 0;\n                min-width: 0;\n                display: flex;\n                flex-direction: column;\n            }\n\n            .spec-label {\n                font-size: 14px;\n                font-weight: 300;\n                line-height: 1.6;\n            }\n\n            .spec-value {\n                font-size: 18px;\n                font-weight: 700;\n                line-height: 1.6;\n                letter-spacing: 0.2px;\n            }\n\n            ","\n        }\n\n        /* Zonder specs staat de knop direct onder de beschrijving; borg daar dezelfde tussenruimte */\n        &:not(:has(.specs)) "," {\n            margin-bottom: 24px;\n        }\n    }\n\n    .faux-btn {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        width: 100%;\n        min-height: 45px;\n        margin-top: auto;\n        padding: 4px 4px 3px 20px;\n        border-radius: 2px;\n        background-color: ",";\n        color: ",";\n\n        .text {\n            font-size: 16px;\n            font-style: normal;\n            font-weight: 700;\n            line-height: 24px;\n        }\n\n        ","\n\n        "," {\n            flex-shrink: 0;\n            width: 46px;\n            height: 36px;\n            border-radius: 35px;\n            background-color: rgba(255, 255, 255, 0.3);\n\n            svg {\n                fill: none;\n            }\n\n            ","\n        }\n    }\n"]);return nA=function(){return n},n}let nF="#DCDCDC",nL=p.ZP.div.withConfig({componentId:"sc-ba82af8c-0"})(nA(),z.ZP.colors.white,nF,T.Z,T.Z,b.Z.lg(nR()),b.Z.lg(nM()),z.ZP.fonts.default,z.ZP.colors.blue300,b.Z.lg(nB()),h,z.ZP.colors.blue300,b.Z.lg(nO()),nF,z.ZP.colors.blue300,b.Z.lg(nD()),h,z.ZP.colors.blue100,z.ZP.colors.blue300,b.Z.lg(nq()),S.Z,b.Z.lg(nH()));function nV(){let n=(0,u.Z)(["\n            margin: 0 0 ","px;\n            font-size: 52px;\n            font-style: normal;\n            font-weight: 700;\n            line-height: 1.1;\n        "]);return nV=function(){return n},n}function nW(){let n=(0,u.Z)(["\n            padding-top: 25px;\n            padding-bottom: 25px;\n        "]);return nW=function(){return n},n}function nY(){let n=(0,u.Z)(["\n            width: 490px;\n            max-width: 490px;\n        "]);return nY=function(){return n},n}function nJ(){let n=(0,u.Z)(["\n        .swiper-slide "," {\n            .thema-inner {\n                flex-direction: column;\n                flex-wrap: nowrap;\n                align-items: flex-start;\n\n                h4 {\n                    flex: none;\n                    width: 100%;\n                    margin: 0 0 8px;\n                }\n            }\n\n            "," {\n                width: calc(100% + 24px);\n                margin: -12px -12px 16px;\n                aspect-ratio: 591 / 394;\n            }\n        }\n    "]);return nJ=function(){return n},n}function nX(){let n=(0,u.Z)(["\n            flex-wrap: wrap;\n            flex-direction: row;\n            gap: 24px;\n\n            "," {\n                width: ",";\n            }\n        "]);return nX=function(){return n},n}function nG(){let n=(0,u.Z)(["\n    .content-title {\n        font-family: ",";\n        text-transform: none;\n        color: ",";\n        font-size: 28px;\n        font-style: normal;\n        font-weight: 700;\n        line-height: 1.2;\n        margin: 0 0 10px;\n\n        ","\n    }\n\n    .controlsContainer {\n        margin-left: auto;\n\n        .controls {\n            display: flex;\n            flex-direction: row;\n            gap: 15px;\n        }\n    }\n\n    .swiper {\n        padding-top: 10px;\n        padding-bottom: 10px;\n\n        ","\n    }\n\n    .swiper-slide {\n        height: auto;\n        width: 80vw;\n        max-width: 362px;\n\n        ","\n\n        "," {\n            height: 100%;\n\n            .card {\n                height: 100%;\n            }\n        }\n    }\n\n    /* Slider cards use the full-image card layout on mobile as well, not the compact row */\n    ","\n\n    .item-wrap {\n        flex-wrap: nowrap;\n        gap: 16px;\n        flex-direction: column;\n\n        ","\n    }\n"]);return nG=function(){return n},n}let nK={2:"calc(50% - 12px)",3:"calc(100% / 3 - 16px)",4:"calc(25% - 18px)"},nU=p.ZP.div.withConfig({componentId:"sc-68ea4208-0"})(nG(),z.ZP.fonts.default,z.ZP.colors.blue300,b.Z.lg(nV(),n=>n.sliderMode?0:25),b.Z.lg(nW()),b.Z.lg(nY()),nL,C.Z.lg(nJ(),nL,T.Z),b.Z.lg(nX(),y.Z,n=>nK[n.numColumns]));var nQ=t(9738),n$=t(9866),n0=t(325),n1=t(3094),n2=t(8321);let n3=n=>{let{title:e,description:t,image:r,link:i,specs:o,externalLink:l}=n;return(0,c.jsxs)("div",{className:"thema-inner",children:[r&&(0,c.jsx)(A.Z,{...r.image}),e&&(0,c.jsx)("h4",{children:e}),t&&(0,c.jsx)(h,{className:"description",children:(0,m.ZP)(t)}),o&&o.length>0&&(0,c.jsx)("ul",{className:"specs",children:o.map((n,e)=>(0,c.jsxs)("li",{children:[n.label&&(0,c.jsx)("span",{className:"spec-label",children:n.label}),(0,c.jsx)("span",{className:"spec-value",children:n.value})]},"spec-".concat(e)))}),i&&(0,c.jsxs)("div",{className:"faux-btn",children:[i.text&&(0,c.jsx)("span",{className:"text",children:i.text}),(0,c.jsx)(N.Z,{name:l?"external":"arrow_right",size:32})]})]})},n6=n=>{let{title:e,description:t,image:r,link:i,specs:o}=n,l=(0,d.useMemo)(()=>(0,n2.Z)(null==i?void 0:i.url),[i]),a=(0,c.jsx)(n3,{title:e,description:t,image:r,link:i,specs:o,externalLink:l});return(0,c.jsx)(nL,{externalLink:l,children:i?(0,c.jsx)(n1.Z,{className:"card",href:i.url,children:a}):(0,c.jsx)("div",{className:"card",children:a})})},n4=n=>""===n||n.includes("<nolink>")||n.includes("<none>"),n5=n=>{var e;return!n||!n.url||n4(n.url)?null:{url:n.url,text:null!==(e=n.text)&&void 0!==e?e:""}},n8=n=>(null!=n?n:[]).map(n=>({value:null!==(o=n.value)&&void 0!==o?o:"",label:null!==(l=n.label)&&void 0!==l?l:""})).filter(n=>""!==n.value||""!==n.label),n7=n=>{var e;return{title:null!==(a=n.title)&&void 0!==a?a:null,image:n.image,description:null!==(s=null===(e=n.description)||void 0===e?void 0:e.processed)&&void 0!==s?s:null,link:n5(n.link),specs:n8(n.specs)}},n9=n=>{let e="string"==typeof n?parseInt(n,10):n;return 3===e||4===e?e:2},en=n=>"slider"===n?"slider":"grid";nf.ZP.use([nf.s5,nf.N1,nf.W_,nf.tl]);let ee=n=>n<=4?{xs:1,md:.5,lg:.5}:void 0,et=n=>{let{id:e,title:t,items:r,columns:i,display_desktop:o,display_mobile:l}=n,{t:a}=(0,nm.Z)("common"),[s,u]=(0,d.useState)(0),p=(0,d.useRef)(null),x=(0,nQ.sJ)(n$.lZ),g=(0,d.useMemo)(()=>(null!=r?r:[]).map(n7),[r]),f=n9(i),h="slider"===en(x?l:o);return(0,d.useEffect)(()=>
1{if(p.current){let n=new ResizeObserver(()=>{if(p.current){let n=p.current.getBoundingClientRect();u(n.left)}});n.observe(window.document.body)}},[p]),(0,c.jsxs)(nU,{numColumns:f,sliderMode:h,children:[(0,c.jsx)(_.Z,{children:(0,c.jsxs)(y.Z,{cols:{xs:1,lg:10/12},push:{lg:1/12},children:[(0,c.jsx)("div",{ref:p}),t&&(0,c.jsx)("h3",{className:"content-title",children:t}),h&&!x&&g.length>2&&(0,c.jsx)("div",{className:"controlsContainer",children:(0,c.jsxs)("div",{className:"controls",children:[(0,c.jsx)(P.Z,{className:"previous-usp-".concat(e),icon:"arrow_left",screenReaderText:a("a11y.prev_slide"),variant:"secondary"}),(0,c.jsx)(P.Z,{className:"next-usp-".concat(e),icon:"arrow_right",screenReaderText:a("a11y.next_slide"),variant:"secondary"})]})})]})}),h?(0,c.jsx)(nh.tq,{a11y:{enabled:!0,prevSlideMessage:a("a11y.prev_slide"),nextSlideMessage:a("a11y.next_slide")},slidesOffsetAfter:s,slidesOffsetBefore:s,...n0.F,navigation:!x&&g.length>2&&{nextEl:".next-usp-".concat(e),prevEl:".previous-usp-".concat(e)},children:g.map((n,e)=>(0,c.jsx)(nh.o5,{children:(0,c.jsx)(n6,{...n})},"usp-slide-".concat(e)))}):(0,c.jsx)(_.Z,{children:(0,c.jsx)(y.Z,{cols:{xs:1,lg:10/12},push:{lg:1/12},children:(0,c.jsx)(_.Z,{className:"item-wrap",children:g.map((n,e)=>(0,c.jsx)(y.Z,{cols:ee(g.length),noGutter:!0,children:(0,c.jsx)(n6,{...n})},"usp-block-".concat(e)))})})})]})};function er(){let n=(0,u.Z)(["\n            grid-template-columns: repeat(2, 1fr);\n            column-gap: 26px;\n            align-items: start;\n        "]);return er=function(){return n},n}function ei(){let n=(0,u.Z)(["\n            font-size: 52px;\n            line-height: 1.1;\n        "]);return ei=function(){return n},n}function eo(){let n=(0,u.Z)(["\n            font-size: 18px;\n        "]);return eo=function(){return n},n}function el(){let n=(0,u.Z)(["\n            grid-template-columns: repeat(2, 1fr);\n            column-gap: 26px;\n            row-gap: 38px;\n        "]);return el=function(){return n},n}function ea(){let n=(0,u.Z)(["\n            gap: 16px;\n        "]);return ea=function(){return n},n}function es(){let n=(0,u.Z)(["\n            height: 28px;\n            min-width: 28px;\n            font-size: 18px;\n        "]);return es=function(){return n},n}function ec(){let n=(0,u.Z)(["\n            gap: ","px;\n        "]);return ec=function(){return n},n}function ed(){let n=(0,u.Z)(["\n            font-size: 24px;\n        "]);return ed=function(){return n},n}function eu(){let n=(0,u.Z)(["\n            font-size: 18px;\n        "]);return eu=function(){return n},n}function ep(){let n=(0,u.Z)(["\n    width: 100%;\n    background-color: ",";\n    color: ",";\n    ",";\n    ",";\n\n    .intro {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: ","px;\n        ",";\n\n        ","\n    }\n\n    .intro-title {\n        font-family: ",";\n        text-transform: none;\n        color: inherit;\n        font-size: 28px;\n        font-style: normal;\n        font-weight: 700;\n        line-height: 1.2;\n        margin: 0;\n\n        ","\n    }\n\n    .intro-subtitle {\n        color: inherit;\n        font-size: 16px;\n        line-height: 1.6;\n        letter-spacing: 0.2px;\n        margin: 0;\n\n        ","\n    }\n\n    .items {\n        list-style: none;\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: ","px;\n        margin: 0;\n        padding: 0;\n\n        ","\n    }\n\n    .item {\n        display: flex;\n        align-items: flex-start;\n        gap: 12px;\n        min-width: 0;\n\n        ","\n    }\n\n    .item-number {\n        flex-shrink: 0;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        box-sizing: border-box;\n        height: 24px;\n        min-width: 24px;\n        padding: 0 5px;\n        border-radius: 999px;\n        background-color: ",";\n        color: ",";\n        font-family: ",";\n        font-size: 16px;\n        font-weight: 700;\n        line-height: 1;\n\n        ","\n    }\n\n    .item-content {\n        flex: 1;\n        min-width: 0;\n        display: flex;\n        flex-direction: column;\n        gap: ","px;\n\n        ","\n    }\n\n    .item-title {\n        font-family: ",";\n        text-transform: none;\n        color: inherit;\n        font-size: 20px;\n        font-style: normal;\n        font-weight: 700;\n        line-height: 1.2;\n        margin: 0;\n\n        ","\n    }\n\n    .item-text {\n        font-size: 16px;\n        line-height: 1.6;\n        letter-spacing: 0.2px;\n\n        ","\n    }\n"]);return ep=function(){return n},n}let ex={white:{background:z.ZP.colors.white,text:z.ZP.colors.blue300,badgeBackgroun
1d:z.ZP.colors.blue300,badgeText:z.ZP.colors.white},light_blue:{background:z.ZP.colors.brightBlue100,text:z.ZP.colors.blue300,badgeBackground:z.ZP.colors.blue300,badgeText:z.ZP.colors.white},dark_blue:{background:z.ZP.colors.blue300,text:z.ZP.colors.white,badgeBackground:z.ZP.colors.white,badgeText:z.ZP.colors.blue300}},eg=n=>ex[n]||ex.white,ef=p.ZP.div.withConfig({componentId:"sc-96ad08ad-0"})(ep(),n=>eg(n.blockColor).background,n=>eg(n.blockColor).text,(0,x.TE)("padding-top",g.Z.distances.blockSpacing),(0,x.TE)("padding-bottom",g.Z.distances.blockSpacing),z.ZP.distances.xxs,(0,x.TE)("margin-bottom",g.Z.distances.large),b.Z.lg(er()),z.ZP.fonts.default,b.Z.lg(ei()),b.Z.lg(eo()),z.ZP.distances.xs,b.Z.lg(el()),b.Z.lg(ea()),n=>eg(n.blockColor).badgeBackground,n=>eg(n.blockColor).badgeText,z.ZP.fonts.default,b.Z.lg(es()),z.ZP.distances.xxs/2,b.Z.lg(ec(),z.ZP.distances.xxs-2),z.ZP.fonts.default,b.Z.lg(ed()),b.Z.lg(eu())),eh=n=>{let{title:e,subtitle:t,color:r,items:i}=n;return(0,c.jsx)(ef,{blockColor:r,children:(0,c.jsx)(_.Z,{children:(0,c.jsxs)(y.Z,{cols:{xs:1,lg:10/12},push:{lg:1/12},flexDirection:"column",children:[(e||t)&&(0,c.jsxs)("div",{className:"intro",children:[e&&(0,c.jsx)("h2",{className:"intro-title",children:e}),t&&(0,c.jsx)("p",{className:"intro-subtitle",children:t})]}),(0,c.jsx)("ol",{className:"items",role:"list",children:i.map((n,e)=>(0,c.jsxs)("li",{className:"item",children:[(0,c.jsx)("span",{className:"item-number","aria-hidden":"true",children:e+1}),(0,c.jsxs)("div",{className:"item-content",children:[n.title&&(0,c.jsx)("h3",{className:"item-title",children:n.title}),n.text&&(0,c.jsx)("div",{className:"item-text",children:(0,m.ZP)(n.text)})]})]},"info-list-item-".concat(e)))})]})})})};function em(){let n=(0,u.Z)(["\n            margin: 0 0 15px;\n            font-size: 52px;\n            line-height: 1.1;\n        "]);return em=function(){return n},n}function eZ(){let n=(0,u.Z)(["\n            display: flex;\n        "]);return eZ=function(){return n},n}function eb(){let n=(0,u.Z)(["\n            margin-top: 25px;\n\n            .logo-tile {\n                width: 25%;\n\n                &:nth-child(-n + 4) {\n                    border-top: 1px solid ",";\n                }\n\n                &:nth-child(2n + 1) {\n                    border-left: 0;\n                }\n\n                &:nth-child(4n + 1) {\n                    border-left: 1px solid ",";\n                }\n            }\n        "]);return eb=function(){return n},n}function ev(){let n=(0,u.Z)(["\n            padding-top: 25px;\n        "]);return ev=function(){return n},n}function ew(){let n=(0,u.Z)(["\n            width: 220px;\n            height: 124px;\n        "]);return ew=function(){return n},n}function ej(){let n=(0,u.Z)(["\n    .content-title {\n        font-family: ",";\n        text-transform: none;\n        color: ",";\n        font-size: 28px;\n        font-style: normal;\n        font-weight: 700;\n        line-height: 1.2;\n        margin: 0 0 10px;\n\n        ","\n    }\n\n    .content-description {\n        color: ",";\n        ","\n\n        p {\n            margin: 0 0 10px;\n\n            &:last-child {\n                margin-bottom: 0;\n            }\n        }\n    }\n\n    .intro-text {\n        flex: 1 1 auto;\n        min-width: 0;\n    }\n\n    .controlsContainer {\n        display: none;\n        align-self: center;\n\n        ","\n\n        .controls {\n            display: flex;\n            gap: 15px;\n\n            .previous,\n            .next {\n                &.swiper-button-disabled {\n                    opacity: 0.2;\n                }\n            }\n        }\n    }\n\n    /* Shared tile: a logo recoloured to the museum blue over a white surface */\n    .logo-tile {\n        position: relative;\n        isolation: isolate;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        aspect-ratio: ",";\n        background: ",";\n    }\n\n    /* The logo occupies the centre of the tile, leaving the surrounding whitespace */\n    .logo-media {\n        width: 75%;\n        height: 63%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        opacity: 0.7;\n        transition: opacity ",";\n\n        "," {\n            width: 100%;\n            height: 100%;\n\n            img {\n                object-position: center center;\n            }\n        }\n    }\n\n    .logo-link {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 100%;\n        height: 100%;\n    }\n\n    .logo-tile:hover .logo-media {\n        opacity: 1;\n    }\n\n    .logo-tint {\n        position: absolute;\n        inset: 0;\n        z-index: 2;\n        background: ",";\n        mix-blend-mode: color;\n        pointer-events: none;\n    }\n\n    /* Grid variant: tiles knit together into a bordered grid; borders sit on the tiles so lines stop at the last tile of a row */\n    .logo-list {\n        width: 100%;\n        list-style-type: none;\n        margin: 10px 0 0;\n        padding: 0;\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n\n        .logo-tile {\n            width: 50%;\n            margin: 0;\n            border-right: 1px solid ",";\n            border-bottom: 1px solid ",";\n\n            &:nth-child(-n + 2) {\n                border-top: 1px solid ",";\n            }\n\n            &:nth-child(2n + 1) {\n                border-left: 1px solid ",";\n            }\n        }\n\n        ","\n    }\n\n    .swiper {\n        width: 100%;\n        padding-top: 10px;\n\n        ","\n    }\n\n    /* Slider variant: borderless tiles with fixed dimensions so the swiper row keeps its rhythm */\n    .swiper .logo-tile {\n        width: 150px;\n        height: 85px;\n\n        ","\n    }\n"]);return ej=function(){return n},n}let ey="#D4D2D2",e_=(0,p.ZP)(ni).withConfig({componentId:"sc-880ec6c9-0"})(ej(),z.ZP.fonts.default,z.ZP.colors.blue300,b.Z.lg(em()),z.ZP.colors.blue300,(0,x.JB)(g.Z.fontSizes.large),b.Z.lg(eZ()),"229 / 129",z.ZP.colors.white,z.ZP.transitions.default,T.Z,z.ZP.colors.blue100,ey,ey,ey,ey,b.Z.lg(eb(),ey,ey),b.Z.lg(ev()),b.Z.lg(ew()));var eP=t(6111);nf.ZP.use([nf.s5,nf.N1,nf.W_,nf.tl]);let ek=n=>{let{id:e,title:t,description:r,logos:i,displayMode:o}=n,{t:l}=(0,nm.Z)("common"),[a,s]=(0,d.useState)(0),u=(0,d.useRef)(null),p=(0,d.useMemo)(()=>o?"slider"===o:i.length>8,[o,i]);(0,d.useEffect)(()=>
1{if(!p||!u.current)return;let n=new ResizeObserver(()=>{if(u.current){let n=u.current.getBoundingClientRect();s(n.left)}});return n.observe(window.document.body),()=>n.disconnect()},[u,p]);let x=n=>{if(!n.image)return null;let e=(0,c.jsx)(A.Z,{...n.image.image,alt:n.name,fit:"contain"}),t=n.link&&n.link.url?(0,c.jsx)(eP.Z,{className:"logo-link",href:n.link.url,children:e}):e;return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("div",{className:"logo-media",children:t}),(0,c.jsx)("span",{className:"logo-tint","aria-hidden":"true"})]})};return(0,c.jsxs)(e_,{children:[(0,c.jsx)(_.Z,{children:(0,c.jsxs)(y.Z,{cols:{xs:1,lg:10/12},push:{lg:1/12},children:[(0,c.jsx)("div",{ref:u}),(0,c.jsxs)("div",{className:"intro-text",children:[t&&(0,c.jsx)("h3",{className:"content-title",children:t}),r&&(0,c.jsx)("div",{className:"content-description",children:(0,m.ZP)(r)})]}),p&&(0,c.jsx)("div",{className:"controlsContainer",children:(0,c.jsxs)("div",{className:"controls",children:[(0,c.jsx)(P.Z,{className:"previous previous-logos-".concat(e),icon:"arrow_left",screenReaderText:l("a11y.prev_slide"),variant:"secondary"}),(0,c.jsx)(P.Z,{className:"next next-logos-".concat(e),icon:"arrow_right",screenReaderText:l("a11y.next_slide"),variant:"secondary"})]})})]})}),p?(0,c.jsx)(nh.tq,{a11y:{enabled:!0,prevSlideMessage:l("a11y.prev_slide"),nextSlideMessage:l("a11y.next_slide")},slidesOffsetBefore:a,slidesOffsetAfter:a,...n0.F,navigation:{nextEl:".next-logos-".concat(e),prevEl:".previous-logos-".concat(e)},children:i.map((n,t)=>(0,c.jsx)(nh.o5,{className:"logo-tile",children:x(n)},"logo-slide-".concat(e,"-").concat(t)))}):(0,c.jsx)(_.Z,{children:(0,c.jsx)(y.Z,{cols:{xs:1,lg:10/12},push:{lg:1/12},children:(0,c.jsx)("ul",{className:"logo-list",children:i.map((n,t)=>(0,c.jsx)("li",{className:"logo-tile",children:x(n)},"logo-item-".concat(e,"-").concat(t)))})})})]})};function eN(){let n=(0,u.Z)([""]);return eN=function(){return n},n}let ez=p.ZP.div.withConfig({componentId:"sc-f91daf03-0"})(eN());function eC(){let n=(0,u.Z)(["\n    text-decoration: none;\n    color: inherit;\n    width: 100%;\n"]);return eC=function(){return n},n}let eS=p.ZP.div.withConfig({componentId:"sc-d0fa0522-0"})(eC());var eT=t(6731),eE=t.n(eT),eI=t(7607);let eR=n=>{let{header_image:e,title:t,description:r,publish_date:i,slug:o}=n,l=(0,eI.rr)(i.machine,"DD MMM YYYY");return(0,c.jsxs)(eS,{children:[(0,c.jsx)(W.Z,{...e}),(0,c.jsxs)(eE(),{href:o,children:[(0,c.jsx)("h3",{children:t}),l&&(0,c.jsx)("div",{children:l}),(0,c.jsx)("p",{children:r})]})]})},eM=n=>{let{items:e}=n;return(0,c.jsx)(ez,{children:(0,c.jsx)(_.Z,{children:e.map(n=>(0,c.jsx)(y.Z,{cols:{xs:1,md:.5,lg:1/3},children:(0,c.jsx)(eR,{...n})},n.nid))})})};var eB=t(7943);function eO(){let n=(0,u.Z)(["\n                font-size: 52px;\n            "]);return eO=function(){return n},n}function eD(){let n=(0,u.Z)(["\n    margin-bottom: 100px;\n\n    .times,\n    .address {\n        h2 {\n            font-size: 32px;\n            font-style: normal;\n            font-weight: 700;\n            line-height: 1.1;\n            margin-bottom: 24px;\n\n            ","\n        }\n    }\n\n    p {\n        font-size: 20px;\n        font-style: normal;\n        font-weight: 300;\n        line-height: 1.6;\n    }\n\n    article {\n        display: flex;\n        flex-direction: column;\n        margin-bottom: 50px;\n\n        "," {\n            margin-right: auto;\n        }\n    }\n\n    .prices {\n        tr {\n            display: flex;\n            justify-content: space-between;\n            padding: 20px 0;\n            border-bottom: 1px solid ",";\n        }\n\n        td {\n            font-size: 18px;\n            font-style: normal;\n            font-weight: 400;\n            line-height: 1.6;\n            letter-spacing: 0.2px;\n        }\n\n        .bold {\n            font-weight: 700;\n        }\n\n        h2 {\n            margin-bottom: 4px;\n        }\n\n        h3 {\n            font-size: 28px;\n            margin: 20px 0 0;\n        }\n    }\n\n    .tickets {\n        max-width: 355px;\n\n        "," {\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n            border-radius: 8px;\n            padding: 24px 24px 30px 24px;\n            background-color: ",";\n            color: ",";\n\n            h3 {\n                font-size: 28px;\n                font-style: normal;\n                font-weight: 700;\n                line-height: 1.2;\n                margin-bottom: 8px;\n                margin-right: 30px;\n            }\n\n            p {\n                font-size: 18px;\n                font-weight: 400;\n                letter-spacing: 0.2px;\n            }\n\n            "," a {\n                justify-content: space-between;\n                // border: 1px solid ",";\n                // color: ",";\n            }\n        }\n    }\n\n    .bold {\n        p {\n            font-weight: 600;\n        }\n    }\n\n    .address {\n        p {\n            margin-bottom: 8px;\n        }\n\n        "," {\n            margin-right: auto;\n        }\n    }\n\n    p {\n        span {\n            display: block;\n        }\n    }\n"]);return eD=function(){return n},n}let eq=p.ZP.div.withConfig({componentId:"sc-7e431d3b-0"})(eD(),b.Z.lg(eO()),eB.Z,z.ZP.colors.blue300,nZ.Z,z.ZP.colors.blue300,z.ZP.colors.white,eB.Z,z.ZP.colors.white,z.ZP.colors.white,eB.Z);var eH=t(3738);let eA=n=>{let{url:e,icon:t,text:r,className:i,screenReaderText:o,variant:l}=n;return(0,c.jsx)(eB.Z,{className:i,variant:l,icon:!!t,children:(0,c.jsxs)(n1.Z,{href:e,children:[o&&(0,c.jsxs)(eH.Z,{children:[o," "]}),r&&(0,c.jsx)("span",{className:"text-wrap",children:r})," ",t&&(0,c.jsx)(N.Z,{name:t,size:16,as:"span"})]})})},eF=n=>{var e,t;let{globalSettings:r}=n,{t:i}=(0,nm.Z)("common");return(0,c.jsx)(eq,{children:(0,c.jsxs)(_.Z,{as:"section",children:[(0,c.jsxs)(y.Z,{className:"info",flexDirection:"column",cols:{xs:1,lg:.5,xl:4/12},push:{xl:1/12},children:[(0,c.jsxs)("article",{className:"times",children:[(0,c.jsx)("h2",{children:i("footer.times_title")}),r.information.opening_hours_label&&(0,c.jsx)("div",{className:"bold",children:(0,m.ZP)(r.information.opening_hours_label)}),r.information.opening_hours_note&&(0,m.ZP)(r.information.opening_hours_note)]}),(0,c.jsxs)("article",{className:"address",children:[(0,c.jsx)("h2",{children:i("footer.address")}),(0,c.jsxs)("p",{children:[(0,c.jsx)("span",{children:r.information.address.address}),(0,c.jsxs)("span",{children:[r.information.address.zipcode,", ",r.information.address.city]})]}),r.information.google_maps.options.url&&(0,c.jsx)(eA,{variant:"textUnderline",url:r.information.google_maps.options.url,text:r.information.google_maps.title,icon:"arrow_right"})]}),(0,c.jsx)("div",{className:"tickets",children:(0,c.jsxs)(nZ.Z,{theme:"navy",children:[(0,c.jsx)("h3",{children:i("museum_info.buy_online_title")}),(0,c.jsx)("p",{children:i("museum_info.buy_online_text")}),(null===(e=r.information.ticket_link)||void 0===e?void 0:e.url)&&(0,c.jsx)(P.Z,{variant:"primary",url:r.information.ticket_link.url,text:r.information.ticket_link.text,icon:"arrow_right"})]})})]}),(0,c.jsx)(y.Z,{className:"prices",top:{xs:60,lg:0},flexDirection:"column",cols:{xs:1,lg:.5,xl:5/12},push:{xl:1/12},children:(null===(t=r.information.admissions.individuals)||void 0===t?void 0:t.length)>0&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("h2",{children:i("museum_info.prices")}),(0,c.jsx)("table",{children:(0,c.jsx)("tbody",{children:r.information.admissions.individuals.map(n=>(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:n.title}),(0,c.jsx)("td",{className:"bold",children:(0,m.ZP)(n.free?i("museum_info.free"):"€&nbsp;"+n.price)})]},"".concat(n.title,"-individuals")))})}),(0,c.jsx)("h3",{children:i("museum_info.for_groups")}),(0,c.jsx)("table",{children:(0,c.jsx)("tbody",{children:r.information.admissions.groups.map(n=>(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:n.title}),(0,c.jsx)("td",{className:"bold",children:(0,m.ZP)(n.free?i("museum_info.free"):"€&nbsp;"+n.price)})]},"".concat(n.title,"-groups")))})})]})})]})})};function eL(){let n=(0,u.Z)(["\n            padding: 50px 40px;\n        "]);return eL=function(){return n},n}function eV(){let n=(0,u.Z)(["\n            flex-wrap: wrap;\n        "]);return eV=function(){return n},n}function eW(){let n=(0,u.Z)(["\n            font-size: 28px;\n        "]);return eW=function(){return n},n}function eY(){let n=(0,u.Z)(["\n            font-size: 34px;\n        "]);return eY=function(){return n},n}function eJ(){let n=(0,u.Z)(["\n            margin-top: 10px;\n        "]);return eJ=function(){return n},n}function eX(){let n=(0,u.Z)(["\n    .form-wrapper {\n        border-radius: 8px;\n        padding: 30px;\n        background-color: ",";\n\n        ","\n    }\n\n    form {\n        display: flex;\n        align-items: flex-start;\n        gap: 10px;\n\n        ","\n\n        .donate-amount {\n            margin-left: 24px;\n        }\n\n        .input-outer-wrapper {\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n        }\n\n        .input-wrapper {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            margin-top: 5px;\n        }\n    }\n\n    h3 {\n        margin-bottom: 20px;\n        font-size: 24px;\n\n        ","\n\n        ","\n    }\n\n    .euro {\n        font-size: 24px;\n    }\n\n    input {\n        font-size: 24px;\n        padding: 4px 8px;\n        width: 160px;\n        background-color: ",";\n        border: none;\n    }\n\n    "," {\n        ","\n    }\n\n    .error {\n        color: ",";\n    }\n"]);return eX=function(){return n},n}let eG=p.ZP.div.withConfig({componentId:"sc-7da8f38-0"})(eX(),z.ZP.colors.brightBlue100,b.Z.lg(eL()),C.Z.lg(eV()),b.Z.lg(eW()),b.Z.xl(eY()),z.ZP.colors.white,eB.Z,C.Z.lg(eJ()),z.ZP.colors.error);var eK=t(9942),eU=t(432);let eQ={method:"POST",mode:"cors",cache:"no-cache",credentials:"same-origin",headers:{"Content-Type":"application/json"},redirect:"follow",referrerPolicy:"no-referrer"},e$=async(n,e,t,r,i)=>{try{let o=await fetch("".concat(t||"https://api.watersnoodmuseum.nl","/").concat(n),{...eQ,...r,body:JSON.stringify(e)});if(o){let n=await o.json();if(o.status<300)return{statusCode:n.statusCode,type:eU.h.OK,pageData:i?i(n):n};return{statusCode:n.statusCode,type:eU.h.ERROR}}}catch(e){console.error("Error fetching ".concat(n,":"),e),(0,eK.pm)("Drupal",void 0,"cmsPost ".concat(n))}return console.error("Error no catch"),{type:eU.h.ERROR,statusCode:500}};var e0=t(1177);let e1=n=>{let{}=n,{t:e,lang:t}=(0,nm.Z)("common"),[r,i]=(0,d.useState)(0),[o,l]=(0,d.useState)(!1),a=async n=>{if(n.preventDefault(),r>0){let n=await e$("api/donate",{amount:"".concat(r),locale:t});n.type!==eU.h.ERROR?(l(!1),n.type===eU.h.OK&&(window.location.href=n.pageData.url)):l(!0)}};return(0,c.jsx)(eG,{children:(0,c.jsx)(_.Z,{children:(0,c.jsx)(y.Z,{cols:{xs:1,lg:8/12},push:{lg:2/12},children:(0,c.jsxs)("div",{className:"form-wrapper",children:[(0,c.jsx)("h3",{children:e("donation.title")}),o&&(0,c.jsx)("p",{className:"error",children:e("donation.error")}),(0,c.jsxs)("form",{onSubmit:a,children:[(0,c.jsx)("div",{className:"input-outer-wrapper",children:(0,c.jsxs)("div",{className:"input-wrapper",children:[(0,c.jsx)("span",{className:"euro",children:"€"}),(0,c.jsx)(e0.ZP,{name:"amount",placeholder:"0,00",decimalsLimit:2,decimalSeparator:",",groupSeparator:".",inputMode:"text",onValueChange:(n,e,t)=>{i(t&&t.float?t.float:0)}})]})}),(0,c.jsx)(eB.Z,{variant:"primary",icon:!0,children:(0,c.jsxs)("button",{type:"submit",children:[(0,c.jsxs)(eH.Z,{children:[e("donation.submit")," "]}),(0,c.jsx)("span",{className:"text-wrap",children:e("donation.submit")})," ",(0,c.jsx)(N.Z,{name:"arrow_right",size:16,as:"span"})]})})]})]})})})})};var e2=t(4585),e3=t(4963),e6=t(7615);function e4(){let n=(0,u.Z)(["\n            margin: 0 0 ","px;\n            font-size: 52px;\n            font-style: normal;\n            font-weight: 700;\n            line-height: 1.1;\n        "]);return e4=function(){return n},n}function e5(){let n=(0,u.Z)(["\n                height: 665px;\n            "]);return e5=function(){return n},n}function e8(){let n=(0,u.Z)(["\n            padding-top: 25px;\n        "]);return e8=function(){return n},n}function e7(){let n=(0,u.Z)(["\n                max-width: ",";\n            "]);return e7=function(){return n},n}function e9(){let n=(0,u.Z)(["\n                max-width: ",";\n            "]);return e9=function(){return n},n}function tn(){let n=(0,u.Z)(["\n                max-width: ",";\n            "]);return tn=function(){return n},n}function te(){let n=(0,u.Z)(["\n                max-width: ",";\n            "]);return te=function(){return n},n}function tt(){let n=(0,u.Z)(["\n             gap: 20px;\n        "]);return tt=function(){return n},n}function tr(){let n=(0,u.Z)(["\n            flex-wrap: nowrap;\n        "]);return tr=function(){return n},n}function ti(){let n=(0,u.Z)(["\n    .content-title {\n        font-family: ",";\n        text-transform: none;\n        color: ",";\n        font-size: 28px;\n        font-style: normal;\n        font-weight: 700;\n        line-height: 1.2;\n        margin: 0 0 ","px;\n\n        ","\n    }\n\n    .swiper-wrapper {\n        ","\n    }\n\n    .swiper {\n        padding-top: 10px;\n\n        ","\n    }\n\n    .controlsContainer {\n        margin-left: auto;\n\n        .controls {\n            display: flex;\n            flex-direction: row;\n            gap: 15px;\n        }\n    }\n\n    .swiper-slide {\n        ","\n        ","\n        ","\n        ","\n    }\n\n    .item-wrap {\n        gap: 10px;\n\n        ","\n\n        ","\n    }\n\n    "," {\n        width: 100%;\n    }\n"]);return ti=function(){return n},n}let to=p.ZP.div.withConfig({componentId:"sc-c65512bf-0"})(ti(),z.ZP.fonts.default,z.ZP.colors.blue300,n=>n.sliderMode?0:10,b.Z.lg(e4(),n=>n.sliderMode?0:25),n=>"exhibition"===n.itemType&&(0,p.iv)(e5()),b.Z.lg(e8()),n=>"activity"===n.itemType&&(0,p.iv)(e7(),n=>n.sliderMode?"489px":"none"),n=>"news"===n.itemType&&(0,p.iv)(e9(),n=>n.sliderMode?"489px":"none"),n=>"exhibition"===n.itemType&&(0,p.iv)(tn(),n=>n.sliderMode?"600px":"none"),n=>"page"===n.itemType&&(0,p.iv)(te(),n=>n.sliderMode?"362px":"none"),b.Z.lg(tt()),b.Z.lg(tr()),e6.Z);var tl=t(2983),ta=t(4327),ts=t(9629);function tc(){let n=(0,u.Z)(["\n    width: 100%;\n    height: 100%;\n"]);return tc=function(){return n},n}let td=p.ZP.div.withConfig({componentId:"sc-d62ee521-0"})(tc());var tu=t(917);let tp=n=>{let{image:e,title:t,content:r,tags:i,slug:o,date_start:l,date_end:a,exhibition_type:s}=n;return(0,c.jsx)(td,{children:(0,c.jsx)(tu.Z,{image:e,title:t,content:r,tags:i,slug:o,date_start:l,date_end:a,exhibition_type:s})})},tx=n=>({title:n.title,content:n.content,date_start:"news"===n.type?n.publish_date:n.date_start,date_end:"activity"===n.type?n.date_end:void 0,tags:n.tags?n.tags:["news"===n.type?"Nieuws":"Muziek"],image:n.header_image,slug:n.slug,activity:"activity"===n.type}),tg={activity:{transformation:tx,component:tu.Z},news:{transformation:tx,component:tu.Z},page:{transformation:tl.Z,component:ta.Z},exhibition:{transformation:ts.Z,component:tp}},tf=n=>{let{id:e,title:t,items:r}=n,{t:i}=(0,nm.Z)("common"),[o,l]=(0,d.useState)(0),a=(0,d.useRef)(null),s=(0,nQ.sJ)(n$.lZ),u=n=>{let e=tg[n.type].component;return(0,c.jsx)(e,{...tg[n.type].transformation(n)})},p=(0,d.useMemo)(()=>r[0].type,[r]);(0,d.useEffect)(()=>
1{if(a.current){let n=new ResizeObserver(()=>{if(a.current){let n=a.current.getBoundingClientRect();l(n.left)}});n.observe(window.document.body)}},[a]);let x="page"!=p;return(0,c.jsxs)(to,{sliderMode:x&&!s,itemType:p,children:[(0,c.jsx)(_.Z,{children:(0,c.jsxs)(y.Z,{cols:{xs:1,lg:10/12},push:{lg:1/12},children:[(0,c.jsx)("div",{ref:a}),t&&(0,c.jsx)("h3",{className:"content-title",children:t}),x&&r.length>2&&!s&&(0,c.jsx)("div",{className:"controlsContainer",children:(0,c.jsxs)("div",{className:"controls",children:[(0,c.jsx)(P.Z,{className:"previous-related-".concat(e),icon:"arrow_left",screenReaderText:i("a11y.prev_slide"),variant:"secondary"}),(0,c.jsx)(P.Z,{className:"next-related-".concat(e),icon:"arrow_right",screenReaderText:i("a11y.next_slide"),variant:"secondary"})]})})]})}),!x||s?(0,c.jsx)(_.Z,{children:(0,c.jsx)(y.Z,{cols:{xs:1,lg:10/12},push:{lg:1/12},children:(0,c.jsx)(_.Z,{className:"item-wrap",children:r.map(n=>(0,c.jsx)(y.Z,{cols:{xs:1,md:.5,lg:1/3},noGutter:!0,children:u(n)},n.nid))})})}):(0,c.jsx)(nh.tq,{a11y:{enabled:!0,prevSlideMessage:i("a11y.prev_slide"),nextSlideMessage:i("a11y.next_slide")},slidesOffsetAfter:o,slidesOffsetBefore:o,...n0.F,navigation:{nextEl:".next-related-".concat(e),prevEl:".previous-related-".concat(e)},allowTouchMove:!0,keyboard:!0,children:r&&r.map((n,e)=>(0,c.jsx)(nh.o5,{children:u(n)},"slide-".concat(e)))})]})},th=n=>{let{endpoint:e,title:t}=n;return(0,c.jsx)(e3.ZP,{params:{endpoint:e},children:n=>(0,c.jsx)(tf,{...n,title:t})})},tm={[i.paragraph]:{transformation:n=>n,component:k,renderHeader:!0},[i.featuredParagraph]:{transformation:n=>n,component:nt,renderHeader:!1},[i.mollie_donation]:{transformation:n=>n,component:e1,renderHeader:!1},[i.accordion]:{transformation:n=>n,component:nn,renderHeader:!0},[i.image]:{transformation:n=>n,component:Y,renderHeader:!0},[i.quote]:{transformation:n=>n,component:F,renderHeader:!1},[i.linkList]:{transformation:n=>n,component:nC,renderHeader:!0},[i.fileList]:{transformation:n=>n,component:nP,renderHeader:!0},[i.imageCarousel]:{transformation:n=>n,component:nv,renderHeader:!0},[i.embed]:{transformation:n=>n,component:nI,renderHeader:!0},[i.usp_list]:{transformation:n=>n,component:et,renderHeader:!1},[i.info_list]:{transformation:n=>n,component:eh,renderHeader:!1},[i.logo_list]:{transformation:n=>n,component:ek,renderHeader:!1},[i.related_news]:{transformation:n=>n,component:eM,renderHeader:!0},[i.related_stories]:{transformation:n=>n,component:e2.Z,renderHeader:!1},[i.related_content]:{transformation:n=>n,component:th,renderHeader:!1},[i.global_settings]:{transformation:n=>n,component:eF,renderHeader:!1}};var tZ=t(8770);let tb=n=>{let{title:e,description:t}=n;return(0,c.jsx)(tZ.Z,{children:(0,c.jsx)(_.Z,{children:(0,c.jsxs)(y.Z,{cols:{xs:1,lg:8/12},push:{lg:2/12},flexDirection:"column",children:[e&&(0,c.jsx)("h2",{children:e}),t&&(0,m.ZP)(t)]})})})};var tv=t(2183);let tw=n=>{let{blocks:e,globalSettings:t}=n,r="",o=e.map((n,o)=>{let{type:l,content:a,id:s,header:d}=n;if(tm[l]&&tm[l].component){let n=tm[l].component,u=l===i.featuredParagraph||l===i.related_content?"ice":l===i.imageCarousel?"royal":"white",p=""===r||l===i.featuredParagraph||r===i.featuredParagraph||l===i.related_content||l===i.global_settings||r===i.global_settings||l===i.usp_list||r===i.usp_list||l===i.imageCarousel||r===i.imageCarousel;r=l;let x=o===e.length-1;return(0,c.jsx)("div",{className:"block ".concat(x&&i.related_content?"last-block":""," block-").concat(l," ").concat(p?"wave-active":""),children:(0,c.jsxs)(tv.Z,{theme:u,disable:!p,children:[d&&tm[l].renderHeader&&(0,c.jsx)(tb,{...d}),(0,c.jsx)(n,{id:s,...d,...a,globalSettings:t})]})},s)}});return(0,c.jsx)(c.Fragment,{children:o})};var tj=tw},2549:function(n,e,t){var r=t(3463),i=t(2473),o=t(1619),l=t(6260);function a(){let n=(0,r.Z)(["\n    .title {\n        margin-bottom: 16px;\n    }\n\n    "," {\n        margin-right: auto;\n    }\n\n    "," {\n        max-height: 640px;\n    }\n\n    .btns-wrap {\n        margin-top: 16px;\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n    }\n"]);return a=function(){return n},n}let s=i.ZP.div.withConfig({componentId:"sc-4f13a36f-0"})(a(),o.Z,l.Z);e.Z=s},4585:function(n,e,t){t.d(e,{Z:function(){return c}});var r=t(3288);t(2466);var i=t(4963),o=t(3354),l=t(7667);let a=n=>{let{id:e,title:t,items:i}=n;return(0,r.jsx)(o.Z,{children:(0,r.jsx)(l.Z,{id:e,content:{items:i},header:{title:t}})})},s=n=>{let{endpoint:e,title:t}=n;return(0,r.jsx)(i.ZP,{params:{endpoint:e},children:n=>(0,r.jsx)(a,{...n,title:t})})};var c=s},325:function(n,e,t){t.d(e,{F:function(){return l}}),t(3288),t(2466),t(8557),t(917),t(230),t(7707),t(75);var r=t(3463);function i(){let n=(0,r.Z)(["\n    position: relative;\n    width: 56px;\n    height: 43px;\n    border: 1px solid rgba(4, 20, 70, 0.3);\n    border-radius: 50%;\n    display: flex;
1\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    transition: background-color 0.25s ease;\n\n    &:hover {\n        background-color: rgba(4, 20, 70, 0.3);\n    }\n"]);return i=function(){return n},n}t(2473).ZP.button.withConfig({componentId:"sc-a2cd8a02-0"})(i()),t(3738),t(3487);var o=t(4648);t(8082),o.ZP.use([o.s5,o.N1,o.W_,o.tl]);let l={speed:1250,spaceBetween:24,slidesPerView:"auto",centeredSlides:!1,allowTouchMove:!0,watchOverflow:!0,keyboard:{enabled:!0},navigation:{nextEl:".next",prevEl:".previous"},loop:!1}},5766:function(n,e,t){var r=t(3288),i=t(2466),o=t(6260);t(5601),t(9739),t(9384);let l=n=>{let{alt:e,src:t,srcset:l,sizes:a,...s}=n,c=(0,i.useMemo)(()=>a&&Object.values(a).length>0?Object.values(a)[0]:t,[a,t]);return(0,r.jsx)(o.Z,{...s,children:(0,r.jsx)("img",{"data-srcset":null==l?void 0:l.join(","),"data-src":t,"data-sizes":"auto",src:c,alt:e,className:"lazyload"},t)})};e.Z=l},8665:function(n,e,t){var r=t(3463),i=t(2473),o=t(6008),l=t(2637);function a(){let n=(0,r.Z)(["\n            justify-content: flex-start;\n        "]);return a=function(){return n},n}function s(){let n=(0,r.Z)(["\n    width: 100%;\n    position: relative;\n\n    .imageSource {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: flex-end;\n        font-size: 14px;\n        margin-top: 4px;\n\n        ","\n\n        .sourceTitle {\n        }\n\n        a {\n            display: flex;\n            color: ",";\n            text-decoration: underline;\n            margin-left: 8px;\n\n            svg {\n                fill: none;\n            }\n\n            &:hover {\n                text-decoration: none;\n            }\n        }\n    }\n"]);return s=function(){return n},n}let c=i.ZP.div.withConfig({componentId:"sc-c25945c7-0"})(s(),l.Z.lg(a()),o.ZP.colors.blue300);e.Z=c},7740:function(n,e,t){var r=t(3288);t(2466);var i=t(5467),o=t(8665),l=t(6111);let a=n=>{let{image:e,source_link:t,source:a,...s}=n;return(0,r.jsxs)(o.Z,{children:[(0,r.jsx)(i.Z,{...e,...s}),(a||t)&&(0,r.jsxs)("div",{className:"imageSource",children:[a&&(0,r.jsx)("div",{className:"sourceTitle",children:a}),t&&t.url&&t.text&&(0,r.jsx)(l.Z,{href:t.url,children:t.text})]})]})};e.Z=a},7667:function(n,e,t){var r=t(3288),i=t(2466),o=t(6887),l=t(8082),a=t(7707),s=t(75),c=t(230),d=t(325),u=t(6e3),p=t(9738),x=t(9866),g=t(1162),f=t(6434),h=t(1395);let m=n=>{let{id:e,header:t,content:m,swiperConfig:Z}=n;if(!m.items)return null;let{t:b}=(0,l.Z)("common"),[v,w]=(0,i.useState)(0),j=(0,i.useRef)(null),[y,_]=(0,i.useState)(!1),P=(0,p.sJ)(x.lZ),k=(0,h.useRouter)();return(0,i.useEffect)(()=>{if(j.current){let n=new ResizeObserver(()=>{if(j.current){let n=j.current.getBoundingClientRect();w(n.left)}});n.observe(window.document.body)}},[j]),(0,r.jsx)(o.Z,{swiperReady:y,numSlides:m.items.length,children:1===m.items.length?(0,r.jsxs)(a.Z,{className:"single-story",children:[(0,r.jsxs)(s.Z,{push:{lg:1/12},cols:{xs:1,lg:5/12,xl:4/12},children:[m.items[0].title&&(0,r.jsx)("h2",{children:m.items[0].title}),m.items[0].content&&!P&&(0,g.ZP)(m.items[0].content)]}),(0,r.jsx)(s.Z,{push:{lg:1/12},cols:{xs:10/12,lg:5/12,xl:4/12},children:(0,r.jsx)(u.Z,{...m.items[0],slug:"".concat(m.items[0].slug,"?referer=").concat(encodeURIComponent(k.asPath))})}),P&&m.items[0].content&&(0,r.jsx)(s.Z,{cols:{xs:1},children:(0,g.ZP)(m.items[0].content)})]}):(0,r.jsxs)("div",{className:"story-slider",children:[(0,r.jsx)(a.Z,{children:(0,r.jsx)(s.Z,{className:"title-bar",cols:{xs:1,lg:m.items.length>3?1:10/12},push:{lg:m.items.length>3?0:1/12},children:(0,r.jsx)("div",{ref:j,children:t&&t.title&&(0,r.jsx)("h2",{children:t.title})})})}),(0,r.jsx)(c.tq,{a11y:{enabled:!0,prevSlideMessage:b("a11y.prev_slide"),nextSlideMessage:b("a11y.next_slide")},slidesOffsetAfter:v,slidesOffsetBefore:v,...d.F,...Z,slidesPerView:"auto",allowTouchMove:m.items.length>3||P,keyboard:m.items.length>3,onSwiper:()=>{_(!0)},navigation:{nextEl:".next-".concat(e),prevEl:".previous-".concat(e)},children:m.items&&m.items.map((n,e)=>(0,r.jsx)(c.o5,{children:(0,r.jsx)(u.Z,{...n,slug:"".concat(n.slug,"?referer=").concat(encodeURIComponent(k.asPath))})},"slide-".concat(e)))}),m.items.length>3&&(0,r.jsx)("div",{className:"controlsContainer",children:(0,r.jsxs)("div",{className:"controls",children:[(0,r.jsx)(f.Z,{className:"previous-".concat(e),icon:"arrow_left",screenReaderText:b("a11y.prev_slide"),variant:"secondary"}),(0,r.jsx)(f.Z,{className:"next-".concat(e),icon:"arrow_right",screenReaderText:b("a11y.next_slide"),variant:"secondary"})]})})]})})};e.Z=m},6463:function(n,e,t){t.d(e,{Z:function(){return v}});var r=t(3288);t(2466);var i=t(3463),o=t(2473),l=t(6008),a=t(2637);function s(){let n=(0,i.Z)(["\n            padding: 50px 40px;\n        "]);return s=function(){return n},n}function c(){let n=(0,i.Z)(["\n            flex-direction: row;\n        "]);return c=function(){return n},n}function d(){let n=(0,i.Z)(["\n            font-size: 94px;\n            line-height: 0.85;\n            letter-spacing: 0.94px;\n        "]);return d=function(){return n},n}function u(){let n=(0,i.Z)(["\n    .cta-wrapper {\n        position: relative;\n        border-radius: 8px;\n        width: 100%;\n        background-color: ",";\n        color: ",";\n        margin-top: 40px;\n        margin-bottom: 100px;\n        padding: 20px;\n        overflow: hidden;\n\n        ","\n    }\n\n    .buttons {\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n        margin-top: 16px;\n\n        ","\n    }\n\n    .title {\n        font-family: ",";\n        font-size: 50px;\n        font-style: normal;\n        font-weight: 400;\n        line-height: 0.85;\n        letter-spacing: 0.5px;\n        text-transform: uppercase;\n        margin: 0;\n\n        ","\n    }\n\n    .logo-shape {\n        position: absolute;\n        right: 0;\n        bottom: -60px;\n        width: 350px;\n        height: 350px;\n        opacity: 0.1;\n\n        svg {\n            width: 100%;\n            height: 100%;\n        }\n    }\n"]);return u=function(){return n},n}let p=o.ZP.div.withConfig({componentId:"sc-339cf9b5-0"})(u(),l.ZP.colors.blue300,l.ZP.colors.white,a.Z.lg(s()),a.Z.sm(c()),l.ZP.fonts.heading,a.Z.lg(d()));var x=t(7707),g=t(75),f=t(3487),h=t(6434),m=t(4634),Z=t(8082);let b=n=>{let{ticket_link:e,plan_visit:t}=n,{t:i}=(0,Z.Z)("common");return(0,r.jsx)(p,{children:(0,r.jsx)(m.Z,{theme:"navy",children:(0,r.jsx)(x.Z,{children:(0,r.jsx)(g.Z,{cols:{xs:1,lg:10/12},push:{lg:1/12},children:(0,r.jsxs)("div",{className:"cta-wrapper",children:[(0,r.jsx)(f.Z,{className:"logo-shape",name:"logo_shape",size:50}),(0,r.jsx)("h4",{className:"title",children:i("footer.visit_museum")}),(0,r.jsxs)("div",{className:"buttons",children:[e&&(0,r.jsx)(h.Z,{...e,variant:"primary",icon:"arrow_right"},e.text),t&&(0,r.jsx)(h.Z,{...t,variant:"secondary",icon:"arrow_right"},t.text)]})]})})})})})};var v=b},9629:function(n,e,t){t.d(e,{A:function(){return i}});let r=n=>({title:n.title,content:n.content,tags:n.tags,image:"header_image"in n?n.header_image:null,slug:n.slug,date_start:n.date_start,date_end:n.date_end,exhibition_type:n.exhibition_type}),i=n=>({title:n.title,content:n.content,tags:n.tags,image:"header_image"in n?n.header_image:null,slug:n.slug,date_start:n.date_start?n.date_start:void 0,date_end:n.date_end?n.date_end:void 0,exhibition_type:n.exhibition_type});e.Z=r},6e3:function(n,e,t){var r=t(3288);t(2466);var i=t(8302),o=t(5467),l=t(3094),a=t(3487),s=t(6008);let c={orange:{bg:s.ZP.colors.orange200,text:s.ZP.colors.blue300},yellow:{bg:s.ZP.colors.yellow200,text:s.ZP.colors.blue300},blue:{bg:s.ZP.colors.brightBlue300,text:s.ZP.colors.blue300},dark_blue:{bg:s.ZP.colors.blue300,text:s.ZP.colors.white}},d=n=>{let{title:e,slug:t,header_image:s,theme:d}=n;return(0,r.jsx)(i.Z,{theme:c[d?d.replace("color_",""):"dark_blue"],children:(0,r.jsxs)(l.Z,{href:t,children:[s&&(0,r.jsx)(o.Z,{..."image"in s?s.image:s}),(0,r.jsxs)("div",{className:"title",children:[(0,r.jsxs)("div",{className:"storycard-tag",children:[(0,r.jsx)(a.Z,{name:"storycards_tag",size:20}),"Story"]}),e&&(0,r.jsx)("h3",{children:e}),(0,r.jsxs)("div",{className:"arrow",children:[(0,r.jsx)(a.Z,{name:"arrow_right",size:32}),(0,r.jsx)(a.Z,{name:"arrow_right",className:"arrow-hover",size:32})]})]})]})})};e.Z=d},1047:function(n,e,t){var r=t(3463),i=t(2473),o=t(6008),l=t(2637),a=t(994),s=t(2549),c=t(8665),d=t(8770),u=t(1425);function p(){let n=(0,r.Z)(["\n            font-size: 52px;\n            line-height: 1.1;\n        "]);return p=function(){return n},n}function x(){let n=(0,r.Z)(["\n            font-size: 34px;\n            line-height: 1.2;\n        "]);return x=function(){return n},n}function g(){let n=(0,r.Z)(["\n            font-size: 18px;\n            letter-spacing: 0.2px;\n        "]);return g=function(){return n},n}function f(){let n=(0,r.Z)(["\n            padding: 30px 0;\n        "]);return f=function(){return n},n}function h(){let n=(0,r.Z)(["\n                padding: 60px 0 40px;\n            "]);return h=function(){return n},n}function m(){let n=(0,r.Z)(["\n            padding: 0 0 40px;\n        "]);return m=function(){return n},n}function Z(){let n=(0,r.Z)(["\n            margin-top: 60px;\n        "]);return Z=function(){return n},n}function b(){let n=(0,r.Z)(["\n                padding-bottom: 80px;\n            "]);return b=function(){return n},n}function v(){let n=(0,r.Z)(["\n            margin-top: 80px;\n            \n            "," {\n                padding-bottom: 120px;\n            }\n            \n            .controlsContainer {\n                width: 100%;\n                \n                .controls {\n                    width: 100%;\n                    justify-content: space-between;\n                }\n            }\n            \n            "," {\n                h2,\n                p {\n                    text-align: center;\n                }\n            }\n        "]);return v=function(){return n},n}function w(){let n=(0,r.Z)(["\n                padding-top: 100px;\n            "]);return w=function(){return n},n}function j(){let n=(0,r.Z)(["\n            margin-top: 100px;\n        "]);return j=function(){return n},n}function y(){let n=(0,r.Z)(["\n            padding-bottom: 80px;\n        "]);return y=function(){return n},n}function _(){let n=(0,r.Z)(["\n                padding: 90px 0;\n            "]);return _=function(){return n},n}function P(){let n=(0,r.Z)(["\n                padding: 120px 0 80px;\n            "]);return P=function(){return n},n}function k(){let n=(0,r.Z)(["\n            .block:first-of-type {\n                "," {\n                    padding-top: 0;\n    \n                    .wave-bar {\n                        display: none;\n                    }\n                }\n                "," {\n                    display: none;\n                }\n            }\n        "]);return k=function(){return n},n}function N(){let n=(0,r.Z)(["\n            .block:first-of-type {\n                "," {\n                    padding-top: 30px;\n    \n                    \n                }\n            }\n        "]);return N=function(){return n},n}function z(){let n=(0,r.Z)(["\n    position: relative;\n    background-color: ",";\n    color: ",";\n    z-index: 1;\n    //overflow: hidden;\n\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n        font-family: ",";\n        font-size: 28px;\n        line-height: 1.2;\n        font-style: normal;\n        font-weight: 700;\n        text-transform: none;\n        margin-bottom: 4px;\n    }\n\n    h1,\n    h2 {\n        ","\n    }\n\n    h3,\n    h4 {\n        ","\n    }\n\n    ol {\n        padding-left: 28px;\n    }\n\n    ul {\n        padding-left: 0;\n    }\n\n    p,\n    li {\n        font-size: 16px;\n        font-style: normal;\n        font-weight: 400;\n        line-height: 1.6;\n\n        ","\n    }\n\n    "," {\n        padding: 20px 0;\n\n        ","\n    }\n\n    .wave-active {\n        "," {\n            padding: 30px 0 20px;\n\n            ","\n        }\n    }\n\n    "," {\n        padding: 0 0 40px;\n\n        ","\n    }\n\n    .block-paragraph + .block-related_content.wave-active {\n        margin-top: 30px;\n\n        ","\n    }\n\n    .block-related_content.wave-active {\n        "," {\n            ","\n        }\n    }
1\n\n    .block-image_carousel {\n        margin-top: 40px;\n        color: ",";\n\n        "," {\n            padding-bottom: 30px;\n        }\n\n        "," {\n            a {\n                color: ",";\n            }\n        }\n\n        + .block-related_content,\n        + .last-block.block-related_content:not(:first-child) {\n            margin-top: 0;\n        }\n\n        ","\n    }\n\n    .block:first-of-type {\n        "," {\n            padding-top: 30px;\n\n            ","\n        }\n    }\n\n    .last-block.block-related_content:not(:first-child) {\n        margin-top: 60px;\n\n        ","\n    }\n\n    .block-related_content:first-child:not(.last-block) {\n        .wave-bar {\n            color: ",";\n        }\n        "," {\n            background: ",";\n        }\n    }\n\n    .block-related_content + .last-block.block-related_content {\n        margin-top: 0;\n\n        .wave-bar {\n            color: ",";\n        }\n        "," {\n            background: ",";\n        }\n    }\n\n    .last-block:not(.block-related_content):not(.block-featured_paragraph) {\n        padding-bottom: 40px;\n\n        ","\n    }\n\n    .block-featured_paragraph:not(:first-child) {\n        margin-top: 60px;\n\n        & + .block-featured_paragraph {\n            margin-top: 0;\n\n            .wave-bar {\n                color: ",";\n            }\n            "," {\n                background: ",";\n            }\n        }\n    }\n\n    .block-quote {\n        "," {\n            padding: 60px 0;\n\n            ","\n        }\n\n        &.wave-active {\n            "," {\n                padding: 30px 0 50px;\n\n                ","\n            }\n        }\n    }\n\n    .block-global_settings {\n        .wave-bar {\n            color: ",";\n        }\n        "," {\n            background: ",";\n        }\n    }\n\n    .cta-wrap {\n        background-color: ",";\n    }\n\n    .exhibitions-wrap {\n        ","\n\n        ","\n    }\n"]);return z=function(){return n},n}let C=i.ZP.div.withConfig({componentId:"sc-9880a3c1-0"})(z(),o.ZP.colors.white,o.ZP.colors.blue300,o.ZP.fonts.default,l.Z.lg(p()),l.Z.lg(x()),l.Z.lg(g()),a.Z,l.Z.lg(f()),a.Z,l.Z.lg(h()),s.Z,l.Z.lg(m()),l.Z.lg(Z()),a.Z,l.Z.lg(b()),o.ZP.colors.white,a.Z,c.Z,o.ZP.colors.white,l.Z.lg(v(),a.Z,d.Z),a.Z,l.Z.lg(w()),l.Z.lg(j()),o.ZP.colors.white,a.Z,o.ZP.colors.white,o.ZP.colors.brightBlue100,a.Z,o.ZP.colors.brightBlue100,l.Z.lg(y()),o.ZP.colors.brightBlue200,a.Z,o.ZP.colors.brightBlue200,a.Z,l.Z.lg(_()),a.Z,l.Z.lg(P()),o.ZP.colors.brightBlue100,a.Z,o.ZP.colors.brightBlue100,o.ZP.colors.brightBlue100,u.Z.md(k(),a.Z,d.Z),l.Z.lg(N(),a.Z));e.Z=C},7615:function(n,e,t){var r=t(3463),i=t(2473),o=t(6260),l=t(6008),a=t(8362),s=t(2637),c=t(1425);function d(){let n=(0,r.Z)(["\n            aspect-ratio: auto;\n            aspect-ratio: 374 / 300;\n            width: 100%;\n            margin-right: 0;\n            margin-bottom: 20px;\n            \n            @media (min-height: 820px) {\n                aspect-ratio: 374 / 402;\n            }\n        "]);return d=function(){return n},n}function u(){let n=(0,r.Z)(["\n            flex-direction: column;\n            align-items: flex-start;\n            padding: 14px 14px 14px;\n        "]);return u=function(){return n},n}function p(){let n=(0,r.Z)(["\n            height: 100%;\n        "]);return p=function(){return n},n}function x(){let n=(0,r.Z)(["\n                 transform: translateY(-10px);\n            "]);return x=function(){return n},n}function g(){let n=(0,r.Z)(["\n            align-items: center;\n            width: calc(100% - 70px);\n        "]);return g=function(){return n},n}function f(){let n=(0,r.Z)(["\n                font-size: 24px;\n            "]);return f=function(){return n},n}function h(){let n=(0,r.Z)(["\n    "," {\n        aspect-ratio: 1;\n        width: 70px;\n        margin-right: 16px;\n\n        img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: opacity 1s ease, transform 3s ease;\n        }\n\n        ","\n    }\n\n    .thema-inner {\n        display: flex;\n        width: 100%;\n        padding: 5px;\n        align-items: center;\n\n        ","\n    }\n\n    a {\n        display: flex;\n        width: 100%;\n        border: 1px solid rgba(0, 0, 78, 0.3);\n        border-radius: 8px;\n        transition: transform 0.5s ease;\n\n        ","\n\n        &:hover,\n        &:active,\n        &:focus {\n            text-decoration: none;\n            transform: translateY(-5px);\n\n            ","\n\n            "," {\n                img {\n                    transition: opacity 1s ease, transform 5s ease;\n                    transform: scale(1.12);\n                }\n            }\n        }\n    }\n\n    .faux-btn {\n        display: flex;\n        width: 100%;\n        justify-content: space-between;\n\n        ","\n\n        h4 {\n            font-family: ",";\n            text-transform: none;\n            color: ",";\n            font-size: 20px;\n            font-style: normal;\n            font-weight: 700;\n            line-height: 1.2;\n            margin: 0;\n\n            ","\n        }\n\n        "," {\n            color: ",";\n            align-items: flex-start;\n        }\n    }\n"]);return h=function(){return n},n}let m=i.ZP.div.withConfig({componentId:"sc-cf6624c1-0"})(h(),o.Z,s.Z.lg(d()),s.Z.lg(u()),s.Z.lg(p()),s.Z.lg(x()),o.Z,c.Z.lg(g()),l.ZP.fonts.default,l.ZP.colors.blue300,s.Z.lg(f()),a.Z,l.ZP.colors.blue300);e.Z=m},4327:function(n,e,t){var r=t(3288);t(2466);var i=t(7615),o=t(5467),l=t(3094),a=t(3487),s=t(35);let c=n=>{let{image:e,link:t}=n;return(0,r.jsx)(i.Z,{children:(0,r.jsx)(l.Z,{href:t.url,children:(0,r.jsxs)("div",{className:"thema-inner",children:[e&&(0,r.jsx)(o.Z,{...e.image}),(0,r.jsxs)("div",{className:"faux-btn",children:[(0,r.jsx)("h4",{children:(0,s.hyphenateSync)(t.text)}),(0,r.jsx)(a.Z,{name:"arrow_right",size:32})]})]})})})};e.Z=c},2983:function(n,e){let t=n=>({image:n.header_image,link:{text:n.title,url:n.slug}});e.Z=t},71:function(n,e){let t=(n,e)=>{if(!n)return e?"?":"";let{nid:t,rid:r}=n,i=t&&r?"?nid=".concat(t,"&rid=").concat(r):"";return i};e.Z=t},4963:function(n,e,t){var r=t(2466),i=t(2783),o=t(432);let l=n=>{let{endpoint:e}=n;return(0,o.Z)(e.replace("/",""))},a=n=>(0,i.useQuery)(n.endpoint,()=>l(n),{refetchOnWindowFocus:!1,staleTime:6e4}),s=n=>{let{params:e,children:t}=n,{data:i}=a(e),[l,s]=(0,r.useState)();return((0,r.useEffect)(()=>{i&&i.type===o.h.OK&&i.pageData?s(i.pageData):i&&i.type===o.h.ERROR&&s(void 0)},[i]),l)?t(l):null};e.ZP=s},4569:function(n,e,t){t.r(e),t.d(e,{__N_SSP:function(){return ne},default:function(){return ni},videoMapping:function(){return nt}});var r,i,o=t(3288);t(2466);
1var l=t(432),a=n=>n,s=t(2783),c=t(71);let d={refetchOnWindowFocus:!1,staleTime:6e4},u={nl:"paginas",en:"pages",de:"seiten"},p=n=>{let{slug:e,locale:t,query:r}=n;return(0,l.Z)("".concat(u[t],"/").concat(e).concat((0,c.Z)(r)),t,void 0,a)},x=n=>(0,s.useQuery)(n.queryKey,()=>p(n),d);var g=t(1047),f=t(5003),h=t(6364),m=t(1162),Z=t(3487),b=t(5766),v=t(3463),w=t(2473),j=t(6008),y=t(8362),_=t(2637),P=t(994),k=t(6260);function N(){let n=(0,v.Z)(["\n        padding-top: 95px;\n    "]);return N=function(){return n},n}function z(){let n=(0,v.Z)(["\n        padding-top: 156px;\n    "]);return z=function(){return n},n}function C(){let n=(0,v.Z)(["\n            margin-bottom: 20px;\n        "]);return C=function(){return n},n}function S(){let n=(0,v.Z)(["\n            font-size: 90px;\n            letter-spacing: 0.9px;\n            margin-bottom: 38px;\n        "]);return S=function(){return n},n}function T(){let n=(0,v.Z)(["\n            font-size: 120px;\n            letter-spacing: 1.2px;\n        "]);return T=function(){return n},n}function E(){let n=(0,v.Z)(["\n            font-size: 160px;\n            letter-spacing: 1.6px;\n        "]);return E=function(){return n},n}function I(){let n=(0,v.Z)(["\n            margin-bottom: 38px;\n        "]);return I=function(){return n},n}function R(){let n=(0,v.Z)(["\n                font-size: 24px;\n            "]);return R=function(){return n},n}function M(){let n=(0,v.Z)(["\n            margin-top: 100px;\n            padding-top: 24px;\n        "]);return M=function(){return n},n}function B(){let n=(0,v.Z)(["\n            font-size: 20px;\n        "]);return B=function(){return n},n}function O(){let n=(0,v.Z)(["\n            font-size: 34px;\n        "]);return O=function(){return n},n}function D(){let n=(0,v.Z)(["\n            margin-top: 0;\n        "]);return D=function(){return n},n}function q(){let n=(0,v.Z)(["\n                top: 20px;\n                left: 20px;\n            "]);return q=function(){return n},n}function H(){let n=(0,v.Z)(["\n            margin-top: 80px;\n        "]);return H=function(){return n},n}function A(){let n=(0,v.Z)(["\n    position: relative;\n    background-color: var(",");\n    color: var(",");\n    padding-top: 65px;\n    overflow: hidden;\n    z-index: 1;\n\n    ","\n\n    ","\n\n    .content {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        width: 100%;\n    }\n\n    .meta {\n        display: flex;\n        margin-bottom: 30px;\n\n        ","\n    }\n\n    .back {\n        display: flex;\n        align-items: center;\n        font-size: 18px;\n        line-height: 1.78;\n        color: var(",");\n\n        "," {\n            transition: transform 0.25s ease;\n        }\n\n        &:hover {\n            text-decoration: none;\n\n            "," {\n                transform: translateX(-5px);\n            }\n        }\n    }\n\n    h1 {\n        font-family: ",";\n        font-size: 64px;\n        letter-spacing: 0.64px;\n        text-transform: uppercase;\n        line-height: 0.85;\n        margin-bottom: 20px;\n\n        ","\n\n        ","\n\n        ","\n    }\n\n    .intro {\n        margin-bottom: 24px;\n\n        ","\n\n        p {\n            font-weight: 300;\n            font-size: 18px;\n            line-height: 1.6;\n            margin: 0;\n\n            ","\n        }\n    }\n\n    .buttons {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 8px;\n    }\n\n    .metaItems {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 20px;\n        width: 100%;\n        margin-top: 48px;\n        padding-top: 24px;\n        border-top: 1px solid color-mix(in srgb, var(","), transparent 80%);\n\n        ","\n    }\n\n    .metaItem {\n        display: flex;\n        flex-direction: column;\n        flex: 1 0 0;\n        min-width: 90px;\n        overflow-wrap: break-word;\n        hyphens: auto;\n    }\n\n    .metaLabel {\n        font-weight: 300;\n        font-size: 16px;\n        line-height: 1.6;\n\n        ","\n    }\n\n    .metaValue {\n        font-weight: 700;\n        font-size: 24px;\n        line-height: 1.2;\n\n        ","\n    }\n\n    .imageContainer {\n        position: relative;\n        width: 100%;\n        margin-top: 48px;\n        aspect-ratio: 1 / 1;\n        z-index: 3;\n\n        ","\n\n        &::before {\n            content: '';\n            position: absolute;\n            top: 10px;\n            left: 10px;\n            width: 100%;\n            height: 100%;\n            background-color: ",";\n\n            ","\n        }\n\n        "," {\n            position: relative;\n            height: 100%;\n\n            img {\n                height: 100%;\n                object-fit: cover;\n            }\n        }\n    }\n\n    .header-bottom {\n        position: relative;\n        margin-top: 60px;\n\n        ","\n\n        "," {\n            padding: 20px 0 0;\n        }\n    }\n\n    .bg-video {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        opacity: ",";\n        background-color: var(",");\n\n        &-inner {\n            mix-blend-mode: ",";\n        }\n\n        video {\n            position: relative;\n            width: 100%;\n            object-fit: cover;\n        }\n\n        &:after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            width: 100%;\n            height: 300px;\n            display: block;\n            background: linear-gradient(\n                0deg,\n                color-mix(in srgb, var(","), transparent 0%) 0%,\n                color-mix(in srgb, var(","), transparent 100%) 100%\n            );\n        }\n    }\n"]);return A=function(){return n},n}let F=w.ZP.div.withConfig({componentId:"sc-62f8956d-0"})(A(),j.ZP.vars.bg,j.ZP.vars.fg,_.Z.md(N()),_.Z.lg(z()),_.Z.lg(C()),j.ZP.vars.fg,y.Z,y.Z,j.ZP.fonts.heading,_.Z.lg(S()),_.Z.xl(T()),_.Z.xxl(E()),_.Z.lg(I()),_.Z.lg(R()),j.ZP.vars.fg,_.Z.lg(M()),_.Z.lg(B()),_.Z.lg(O()),_.Z.lg(D()),j.ZP.colors.blue200,_.Z.lg(q()),k.Z,_.Z.lg(H()),P.Z,n=>"rain"===n.videoType?.7:"ocean"===n.videoType?.2:.4,j.ZP.vars.bg,n=>"rain"===n.videoType?"screen":"overlay",j.ZP.vars.bg,j.ZP.vars.bg);var L=t(7707),V=t(75),W=t(2183),Y=t(3094),J=t(6434),X=t(9738),G=t(9866);let K=n=>{let{title:e,intro:t,breadcrumb:r,cta:i,secondaryCta:l,metaItems:a,image:s,video:c}=n,d=(0,X.sJ)(G.lZ),u=s&&(0,o.jsx)("div",{className:"imageContainer",children:(0,o.jsx)(b.Z,{...s})});return(0,o.jsxs)(F,{videoType:null==c?void 0:c.type,children:[c&&(0,o.jsx)("div",{className:"bg-video",children:(0,o.jsx)("div",{className:"bg-video-inner",children:(0,o.jsx)("video",{src:c.src,loop:!0,autoPlay:!0,playsInl
1ine:!0,muted:!0})})}),(0,o.jsxs)(L.Z,{children:[(0,o.jsx)(V.Z,{cols:{xs:1,lg:s?.5:8/12},children:(0,o.jsxs)("div",{className:"content",children:[r&&(0,o.jsx)("div",{className:"meta",children:(0,o.jsxs)(Y.Z,{href:r.url,className:"back",children:[(0,o.jsx)(Z.Z,{name:"arrow_left",size:32}),r.text]})}),(0,o.jsx)("h1",{children:e}),t&&(0,o.jsx)("div",{className:"intro",children:(0,m.ZP)(t)}),(i||l)&&(0,o.jsxs)("div",{className:"buttons",children:[i&&(0,o.jsx)(J.Z,{text:i.text,url:i.url,variant:"primary",icon:"arrow_right"}),l&&(0,o.jsx)(J.Z,{text:l.text,url:l.url,variant:"secondary",icon:"arrow_right"})]}),d&&u,a&&a.length>0&&(0,o.jsx)("div",{className:"metaItems",children:a.map((n,e)=>(0,o.jsxs)("div",{className:"metaItem",children:[(0,o.jsx)("span",{className:"metaLabel",children:n.label}),(0,o.jsx)("span",{className:"metaValue",children:n.value})]},"".concat(n.label,"-").concat(e)))})]})}),!d&&s&&(0,o.jsx)(V.Z,{cols:{xs:1,lg:.5},children:u})]}),(0,o.jsx)("div",{className:"header-bottom",children:(0,o.jsx)(W.Z,{theme:"white"})})]})},U=n=>""===n||n.includes("<nolink>")||n.includes("<none>"),Q=n=>{var e;return!n||!n.url||U(n.url)?null:{url:n.url,text:null!==(e=n.text)&&void 0!==e?e:""}},$=n=>(null!=n?n:[]).map(n=>({value:null!==(r=n.value)&&void 0!==r?r:"",label:null!==(i=n.label)&&void 0!==i?i:""}));var nn=t(6463),ne=!0;let nt={ocean:{type:"ocean",src:"/video/ocean.mp4"},rain:{type:"rain",src:"/video/rain-loop.mp4"},water:{type:"wave",src:"/video/water-zw.mp4"}},nr=n=>{let{globalSettings:e,...t}=n,{data:r}=x(t);if(!r||r.type!==l.h.OK||!r.pageData)return null;let{title:i,content:a,blocks:s,header_background:c,breadcrumb:d,page_header:u,header_image:p}=r.pageData;return(0,o.jsxs)(o.Fragment,{children:[u?(0,o.jsx)(K,{title:i,intro:a,breadcrumb:d?{text:d.title,url:d.endpoint}:void 0,cta:Q(u.cta),secondaryCta:Q(u.secondary_cta),metaItems:$(u.meta_items),image:p?p.image:null,video:nt[c]}):(0,o.jsx)(h.Z,{title:i,subtitle:a,video:nt[c],breadcrumb:null!=d?d:void 0}),(0,o.jsxs)(g.Z,{children:[(0,o.jsx)(f.Z,{blocks:s,globalSettings:e}),(0,o.jsx)("div",{className:"cta-wrap",children:(0,o.jsx)(nn.Z,{...e.information})})]})]})};var ni=nr}}]);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.