.c08{padding-block:var(--ruimte-9)}.c08-binnen{max-width:var(--breedte-max);padding-inline:var(--kantlijn);margin-inline:auto}.c08-kopblok{max-width:40rem;margin-bottom:var(--ruimte-8)}.c08-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}.c08-kop{font-size:clamp(2rem,4.5vw,3.25rem)}.c08-zin{margin:var(--ruimte-4) 0 0;color:var(--tekst-zacht);font-size:1.125rem}.c08-stappen{grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:var(--ruimte-6);margin:0;padding:0;list-style:none;display:grid;position:relative}.c08-stappen:before,.c08-stappen:after{content:"";border-radius:var(--radius-pil);height:2px;top:1.75rem;left:calc(50% / var(--n));right:calc(50% / var(--n));position:absolute}.c08-stappen:before{background:var(--lijn)}.c08-stappen:after{background:var(--accent);transform-origin:0;transition:transform 1.4s var(--beweging-curve)}.c08-beweegt:after{transform:scaleX(0)}.c08-beweegt.c08-aan:after{transform:scaleX(1)}.c08-stap{align-content:start;justify-items:start;gap:var(--ruimte-3);padding-right:var(--ruimte-3);display:grid;position:relative}.c08-nr{z-index:1;border-radius:var(--radius-pil);background:var(--achtergrond);width:3.5rem;height:3.5rem;color:var(--tekst);border:2px solid var(--accent);box-shadow:0 0 0 var(--ruimte-2) var(--achtergrond);font:var(--letter-kop-gewicht) 1.5rem/1 var(--letter-kop);place-items:center;display:grid;position:relative}.c08-stap:first-child .c08-nr{background:var(--accent);color:var(--accent-tekst)}.c08-titel{margin-top:var(--ruimte-3);font-size:1.25rem}.c08-woord{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.c08-tekst{color:var(--tekst-zacht);max-width:30ch;margin:0}.c08-duur{margin-top:var(--ruimte-2);padding:var(--ruimte-1) var(--ruimte-3);border-radius:var(--radius-pil);border:1px solid var(--lijn);font:500 .85rem/1.5 var(--letter-label);color:var(--tekst)}@media (width<=899px){.c08{padding-block:var(--ruimte-8)}.c08-stappen{gap:var(--ruimte-6);grid-template-columns:1fr}.c08-stappen:before,.c08-stappen:after{width:2px;height:auto;margin-left:-1px;inset:1.75rem auto 1.75rem 1.75rem}.c08-stappen:after{transform-origin:top}.c08-beweegt:after{transform:scaleY(0)}.c08-beweegt.c08-aan:after{transform:scaleY(1)}.c08-stap{column-gap:var(--ruimte-4);row-gap:var(--ruimte-1);grid-template-columns:3.5rem 1fr;padding-right:0}.c08-nr{grid-row:1/span 3}.c08-titel{margin-top:var(--ruimte-2)}.c08-duur{justify-self:start}}@media (prefers-reduced-motion:reduce){.c08-stappen:after{transition:none;transform:none}}.c21{padding-block:var(--ruimte-9)}.c21-binnen{max-width:var(--breedte-max);padding-inline:var(--kantlijn);margin-inline:auto}.c21-kopblok{max-width:40rem;margin-bottom:var(--ruimte-7)}.c21-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}.c21-kop{font-size:clamp(2rem,4.5vw,3.25rem)}.c21-zin{margin:var(--ruimte-4) 0 0;color:var(--tekst-zacht);font-size:1.125rem}.c21-rij{gap:var(--ruimte-4);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.c21-kaart{gap:var(--ruimte-3);background:var(--vlak);border:1px solid var(--lijn);border-radius:var(--radius-kaart);padding:var(--ruimte-6);box-shadow:var(--schaduw-1);transition:box-shadow var(--beweging) var(--beweging-curve), transform var(--beweging) var(--beweging-curve);flex-direction:column;display:flex;position:relative}.c21-eerste{box-shadow:var(--schaduw-2);border-color:var(--accent)}.c21-icoon{border-radius:var(--radius-pil);background:var(--tekst);width:3rem;height:3rem;color:var(--achtergrond);place-items:center;display:grid}.c21-eerste .c21-icoon{background:var(--accent);color:var(--accent-tekst)}.c21-icoon svg{width:1.5rem;height:1.5rem}.c21-kenmerk{font:300 clamp(2.25rem, 4vw, 3.25rem)/1 var(--letter-kop);letter-spacing:var(--letter-kop-spatiering);margin-top:var(--ruimte-3)}.c21-titel{font-size:clamp(1.25rem,2vw,1.5rem)}.c21-tekst{color:var(--tekst-zacht);margin:0}.c21-noot{margin:var(--ruimte-6) 0 0;color:var(--tekst-zacht);max-width:50rem;font-size:.95rem}.c21-noot a{color:var(--accent);text-underline-offset:.25em;padding-block:var(--ruimte-2);font-weight:600;display:inline-block}@media (hover:hover){.c21-kaart:hover{box-shadow:var(--schaduw-3);transform:translateY(-.1875rem)}}@media (width<=899px){.c21{padding-block:var(--ruimte-8)}.c21-rij{grid-template-columns:1fr}.c21-kaart{padding:var(--ruimte-5)}}@media (prefers-reduced-motion:reduce){.c21-kaart{transition:none}.c21-kaart:hover{transform:none}}
