:root{--font-heading:"Public Sans", system-ui, sans-serif;--font-body:"Source Serif 4", Georgia, serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--wit:#fff;--vlak:#f3f4f1;--inkt:#14171a;--zacht:#50565c;--lijn:#dfe2dd;--groen:#1b7a43;--groen-diep:#13603a;--rood:#c1272d}html,body{background:var(--wit);color:var(--inkt)}body{font-size:18px;line-height:1.55}::selection{background:var(--groen);color:#fff}:focus-visible{outline:2px solid var(--groen);outline-offset:3px;border-radius:4px}h1,h2,h3,.merk,.knop,dt{font-family:var(--site-serif)}.tricolore{z-index:40;transform-origin:top;width:6px;animation:groei .9s var(--ease-uit) both;grid-template-rows:1fr 1fr 1fr;display:grid;position:fixed;top:0;bottom:0;left:0}.tricolore i:first-child{background:var(--groen)}.tricolore i:nth-child(2){background:var(--vlak)}.tricolore i:nth-child(3){background:var(--rood)}@keyframes groei{0%{transform:scaleY(0)}}.kop{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;transition:box-shadow .3s;position:sticky;top:0}.kop.is-gescrold{box-shadow:0 1px 0 var(--lijn)}.kop-in{align-items:center;gap:16px;height:68px;display:flex}.merk{letter-spacing:-.02em;font-size:22px;font-weight:800;text-decoration:none}.merk-sub{font-family:var(--site-serif);color:var(--zacht);font-size:14px}.kop-bel{min-height:44px;margin-left:auto}.knop{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 22px;font-size:16px;font-weight:700;text-decoration:none;transition:background-color .15s,border-color .15s,transform .15s;display:inline-flex}.knop:active{transform:translateY(1px)}.knop-groen{background:var(--groen);color:#fff}.knop-groen:hover{background:var(--groen-diep)}.knop-rand{border:1.5px solid var(--inkt);color:var(--inkt)}.knop-rand:hover{background:var(--inkt);color:#fff}.knop-groot{min-height:56px;padding:0 28px;font-size:18px}.hero{grid-template-columns:1.25fr 1fr;align-items:center;gap:64px;padding:64px 0 48px;display:grid}.hero-kop{gap:16px;display:grid}.hero-vraag{font-family:var(--site-sans);color:var(--zacht);font-size:clamp(22px,2.2vw,30px);font-style:italic;font-weight:400}.nummer{letter-spacing:-.045em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(52px,8.6vw,136px);font-weight:800;line-height:.92;text-decoration:none;display:inline-flex}.nummer .c{display:inline-block}.nummer:hover{color:var(--groen)}.hero-uitleg{max-width:42ch;color:var(--zacht);margin-top:24px}.hero-knoppen{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-beeld{border-radius:12px;overflow:hidden}.hero-beeld img{aspect-ratio:4/5;object-fit:cover;object-position:6% 50%;width:100%}.vertrouwen{border-top:1px solid var(--lijn);border-bottom:1px solid var(--lijn);grid-template-columns:repeat(3,1fr);margin:0 auto;padding:24px 0;list-style:none;display:grid}.vertrouwen li{flex-wrap:wrap;align-items:baseline;gap:8px;padding:0 24px;font-size:17px;display:flex}.vertrouwen li:first-child{padding-left:0}.vertrouwen li+li{border-left:1px solid var(--lijn)}.vertrouwen b{font-family:var(--site-serif);font-weight:700}.vertrouwen .zacht{color:var(--zacht)}.ster{color:#c99400}.sectie-kop{letter-spacing:-.03em;font-size:clamp(32px,4vw,52px);font-weight:800;line-height:1.08}.kaart{padding:96px 0 64px}.kaart-rij{border-bottom:1px solid var(--lijn);grid-template-columns:160px 1fr auto;align-items:center;gap:32px;padding:24px 0;display:grid}.kaart .sectie-kop{margin-bottom:24px}.kaart-rij img{object-fit:cover;width:160px;height:160px;transition:transform .3s var(--ease-uit);border-radius:8px}.kaart-rij:hover img{transform:scale(1.04)rotate(-1deg)}.kaart-rij h3{letter-spacing:-.02em;font-size:28px;font-weight:800}.kaart-rij p{color:var(--zacht);max-width:52ch;margin-top:4px}.pijl-link{font-family:var(--site-serif);color:var(--groen);border-bottom:2px solid;padding:12px 0;font-size:16px;font-weight:700;text-decoration:none;transition:color .15s}.pijl-link:hover{color:var(--inkt)}.plek{background:var(--vlak)}.plek-in{grid-template-columns:1fr 1fr;align-items:start;gap:64px;padding:96px 0;display:grid}.plek-adres{font-family:var(--site-serif);letter-spacing:-.045em;color:var(--groen);-webkit-hyphens:manual;hyphens:manual;font-size:clamp(48px,7vw,112px);font-weight:800;line-height:.95}.plek-tekst>p{color:var(--zacht);max-width:44ch;margin-top:16px}.gegevens{gap:0;margin:32px 0;display:grid}.gegevens div{border-top:1px solid var(--lijn);grid-template-columns:160px 1fr;gap:16px;padding:12px 0;display:grid}.gegevens dt{font-size:15px;font-weight:700}.gegevens dd{margin:0}.gegevens a{color:var(--groen);font-weight:600}.slot{text-align:center;padding:96px 0}.slot-kop{letter-spacing:-.045em;font-size:clamp(44px,7vw,104px);font-weight:800;line-height:1}.slot-kop mark{color:var(--inkt);background:0 0;box-shadow:inset 0 -.26em #f6d2d3}.slot-knoppen{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:40px;display:flex}.voet{border-top:1px solid var(--lijn);border-top:1px solid var(--lijn)}.voet-in{color:#3f454b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:32px 0;font-size:15px;display:flex}.voet .merk{color:var(--inkt);font-size:20px}.voet a{color:var(--inkt)}.belbalk{display:none}@media (width<=900px){.merk-sub{display:none}.hero{grid-template-columns:1fr;gap:32px;padding:32px 0}.hero-beeld img{aspect-ratio:16/10}.vertrouwen{grid-template-columns:1fr;padding:8px 0}.vertrouwen li{padding:12px 0}.vertrouwen li+li{border-left:0;border-top:1px solid var(--lijn)}.kaart{padding:64px 0 32px}.kaart-rij{grid-template-columns:96px 1fr;gap:16px}.kaart-rij img{width:96px;height:96px}.kaart-rij h3{font-size:22px}.kaart-rij p{font-size:16px}.pijl-link{grid-column:2;justify-self:start;padding:8px 0}.plek-in{grid-template-columns:1fr;gap:24px;padding:64px 0}.gegevens div{grid-template-columns:120px 1fr}.slot{padding:64px 0}body{padding-bottom:calc(52px + 28px + env(safe-area-inset-bottom))}.belbalk{left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:30;opacity:0;transition:transform .3s var(--ease-uit), opacity .2s;display:block;position:fixed;transform:translateY(calc(100% + 40px))}.belbalk.is-aan{opacity:1;transform:none}.belbalk .knop{width:100%;min-height:52px;box-shadow:0 8px 24px #14171a40}}@media (width<=480px){.hero-knoppen .knop{flex:100%}.nummer{font-size:clamp(40px,13.4vw,60px)}}:root{scroll-behavior:auto}section[id]{scroll-margin-top:80px}