:root{--merk:#23446f;--merk-donker:#18324f;--accent:#2f7dd1;--accent-zacht:#e7f0fb;--tekst:#14202e;--tekst-zacht:#4c5b6d;--achter:#fff;--vlak:#f3f6fa;--kaart:#fff;--rand:#d9e1ea;--fout:#b42318;--fout-vlak:#fdecea;--goed:#1b7a43;--focus:#2f7dd1;--schaduw:0 10px 30px #14202e14, 0 2px 6px #14202e0f;--rond:14px;--breed:1180px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--merk:#8fb6e8;--merk-donker:#b9d2f2;--accent:#6aa8ec;--accent-zacht:#16263a;--tekst:#e8eef5;--tekst-zacht:#a7b4c3;--achter:#0e141b;--vlak:#141c26;--kaart:#18212c;--rand:#2a3644;--fout:#ff8a80;--fout-vlak:#3a1715;--goed:#6fd39b;--focus:#8fb6e8;--schaduw:0 10px 30px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body.ds-app{background:var(--achter);color:var(--tekst);margin:0;font:max(13px,1rem)/1.6 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}a{color:var(--accent)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}h1,h2,h3{margin:0 0 .5em;line-height:1.2}h1{letter-spacing:-.02em;font-size:clamp(2rem,1.3rem + 2.6vw,3.25rem)}h2{letter-spacing:-.01em;font-size:clamp(1.6rem,1.2rem + 1.4vw,2.25rem)}h3{font-size:1.125rem}p{margin:0 0 1em}.ds-breed{max-width:var(--breed);padding:0 calc(24 * var(--px));margin:0 auto}.ds-smal{max-width:640px}.ds-overslaan{position:absolute;top:8px;left:-10000px}.ds-overslaan:focus{z-index:10;background:var(--kaart);padding:calc(8 * var(--px)) calc(12 * var(--px));left:8px}.ds-kop{z-index:5;background:color-mix(in srgb, var(--achter) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--rand);position:sticky;top:0}.ds-kop-binnen{justify-content:space-between;align-items:center;gap:calc(16 * var(--px));min-height:max(38px, calc(68 * var(--px)));display:flex}.ds-merk{align-items:center;gap:calc(10 * var(--px));color:var(--tekst);text-decoration:none;display:inline-flex}.ds-merk-logo{padding:calc(4 * var(--px)) calc(8 * var(--px));background:#fff;border-radius:8px;display:inline-flex}.ds-merk-logo img{width:auto;height:32px;display:block}.ds-merk-tekst{color:var(--merk);font-size:1.15rem;font-weight:700}.ds-nav{align-items:center;gap:calc(20 * var(--px));display:flex}.ds-nav a:not(.ds-knop){color:var(--tekst);font-weight:500;text-decoration:none}.ds-nav a:not(.ds-knop):hover{color:var(--accent)}.ds-knop{justify-content:center;align-items:center;gap:calc(8 * var(--px));min-height:max(38px, calc(48 * var(--px)));padding:0 calc(24 * var(--px));border:2px solid var(--merk);background:var(--merk);color:#fff;font:inherit;cursor:pointer;border-radius:10px;font-weight:600;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}@media (prefers-color-scheme:dark){.ds-knop{color:#0e141b}}.ds-knop:hover{background:var(--merk-donker);border-color:var(--merk-donker)}.ds-knop:disabled{opacity:.6;cursor:progress}.ds-knop-tweede{color:var(--merk);background:0 0}.ds-knop-tweede:hover{background:var(--accent-zacht);color:var(--merk);border-color:var(--merk)}.ds-knop-klein{min-height:max(38px, calc(40 * var(--px)));padding:0 calc(16 * var(--px))}.ds-knop-breed{width:100%}.ds-knoppen{gap:calc(12 * var(--px));margin:calc(28 * var(--px)) 0 calc(24 * var(--px));flex-wrap:wrap;display:flex}.ds-held{background:radial-gradient(1100px 500px at 85% -10%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 60%), radial-gradient(700px 400px at -10% 110%, color-mix(in srgb, var(--merk) 14%, transparent), transparent 60%);padding:calc(72 * var(--px)) 0 calc(80 * var(--px))}.ds-held-binnen{gap:calc(56 * var(--px));grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;display:grid}.ds-bovenkop{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:calc(12 * var(--px));font-size:.8rem;font-weight:700;display:inline-block}.ds-intro{color:var(--tekst-zacht);max-width:38em;font-size:1.15rem}.ds-punten{gap:calc(8 * var(--px)) calc(20 * var(--px));color:var(--tekst-zacht);flex-wrap:wrap;margin:0;padding:0;font-size:.95rem;list-style:none;display:flex}.ds-punten li:before,.ds-vinkjes li:before{content:"✓";color:var(--goed);margin-right:calc(8 * var(--px));font-weight:700}.ds-scherm{background:var(--kaart);border:1px solid var(--rand);box-shadow:var(--schaduw);border-radius:16px;overflow:hidden;transform:perspective(1400px)rotateY(-6deg)rotateX(2deg)}.ds-scherm-balk{align-items:center;gap:calc(6 * var(--px));padding:calc(10 * var(--px)) calc(14 * var(--px));background:var(--vlak);border-bottom:1px solid var(--rand);display:flex}.ds-scherm-balk span{background:var(--rand);border-radius:50%;width:10px;height:10px}.ds-scherm-balk em{margin-left:calc(12 * var(--px));color:var(--tekst-zacht);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-style:normal;overflow:hidden}.ds-scherm-inhoud{min-height:max(38px, calc(300 * var(--px)));grid-template-columns:64px 1fr;display:grid}.ds-scherm-zij{background:var(--merk);padding:calc(14 * var(--px)) calc(12 * var(--px));gap:calc(12 * var(--px));flex-direction:column;display:flex}.ds-blok{background:#ffffff59;border-radius:5px;height:10px;display:block}.ds-blok-merk{background:#ffffffd9;border-radius:8px;height:28px}.ds-scherm-hoofd{padding:calc(18 * var(--px));gap:calc(12 * var(--px));flex-direction:column;display:flex}.ds-tegels{gap:calc(10 * var(--px));margin-bottom:calc(6 * var(--px));grid-template-columns:repeat(3,1fr);display:grid}.ds-tegel{height:max(38px, calc(64 * var(--px)));background:var(--accent-zacht);border:1px solid var(--rand);border-radius:10px;display:block}.ds-tegel-a{background:color-mix(in srgb, var(--accent) 22%, var(--kaart))}.ds-tegel-c{background:color-mix(in srgb, var(--goed) 18%, var(--kaart))}.ds-regel{background:var(--vlak);border:1px solid var(--rand);border-radius:6px;width:70%;height:12px;display:block}.ds-regel-lang{width:92%}.ds-regel-kort{width:45%}.ds-sectie{padding:calc(80 * var(--px)) 0}.ds-sectie-vlak{background:var(--vlak);border-top:1px solid var(--rand);border-bottom:1px solid var(--rand)}.ds-sectie-intro{color:var(--tekst-zacht);margin-bottom:calc(36 * var(--px));font-size:1.1rem}.ds-functies{gap:calc(20 * var(--px));grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0;padding:0;list-style:none;display:grid}.ds-functies li{background:var(--kaart);border:1px solid var(--rand);border-radius:var(--rond);padding:calc(24 * var(--px));transition:border-color .15s,box-shadow .15s}.ds-functies li:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--rand));box-shadow:var(--schaduw)}.ds-functies p{color:var(--tekst-zacht);margin:0}.ds-icoon{width:max(38px, calc(40 * var(--px)));height:max(38px, calc(40 * var(--px)));padding:calc(8 * var(--px));background:var(--accent-zacht);color:var(--accent);border-radius:10px;margin-bottom:14px}.ds-eigen{gap:calc(48 * var(--px));grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;display:grid}.ds-eigen p{color:var(--tekst-zacht);font-size:1.05rem}.ds-vinkjes{padding:calc(24 * var(--px)) calc(28 * var(--px));background:var(--kaart);border:1px solid var(--rand);border-radius:var(--rond);gap:calc(12 * var(--px));flex-direction:column;margin:0;list-style:none;display:flex}.ds-stappen{counter-reset:stap;margin:calc(32 * var(--px)) 0 0;gap:calc(20 * var(--px));grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none;display:grid}.ds-stappen li{counter-increment:stap;padding:calc(56 * var(--px)) calc(20 * var(--px)) calc(20 * var(--px));border-radius:var(--rond);border:1px solid var(--rand);background:var(--kaart);position:relative}.ds-stappen li:before{content:counter(stap);background:var(--merk);width:28px;height:28px;color:var(--achter);border-radius:50%;place-items:center;font-size:.9rem;font-weight:700;display:grid;position:absolute;top:18px;left:20px}.ds-stappen p{color:var(--tekst-zacht);margin:0}.ds-aanmelden{gap:calc(48 * var(--px));grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;display:grid}.ds-aanmelden-uitleg>p{color:var(--tekst-zacht);font-size:1.05rem}.ds-privacy{margin-top:calc(24 * var(--px));padding:calc(20 * var(--px));border-radius:var(--rond);border:1px solid var(--rand);background:var(--kaart);color:var(--tekst-zacht);font-size:.95rem}.ds-privacy h3{color:var(--tekst);font-size:1rem}.ds-privacy p:last-child{margin-bottom:0}.ds-kaart{background:var(--kaart);border:1px solid var(--rand);border-radius:var(--rond);box-shadow:var(--schaduw);padding:calc(32 * var(--px))}.ds-formulier fieldset{margin:0 0 calc(24 * var(--px));border:0;min-width:0;padding:0}.ds-formulier legend{margin-bottom:calc(12 * var(--px));padding:0;font-size:1.05rem;font-weight:700}.ds-rij{gap:0 calc(16 * var(--px));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ds-veld{margin-bottom:calc(16 * var(--px));min-width:0}.ds-veld label{margin-bottom:calc(6 * var(--px));font-weight:600;display:block}.ds-optioneel{color:var(--tekst-zacht);font-weight:400}.ds-veld input,.ds-veld textarea{width:100%;min-height:max(38px, calc(48 * var(--px)));padding:calc(10 * var(--px)) calc(14 * var(--px));border:1px solid var(--rand);background:var(--achter);color:var(--tekst);font:inherit;border-radius:10px;display:block}.ds-veld textarea{resize:vertical;min-height:max(38px, calc(110 * var(--px)))}.ds-veld input:focus,.ds-veld textarea:focus{border-color:var(--accent);outline:3px solid color-mix(in srgb, var(--accent) 30%, transparent);outline-offset:0}.ds-veld [aria-invalid=true]{border-color:var(--fout)}.ds-adres{border:1px solid var(--rand);background:var(--achter);border-radius:10px;align-items:stretch;display:flex;overflow:hidden}.ds-adres:focus-within{border-color:var(--accent);outline:3px solid color-mix(in srgb, var(--accent) 30%, transparent)}.ds-adres input{border:0;border-radius:0;flex:auto;min-width:0}.ds-adres input:focus{outline:none}.ds-adres-domein{padding:0 calc(14 * var(--px));background:var(--vlak);border-left:1px solid var(--rand);color:var(--tekst-zacht);white-space:nowrap;align-items:center;display:flex}.ds-hint,.ds-stand,.ds-fout,.ds-klein{margin:calc(6 * var(--px)) 0 0;font-size:.9rem}.ds-hint,.ds-klein{color:var(--tekst-zacht)}.ds-stand:empty{display:none}.ds-stand.ds-vrij{color:var(--goed)}.ds-stand.ds-bezet{color:var(--fout)}.ds-fout{color:var(--fout);font-weight:500}.ds-melding{padding:calc(12 * var(--px)) calc(16 * var(--px));margin-bottom:calc(20 * var(--px));border-radius:10px}.ds-melding-fout{background:var(--fout-vlak);color:var(--fout)}.ds-klein{margin-top:calc(12 * var(--px))}.ds-vang{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.ds-klaar h3{font-size:1.35rem}.ds-klaar p{color:var(--tekst-zacht)}.ds-bevestigen{min-height:60vh}.ds-bevestig-modus main>section:not(#bevestigen){display:none}.ds-voet{padding:calc(32 * var(--px)) 0;color:var(--tekst-zacht);font-size:.9rem}.ds-voet-binnen{justify-content:space-between;gap:calc(8 * var(--px)) calc(24 * var(--px));flex-wrap:wrap;display:flex}.ds-voet p{margin:0}.ds-voet a{color:var(--tekst-zacht)}@media (width<=1000px){.ds-held-binnen,.ds-eigen,.ds-aanmelden{gap:calc(40 * var(--px));grid-template-columns:minmax(0,1fr)}.ds-held-beeld{max-width:560px}.ds-scherm{transform:none}.ds-stappen{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.ds-breed{padding:0 calc(16 * var(--px))}.ds-nav a:not(.ds-knop){display:none}.ds-merk-logo img{height:26px}.ds-held{padding:calc(40 * var(--px)) 0 calc(48 * var(--px))}.ds-held-beeld{display:none}.ds-sectie{padding:calc(56 * var(--px)) 0}.ds-rij,.ds-stappen{grid-template-columns:minmax(0,1fr)}.ds-kaart{padding:calc(20 * var(--px))}.ds-knoppen .ds-knop{width:100%}.ds-adres{flex-wrap:wrap}.ds-adres-domein{border-left:0;border-top:1px solid var(--rand);width:100%;min-height:36px}}
