:root{--wit:#fbf8f1;--wit-2:#f3eee2;--inkt:#1c2b23;--inkt-zacht:#5a665f;--lijn:#dcd6c6;--groen:#2f6b4f;--groen-2:#255740;--geel:#f6d65a;--radius:18px}body{background:var(--wit);color:var(--inkt)}::selection{background:var(--geel);color:var(--inkt)}.skip{background:var(--inkt);color:#fff;z-index:100;border-radius:999px;padding:10px 16px;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}:focus-visible{outline:3px solid var(--groen);outline-offset:3px}h1,h2,h3,.handtekening{font-family:var(--site-serif-2);letter-spacing:-.01em;font-weight:400;line-height:1}h1{font-size:clamp(48px,7.8vw,112px)}h2{max-width:15ch;font-size:clamp(36px,4.8vw,68px)}h3{font-size:clamp(26px,2.6vw,36px);line-height:1.08}mark{background:linear-gradient(var(--geel), var(--geel)) no-repeat 0 72% / 0% 42%;color:inherit;animation:markeer 1.2s var(--ease-uit) .5s forwards;margin:0 -.06em;padding:0 .06em}@keyframes markeer{to{background-size:100% 42%}}p{max-width:58ch}.label{letter-spacing:.04em;text-transform:uppercase;color:var(--groen);margin-bottom:18px;font-size:14px;font-weight:500;display:block}.nr{color:var(--groen);margin-bottom:12px;font-size:14px;font-weight:500}.klein{color:var(--inkt-zacht);font-size:14px}.knop{background:var(--groen);color:#fff;transition:background .3s, transform .5s var(--ease-uit);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:13px 20px;font-size:16px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.knop i{transition:transform .5s var(--ease-uit);font-style:normal}.knop:hover{background:var(--groen-2);transform:translateY(-2px)}.knop:hover i{transform:translate(4px)}.knop.groot{padding:17px 26px;font-size:17px}.pijl{color:var(--groen);align-items:center;gap:8px;font-weight:500;text-decoration:none;display:inline-flex}.pijl:after{content:"→";transition:transform .4s var(--ease-uit)}.pijl:hover:after{transform:translate(4px)}.kop{z-index:50;background:color-mix(in srgb, var(--wit) 88%, transparent);-webkit-backdrop-filter:blur(14px);position:sticky;top:0}.kop.is-gescrold{box-shadow:0 1px 0 var(--lijn)}.kop-rij{justify-content:space-between;align-items:center;gap:24px;padding:18px 0;display:flex}.merk{font-family:var(--site-serif-2);font-size:30px;text-decoration:none}.merk span{color:var(--groen)}.nav{gap:26px;display:flex}.nav a{color:var(--inkt-zacht);font-size:15px;font-weight:500;text-decoration:none}.nav a:hover{color:var(--inkt)}.kop-acties{align-items:center;gap:18px;display:flex}.tel{font-size:15px;font-weight:500;text-decoration:none}.menu-knop{border:1px solid var(--lijn);border-radius:999px;padding:10px 16px;font-weight:500;display:none}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(32px,5vw,80px);padding:clamp(40px,6vw,80px) 0 0;display:grid}.hero h1>span{display:inline-block}.intro{color:var(--inkt-zacht);max-width:46ch;margin-top:24px;font-size:clamp(17px,1.3vw,20px)}.bewijs{color:var(--inkt-zacht);align-items:center;gap:10px;margin-top:20px;font-size:15px;display:flex}.sterren{color:var(--geel);letter-spacing:.1em;text-shadow:0 0 0 var(--inkt);font-size:14px}.keuze{border:1px solid var(--lijn);border-radius:var(--radius);background:#fff;padding:clamp(22px,2.6vw,32px);box-shadow:0 30px 60px -40px #1c2b2359}.keuze-kop{font-family:var(--site-serif-2);margin-bottom:16px;font-size:28px}.keuze-opties{gap:8px;display:grid}.keuze-opties button{text-align:left;border:1px solid var(--lijn);font-size:15px;line-height:1.3;font-family:var(--site-serif-2);border-radius:12px;padding:14px 16px 14px 40px;font-size:19px;transition:border-color .3s,background .3s;position:relative}.keuze-opties button:before{content:"";border:1.5px solid var(--lijn);border-radius:50%;width:14px;height:14px;transition:all .3s;position:absolute;top:50%;left:16px;translate:0 -50%}.keuze-opties button:hover{border-color:var(--groen)}.keuze-opties button[aria-selected=true]{border-color:var(--groen);background:var(--wit-2)}.keuze-opties button[aria-selected=true]:before{border-color:var(--groen);background:var(--groen);box-shadow:inset 0 0 0 3px #fff}.keuze-antwoord{border-top:1px solid var(--lijn);margin-top:18px;padding-top:18px}.keuze-antwoord [role=tabpanel]{animation:in .6s var(--ease-uit)}@keyframes in{0%{opacity:0;transform:translateY(8px)}}.keuze-antwoord p{color:var(--inkt-zacht);margin-bottom:16px;font-size:15px}section{padding:clamp(64px,9vw,130px) 0 0}.sectie-kop{margin-bottom:clamp(32px,5vw,56px)}.foto-strook{padding-top:clamp(48px,6vw,80px)}.foto-strook figure{border-radius:var(--radius);aspect-ratio:16/7;background:var(--wit-2);position:relative;overflow:hidden}.foto-strook img{object-fit:cover;width:100%;height:115%}.foto-strook figcaption{background:var(--wit);border-radius:999px;padding:14px 20px;font-size:15px;position:absolute;bottom:24px;left:24px}.foto-strook strong{font-family:var(--site-serif-2);margin-right:6px;font-size:20px;font-weight:400}.diensten{grid-template-columns:repeat(2,1fr);gap:14px;margin:0;padding:0;list-style:none;display:grid}.diensten a{border:1px solid var(--lijn);border-radius:var(--radius);color:inherit;height:100%;transition:border-color .3s, transform .5s var(--ease-uit), background .3s;padding:28px;text-decoration:none;display:block}.diensten a:hover{border-color:var(--groen);background:#fff;transform:translateY(-3px)}.diensten strong{font-family:var(--site-serif-2);margin-bottom:6px;font-size:clamp(26px,2.4vw,32px);font-weight:400;line-height:1.08;display:block}.diensten span{color:var(--groen);margin-bottom:14px;font-size:14px;display:block}.diensten p{color:var(--inkt-zacht);font-size:15px}.merkt{border-top:1px solid var(--lijn);grid-template-columns:repeat(4,1fr);gap:24px;margin:40px 0 0;padding-top:28px;display:grid}.merkt dt{font-family:var(--site-serif-2);margin-bottom:8px;font-size:26px}.merkt dd{color:var(--inkt-zacht);margin:0;font-size:15px}.werkwijze{background:var(--inkt);color:var(--wit);margin-top:clamp(64px,9vw,130px);padding-bottom:clamp(64px,9vw,130px)}.werkwijze .label{color:var(--geel)}.werkwijze-rij{grid-template-columns:1fr 1.2fr;align-items:start;gap:clamp(32px,6vw,110px);display:grid}.werkwijze-kop{position:sticky;top:110px}.werkwijze-kop>p:not(.label){color:#b7c0ba;margin-top:20px}.werkwijze mark{color:var(--wit);background-image:linear-gradient(var(--groen), var(--groen))}.tijdlijn{--p:0;counter-reset:stap;margin:0;padding:0 0 0 44px;list-style:none;position:relative}.tijdlijn:before{content:"";background:#35463d;width:2px;position:absolute;top:0;bottom:0;left:11px}.tijdlijn:after{content:"";width:2px;height:calc(var(--p) * 100%);background:var(--geel);transition:height .2s linear;position:absolute;top:0;left:11px}.tijdlijn li{counter-increment:stap;padding:0 0 44px;position:relative}.tijdlijn li:before{content:counter(stap);background:var(--inkt);border:2px solid var(--geel);width:24px;height:24px;color:var(--geel);z-index:1;border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid;position:absolute;top:2px;left:-44px}.tijdlijn strong{font-family:var(--site-serif-2);margin-bottom:8px;font-size:clamp(26px,2.4vw,34px);font-weight:400;display:block}.tijdlijn p{color:#b7c0ba;font-size:16px}.cases{grid-template-columns:1fr 1fr .5fr;gap:14px;display:grid}.case{border:1px solid var(--lijn);border-radius:var(--radius);background:#fff;flex-direction:column;padding:28px;display:flex}.case h3{margin-bottom:12px}.case>p:not(.nr){color:var(--inkt-zacht);margin-bottom:20px;font-size:15px}.case .pijl{margin-top:auto}.case-meer{background:var(--geel);border-color:var(--geel);color:var(--inkt);font-family:var(--site-serif-2);transition:transform .5s var(--ease-uit);justify-content:space-between;font-size:28px;text-decoration:none}.case-meer:hover{transform:translateY(-3px)}.case-meer i{font-size:40px;font-style:normal}.reviews-kop{margin-bottom:32px}.reviews-kop .klein{margin-top:14px}.band{overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.band-rij{gap:14px;width:max-content;padding-inline:7px;animation:48s linear infinite band;display:flex}.band:hover .band-rij{animation-play-state:paused}@keyframes band{to{transform:translate(-50%)}}.band figure{border:1px solid var(--lijn);border-radius:var(--radius);background:#fff;flex:none;width:340px;padding:24px}.band blockquote{font-family:var(--site-serif-2);margin:0 0 14px;font-size:21px;line-height:1.25}.band blockquote:before{content:"“";color:var(--groen)}.band figcaption{color:var(--inkt-zacht);font-size:14px}.band figcaption:after{content:" · Google review"}.brief{border:1px solid var(--lijn);border-radius:var(--radius);background:#fff;max-width:860px;margin-inline:auto;padding:clamp(32px,6vw,80px);position:relative}.brief:before{content:"";border:1px solid var(--lijn);pointer-events:none;border-radius:12px;position:absolute;inset:10px}.brief h2{margin-bottom:24px}.brief>p:not(.label):not(.handtekening){color:var(--inkt-zacht);max-width:60ch;margin-bottom:16px;font-size:18px}.handtekening{color:var(--groen);margin:28px 0 8px;font-size:40px;font-style:italic}.redesign-blok{background:var(--wit-2);border-radius:var(--radius);grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(28px,5vw,72px);padding:clamp(32px,5vw,64px);display:grid}.redesign-blok h2{margin-bottom:16px}.redesign-blok>div>p:not(.label){color:var(--inkt-zacht)}.redesign-blok form{gap:10px;display:grid}.redesign-blok label{font-size:15px;font-weight:500}.redesign-blok input{font:inherit;border:1px solid var(--lijn);color:var(--inkt);background:#fff;border-radius:999px;padding:16px 20px}.redesign-blok .knop{justify-content:center}.vragen-rij{grid-template-columns:1fr 1.4fr;align-items:start;gap:clamp(32px,6vw,96px);display:grid}.vragen .sectie-kop{margin:0;position:sticky;top:100px}.vragen-lijst details{border-top:1px solid var(--lijn)}.vragen-lijst details:last-child{border-bottom:1px solid var(--lijn)}.vragen-lijst summary{cursor:pointer;font-family:var(--site-serif-2);padding:20px 44px 20px 0;font-size:clamp(22px,1.8vw,26px);line-height:1.15;list-style:none;position:relative}.vragen-lijst summary::-webkit-details-marker{display:none}.vragen-lijst summary:after{content:"+";font-family:var(--site-sans);color:var(--groen);transition:transform .4s var(--ease-uit);font-size:24px;position:absolute;top:50%;right:0;translate:0 -50%}.vragen-lijst details[open] summary:after{transform:rotate(45deg)}.vragen-lijst details p{color:var(--inkt-zacht);max-width:60ch;padding-bottom:22px}.contact{padding-bottom:clamp(64px,9vw,130px)}.contact-rij{grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(32px,6vw,96px);display:grid}.contact-rij>div:first-child>p:not(.label){color:var(--inkt-zacht);margin-top:20px;font-size:18px}.contact-blok{justify-items:start;gap:14px;display:grid}.contact-regel{font-family:var(--site-serif-2);font-size:clamp(28px,2.6vw,38px);text-decoration:none;transition:color .3s;display:grid}.contact-regel span{font-family:var(--site-sans);text-transform:uppercase;letter-spacing:.06em;color:var(--groen);font-size:13px}.contact-regel:hover{color:var(--groen)}.contact-blok .knop{margin-top:10px}.voet{border-top:1px solid var(--lijn);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:28px 0 40px;display:flex}.voet nav{flex-wrap:wrap;gap:20px;display:flex}.voet nav a{color:var(--inkt-zacht);font-size:14px;text-decoration:none}.voet nav a:hover{color:var(--inkt)}@media (width<=1000px){.hero,.werkwijze-rij,.vragen-rij,.contact-rij,.redesign-blok{grid-template-columns:1fr}.cases{grid-template-columns:1fr 1fr}.case-meer{grid-column:1/-1}.merkt{grid-template-columns:1fr 1fr}.werkwijze-kop,.vragen .sectie-kop{position:static}}@media (width<=760px){.nav{display:none}.kop.menu-open .nav{background:var(--wit);border-bottom:1px solid var(--lijn);padding:8px var(--rand) 16px;flex-direction:column;gap:0;display:flex;position:absolute;inset:100% 0 auto}.kop.menu-open .nav a{border-top:1px solid var(--lijn);color:var(--inkt);padding:14px 0;font-size:18px}.menu-knop{display:inline-block}.kop-acties .tel,.kop-acties .knop{display:none}.hero{gap:28px;padding-top:28px}.keuze-opties button{font-size:17px}.foto-strook figure{aspect-ratio:4/5}.foto-strook figcaption{border-radius:14px;bottom:14px;left:14px;right:14px}.diensten,.cases,.merkt{grid-template-columns:1fr}.band figure{width:280px}.knop.groot{justify-content:center;width:100%}.brief{padding:32px 22px}}