.c48{padding-block:var(--ruimte-9)}.c48-binnen{max-width:var(--breedte-max);padding-inline:var(--kantlijn);margin-inline:auto}.c48-kopblok{max-width:40rem;margin-bottom:var(--ruimte-7)}.c48-label{margin-bottom:var(--ruimte-3);font:500 .78rem/1 var(--letter-label);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);display:inline-block}.c48-kop{font-size:clamp(2rem,4.5vw,3.25rem)}.c48-zin{margin:var(--ruimte-4) 0 0;color:var(--tekst-zacht);font-size:1.125rem}.c48-raster{gap:var(--ruimte-6);grid-template-columns:minmax(0,1fr);display:grid}.c48-kaartvlak{aspect-ratio:4/3;order:-1;margin:0;position:relative}@media (width>=60rem){.c48-raster{gap:var(--ruimte-7);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:stretch}.c48-kaartvlak{aspect-ratio:auto;order:0;min-height:20rem}.c48-kaartlaag{position:absolute;inset:0}}.c48-kaartlaag{background:var(--vlak);border:1px solid var(--lijn);border-radius:var(--radius-groot);width:100%;height:100%;box-shadow:var(--schaduw-3);position:relative;overflow:hidden}.c48-kaartlaag>svg{width:100%;height:100%;display:block}.c48-kaartlaag:after{content:"";pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--lijn), inset 0 0 28px -8px color-mix(in srgb, var(--tekst) 14%, transparent);position:absolute;inset:0}.c48-tekst{gap:var(--ruimte-5);align-content:start;min-width:0;display:grid}.c48-adreskaart,.c48-stappen{background:var(--vlak);border:1px solid var(--lijn);border-radius:var(--radius-kaart);padding:var(--ruimte-5);box-shadow:var(--schaduw-1)}.c48-klein{margin:0 0 var(--ruimte-3);font:600 .78rem/1 var(--letter-label);letter-spacing:.1em;text-transform:uppercase;color:var(--tekst-zacht)}.c48-adres{gap:2px;font-size:1.25rem;font-style:normal;line-height:1.35;display:grid}.c48-naam{font-weight:600}.c48-contact{margin:var(--ruimte-4) 0 0;border-top:1px solid var(--lijn);gap:0;padding:0;list-style:none;display:grid}.c48-contact li+li{border-top:1px solid var(--lijn)}.c48-contact a{justify-content:space-between;align-items:center;gap:var(--ruimte-4);min-height:2.75rem;padding-block:var(--ruimte-2);color:var(--tekst);font-weight:500;text-decoration:none;display:flex}.c48-waarde{color:var(--accent);overflow-wrap:anywhere;text-align:right;font-weight:400}.c48-contact a:hover .c48-waarde{text-underline-offset:3px;text-decoration:underline}.c48-contact li:has(a[href*=wa\.me]) .c48-waarde{font-size:0}.c48-contact li:has(a[href*=wa\.me]) .c48-waarde:after{content:"→";font-size:1.125rem}.c48-lijst{gap:var(--ruimte-3);margin:0;padding:0;list-style:none;display:grid}.c48-stap{gap:var(--ruimte-3);grid-template-columns:auto 1fr;align-items:start;line-height:1.45;display:grid}.c48-stapnr{border-radius:var(--radius-pil);background:var(--accent);block-size:1.75rem;inline-size:1.75rem;color:var(--accent-tekst);font:600 .9rem/1 var(--letter-label);flex:none;place-items:center;display:grid}.c48-laatste{margin:var(--ruimte-4) 0 0;padding-top:var(--ruimte-4);border-top:1px solid var(--lijn);color:var(--tekst-zacht)}.c48-route{gap:var(--ruimte-3);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=30rem) and (width<=59.99rem){.c48-route{grid-template-columns:1fr 1fr}}.c48-knop{text-align:center;min-height:2.75rem;padding:var(--ruimte-2) var(--ruimte-4);border:1.5px solid var(--accent);border-radius:var(--radius-knop);color:var(--accent);transition:background var(--beweging) var(--beweging-curve), color var(--beweging) var(--beweging-curve), box-shadow var(--beweging) var(--beweging-curve);background:0 0;justify-content:center;align-items:center;font-weight:500;text-decoration:none;display:flex}.c48-knop:hover{background:color-mix(in srgb, var(--accent) 10%, transparent);box-shadow:var(--schaduw-2)}.c48-knop:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.c48-water{fill:color-mix(in srgb, var(--accent) 16%, var(--vlak))}.c48-park{fill:color-mix(in srgb, var(--sfeer-1) 20%, var(--vlak))}.c48-straat{stroke:var(--lijn);stroke-width:8px}.c48-hoofd{stroke-width:13px}.c48-namen text{font:500 11px var(--letter-tekst);fill:var(--tekst-zacht);letter-spacing:.06em}.c48-looproute{fill:none;stroke:var(--accent);stroke-width:4.5px;stroke-dasharray:1;stroke-dashoffset:0}.c48-punt{fill:var(--vlak);stroke:var(--tekst-zacht);stroke-width:1.5px}.c48-puntletter{font:700 9px var(--letter-label);fill:var(--tekst)}.c48-puntnaam{font:600 14px var(--letter-tekst);fill:var(--tekst);paint-order:stroke;stroke:var(--vlak);stroke-width:4px;stroke-linejoin:round}.c48-druppel path{fill:var(--accent);stroke:var(--vlak);stroke-width:2px}.c48-druppel circle{fill:var(--accent-tekst)}.c48-schaduwvlek{fill:var(--tekst);opacity:.22}.c48-golf{fill:none;stroke:var(--accent);stroke-width:1.5px;opacity:0}@media (prefers-reduced-motion:no-preference){.c48-kaartvlak[data-tekent] .c48-straat,.c48-kaartvlak[data-tekent] .c48-looproute{transition:stroke-dashoffset 1.1s var(--beweging-curve) calc(var(--i,0) * .11s)}.c48-kaartvlak[data-tekent] .c48-looproute{transition-duration:1.4s;transition-delay:.7s}.c48-kaartvlak[data-tekent] .c48-straat{stroke-dasharray:1}.c48-kaartvlak[data-tekent] .c48-water,.c48-kaartvlak[data-tekent] .c48-park,.c48-kaartvlak[data-tekent] .c48-punten,.c48-kaartvlak[data-tekent] .c48-namen{transition:opacity var(--beweging-traag) var(--beweging-curve) .5s}.c48-kaartvlak[data-tekent] .c48-druppel{transition:transform var(--beweging-traag) var(--beweging-curve) 1.9s, opacity var(--beweging) linear 1.9s}.c48-kaartvlak[data-tekent=voor] .c48-straat,.c48-kaartvlak[data-tekent=voor] .c48-looproute{stroke-dashoffset:1px}.c48-kaartvlak[data-tekent=voor] .c48-water,.c48-kaartvlak[data-tekent=voor] .c48-park,.c48-kaartvlak[data-tekent=voor] .c48-punten,.c48-kaartvlak[data-tekent=voor] .c48-namen{opacity:0}.c48-kaartvlak[data-tekent=voor] .c48-druppel{opacity:0;transform:translateY(-14px)}.c48-kaartvlak[data-tekent=nu] .c48-golf{animation:2.8s ease-out 2.3s 2 c48-golf}@keyframes c48-golf{0%{opacity:.55;transform:scale(.4)}to{opacity:0;transform:scale(2.2)}}.c48-golf{transform-box:fill-box;transform-origin:50%}}