:root{--navy: #0f172a;--navy-diep: #0a1122;--blauw: #2563eb;--blauw-hover: #1d4ed8;--blauw-zacht: #eaf1fe;--blauw-op-donker: #8db4ff;--groen: #16a34a;--grond: #ffffff;--vlak: #f5f7fb;--kaart: #ffffff;--rand: #e3e8f0;--inkt: #0f172a;--inkt-zacht: #475569;--inkt-licht: #64748b;--op-donker: #e8edf6;--op-donker-zacht: #a3b2c9;--rand-donker: rgb(255 255 255 / .12);--radius: 14px;--radius-groot: 22px;--schaduw: 0 1px 2px rgb(15 23 42 / .05), 0 10px 30px -14px rgb(15 23 42 / .22);--schaduw-scherm: 0 40px 90px -30px rgb(2 6 23 / .6), 0 0 0 1px rgb(255 255 255 / .08);--letter: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--kader: 1160px;--rand-kader: clamp(16px, 4vw, 40px);color-scheme:light}@media(prefers-color-scheme:dark){:root{--grond: #0b1120;--vlak: #0e1628;--kaart: #111a2e;--rand: #1f2a40;--inkt: #e8edf6;--inkt-zacht: #b0bdd1;--inkt-licht: #8c9ab0;--blauw: #3b82f6;--blauw-hover: #60a5fa;--blauw-zacht: #13234a;--schaduw: 0 1px 2px rgb(0 0 0 / .3), 0 12px 32px -14px rgb(0 0 0 / .6);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--grond);color:var(--inkt);font-family:var(--letter);font-size:1.0625rem;line-height:1.65;overflow-x:hidden}img{max-width:100%;height:auto;display:block}h1,h2,h3{line-height:1.15;letter-spacing:-.02em;text-wrap:balance;margin:0}p{margin:0}a{color:var(--blauw);text-underline-offset:3px}a:hover{color:var(--blauw-hover)}:focus-visible{outline:3px solid var(--blauw);outline-offset:3px;border-radius:6px}.kader{width:min(var(--kader),100% - 2 * var(--rand-kader));margin-inline:auto}.overslaan{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 16px;border-radius:10px;background:var(--blauw);color:#fff;font-weight:700;text-decoration:none}.overslaan:focus{top:12px;color:#fff}.knop{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:12px;border:1px solid transparent;font:inherit;font-weight:700;font-size:1rem;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.knop:active{transform:translateY(1px)}.knop.primair{background:var(--blauw);color:#fff}.knop.primair:hover{background:var(--blauw-hover);color:#fff}.knop.licht{background:#ffffff0f;border-color:#ffffff38;color:#fff}.knop.licht:hover{background:#ffffff24;color:#fff}.knop.klein{min-height:40px;padding:8px 16px;font-size:.95rem;border-radius:10px}.knop svg{width:18px;height:18px;flex:none}.kop{position:sticky;top:0;z-index:50;background:#0f172aeb;backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--rand-donker);color:var(--op-donker)}.kop-binnen{display:flex;align-items:center;gap:24px;min-height:68px}.merk{display:inline-flex;align-items:center;flex:none;border-radius:8px}.merk img{width:113px;height:30px}.hoofdmenu{margin-left:auto}.hoofdmenu ul{display:flex;align-items:center;gap:4px;margin:0;padding:0;list-style:none}.hoofdmenu a{display:block;padding:8px 12px;border-radius:8px;color:var(--op-donker);font-weight:600;font-size:.97rem;text-decoration:none}.hoofdmenu a:hover{color:#fff;background:#ffffff14}.kop-acties{display:flex;align-items:center;gap:10px;flex:none}.menuknop{display:none;align-items:center;justify-content:center;width:44px;height:44px;margin-left:auto;padding:0;border-radius:10px;border:1px solid var(--rand-donker);background:transparent;color:#fff;cursor:pointer}.menuknop:hover{color:#fff;background:#ffffff14}.menuknop svg{width:22px;height:22px}.menuknop .dicht,.menuknop[aria-expanded=true] .open{display:none}.menuknop[aria-expanded=true] .dicht{display:block}@media(max-width:920px){.kop-binnen{flex-wrap:wrap;gap:12px;padding-block:12px}.menuknop{display:inline-flex}.hoofdmenu,.kop-acties{display:none}.kop.open .hoofdmenu,.kop.open .kop-acties{display:flex}.hoofdmenu{order:3;width:100%;margin:0}.hoofdmenu ul{flex-direction:column;align-items:stretch;width:100%;gap:2px}.hoofdmenu a{padding:12px 10px;font-size:1.05rem}.kop-acties{order:4;width:100%;padding-bottom:8px}.kop-acties .knop{flex:1}}.held{position:relative;color:var(--op-donker);background:radial-gradient(60% 50% at 50% 0%,rgb(37 99 235 / .35),transparent 70%),linear-gradient(to bottom,var(--navy) 0,var(--navy-diep) calc(100% - 22vw),var(--grond) calc(100% - 22vw));padding-top:clamp(48px,8vw,96px);overflow:hidden}@media(min-width:1240px){.held{background:radial-gradient(60% 50% at 50% 0%,rgb(37 99 235 / .35),transparent 70%),linear-gradient(to bottom,var(--navy) 0,var(--navy-diep) calc(100% - 260px),var(--grond) calc(100% - 260px))}}.held-tekst{max-width:820px;margin-inline:auto;text-align:center}.bovenregel{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:6px 14px;border-radius:999px;border:1px solid rgb(141 180 255 / .35);background:#2563eb24;color:#cfe0ff;font-size:.9rem;font-weight:700;letter-spacing:.01em}.held h1{color:#fff;font-size:clamp(2.2rem,1.2rem + 4.2vw,3.9rem);font-weight:800}.held h1 .accent{color:var(--blauw-op-donker)}.inleiding{max-width:660px;margin:22px auto 0;color:var(--op-donker-zacht);font-size:clamp(1.08rem,1rem + .4vw,1.25rem)}.knoppen{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px}.held-punten{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin:28px 0 0;padding:0;list-style:none;color:var(--op-donker-zacht);font-size:.95rem;font-weight:600}.held-punten li{display:inline-flex;align-items:center;gap:8px}.held-punten svg{width:18px;height:18px;color:#4ade80;flex:none}.held-scherm{margin:clamp(40px,6vw,64px) auto 0;width:min(1120px,100% - 2 * var(--rand-kader));border-radius:16px;overflow:hidden;box-shadow:var(--schaduw-scherm);background:#111827}@media(max-width:620px){.held-scherm{border-radius:10px;box-shadow:0 18px 40px -22px #0206178c,0 0 0 1px #ffffff14}}.sectie{padding-block:clamp(64px,9vw,112px)}.sectie.vlak{background:var(--vlak)}.sectiekop{max-width:760px;margin-bottom:clamp(32px,5vw,52px)}.sectiekop.midden{margin-inline:auto;text-align:center}.label{margin-bottom:10px;color:var(--blauw);font-size:.85rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sectiekop h2{font-size:clamp(1.8rem,1.2rem + 2.2vw,2.7rem);font-weight:800}.sectiekop p{margin-top:14px;color:var(--inkt-zacht);font-size:1.12rem}.sectiekop .label{margin:0 0 10px;color:var(--blauw);font-size:.85rem}.donker .sectiekop .label{color:var(--blauw-op-donker)}.nw{white-space:nowrap}.raster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}@media(max-width:960px){.raster{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.raster{grid-template-columns:1fr}}.onderdeel{padding:26px 24px 24px;border:1px solid var(--rand);border-radius:var(--radius);background:var(--kaart);box-shadow:var(--schaduw)}.onderdeel h3{margin-top:16px;font-size:1.15rem;font-weight:750}.onderdeel p{margin-top:8px;color:var(--inkt-zacht);font-size:1rem}.pictogram{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:var(--blauw-zacht);color:var(--blauw)}.pictogram svg{width:24px;height:24px}.naast{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(28px,5vw,64px)}.naast+.naast{margin-top:clamp(56px,8vw,96px)}.naast.omgekeerd{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.naast.omgekeerd .naast-tekst{order:2}@media(max-width:900px){.naast,.naast.omgekeerd{grid-template-columns:1fr}.naast.omgekeerd .naast-tekst{order:0}}.naast-tekst h3{font-size:clamp(1.4rem,1.1rem + 1vw,1.8rem);font-weight:800}.naast-tekst>p{margin-top:14px;color:var(--inkt-zacht)}.vinkjes{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:10px}.vinkjes li{position:relative;padding-left:30px;color:var(--inkt-zacht)}.vinkjes li:before{content:"";position:absolute;left:0;top:.35em;width:18px;height:18px;border-radius:50%;background:var(--blauw-zacht);box-shadow:inset 0 0 0 1px #2563eb26}.vinkjes li:after{content:"";position:absolute;left:6px;top:calc(.35em + 4px);width:5px;height:9px;border:solid var(--blauw);border-width:0 2px 2px 0;transform:rotate(45deg)}.vinkjes strong{color:var(--inkt)}.venster{margin:0;border:1px solid var(--rand);border-radius:var(--radius);overflow:hidden;background:var(--kaart);box-shadow:var(--schaduw)}.venster-balk{display:flex;align-items:center;gap:7px;height:34px;padding-inline:14px;border-bottom:1px solid var(--rand);background:var(--vlak)}.venster-balk span{width:10px;height:10px;border-radius:50%;background:#cbd5e1}.venster-balk span:nth-child(1){background:#f87171}.venster-balk span:nth-child(2){background:#fbbf24}.venster-balk span:nth-child(3){background:#34d399}.venster-balk span{flex:none}.venster-balk em{min-width:0;margin-left:12px;overflow:hidden;color:var(--inkt-licht);font-size:.8rem;font-style:normal;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.onderschrift{margin-top:12px;color:var(--inkt-licht);font-size:.9rem;text-align:center}.pillen{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;justify-content:center}.pillen li{padding:8px 14px;border:1px solid var(--rand);border-radius:999px;background:var(--kaart);color:var(--inkt-zacht);font-size:.95rem;font-weight:600}.na-raster{margin-top:clamp(36px,5vw,56px)}.modules{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.modules .onderdeel{grid-column:span 2}.modules .onderdeel:nth-child(4){grid-column:2 / span 2}.modules .onderdeel:nth-child(5){grid-column:4 / span 2}@media(max-width:960px){.modules{grid-template-columns:repeat(2,minmax(0,1fr))}.modules .onderdeel,.modules .onderdeel:nth-child(4),.modules .onderdeel:nth-child(5){grid-column:auto}}@media(max-width:620px){.modules{grid-template-columns:1fr}}.standaard{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px;max-width:860px;margin:0 auto clamp(32px,5vw,48px);padding:16px 22px;border-radius:var(--radius);background:var(--blauw-zacht);color:var(--inkt);font-weight:600;text-align:center}.donker{background:radial-gradient(50% 60% at 100% 0%,rgb(37 99 235 / .25),transparent 70%),var(--navy);color:var(--op-donker)}.donker .sectiekop h2{color:#fff}.donker .sectiekop p{color:var(--op-donker-zacht)}.donker .label{color:var(--blauw-op-donker)}.donker .onderdeel{border-color:var(--rand-donker);background:#ffffff0a;box-shadow:none}.donker .onderdeel h3{color:#fff}.donker .onderdeel p{color:var(--op-donker-zacht)}.donker .pictogram{background:#2563eb33;color:var(--blauw-op-donker)}.stappen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;counter-reset:stap}@media(max-width:960px){.stappen{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.stappen{grid-template-columns:1fr}}.stappen li{position:relative;padding:24px;border:1px solid var(--rand);border-radius:var(--radius);background:var(--kaart);counter-increment:stap}.stappen li:before{content:counter(stap);display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--blauw);color:#fff;font-weight:800}.stappen h3{margin-top:16px;font-size:1.1rem;font-weight:750}.stappen p{margin-top:8px;color:var(--inkt-zacht);font-size:1rem}.vragen{max-width:860px;margin-inline:auto;display:grid;gap:12px}.vragen details{border:1px solid var(--rand);border-radius:var(--radius);background:var(--kaart)}.vragen summary{position:relative;padding:20px 56px 20px 22px;font-weight:700;font-size:1.08rem;cursor:pointer;list-style:none}.vragen summary::-webkit-details-marker{display:none}.vragen summary:after{content:"";position:absolute;right:22px;top:50%;width:10px;height:10px;border:solid var(--inkt-licht);border-width:0 2px 2px 0;transform:translateY(-70%) rotate(45deg);transition:transform .2s ease}.vragen details[open] summary:after{transform:translateY(-30%) rotate(-135deg)}.vragen summary:hover{color:var(--blauw)}.vragen .antwoord{padding:0 22px 22px;color:var(--inkt-zacht)}.vragen .antwoord p+p{margin-top:10px}.contactblok{position:relative;overflow:hidden;padding:clamp(36px,6vw,64px);border-radius:var(--radius-groot);background:radial-gradient(70% 90% at 100% 0%,rgb(96 165 250 / .45),transparent 60%),linear-gradient(135deg,var(--blauw) 0%,#1e40af 100%);color:#fff;text-align:center}.contactblok h2{font-size:clamp(1.7rem,1.2rem + 2vw,2.5rem);font-weight:800}.contactblok p{max-width:620px;margin:14px auto 0;color:#dbe7ff;font-size:1.1rem}.contactblok .knoppen{margin-top:28px}.contactblok .knop.wit{background:#fff;color:var(--blauw-hover)}.contactblok .knop.wit:hover{background:#eef4ff;color:var(--blauw-hover)}.contactblok .adres{margin-top:18px;font-size:.98rem;color:#dbe7ff}.contactblok .adres a{color:#fff;font-weight:700}.voet{padding-block:48px 40px;background:var(--navy);color:var(--op-donker-zacht);font-size:.95rem}.voet-binnen{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:28px}.voet .merk img{width:113px;height:30px}.voet-zin{margin-top:12px;max-width:320px}.voet nav ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.voet a{color:var(--op-donker);text-decoration:none}.voet a:hover{color:#fff;text-decoration:underline}.voet-kop{margin-bottom:10px;color:#fff;font-weight:700}.voet-onder{margin-top:36px;padding-top:20px;border-top:1px solid var(--rand-donker);font-size:.88rem}.pagina{padding-block:clamp(48px,8vw,96px)}.pagina .kader{max-width:760px}.pagina h1{font-size:clamp(2rem,1.4rem + 2.4vw,2.8rem);font-weight:800}.pagina h2{margin-top:40px;font-size:1.35rem;font-weight:750}.pagina p,.pagina ul{margin-top:14px;color:var(--inkt-zacht)}.pagina ul{padding-left:1.2em}.pagina li+li{margin-top:6px}.pagina .bijgewerkt{margin-top:40px;color:var(--inkt-licht);font-size:.92rem}.nietgevonden{text-align:center}.nietgevonden .groot{color:var(--blauw);font-size:clamp(4rem,3rem + 6vw,7rem);font-weight:800;line-height:1;letter-spacing:-.04em}.nietgevonden h1{margin-top:12px}.nietgevonden .knoppen{margin-top:28px}.nietgevonden .knop.tweede{border-color:var(--rand);color:var(--inkt);background:var(--kaart)}.nietgevonden .knop.tweede:hover{border-color:var(--blauw);color:var(--blauw)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}.voet-onder .scheiding{color:var(--op-donker-zacht)}
