@layer sections{.overzicht__filter{flex-wrap:wrap;gap:.5rem;margin-block-end:var(--space-5);display:flex}.overzicht{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr));margin:0;padding:0;list-style:none;display:grid}.kaart{border-radius:var(--radius-xl);background:var(--color-surface-raised);border:1px solid color-mix(in srgb, var(--color-border) 60%, transparent);transition:translate calc(var(--dur-basis) * 1.6) var(--ease-zacht), box-shadow calc(var(--dur-basis) * 1.6) var(--ease-zacht), border-color calc(var(--dur-basis) * 1.6) var(--ease-zacht);grid-template-rows:auto 1fr;display:grid;position:relative;overflow:hidden}.surface-wit .kaart{background:var(--uzp-kalk)}.kaart:hover{box-shadow:0 24px 48px -28px color-mix(in srgb, var(--color-primary) 40%, transparent);translate:0 -4px}.kaart:focus-within{outline:2px solid var(--color-focus);outline-offset:3px}.kaart__media{aspect-ratio:16/10;background:var(--color-surface-muted);overflow:hidden}.kaart__media img{object-fit:cover;block-size:100%;inline-size:100%;transition:scale calc(var(--dur-traag) * 1.4) var(--ease-zacht)}.kaart:hover .kaart__media img{scale:1.04}.kaart__body{align-items:flex-start;gap:var(--space-2);padding:var(--space-4);flex-direction:column;display:flex}.kaart__kicker{font-size:var(--text-label);font-weight:var(--weight-sterk);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted)}.kaart__title{font-size:var(--text-h4);font-weight:var(--weight-kop);letter-spacing:var(--tracking-kop);text-wrap:balance;line-height:1.2}.kaart__title a{color:inherit;text-decoration:none}.kaart__title a:before{content:"";z-index:3;position:absolute;inset:0}.kaart__title a:focus-visible{outline:none}.kaart__text{color:var(--color-text-muted);font-size:var(--text-small);margin-block-end:var(--space-2);line-height:1.55}.kaart__arrow{background:var(--color-surface-muted);block-size:2.75rem;inline-size:2.75rem;color:var(--color-primary);transition:background-color calc(var(--dur-basis) * 1.6) var(--ease-zacht), color calc(var(--dur-basis) * 1.6) var(--ease-zacht), translate calc(var(--dur-basis) * 1.6) var(--ease-zacht);border-radius:50%;flex:none;place-items:center;margin-block-start:auto;display:grid}.kaart:hover .kaart__arrow{background:var(--color-accent);color:var(--color-on-accent);translate:.25rem}.overzicht--project{grid-template-columns:repeat(auto-fill,minmax(min(100%,28rem),1fr))}.overzicht--project .kaart__media{aspect-ratio:4/3}@media (min-width:56rem){.overzicht--project:has(>.kaart:only-child){grid-template-columns:minmax(0,1fr)}.overzicht--project>.kaart--beeld:only-child{grid-template-rows:auto;grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.overzicht--project>.kaart:only-child:not(.kaart--beeld){max-inline-size:48rem}.overzicht--project>.kaart:only-child .kaart__body{padding:var(--space-6);justify-content:center}.overzicht--project>.kaart:only-child .kaart__title{font-size:var(--text-h3)}}.kaart__icon{--icon-size:2.75rem;margin-block-end:var(--space-1)}.kaart__meta{font-size:var(--text-small);color:var(--color-text-muted);align-items:center;gap:.4rem;display:inline-flex}.kaart__meta .icon{--icon-size:1.1rem}.kaarten__more{margin-block-start:var(--space-4)}.overzicht--kaarten{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}.leeg{justify-items:start;gap:var(--space-2);max-inline-size:36rem;padding:var(--space-5);border-radius:var(--radius-xl);border:1px dashed var(--color-border-strong);color:var(--color-text-muted);display:grid}.leeg .icon{color:var(--color-primary)}.zoekresultaten__aantal{font-size:var(--text-small);color:var(--color-text-muted);margin-block-end:var(--space-3)}.kaart__fragment{overflow-wrap:break-word}.kaart__fragment mark{background:color-mix(in srgb, var(--color-highlight) 60%, transparent);color:var(--color-text);border-radius:.2em;padding-inline:.1em}.zoek-route{align-items:center;gap:var(--space-4) var(--space-6);padding:var(--space-5);border-radius:var(--radius-xl);background:var(--section-bg);grid-template-columns:minmax(0,1fr) auto;margin-block-end:var(--space-5);display:grid}.zoek-route__tekst{gap:var(--space-2);justify-items:start;max-inline-size:40rem;display:grid}.zoek-route__titel{font-size:var(--text-h3);font-weight:var(--weight-kop);letter-spacing:var(--tracking-kop);line-height:var(--leading-kop)}.zoek-route__tekst p{color:var(--color-text-muted)}.zoek-route__acties{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.zoek-route__tijden{font-size:var(--text-small);color:var(--color-text-muted);flex-basis:100%;align-items:center;gap:.4rem;display:inline-flex}.zoek-route__tijden .icon{--icon-size:1.1rem}@media not (min-width:56rem){.zoek-route{padding:var(--space-4);grid-template-columns:minmax(0,1fr)}}.direct-contact{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid color-mix(in srgb, var(--color-border) 60%, transparent);background:var(--color-surface-raised);align-content:start;justify-items:start;display:grid}.direct-contact__titel{font-size:var(--text-h4);font-weight:var(--weight-kop);letter-spacing:var(--tracking-kop);line-height:1.2}.direct-contact__intro{font-size:var(--text-small);color:var(--color-text-muted)}.direct-contact__bel{align-items:center;gap:.25rem var(--space-3);flex-wrap:wrap;display:flex}.direct-contact__tel{min-block-size:2.75rem;color:var(--color-text);font-size:var(--text-h4);font-weight:var(--weight-kop);letter-spacing:var(--tracking-kop);font-variant-numeric:tabular-nums;align-items:center;gap:.6rem;text-decoration:none;display:inline-flex}.direct-contact__tel .icon{--icon-size:1.5rem}.direct-contact__tel:hover{text-decoration:underline;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:.2em;text-decoration-thickness:2px}.direct-contact__tel:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm)}.direct-contact__tijden{font-size:var(--text-small);color:var(--color-text-muted);align-items:center;gap:.4rem;display:inline-flex}.direct-contact__tijden .icon{--icon-size:1.1rem}.direct-contact__routes{margin:var(--space-1) 0 0;flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;display:flex}.direct-contact--top{margin-block-end:var(--space-5)}@media (min-width:64rem){.direct-contact--top{align-items:center;column-gap:var(--space-6);grid-template-columns:minmax(0,1fr) auto auto}.direct-contact--top>.direct-contact__titel{grid-area:1/1}.direct-contact--top>.direct-contact__intro{grid-area:2/1}.direct-contact--top>.direct-contact__bel{grid-area:1/2/3/3}.direct-contact--top>.direct-contact__routes{grid-area:1/3/3/4;margin:0}}.zoek-leeg{align-items:start;gap:var(--space-4) var(--space-6);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);display:grid}.zoek-leeg__hulp>.leeg-pagina__routes{margin-block-start:var(--space-3)}@media not (min-width:56rem){.zoek-leeg{grid-template-columns:minmax(0,1fr)}}.zoekresultaten__paginas ul{margin:var(--space-5) 0 0;flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;display:flex}.zoekresultaten__paginas .page-numbers{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-raised);min-block-size:2.75rem;min-inline-size:2.75rem;color:var(--color-text);font-size:var(--text-small);font-weight:var(--weight-ui);place-items:center;padding-inline:1rem;text-decoration:none;display:inline-grid}.zoekresultaten__paginas .page-numbers.current{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.zoekresultaten__paginas .page-numbers.dots{background:0 0;border-color:#0000}.verder-lezen .section-head{margin-block-end:var(--space-5)}.verder-lezen .section-head__title{font-size:var(--text-h3)}.verder-lezen .kaart:not(.kaart--beeld)>.kaart__body{grid-row:1/-1}.verder-lezen .kaart__meta{margin-block-start:auto}.verder-lezen .kaart__meta+.kaart__arrow{margin-block-start:0}.kaart__onderwerp{aspect-ratio:1;inline-size:3.25rem;background:var(--color-surface-muted);color:var(--color-primary);border-radius:50%;place-items:center;margin-block-end:var(--space-2);display:grid}.kaart__onderwerp .icon{--icon-size:1.6rem;stroke-width:1.4px;block-size:1.6rem;inline-size:1.6rem}@media not (min-width:48rem){:is(.overzicht--kaarten:has(>.kaart--beeld:nth-child(3)):not(:has(>:nth-child(5))),.verder-lezen__lijst){gap:var(--space-2);margin-inline:calc(var(--space-gutter) * -1);padding-inline:var(--space-gutter);scroll-snap-type:x proximity;scroll-padding-inline:var(--space-gutter);scrollbar-width:none;grid-template-columns:none;grid-auto-columns:min(80%,20rem);grid-auto-flow:column;padding-block-end:var(--space-1);overflow-x:auto}:is(.overzicht--kaarten:has(>.kaart--beeld:nth-child(3)):not(:has(>:nth-child(5))),.verder-lezen__lijst)>*{scroll-snap-align:start}}.kaart__media--vlak{aspect-ratio:16/10;background:radial-gradient(60% 70% at 70% 20%, color-mix(in srgb, var(--color-highlight) 28%, transparent), transparent 70%), var(--color-primary);color:var(--color-highlight);place-items:center;display:grid}.kaart__media--vlak .icon{--icon-size:4.5rem;stroke-width:1.1px;block-size:4.5rem;inline-size:4.5rem}}