.kq{background:var(--bg);min-height:100svh;color:var(--ink);display:grid}@media (width>=1000px){.kq{grid-template-columns:minmax(340px,36%) 1fr}}.kq-seite{background:var(--navy);height:100svh;color:var(--navy-ink);display:none;position:sticky;top:0;overflow:hidden}@media (width>=1000px){.kq-seite{display:block}}.kq-seite-koerper{opacity:.8;position:absolute;inset:0}.kq-seite-inhalt{z-index:1;box-sizing:border-box;flex-direction:column;justify-content:space-between;height:100%;padding:36px 44px 52px;display:flex;position:relative}.kq-seite-titel{font-family:var(--font-sans);letter-spacing:-.03em;margin:0 0 14px;font-size:clamp(30px,3vw,40px);font-weight:800;line-height:1.08}.kq-seite-text{max-width:24em;color:var(--navy-mute);margin:0;font-size:15px;line-height:1.6}.kq-marke{letter-spacing:.14em;text-transform:uppercase;color:var(--gold-text);margin:0 0 12px;font-size:11.5px;font-weight:700}.kq-seite .kq-marke{color:var(--gold-auf-navy)}.kq-haupt{flex-direction:column;min-width:0;min-height:100svh;display:flex}.kq-kopf{justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}@media (width>=768px){.kq-kopf{padding:24px 56px}}.kq-zurueck-seite{min-height:44px;color:var(--mute);align-items:center;font-size:15px;text-decoration:none;display:inline-flex}.kq-zurueck-seite:hover{color:var(--ink)}.kq-zaehler{font:500 13px/1 var(--font-mono);color:var(--mute)}.kq-balken{background:var(--line);height:4px}.kq-balken span{background:var(--gold);width:0;height:100%;transition:width .35s;display:block}.kq-form{box-sizing:border-box;flex-direction:column;flex:1;width:100%;max-width:780px;margin-inline:auto;padding:36px 20px 0;display:flex}@media (width>=768px){.kq-form{padding:64px 56px 0}}.kq-schritt{animation:.3s both kq-rein}@keyframes kq-rein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.kq-schritt{animation:none}.kq-balken span{transition:none}}.kq-nr{font:500 13px/1.3 var(--font-mono);letter-spacing:.06em;color:var(--gold-text);margin:0 0 14px}.kq-optional{color:var(--mute)}.kq-titel{font-family:var(--font-sans);letter-spacing:-.03em;text-wrap:balance;margin:0 0 22px;font-size:clamp(26px,3.4vw,40px);font-weight:800;line-height:1.12}.kq-hilfe{max-width:38em;color:var(--ink2);margin:-6px 0 24px;font-size:16px;line-height:1.6}.kq-eckdaten{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:8px 0 0;padding:0;list-style:none;display:grid}.kq-eckdaten li{color:var(--ink2);padding:18px 12px 0 0;font-size:14.5px}.kq-eckdaten strong{letter-spacing:-.03em;color:var(--ink);font-size:clamp(26px,3vw,34px);font-weight:800;line-height:1.1;display:block}.kq-optionen{gap:10px;margin-bottom:18px;display:grid}@media (width>=640px){.kq-optionen{grid-template-columns:1fr 1fr}.kq-optionen-klein{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.kq-option{border:1px solid var(--line);background:var(--panel);min-height:58px;color:var(--ink);font:400 16.5px/1.3 var(--font-sans);text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:14px;padding:12px 18px;transition:border-color .15s,background .15s;display:flex}.kq-option:hover{border-color:color-mix(in oklab, var(--gold) 60%, var(--line))}.kq-option:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.kq-option[aria-pressed=true]{border-color:var(--gold);background:color-mix(in oklab, var(--gold) 12%, var(--panel))}.kq-option-punkt{border:1.5px solid var(--line);border-radius:999px;flex:none;width:20px;height:20px}[data-art=mehr] .kq-option-punkt{border-radius:6px}.kq-option[aria-pressed=true] .kq-option-punkt{border-color:var(--gold);background:var(--gold);box-shadow:inset 0 0 0 3px var(--panel)}.kq-ergebnis{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--panel);margin:0 0 18px;overflow:hidden}.kq-ergebnis div{border-top:1px solid var(--line);gap:4px;padding:16px 20px;display:grid}.kq-ergebnis div:first-child{border-top:0}@media (width>=620px){.kq-ergebnis div{grid-template-columns:1fr auto;align-items:baseline;gap:20px}}.kq-ergebnis dt{color:var(--ink2);font-size:15px}.kq-ergebnis dd{font-variant-numeric:tabular-nums;color:var(--ink);margin:0;font-weight:700}@media (width>=620px){.kq-ergebnis dd{text-align:right}}.kq-ergebnis-gold{background:color-mix(in oklab, var(--gold) 12%, var(--panel))}.kq-ergebnis-gold dd{letter-spacing:-.02em;font-size:clamp(19px,2.4vw,24px);font-weight:800}.kq-fussnote{max-width:60ch;color:var(--mute);margin:0 0 8px;font-size:13px;line-height:1.6}.kq-felder{gap:14px;margin-bottom:26px;display:grid}@media (width>=640px){.kq-felder{grid-template-columns:1fr 1fr}.kq-voll{grid-column:1/-1}}.kq-feld{gap:8px;min-width:0;display:grid}.kq-feld>span{color:var(--ink2);font-size:14px}.kq-feld input{box-sizing:border-box;border:1px solid var(--line);background:var(--panel);width:100%;min-height:54px;color:var(--ink);font:400 17px/1.5 var(--font-sans);border-radius:14px;padding:13px 16px}.kq-feld input:focus{border-color:var(--gold);box-shadow:0 0 0 4px color-mix(in oklab, var(--gold) 22%, transparent);outline:none}.kq [aria-invalid=true]{border-color:var(--bordeaux)!important}.kq-unterfrage{color:var(--ink);margin:8px 0 12px;font-size:16px;font-weight:700}.kq-partner{max-width:360px;margin-top:10px}.kq-zusammen{border-top:1px solid var(--line);margin:0 0 26px}.kq-zusammen div{border-bottom:1px solid var(--line);gap:2px;padding:14px 0;display:grid}@media (width>=560px){.kq-zusammen div{grid-template-columns:12em 1fr;gap:16px}}.kq-zusammen dt{color:var(--ink2);font-size:15px}.kq-zusammen dd{overflow-wrap:anywhere;margin:0}.kq-haken{color:var(--ink2);grid-template-columns:24px 1fr;align-items:start;gap:12px;font-size:15.5px;line-height:1.55;display:grid}.kq-haken input{width:22px;height:22px;accent-color:var(--gold);margin-top:2px}.kq-haken a{color:var(--ink)}.kq-falle{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.kq-fehler{background:color-mix(in oklab, var(--bordeaux) 10%, var(--panel));color:var(--bordeaux-text);border-radius:12px;margin:18px 0 0;padding:12px 14px;font-size:15px}.kq-danke-nummer{color:var(--ink2);margin:0 0 26px}.kq-danke-nummer strong{color:var(--ink);font-variant-numeric:tabular-nums}.kq-nav{padding:20px 0 calc(20px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg, color-mix(in oklab, var(--bg) 0%, transparent) 0%, var(--bg) 32%);align-items:center;gap:10px;margin-top:auto;display:flex;position:sticky;bottom:0}.kq-form>.kq-schritt:last-of-type{margin-bottom:24px}.kq-nav #weiter{margin-left:auto}.kq-ueberspringen{min-height:44px;color:var(--mute);font:400 15px/1 var(--font-sans);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:12px 6px;text-decoration:underline}
