.agent-routes{margin:1.75rem 0}.agent-routes__raster{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=44em){.agent-routes__raster{grid-template-columns:repeat(2,1fr)}}.agent-routes__route{border:1px solid var(--kleur-rand);border-radius:var(--straal-kaart);background:var(--kleur-achtergrond);margin:0;padding:1.25rem}.agent-routes__route--kort{border-top:3px solid #0000;border-image:linear-gradient(90deg, var(--kleur-merk-blauw), var(--kleur-merk-teal), var(--kleur-merk-groen)) 1 / 3px 0 0 0}.artikel__inhoud .agent-routes__titel{font-family:var(--font-kop);color:var(--kleur-tekst);margin:0;font-size:1.125rem;font-weight:700}.artikel__inhoud .agent-routes__ondertitel{color:var(--kleur-tekst-zacht);margin:.25rem 0 1rem;font-size:.9375rem}.artikel__inhoud .agent-routes__stappen{counter-reset:stap;margin:0;padding:0;list-style:none}.artikel__inhoud .agent-routes__stap{counter-increment:stap;margin:0;padding:0 0 .75rem 2.25rem;font-size:.9375rem;position:relative}.artikel__inhoud .agent-routes__stap:last-child{padding-bottom:0}.agent-routes__stap:before{content:counter(stap);border-radius:var(--straal-pil);background:var(--kleur-achtergrond-zacht);border:1px solid var(--kleur-rand);width:1.5rem;height:1.5rem;font-family:var(--font-kop);color:var(--kleur-tekst-zacht);place-items:center;font-size:.75rem;font-weight:700;display:grid;position:absolute;top:0;left:0}.agent-routes__stap:not(:last-child):after{content:"";border-left:1px dashed var(--kleur-stippellijn);position:absolute;top:1.625rem;bottom:.125rem;left:.75rem}.agent-routes__stap--antwoord:before{background:var(--kleur-actie);border-color:var(--kleur-actie);color:var(--kleur-actie-tekst)}.artikel__inhoud .agent-routes__bijschrift{color:var(--kleur-tekst-subtiel);margin:.75rem 0 0;font-size:.875rem}@media (prefers-reduced-motion:no-preference){.js-animatie .agent-routes__stap{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(.5rem)}.js-animatie .agent-routes.is-zichtbaar .agent-routes__stap{opacity:1;transform:none}.js-animatie .agent-routes.is-zichtbaar .agent-routes__stap:nth-child(2){transition-delay:.35s}.js-animatie .agent-routes.is-zichtbaar .agent-routes__stap:nth-child(3){transition-delay:.7s}.js-animatie .agent-routes.is-zichtbaar .agent-routes__stap:nth-child(4){transition-delay:1.05s}.js-animatie .agent-routes.is-zichtbaar .agent-routes__stap:nth-child(5){transition-delay:1.4s}.js-animatie .agent-routes.is-zichtbaar .agent-routes__stap:nth-child(6){transition-delay:1.75s}}