:root{--font-heading:"Cabinet Grotesk", sans-serif;--font-body:"Lora", serif;--font-mono:"DM Mono", monospace;--papier:#fafaf7;--steen:#eeece6;--inkt:#1c1b1a;--grijs:#5a5853;--lijn:#dddad2;--veldlijn:#8f8b82;--rood:#ce3a35;--rood-diep:#ad2f2b;--groen:#1d8a4c;--r-s:8px;--r-m:12px;--r-l:16px;--snel:.15s;--std:.26s}html{background:var(--papier);scrollbar-color:#c3bfb5 var(--papier)}body{background:var(--papier);color:var(--inkt);font-size:18px;line-height:1.6}::selection{background:var(--rood);color:#fff}input,textarea{caret-color:var(--rood)}:focus-visible{outline:2px solid var(--rood);outline-offset:3px;border-radius:4px}h1,h2,h3,.knop,.nav,.bel,.balk,legend,label,.rij,.tekst-link,.review,.onderbalk,dt{font-family:var(--site-serif)}h1,h2,h3{text-wrap:balance;letter-spacing:-.02em}.zacht{color:var(--grijs)}.overslaan{z-index:50;background:var(--inkt);color:#fff;border-radius:var(--r-s);padding:12px 16px;position:absolute;top:-64px;left:16px}.overslaan:focus{top:16px}.knop{min-height:52px;transition:background-color var(--snel), border-color var(--snel), transform var(--snel);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.knop:active{transform:scale(.98)}.knop svg{width:18px;height:18px}.knop-rood{background:var(--rood);color:#fff}.knop-rood:hover{background:var(--rood-diep)}.knop-lijn{box-shadow:inset 0 0 0 1.5px var(--inkt);color:var(--inkt)}.knop-lijn:hover{background:var(--inkt);color:#fff}.knop-vol{width:100%}.tekst-link{min-height:44px;text-decoration:underline;-webkit-text-decoration-color:var(--rood);text-decoration-color:var(--rood);text-underline-offset:6px;align-items:center;gap:8px;font-size:17px;font-weight:700;text-decoration-thickness:2px;display:inline-flex}.tekst-link svg{width:18px;height:18px;color:var(--rood);transition:transform var(--std) var(--ease-uit)}.tekst-link:hover svg{transform:translate(4px)}.balk{background:var(--inkt);color:#ecebe6;font-size:14px;font-weight:500}.balk-binnen{justify-content:space-between;align-items:center;gap:16px;min-height:40px;display:flex}.balk a{color:#ecebe6;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.balk svg{width:16px;height:16px}.open{align-items:center;gap:8px;display:inline-flex}.open i{background:#9a968c;border-radius:50%;width:8px;height:8px;position:relative}.open.is-open i{background:#3fc47a}.open.is-open i:after{content:"";animation:puls 2.4s var(--ease-uit) infinite;background:#3fc47a;border-radius:50%;position:absolute;inset:0}@keyframes puls{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(3)}}.kop{z-index:20;-webkit-backdrop-filter:blur(12px);transition:box-shadow var(--std);background:#fafaf7e6;position:sticky;top:0}.kop.is-gescrold{box-shadow:0 1px 0 var(--lijn)}.kop-binnen{align-items:center;gap:32px;height:76px;display:flex}.logo img{width:160px}.nav{gap:4px;margin-inline:auto;display:flex}.nav a{border-radius:var(--r-s);transition:background-color var(--snel);padding:12px;font-size:16px;font-weight:500;text-decoration:none}.nav a:hover{background:var(--steen)}.bel{background:var(--steen);font-variant-numeric:tabular-nums;min-height:44px;transition:background-color var(--snel);border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-weight:700;text-decoration:none;display:inline-flex}.bel:hover{background:var(--lijn)}.bel svg{width:18px;height:18px;color:var(--rood)}.hero{grid-template-columns:7fr 5fr;align-items:center;gap:64px;padding-block:64px 96px;display:grid}.hero h1{letter-spacing:-.035em;font-size:clamp(44px,5.6vw,88px);font-weight:800;line-height:1.02}.lead{color:#3d3b37;max-width:46ch;margin-top:32px;font-size:20px;line-height:1.6}.hero-knoppen{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-foto{position:relative}.hero-foto img{aspect-ratio:4/5;object-fit:cover;object-position:50% 70%;border-radius:var(--r-l);width:100%}.review{background:var(--papier);border-radius:var(--r-l);transition:transform var(--std) var(--ease-uit);align-items:center;gap:16px;padding:16px 24px 16px 16px;font-size:16px;font-weight:600;text-decoration:none;display:flex;position:absolute;bottom:16px;left:16px;box-shadow:0 2px 4px #1c1b1a0f,0 16px 32px -12px #1c1b1a40}.review:hover{transform:translateY(-2px)}.review-cijfer{letter-spacing:-.04em;font-size:44px;font-weight:800;line-height:1}.review>span:last-child{flex-direction:column;gap:4px;display:flex}.sterren{color:#dd9a1e;gap:2px;display:inline-flex}.sterren svg{width:16px;height:16px}.verhaal{background:var(--steen);padding-block:96px}.verhaal-raster{grid-template-columns:7fr 5fr;align-items:center;gap:64px;display:grid}.verhaal-foto img{aspect-ratio:16/9;object-fit:cover;object-position:50% 45%;border-radius:var(--r-l);width:100%}.verhaal h2,.aanbod h2,.bezoek h2{font-size:clamp(32px,3.6vw,52px);font-weight:800;line-height:1.08}.verhaal-tekst p{color:#3d3b37;max-width:46ch;margin-top:16px}.aanbod{padding-block:96px}.aanbod-kop{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px;display:flex}.lijst{border-top:1.5px solid var(--inkt);margin:0;padding:0;list-style:none}.rij{border-bottom:1px solid var(--lijn);border-radius:var(--r-m);transition:background-color var(--snel);grid-template-columns:136px minmax(0,1fr) 72px 120px 96px 120px;align-items:center;gap:24px;margin-inline:-16px;padding:16px;text-decoration:none;display:grid}.rij:hover{background:var(--steen)}.rij img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-s);width:136px}.rij-naam{font-size:20px;line-height:1.3}.rij-naam b{font-size:24px;font-weight:800;display:block}.rij-spec{font-family:var(--site-mono);color:var(--grijs);font-variant-numeric:tabular-nums;font-size:15px}.rij-prijs{text-align:right;font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.is-verkocht img{filter:grayscale(.7)}.is-verkocht .rij-prijs{color:var(--rood)}.diensten{padding-bottom:96px}.dienst{grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding-block:48px;display:grid}.dienst img{aspect-ratio:3/2;object-fit:cover;border-radius:var(--r-l);width:100%}.dienst h2{font-size:clamp(28px,2.8vw,40px);font-weight:800;line-height:1.12}.dienst p{color:#3d3b37;max-width:44ch;margin-top:16px}.dienst .tekst-link{margin-top:16px}.dienst-om img{order:2}.bezoek{background:var(--inkt);color:#f1efe9;padding-block:96px}.bezoek-raster{grid-template-columns:5fr 7fr;align-items:start;gap:64px;display:grid}.tijden{margin:32px 0 0}.tijden div{font-variant-numeric:tabular-nums;border-top:1px solid #ffffff29;justify-content:space-between;gap:16px;padding:16px 0;font-size:20px;display:flex}.tijden dt{font-weight:500}.tijden dd{margin:0}.tijden .is-vandaag dt,.tijden .is-vandaag dd{font-weight:800}.tijden .is-vandaag dt:after{content:"vandaag";color:#ff8a84;margin-left:8px;font-size:13px;font-weight:700}.bezoek address{color:#d6d3cb;gap:16px;margin:32px 0;font-style:normal;display:grid}.bezoek address a{color:#fff;font-variant-numeric:tabular-nums;font-weight:600;text-decoration:none}.bezoek address a:hover{text-underline-offset:4px;text-decoration:underline}.bezoek .knop-lijn{color:#f1efe9;box-shadow:inset 0 0 0 1.5px #f1efe9}.bezoek .knop-lijn:hover{color:var(--inkt);background:#f1efe9}.aanvraag{background:var(--papier);color:var(--inkt);border-radius:var(--r-l);gap:16px;padding:32px;display:grid}.aanvraag h2{font-size:32px}.aanvraag>.zacht{margin-top:-8px;font-size:16px}.soorten{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.soorten legend{margin-bottom:8px;padding:0;font-size:16px;font-weight:700}.soorten label{position:relative}.soorten input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.soorten span{min-height:44px;box-shadow:inset 0 0 0 1px var(--veldlijn);transition:background-color var(--snel), color var(--snel);border-radius:999px;align-items:center;padding:0 16px;font-size:16px;display:inline-flex}.soorten input:checked+span{background:var(--inkt);color:#fff;box-shadow:none}.soorten input:focus-visible+span{outline:2px solid var(--rood);outline-offset:2px}.veld{gap:8px;display:grid}.veld label{font-size:16px;font-weight:700}.veld input,.veld textarea{font:inherit;color:var(--inkt);border:1px solid var(--veldlijn);border-radius:var(--r-s);min-height:48px;transition:border-color var(--snel), box-shadow var(--snel);background:#fff;padding:12px 16px;font-size:17px}.veld textarea{resize:vertical}.veld ::placeholder{color:#75716a}.veld input:focus,.veld textarea:focus{border-color:var(--inkt);outline:none;box-shadow:0 0 0 3px #ce3a3540}.fout{color:#b02e2a;align-items:center;gap:8px;font-size:15px;display:none}.fout svg{flex:none;width:16px;height:16px}.heeft-fout .fout{display:flex}.heeft-fout input{border-color:#b02e2a}.knop.is-bezig span{opacity:.6}.melding{border-radius:var(--r-s);background:var(--steen);padding:12px 16px;font-size:16px}.voet-foto img{object-fit:cover;width:100%;height:clamp(200px,30vw,420px)}.voet-binnen{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:32px 64px;font-size:16px;display:flex}.voet-binnen img{width:132px}.onderbalk{display:none}@media (width<=1080px){.nav{display:none}.bel{margin-left:auto}.rij{grid-template-rows:auto auto;grid-template-columns:112px minmax(0,1fr) auto;gap:4px 16px}.rij img{grid-row:1/span 2;width:112px}.rij-naam{grid-column:2}.rij-spec{display:none}.rij-prijs{grid-area:1/3/span 2}}@media (width<=960px){.hero,.verhaal-raster,.dienst,.bezoek-raster{grid-template-columns:1fr;gap:32px}.hero{padding-block:32px 64px}.review{bottom:16px;left:16px}.dienst-om img{order:0}}@media (width<=720px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom));font-size:17px}.balk-binnen{font-size:13px}.balk a{display:none}.kop-binnen{height:64px}.logo img{width:132px}.bel span{display:none}.bel{justify-content:center;width:44px;padding:0}.hero h1{font-size:44px;line-height:1.04}.lead{margin-top:24px;font-size:18px}.hero-foto img{aspect-ratio:4/4.4}.review-cijfer{font-size:36px}.verhaal,.aanbod,.bezoek{padding-block:64px}.rij{grid-template-columns:96px minmax(0,1fr);margin-inline:-12px;padding:12px}.rij img{width:96px}.rij-prijs{text-align:left;grid-area:2/2;font-size:18px}.rij-naam{font-size:16px}.rij-naam b{font-size:20px}.dienst{padding-block:32px}.tijden div{font-size:17px}.aanvraag{padding:24px 16px}.onderbalk{z-index:30;padding:12px 16px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);box-shadow:0 -1px 0 var(--lijn);background:#fafaf7f0;grid-template-columns:1fr 1fr 1.2fr;gap:8px;display:grid;position:fixed;inset:auto 0 0}.onderbalk a{min-height:48px;box-shadow:inset 0 0 0 1px var(--veldlijn);border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:700;text-decoration:none;display:inline-flex}.onderbalk svg{width:18px;height:18px;color:var(--rood)}.onderbalk .is-rood{background:var(--rood);color:#fff;box-shadow:none}}
