@font-face{font-family:Manrope;src:url(/lettertypes/manrope.woff2)format("woff2");font-weight:200 800;font-display:swap}@font-face{font-family:Inter;src:url(/lettertypes/inter.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--marine:#13233a;--marine-licht:#1e3452;--grijs:#eef1f5;--lijn:#c9d1dc;--geel:#f2c230;--tekst-zacht:#46546a;--kop:"Manrope", system-ui, sans-serif;--tekst:"Inter", system-ui, sans-serif;--rand:clamp(1.25rem, 5vw, 4.5rem)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--marine);font:400 1.0625rem/1.6 var(--tekst);background:#fff;margin:0}a{color:var(--marine);text-underline-offset:.2em}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--geel);outline-offset:2px}h1,h2,h3{font-family:var(--kop);letter-spacing:-.02em;margin:0 0 .5em;font-weight:800;line-height:1.05}h1{font-size:clamp(2.6rem,6.5vw,5.4rem)}h2{font-size:clamp(1.9rem,4vw,3rem)}h3{letter-spacing:-.01em;font-size:1.3rem}h1 span,h2 span{color:var(--tekst-zacht)}p{margin:0 0 1em}.verborgen{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.overslaan{background:var(--geel);color:var(--marine);z-index:10;padding:.75rem 1rem;position:absolute;top:0;left:-999px}.overslaan:focus{left:1rem}.kop{padding:1rem var(--rand);border-bottom:3px solid var(--marine);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 2rem;display:flex}.kop__naam{font:800 1.35rem/1 var(--kop);letter-spacing:-.02em;align-items:center;gap:.75rem;text-decoration:none;display:flex}.kop__naam small{font:600 .7rem/1 var(--tekst);letter-spacing:.2em;text-transform:uppercase;color:var(--tekst-zacht);margin-top:.35rem;display:block}.kop__teken{border:3px solid var(--marine);background:linear-gradient(var(--marine), var(--marine)) center / 3px 100% no-repeat, linear-gradient(var(--marine), var(--marine)) center / 100% 3px no-repeat, var(--geel);width:2.25rem;height:2.25rem}.kop nav{flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;display:flex}.kop nav>a:not(.knop){padding:.4rem 0;font-weight:600;text-decoration:none}.kop nav>a[aria-current=page]:not(.knop),.kop nav>a:not(.knop):hover{box-shadow:inset 0 -3px 0 var(--geel)}.kop__bel{font-variant-numeric:tabular-nums}.demo{background:var(--grijs);color:var(--tekst-zacht);padding:.5rem var(--rand);font-size:.875rem}.knoppen{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.knop{border:3px solid var(--marine);font:700 1rem/1.2 var(--kop);cursor:pointer;padding:.85rem 1.4rem;text-decoration:none;display:inline-block}.knop--geel{background:var(--geel);border-color:var(--geel);color:var(--marine)}.knop--geel:hover{background:#ffd54a;border-color:#ffd54a}.knop--rand{color:#fff;background:0 0;border-color:#fff}.knop--rand:hover{color:var(--marine);background:#fff}.label{font:700 .8rem/1.4 var(--tekst);letter-spacing:.2em;text-transform:uppercase;color:var(--tekst-zacht);margin-bottom:1rem}.held{padding:clamp(3rem, 8vw, 6rem) var(--rand);background:var(--marine);color:#fff;align-items:center;gap:3rem;display:grid}@media (width>=60rem){.held{grid-template-columns:1.4fr 1fr}}.held .label,.held h1 span{color:var(--geel)}.held p{color:#d7dee8;max-width:34rem;font-size:1.15rem}.held__raam{justify-self:center;width:100%;max-width:22rem}.sectie{padding:clamp(3.5rem, 8vw, 6rem) var(--rand)}.sectie--kort{padding-top:0}.sectie--grijs{background:var(--grijs)}.sectie--marine{background:var(--marine);color:#fff}.producten{border-top:3px solid var(--marine);border-left:3px solid var(--marine);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:0;margin:2rem 0 0;padding:0;list-style:none;display:grid}.producten li{border-right:3px solid var(--marine);border-bottom:3px solid var(--marine);padding:1.75rem}.producten p{color:var(--tekst-zacht);margin:0}.producten__icoon{fill:none;width:3.5rem;height:3.5rem;stroke:var(--marine);stroke-width:4px;margin-bottom:1.25rem}.stappen{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.5rem;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.stappen li{border-top:6px solid var(--geel);background:#fff;padding:1.75rem}.stappen__nummer{font:800 2.5rem/1 var(--kop);margin-bottom:1rem;display:block}.stappen p{color:var(--tekst-zacht);margin:0}.gebied{align-items:start;gap:2rem;display:grid}@media (width>=52rem){.gebied{grid-template-columns:1fr 1fr}}.gebied p{color:#d7dee8}.gebied__lijst{flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.gebied__lijst li{border:2px solid var(--geel);color:#fff;padding:.45rem .9rem;font-weight:600}.oproep{text-align:center}.oproep p{color:var(--tekst-zacht)}.pagina{padding:clamp(3rem, 8vw, 5.5rem) var(--rand) clamp(2rem, 5vw, 3rem);max-width:60rem}.pagina p:last-child{color:var(--tekst-zacht);font-size:1.15rem}.prijsblok{align-items:start;gap:2.5rem;display:grid}@media (width>=60rem){.prijsblok{grid-template-columns:1.6fr 1fr}}.prijstabel{border-collapse:collapse;border:3px solid var(--marine);width:100%}.prijstabel th,.prijstabel td{text-align:left;border-bottom:1px solid var(--lijn);padding:1rem 1.25rem}.prijstabel thead th{background:var(--marine);color:#fff;font:700 .85rem/1.3 var(--tekst);letter-spacing:.1em;text-transform:uppercase}.prijstabel tbody th{font-weight:500}.prijstabel td{font:800 1.15rem/1.3 var(--kop);white-space:nowrap;text-align:right}.inbegrepen{background:var(--grijs);border-top:6px solid var(--geel);padding:1.75rem}.inbegrepen h2{font-size:1.5rem}.inbegrepen ul{margin:0 0 1.5rem;padding-left:1.2rem}.inbegrepen li{margin-bottom:.4rem}.formulier{gap:2.5rem;max-width:64rem;display:grid}@media (width>=56rem){.formulier{grid-template-columns:1.2fr 1fr}}fieldset{border:0;margin:0;padding:0}legend{font:800 1.4rem/1.2 var(--kop);margin-bottom:1rem;padding:0}.teller__rij{border-bottom:1px solid var(--lijn);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 0;display:flex}.teller__rij label{font-weight:600}.teller__rij small{color:var(--tekst-zacht);font-weight:400;display:block}.teller__knoppen{align-items:center;display:flex}.teller__knop{border:3px solid var(--marine);width:2.75rem;height:2.75rem;color:var(--marine);font:800 1.3rem/1 var(--kop);cursor:pointer;background:#fff}.teller__knop:hover{background:var(--geel)}.teller__knoppen input{border:3px solid var(--marine);text-align:center;width:3.5rem;height:2.75rem;font:700 1.1rem var(--kop);color:var(--marine);-moz-appearance:textfield;appearance:textfield;border-left:0;border-right:0}.teller__knoppen input::-webkit-outer-spin-button,.teller__knoppen input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.teller__schatting{background:var(--marine);color:#fff;margin:1.5rem 0 0;padding:1.25rem 1.5rem}.teller__schatting strong{font:800 2.2rem/1.2 var(--kop);color:var(--geel);display:block}.formulier__velden{align-content:start;gap:1.1rem;display:grid}.veld{gap:.4rem;font-weight:600;display:grid}.veld input{font:400 1rem/1.5 var(--tekst);border:2px solid var(--marine);color:var(--marine);padding:.75rem}.formulier__knop{justify-self:start}.formulier__melding{background:var(--marine);color:#fff;margin:0;padding:1rem 1.25rem}.voet{padding:3.5rem var(--rand) 2.5rem;background:var(--marine);color:#d7dee8;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:2rem;font-size:1rem;display:grid}.voet a{color:#fff}.voet__naam{font:800 1.3rem/1.2 var(--kop);color:#fff}.voet__kop{letter-spacing:.2em;text-transform:uppercase;color:var(--geel);font-size:.8rem;font-weight:700}.voet__demo{border-top:1px solid var(--marine-licht);grid-column:1/-1;margin:0;padding-top:1.5rem;font-size:.875rem}