*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:20rem;margin:0;color:var(--kleur-inkt);background:var(--kleur-grond);font:var(--gewicht-tekst) var(--tekst-m)/var(--regel-tekst) var(--letter-tekst)}body:before{position:fixed;z-index:-1;inset:0;background:radial-gradient(circle at 15% 18%,oklch(73.993% .12154 201.689/.12),transparent 30%),radial-gradient(circle at 82% 62%,oklch(43.215% .08 284.464/.18),transparent 34%);content:"";pointer-events:none}a{color:var(--kleur-accent-tekst);text-underline-offset:.2em}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--kleur-focus);outline-offset:3px}.filter-definitie{position:absolute}.merk{display:block;width:9.5rem;color:var(--kleur-inkt);line-height:0}.merk svg{display:block;width:100%;height:auto}.merk-accent{fill:var(--merk-cyaan)}.bovenkop,.kaartnummer{margin-block:0 var(--ruimte-3);color:var(--kleur-accent-tekst);font-size:var(--tekst-xs);font-weight:var(--gewicht-vet);letter-spacing:var(--spatiering-label);text-transform:uppercase}.glas-nav nav{display:flex;gap:var(--ruimte-4)}.glas-nav nav a{color:var(--kleur-inkt);font-size:var(--tekst-s);text-decoration:none}.thema-bediening{display:grid;justify-items:end;gap:var(--ruimte-1)}.thema-bediening small{color:var(--kleur-inkt-gedempt);font-size:var(--tekst-xs)}.thema-knop{padding:var(--ruimte-2) var(--ruimte-3);color:var(--kleur-inkt);background:var(--kleur-vlak-2);border:1px solid var(--kleur-rand-sterk);border-radius:var(--radius-rond);font:inherit;font-size:var(--tekst-s);cursor:pointer}main,footer{width:min(calc(100% - 2 * var(--ruimte-5)),var(--maat-pagina));margin-inline:auto}.intro{min-height:68vh;display:grid;align-content:center;padding-block:var(--ruimte-sectie)}.intro h1{max-width:13ch;margin:0;font:var(--gewicht-vet) var(--tekst-4xl)/var(--regel-strak) var(--letter-display);letter-spacing:var(--spatiering-kop)}.intro>p:last-child{max-width:var(--maat-tekst);color:var(--kleur-inkt-gedempt);font-size:var(--tekst-l)}.sectie{padding-block:var(--ruimte-sectie);border-top:1px solid var(--kleur-rand)}.sectiekop{margin-bottom:var(--ruimte-6)}h2,h3{margin-block:0 var(--ruimte-3);font-family:var(--letter-display);line-height:var(--regel-strak);letter-spacing:var(--spatiering-kop)}h2{font-size:var(--tekst-3xl)}h3{font-size:var(--tekst-xl)}.stalen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ruimte-3)}.staal{overflow:hidden;min-width:0;background:var(--kleur-vlak-1);border:1px solid var(--kleur-rand);border-radius:var(--radius-m)}.staal span{display:block;height:5rem;color:transparent;border-bottom:1px solid var(--kleur-rand)}.staal h3{margin:var(--ruimte-3) var(--ruimte-3) 0;font-size:var(--tekst-m)}.staal code{display:block;overflow-wrap:anywhere;padding:0 var(--ruimte-3) var(--ruimte-3);color:var(--kleur-inkt-gedempt);font-size:var(--tekst-xs)}
.staal.grond span,.knop-vlak.grond{background:var(--kleur-grond)}.staal.vlak-1 span,.knop-vlak.vlak-1{background:var(--kleur-vlak-1)}.staal.vlak-2 span,.knop-vlak.vlak-2{background:var(--kleur-vlak-2)}.staal.vlak-3 span,.knop-vlak.vlak-3{background:var(--kleur-vlak-3)}.staal.inkt span{color:transparent;background:var(--kleur-inkt)}.staal.gedempt span{color:transparent;background:var(--kleur-inkt-gedempt)}.staal.accent span{color:transparent;background:var(--kleur-accent)}.staal.accent-inkt span{color:transparent;background:var(--kleur-accent-inkt)}.staal.accent-tekst span{color:transparent;background:var(--kleur-accent-tekst)}.staal.rand span{color:transparent;background:var(--kleur-rand)}.staal.rand-sterk span{color:transparent;background:var(--kleur-rand-sterk)}.staal.focus span{color:transparent;background:var(--kleur-focus)}.staal.merk-navy span{color:transparent;background:var(--merk-navy)}.staal.merk-cyaan span{color:transparent;background:var(--merk-cyaan)}
.type-kolommen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ruimte-6)}.type-kolommen>div{min-width:0}.type-kolommen p{overflow:hidden;margin:0;padding-block:var(--ruimte-3);white-space:nowrap;border-bottom:1px solid var(--kleur-rand);font-family:var(--letter-display);line-height:var(--regel-strak)}.type-kolommen .tekstfamilie p{font-family:var(--letter-tekst)}.tekst-xs{font-size:var(--tekst-xs)}.tekst-s{font-size:var(--tekst-s)}.tekst-m{font-size:var(--tekst-m)}.tekst-l{font-size:var(--tekst-l)}.tekst-xl{font-size:var(--tekst-xl)}.tekst-2xl{font-size:var(--tekst-2xl)}.tekst-3xl{font-size:var(--tekst-3xl)}.tekst-4xl{font-size:var(--tekst-4xl)}.knop-vlakken{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ruimte-4)}.knop-vlak{padding:var(--ruimte-5);border:1px solid var(--kleur-rand);border-radius:var(--radius-l)}.knop{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;margin:var(--ruimte-2) var(--ruimte-2) var(--ruimte-2) 0;padding:var(--ruimte-3) var(--ruimte-5);border-radius:var(--radius-rond);font:inherit;font-weight:var(--gewicht-vet);text-decoration:none;cursor:pointer}.knop-vol{color:var(--kleur-accent-inkt);background:var(--kleur-accent);border:1px solid var(--kleur-accent)}.knop-lijn{color:var(--kleur-inkt);background:transparent;border:1px solid var(--kleur-rand-sterk)}.componenten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ruimte-5)}.componenten .sectiekop{grid-column:1/-1}.glas-kaart p:not(.kaartnummer),.glas-cta p:not(.bovenkop){color:var(--kleur-inkt-gedempt)}
.formulier-sectie{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--ruimte-7);margin-block:var(--ruimte-sectie);padding:var(--ruimte-7);color:#f4f6fa;background:#1c1c28;border:1px solid #686877;border-radius:var(--radius-l);box-shadow:var(--schaduw-m);color-scheme:dark}:root[data-thema=licht] .formulier-sectie{color-scheme:light}.formulier-sectie .bovenkop{color:#1ec1cb}.formulier-sectie>div>p:last-child,.form-melding{color:#a9a9b7}.formulier-sectie form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ruimte-4)}.veld{display:grid;align-content:start;gap:var(--ruimte-2)}.veld-breed{grid-column:1/-1}label{font-size:var(--tekst-s);font-weight:var(--gewicht-halfvet)}input,select,textarea{width:100%;min-height:2.75rem;padding:var(--ruimte-3);color:#f4f6fa;background:#2f2f3c;border:1px solid #686877;border-radius:var(--radius-s);font:inherit}textarea{resize:vertical}.form-melding{margin:var(--ruimte-2) 0 0;font-size:var(--tekst-xs)}.glas-cta{margin-block:var(--ruimte-sectie)}footer{padding-block:var(--ruimte-6);color:var(--kleur-inkt-gedempt);font-size:var(--tekst-s)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(max-width:52rem){.glas-nav nav{display:none}.stalen{grid-template-columns:repeat(2,minmax(0,1fr))}.type-kolommen,.formulier-sectie{grid-template-columns:1fr}}@media(max-width:42rem){.thema-bediening small{display:none}.componenten,.knop-vlakken{grid-template-columns:1fr}.formulier-sectie{padding:var(--ruimte-5)}.formulier-sectie form{grid-template-columns:1fr}.veld-breed{grid-column:auto}}