.ww-overzicht{margin:24px}.ww-overzicht:before{top:-24px;right:-24px}.ww-overzicht:after{bottom:-24px;left:-24px}.ww-overzicht-inhoud{border-radius:var(--rond-groot);box-shadow:var(--schaduw);background:#fff;gap:18px;margin:0;padding:36px;list-style:none;display:grid}.ww-overzicht-inhoud li{align-items:center;gap:16px;font-size:15px;line-height:1.4;display:flex}.ww-overzicht-inhoud strong{font-size:17px;display:block}.ww-mini{color:#2d6fb8;border:2px solid #85b7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-weight:600;display:flex}.ww-mini.laatste{border-color:var(--navy);background:var(--navy);color:#a6e3c9}.ww-mini.laatste svg{width:20px;height:20px}.ww-stappen{padding:48px 0 72px;scroll-margin-top:16px}.ww-tijdlijn{--voortgang:0;gap:40px;margin:48px 0 0;padding:0;list-style:none;display:grid;position:relative}.ww-tijdlijn:before,.ww-tijdlijn:after{content:"";border-radius:4px;width:4px;position:absolute;top:0;bottom:0;left:41px}.ww-tijdlijn:before{background:#dde9f7}.ww-tijdlijn:after{background:linear-gradient(var(--groen-knop), #85b7eb);transform:scaleY(var(--voortgang));transform-origin:top}.ww-stap{grid-template-columns:86px 1fr;align-items:start;gap:40px;display:grid;position:relative}.ww-nummer{z-index:1;color:#2d6fb8;width:86px;height:86px;transition:transform .5s var(--veer), background .3s, color .3s, border-color .3s;background:#fff;border:3px solid #85b7eb;border-radius:50%;justify-content:center;align-items:center;font-size:28px;font-weight:600;display:flex;position:sticky;top:40px}.ww-stap.actief .ww-nummer{border-color:var(--groen-knop);background:var(--groen-knop);color:#fff;transform:scale(1.08)}.ww-nummer.laatste,.ww-stap.actief .ww-nummer.laatste{border-color:var(--navy);background:var(--navy);color:#a6e3c9}.ww-kaart{border-radius:var(--rond-groot);background:#fff;padding:36px 40px;transition:box-shadow .3s;box-shadow:0 4px 16px #14153d0f}.ww-stap.actief .ww-kaart{box-shadow:var(--schaduw)}.ww-stap-teller{color:var(--groen-knop);letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:13px;font-weight:700}.ww-kaart h3{margin:0;font-size:clamp(26px,3vw,34px);font-weight:800;line-height:1.15}.ww-kaart p{margin:0 0 14px;font-size:16px;line-height:1.7}.ww-kaart .ww-kort{color:#6b6d85;margin:6px 0 20px;font-size:18px}.ww-lijst{border-radius:var(--rond);background:var(--groen-licht);margin-top:24px;padding:22px 24px}.ww-lijst h4{margin:0 0 14px;font-size:15px;font-weight:700}.ww-lijst ul{grid-template-columns:1fr 1fr;gap:10px 20px;margin:0;padding:0;list-style:none;display:grid}.ww-lijst li{align-items:flex-start;gap:8px;font-size:15px;line-height:1.4;display:flex}.ww-lijst svg{color:var(--groen-knop);flex-shrink:0;margin-top:1px}.ww-link{color:var(--tekst);text-underline-offset:5px;align-items:center;gap:6px;margin-top:18px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;display:inline-flex}.ww-link:hover{color:var(--navy);-webkit-text-decoration-color:var(--groen-knop);text-decoration-color:var(--groen-knop)}.ww-waarom{padding:24px 0 72px}.ww-waarom-kaart{border-radius:var(--rond-groot);color:#fff;background:#151515;padding:64px 56px}.ww-waarom-kaart .kop{color:#fff}.ww-waarom-kaart .label{color:#c9cad6}.ww-waarom-kaart ul{grid-template-columns:repeat(3,1fr);gap:20px;margin:40px 0 0;padding:0;list-style:none;display:grid}.ww-waarom-kaart li{border-radius:var(--rond);transition:transform .35s var(--veer), background .2s;background:#ffffff0f;padding:28px}.ww-waarom-kaart li:hover{background:#ffffff1a;transform:translateY(-6px)}.ww-waarom-nr{color:var(--groen-knop);font-size:14px;font-weight:800}.ww-waarom-kaart h3{margin:10px 0 8px;font-size:20px;font-weight:800}.ww-waarom-kaart p{color:#c9cad6;margin:0;font-size:15px;line-height:1.6}@media (width<=900px){.ww-overzicht{margin:16px 12px}.ww-overzicht:before{width:64px;height:64px;top:-16px;right:-12px}.ww-overzicht:after{bottom:-16px;left:-12px}.ww-overzicht-inhoud{padding:28px 22px}.ww-tijdlijn{gap:28px}.ww-tijdlijn:before,.ww-tijdlijn:after{left:22px}.ww-stap{grid-template-columns:48px 1fr;gap:14px}.ww-nummer{width:48px;height:48px;font-size:18px;top:20px}.ww-nummer svg{width:20px;height:20px}.ww-kaart{padding:24px 20px}.ww-lijst{padding:18px}.ww-lijst ul{grid-template-columns:1fr}.ww-waarom-kaart{padding:44px 22px}.ww-waarom-kaart ul{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.ww-tijdlijn:after{transform:none}.ww-nummer{transition:none}}