:root{--rond:14px;--breed:1160px;--px:1px;--achtergrond:#0b1220;--vlak:#111a2c;--vlak-2:#16223a;--kaart:#111a2c;--rand:#24324d;--veldrand:#5b6b85;--tekst:#e6edf7;--tekst-zacht:#a3b1c6;--merk:#2dd4bf;--merk-hover:#5eead4;--merk-tekst:#04201d;--merk-licht:#0f2c33;--accent:#60a5fa;--link:#5eead4;--gloed:#14b8a640;--gloed-2:#2563eb38;--schaduw:0 1px 2px #0006, 0 10px 30px #00000059;--fout:#ff8a80;--fout-vlak:#3a1715;--goed:#6fd39b;--label-binnenkort:#3a2a10;--label-binnenkort-tekst:#ffd28a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:88px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body.ds-app{background:var(--achtergrond);min-height:100vh;color:var(--tekst);text-rendering:optimizelegibility;flex-direction:column;margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,Roboto,Helvetica Neue,Arial,sans-serif;font-size:max(13px,1.0625rem);line-height:1.6;display:flex}main{flex:1 0 auto}a{color:var(--link);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}[tabindex="-1"]:focus{outline:none}h1,h2,h3{letter-spacing:-.02em;margin:0 0 .5em;line-height:1.15}h1{font-size:clamp(2rem,1.4rem + 1.6vw,2.5rem);font-weight:800}h2{letter-spacing:-.01em;font-size:1.375rem;font-weight:750}h3{font-size:1.125rem;font-weight:700}p{margin:0 0 1em}.ds-breed{width:100%;max-width:var(--breed);padding:0 calc(20 * var(--px));margin:0 auto}.ds-smal{max-width:640px}.ds-overslaan{z-index:100;background:var(--merk);color:var(--merk-tekst);padding:calc(10 * var(--px)) calc(16 * var(--px));border-radius:8px;font-weight:600;position:absolute;top:-60px;left:12px}.ds-overslaan:focus{top:12px}.ds-kop{z-index:50;background:var(--achtergrond);background:color-mix(in srgb, var(--achtergrond) 88%, transparent);-webkit-backdrop-filter:saturate(160%)blur(10px);backdrop-filter:saturate(160%)blur(10px);border-bottom:1px solid var(--rand);position:sticky;top:0}.ds-kop-binnen{align-items:center;gap:calc(12 * var(--px));height:max(38px, calc(72 * var(--px)));display:flex;position:relative}.ds-menu a,.ds-taal,.ds-kop-proef{white-space:nowrap}.ds-logo{color:var(--tekst);flex:none;display:inline-flex}.ds-logo svg{width:auto;height:36px;display:block}.sb-sense{stroke:currentColor}.sb-base{stroke:var(--link)}.ds-menu{align-items:center;gap:2px;margin-left:auto;display:flex}.ds-menu a{color:var(--tekst);padding:calc(8 * var(--px));border-radius:8px;font-size:.97rem;font-weight:550;text-decoration:none}.ds-menu a:hover{background:var(--vlak)}.ds-kop-acties{align-items:center;gap:calc(4 * var(--px));display:flex}.ds-taal{min-height:max(38px, calc(40 * var(--px)));padding:calc(8 * var(--px)) calc(10 * var(--px));border:1px solid var(--rand);color:var(--tekst-zacht);font:inherit;cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;font-size:.9rem;font-weight:650;display:inline-flex}.ds-taal:hover{color:var(--tekst)}.ds-menu-knop{width:max(38px, calc(40 * var(--px)));height:max(38px, calc(40 * var(--px)));border:1px solid var(--rand);color:var(--tekst);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;padding:0;display:none}.ds-menu-knop:hover{background:var(--vlak)}.ds-knop{justify-content:center;align-items:center;gap:calc(8 * var(--px));min-height:max(38px, calc(46 * var(--px)));padding:calc(10 * var(--px)) calc(20 * var(--px));background:var(--merk);color:var(--merk-tekst);box-shadow:0 6px 18px var(--gloed);font:inherit;text-align:center;cursor:pointer;border:1px solid #0000;border-radius:12px;font-weight:650;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.ds-knop:hover{background:var(--merk-hover);transform:translateY(-1px)}.ds-knop:disabled{opacity:.6;cursor:progress;transform:none}.ds-knop-tweede{background:var(--vlak);color:var(--tekst);border-color:var(--rand);box-shadow:none}.ds-knop-tweede:hover{background:var(--vlak-2)}.ds-knop-klein{min-height:max(38px, calc(40 * var(--px)));padding:calc(8 * var(--px)) calc(14 * var(--px));font-size:.9375rem}.ds-knop-breed{width:100%}.ds-knoppen{gap:calc(12 * var(--px));margin:calc(8 * var(--px)) 0 0;flex-wrap:wrap;display:flex}main{position:relative;overflow:hidden}.ds-held{padding:clamp(40px,6vw,80px) 0 clamp(36px,5vw,64px);position:relative}.ds-held:before{content:"";background:radial-gradient(closest-side, var(--gloed), transparent 70%), radial-gradient(closest-side at 70% 40%, var(--gloed-2), transparent 70%);pointer-events:none;height:120%;position:absolute;inset:-30% -10% auto 40%}.ds-held-raster{gap:calc(56 * var(--px));grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;display:grid;position:relative}.ds-held h1{font-size:clamp(2.1rem,4.6vw,3.3rem)}.ds-boventitel{margin:0 0 calc(12 * var(--px));letter-spacing:.08em;text-transform:uppercase;color:var(--link);font-size:.82rem;font-weight:750;display:inline-block}.ds-intro{color:var(--tekst-zacht);max-width:34em;font-size:clamp(1.08rem,1.6vw,1.2rem)}.ds-held-acties{gap:calc(12 * var(--px));margin-top:calc(8 * var(--px));flex-wrap:wrap;display:flex}.ds-beeld{min-width:0;margin:0}.ds-beeld picture{border:1px solid var(--rand);background:var(--vlak);border-radius:18px;display:block;overflow:hidden;box-shadow:0 2px 6px #0c1a2b14,0 24px 60px #00000059}.ds-beeld img{width:100%;height:auto;display:block}.ds-beeld figcaption{margin:calc(10 * var(--px)) 2px 0;color:var(--tekst-zacht);font-size:.85rem}.ds-ingang{column-gap:calc(40 * var(--px));padding-top:calc(8 * var(--px));padding-bottom:calc(72 * var(--px));grid-template-columns:minmax(0,640px) minmax(0,1fr);align-items:start;display:grid;position:relative}.ds-stappen{counter-reset:stap;margin:calc(8 * var(--px)) 0 calc(28 * var(--px));gap:calc(12 * var(--px));max-width:34em;padding:0;list-style:none;display:grid}.ds-stappen li{counter-increment:stap;gap:calc(12 * var(--px));color:var(--tekst-zacht);grid-template-columns:28px 1fr;align-items:start;display:grid}.ds-stappen li:before{content:counter(stap);background:var(--merk-licht);width:28px;height:28px;color:var(--link);border-radius:50%;place-items:center;font-size:.875rem;font-weight:700;display:grid}.ds-inloggen{box-shadow:none}.ds-inloggen>p{color:var(--tekst-zacht)}.ds-aanmeld-inhoud.ds-wacht{visibility:hidden}.ds-kaart{background:var(--kaart);border:1px solid var(--rand);border-radius:var(--rond);box-shadow:var(--schaduw);padding:calc(28 * var(--px))}.ds-formulier fieldset{margin:0 0 calc(16 * var(--px));border:0;min-width:0;padding:0}.ds-formulier legend{letter-spacing:.06em;text-transform:uppercase;color:var(--link);margin-bottom:calc(10 * var(--px));padding:0;font-size:.8125rem;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(14 * var(--px));min-width:0}.ds-veld label{margin-bottom:calc(6 * var(--px));font-size:.9375rem;font-weight:600;display:block}.ds-optioneel{color:var(--tekst-zacht);font-weight:400}.ds-veld input,.ds-veld select,.ds-veld textarea{width:100%;min-height:max(38px, calc(44 * var(--px)));padding:calc(9 * var(--px)) calc(12 * var(--px));border:1px solid var(--veldrand);background:var(--achtergrond);color:var(--tekst);font:inherit;border-radius:10px;display:block}.ds-veld textarea{resize:vertical;min-height:max(38px, calc(84 * var(--px)))}.ds-veld input:focus,.ds-veld select:focus,.ds-veld textarea:focus{border-color:var(--merk);outline:3px solid color-mix(in srgb, var(--merk) 28%, transparent);outline-offset:0}.ds-veld [aria-invalid=true]{border-color:var(--fout)}.ds-veld.ds-vink{gap:calc(4 * var(--px)) calc(10 * var(--px));grid-template-columns:auto 1fr;align-items:start;display:grid}.ds-veld.ds-vink input{width:20px;height:20px;min-height:0;accent-color:var(--merk);margin:3px 0 0;padding:0}.ds-veld.ds-vink label{margin:0;font-weight:400}.ds-veld.ds-vink .ds-fout{grid-column:2}.ds-adres{border:1px solid var(--veldrand);background:var(--achtergrond);border-radius:10px;align-items:stretch;display:flex;overflow:hidden}.ds-adres:focus-within{border-color:var(--merk);outline:3px solid color-mix(in srgb, var(--merk) 28%, transparent)}.ds-adres:has([aria-invalid=true]){border-color:var(--fout)}.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(12 * 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:.875rem}.ds-hint,.ds-klein{color:var(--tekst-zacht)}.ds-klein{margin-top:calc(12 * var(--px))}.ds-stand:empty{display:none}.ds-stand.ds-vrij{color:var(--goed)}.ds-stand.ds-bezet,.ds-fout{color:var(--fout);font-weight:500}.ds-melding{padding:calc(12 * var(--px)) calc(16 * var(--px));margin-bottom:calc(16 * var(--px));border-radius:10px}.ds-melding-fout{background:var(--fout-vlak);color:var(--fout)}.ds-melding:not(.ds-melding-fout){background:var(--merk-licht)}.ds-melding:empty{display:none}.ds-vang{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.ds-privacy{margin-top:calc(20 * var(--px));border-top:1px solid var(--rand);padding-top:calc(14 * var(--px));color:var(--tekst-zacht);font-size:.875rem}.ds-privacy summary{cursor:pointer;color:var(--tekst);font-weight:600}.ds-privacy[open] summary{margin-bottom:calc(8 * var(--px))}.ds-privacy p:last-child{margin-bottom:0}.ds-klaar p{color:var(--tekst-zacht)}.ds-label{padding:calc(4 * var(--px)) calc(10 * var(--px));background:var(--label-binnenkort);color:var(--label-binnenkort-tekst);margin-bottom:calc(12 * var(--px));border-radius:999px;font-size:.875rem;font-weight:700;display:inline-block}.ds-binnenkort p:not(.ds-label){color:var(--tekst-zacht)}.ds-sectie{padding:calc(56 * var(--px)) 0 calc(64 * var(--px));position:relative}.ds-bevestig-modus main>:not(#bevestigen),.ds-omzet-modus main>:not(#omzetten),.ds-bevestig-modus .ds-kop-proef,.ds-omzet-modus .ds-kop-proef,.ds-omzet-modus .ds-taal,.ds-omzet-modus .ds-voet-taal,.ds-omzet-modus .ds-menu,.ds-omzet-modus .ds-menu-knop{display:none}.ds-bevestigen .ds-kaart p:last-child{margin-bottom:0}.ds-omzetten .ds-smal{max-width:760px}.ds-pakketten{gap:calc(12 * var(--px));margin:calc(8 * var(--px)) 0 calc(4 * var(--px));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ds-pakket{gap:2px calc(10 * var(--px));padding:calc(14 * var(--px)) calc(16 * var(--px));border:1px solid var(--rand);background:var(--achtergrond);cursor:pointer;border-radius:10px;grid-template-columns:auto 1fr;align-items:start;display:grid}.ds-pakket:has(input:checked){border-color:var(--merk);background:var(--merk-licht)}.ds-pakket:has(input:focus-visible){outline:3px solid color-mix(in srgb, var(--merk) 28%, transparent)}.ds-pakket input{width:20px;height:20px;accent-color:var(--merk);grid-row:span 2;margin:2px 0 0}.ds-pakket-naam{font-weight:600}.ds-pakket-prijs{color:var(--tekst-zacht)}.ds-omzet-stand{margin-bottom:calc(20 * var(--px))}.ds-gegevens{gap:calc(6 * var(--px)) calc(16 * var(--px));margin:calc(12 * var(--px)) 0 0;grid-template-columns:auto 1fr;display:grid}.ds-gegevens dt{font-weight:600}.ds-gegevens dd{margin:0}.ds-voet{border-top:1px solid var(--rand);background:var(--vlak);padding:calc(56 * var(--px)) 0 calc(28 * var(--px));font-size:.95rem}.ds-voet-raster{gap:calc(32 * var(--px));grid-template-columns:1.4fr repeat(3,1fr);display:grid}.ds-voet h2{text-transform:uppercase;letter-spacing:.08em;color:var(--tekst-zacht);margin:0 0 calc(12 * var(--px));font-size:.82rem}.ds-voet ul{margin:0;padding:0;list-style:none}.ds-voet li{margin:0 0 calc(8 * var(--px))}.ds-voet a{color:var(--tekst);text-decoration:none}.ds-voet a:hover{color:var(--link);text-decoration:underline}.ds-voet .ds-logo svg{height:32px}.ds-voet-zin{color:var(--tekst-zacht);margin:14px 0 1em}.ds-voet-onder{justify-content:space-between;gap:calc(12 * var(--px));border-top:1px solid var(--rand);margin-top:calc(40 * var(--px));padding-top:calc(20 * var(--px));color:var(--tekst-zacht);flex-wrap:wrap;display:flex}.ds-voet-onder p{margin:0}.ds-voet-taal{color:var(--tekst);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.ds-voet-taal:hover{color:var(--link);text-decoration:underline}@media (width<=1180px){.ds-menu-knop{display:inline-flex}.ds-menu{padding:calc(12 * var(--px)) calc(20 * var(--px)) calc(20 * var(--px));background:var(--achtergrond);border-bottom:1px solid var(--rand);box-shadow:var(--schaduw);flex-direction:column;align-items:stretch;gap:0;display:none;position:absolute;top:72px;left:0;right:0}.ds-menu.ds-open{display:flex}.ds-menu a{padding:calc(12 * var(--px)) calc(10 * var(--px));font-size:1.05rem}.ds-kop-acties{margin-left:auto}.ds-kop-proef{display:none}}@media (width<=960px){.ds-held-raster,.ds-ingang{grid-template-columns:minmax(0,1fr)}.ds-held-raster{gap:calc(32 * var(--px))}.ds-ingang{padding-bottom:calc(40 * var(--px))}.ds-inloggen{margin-top:calc(24 * var(--px))}.ds-voet-raster{grid-template-columns:1fr 1fr}}@media (width<=640px){body.ds-app{font-size:max(13px,1rem)}.ds-breed{padding-left:calc(16 * var(--px));padding-right:calc(16 * var(--px))}.ds-kop-binnen{height:max(38px, calc(60 * var(--px)));gap:calc(8 * var(--px))}.ds-menu{top:60px}.ds-logo svg{height:28px}.ds-kop-acties{gap:calc(6 * var(--px))}.ds-held{padding:calc(28 * var(--px)) 0 calc(28 * var(--px))}.ds-held-acties .ds-knop{width:100%}.ds-beeld picture{border-radius:12px}.ds-voet{padding:calc(36 * var(--px)) 0 calc(24 * var(--px))}.ds-voet-raster{gap:calc(20 * var(--px)) calc(16 * var(--px))}.ds-voet-raster>:first-child{grid-column:1/-1}.ds-rij,.ds-pakketten{grid-template-columns:minmax(0,1fr)}.ds-kaart{padding:calc(20 * var(--px)) calc(16 * 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}.ds-sectie{padding:calc(32 * var(--px)) 0 calc(40 * var(--px))}}@media (width<=380px){.ds-logo svg{height:24px}.ds-menu-knop{width:36px;height:36px}.ds-taal{min-height:36px;padding:calc(6 * var(--px)) calc(8 * var(--px))}}@media (forced-colors:active){.ds-knop,.ds-taal,.ds-menu-knop{border:1px solid buttontext}.ds-beeld picture{border:1px solid canvastext}}
