@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-opsz-normal-D9N6E8K1.woff2) format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-opsz-normal-IcJDqblK.woff2) format("woff2-variations");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-opsz-normal-Cre6nC2_.woff2) format("woff2-variations");unicode-range:U+0000-00FF,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:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-sans-latin-400-normal-DRC__1Mx.woff2) format("woff2"),url(/assets/instrument-sans-latin-400-normal-D1W7dsQl.woff) format("woff")}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/instrument-sans-latin-500-normal-Dk9ku72i.woff2) format("woff2"),url(/assets/instrument-sans-latin-500-normal-Z6ESRlEs.woff) format("woff")}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/instrument-sans-latin-600-normal-B7fBEWYG.woff2) format("woff2"),url(/assets/instrument-sans-latin-600-normal-B9e8oLYv.woff) format("woff")}:root{--papier: #F7F4EE;--kaart: #FFFFFF;--inkt: #1B1A17;--tekst: #3A352F;--gedempt: #6A635A;--lijn: #E2DBCD;--kaartrand: #DED6C8;--stippel: #BFB4A2;--tegel-1: #DCD3C4;--tegel-2: #D6CCBC;--tegel-3: #E0D7C8;--tegel-4: #D9D0C0;--tegelrand: #D3C9B8;--pruim: #7A3B57;--pruim-hover: #5C2C41;--pruim-tint: #F1E4EA;--pruim-tintrand: #E3CFD8;--fout: #A03224;--fout-tint: #F8E5E1;--stempel: rgba(27, 26, 23, .72);--kop: "Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, sans-serif;--romp: "Instrument Sans", system-ui, sans-serif;--r-knop: 11px;--r-kaart: 14px;--r-tegel: 10px;--raak: 52px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--papier)}body{margin:0;background:var(--papier);color:var(--inkt);font-family:var(--romp);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--pruim)}a:hover{color:var(--pruim-hover)}:focus-visible{outline:2px solid var(--pruim);outline-offset:3px}button,input,textarea{font:inherit;color:inherit}h1,h2,h3{font-family:var(--kop);font-weight:700;margin:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes draai{to{transform:rotate(360deg)}}.raster-stapels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 10px}@media(min-width:620px){.raster-stapels{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 14px}}.stapelkaart{display:block;color:var(--inkt);text-decoration:none;border-radius:var(--r-tegel)}.stapelkaart:hover{color:var(--inkt)}.stapelkaart:hover .stapelkaart-naam{color:var(--pruim)}.stapelkaart-meer{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:6px;aspect-ratio:4 / 5;padding:16px;border-radius:var(--r-kaart);border:1.5px dashed var(--stippel);background:transparent;color:var(--inkt);text-align:left;cursor:pointer}.stapelkaart-meer:hover{background:var(--kaart)}.knop-stil,.knop-lijn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:var(--raak);padding:6px 22px;border-radius:var(--r-knop);font-size:16px;font-weight:600;line-height:1.2;text-align:center;text-decoration:none;color:var(--inkt)}.knop-stil{border:1px solid var(--kaartrand);background:var(--kaart)}.knop-lijn{border:1px solid var(--inkt);background:transparent}.knop-stil:hover,.knop-lijn:hover{color:var(--inkt);border-color:var(--pruim)}button.knop-stil{cursor:pointer}button.knop-stil:disabled{cursor:default}.ververs-fout{position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 14px;padding:8px 20px;background:var(--fout-tint);color:var(--fout);font-size:15px;font-weight:600;line-height:1.4;text-align:center}.knop-wit{min-height:48px;padding:0 20px;border-radius:var(--r-knop);border:1px solid var(--kaartrand);background:var(--kaart);color:var(--inkt);font-size:16px;font-weight:600;cursor:pointer}.menu-item{width:100%;min-height:48px;display:flex;align-items:center;gap:10px;padding:0 12px;border:none;border-radius:8px;background:transparent;color:var(--inkt);font-size:16px;font-weight:500;text-align:left;cursor:pointer}.menu-item:hover{background:var(--papier)}.proefband-link{color:#fff;font-weight:600;min-height:44px;display:inline-flex;align-items:center;text-underline-offset:3px}.proefband-link:hover{color:#fff}.proefband-link:focus-visible{outline-color:#fff}.raster-jaar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}@media(min-width:620px){.raster-jaar{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}}.tijdlijn-tegel{display:block;width:100%;padding:0;border:none;background:none;cursor:zoom-in;border-radius:var(--r-tegel)}.groot-venster{width:min(760px,calc(100% - 24px));max-width:none;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:auto;border:none;border-radius:var(--r-kaart);background:var(--papier);color:var(--inkt);padding:14px}.groot-venster::backdrop{background:#1b1a17d1}.keuzelijst,.linkveld{width:100%;min-height:var(--raak);border-radius:10px;border:1px solid var(--kaartrand);background:var(--kaart);padding:0 14px;font-size:16px;color:var(--inkt)}.linkveld{font-size:14px;color:var(--tekst);text-overflow:ellipsis}.scherm{height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;background:var(--papier);color:var(--inkt);padding:clamp(20px,2.9vw,56px) clamp(20px,4.2vw,80px) clamp(16px,2.1vw,40px);display:flex;flex-direction:column;gap:clamp(16px,1.7vw,32px);overflow:hidden}.scherm-hoofd{flex:1 1 auto;min-height:0;display:flex;gap:clamp(28px,3.75vw,72px)}.scherm-hoofd-tekst{justify-content:center}.scherm-hoofd-tekst .scherm-woorden{max-width:1100px}.scherm-fotos{flex:0 0 60%;min-width:0;height:100%;display:flex;gap:20px;align-items:flex-start}.scherm-foto{margin:0;height:100%;aspect-ratio:4 / 5;max-width:calc(100% - 152px);flex:0 1 auto;border-radius:var(--r-kaart);border:1px solid var(--tegelrand);position:relative;overflow:hidden}.scherm-beeld{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;animation:verschijn .6s ease-out}.scherm-datum{position:absolute;left:20px;bottom:20px;font-size:clamp(14px,1.15vw,22px);font-weight:600;color:var(--papier);background:var(--stempel);padding:7px 14px;border-radius:8px}.scherm-datum-licht{color:var(--tekst);background:var(--papier)}.scherm-duimen{flex:0 0 132px;display:flex;flex-direction:column;gap:14px}.scherm-duim{aspect-ratio:3 / 4;border-radius:var(--r-tegel);border:1px solid var(--tegelrand);background:var(--tegel-2);overflow:hidden;opacity:.7}.scherm-duim img{width:100%;height:100%;object-fit:cover;display:block}.scherm-duim-nu{border:2px solid var(--pruim);opacity:1}.scherm-woorden{flex:1 1 0;min-width:0;min-height:0;display:flex;flex-direction:column;padding-bottom:24px;overflow-y:auto}.scherm-woorden>:first-child{margin-top:auto}.scherm-woorden>:last-child{margin-bottom:auto}.scherm-naam{font-size:clamp(40px,3.75vw,72px);line-height:1;letter-spacing:-.03em;overflow-wrap:anywhere}.scherm-regel{margin:18px 0 0;display:flex;align-items:center;gap:10px;font-size:clamp(16px,1.05vw,20px);line-height:1.45;color:var(--gedempt)}.scherm-lijn{height:1px;background:var(--lijn);margin:clamp(24px,2.3vw,44px) 0 0;flex:0 0 auto}.scherm-vraag{margin:clamp(24px,2.3vw,44px) 0 0;font-size:clamp(14px,1.15vw,22px);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pruim)}.scherm-tekst{margin:22px 0 0;line-height:1.35;color:var(--inkt);max-width:34ch;white-space:pre-wrap;overflow-wrap:anywhere}.scherm-tekst-groot{font-size:clamp(24px,2.1vw,40px)}.scherm-tekst-middel{font-size:clamp(20px,1.6vw,30px);max-width:44ch}.scherm-tekst-klein{font-size:clamp(17px,1.2vw,23px);line-height:1.45;max-width:60ch}.scherm-bediening{flex:0 0 auto;min-height:96px;background:var(--kaart);border:1px solid var(--kaartrand);border-radius:var(--r-kaart);padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.scherm-wie{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:20px}.scherm-bolletjes{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:0}.bol{width:8px;height:8px;border-radius:4px;background:var(--kaartrand);transition:width .3s ease}.bol-voorbij{background:var(--stippel)}.bol-nu{width:24px;background:var(--pruim)}.scherm-knoppen{flex:0 0 auto;display:flex;align-items:center;gap:12px}.scherm-rechts{flex:1 1 0;min-width:0;display:flex;justify-content:flex-end;align-items:center;gap:18px;flex-wrap:wrap}.scherm-klein{min-height:44px;display:inline-flex;align-items:center;padding:0 4px;border:none;background:none;font-size:15px;font-weight:600;color:var(--pruim);cursor:pointer;text-decoration:underline;text-underline-offset:3px}@media(max-width:1100px){.scherm-duimen{display:none}.scherm-foto{max-width:100%}.scherm-fotos{flex-basis:52%}}@media(max-width:900px),(max-height:560px){.scherm{height:auto;overflow:visible}.scherm-hoofd{flex:none;flex-direction:column;gap:24px}.scherm-fotos{flex:none;height:auto}.scherm-foto{height:auto;width:100%;max-height:70vh;max-height:70dvh}.scherm-woorden{flex:none;overflow:visible;padding-bottom:0}.scherm-bediening{flex-wrap:wrap;padding:14px 16px;gap:12px}.scherm-wie,.scherm-rechts{flex:1 1 100%}.scherm-rechts{justify-content:space-between}.scherm-knoppen{flex:1 1 100%;flex-wrap:wrap}.scherm-knoppen>*{flex:1 1 0;padding-left:10px!important;padding-right:10px!important}}@supports not (aspect-ratio: 1 / 1){.scherm-foto{width:100%;max-width:100%}.scherm-duimen{display:none}}@keyframes verschijn{0%{opacity:0}to{opacity:1}}
