.oversteek[data-astro-cid-gfzrybsm]{--o:1;--weg-p:calc(20px * var(--o));--weg-r:calc(40px * var(--o));--weg-d:calc(56px * var(--o));--weg-b:calc(97px * var(--o));--weg-h:calc(136px * var(--o));--weg-lijn:calc(2.5px * var(--o));--u:0px;--stoep-d:calc(12px * var(--o));--dorp:0px;z-index:1;grid-template-columns:minmax(0, calc(var(--x) * 1%)) var(--weg-b) minmax(0, 1fr);box-sizing:border-box;height:calc(var(--weg-h) + var(--dorp));padding-top:var(--dorp);display:grid;position:relative;overflow-x:clip;container-type:inline-size}.oversteek--boven[data-astro-cid-gfzrybsm]:before{--overlap:24px;--onder-de-rand:calc(var(--overlap) + var(--dorp) + var(--weg-p) + 2px);content:"";z-index:-1;inset:calc(-1 * var(--overlap)) 0 0;background-color:var(--boven);background-image:var(--boven-raster,none);background-size:var(--film-raster-maat);background-position:50% var(--overlap);-webkit-mask-image:linear-gradient(transparent, #000 var(--overlap));mask-image:linear-gradient(transparent, #000 var(--overlap));clip-path:polygon(0 0, 100% 0, 100% calc(var(--onder-de-rand) + var(--weg-d)), calc(var(--x) * 1% + var(--weg-b)) calc(var(--onder-de-rand) + var(--weg-d)), calc(var(--x) * 1%) var(--onder-de-rand), 0 var(--onder-de-rand));pointer-events:none;position:absolute}.oversteek--onder[data-astro-cid-gfzrybsm]:after{--overlap:24px;--boven-de-rand:calc(var(--dorp) + var(--weg-p) + var(--weg-r) - 2px);content:"";z-index:-1;inset:0 0 calc(-1 * var(--overlap));background:var(--onder);clip-path:polygon(0 var(--boven-de-rand), calc(var(--x) * 1%) var(--boven-de-rand), calc(var(--x) * 1% + var(--weg-b)) calc(var(--boven-de-rand) + var(--weg-d)), 100% calc(var(--boven-de-rand) + var(--weg-d)), 100% 100%, 0 100%);pointer-events:none;position:absolute}.oversteek--dorp[data-astro-cid-gfzrybsm]{--u:16px;--dorp:calc(10 * var(--u) + var(--stoep-d) - var(--weg-p) - var(--weg-d))}@media (width<=1100px){.oversteek--dorp[data-astro-cid-gfzrybsm]{--u:13px}}@media (width<=900px){.oversteek--dorp[data-astro-cid-gfzrybsm]{--u:11px}}@media (width<=600px){.oversteek[data-astro-cid-gfzrybsm]{--o:.8}.oversteek--dorp[data-astro-cid-gfzrybsm]{--u:9px}}.oversteek__symbolen[data-astro-cid-gfzrybsm]{width:0;height:0;position:absolute;overflow:hidden}.oversteek__weg[data-astro-cid-gfzrybsm]{background:linear-gradient(var(--onder,transparent), var(--onder,transparent)) bottom / 100% calc(var(--weg-h) - var(--boven-h) - var(--weg-r)) no-repeat;position:relative}.oversteek__weg--links[data-astro-cid-gfzrybsm]{--boven-h:var(--weg-p)}.oversteek__weg--rechts[data-astro-cid-gfzrybsm]{--boven-h:calc(var(--weg-p) + var(--weg-d))}.oversteek__weg[data-astro-cid-gfzrybsm]:before{content:"";inset:var(--boven-h) 0 auto;height:var(--weg-r);box-sizing:border-box;border-block:var(--weg-lijn) solid var(--film-navy);background:linear-gradient(90deg, var(--film-wit) 0 calc(16px * var(--o)), transparent 0) 0 50% / calc(30px * var(--o)) calc(3px * var(--o)) repeat-x, var(--film-weg);position:absolute}.oversteek__knik[data-astro-cid-gfzrybsm]{width:var(--weg-b);height:var(--weg-h);display:block;overflow:visible}.oversteek__onder[data-astro-cid-gfzrybsm]{fill:var(--onder,transparent)}.oversteek__asfalt[data-astro-cid-gfzrybsm]{fill:var(--film-weg)}.oversteek__rand[data-astro-cid-gfzrybsm]{fill:var(--film-navy)}.oversteek__streep[data-astro-cid-gfzrybsm]{stroke:var(--film-wit);stroke-width:3px;stroke-dasharray:16 14}.oversteek__halte[data-astro-cid-gfzrybsm]{left:min(calc(var(--x) * 1% + var(--weg-b) + 96px * var(--o)), calc(100% - 64px * var(--o)));bottom:calc(6px * var(--o));width:calc(38px * var(--o));height:calc(64px * var(--o));position:absolute;overflow:visible}.oversteek__rit[data-astro-cid-gfzrybsm]{left:0;top:calc(var(--dorp) + var(--weg-p) + var(--weg-r) - 9px * var(--o) - 35px * var(--o));width:calc(66px * var(--o));height:calc(35px * var(--o));margin-left:calc(-33px * var(--o));transform-origin:50% 100%;display:none;position:absolute}@media (prefers-reduced-motion:reduce){.oversteek--parkeer[data-astro-cid-gfzrybsm] .oversteek__rit[data-astro-cid-gfzrybsm]{display:block;transform:translate(16cqw)}}@media (prefers-reduced-motion:no-preference){.oversteek__rit[data-astro-cid-gfzrybsm]{display:block;transform:translate(-8cqw)}.oversteek[data-astro-cid-gfzrybsm].is-in .oversteek__rit[data-astro-cid-gfzrybsm]{animation:4.6s linear .3s both weg-rijden}}@keyframes weg-rijden{0%{transform:translate(-8cqw)skewY(0)}30%{transform:translate(calc(var(--x) * 1cqw), 0) skewY(0deg)}33%{transform:translate(calc(var(--x) * 1cqw + .2 * var(--weg-b)), calc(.2 * var(--weg-d))) skewY(30deg)}42%{transform:translate(calc(var(--x) * 1cqw + .8 * var(--weg-b)), calc(.8 * var(--weg-d))) skewY(30deg)}45%{transform:translate(calc(var(--x) * 1cqw + var(--weg-b)), var(--weg-d)) skewY(0deg);animation-timing-function:ease-out}58%,74%{transform:translate(min(calc(var(--x) * 1cqw + var(--weg-b) + 70px * var(--o)), calc(100cqw - 90px * var(--o))), var(--weg-d)) skewY(0deg);animation-timing-function:ease-in}to{transform:translate(108cqw, var(--weg-d)) skewY(0deg)}}.oversteek__auto[data-astro-cid-gfzrybsm]{width:100%;height:100%;display:block;overflow:visible}.oversteek__dorp[data-astro-cid-gfzrybsm]{pointer-events:none;position:absolute;inset:0}.dorp-stuk[data-astro-cid-gfzrybsm]{width:calc(var(--bw) * var(--u));max-width:none;height:auto;display:block;position:absolute}.dorp-stuk--huis[data-astro-cid-gfzrybsm]{bottom:calc(var(--weg-h) - var(--weg-p) - var(--weg-d) + var(--stoep-d));left:min(calc(var(--x) * 1% + var(--weg-b) + (var(--na,.4) - var(--ax)) * var(--u)), calc(100% - var(--bw) * var(--u) - 10px))}.dorp-stuk--achter[data-astro-cid-gfzrybsm]{bottom:calc(var(--weg-h) - var(--weg-p) + 4px * var(--o));left:min(calc(var(--l,0) * 1%), calc(var(--x) * 1% - var(--bw) * var(--u) - 8px))}.dorp-stuk--voor[data-astro-cid-gfzrybsm]{top:calc(var(--dorp) + var(--weg-p) + var(--weg-r) + 10px * var(--o));left:min(calc(var(--l,0) * 1%), calc(var(--x) * 1% - var(--bw) * var(--u) - 8px))}.doorkijk[data-astro-cid-gfzrybsm]{pointer-events:auto}.doorkijk__beeld[data-astro-cid-gfzrybsm]{aspect-ratio:var(--bw) / var(--bh);transition:transform .3s var(--film-plop);display:block}.doorkijk__beeld[data-astro-cid-gfzrybsm] svg{width:100%;height:auto;display:block;overflow:visible}.doorkijk__knop[data-astro-cid-gfzrybsm]{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:16px;margin:0;padding:0;position:absolute;inset:0}.doorkijk__knop[data-astro-cid-gfzrybsm]:focus-visible{outline:3px solid var(--dorp-focus,var(--film-blauw));outline-offset:4px}.doorkijk[data-astro-cid-gfzrybsm]:has(.doorkijk__knop:hover) .doorkijk__beeld[data-astro-cid-gfzrybsm],.doorkijk[data-astro-cid-gfzrybsm]:has(.doorkijk__knop:focus-visible) .doorkijk__beeld[data-astro-cid-gfzrybsm]{transform:translateY(-3px)}@media (width<=1100px){.dorp-stuk--breed[data-astro-cid-gfzrybsm]{display:none}}@media (width<=600px){.dorp-stuk[data-astro-cid-gfzrybsm]:not(.dorp-stuk--telefoon){display:none}.doorkijk[data-astro-cid-gfzrybsm]{--dk-lijn:2px;--dk-poot:2.5px}.dorp-stuk--achter[data-astro-cid-gfzrybsm]{left:min(3%, calc(var(--x) * 1% - var(--bw) * var(--u) - 8px))}}.oversteek--avond[data-astro-cid-gfzrybsm]{--dorp-focus:var(--film-cyaan-op-navy)}@media (prefers-reduced-motion:reduce){.doorkijk__beeld[data-astro-cid-gfzrybsm]{transition:none}.doorkijk[data-astro-cid-gfzrybsm]:has(.doorkijk__knop:hover) .doorkijk__beeld[data-astro-cid-gfzrybsm],.doorkijk[data-astro-cid-gfzrybsm]:has(.doorkijk__knop:focus-visible) .doorkijk__beeld[data-astro-cid-gfzrybsm]{transform:none}}