@font-face{font-family:Playfair Display;src:url(/lettertypes/playfair-display.woff2)format("woff2");font-weight:400 900;font-display:swap}@font-face{font-family:DM Sans;src:url(/lettertypes/dm-sans.woff2)format("woff2");font-weight:100 1000;font-display:swap}:root{--steen:#f4f1ea;--steen-donker:#e6e0d2;--groen:#1c2b22;--mos:#3f5a40;--oker:#c7922f;--tekst-zacht:#4a554c;--kop:"Playfair Display", Georgia, serif;--tekst:"DM Sans", system-ui, sans-serif;--rand:clamp(1.25rem, 5vw, 4rem)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--steen);color:var(--groen);font:400 1.125rem/1.65 var(--tekst);font-synthesis:none;margin:0}img{max-width:100%;height:auto;display:block}a{color:var(--mos);text-underline-offset:.2em}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--oker);outline-offset:3px}h1,h2,h3{font-family:var(--kop);margin:0 0 .6em;font-weight:700;line-height:1.1}h1{font-size:clamp(2.6rem,6vw,5rem)}h2{font-size:clamp(2rem,4vw,3.2rem)}h3{font-size:1.5rem}h1 em,h2 em{color:var(--mos);font-style:normal}p{margin:0 0 1em}.overslaan{background:var(--groen);color:var(--steen);z-index:10;padding:.75rem 1rem;position:absolute;top:0;left:-999px}.overslaan:focus{left:1rem}.demo{background:var(--oker);color:var(--groen);text-align:center;padding:.45rem var(--rand);font-size:.875rem}.demo a{color:var(--groen);font-weight:600}.kop{padding:1.1rem var(--rand);background:var(--groen);color:var(--steen);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 2rem;display:flex}.kop__naam{color:var(--steen);font:700 1.6rem/1 var(--kop);text-decoration:none}.kop__naam span{font:500 .75rem/1.6 var(--tekst);letter-spacing:.3em;text-transform:uppercase;color:var(--oker);display:block}.kop nav{flex-wrap:wrap;align-items:center;gap:.25rem 1.5rem;display:flex}.kop nav a{color:var(--steen);padding:.5rem 0;font-size:1rem;text-decoration:none}.kop nav a:hover,.kop nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--oker);text-underline-offset:.4em}.kop nav .kop__actie{background:var(--oker);color:var(--groen);border-radius:2px;padding:.6rem 1.1rem;font-weight:600}.label{font:600 .8rem/1.4 var(--tekst);letter-spacing:.25em;text-transform:uppercase;color:var(--mos);margin-bottom:1rem}.knoppen{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.knop{background:var(--groen);color:var(--steen);border:2px solid var(--groen);font:600 1rem/1.2 var(--tekst);cursor:pointer;border-radius:2px;padding:.9rem 1.5rem;text-decoration:none;display:inline-block}.knop:hover{background:var(--mos);border-color:var(--mos)}.knop--licht{color:var(--groen);background:0 0}.knop--licht:hover{background:var(--groen);color:var(--steen)}.tekstlink{font-weight:600}.held{display:grid}.held>picture,.held__tekst{grid-area:1/1}.held__foto{object-fit:cover;width:100%;height:min(82vh,48rem)}.held__tekst{margin:0 var(--rand) var(--rand);background:var(--steen);border-top:6px solid var(--oker);align-self:end;max-width:38rem;padding:clamp(1.5rem,4vw,3rem)}.held__tekst p:last-child{margin-bottom:0}.sectie{padding:clamp(4rem, 9vw, 7rem) var(--rand)}.sectie--kort{padding-top:0}.sectie--donker{background:var(--groen);color:var(--steen)}.sectie--donker .label,.sectie--donker h2 em{color:var(--oker)}.sectie--oker{background:var(--steen-donker)}.smal{max-width:46rem}.diensten{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:2rem;margin:2.5rem 0;padding:0;list-style:none;display:grid}.diensten li{border-top:2px solid var(--groen);padding-top:1.25rem}.diensten p{color:var(--tekst-zacht)}.split{align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.split__foto{aspect-ratio:4/3;object-fit:cover;border-radius:2px;width:100%;height:auto}@media (width>=60rem){.split{grid-template-columns:1fr 1fr}}.stappen{gap:1.75rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.stappen li{grid-template-columns:3.5rem 1fr;gap:1rem;display:grid}.stappen__nummer{font:700 3rem/1 var(--kop);color:var(--oker)}.stappen h3{margin-bottom:.3em}.stappen p{color:#d9d4c7;margin:0}.wijzer{gap:1.5rem;max-width:60rem;margin-top:2.5rem;display:grid}@media (width>=48rem){.wijzer{grid-template-columns:1fr 1fr}.wijzer__uitkomst{grid-column:1/-1}}fieldset{border:0;margin:0;padding:0}legend{font:700 1.3rem/1.3 var(--kop);margin-bottom:.75rem;padding:0}.wijzer label,.formulier__keuzes label{border:1px solid var(--steen-donker);cursor:pointer;background:#fff;border-radius:2px;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.7rem .9rem;display:flex}.wijzer label:has(input:checked),.formulier__keuzes label:has(input:checked){border-color:var(--groen);box-shadow:inset 0 0 0 1px var(--groen)}input[type=radio],input[type=checkbox]{accent-color:var(--groen);width:1.15rem;height:1.15rem;margin:0}.wijzer__uitkomst{background:var(--groen);color:var(--steen);border-radius:2px;margin:0;padding:1.5rem;font-size:1.15rem}.wijzer__uitkomst strong{font:700 clamp(1.8rem, 4vw, 2.6rem)/1.2 var(--kop);color:var(--oker);display:block}.oproep h2{margin-bottom:.4em}.oproep .knop{margin-top:.5rem}.pagina{padding:clamp(3.5rem, 8vw, 6rem) var(--rand) clamp(2rem, 5vw, 3rem);max-width:56rem}.pagina p:last-child{color:var(--tekst-zacht);font-size:1.2rem}.dienstenlijst{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1.5rem;display:grid}.dienstblok{border-left:6px solid var(--mos);background:#fff;border-radius:2px;padding:clamp(1.5rem,3vw,2.25rem)}.dienstblok>p{color:var(--tekst-zacht)}.prijslijst{margin:1.5rem 0 0}.prijslijst div{border-top:1px solid var(--steen-donker);justify-content:space-between;gap:1rem;padding:.7rem 0;display:flex}.prijslijst dt{margin:0}.prijslijst dd{white-space:nowrap;margin:0;font-weight:700}.formulier{gap:1.25rem;max-width:44rem;display:grid}@media (width>=40rem){.formulier{grid-template-columns:1fr 1fr}.formulier fieldset,.veld--breed,.formulier__melding{grid-column:1/-1}}.formulier__keuzes{gap:0 .75rem;display:grid}@media (width>=40rem){.formulier__keuzes{grid-template-columns:1fr 1fr}}.veld{gap:.4rem;font-weight:600;display:grid}.veld input,.veld textarea{font:400 1rem/1.5 var(--tekst);color:var(--groen);background:#fff;border:1px solid #8d9488;border-radius:2px;padding:.75rem}.formulier__knop{justify-self:start}.formulier__melding{background:var(--groen);color:var(--steen);border-radius:2px;margin:0;padding:1rem 1.25rem}.voet{padding:3.5rem var(--rand) 2.5rem;background:var(--groen);color:#d9d4c7;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:2rem;font-size:1rem;display:grid}.voet a{color:var(--steen)}.voet__naam{font:700 1.5rem/1.2 var(--kop);color:var(--steen)}.voet__kop{letter-spacing:.2em;text-transform:uppercase;color:var(--oker);font-size:.8rem;font-weight:600}.voet__demo{border-top:1px solid var(--mos);grid-column:1/-1;margin:0;padding-top:1.5rem;font-size:.875rem}
