:root{--papier:#fbfaf7;--vlak:#f3f1ec;--inkt:#0f2132;--inkt-2:#4f5b67;--inkt-3:#7b8590;--lijn:#e4e0d8;--context:#bdb8ae;--band:#e9e5dc;--onderwerp:#d9662f;--goed:#2a64b8;--slecht:#b8322a;--geen-data:#dcd8d0;--hoeveelheid-1:#dde6f3;--hoeveelheid-2:#aac3e5;--hoeveelheid-3:#6f96d0;--hoeveelheid-4:#3d6db5;--hoeveelheid-5:#1d4a8c;--categorie-1:#2a64b8;--categorie-2:#d9662f;--categorie-3:#1a9a6c;--categorie-4:#c98b00;--categorie-5:#7d5ba6;--letter:var(--font-grotesk), ui-sans-serif, system-ui, sans-serif;--letter-lees:var(--font-lees), Georgia, serif;--kolom:40rem;--breed:74rem;--rand:16px;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--nacht:#111b24;--nacht-2:#1b2832;--nacht-3:#0b1218;--nacht-tekst:#eef0f2;--nacht-zacht:#9aa8b4;--grijs:#f1f1ee;--vers:#1a9a6c;--streep-koud:#c4cbd2;--letter-mono:var(--font-mono), ui-monospace, "SF Mono", Menlo, monospace;--hoek:10px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;interpolate-size:allow-keywords;overflow-x:clip}body{background:var(--papier);color:var(--inkt);font-family:var(--letter);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.55}a{color:inherit;text-underline-offset:.18em;text-decoration-line:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent)}a:hover{text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--onderwerp);outline-offset:3px}h1,h2,h3{letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:600;line-height:1.1}p{text-wrap:pretty;margin:0}code,pre{font-family:var(--letter-mono);font-size:.84em}:not(pre)>code{white-space:nowrap;background:var(--vlak);border-radius:4px;padding:.08em .32em}pre{background:var(--vlak);border-radius:6px;max-width:100%;margin:0;padding:14px 16px;line-height:1.6;overflow-x:auto}pre code{font-size:12.5px}.logo{flex-shrink:0;display:inline-flex}.logo svg{width:100%;height:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.licht{font-family:var(--letter-lees);font-optical-sizing:auto;letter-spacing:-.025em;font-weight:300}.label{color:var(--inkt-2);letter-spacing:-.01em;align-items:center;gap:10px;font-size:17px;display:inline-flex}.label:before{content:"";background:var(--onderwerp);border-radius:1px;width:14px;height:6px}:root{--rand:16px}@media (min-width:700px){:root{--rand:40px}}.kop-site,.held,.werkt-met,.sectie,.blok,.slot,.voet{max-width:1360px;padding-left:var(--rand);padding-right:var(--rand);margin-left:auto;margin-right:auto}.knop{isolation:isolate;min-height:42px;font-family:var(--letter-mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;cursor:pointer;clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--hoek)), calc(100% - var(--hoek)) 100%, 0 100%);-webkit-tap-highlight-color:transparent;border:0;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .1s ease-out,background-color .15s ease-out,color .15s ease-out;display:inline-flex;position:relative}.knop:active{transform:scale(.97)}.knop-zwart{background:var(--inkt);color:var(--papier)}.knop-zwart:hover{background:color-mix(in srgb, var(--inkt) 82%, var(--onderwerp))}.knop-lijn{background:var(--inkt);color:var(--inkt)}.knop-lijn:before{content:"";z-index:-1;background:var(--papier);clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--hoek) + .6px), calc(100% - var(--hoek) + .6px) 100%, 0 100%);transition:background-color .15s ease-out;position:absolute;inset:1px}.knop-lijn:hover:before{background:var(--vlak)}.knop-klein{--hoek:8px;min-height:34px;padding:0 14px;font-size:12px}.knop-licht{background:var(--nacht-tekst);color:var(--nacht)}.knop-licht:hover{background:#fff}.tekstknop{font:inherit;color:inherit;cursor:pointer;text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);background:0 0;border:0;padding:0}.tekstknop[data-stand=gekopieerd]{color:var(--vers);text-decoration:none}.tekstknop svg{vertical-align:-2px;margin-right:3px}.kopieer{font-family:var(--letter-mono);letter-spacing:.04em;text-transform:uppercase;background:var(--nacht-2);color:var(--nacht-tekst);cursor:pointer;clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%);border:0;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:11.5px;font-weight:600;transition:transform .1s ease-out,background-color .15s ease-out;display:inline-flex}.kopieer:hover{background:#2a3a47}.kopieer:active{transform:scale(.97)}.kopieer[data-stand=gekopieerd]{background:#13644a}.kopbalk{z-index:20;background:color-mix(in srgb, var(--papier) 80%, transparent);-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);border-bottom:1px solid #0000;transition:border-color .2s ease-out;position:sticky;top:0}.kopbalk[data-geschoven]{border-bottom-color:var(--lijn)}@media (prefers-reduced-transparency:reduce){.kopbalk{background:var(--papier);-webkit-backdrop-filter:none}}.kop-site{justify-content:space-between;align-items:center;gap:16px;padding-top:12px;padding-bottom:12px;display:flex}.woordmerk{letter-spacing:-.02em;align-items:center;gap:8px;font-size:20px;font-weight:800;text-decoration:none;display:inline-flex}.kop-site nav{font-family:var(--letter-mono);letter-spacing:.04em;text-transform:uppercase;flex:1;justify-content:space-between;align-items:center;gap:16px;margin-left:48px;font-size:12.5px;font-weight:500;display:flex}.kop-site nav>a{color:var(--inkt);white-space:nowrap;padding:0 14px;text-decoration:none;position:relative}.kop-site nav>a+a:before{content:"";background:var(--context);width:1px;position:absolute;top:2px;bottom:2px;left:-9px}.kop-site nav>a:after{content:"";background:var(--onderwerp);height:2px;transition:transform .25s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:-6px;left:14px;right:14px;transform:scaleX(0)}.kop-site nav>a[aria-current]:after{transform:scaleX(1)}.nav-rechts{align-items:center;gap:20px;margin-left:auto;display:inline-flex}.nav-extern{white-space:nowrap;text-decoration:none}.nav-extern span{color:var(--onderwerp)}@media (max-width:980px){.kop-site nav>a,.nav-extern{display:none}}.held{text-align:center;padding-top:clamp(56px,9vw,112px)}.held h1{letter-spacing:-.035em;text-wrap:balance;margin:0 auto;font-size:clamp(38px,5.6vw,80px);font-weight:500;line-height:1.04}.held h1 .licht{display:block}.held-onder{max-width:40rem;color:var(--inkt-2);margin:26px auto 0;font-size:clamp(17px,1.6vw,19px)}.held-knoppen{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}.held-klein{color:var(--inkt-2);margin-top:18px;font-size:15px}.toneel{padding:0 var(--rand) 56px;margin-top:clamp(48px,7vw,80px);position:relative}.toneel-strepen{width:100%;height:78%;position:absolute;bottom:0;left:0;right:0}.streep-warm{fill:var(--onderwerp)}.streep-koud{fill:var(--streep-koud)}.toneel-venster{max-width:1120px;margin:0 auto;position:relative}.venster{color:var(--inkt);box-shadow:0 0 0 1px color-mix(in srgb, var(--inkt) 10%, transparent), 0 30px 60px -30px #0f213259;background:#fff;border-radius:14px;overflow:hidden}.venster-balk{border-bottom:1px solid #ececea;align-items:center;gap:4px;padding:8px 12px;font-size:13px;display:flex}.venster-tab{color:#6b7480;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.venster-tab-aan{color:var(--inkt);background:#f3f3f1;font-weight:600}.venster-mcp{color:#6b7480;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.venster-mcp:before{content:"";background:#2fbf80;border-radius:50%;width:7px;height:7px}.venster-inhoud{grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:900px){.venster-inhoud{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}.venster-chat{background:#fafaf8;border-right:1px solid #ececea;padding:20px;font-size:14.5px}.chat-vraag{background:var(--nacht);color:var(--nacht-tekst);border-radius:10px;padding:11px 13px;font-weight:600;line-height:1.4}.chat-vraag span{color:var(--onderwerp);margin-right:4px;font-weight:800}.chat-stappen{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.chat-stappen li{grid-template-columns:17px minmax(0,1fr);gap:10px;line-height:1.35;display:grid}.chat-stappen svg{color:var(--vers);margin-top:1px}.chat-stappen strong{font-weight:600;display:block}.chat-stappen span span{color:#6b7480}.venster-site{background:#fff;padding:20px 22px 16px}.site-titel{color:#6b7480;font-size:12px;font-weight:700}.site-vraag{letter-spacing:-.016em;margin-top:8px;font-size:22px;font-weight:700;line-height:1.15}.site-antwoord{font-family:var(--letter-lees);margin:8px 0 12px;font-size:17px;line-height:1.35}.site-bron{color:#8a929b;margin-top:6px;font-size:11.5px}.venster-site{--papier:#fff}.chat-vraag,.chat-stappen li,.venster-site{animation:.45s cubic-bezier(.2,.8,.2,1) both verschijnt;animation-delay:calc(.3s + var(--i) * .4s)}.venster-site [class*=teken]{animation-delay:3.3s}@keyframes verschijnt{0%{opacity:0;transform:translateY(8px)}}.herhaal{position:relative}.herhaal-knop{font-family:var(--letter-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--inkt);background:var(--papier);cursor:pointer;box-shadow:inset 0 0 0 1px var(--lijn);border:0;padding:6px 10px;font-size:11.5px;font-weight:600;position:absolute;bottom:-38px;right:0}.herhaal-knop:hover{box-shadow:inset 0 0 0 1px var(--inkt-3)}.werkt-met{flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:64px;display:flex;position:relative}.werkt-met>*{position:relative}.werkt-met{background:linear-gradient(var(--lijn), var(--lijn)) top / calc(100% - 2 * var(--rand)) 1px no-repeat, linear-gradient(var(--lijn), var(--lijn)) bottom / calc(100% - 2 * var(--rand)) 1px no-repeat;padding-top:22px;padding-bottom:22px}.werkt-met:before,.werkt-met:after{content:"+";top:-11px;left:calc(var(--rand) - 5px);color:var(--onderwerp);font-size:18px;font-weight:300;line-height:1;position:absolute}.werkt-met:after{left:auto;right:calc(var(--rand) - 5px);top:auto;bottom:-11px}.werkt-met-label,.werkt-met-rest{font-family:var(--letter-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--inkt-2);font-size:12px;font-weight:500}.werkt-met-rest{margin-left:auto}.werkt-met ul{flex-wrap:wrap;gap:12px 28px;margin:0;padding:0;list-style:none;display:flex}.werkt-met li{align-items:center;gap:8px;font-size:16px;font-weight:600;display:inline-flex}.sectie{margin-top:clamp(96px,13vw,168px);scroll-margin-top:80px}.kop-groot,.probleem h2,.slot h2{letter-spacing:-.03em;max-width:18ch;margin-top:18px;font-size:clamp(34px,4.8vw,62px);font-weight:500;line-height:1.04}.sectie-onder{max-width:42rem;color:var(--inkt-2);margin-top:20px;font-size:18px}.klein{color:var(--inkt-3);letter-spacing:.01em;margin-top:10px;font-size:13.5px}.probleem{grid-template-columns:minmax(0,1fr);align-items:center;gap:48px 72px;display:grid}@media (min-width:980px){.probleem{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.probleem-beeld{margin:0}.probleem-strepen{clip-path:polygon(0 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%);background:#121212;width:100%;height:clamp(320px,42vw,560px);padding:28px;display:block}.probleem-strepen .streep-koud{fill:#5d6670}.probleem-beeld figcaption{color:var(--inkt-3);max-width:40rem;margin-top:12px;font-size:13.5px}.problemen{margin:36px 0 0}.problemen>div{border-top:1px dashed var(--context);padding:18px 0}.problemen dt{font-size:18px;font-weight:600}.problemen dd{color:var(--inkt-2);max-width:34rem;margin:4px 0 0}.kaart{isolation:isolate;background:var(--lijn);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);position:relative}.kaart:before{content:"";z-index:-1;background:var(--papier);clip-path:polygon(0 0,calc(100% - 21.6px) 0,100% 21.6px,100% 100%,0 100%);position:absolute;inset:1px}.kaarten{grid-template-columns:minmax(0,1fr);gap:16px;margin:48px 0 0;padding:0;list-style:none;display:grid}@media (min-width:680px){.kaarten{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1040px){.kaarten{grid-template-columns:repeat(3,minmax(0,1fr))}}.kaarten .kaart{padding:24px 26px 28px}.kaarten svg{color:var(--onderwerp)}.kaarten h3{border-bottom:1px dashed var(--context);margin-top:16px;padding-bottom:14px;font-size:20px;font-weight:600}.kaarten p{color:var(--inkt-2);margin-top:14px}.grijs{background:var(--grijs);margin-top:clamp(96px,13vw,168px);padding:clamp(32px,6vw,72px) 0}.blok{grid-template-columns:minmax(0,1fr);gap:32px 64px;padding-top:clamp(48px,7vw,96px);padding-bottom:clamp(48px,7vw,96px);scroll-margin-top:60px;display:grid}.blok+.blok{border-top:1px dashed var(--context)}@media (min-width:1040px){.blok{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}.blok-tekst{position:sticky;top:110px}}.blok-tekst{position:relative}.blok-nr{font-family:var(--letter-mono);color:var(--onderwerp);font-size:13px;font-weight:600}.blok h2{letter-spacing:-.03em;margin-top:14px;font-size:clamp(32px,3.8vw,50px);font-weight:500;line-height:1.05}.blok-tekst>p:not(.label){color:var(--inkt-2);max-width:30rem;margin-top:18px}.blok-melding{font-size:14px}.blok-beeld{min-width:0}.installatie{background:var(--nacht);color:var(--nacht-tekst);clip-path:polygon(0 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%);padding:clamp(16px,2.4vw,24px)}.installatie a{color:inherit}.tabs{flex-wrap:wrap;gap:6px;display:flex}.tab{background:var(--nacht-2);min-height:38px;color:var(--nacht-zacht);font-family:var(--letter-mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%);border:0;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:600;transition:background-color .15s ease-out,color .15s ease-out,transform .1s ease-out;display:inline-flex}.tab:hover{color:var(--nacht-tekst)}.tab:active{transform:scale(.97)}.tab[aria-selected=true]{background:var(--nacht-tekst);color:var(--nacht)}.tab-label{background:var(--onderwerp);color:#fff;padding:1px 6px;font-size:10.5px}.paneel{background:var(--nacht-2);margin-top:16px;padding:clamp(16px,2.4vw,24px)}.paneel-kort{font-size:19px;font-weight:600;line-height:1.3}.paneel-uitleg{color:var(--nacht-zacht);margin-top:8px;font-size:15px}.paneel-stappen{gap:16px;margin:20px 0 0;padding:0;list-style:none;display:grid}.paneel-stappen li{grid-template-columns:28px minmax(0,1fr);gap:10px;display:grid}.paneel-nr{font-family:var(--letter-mono);color:var(--onderwerp);padding-top:3px;font-size:12px;font-weight:600}.paneel-stap{justify-items:start;gap:8px;min-width:0;display:grid}.terminal{background:var(--nacht-3);width:100%;position:relative}.terminal pre{color:var(--nacht-tekst);white-space:pre-wrap;overflow-wrap:anywhere;background:0 0;padding:13px 124px 13px 14px}.terminal .kopieer{position:absolute;top:8px;right:8px}.soorten{gap:12px;margin:0;padding:0;list-style:none;display:grid}.soorten li{background:var(--papier);clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);padding:18px 20px}.soort-kop{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.soort-naam{font-family:var(--letter-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--onderwerp);font-size:12.5px;font-weight:600}.soort-wat{color:var(--inkt-2);font-size:15px}.opdracht{background:var(--nacht);color:var(--nacht-tekst);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:10px 10px 10px 14px;display:flex}.opdracht code{white-space:normal;background:0 0;padding:0;font-size:13px;line-height:1.45}.lus{background:var(--nacht);color:var(--nacht-tekst);clip-path:polygon(0 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%);gap:4px;margin:0;padding:8px;list-style:none;display:grid}.lus li{background:var(--nacht-2)}.lus summary{cursor:pointer;grid-template-columns:2.4rem minmax(0,8rem) minmax(0,1fr) 1rem;align-items:baseline;gap:4px 14px;padding:12px 14px;list-style:none;transition:background-color .15s ease-out;display:grid}.lus summary::-webkit-details-marker{display:none}.faq summary::-webkit-details-marker{display:none}.lus summary:hover{background:#22323e}.lus-naam{font-family:var(--letter-mono);letter-spacing:.05em;text-transform:uppercase;font-size:13px;font-weight:600}.lus-levert{color:var(--nacht-zacht);font-size:15px}.poort{background:var(--nacht-3);color:var(--nacht-tekst);margin:0 14px 14px calc(2.4rem + 28px);padding:12px 14px;font-size:14.5px}.poort code{background:#22323e}.poort-kop{font-family:var(--letter-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--onderwerp);margin-right:6px;font-size:11.5px;font-weight:600}@media (max-width:640px){.lus summary{grid-template-columns:2rem minmax(0,1fr) 1rem}.lus-levert{grid-area:2/2}.lus summary:after{grid-area:1/3}.poort{margin-left:14px}}details::details-content{block-size:0;transition:block-size .28s cubic-bezier(.2, .8, .2, 1), content-visibility .28s allow-discrete;overflow-y:clip}details[open]::details-content{block-size:auto}.lus summary:after,.faq summary:after{content:"";background:linear-gradient(currentColor,currentColor) 50%/12px 1.5px no-repeat,linear-gradient(currentColor,currentColor) 50%/1.5px 12px no-repeat;flex-shrink:0;place-self:center end;width:12px;height:12px;transition:background-size .25s cubic-bezier(.2,.8,.2,1)}.lus summary:after{color:var(--nacht-zacht)}.faq summary:after{color:var(--onderwerp)}.lus details[open] summary:after,.faq details[open] summary:after{background-size:12px 1.5px,1.5px 0}.dag{background:color-mix(in srgb, var(--onderwerp) 16%, transparent)}span.dag{-webkit-box-decoration-break:clone;box-decoration-break:clone;margin:0 -.2em;padding:.05em .2em}.ruw .blok-regel{margin:0 -6px;padding:0 6px;display:block}.ruw .waarde{color:var(--onderwerp);font-weight:700}.stappen{grid-template-columns:minmax(0,1fr);gap:16px;margin:48px 0 0;padding:0;list-style:none;display:grid}@media (min-width:900px){.stappen{grid-template-columns:repeat(2,minmax(0,1fr))}.stap-breed{grid-column:1/-1}}.stap{min-width:0;padding:24px 26px 26px}.stap-nr{font-family:var(--letter-mono);color:var(--onderwerp);font-size:12.5px;font-weight:600}.stap h3{margin-top:10px;font-size:21px;font-weight:600}.stap>p:not(.stap-nr){color:var(--inkt-2);margin-top:6px}.stap>pre,.stap>.tabelvak,.stap>.sommen{margin-top:16px}.tabelvak{max-width:100%;overflow-x:auto}table{border-collapse:collapse;min-width:18rem;font-size:15px}th,td{text-align:left;border-bottom:1px dashed var(--context);padding:7px 16px 7px 8px}th{font-family:var(--letter-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--inkt-2);font-size:11.5px;font-weight:600}.getal{text-align:right}.sommen{gap:6px;margin:0;display:grid}.sommen>div{background:var(--vlak);justify-content:space-between;align-items:baseline;gap:16px;padding:9px 12px;display:flex}.sommen>div.dag{background:color-mix(in srgb, var(--onderwerp) 16%, transparent)}.sommen dt{color:var(--inkt-2)}.sommen dd{white-space:nowrap;margin:0;font-weight:700}.stap>p.antwoord{color:var(--inkt);font-family:var(--letter-lees);font-optical-sizing:auto;letter-spacing:-.02em;max-width:28ch;margin-top:10px;font-size:clamp(26px,3.4vw,40px);font-weight:300;line-height:1.2}.antwoord strong{font-family:var(--letter);font-weight:700}.stap>p.toelichting{margin-top:12px}.figuur{margin:32px 0 0}.figuur figcaption{flex-direction:column;gap:6px;max-width:40rem;margin-bottom:16px;display:flex}.figuur-kop{font-size:19px;font-weight:700;line-height:1.25}.figuur-onder{color:var(--inkt-2);font-size:15px}@media (min-width:1040px){.index{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:72px;display:grid}}.gesprek{margin-top:40px}.gesprek-vraag{background:var(--nacht);max-width:100%;color:var(--nacht-tekst);align-items:center;gap:8px;padding:9px 13px;display:inline-flex}.gesprek-vraag code{background:0 0;padding:0;font-size:13px}.les{background:var(--grijs);clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%);margin-top:8px;padding:24px 26px}.les h3{font-size:19px;line-height:1.3}.les dl{grid-template-columns:minmax(0,8rem) minmax(0,1fr);gap:8px 18px;margin:14px 0 0;display:grid}.les dt{color:var(--inkt-2)}.les dd{margin:0}@media (max-width:560px){.les dl{grid-template-columns:minmax(0,1fr);gap:2px}.les dd{margin-bottom:10px}}.faq{max-width:56rem;margin-top:40px}.faq details{border-top:1px dashed var(--context)}.faq details:last-child{border-bottom:1px dashed var(--context)}.faq summary{cursor:pointer;letter-spacing:-.012em;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:20px;font-weight:500;list-style:none;display:flex}.faq p{color:var(--inkt-2);max-width:44rem;padding:0 0 22px}.slot{text-align:center;background:linear-gradient(var(--lijn), var(--lijn)) center top / 1px 96px no-repeat, linear-gradient(var(--lijn), var(--lijn)) center 64px / calc(100% - 2 * var(--rand)) 1px no-repeat;margin-top:clamp(96px,13vw,168px);padding-top:clamp(72px,10vw,128px);padding-bottom:clamp(72px,10vw,128px);position:relative}.slot h2{max-width:16ch;margin-left:auto;margin-right:auto}.slot .label{margin-top:24px}.kruis-midden{color:var(--onderwerp);position:absolute;top:64px;left:50%;transform:translate(-50%,-50%)}.kruis-midden:before{content:"+";font-size:20px;font-weight:300}.voet{border-top:1px solid var(--lijn);color:var(--inkt-2);flex-wrap:wrap;justify-content:space-between;gap:16px 32px;padding-top:28px;padding-bottom:40px;font-size:14px;display:flex}.voet-merk{align-items:flex-start;gap:10px;max-width:30rem;display:flex}.voet nav{font-family:var(--letter-mono);letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;gap:8px 18px;font-size:12px;display:flex}.voet nav a{text-decoration:none}.versie{color:var(--inkt-3)}@media (max-width:560px){:not(pre)>code{white-space:normal;overflow-wrap:anywhere}}@media (max-width:640px){.venster-tab:not(.venster-tab-aan){display:none}.terminal pre{padding:42px 14px 13px}.opdracht{flex-direction:column;align-items:stretch}.opdracht .kopieer{align-self:flex-end}}.manifest{grid-template-columns:minmax(0,1fr);align-items:center;gap:48px 80px;display:grid}@media (min-width:980px){.manifest{grid-template-columns:minmax(0,1fr) minmax(0,420px)}}.manifest-citaat{border-left:2px solid var(--onderwerp);margin:32px 0 0;padding:0 0 0 20px}.manifest-citaat p{font-family:var(--letter-lees);font-optical-sizing:auto;letter-spacing:-.015em;font-size:clamp(24px,2.4vw,30px);font-weight:300;line-height:1.25}.manifest-uitklap{border-top:1px dashed var(--context);border-bottom:1px dashed var(--context);max-width:42rem;margin-top:28px}.manifest-uitklap summary{cursor:pointer;font-family:var(--letter-mono);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-size:12.5px;font-weight:600;list-style:none;display:flex}.manifest-uitklap summary::-webkit-details-marker{display:none}.manifest-uitklap summary:after{content:"";background:linear-gradient(var(--onderwerp), var(--onderwerp)) center / 12px 1.5px no-repeat, linear-gradient(var(--onderwerp), var(--onderwerp)) center / 1.5px 12px no-repeat;width:12px;height:12px;transition:background-size .25s cubic-bezier(.2,.8,.2,1)}.manifest-uitklap[open] summary:after{background-size:12px 1.5px,1.5px 0}.manifest-uitgeschreven{color:var(--inkt-2);gap:10px;padding:0 0 20px;display:grid}.film{aspect-ratio:9/16;background:var(--nacht);clip-path:polygon(0 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%);width:100%;max-width:420px;margin:0 auto;position:relative;box-shadow:0 30px 60px -30px #0f213273}.film video{object-fit:cover;background:var(--nacht);width:100%;height:100%;display:block}.film-knop{color:#f7f4ee;cursor:pointer;font:inherit;background:linear-gradient(#0b152100 45%,#0b1521c7);border:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;padding:0 24px 56px;display:flex;position:absolute;inset:0}.film-play{background:var(--onderwerp);color:#fff;border-radius:50%;place-items:center;width:84px;height:84px;margin-bottom:10px;padding-left:4px;transition:transform .12s ease-out,box-shadow .2s ease-out;display:grid;box-shadow:0 0 0 10px #e8650a38}.film-knop:hover .film-play{box-shadow:0 0 0 16px #e8650a2e}.film-knop:active .film-play{transform:scale(.95)}.film-label{font-family:var(--letter-mono);letter-spacing:.05em;text-transform:uppercase;font-size:14px;font-weight:600}.film-duur{color:#f7f4eebf;font-size:14px}.toneel-film{max-width:440px;margin:0 auto;position:relative}.toneel .film{max-width:440px}.manifest{max-width:1360px;grid-template-columns:minmax(0,1fr)!important}.bewijs-sessie{max-width:1120px;margin:48px auto 0}.stap h3{margin-top:0}.installatie a.knop-licht{color:var(--nacht)}.paneel-nr{width:26px;height:26px;color:var(--nacht-tekst);font-family:var(--letter);background:#24384a;border-radius:50%;place-items:center;padding:0;font-size:13px;font-weight:700;display:grid}.lus-nr{font-family:var(--letter);color:var(--nacht-zacht);font-size:15px;font-weight:600}.manifest{align-items:center;grid-template-columns:minmax(0,1fr)!important}@media (min-width:980px){.manifest{grid-template-columns:minmax(0,1fr) minmax(0,400px)!important;gap:80px!important}}.manifest-tekst .sectie-onder+.sectie-onder{margin-top:14px}.speler{aspect-ratio:9/16;background:var(--nacht);width:100%;max-width:400px;box-shadow:0 0 0 1px color-mix(in srgb, var(--inkt) 12%, transparent), 0 40px 80px -40px #0f21328c;isolation:isolate;border-radius:22px;margin:0 auto;position:relative;overflow:hidden}.speler:fullscreen{background:#000;border-radius:0;max-width:none}.speler video{object-fit:contain;background:var(--nacht);cursor:pointer;width:100%;height:100%;display:block}.speler-start{color:#fff;font:inherit;cursor:pointer;background:radial-gradient(75% 45% at 50% 42%,#0b15216b,#0b152100 72%);border:0;flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;padding:38% 0 0;display:flex;position:absolute;inset:0}.speler-rond{width:92px;height:92px;color:var(--nacht);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-radius:50%;place-items:center;margin-bottom:12px;padding-left:5px;transition:transform .15s cubic-bezier(.2,.8,.2,1),background-color .15s ease-out;display:grid;box-shadow:0 12px 30px -10px #00000080}.speler-start:hover .speler-rond{background:#fff;transform:scale(1.06)}.speler-start:active .speler-rond{transform:scale(.96)}.speler-titel{text-shadow:0 1px 12px #00000073;font-size:18px;font-weight:700}.speler-duur{color:#ffffffd9;text-shadow:0 1px 10px #00000073;font-size:14px}.speler-balk{-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%);color:#fff;background:#0b15219e;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;transition:opacity .3s ease-out,transform .3s ease-out;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.speler[data-rust] .speler-balk{opacity:0;pointer-events:none;transform:translateY(8px)}.speler[data-rust] video{cursor:none}.speler-knop{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.speler-knop:hover{background:#ffffff1f}.speler-lijn{cursor:pointer;flex:1;height:18px;position:relative}.speler-lijn:before,.speler-lijn span{content:"";border-radius:2px;height:4px;margin-top:-2px;position:absolute;top:50%;left:0}.speler-lijn:before{background:#ffffff47;right:0}.speler-lijn span{background:var(--onderwerp)}.speler-tijd{font-family:var(--letter-mono);color:#ffffffd9;white-space:nowrap;font-size:12px}@media (prefers-reduced-transparency:reduce){.speler-balk{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0b1521eb}}.illustratie{background:var(--vlak);border-radius:18px;margin:0;overflow:hidden}.illustratie img{width:100%;height:auto;display:block}.oplossing-kop{grid-template-columns:minmax(0,1fr);align-items:center;gap:40px 72px;display:grid}@media (min-width:980px){.oplossing-kop{grid-template-columns:minmax(0,1fr) minmax(0,420px)}}.voorwie-kop{letter-spacing:-.03em;margin-top:96px;font-size:clamp(30px,3.6vw,46px);font-weight:500;line-height:1.05}.voorwie{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px;margin:32px 0 0;padding:0;list-style:none;display:grid}@media (min-width:900px){.voorwie{grid-template-columns:repeat(4,minmax(0,1fr))}}.voorwie p{color:var(--inkt-2);margin-top:12px;font-size:16px}.toneel+.werkt-met{margin-top:40px}.toneel-film .speler{max-width:400px}.manifest-tekst{max-width:46rem}.manifest{text-align:center;justify-items:center;grid-template-columns:minmax(0,1fr)!important}.manifest .kop-groot,.manifest-tekst .sectie-onder{margin-inline:auto}.manifest-knoppen{justify-content:center}.odi-link{color:inherit;white-space:nowrap;align-items:baseline;gap:.28em;font-weight:600;text-decoration:none;display:inline-flex}.odi-link svg{flex-shrink:0;align-self:center;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.odi-link span{white-space:normal;background-image:linear-gradient(90deg,currentColor 50%,#0000 50%);background-position:0 100%;background-repeat:repeat-x;background-size:6px 1.5px;padding-bottom:1px;transition:color .15s ease-out}.odi-link:hover span{color:#1f5aa6;background-image:linear-gradient(90deg,#1f5aa6 50%,#0000 50%)}.odi-link:hover svg{transform:rotate(-12deg)}.installatie .odi-link span,.band .odi-link span{color:inherit}.installatie .odi-link:hover span{color:#8ab4ef;background-image:linear-gradient(90deg,#8ab4ef 50%,#0000 50%)}.vh{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.aanmeld-sectie{grid-template-columns:minmax(0,1fr);align-items:end;gap:32px 72px;display:grid}@media (min-width:980px){.aanmeld-sectie{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.aanmeld{background:var(--vlak);clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%);gap:14px;padding:clamp(18px,3vw,28px);display:grid}.aanmeld-rij{flex-wrap:wrap;gap:10px;display:flex}.aanmeld-rij input{border:1px solid var(--context);background:var(--papier);min-width:0;min-height:46px;color:var(--inkt);font:inherit;border-radius:8px;flex:220px;padding:0 14px;font-size:16px}.aanmeld-rij input:focus-visible{outline:2px solid var(--onderwerp);outline-offset:1px;border-color:#0000}.aanmeld-rij .knop{min-height:46px}.aanmeld-rij .knop:disabled{opacity:.6;cursor:progress}.aanmeld-keuze{color:var(--inkt-2);border:0;flex-wrap:wrap;gap:8px 22px;margin:0;padding:0;font-size:15px;display:flex}.aanmeld-keuze label{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.aanmeld-keuze input{width:17px;height:17px;accent-color:var(--onderwerp)}.aanmeld-noot,.aanmeld-fout{color:var(--inkt-3);margin:0;font-size:13.5px}.aanmeld-fout{color:#b8322a}.aanmeld-klaar{color:var(--inkt);margin:0;font-size:16px}.aanmeld-klein{clip-path:none;background:0 0;gap:8px;padding:0}.aanmeld-klein .aanmeld-rij input{min-height:40px;font-size:15px}.aanmeld-klein .aanmeld-rij .knop{min-height:40px;font-size:12px}.voet-aanmelden{flex:320px;max-width:440px}.voet-aanmelden-kop{color:var(--inkt);margin:0 0 8px;font-weight:600}.status-pagina{max-width:46rem;padding:clamp(56px, 9vw, 112px) var(--rand) 40px;margin:0 auto}.status-tekst{color:var(--inkt-2);gap:16px;margin-top:22px;font-size:17px;display:grid}.status-tekst h2{color:var(--inkt);margin-top:18px;font-size:21px}.status-tekst form{margin-top:4px}.speler-poster{object-fit:contain;background:var(--nacht);width:100%;height:100%;position:absolute;inset:0}.speler video{opacity:0;transition:opacity .4s ease-out;position:relative}.speler video[data-loopt],.speler:not([data-stand=voorproef]) video{opacity:1}.probleem-beeld figcaption,.klein,.site-bron{color:#5f6b76}.soort-naam{color:#b5520a}.tab-label{background:#b5520a}.aanmeld-noot,.aanmeld-noot a,.versie{color:#5f6b76}.maker{max-width:1360px;padding:40px var(--rand) 8px;border-top:1px dashed var(--context);margin:clamp(96px,12vw,152px) auto 0}.maker-wie{align-items:center;gap:16px;display:flex}.maker-foto{object-fit:cover;border-radius:50%;flex-shrink:0;width:64px;height:64px}.maker-monogram{background:var(--nacht);color:#fff;letter-spacing:-.02em;box-shadow:inset 0 0 0 3px var(--onderwerp);place-items:center;font-size:20px;font-weight:800;display:grid}.maker-klein{color:#5f6b76;margin:0;font-size:14px}.maker-naam{letter-spacing:-.015em;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:2px 0 0;font-size:22px;font-weight:700;display:flex}.maker-linkedin{color:#0a66c2;font-size:15px;font-weight:600;text-decoration:none}.maker-linkedin:hover{text-decoration:underline}.maker-intro{max-width:44rem;font-family:var(--letter-lees);font-optical-sizing:auto;color:var(--inkt);margin:18px 0 0;font-size:19px;line-height:1.45}.maker-sub{color:#5f6b76;margin:40px 0 0;font-size:15px;font-weight:600}.maker-projecten{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:16px;margin:14px 0 0;padding:0;list-style:none;display:grid}.maker-projecten a{color:var(--inkt);gap:6px;text-decoration:none;display:grid}.maker-projecten img{aspect-ratio:600/315;object-fit:cover;width:100%;height:auto;box-shadow:0 0 0 1px var(--lijn);border-radius:10px;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease-out;display:block}.maker-projecten a:hover img{box-shadow:0 0 0 1px var(--inkt-3), 0 12px 24px -16px #0f213266;transform:translateY(-2px)}.maker-pnaam{margin-top:4px;font-size:16px;font-weight:700}.maker-pnaam span{color:var(--onderwerp)}.maker-pwat{color:#5f6b76;font-size:14px;line-height:1.4}.maker+.voet{margin-top:48px}@media (max-width:560px){.maker-projecten{gap:18px 12px}.maker-pnaam{font-size:15px}.maker-pwat{font-size:13px}}@media (min-width:900px){.maker-projecten{grid-template-columns:repeat(4,minmax(0,1fr))}}.paneel-uitleg code{white-space:normal;overflow-wrap:anywhere;color:#eef0f2;background:#0b1218}
