.web{--inkt-900:#08131f;--inkt-800:#0f2338;--inkt-700:#17344f;--inkt-500:#3d5b7a;--inkt-400:#6a84a3;--inkt-200:#c8d4e2;--merk-50:#eef3fe;--merk-100:#dbe6fc;--merk-200:#b4ccf8;--merk-500:#1b4fd0;--merk-600:#1540ae;--merk-700:#12327f;--vlam-100:#fdf1dd;--vlam-300:#f3c87e;--vlam-400:#e8a33d;--vlam-500:#cc8412;--water-400:#3aa7d8;--gras-500:#18795a;--papier:#f7f9fc;--wit:#fff;--rand:#e4eaf3;--straal:14px;--straal-l:22px;--straal-xl:30px;--hoogte:0 1px 2px #08131f0a, 0 12px 32px -18px #08131f40;background:var(--papier);color:var(--inkt-900);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:17px;line-height:1.6}.web *,.web :before,.web :after{box-sizing:border-box}.web h1,.web h2,.web h3,.web h4{letter-spacing:-.028em;margin:0;font-weight:800;line-height:1.12}.web p{margin:0}.web a{color:var(--merk-600)}.web-binnen{width:100%;max-width:1120px;margin:0 auto;padding-inline:20px}.web-sectie{padding-block:72px}.web-sectie.smal{padding-block:48px}.web-sectie.donker{background:var(--inkt-900);color:var(--wit)}.web-sectie.donker h2,.web-sectie.donker h3{color:var(--wit)}.web-sectie.gevuld{background:var(--wit);border-block:1px solid var(--rand)}.web-kop{max-width:44ch}.web-kop .oogmerk{letter-spacing:.1em;text-transform:uppercase;color:var(--merk-600);align-items:center;gap:8px;margin-bottom:14px;font-size:13px;font-weight:800;display:inline-flex}.web-kop .oogmerk:before{content:"";background:var(--vlam-400);border-radius:2px;width:22px;height:2px}.web-sectie.donker .web-kop .oogmerk{color:var(--vlam-300)}.web-kop h2{font-size:clamp(27px,3.6vw,38px)}.web-kop p{color:var(--inkt-500);margin-top:14px;font-size:18px}.web-sectie.donker .web-kop p{color:#ffffffb8}.web-knop{font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:13px 24px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.web-knop:hover{transform:translateY(-1px)}.web-knop.hoofd{background:var(--vlam-400);color:var(--inkt-900);box-shadow:0 10px 24px -14px #e8a33de6}.web-knop.hoofd:hover{background:var(--vlam-300)}.web-knop.merk{background:var(--merk-500);color:#fff}.web-knop.merk:hover{background:var(--merk-600)}.web-knop.rand{border-color:var(--rand);background:var(--wit);color:var(--inkt-900)}.web-knop.rand:hover{border-color:var(--inkt-200)}.web-knop.stil{color:#fff;background:#ffffff1a;border-color:#ffffff2e}.web-knop.stil:hover{background:#ffffff29}.web-balk{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--rand);background:#f7f9fce0;position:sticky;top:0}.web-balk .web-binnen{align-items:center;gap:22px;min-height:68px;display:flex}.web-merk{color:var(--inkt-900);letter-spacing:-.035em;align-items:center;gap:10px;margin-right:auto;font-size:20px;font-weight:800;text-decoration:none;display:inline-flex}.web-merk .vlag{background:var(--inkt-900);border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.web-nav{align-items:center;gap:4px;display:flex}.web-nav a{color:var(--inkt-500);border-radius:10px;padding:8px 12px;font-size:15.5px;font-weight:600;text-decoration:none}.web-nav a:hover{color:var(--inkt-900);background:var(--merk-50)}.web-balk-acties{align-items:center;gap:10px;display:flex}.web-balk-acties .web-knop{padding:10px 18px;font-size:15px}@media (max-width:900px){.web-nav{display:none}}.web-hero{padding-block:34px 12px}.web-hero-kaart{background:linear-gradient(160deg, var(--inkt-900) 0%, var(--inkt-800) 58%, #16395c 100%);color:#fff;border-radius:var(--straal-xl);padding:clamp(28px,5vw,60px);position:relative;overflow:hidden}.web-hero-kaart:after{content:"";pointer-events:none;background:radial-gradient(circle,#3aa7d859,#0000 66%);border-radius:50%;width:420px;height:420px;position:absolute;inset:auto -120px -180px auto}.web-hero-raster{z-index:1;align-items:center;gap:44px;display:grid;position:relative}@media (min-width:980px){.web-hero-raster{grid-template-columns:1.05fr .95fr}}.web-speld{color:var(--vlam-300);background:#e8a33d29;border:1px solid #e8a33d57;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:13.5px;font-weight:700;display:inline-flex}.web-hero h1{margin-top:20px;font-size:clamp(33px,5.4vw,56px)}.web-hero .inleiding{color:#ffffffc2;max-width:34em;margin-top:18px;font-size:19px;line-height:1.55}.web-punten{gap:10px;margin:26px 0 0;padding:0;list-style:none;display:grid}@media (min-width:560px){.web-punten{grid-template-columns:1fr 1fr}}.web-punten li{color:#ffffffd6;align-items:flex-start;gap:10px;font-size:15px;display:flex}.web-punten svg{color:var(--vlam-400);flex:none;margin-top:3px}.web-acties{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.web-kleine-letters{color:#ffffff8c;margin-top:16px;font-size:14px}.web-proef{border-radius:var(--straal-l);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0f;border:1px solid #ffffff1f;padding:20px}.web-proef-kop{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:12px;display:flex}.web-proef-kop strong{font-size:15px}.web-proef-kop span{color:#ffffff8c;font-size:13px}.web-proef-regel{border-bottom:1px dashed #ffffff1a;align-items:baseline;gap:12px;padding:11px 0;display:flex}.web-proef-regel:last-child{border-bottom:none}.web-proef-regel .zet{font-variant-numeric:tabular-nums;min-width:5.4em;font-size:17px;font-weight:800}.web-proef-regel .doel{font-variant-numeric:tabular-nums;color:var(--vlam-300);margin-left:auto;font-weight:600}.web-vlag{letter-spacing:.04em;color:#fff;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.web-vlag.z1{background:#62748c}.web-vlag.z2{background:#2f6ae0}.web-vlag.z3{background:#b4690e}.web-vlag.z4{background:#b3352f}.web-vlag.z5{background:#7a3fc2}.web-proef-voet{color:#ffffff94;margin-top:14px;font-size:13.5px;line-height:1.5}.web-balkje{background:var(--wit);border-block:1px solid var(--rand)}.web-balkje ul{flex-wrap:wrap;justify-content:center;gap:14px 36px;margin:0;padding:18px 0;list-style:none;display:flex}.web-balkje li{color:var(--inkt-500);align-items:center;gap:9px;font-size:14.5px;font-weight:600;display:inline-flex}.web-balkje svg{color:var(--gras-500);flex:none}.web-raster{gap:18px;margin-top:40px;display:grid}.web-raster.twee{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.web-raster.drie{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.web-raster.vier{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.web-kaart{background:var(--wit);border:1px solid var(--rand);border-radius:var(--straal-l);box-shadow:var(--hoogte);padding:26px}.web-sectie.donker .web-kaart{box-shadow:none;color:#ffffffd1;background:#ffffff0d;border-color:#ffffff1f}.web-kaart h3{margin-top:16px;font-size:18px}.web-kaart p{color:var(--inkt-500);margin-top:9px;font-size:15.5px;line-height:1.58}.web-sectie.donker .web-kaart p{color:#ffffffb3}.web-tegel{background:var(--merk-50);width:44px;height:44px;color:var(--merk-600);border-radius:13px;place-items:center;display:grid}.web-tegel.warm{background:var(--vlam-100);color:var(--vlam-500)}.web-tegel.koel{color:#17698f;background:#e6f4fb}.web-tegel.groen{color:var(--gras-500);background:#e6f5ee}.web-sectie.donker .web-tegel{color:var(--vlam-300);background:#ffffff1a}.web-stappen{counter-reset:stap;gap:18px;margin-top:40px;display:grid}@media (min-width:860px){.web-stappen{grid-template-columns:repeat(3,1fr)}}.web-stap{background:var(--wit);border:1px solid var(--rand);border-radius:var(--straal-l);padding:28px 26px 26px;position:relative}.web-stap:before{counter-increment:stap;content:counter(stap);background:var(--inkt-900);width:34px;height:34px;color:var(--vlam-300);border-radius:11px;place-items:center;font-size:15px;font-weight:800;display:grid;position:absolute;top:-16px;left:26px}.web-stap h3{margin-top:10px;font-size:18px}.web-stap p{color:var(--inkt-500);margin-top:9px;font-size:15.5px}.web-duo{align-items:center;gap:44px;display:grid}@media (min-width:940px){.web-duo{grid-template-columns:1fr 1fr}.web-duo.breed-links{grid-template-columns:1.15fr .85fr}}.web-lijst{gap:16px;margin:26px 0 0;padding:0;list-style:none;display:grid}.web-lijst li{gap:13px;display:flex}.web-lijst svg{color:var(--merk-500);flex:none;margin-top:4px}.web-lijst strong{font-size:16px;display:block}.web-lijst span{color:var(--inkt-500);margin-top:2px;font-size:15px;display:block}.web-sectie.donker .web-lijst span{color:#ffffffad}.web-sectie.donker .web-lijst svg{color:var(--vlam-400)}.web-prijzen{gap:20px;margin-top:44px;display:grid}@media (min-width:900px){.web-prijzen{grid-template-columns:repeat(3,1fr);align-items:start}}.web-prijs{background:var(--wit);border:1px solid var(--rand);border-radius:var(--straal-l);box-shadow:var(--hoogte);flex-direction:column;padding:30px 26px;display:flex}.web-prijs.uitgelicht{border-color:var(--inkt-900);position:relative;box-shadow:0 20px 50px -26px #08131f8c}.web-prijs .keurmerk{background:var(--inkt-900);color:var(--vlam-300);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:800;position:absolute;top:-13px;left:26px}.web-prijs h3{font-size:19px}.web-prijs .bedrag{align-items:baseline;gap:6px;margin-top:16px;display:flex}.web-prijs .bedrag b{letter-spacing:-.04em;font-size:42px;font-weight:800}.web-prijs .bedrag span{color:var(--inkt-400);font-size:15px}.web-prijs .toelichting{color:var(--inkt-500);margin-top:8px;font-size:14.5px}.web-prijs ul{gap:11px;margin:22px 0 26px;padding:0;font-size:15px;list-style:none;display:grid}.web-prijs li{align-items:flex-start;gap:10px;display:flex}.web-prijs li svg{color:var(--gras-500);flex:none;margin-top:4px}.web-prijs li.uit{color:var(--inkt-400)}.web-prijs li.uit svg{color:var(--inkt-200)}.web-prijs .web-knop{width:100%;margin-top:auto}.web-vragen{gap:12px;margin-top:36px;display:grid}.web-vraag{background:var(--wit);border:1px solid var(--rand);border-radius:var(--straal);padding:4px 22px}.web-vraag summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-size:16.5px;font-weight:700;list-style:none;display:flex}.web-vraag summary::-webkit-details-marker{display:none}.web-vraag summary:after{content:"+";color:var(--inkt-400);font-size:22px;font-weight:600;line-height:1}.web-vraag[open] summary:after{content:"−"}.web-vraag p{color:var(--inkt-500);max-width:70ch;padding-bottom:20px;font-size:15.5px}.web-citaat{background:var(--wit);border:1px solid var(--rand);border-left:4px solid var(--vlam-400);border-radius:var(--straal);padding:24px 26px}.web-citaat p{font-size:17px;line-height:1.6}.web-citaat footer{color:var(--inkt-400);margin-top:12px;font-size:14px}.web-slot{background:linear-gradient(150deg, var(--merk-700), var(--merk-500) 70%, #2f6ae0);color:#fff;border-radius:var(--straal-xl);text-align:center;padding:clamp(30px,5vw,56px)}.web-slot h2{color:#fff;font-size:clamp(25px,3.4vw,36px)}.web-slot p{color:#ffffffd1;max-width:46ch;margin:14px auto 0;font-size:17.5px}.web-slot .web-acties{justify-content:center}.web-voet{background:var(--inkt-900);color:#ffffffa8;padding-block:54px 30px;font-size:15px}.web-voet-raster{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:32px;display:grid}.web-voet h4{color:#fff;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;font-size:14px}.web-voet ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.web-voet a{color:#ffffffa8;text-decoration:none}.web-voet a:hover{color:#fff}.web-voet-onder{color:#ffffff80;border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:40px;padding-top:22px;font-size:14px;display:flex}.web-tekst{max-width:72ch}.web-tekst h2{margin-top:42px;font-size:25px}.web-tekst h3{margin-top:30px;font-size:19px}.web-tekst p,.web-tekst li{color:var(--inkt-700);margin-top:14px;line-height:1.65}.web-tekst table{border-collapse:collapse;width:100%;margin-top:20px;font-size:15px}.web-tekst th,.web-tekst td{text-align:left;border-bottom:1px solid var(--rand);vertical-align:top;padding:10px 12px}.web-tekst th{text-transform:uppercase;letter-spacing:.05em;color:var(--inkt-400);font-size:13px}.web-hulp{background:var(--wit);border:1px solid var(--rand);border-radius:var(--straal-l);box-shadow:var(--hoogte);padding:28px}.web-velden{flex-wrap:wrap;gap:16px;margin-top:18px;display:flex}.web-veld{color:var(--inkt-500);gap:6px;font-size:14px;font-weight:600;display:grid}.web-veld input,.web-veld select{font:inherit;color:var(--inkt-900);background:var(--papier);border:1px solid var(--rand);border-radius:11px;min-width:130px;padding:11px 13px;font-size:17px;font-weight:600}.web-veld input:focus,.web-veld select:focus{outline:2px solid var(--merk-500);outline-offset:1px}.web-uitslag{background:var(--inkt-900);color:#fff;border-radius:var(--straal);margin-top:24px;padding:22px 24px}.web-uitslag .groot{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:800}.web-uitslag .bij{color:#ffffffa6;margin-top:6px;font-size:15px}.web-tabel{border-collapse:collapse;width:100%;margin-top:22px;font-size:15px}.web-tabel th,.web-tabel td{text-align:left;border-bottom:1px solid var(--rand);padding:10px 12px}.web-tabel th{text-transform:uppercase;letter-spacing:.05em;color:var(--inkt-400);font-size:13px}.web-tabel td.getal{font-variant-numeric:tabular-nums;font-weight:700}.web-waarschuwing{background:var(--vlam-100);border:1px solid var(--vlam-300);border-radius:var(--straal);color:#6b4a09;margin-top:18px;padding:14px 16px;font-size:15px}.web-zacht{color:var(--inkt-400);font-size:14.5px}.web-midden{text-align:center}.web-midden .web-kop{margin-inline:auto}@media print{.web-balk,.web-voet,.web-slot{display:none}}
