.verloop{padding-block:var(--ruimte-9)}.verloop-binnen{max-width:var(--breedte-max);padding-inline:var(--kantlijn);margin-inline:auto}.verloop-kopblok{max-width:40rem;margin-bottom:var(--ruimte-8)}.verloop-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}.verloop-kop{font-size:clamp(2rem,4.5vw,3.25rem)}.verloop-zin{margin:var(--ruimte-4) 0 0;color:var(--tekst-zacht);font-size:1.125rem}.verloop-lijn{grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:var(--ruimte-4);margin:0;padding:0;list-style:none;display:grid;position:relative}.verloop-lijn:before{content:"";background:var(--lijn);transform-origin:0;height:2px;position:absolute;top:3.25rem;left:.75rem;right:0}.verloop-stap{gap:var(--ruimte-3);grid-template-rows:auto auto 1fr;min-width:0;display:grid;position:relative}.verloop-moment{font:600 .8rem/1.4 var(--letter-label);letter-spacing:.1em;text-transform:uppercase;color:var(--tekst);min-height:1.75rem}.verloop-stip{z-index:1;border-radius:var(--radius-pil);background:var(--accent);width:1.5rem;height:1.5rem;color:var(--accent-tekst);font:600 .75rem/1 var(--letter-label);box-shadow:0 0 0 var(--ruimte-2) var(--achtergrond);place-items:center;display:grid;position:relative}.verloop-kaart{align-content:start;gap:var(--ruimte-2);padding:var(--ruimte-4);background:var(--vlak);border:1px solid var(--lijn);border-radius:var(--radius-kaart);box-shadow:var(--schaduw-1);transition:box-shadow var(--beweging) var(--beweging-curve), transform var(--beweging) var(--beweging-curve);display:grid}.verloop-titel{font-size:1.1rem}.verloop-tekst{color:var(--tekst-zacht);margin:0;font-size:.98rem}@media (hover:hover){.verloop-stap:hover .verloop-kaart{box-shadow:var(--schaduw-2);transform:translateY(-.1875rem)}}@media (width<=899px){.verloop{padding-block:var(--ruimte-8)}.verloop-lijn{gap:var(--ruimte-5);grid-template-columns:1fr}.verloop-lijn:before{transform-origin:top;width:2px;height:auto;inset:.75rem auto .75rem .6875rem}.verloop-stap{column-gap:var(--ruimte-4);row-gap:var(--ruimte-2);grid-template-rows:auto auto;grid-template-columns:1.5rem 1fr}.verloop-stip{grid-area:1/1}.verloop-moment{grid-area:1/2;align-self:center;min-height:0}.verloop-kaart{grid-area:2/2}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.verloop-lijn:before{animation-name:verloop-lijn-x;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:entry 30% cover 55%}}@media (prefers-reduced-motion:no-preference) and (width<=899px){.verloop-lijn:before{animation-name:verloop-lijn-y}}}@keyframes verloop-lijn-x{0%{transform:scaleX(0)}to{transform:none}}@keyframes verloop-lijn-y{0%{transform:scaleY(0)}to{transform:none}}@media (prefers-reduced-motion:reduce){.verloop-kaart{transition:none}.verloop-stap:hover .verloop-kaart{transform:none}}.verloop-twee{--radius-kaart:2px;gap:var(--ruimte-8);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;display:grid}.verloop-foto{top:var(--ruimte-8);aspect-ratio:4/5;max-height:calc(100vh - var(--ruimte-8) * 2);border:1px solid var(--lijn);border-radius:var(--radius-kaart);background:var(--vlak);width:100%;margin:0;position:sticky;overflow:hidden}.verloop-foto img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.verloop-foto img[data-actief]{opacity:1}.verloop-twee .verloop-lijn{grid-template-columns:1fr;gap:0}.verloop-twee .verloop-lijn:before{animation:none;display:none}.verloop-twee .verloop-stap{align-content:center;column-gap:var(--ruimte-4);row-gap:var(--ruimte-2);grid-template-rows:auto auto;grid-template-columns:1.5rem 1fr;min-height:55vh}.verloop-twee .verloop-stip{grid-area:1/1}.verloop-twee .verloop-moment{grid-area:1/2;align-self:center;min-height:0}.verloop-twee .verloop-kaart{box-shadow:none;grid-area:2/2;transform:none}.verloop-twee .verloop-stap:hover .verloop-kaart{box-shadow:none;transform:none}@media (width<=767px){.verloop-twee{gap:var(--ruimte-6);grid-template-columns:minmax(0,1fr)}.verloop-foto{aspect-ratio:4/3;max-height:none;position:relative}.verloop-foto>:not(:first-child){display:none}.verloop-foto>:first-child,.verloop-foto>:first-child img{opacity:1}.verloop-twee .verloop-stap{min-height:0;padding-block:var(--ruimte-4)}}@media (width>=768px){.verloop-foto{top:var(--ruimte-6);max-height:calc(100vh - var(--ruimte-6) * 2)}.verloop-twee .verloop-stap{min-height:50vh;padding-top:var(--ruimte-6);border-top:1px solid var(--lijn);align-content:start;row-gap:var(--ruimte-3);grid-template-columns:1fr}.verloop-twee .verloop-stip{display:none}.verloop-twee .verloop-moment{grid-area:1/1}.verloop-twee .verloop-kaart{gap:var(--ruimte-4);background:0 0;border:0;border-radius:0;grid-area:2/1;padding:0}.verloop-twee .verloop-titel{font-size:2rem;line-height:1.15}.verloop-twee .verloop-tekst{font-size:1.1875rem;line-height:1.6}}@media (prefers-reduced-motion:reduce){.verloop-foto img{transition:none}}