:root{--terra:#c14a26;--terra-deep:#b83d19;--sage:#7c8365;--sage-light:#91937d;--sage-deep:#626a4e;--cream:#fbf6f2;--cream-surface:#f2eae1;--ink:#4d3d2d;--ink-soft:#6e5d4c;--line:#4d3d2d24;--line-strong:#4d3d2d42;--font-head:"Crete Round", Georgia, "Times New Roman", serif;--font-body:"Open Sans Variable", "Open Sans", system-ui, -apple-system, sans-serif;--text-sm:.875rem;--text-base:clamp(1rem, .96rem + .2vw, 1.0625rem);--text-lg:clamp(1.125rem, 1.05rem + .4vw, 1.25rem);--text-h3:clamp(1.25rem, 1.1rem + .8vw, 1.6rem);--text-h2:clamp(1.75rem, 1.4rem + 1.6vw, 2.6rem);--text-h1:clamp(2.4rem, 1.8rem + 3vw, 4.2rem);--leading-body:1.7;--leading-head:1.1;--space-section:clamp(3.5rem, 2.5rem + 4vw, 7rem);--container:1200px;--radius:16px;--radius-pill:999px;--radius-blad:42% 16px 42% 16px;--radius-blad-om:16px 42% 16px 42%;--radius-tab:24px 8px 24px 8px;--radius-tab-om:8px 24px 8px 24px;--schaduw-kaart:0 6px 24px #4d3d2d17;--schaduw-foto:0 20px 50px #4d3d2d24;--schaduw-zweef:0 24px 60px #4d3d2d38;--ease-out:cubic-bezier(.23, 1, .32, 1);--dur:.22s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}body{overflow-x:clip}img,svg,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{touch-action:manipulation}address,time{font-variant-numeric:tabular-nums}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}h1,h2,h3,h4{font-family:var(--font-head);font-weight:400;line-height:var(--leading-head);color:var(--terra-deep);letter-spacing:-.006em;text-wrap:balance}p{text-wrap:pretty}h1{font-size:var(--text-h1);letter-spacing:-.018em}h2{font-size:var(--text-h2);letter-spacing:-.012em}h3{font-size:var(--text-h3)}p{max-width:65ch}.eyebrow{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--sage-deep);font-size:.72rem;font-weight:600}.eyebrow.eyebrow.light{color:color-mix(in srgb, var(--terra) 18%, var(--cream))}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(1.25rem,5vw,3rem)}.section{padding-block:var(--space-section)}.btn{border-radius:var(--radius-pill);transition:transform .14s var(--ease-out), background var(--dur) var(--ease-out), color var(--dur) var(--ease-out);border:1.5px solid #0000;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--terra);color:var(--cream)}.btn-primary:hover{background:var(--terra-deep)}.btn-ghost{border-color:var(--sage-deep);color:var(--sage-deep);background:0 0}.btn-ghost:hover{background:var(--sage-deep);color:var(--cream)}:focus-visible{outline:2px solid var(--terra);outline-offset:3px;border-radius:4px}.hero :focus-visible,.quote-band :focus-visible,.site-foot :focus-visible,.stadspas-sec :focus-visible,.contact-sec :focus-visible,.aanmelden-card :focus-visible,.anbi-facts :focus-visible,.cw-head :focus-visible,.venster-balk :focus-visible{outline-color:var(--cream)}.page-hero{background:radial-gradient(120% 100% at 100% 0%, color-mix(in srgb, var(--sage) 18%, var(--cream)) 0%, var(--cream) 55%);padding-block:clamp(2.5rem,2rem + 4vw,5rem) clamp(1.5rem,1rem + 2vw,2.5rem)}.page-hero h1{margin-block:.5rem .75rem}.lead{font-size:var(--text-lg);color:var(--ink-soft);max-width:60ch}.prose{max-width:68ch}.prose h2{margin-block:2.25rem .75rem}.prose h3{color:var(--sage-deep);margin-block:1.5rem .5rem}.prose p{margin-bottom:1rem}.prose a{color:var(--terra);text-underline-offset:2px;font-weight:600;text-decoration:underline}.info-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;display:grid}.info-card{background:var(--cream-surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem 1.6rem}.info-card h3{color:var(--terra-deep);margin-bottom:.5rem;font-size:1.25rem}.info-card p{color:var(--ink-soft);font-size:.95rem}.price-list{border-collapse:collapse;width:100%}.price-list th,.price-list td{border-bottom:1px solid var(--line);padding:.85rem 0}.price-list th{text-align:left;font-weight:400;font-family:var(--font-body);color:var(--ink)}.price-list td{text-align:right;color:var(--terra-deep);white-space:nowrap;font-weight:600}.price-list tr:last-child th,.price-list tr:last-child td{border-bottom:none}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;display:grid}.split{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,4vw,4rem);display:grid}.split.reverse .split-media{order:2}.split-text h2,.split .prose h2{margin-block:.5rem 1.1rem}@media (width<=900px){.split,.split.reverse{grid-template-columns:1fr}.split.reverse .split-media{order:0}}.ph{border-radius:var(--radius);aspect-ratio:4/3;border:1px solid var(--line);background:linear-gradient(135deg, color-mix(in srgb, var(--sage) 30%, var(--cream)) 0%, color-mix(in srgb, var(--terra) 12%, var(--cream)) 100%);place-items:center;display:grid;position:relative}.ph.tall,.ph.portrait{aspect-ratio:3/4}.ph span{letter-spacing:.08em;color:var(--sage-deep);background:color-mix(in srgb, var(--cream) 80%, transparent);border-radius:var(--radius-pill);padding:.35rem .8rem;font-size:.82rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--terra);color:var(--cream);border-radius:0 0 12px 12px;padding:.7rem 1.2rem;font-weight:600;position:absolute;top:-100%;left:1rem}.skip-link:focus{top:0}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}html{scroll-behavior:auto}}.blok-ruimte{margin-top:2.5rem}@media (width<=760px){.site-foot ul a,.site-foot address a,.foot-legal a,.text-link,.story-link,.portal-link,.hero-note a,.venster-hint a,.venster-extern{margin-block:-.25rem;padding-block:.7rem;display:inline-block}.site-foot ul{gap:.15rem}}.video-shell{position:relative}.video-pause{z-index:3;border-radius:var(--radius-pill);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#281e15c7;border:1px solid #ffffff85;align-items:center;gap:.45rem;min-height:42px;padding:.55rem .8rem;font-size:.8rem;font-weight:700;display:inline-flex;position:absolute;bottom:.75rem;left:.75rem}.video-pause:hover{background:#281e15f0}.video-pause .video-symbol{letter-spacing:-.08em;font-size:.72rem}@media (width<=560px){.video-pause .video-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}}.cw{z-index:60;position:fixed;bottom:clamp(1rem,3vw,1.75rem);right:clamp(1rem,3vw,1.75rem)}.cw-toggle{background:var(--terra);color:var(--cream);border-radius:var(--radius-pill);box-shadow:var(--schaduw-zweef);transition:transform var(--dur) var(--ease-out), background var(--dur);border:none;align-items:center;gap:.55rem;padding:.8rem 1.25rem;font-weight:600;display:inline-flex}.cw-toggle:hover{background:var(--terra-deep)}@media (hover:hover) and (pointer:fine){.cw-toggle:hover{transform:translateY(-2px)}}.cw-toggle:active{transform:scale(.97)}.cw-toggle svg{width:20px;height:20px}.cw-panel{background:var(--cream);border:1px solid var(--line);width:min(360px,100vw - 2rem);max-height:min(560px,100vh - 6rem);box-shadow:var(--schaduw-zweef);border-radius:18px;flex-direction:column;display:none;position:absolute;bottom:calc(100% + .75rem);right:0;overflow:hidden}.cw-panel[data-open]{transform-origin:100% 100%;animation:paneel-in .18s var(--ease-out);display:flex}@keyframes paneel-in{0%{opacity:0;transform:scale(.97)translateY(4px)}}.cw-head{background:var(--sage-deep);color:var(--cream);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.1rem 1.25rem;display:flex}.cw-head strong{font-family:var(--font-head);font-size:1.2rem}.cw-head p{color:var(--cream);opacity:.94;margin-top:.15rem;font-size:.85rem}.cw-close{color:var(--cream);background:0 0;border:none;border-radius:6px;padding:4px}.cw-close svg{width:20px;height:20px;display:block}.cw-list{padding:.5rem;overflow-y:auto}.cw-item{border-bottom:1px solid var(--line)}.cw-item:last-child{border-bottom:none}.cw-item summary{cursor:pointer;color:var(--terra-deep);padding:.8rem .6rem;font-size:.95rem;font-weight:600;list-style:none}.cw-item summary::-webkit-details-marker{display:none}.cw-item[open] summary{color:var(--terra)}.cw-item[open] .cw-answer,.faq-item[open] .faq-answer{animation:antwoord-in .16s var(--ease-out)}@keyframes antwoord-in{0%{opacity:0;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.cw-item[open] .cw-answer,.faq-item[open] .faq-answer{animation:none}}.cw-answer{color:var(--ink-soft);padding:0 .6rem .9rem;font-size:.9rem;line-height:1.6}.cw-answer a{color:var(--terra);font-weight:600}.cw-foot{border-top:1px solid var(--line);background:var(--cream-surface);padding:.9rem 1.25rem}.cw-foot p{color:var(--ink-soft);font-size:.82rem}.cw-foot a{color:var(--terra);font-weight:600}@media (prefers-reduced-motion:reduce){.cw-toggle{transition:none}.cw-panel[data-open],.mobiel-menu[data-open],.mobiel-menu[data-open]>*{animation:none}}@media (width<=560px){.cw{bottom:.9rem;right:.9rem}.cw-toggle{padding:.85rem}.cw-toggle span{display:none}.cw-toggle svg{width:22px;height:22px}.cw-panel{width:calc(100vw - 1.8rem)}}.text-link{color:var(--terra-deep);text-underline-offset:3px;gap:.4rem;margin-top:.5rem;font-weight:700;text-decoration:underline;display:inline-flex}.cta-visit{text-align:center}.cta-visit.surface{background:var(--cream-surface)}.cta-visit-in{max-width:560px;margin-inline:auto}.cta-visit h2{margin-bottom:.75rem}.cta-visit p{color:var(--ink-soft);margin-inline:auto;margin-bottom:1.5rem}.faq-list{gap:.75rem;display:grid}.faq-item{background:var(--cream-surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.faq-item summary{cursor:pointer;font-family:var(--font-head);color:var(--terra-deep);justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.35rem;font-size:1.2rem;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.chev{border-right:2px solid var(--sage-deep);border-bottom:2px solid var(--sage-deep);width:12px;height:12px;transition:transform var(--dur) var(--ease-out);flex-shrink:0;margin-right:4px;transform:rotate(45deg)}.faq-item[open] .chev{transform:rotate(-135deg)}.faq-item p{color:var(--ink-soft);max-width:none;padding:0 1.35rem 1.25rem}.faq-item p a{color:var(--terra);font-weight:600}.site-foot{background:var(--sage-deep);color:var(--cream);margin-top:var(--space-section);padding-block:3rem 1.75rem}.foot-grid{grid-template-columns:1.6fr 1fr 1.2fr 1.2fr;gap:2.5rem;display:grid}.foot-brand-col{max-width:34ch}.site-foot .brand-name{font-family:var(--font-head);font-size:1.2rem}.site-foot .foot-brand{color:var(--cream)}.site-foot .foot-brand strong{color:color-mix(in srgb, var(--terra) 20%, var(--cream));font-weight:400}.foot-note{opacity:.94;margin-top:.5rem;font-size:.9rem;font-style:normal}.foot-h{color:var(--cream);font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;margin-bottom:.9rem;font-size:.75rem;font-weight:700}.site-foot ul{gap:.55rem;list-style:none;display:grid}.site-foot ul a,.site-foot address a{opacity:.9;font-size:.92rem}.site-foot ul a:hover,.site-foot address a:hover{color:var(--cream);opacity:1;text-decoration:underline}.foot-kaart{color:var(--cream);text-underline-offset:3px;gap:.35rem;margin-block:.5rem .9rem;font-size:.92rem;font-weight:600;text-decoration:underline;display:inline-flex}.foot-tijden{font-size:.88rem}.rouby-credit{color:color-mix(in srgb, var(--cream) 55%, transparent);transition:color var(--dur);font-size:.85rem}.rouby-credit:hover{color:var(--cream)}.rouby-word{font-family:var(--font-head)}.rouby-tld{color:color-mix(in srgb, var(--terra) 20%, var(--cream))}.foot-base{border-top:1px solid color-mix(in srgb, var(--cream) 18%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem 1.5rem;margin-top:2.5rem;padding-top:1.4rem;font-size:.85rem;display:flex}.foot-legal{flex-wrap:wrap;justify-content:flex-end;gap:.45rem 1rem;display:flex}.foot-legal a:hover{color:var(--cream);text-decoration:underline}@media (width<=900px){.foot-grid{grid-template-columns:1fr 1fr;gap:2rem}}@media (width<=560px){.foot-grid{grid-template-columns:1fr;gap:1.75rem}}.site-head{z-index:40;background:color-mix(in srgb, var(--cream) 88%, transparent);-webkit-backdrop-filter:blur(14px)saturate(160%);transition:box-shadow .35s var(--ease-out), background .35s;position:sticky;top:0}.site-head.scrolled{box-shadow:var(--schaduw-kaart);background:color-mix(in srgb, var(--cream) 94%, transparent)}@media (prefers-reduced-transparency:reduce){.site-head{background:var(--cream);-webkit-backdrop-filter:none}}@media (prefers-contrast:more){.site-head{background:var(--cream);-webkit-backdrop-filter:none;border-bottom:1px solid var(--line-strong)}}.head-in{min-height:92px;transition:min-height .35s var(--ease-out);align-items:center;gap:1.25rem;display:flex}.site-head.scrolled .head-in{min-height:74px}.brand{flex-shrink:0;align-items:center;gap:.75rem;min-width:0;display:inline-flex}.brand img{object-fit:contain;width:52px;height:62px;transition:width .35s var(--ease-out), height .35s var(--ease-out)}.site-head.scrolled .brand img{width:44px;height:52px}.brand-name{font-family:var(--font-head);color:var(--sage-deep);white-space:nowrap;font-size:1.35rem;line-height:1}.brand-name strong{color:var(--terra);font-weight:400}.nav{gap:1.35rem;margin-inline:auto;font-size:.95rem;font-weight:600;display:flex}.nav a{color:var(--ink-soft);white-space:nowrap;transition:color var(--dur), border-color var(--dur);border-bottom:2px solid #0000;padding-block:.3rem}.nav a:hover,.nav a.is-active{color:var(--terra);border-color:var(--terra)}.head-actions{flex-shrink:0;align-items:center;gap:1.1rem;display:flex}.login{color:var(--sage-deep);white-space:nowrap;font-size:.92rem;font-weight:600}.login:hover{color:var(--terra)}.burger{background:0 0;border:none;border-radius:10px;flex-shrink:0;width:46px;height:46px;margin-left:auto;padding:11px;display:none}.burger:hover{background:color-mix(in srgb, var(--sage) 14%, transparent)}.burger span{background:var(--sage-deep);height:2.5px;transition:transform .3s var(--ease-out), opacity .2s;border-radius:2px;display:block}.burger span+span{margin-top:5px}.burger[aria-expanded=true] span:first-child{transform:translateY(7.5px)rotate(45deg)}.burger[aria-expanded=true] span:nth-child(2){opacity:0}.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}.mobiel-menu{border-top:1px solid var(--line);background:var(--cream);flex-direction:column;gap:.25rem;padding:.5rem clamp(1.25rem,5vw,3rem) 1.5rem;display:none}.mobiel-menu[data-open]{animation:.42s cubic-bezier(.32,.72,0,1) menu-in;display:flex}@keyframes menu-in{0%{opacity:0;transform:translateY(-10px)}}.mobiel-menu[data-open]>*{animation:.46s cubic-bezier(.32,.72,0,1) both menu-item-in;animation-delay:calc(var(--i,0) * 30ms + 40ms)}@keyframes menu-item-in{0%{opacity:0;transform:translateY(-8px)}}.mobiel-menu a{font-family:var(--font-head);color:var(--ink);border-bottom:1px solid var(--line);padding:.7rem 0;font-size:1.25rem}.mobiel-menu a.is-active{color:var(--terra)}.mobiel-menu .m-login{font-family:var(--font-body);color:var(--sage-deep);border-bottom:none;font-size:1rem;font-weight:600}.mobiel-menu .m-aanmelden{justify-content:center;margin-top:.75rem}@media (width<=1040px){.nav,.head-actions{display:none}.burger{display:block}.brand img{width:46px;height:56px}.brand-name{font-size:1.15rem}}@media (width<=560px){.brand-name{white-space:normal;max-width:12ch;font-size:1rem}}.pony-card{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);overflow:hidden}@media (hover:hover) and (pointer:fine){.pony-card:hover{box-shadow:var(--schaduw-foto);transform:translateY(-4px)}}.pony-photo{aspect-ratio:4/3;background:color-mix(in srgb, var(--sage) 22%, var(--cream));place-items:center;display:grid;position:relative}.pony-photo img{object-fit:cover;width:100%;height:100%}.photo-ph{letter-spacing:.14em;text-transform:uppercase;color:var(--sage-deep);opacity:.75;font-size:.8rem}.badge{background:var(--terra);color:var(--cream);letter-spacing:.06em;border-radius:var(--radius-pill);padding:.25rem .6rem;font-size:.72rem;font-weight:700;position:absolute;top:.75rem;left:.75rem}.pony-body{padding:1.1rem 1.25rem 1.35rem}.pony-body h3{font-size:1.4rem}.pony-sub{letter-spacing:.1em;text-transform:uppercase;color:var(--sage-deep);margin-top:.25rem;font-size:.8rem}.pony-text{color:var(--ink-soft);margin-top:.6rem;font-size:.95rem}.kaart-beeld{border-radius:var(--radius);border:1px solid var(--line);position:relative;overflow:hidden}.kaart-beeld img{width:100%;height:auto;display:block}.kaart-beeld svg{width:100%;height:100%;position:absolute;inset:0}.gebied{cursor:pointer;outline:none}.gebied polygon{fill:#fbf6f200;stroke:none;stroke-linejoin:round;transition:fill .25s var(--ease-out), stroke .25s}.gebied text{font-family:var(--font-body);fill:var(--cream);letter-spacing:.02em;paint-order:stroke;stroke:#281e159e;stroke-width:3.5px;text-anchor:middle;cursor:pointer;font-size:13.5px;font-weight:700;transition:fill .25s}.gebied:hover polygon,.gebied:focus-visible polygon,.gebied.is-actief polygon{fill:color-mix(in srgb, var(--terra) 28%, transparent);stroke:var(--cream);stroke-width:2.5px}.gebied:focus-visible polygon{stroke-width:3.5px}.gebied:hover text,.gebied.is-actief text{fill:#fff}.kaart-info{min-height:4.4rem;margin-top:1rem}.kaart-hint{color:var(--ink-soft);font-size:.92rem;font-style:italic}.kaart-kaartje{background:var(--cream-surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.25rem}.kaart-kaartje strong{color:var(--terra-deep);font-family:var(--font-head);font-size:1.15rem}.kaart-kaartje p{color:var(--ink-soft);margin-top:.25rem}@media (width<=560px){.gebied text{font-size:18px}}.nieuws-merkvlak{background:radial-gradient(120% 120% at 30% 20%, color-mix(in srgb, var(--sage) 22%, var(--cream)) 0%, color-mix(in srgb, var(--terra) 10%, var(--cream)) 100%);place-items:center;width:100%;height:100%;display:grid}.nieuws-merkvlak img{opacity:.42;object-fit:contain;width:auto;max-width:58%;height:auto;max-height:58%}
