.erklaert .pro{color:var(--ok)}.erklaert .con{color:var(--bad)}.erklaert .qlist{display:flex;flex-direction:column;gap:10px;margin:16px 0}.erklaert .q{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:start;padding:14px 16px;border-radius:12px;background:var(--card);border:1px solid var(--line)}.erklaert .q .num{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 1rem var(--serif);background:var(--accent-soft);color:var(--accent)}.erklaert .q h3{margin:0 0 3px;font-size:1.1rem}.erklaert .q h3 a{color:var(--fg);text-decoration:none}.erklaert .q h3 a:hover{color:var(--accent);text-decoration:underline}.erklaert .q p{margin:0;font-size:.9rem;color:var(--muted)}.erklaert .q .st{font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}.erklaert .q .st.on{background:var(--ok-soft);color:var(--ok)}.erklaert .q .st.soon{background:var(--bg);color:var(--muted)}.erklaert .q.soon{opacity:.62}.erklaert .q.soon .num{background:var(--bg);color:var(--muted)}@media(max-width:520px){.erklaert .q{grid-template-columns:36px 1fr}.erklaert .q .st{grid-column:2;justify-self:start}}.erklaert .how{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}@media(max-width:640px){.erklaert .how{grid-template-columns:1fr}}.erklaert .how div{padding:14px 16px;border-radius:12px;background:var(--bg);font-size:.9rem}.erklaert .how h4{margin:0 0 4px}.erklaert .how p{margin:0;color:var(--muted)}