.quiz{background:var(--wit);border-radius:24px;padding:clamp(24px,5vw,48px);max-width:760px;margin:0 auto}.quiz__balk{height:6px;background:var(--salie-licht);border-radius:8px;margin-bottom:28px}.quiz__voortgang{height:100%;width:0;background:var(--walnoot);transition:width .4s}.quiz__teller{font-size:.85rem;font-weight:600;color:var(--tekst-zacht)}.quiz fieldset{border:0;padding:0;margin:0}.quiz legend{font-family:var(--font-kop);font-size:clamp(1.5rem,3.4vw,2rem);line-height:1.2;margin:8px 0 22px;padding:0}.quiz__opties{display:grid;gap:12px}.quiz__optie{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px 18px;border:2px solid var(--lijn);font:500 1rem/1.4 var(--font-tekst);cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.quiz__optie:hover{border-color:var(--salie-licht);background:var(--linnen);transform:translateX(4px)}.quiz__optie .letter{flex:none;width:32px;height:32px;border-radius:50%;display:grid;background:var(--salie-licht);font-weight:600;font-size:.9rem}.quiz__optie.is-gekozen{border-color:var(--walnoot);background:var(--linnen)}.quiz__optie.is-gekozen .letter{background:var(--walnoot);color:var(--wit)}.quiz__vraag{animation:.35s both inschuif}.quiz__terug{margin-top:18px;border:0;padding:6px 0;font:500 .95rem var(--font-tekst);color:var(--tekst-zacht)}.quiz__uitslag{text-align:center;animation:.4s both inschuif}.quiz__uitslag img{width:64px;height:64px;margin:0 auto 12px}.quiz__pakket{font-family:var(--font-kop);font-size:clamp(2.4rem,6vw,3.4rem);line-height:1;margin:6px 0 14px}.quiz__uitslag .knoppen{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}.quiz__optie.is-gekozen .letter{background:var(--mosgroen);color:var(--linnen)}.quiz__prijs{font-weight:600;margin:-4px 0 14px}.quiz__balk{overflow:hidden}.quiz__optie .letter{place-items:center}.quiz__terug{text-underline-offset:3px}.quiz__teller{letter-spacing:.08em;text-transform:uppercase}.quiz__terug{text-decoration:underline}.quiz{box-shadow:var(--schaduw)}.quiz__optie{color:var(--tekst);background:var(--wit)}.quiz__terug{background:0 0;cursor:pointer}.quiz__pakket{color:var(--walnoot)}.quiz__optie.is-gekozen .letter{background:var(--walnoot)}.quiz{background:var(--wit)}.quiz__optie.is-gekozen{border-color:var(--mosgroen)}.quiz__voortgang{background:var(--mosgroen)}.quiz__optie{border-radius:14px}