@font-face{font-family:Dancing Script;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/325259dae461ae2a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Dancing Script;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/d8f3713f2c4f699b-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Dancing Script;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/0e9d289c6eb42bf7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Dancing Script;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/325259dae461ae2a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Dancing Script;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/d8f3713f2c4f699b-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Dancing Script;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/0e9d289c6eb42bf7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Dancing Script Fallback;src:local("Arial");ascent-override:112.99%;descent-override:34.39%;line-gap-override:0.00%;size-adjust:81.43%}.__className_86dda7{font-family:Dancing Script,Dancing Script Fallback;font-style:normal}.__variable_86dda7{--sierletter:"Dancing Script","Dancing Script Fallback"}@font-face{font-family:Andika;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8664932717646706-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Andika;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/2c56ba9f04c96ed8-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Andika;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/2c56a7ab6a4bd0a9-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Andika;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/bfa6b2eb978d943b-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Andika;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/7d2e911118fdcd69-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Andika;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/84583c383197ac2a-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Andika;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/05807d1f2709592e-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Andika;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/fad5eb790e057572-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Andika;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/81729db227c67fea-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Andika;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/910049702899efee-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Andika Fallback;src:local("Arial");ascent-override:116.34%;descent-override:37.23%;line-gap-override:0.00%;size-adjust:104.93%}.__className_24237b{font-family:Andika,Andika Fallback;font-style:normal}.__variable_24237b{--leesletter:"Andika","Andika Fallback"}.wegwijzer{--papier:#f8f1e4;--inkt:#3f2418;--inkt-zacht:#5e4032;--gloed:rgba(255,238,214,0.78);--lucht:#a8cfee;--lucht-diep:#79b0de;--salie:#d5e3c6;position:relative;min-height:100vh;min-height:100svh;overflow:hidden;display:flex;flex-direction:column;align-items:center;background:var(--papier);color:var(--inkt);font-family:var(--leesletter),"Andika",system-ui,sans-serif;text-align:center;-webkit-tap-highlight-color:transparent}.wegwijzer img{-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.schilderij{position:absolute;inset:0;z-index:0;background-color:var(--papier);background-image:url(/_next/static/media/meester-breed.af817fb9.webp);background-position:50%;background-size:cover;background-repeat:no-repeat;transition:transform 3.5s cubic-bezier(.3,.6,.2,1)}@media (max-aspect-ratio:1/1){.schilderij{background-image:url(/_next/static/media/meester-smal.ee245f42.webp)}}.wegwijzer[data-drie=aan] .schilderij{transform:scale(1.08)}html[data-dagdeel=nacht] .schilderij:after{content:"";position:absolute;inset:0;background:rgb(118,132,196);mix-blend-mode:multiply}html[data-dagdeel=dag] .schilderij:after,html[data-dagdeel=ochtend] .schilderij:after{content:"";position:absolute;inset:0;background:rgba(200,225,255,.18);mix-blend-mode:soft-light}.drie{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity 1.4s ease}.wegwijzer[data-drie=aan] .drie,.wegwijzer[data-drie=stil] .drie{opacity:1}.wegwijzer[data-drie=aan] .drie{pointer-events:auto;touch-action:none}.tekst{position:relative;z-index:5;margin-top:clamp(48px,14vh,160px);padding:0 16px;max-width:40rem;pointer-events:none}.tekst a{pointer-events:auto}.tekst:before{content:"";position:absolute;inset:-10% -16%;z-index:-1;background:radial-gradient(closest-side,var(--gloed),rgba(255,238,214,0))}.wegwijzer h1{margin:0;font-family:var(--sierletter),"Dancing Script",cursive;font-style:normal;font-size:clamp(3.8rem,13vw,7.2rem);line-height:1.05;letter-spacing:0;background:none;border:0;padding:0;animation:opkomen 1.2s cubic-bezier(.2,.7,.2,1) .1s both}.groet,.wegwijzer h1{font-weight:700;color:var(--inkt)}.groet{margin:.5rem 0 0;font-size:clamp(1.35rem,4.4vw,1.95rem);animation:opkomen 1.2s cubic-bezier(.2,.7,.2,1) .35s both}.groet,.groet2{text-wrap:balance}.groet2{margin:.35rem 0 0;font-size:clamp(1.05rem,3.4vw,1.4rem);font-weight:400;color:var(--inkt-zacht);animation:opkomen 1.2s cubic-bezier(.2,.7,.2,1) .45s both}.welterusten{display:none;margin:1.1rem 0 0;font-family:var(--sierletter),"Dancing Script",cursive;font-weight:600;font-size:clamp(1.6rem,5vw,2.1rem);color:var(--inkt)}html[data-dagdeel=nacht] .welterusten{display:block}html[data-dagdeel=nacht] .wegwijzer{--inkt:#fff6e6;--inkt-zacht:#e6dcf5;--gloed:rgba(28,34,74,0.55)}html[data-dagdeel=nacht] .gemaakt{background:rgba(40,46,92,.7);border-color:rgba(255,246,230,.5)}.knop-plek{position:relative;display:inline-block;margin:2.2rem 0 0;animation:opkomen 1.2s cubic-bezier(.2,.7,.2,1) .6s both}.knop{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:76px;min-width:15rem;padding:.9rem 2.8rem;border:2px solid rgba(58,43,37,.7);border-radius:999px;background:radial-gradient(120% 90% at 30% 25%,rgba(255,255,255,.55),rgba(255,255,255,0) 55%),radial-gradient(90% 120% at 80% 80%,var(--lucht-diep),rgba(121,176,222,0) 70%),var(--lucht);color:#1f3550;font-family:var(--leesletter),"Andika",system-ui,sans-serif;font-weight:700;font-size:clamp(1.7rem,5.6vw,2.1rem);line-height:1;text-decoration:none;box-shadow:0 10px 22px -10px rgba(58,90,130,.55);animation:kloppen 2.4s ease-in-out 1.8s infinite;transition:transform .2s ease}.knop:focus-visible,.knop:hover{transform:scale(1.07)}.knop:focus-visible{outline:3px solid var(--inkt);outline-offset:4px}@keyframes kloppen{0%,to{scale:1;box-shadow:0 10px 22px -10px rgba(58,90,130,.55),0 0 0 0 rgba(121,176,222,.55)}50%{scale:1.06;box-shadow:0 12px 26px -10px rgba(58,90,130,.6),0 0 0 16px rgba(121,176,222,0)}}.knop-vlinder{position:absolute;left:50%;top:50%;width:48px;margin:-18px 0 0 -24px;pointer-events:none;animation:rondje 9s ease-in-out infinite,klapperen .22s ease-in-out infinite alternate}@keyframes rondje{0%{translate:9.5rem -2.6rem;rotate:12deg}20%{translate:4rem -4.2rem;rotate:-8deg}40%{translate:-6rem -3.4rem;rotate:-18deg}55%{translate:-10.5rem -.6rem;rotate:-6deg}70%{translate:-7rem 3.6rem;rotate:10deg}85%{translate:6rem 3.4rem;rotate:16deg}to{translate:9.5rem -2.6rem;rotate:12deg}}@keyframes klapperen{0%{scale:1 1}to{scale:.45 1}}.klein{margin:1.4rem 0 0;font-size:1rem;color:var(--inkt-zacht);text-wrap:balance;animation:opkomen 1.2s cubic-bezier(.2,.7,.2,1) .85s both}.gemaakt{position:relative;z-index:5;margin:auto 0 16px;padding:.5rem 1.2rem;border:1.5px solid rgba(58,43,37,.5);border-radius:999px;background:rgba(213,227,198,.88);font-size:.95rem;color:var(--inkt)}.gemaakt a{color:var(--inkt);font-weight:700;text-decoration:underline;text-underline-offset:3px}@keyframes opkomen{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.vogel{position:absolute;left:0;top:0;z-index:4;width:max(calc(66px * var(--vk, 1)),var(--vb,80px));aspect-ratio:320/309;padding:0;border:0;background:none;cursor:pointer;opacity:0;transform:translate(calc(var(--vx, -200px) - 50%),calc(var(--vy, -200px) - 86%));transition:opacity .6s ease}.vogel[data-plek=ja]{opacity:1}.vogel[data-plek=nee]{pointer-events:none}.vogel:before{content:"";position:absolute;inset:-16px;border-radius:50%}.vogel:focus-visible{outline:3px solid var(--inkt);outline-offset:4px;border-radius:12px}.vogel img{position:absolute;inset:0;width:100%;height:100%}.vogel[data-spiegel=ja] img{scale:-1 1}.vogel .open{opacity:0}.vogel[data-zingt=nee] .dicht{animation:wippen 5s ease-in-out infinite;transform-origin:50% 95%}.vogel[data-zingt=ja] .dicht{animation:snavelDicht .42s steps(1) infinite}.vogel[data-zingt=ja] .open{animation:snavelOpen .42s steps(1) infinite}@keyframes wippen{0%,80%,to{rotate:0deg}85%{rotate:-6deg}90%{rotate:3deg}}@keyframes snavelOpen{0%{opacity:1}50%{opacity:0}}@keyframes snavelDicht{0%{opacity:0}50%{opacity:1}}.noten{position:absolute;left:70%;top:0;width:0;height:0;pointer-events:none}.vogel[data-spiegel=ja] .noten{left:30%}.noten span{position:absolute;left:0;top:0;font-size:1.5rem;line-height:1;color:#7a5fa8;opacity:0}.vogel[data-zingt=nee] .noten span:first-child{--dx:14px;animation:noot 5s ease-out 2.5s infinite}.vogel[data-zingt=ja] .noten span{animation:noot 1.3s ease-out infinite}.vogel[data-zingt=ja] .noten span:first-child{--dx:18px;color:#e07b8f}.vogel[data-zingt=ja] .noten span:nth-child(2){--dx:-10px;animation-delay:.4s;color:#5f93c9}.vogel[data-zingt=ja] .noten span:nth-child(3){--dx:28px;animation-delay:.8s;color:#e0a43a}@keyframes noot{0%{opacity:0;translate:0 0}15%{opacity:.95}to{opacity:0;translate:var(--dx) -52px}}@media (prefers-reduced-motion:reduce){.wegwijzer *,.wegwijzer :before{animation:none!important;transition:none!important}.knop-vlinder{translate:9rem -2.4rem}.vogel[data-zingt=ja] .open{opacity:1}.vogel[data-zingt=ja] .dicht{opacity:0}.vogel[data-zingt=ja] .noten span{opacity:.9;translate:var(--dx) -30px}}.tekst:before{transition:opacity 1.1s ease}.wegwijzer[data-tekst] .tekst>:not(.knop-plek){animation:verdwijnen 1.1s ease forwards}.wegwijzer[data-tekst] .tekst:before{opacity:0}@keyframes verdwijnen{0%{opacity:1}to{opacity:0}}.wegwijzer[data-tekst=sr] .tekst>:not(.knop-plek){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.wegwijzer[data-tekst] .knop-plek{position:fixed;z-index:6;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));margin:0}.wegwijzer[data-tekst] .knop{min-height:48px;min-width:0;padding:.5rem 1.15rem;font-size:1.15rem;animation:none;box-shadow:0 6px 14px -8px rgba(58,90,130,.55)}.wegwijzer[data-tekst] .knop-vlinder{display:none}.geluid{position:fixed;z-index:6;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));display:grid;place-items:center;width:48px;height:48px;padding:0;border:1.5px solid rgba(58,43,37,.45);border-radius:50%;background:rgba(248,241,228,.82);color:#3f2418;cursor:pointer;box-shadow:0 6px 14px -8px rgba(58,43,37,.5)}.geluid svg{width:26px;height:26px}.geluid:focus-visible{outline:3px solid var(--inkt);outline-offset:3px}.zoomknopjes{position:fixed;z-index:6;top:calc(max(12px, env(safe-area-inset-top)) + 7px);left:calc(max(12px, env(safe-area-inset-left)) + 58px);display:none;gap:8px}.wegwijzer[data-drie=aan] .zoomknopjes{display:flex}.zoomknopjes button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1.5px solid rgba(58,43,37,.35);border-radius:50%;background:rgba(248,241,228,.7);color:#3f2418;cursor:pointer;box-shadow:0 5px 12px -8px rgba(58,43,37,.5)}.zoomknopjes svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.zoomknopjes button:focus-visible{outline:3px solid var(--inkt);outline-offset:3px}html[data-dagdeel=nacht] .zoomknopjes button{background:rgba(40,46,92,.65);border-color:rgba(255,246,230,.4);color:#fff6e6}html[data-dagdeel=nacht] .geluid{background:rgba(40,46,92,.75);border-color:rgba(255,246,230,.5);color:#fff6e6}