:root{--navy:#0f2a3d;--teal:#0e7c7b;--teal-donker:#0a5e5d;--amber:#f2a900;--amber-licht:#fff6dc;--achtergrond:#f6f8f9;--wit:#fff;--inkt:#14202b;--gedempt:#566573;--lijn:#e1e7eb;--groen:#1e8e5a;--rood:#b23b2e;--radius:14px;--maxw:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--achtergrond);color:var(--inkt);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.6}h1,h2,h3{color:var(--navy);margin:0 0 12px;font-family:Fraunces,Georgia,serif;line-height:1.2}h1{font-size:clamp(30px,5vw,46px);font-weight:900}h2{margin-top:40px;font-size:clamp(23px,3.2vw,30px);font-weight:800}h3{font-size:19px;font-weight:700}p{margin:0 0 14px}a{color:var(--teal)}a:hover{color:var(--teal-donker)}img{max-width:100%;height:auto}.container{max-width:var(--maxw);margin:0 auto;padding:0 16px}.smal{max-width:780px}.sectie{padding:32px 0}.kop{background:var(--wit);border-bottom:1px solid var(--lijn);z-index:50;position:sticky;top:0}.kop-binnen{justify-content:space-between;align-items:center;gap:16px;height:60px;display:flex}.logo{color:var(--navy);align-items:center;gap:10px;font-size:17px;font-weight:700;text-decoration:none;display:flex}.logo-teken{background:var(--navy);border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.menu{gap:20px;font-size:15px;display:flex}.menu a{color:var(--inkt);font-weight:500;text-decoration:none}.menu a:hover{color:var(--teal)}@media (max-width:640px){.menu .verberg-gsm{display:none}.menu{gap:14px;font-size:14px}.logo{gap:8px;font-size:15px}}@media (max-width:400px){.logo-naam-be{display:none}}.voet{background:var(--navy);color:#c9d6df;margin-top:56px;padding:40px 0 28px;font-size:14px}.voet a{color:#e8eef2;text-decoration:none}.voet a:hover{text-decoration:underline}.voet-grid{grid-template-columns:2fr 1fr 1fr;gap:28px;display:grid}.voet h4{color:var(--wit);margin:0 0 10px;font-family:DM Sans,sans-serif;font-size:15px}.voet ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}@media (max-width:720px){.voet-grid{grid-template-columns:1fr}}.kruimel{color:var(--gedempt);padding:16px 0 0;font-size:13px}.kruimel a{color:var(--gedempt);text-decoration:none}.kruimel a:hover{text-decoration:underline}.paginakop{padding:20px 0 8px}.intro{color:#2c3b47;max-width:760px;font-size:18px}.nagekeken{color:var(--gedempt);background:var(--wit);border:1px solid var(--lijn);border-radius:999px;align-items:center;gap:8px;padding:4px 12px;font-size:13px;display:inline-flex}.punt{background:var(--groen);border-radius:50%;width:8px;height:8px;display:inline-block}.knop{background:var(--teal);min-height:46px;color:var(--wit);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.knop:hover{background:var(--teal-donker);color:var(--wit)}.knop-rand{background:var(--wit);color:var(--navy);border:1.5px solid var(--lijn)}.knop-rand:hover{background:var(--wit);border-color:var(--navy);color:var(--navy)}.knop-vol{width:100%}.betaald{color:var(--gedempt);margin-top:6px;font-size:12px}.top3{grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0 8px;display:grid}@media (max-width:860px){.top3{grid-template-columns:1fr}}.kaart{background:var(--wit);border:1.5px solid var(--lijn);border-radius:var(--radius);flex-direction:column;gap:10px;padding:18px;display:flex}.kaart.uitgelicht{border-color:var(--teal);box-shadow:0 6px 24px #0e7c7b14}.label{background:var(--amber-licht);color:#6b4c00;border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:12px;font-weight:700}.kaart h3{margin:0}.kaart .merk{color:var(--gedempt);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:600}.cijfers{border:1px solid var(--lijn);border-radius:10px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.cijfers div{border-right:1px solid var(--lijn);padding:8px 10px}.cijfers div:last-child{border-right:0}.cijfers small{color:var(--gedempt);font-size:11px;display:block}.cijfers strong{color:var(--navy);font-size:16px}.prijs{color:var(--navy);font-size:26px;font-weight:800}.prijs small{color:var(--gedempt);font-size:13px;font-weight:500}.tabel-wrap{background:var(--wit);border:1.5px solid var(--lijn);border-radius:var(--radius);-webkit-overflow-scrolling:touch;overflow-x:auto}table.vergelijking{border-collapse:collapse;width:100%;min-width:760px;font-size:14px}.vergelijking th,.vergelijking td{text-align:left;border-bottom:1px solid var(--lijn);vertical-align:middle;padding:12px 14px}.vergelijking th{color:var(--navy);white-space:nowrap;background:#f0f4f6;font-size:13px}.vergelijking th button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.vergelijking td.getal{font-variant-numeric:tabular-nums;white-space:nowrap}.vergelijking tr:last-child td{border-bottom:0}.vergelijking .model{color:var(--navy);font-weight:700}.vergelijking .knop{white-space:nowrap;min-height:40px;padding:8px 14px;font-size:14px}.beste{color:var(--groen);font-weight:700}.gsm-lijst{display:none}@media (max-width:720px){.tabel-wrap.gsm-verberg{display:none}.gsm-lijst{gap:12px;display:grid}}.blok{background:var(--wit);border:1.5px solid var(--lijn);border-radius:var(--radius);padding:20px}.bron{color:var(--gedempt);border-left:3px solid var(--lijn);margin:12px 0;padding:6px 12px;font-size:13px}.lijst-plus,.lijst-min{gap:6px;margin:0;padding-left:0;font-size:14px;list-style:none;display:grid}.lijst-plus li:before{content:"+ ";color:var(--groen);font-weight:700}.lijst-min li:before{content:"– ";color:var(--rood);font-weight:700}.twee-kol{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:720px){.twee-kol{grid-template-columns:1fr}}details.faq{background:var(--wit);border:1.5px solid var(--lijn);border-radius:12px;margin-bottom:10px;padding:14px 16px}details.faq summary{cursor:pointer;color:var(--navy);font-weight:700}details.faq p{margin:10px 0 0}.plakknop{display:none}@media (max-width:720px){.plakknop{z-index:40;background:var(--wit);border-top:1px solid var(--lijn);padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:block;position:fixed;bottom:0;left:0;right:0}body.heeft-plakknop{padding-bottom:72px}}.cookie{z-index:200;background:var(--wit);border-top:3px solid var(--teal);padding:16px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0000001a}.cookie-binnen{max-width:var(--maxw);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.cookie p{flex:260px;margin:0;font-size:14px}:focus-visible{outline:3px solid var(--amber);outline-offset:2px}.rekenhulp{grid-template-columns:1.3fr 1fr;align-items:start;gap:16px;margin:16px 0 8px;display:grid}@media (max-width:860px){.rekenhulp{grid-template-columns:1fr}}.rekenhulp-invoer{gap:14px;display:grid}.rekenhulp-uitkomst{border-color:var(--teal);gap:10px;display:grid;position:sticky;top:76px}@media (max-width:860px){.rekenhulp-uitkomst{position:static}}.veld{gap:6px;min-width:0;display:grid}.veld label{color:var(--navy);font-size:15px;font-weight:700}.veld small{color:var(--gedempt);font-size:13px}.veld select,.veld input{font:inherit;border:1.5px solid var(--lijn);background:var(--wit);color:var(--inkt);border-radius:10px;width:100%;min-height:46px;padding:10px 12px;font-size:16px}.veld select:focus,.veld input:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #0e7c7b26}.veld-invoer{align-items:center;gap:8px;display:flex}.veld-invoer span{color:var(--gedempt);white-space:nowrap;font-size:14px}.uitkomst-groot{color:var(--navy);font-family:Fraunces,Georgia,serif;font-size:40px;font-weight:900;line-height:1.1}.uitkomst-groot small{color:var(--gedempt);font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;display:block}.uitkomst-lijst{border:1px solid var(--lijn);border-radius:10px;gap:0;margin:0;display:grid;overflow:hidden}.uitkomst-lijst div{border-bottom:1px solid var(--lijn);justify-content:space-between;gap:12px;padding:9px 12px;font-size:15px;display:flex}.uitkomst-lijst div:last-child{border-bottom:0}.uitkomst-lijst dt{color:var(--gedempt)}.uitkomst-lijst dd{color:var(--navy);font-variant-numeric:tabular-nums;text-align:right;margin:0;font-weight:700}.waarschuwing{background:var(--amber-licht);border-radius:10px;margin:0;padding:10px 12px;font-size:14px}.kort-antwoord{background:var(--wit);border:1.5px solid var(--teal);border-radius:var(--radius);border-left-width:5px;margin:18px 0;padding:16px 18px}.kort-antwoord p:last-child{margin-bottom:0}.specs{border-collapse:collapse;width:100%;font-size:15px}.specs th,.specs td{text-align:left;border-bottom:1px solid var(--lijn);vertical-align:top;padding:10px 14px}.specs th{width:45%;color:var(--gedempt);font-weight:600}.specs tr:last-child th,.specs tr:last-child td{border-bottom:0}.duo th:not(:first-child),.duo td:not(:first-child){text-align:center}.wint{color:var(--groen);font-weight:700}.kaart-links{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:12px 0;display:grid}.kaart-link{background:var(--wit);border:1.5px solid var(--lijn);color:var(--inkt);border-radius:12px;padding:14px 16px;text-decoration:none;display:block}.kaart-link:hover{border-color:var(--teal);color:var(--inkt)}.kaart-link strong{color:var(--navy);display:block}.kaart-link span{color:var(--gedempt);font-size:14px}.stappen{counter-reset:stap;gap:10px;padding:0;list-style:none;display:grid}.stappen li{counter-increment:stap;background:var(--wit);border:1.5px solid var(--lijn);border-radius:12px;padding:12px 14px 12px 52px;position:relative}.stappen li:before{content:counter(stap);background:var(--navy);width:26px;height:26px;color:var(--wit);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid;position:absolute;top:12px;left:14px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.duo th,.duo td{white-space:normal}@media (max-width:520px){.duo{table-layout:fixed;font-size:13px}.duo th,.duo td{overflow-wrap:anywhere;padding:9px 8px}.duo th:first-child{width:34%}}