.ec{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(1rem,2.5vw,2rem);align-items:start}.ec-liste{display:grid;gap:.6rem;margin:0;padding:0;list-style:none;counter-reset:ec}.ec-frage{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem 1.1rem;border-radius:18px;background:var(--ink-2);border:1px solid var(--line);counter-increment:ec}.ec-frage>p{font-weight:600;line-height:1.45}.ec-frage>p:before{content:counter(ec,decimal-leading-zero);display:block;margin-bottom:.25rem;color:var(--muted);font-size:.74rem;font-weight:650;letter-spacing:.04em}.ec-wahl{display:none;gap:.35rem}.ec-aktiv .ec-wahl{display:inline-flex}.ec-wahl label{position:relative;cursor:pointer}.ec-wahl input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.ec-wahl span{display:inline-block;min-width:4.6rem;padding:.55rem .8rem;border-radius:999px;border:1px solid var(--line-2);color:var(--paper-2);font-size:.86rem;font-weight:650;text-align:center;transition:background .2s,border-color .2s,color .2s}.ec-wahl input:checked+span{background:rgb(var(--mint-rgb) / .14);border-color:var(--mint);color:var(--paper)}.ec-wahl input:focus-visible+span{outline:2px solid var(--red);outline-offset:3px}.ec-frage:has(input:checked){border-color:var(--line-2)}.ec-seite{position:sticky;top:calc(var(--kopf-h) + 1.5rem);display:grid;gap:1rem;padding:clamp(1.4rem,2.6vw,2.2rem);border-radius:24px;border:1px solid var(--line);background:linear-gradient(160deg,#15363E,var(--ink-2) 60%);overflow:hidden}.ec-seite:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(55% 45% at 90% 0%,rgb(var(--mint-rgb) / .14),transparent 70%)}.ec-stand{color:var(--muted);font-size:.86rem;font-weight:600}.ec-noch{color:var(--paper-2)}.ec-ergebnis{display:grid;gap:.8rem}.ec-ergebnis[hidden]{display:none}.ec-ergebnis h3{font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:650;letter-spacing:-.02em;line-height:1.15}.ec-ergebnis p{color:var(--paper-2)}.ec-skala{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:.4rem}.ec-skala span{padding-top:.7rem;border-top:4px solid var(--ink-4);color:var(--muted);font-size:.74rem;font-weight:650}.ec-ergebnis[data-stufe=standard] .ec-skala span:nth-child(1),.ec-ergebnis[data-stufe=mischung] .ec-skala span:nth-child(2),.ec-ergebnis[data-stufe=eigen] .ec-skala span:nth-child(3){border-top-color:var(--mint);color:var(--paper)}.ec-hinweis{color:var(--muted);font-size:.84rem;line-height:1.5}.ec-neu{justify-self:start;padding:0;border:0;background:none;color:var(--paper-2);font:inherit;font-size:.88rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.ec-neu:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:4px}.ec:not(.ec-aktiv) .ec-seite{display:none}.ec-ergebnis:not([hidden]){animation:ec-an .45s var(--ease)}@keyframes ec-an{0%{opacity:0;transform:translateY(8px)}}@media(max-width:900px){.ec{grid-template-columns:minmax(0,1fr)}.ec-seite{position:static}}@media(max-width:520px){.ec-frage{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.ec-ergebnis:not([hidden]){animation:none}.ec-wahl span{transition:none}}
