.praktisch-snel{top:var(--header-h);z-index:20;padding:10px var(--gutter);background:color-mix(in srgb, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-block:1px solid var(--line);position:sticky}.praktisch-snel>div{max-width:var(--max-content);flex-wrap:wrap;gap:8px;margin:0 auto;display:flex}.praktisch-snel a{border:1.5px solid var(--line-strong);border-radius:var(--radius-pill);align-items:center;min-height:40px;padding:0 16px;font-size:15px;font-weight:650;transition:background .2s,border-color .2s;display:inline-flex}@media (hover:hover){.praktisch-snel a:hover{background:var(--soft);border-color:var(--soft)}}#openingsuren,#tarieven,#route{scroll-margin-top:calc(var(--header-h) + 64px)}.uren-raster{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:clamp(32px,6vw,96px);display:grid}.uren-kalender h2,.tarieven-raster h2,.route-raster h2{font-size:var(--fs-h2);letter-spacing:-.03em;margin-bottom:24px;line-height:1.05}.maandkalender{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-kaartje);padding:clamp(16px,2vw,26px)}.maandkalender-kop{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.maandkalender-kop h3{font-size:var(--fs-h3);text-transform:capitalize;text-align:center;flex:1}.maandkalender-kop button{border:1.5px solid var(--ink);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:44px;height:44px;font-size:18px;transition:background .2s,color .2s,opacity .2s;display:grid}@media (hover:hover){.maandkalender-kop button:hover:not(:disabled){background:var(--ink);color:var(--paper)}}.maandkalender-kop button:disabled{opacity:.3;cursor:default}.maandkalender table{border-collapse:separate;border-spacing:5px;table-layout:fixed;width:calc(100% + 10px);margin:-5px}.maandkalender th{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);padding-bottom:6px;font-size:12px;font-weight:700}.maandkalender td{text-align:center;vertical-align:middle;height:clamp(42px,5.2vw,58px);font:650 clamp(16px, 1.5vw, 20px)/1 var(--display);color:color-mix(in srgb, var(--ink) 42%, transparent);border-radius:12px;padding:4px;position:relative}.maandkalender tbody{animation:welkom-in .45s var(--ease-out)}.maandkalender td[data-open=yes]{background:color-mix(in srgb, var(--soft) 75%, transparent);color:var(--ink)}.maandkalender td[data-open=yes]:after{content:"";background:var(--open);border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;bottom:6px;left:50%}.maandkalender td[data-open=unknown]{outline:1.5px dashed var(--line-strong);outline-offset:-4px}.maandkalender td[data-bijzonder] span[aria-hidden]:after{content:"*";color:var(--accent-deep);font-size:.8em}.maandkalender td[data-voorbij]{opacity:.45}.maandkalender td[data-vandaag]{box-shadow:inset 0 0 0 2px var(--ink)}.maandkalender td small{font:700 10px var(--body);color:var(--accent-deep);margin-top:2px;display:block}.maandkalender-legende{color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:14px;font-size:14px;display:flex}.maandkalender-legende span{align-items:center;gap:6px;display:inline-flex}.maandkalender-legende i{border:1.5px solid var(--line-strong);border-radius:50%;width:9px;height:9px}.maandkalender-legende i[data-open=yes]{background:var(--open);border-color:var(--open)}.maandkalender-legende strong{color:var(--ink);margin-left:auto}.maandkalender-bijzonder{border-top:1px dashed var(--line-strong);gap:6px;margin-top:14px;padding-top:12px;font-size:14px;display:grid}.maandkalender-bijzonder li{flex-wrap:wrap;justify-content:space-between;gap:2px 12px;display:flex}.maandkalender-bijzonder strong:before{content:"* ";color:var(--accent-deep)}.maandkalender-bijzonder span{color:var(--ink-muted)}.uren-uitleg{font-size:var(--fs-small);gap:22px;padding-top:clamp(0px,5vw,76px);display:grid}.uren-uitleg h3{font-size:var(--fs-h4)}.perioden{border-top:1px solid var(--line-strong)}.perioden>li{border-bottom:1px solid var(--line);padding-block:14px}.perioden-ritme{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 12px;margin-bottom:6px;display:flex}.perioden-ritme strong{font:650 var(--fs-h4)/1.25 var(--display)}.perioden-ritme strong:first-letter{text-transform:uppercase}.perioden-ritme span{white-space:nowrap;font-weight:700}.perioden ul{gap:3px;display:grid}.perioden ul li{flex-wrap:wrap;justify-content:space-between;gap:0 12px;font-size:14px;display:flex}.perioden ul small{color:var(--ink-muted);white-space:nowrap;font-size:13px}.uren-dicht h4{margin-bottom:6px;font-size:17px}.uren-cafetaria{background:color-mix(in srgb, var(--open) 10%, var(--paper-raised));border-radius:var(--radius-field);padding:14px 18px}.uren-twijfel a{text-underline-offset:3px;white-space:nowrap;font-weight:700;text-decoration:underline}.tarieven-raster{grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);align-items:center;gap:clamp(32px,6vw,96px);display:grid}.tarievenkaart{--tand:9px;background:var(--paper-raised);-webkit-mask:radial-gradient(circle at 50% 0, transparent 5.5px, #000 6px) top / calc(var(--tand) * 2) 51% repeat-x, radial-gradient(circle at 50% 100%, transparent 5.5px, #000 6px) bottom / calc(var(--tand) * 2) 51% repeat-x;-webkit-mask:radial-gradient(circle at 50% 0, transparent 5.5px, #000 6px) top / calc(var(--tand) * 2) 51% repeat-x, radial-gradient(circle at 50% 100%, transparent 5.5px, #000 6px) bottom / calc(var(--tand) * 2) 51% repeat-x;mask:radial-gradient(circle at 50% 0, transparent 5.5px, #000 6px) top / calc(var(--tand) * 2) 51% repeat-x, radial-gradient(circle at 50% 100%, transparent 5.5px, #000 6px) bottom / calc(var(--tand) * 2) 51% repeat-x;margin:0;padding:18px clamp(20px,2.4vw,32px)}.tarievenkaart>div{justify-content:space-between;align-items:baseline;gap:16px;padding-block:18px;display:flex}.tarievenkaart>div+div{border-top:2px dashed var(--line-strong)}.tarievenkaart dt{font-size:var(--fs-lead);font-weight:650}.tarievenkaart small{color:var(--ink-muted);margin-top:2px;font-size:14px;font-weight:400;display:block}.tarievenkaart dd{font:700 clamp(26px, 3vw, 40px)/1 var(--display);letter-spacing:-.02em;white-space:nowrap;margin:0}.tarievenkaart>div:first-child dd{color:var(--accent-deep);font-size:clamp(36px,4vw,56px)}.betaalinfo{font-size:var(--fs-small);margin-top:18px}.groepen-info{border-top:1px solid var(--line-strong);margin-top:28px;padding-top:22px}.groepen-info h3{font-size:var(--fs-h4);margin-bottom:6px}.groepen-info p{font-size:var(--fs-small);color:var(--ink-muted)}.meetlat{text-align:center;justify-items:center;gap:10px;display:grid}.meetlat svg{width:min(100%,220px);height:auto;overflow:visible}.meetlat-schaal path,.meetlat-grens,.meetlat-grond{stroke:var(--ink);stroke-width:2px;stroke-linecap:round;fill:none}.meetlat text{font:700 11px var(--body);fill:var(--ink-muted)}.meetlat-gratis{fill:color-mix(in srgb, var(--open) 22%, var(--paper-raised))}.meetlat-betalend{fill:color-mix(in srgb, var(--accent) 18%, var(--paper-raised))}.meetlat .meetlat-grens{stroke:var(--accent);stroke-width:3px;stroke-dasharray:2 7}.meetlat .meetlat-label{font:700 22px var(--display);fill:var(--accent-deep)}.meetlat-kip{color:var(--accent)}.meetlat .meetlat-grond{stroke-width:3px}.meetlat figcaption{max-width:24ch;font-size:var(--fs-small)}.meetlat figcaption strong{font:650 var(--fs-h4)/1.2 var(--display);display:block}@media (prefers-reduced-motion:no-preference){.meetlat-kip{animation:kip-pik 3.2s var(--ease-out) 1.2s 2;transform-box:fill-box;transform-origin:60% 90%}}@keyframes kip-pik{0%,70%,to{rotate:none}78%{rotate:14deg}86%{rotate:none}92%{rotate:12deg}}.route-raster{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(32px,6vw,88px);display:grid}.route-raster address{font-size:clamp(20px,1.8vw,26px);font-style:normal;line-height:1.4}.route-raster .acties{margin-top:22px}.route-tips{max-width:48ch;font-size:var(--fs-small);color:var(--ink-muted);gap:10px;margin-top:26px;display:grid}.route-tips li{padding-left:22px;position:relative}.route-tips li:before{content:"";background:var(--soft);width:8px;height:8px;box-shadow:0 0 0 2px var(--accent);border-radius:50%;position:absolute;top:.62em;left:2px}.route-foto{aspect-ratio:4/3}@media (max-width:900px){.uren-raster,.tarieven-raster,.route-raster{grid-template-columns:1fr}.uren-uitleg{padding-top:0}.meetlat{text-align:left;grid-template-columns:120px 1fr;place-items:center start}.meetlat svg{width:120px}}@media (max-width:560px){.maandkalender{padding:12px 10px}.maandkalender table{border-spacing:3px;width:calc(100% + 6px);margin:-3px}.maandkalender td{border-radius:9px;height:44px}.maandkalender td[data-open=yes]:after{width:5px;height:5px;bottom:4px}.tarievenkaart{padding-inline:18px}.tarievenkaart>div{align-items:center;padding-block:16px}.tarievenkaart dd{font-size:28px}.tarievenkaart>div:first-child dd{font-size:40px}}.praktisch-snel+.sectie{padding-top:clamp(32px,4vw,60px)}@media (max-width:420px){.praktisch-snel{padding-block:8px}.praktisch-snel>div{scrollbar-width:none;flex-wrap:nowrap;gap:6px;overflow-x:auto}.praktisch-snel a{flex:none;min-height:40px;padding:0 12px;font-size:14px}}@media (max-width:1000px){.praktisch-snel{transition:top .38s var(--ease-out)}.site-header[data-verborgen]:not(:focus-within)~main .praktisch-snel{top:0}}.maandkalender-kop button:active:not(:disabled){transform:scale(.92)}.praktisch-snel a:active{background:var(--soft);border-color:var(--soft)}