:root{--hw-lucht: url(/images/hero-wereld/lucht-avond.webp);--hw-land: url(/images/hero-wereld/land-zomer-avond.webp);--hw-tekst: #fff;--hw-tekst-zacht: rgba(255, 255, 255, .93);--hw-accent: #ffd58a;--hw-kop: #fff;--hw-kop-zacht: #a9de86;--hw-kop-hover: #ffd58a;--hw-knop: #f4a739;--hw-knop-tekst: #2f1c02;--hw-rand: rgba(255, 255, 255, .42);--hw-glas: rgba(255, 255, 255, .13);--hw-glas-rand: rgba(255, 255, 255, .22);--hw-vlak: rgba(18, 20, 56, .56);--hw-vlak-rand: rgba(255, 255, 255, .16);--hw-vlak-tekst: #fff;--hw-kop-knop: rgba(255, 255, 255, .16);--hw-kop-knop-tekst: #fff;--hw-kop-knop-rand: rgba(255, 255, 255, .3);--hw-spoor: rgba(255, 255, 255, .22)}html[data-hw-licht=dag]{--hw-tekst: #16281e;--hw-tekst-zacht: rgba(22, 40, 30, .9);--hw-accent: #2a6f46;--hw-kop: #16281e;--hw-kop-zacht: #6fa381;--hw-kop-hover: #2a6f46;--hw-knop: #2a6f46;--hw-knop-tekst: #fff;--hw-rand: rgba(20, 44, 31, .22);--hw-glas: rgba(255, 255, 255, .75);--hw-glas-rand: rgba(20, 44, 31, .1);--hw-vlak: rgba(255, 255, 255, .8);--hw-vlak-rand: rgba(20, 44, 31, .08);--hw-vlak-tekst: #17301f;--hw-kop-knop: #16281e;--hw-kop-knop-tekst: #fff;--hw-kop-knop-rand: transparent;--hw-spoor: rgba(20, 44, 31, .14)}.hw{position:absolute;inset:0;overflow:hidden;z-index:0;background:#2b2f63;pointer-events:none}html[data-hw-licht=dag] .hw{background:#dfeaf0}html[data-hw-licht=nacht] .hw{background:#0b0e2a}.hw-beeld{position:absolute;left:var(--hw-x, 0);top:var(--hw-y, 0);bottom:var(--hw-b, auto);width:var(--hw-w, 100%);aspect-ratio:1200 / 1054}.hw-laag{position:absolute;inset:0;background-position:center;background-size:100% 100%;background-repeat:no-repeat}.hw-laag--lucht{background-image:var(--hw-lucht)}.hw-laag--land{background-image:var(--hw-land)}.hw-laag--ramen{background-image:url(/images/hero-wereld/ramen.webp);animation:hw-aan 1.8s ease .55s both}.hw-over{position:absolute;inset:0;width:100%;height:100%}@keyframes hw-aan{0%{opacity:0}to{opacity:1}}.hw-zon{display:none}html:not([data-hw-licht]) .hw-zon--avond,html[data-hw-licht=avond] .hw-zon--avond,html[data-hw-licht=dag] .hw-zon--dag,html[data-hw-licht=nacht] .hw-zon--nacht{display:block}html:not([data-hw-licht=dag]):not([data-hw-licht=nacht]) .hw-zon__schijf{animation:hw-zakt 3.2s cubic-bezier(.3,.1,.3,1) .15s both}@keyframes hw-zakt{0%{transform:translateY(-26px)}to{transform:none}}.hw-zon__mens{mix-blend-mode:multiply}.hw-lichtval{position:absolute;inset:0;display:none}.hw-lichtval:before,.hw-lichtval:after{content:"";position:absolute;inset:0}html[data-hw-licht=dag] .hw-lichtval,html:not([data-hw-licht]) .hw-lichtval,html[data-hw-licht=avond] .hw-lichtval{display:block}.hw-lichtval:before{mix-blend-mode:soft-light;background:radial-gradient(ellipse 27% 30.7% at 42.92% 38.5%,#ffd6a0cc 0,#ffc88c75 26%,#ffbe822e 59%,#ffbe8200)}.hw-lichtval:after{background:radial-gradient(ellipse 11% 4.4% at 42.92% 40.2%,#ffd6aa57 0,#ffd2a526,#ffd2a500)}html[data-hw-licht=dag] .hw-lichtval:before{background:radial-gradient(ellipse 27% 30.7% at 42.92% 38.5%,#ffe296e6 0,#ffd68285 26%,#ffcd7833 59%,#ffcd7800)}html[data-hw-licht=dag] .hw-lichtval:after{background:radial-gradient(ellipse 11% 4.4% at 42.92% 40.2%,#ffeec46b 0,#ffeaba2e,#ffeaba00)}.hw-maan{position:absolute;left:42.92%;width:min(33.73%,var(--hw-maan-max, 660px));aspect-ratio:1;overflow:visible;transform:translate(-50%,-50%);top:max(24.86%,calc(var(--hw-maan-top, 104px) + min(var(--hw-w) * .03833,var(--hw-maan-max, 660px) * .1136) - var(--hw-y, 0px)))}.hw-sterren{animation:hw-aan 2s ease .4s both}.hw-ster{animation:hw-flonker 4.4s ease-in-out infinite}@keyframes hw-flonker{50%{opacity:.18}}.hw-deurgloed{animation:hw-aan 1.6s ease .9s both}.hw-snoer{animation:hw-aan 1.2s ease 1.5s both}.hw-lamp{animation:hw-lampje 3.6s ease-in-out infinite}@keyframes hw-lampje{50%{opacity:.55}}html[data-hw-licht=dag] .hw-sterren,html[data-hw-licht=dag] .hw-laag--ramen,html[data-hw-licht=dag] .hw-lichtjes,.hw-feest{display:none}html[data-hw-feest=sinterklaas] .hw-feest--sint,html[data-hw-feest=pakjesavond] .hw-feest--sint{display:block}html:not([data-hw-licht]) .hw-feest,html[data-hw-licht=avond] .hw-feest{filter:brightness(.6) saturate(.82)}html[data-hw-licht=nacht] .hw-feest{filter:brightness(.4) saturate(.7)}@media(max-width:359.98px),(min-width:2200px){.hw-feest__zak{transform:translate(-40px)}.hw-feest__staf{transform:translate(-41px)}}.hw-waas{position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,27,66,.84) 0%,rgba(26,28,68,.72) var(--hw-w1, 30%),rgba(30,30,72,.22) var(--hw-w2, 50%),rgba(30,30,72,0) var(--hw-w3, 62%)),linear-gradient(#181b428c,#181b4200 16%)}html[data-hw-licht=nacht] .hw-waas{background:linear-gradient(90deg,rgba(10,13,42,.82) 0%,rgba(10,13,42,.66) var(--hw-w1, 30%),rgba(12,14,44,.2) var(--hw-w2, 50%),rgba(12,14,44,0) var(--hw-w3, 62%)),linear-gradient(#0a0d2a8c,#0a0d2a00 16%)}html[data-hw-licht=dag] .hw-waas{background:linear-gradient(90deg,rgba(253,250,242,.96) 0%,rgba(253,250,242,.92) var(--hw-d1, 34%),rgba(253,250,242,.42) var(--hw-d2, 46%),rgba(253,250,242,0) var(--hw-d3, 56%)),linear-gradient(#fdfaf299,#fdfaf200 13%)}@media(max-width:1023.98px){.hw-waas{background:linear-gradient(rgba(24,27,66,.88) 0%,rgba(24,27,66,.78) var(--hw-m1, 42%),rgba(26,28,68,.3) var(--hw-m2, 58%),rgba(26,28,68,0) var(--hw-m3, 70%))}html[data-hw-licht=nacht] .hw-waas{background:linear-gradient(rgba(10,13,42,.88) 0%,rgba(10,13,42,.76) var(--hw-m1, 42%),rgba(12,14,44,.28) var(--hw-m2, 58%),rgba(12,14,44,0) var(--hw-m3, 70%))}html[data-hw-licht=dag] .hw-waas{background:linear-gradient(rgba(253,250,242,.96) 0%,rgba(253,250,242,.9) var(--hw-m1, 42%),rgba(253,250,242,.34) var(--hw-m2, 58%),rgba(253,250,242,0) var(--hw-m3, 70%))}}.hw-deeltjes{position:absolute;inset:0;overflow:hidden}.hw-deeltjes--blad{left:var(--hw-blad-links, 47%);top:84px}@media(max-width:1023.98px){.hw-deeltjes--blad{left:0;top:var(--hw-blad-top, 410px)}}.hw-deeltjes i{position:absolute;top:-14px;display:block;will-change:transform;animation-name:hw-val;animation-timing-function:linear;animation-iteration-count:infinite}.hw-deeltjes b{display:block;width:100%;height:100%}.hw-deeltjes svg{display:block;width:100%;height:100%;overflow:visible}@keyframes hw-val{to{transform:translate3d(var(--x),var(--hw-val, 850px),0)}}.hw-vlok{border-radius:50%;background:radial-gradient(circle,#fffffff2 22%,#ffffff8c,#fff0 74%);opacity:.9}html[data-hw-licht=dag] .hw-vlok{background:radial-gradient(circle,#fff 26%,#d6e4f2bf 50%,#d6e4f200 76%)}.hw-kristal{color:#fff;opacity:.78}html[data-hw-licht=dag] .hw-kristal{color:#9fb7cf}.hw-kristal b{animation:hw-draai linear infinite}@keyframes hw-draai{to{transform:rotate(360deg)}}.hw-deeltjes .hw-valt{opacity:.96;filter:drop-shadow(0 2px 2px rgba(20,16,40,.28));animation-name:hw-dwarrel}html[data-hw-seizoen=lente] .hw-deeltjes .hw-valt{opacity:.62;filter:none}.hw-valt b{animation:hw-tuimel linear infinite}@keyframes hw-tuimel{0%{transform:rotate3d(.55,1,.3,0)}to{transform:rotate3d(.55,1,.3,720deg)}}@keyframes hw-dwarrel{0%{transform:translateZ(0)}25%{transform:translate3d(calc(var(--x) * .2 + 26px),calc(var(--hw-val, 850px) * .25),0)}50%{transform:translate3d(calc(var(--x) * .5 - 16px),calc(var(--hw-val, 850px) * .5),0)}75%{transform:translate3d(calc(var(--x) * .8 + 22px),calc(var(--hw-val, 850px) * .75),0)}to{transform:translate3d(var(--x),var(--hw-val, 850px),0)}}.hw-heuvel{position:absolute;z-index:4;left:0;right:0;bottom:-1px;width:100%;height:76px;color:hsl(var(--background));pointer-events:none}@media(max-width:767.98px){.hw-heuvel{height:44px}}.hw-chip{display:inline-flex;align-items:center;gap:9px;min-height:34px;padding:3px 15px 3px 5px;border-radius:999px;background:var(--hw-glas);box-shadow:inset 0 0 0 1px var(--hw-glas-rand);color:var(--hw-tekst);font-size:14.5px;font-weight:700;backdrop-filter:blur(8px);text-decoration:none}.hw-chip i{padding:3px 10px;border-radius:999px;background:#f4a739;color:#2f1c02;font-style:normal;font-size:12.5px;font-weight:800}.hw-knop{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 26px;border-radius:999px;font-size:16px;font-weight:800;text-decoration:none;transition:background-color .2s,box-shadow .2s}.hw-knop--een{background:var(--hw-knop);color:var(--hw-knop-tekst);box-shadow:0 12px 30px -8px #f4a7398c}html[data-hw-licht=dag] .hw-knop--een{box-shadow:none}.hw-knop--een:hover{filter:brightness(1.06)}.hw-knop--twee{background:var(--hw-glas);box-shadow:inset 0 0 0 1.5px var(--hw-rand);color:var(--hw-tekst);backdrop-filter:blur(8px)}.hw-knop--twee:hover{box-shadow:inset 0 0 0 2px var(--hw-tekst)}.hw-knop:focus-visible,.hw-chip:focus-visible{outline:3px solid #f4a739;outline-offset:2px}@media(prefers-reduced-motion:reduce){.hw *,.hw-laag--ramen,.hw-sterren,.hw-snoer,.hw-deurgloed,.hw-zon__schijf{animation:none!important}}.fh{--hw-w: max(1800px, 230vw);--hw-x: calc(50vw - var(--hw-w) * .4717);--hw-y: auto;--hw-b: 0px;--hw-m1: 560px;--hw-m2: 720px;--hw-m3: 860px;--hw-blad-top: 620px;--hw-val: 1500px;position:relative;overflow:hidden;isolation:isolate;margin-top:-1px;color:var(--hw-tekst)}.fh *,.fh *:before,.fh *:after{box-sizing:border-box}.fh-binnen{position:relative;z-index:5;max-width:1152px;margin:0 auto;padding:84px 20px 76px}.fh-pad{margin-bottom:18px;font-size:13px;color:var(--hw-tekst-zacht)}.fh-pad ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none}.fh-pad li{display:inline-flex;align-items:center;gap:6px}.fh-pad svg{opacity:.65}.fh-pad a{color:inherit;text-decoration:none}.fh-pad a:hover{color:var(--hw-tekst);text-decoration:underline;text-underline-offset:3px}.fh-pad span{font-weight:700;color:var(--hw-tekst)}.fh-chip{margin:0 0 14px;padding-left:15px;font-size:13.5px}.fh-tekst h1{margin:0;color:var(--hw-tekst);font-size:clamp(27px,7.8vw,34px);line-height:1.12;font-weight:800;letter-spacing:-.016em;text-wrap:balance;text-shadow:0 2px 26px rgba(18,20,56,.35)}html[data-hw-licht=dag] .fh-tekst h1{text-shadow:none}.fh-sub{margin:12px 0 0;color:var(--hw-tekst-zacht);font-size:16.5px;line-height:1.45;font-weight:600}.fh-knoppen{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.fh-knoppen .hw-knop{width:100%}.fh-klein{margin:14px 0 0;color:var(--hw-tekst-zacht);font-size:13.5px;font-weight:500}.fh-beeld{margin-top:28px}.fh-foto{display:block;width:100%;height:auto;border-radius:24px;aspect-ratio:3 / 2;-o-object-fit:cover;object-fit:cover}.fh .kit--telefoon{max-width:min(300px,calc(70vh * 426 / 898))}@supports (height: 1svh){.fh .kit--telefoon{max-width:min(300px,calc(70svh * 426 / 898))}}.fh .kit--telefoon .kit-toestel{transform:rotate(2.5deg)}.fh .kit-telefoon{box-shadow:inset 0 0 0 2.5px #6a706c,inset 0 0 0 4.5px #1d211f,0 30px 70px -10px #0a0a28a6,0 0 110px 10px #ffcd822b}.fh .kit-onder{margin-top:22px;padding:12px 16px;border-radius:18px;background:var(--hw-vlak);backdrop-filter:blur(7px);box-shadow:inset 0 0 0 1px var(--hw-vlak-rand),0 10px 24px -10px #0a0a2873}.fh .kit--telefoon .kit-onder{width:min(420px,calc(100vw - 40px));margin-left:50%;transform:translate(-50%)}.fh .kit-voortgang{margin-top:2px}.fh .kit-voortgang i{background:var(--hw-spoor)}.fh .kit-voortgang b{background:var(--hw-accent)}.fh .kit-uitleg{margin:10px auto 8px;color:var(--hw-vlak-tekst)}.fh .kit-uitleg b{color:var(--hw-accent)}.fh .kit-noot{color:var(--hw-vlak-tekst);opacity:.78}.fh .kit-pauze{border-color:var(--hw-vlak-rand);background:transparent;color:var(--hw-vlak-tekst)}@media(min-width:640px){.fh{--hw-m1: 380px;--hw-m2: 520px;--hw-m3: 660px;--hw-blad-top: 420px}.fh-binnen{padding:96px 32px}.fh-tekst{max-width:640px}.fh-tekst h1{font-size:40px}.fh-sub{font-size:18px}.fh-knoppen .hw-knop{width:auto}}@media(min-width:1024px){.fh{--fh-marge: max(0px, (100vw - 1152px) / 2);--hw-w: max(1700px, 125vw);--hw-x: calc(var(--hw-w) * -.0125);--hw-b: calc(260px - var(--hw-w) * .3715);--hw-w1: calc(var(--fh-marge) + 320px);--hw-w2: calc(var(--fh-marge) + 576px);--hw-w3: calc(var(--fh-marge) + 730px);--hw-d1: calc(var(--fh-marge) + 371px);--hw-d2: calc(var(--fh-marge) + 525px);--hw-d3: calc(var(--fh-marge) + 653px);--hw-blad-links: calc(var(--fh-marge) + 590px)}.fh-binnen{padding:92px 24px 104px}.fh-raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:56px;align-items:center}.fh-tekst{max-width:none}.fh-tekst h1{font-size:clamp(36px,3.6vw,46px);line-height:1.09}.fh-sub{margin-top:16px;font-size:clamp(16.5px,1.4vw,18px);text-wrap:pretty}.fh-knoppen{margin-top:26px}.fh-beeld{margin-top:0}.fh .kit--telefoon{max-width:300px}}:root{--hal-muur-1: #3b2d45;--hal-muur-2: #2b2340;--hal-hout: #7b5334;--hal-hout-licht: #94683f;--hal-hout-naad: #4d3322;--hal-hout-schaduw: #6e492d;--hal-kozijn: #1d1b24;--hal-plint: #2c2233;--hal-vloer-1: #6a4a30;--hal-vloer-2: #41301f;--hal-lamp: rgba(255, 196, 122, .62);--hal-lamp-breed: rgba(255, 176, 104, .2);--hal-gordijn-1: rgba(236, 214, 190, .34);--hal-gordijn-2: rgba(120, 92, 92, .3);--hal-weerkaats: rgba(255, 196, 130, .12);--hal-tafel-1: #6a4630;--hal-tafel-2: #4c3122}html[data-hw-licht=dag]{--hal-muur-1: #f6efe3;--hal-muur-2: #eadfcd;--hal-hout: #c99b63;--hal-hout-licht: #d6ae7a;--hal-hout-naad: #a97e4b;--hal-hout-schaduw: #bd8f58;--hal-kozijn: #34353b;--hal-plint: #f3ecdf;--hal-vloer-1: #cfa671;--hal-vloer-2: #b78d5b;--hal-lamp: rgba(255, 240, 214, 0);--hal-lamp-breed: rgba(255, 240, 214, 0);--hal-gordijn-1: rgba(255, 255, 255, .62);--hal-gordijn-2: rgba(214, 200, 180, .5);--hal-weerkaats: rgba(255, 255, 255, 0);--hal-tafel-1: #d8b283;--hal-tafel-2: #c79b67}html[data-hw-licht=nacht]{--hal-muur-1: #262039;--hal-muur-2: #1a172a;--hal-hout: #54392a;--hal-hout-licht: #684933;--hal-hout-naad: #33221a;--hal-hout-schaduw: #4b3224;--hal-kozijn: #121119;--hal-plint: #1e1a2a;--hal-vloer-1: #4a3423;--hal-vloer-2: #2a1f16;--hal-lamp: rgba(255, 190, 112, .66);--hal-lamp-breed: rgba(255, 168, 96, .18);--hal-gordijn-1: rgba(200, 180, 170, .22);--hal-gordijn-2: rgba(60, 48, 70, .4);--hal-weerkaats: rgba(255, 190, 120, .16);--hal-tafel-1: #48311f;--hal-tafel-2: #2f2015}.fh--hal{--hal-tv: min(100%, 620px);background:var(--hal-muur-2)}.fh--hal .hw-heuvel{z-index:6}.fh--hal .fh-binnen{padding-bottom:152px}.hal{position:absolute;inset:0;z-index:0;overflow:hidden}.hal>*{position:absolute}.hal-muur{inset:0;background-color:var(--hal-muur-2);background-image:url(/images/onder/stuc-korrel.webp),url(/images/onder/stuc-vlek.webp),linear-gradient(100deg,var(--hal-muur-2),var(--hal-muur-1));background-size:auto,900px 700px,auto}.hal-vloer{left:0;right:0;bottom:0;height:122px;background:linear-gradient(var(--hal-plint) 0 22px,rgba(0,0,0,.3) 22px 24px,transparent 24px),repeating-linear-gradient(90deg,rgba(0,0,0,.1) 0 1px,transparent 1px 190px),linear-gradient(var(--hal-vloer-1),var(--hal-vloer-2))}.hal-paneel{display:none}.fh--hal .teaser-plek{position:relative;padding-top:2px}.fh--hal .teaser-plek:before{content:"";position:absolute;z-index:-1;inset:-48px -20px -30px}.fh--hal .teaser-plek:before,.hal-paneel{background-image:url(/images/onder/hout-nerf.webp),linear-gradient(#ffdcaa1a,#0000000a 40%,#0000003d),repeating-linear-gradient(90deg,var(--hal-hout-naad) 0 2px,var(--hal-hout-licht) 2px 3px,var(--hal-hout) 3px 25px,var(--hal-hout-schaduw) 26px)}.hal-raam{position:relative;height:clamp(150px,44vw,240px);margin:0 0 58px;--hw-w: 1200px;--hw-x: -30px;--hw-y: -300px;--hw-val: 330px;--hw-blad-top: 0px}.hal-raam i{position:absolute;display:block}.hal-uitzicht{position:absolute;inset:0;overflow:hidden;border-radius:2px;box-shadow:0 0 0 7px var(--hal-kozijn),0 18px 34px -12px #0000008c}.hal-uitzicht .hw-waas{display:none}.hal-uitzicht .hw-deeltjes--blad{left:0;top:0}.hal-glas{inset:0;background:radial-gradient(ellipse 70% 60% at 22% 30%,var(--hal-weerkaats),transparent 70%);box-shadow:inset 0 16px 26px -12px #00000080,inset 12px 0 20px -14px #00000073}.hal-spijl{top:0;bottom:0;left:calc(50% - 3px);width:6px;background:var(--hal-kozijn)}.hal-roede{left:-18px;right:-18px;top:-22px;height:5px;border-radius:3px;background:linear-gradient(#bfa173,#6f5636);box-shadow:0 2px 3px #00000059}.hal-gordijn{top:-20px;bottom:-6px;left:-14px;width:54px;filter:blur(.6px);background:linear-gradient(90deg,rgba(0,0,0,.1),transparent 40%),repeating-linear-gradient(90deg,var(--hal-gordijn-1) 0,var(--hal-gordijn-2) 7px,var(--hal-gordijn-1) 13px)}.hal-dorpel{left:-16px;right:-16px;bottom:-19px;height:12px;border-radius:2px;background:linear-gradient(var(--hal-hout-licht),var(--hal-hout));box-shadow:0 7px 12px -4px #00000080}.fh--hal .kit-tv{box-shadow:0 0 0 2px #2a2b2f inset,0 26px 50px -14px #000000b3,0 0 90px 6px #78c8961f}.fh--hal .kit-toestel:before{content:"";position:absolute;left:24%;right:24%;top:-22px;height:6px;border-radius:3px;background:linear-gradient(#ecd19a,#a57b3e);box-shadow:0 3px 5px #0006}.fh--hal .kit-toestel:after{content:"";position:absolute;z-index:-1;left:-16%;right:-16%;top:-200px;height:360px;background:radial-gradient(ellipse 50% 50% at 50% 50%,var(--hal-lamp),var(--hal-lamp-breed) 54%,transparent 100%);pointer-events:none}@media(min-width:1024px){.fh--hal{--hal-tv: clamp(372px, 37vw, 500px);--hal-r: 130px;--hw-val: 850px}.fh--hal .fh-binnen{padding-bottom:156px}.fh--hal .fh-raster{grid-template-columns:minmax(0,1fr) var(--hal-tv);gap:60px;margin-right:var(--hal-r)}.fh--hal .fh-tekst h1{font-size:clamp(34px,3.3vw,44px)}.fh--hal .teaser-plek:before{display:none}.hal-paneel{display:block;top:0;bottom:98px;right:calc(var(--fh-marge) + 24px + var(--hal-r) - 34px);width:calc(var(--hal-tv) + 68px);box-shadow:-12px 0 26px -14px #0000008c,12px 0 26px -14px #0000008c}.hal-raam{position:absolute;z-index:-1;top:108px;bottom:140px;left:calc(100% - 92px);width:330px;height:auto;margin:0;--hw-w: 1300px;--hw-x: -50px;--hw-y: -320px;--hw-val: 640px}}
