/* Hilfe-Antworten: Ergänzungen zu ../site.css (gebaut von werkzeuge/hilfeseiten/seiten_bauen.py) */
.hilfe-seite{max-width:820px;padding-block:28px 10px;display:grid;gap:18px}
.hilfe-seite h1{font-size:clamp(1.9rem,4.6vw,2.6rem)}
.hilfe-seite h2{font-size:1.4rem;margin-top:14px}
.gruppe-schild{display:inline-block;font-weight:800;font-size:.85rem;color:var(--gruen);background:var(--gruen-soft);border-radius:999px;padding:3px 12px;justify-self:start}
.antwort{background:#e4f1fe;border:2px solid var(--hellblau);border-radius:18px;padding:18px 20px;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}
.antwort img{width:60px;height:auto}
.antwort .dach{display:block;margin-bottom:4px}
.kurz-ueben{text-align:right;font-weight:800}
.hilfe-schritte{padding-left:0;list-style:none;counter-reset:s;display:grid;gap:10px;margin:0}
.hilfe-schritte li{counter-increment:s;display:grid;grid-template-columns:40px 1fr;gap:12px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--sh);border-radius:14px;padding:12px 14px}
.hilfe-schritte li::before{content:counter(s);font-weight:800;width:34px;height:34px;border-radius:50%;background:var(--mittelblau);color:#fff;display:grid;place-items:center}
.ueben{margin:10px 0;background:var(--paper);border:1px solid var(--line);box-shadow:var(--sh-gross);border-radius:20px;padding:22px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}
.ueben h2{margin:0 0 6px}
.ueben p{color:var(--muted)}
.ueben .bild{width:170px;max-width:30vw;border-radius:14px;background:#f4f8fd}
.ueben .knopf{margin-top:14px}
.schritt-liste{font-size:.92rem;color:var(--muted);margin-top:8px!important}
.stand{color:var(--muted);font-size:.95rem}
.quellen,.verwandt{padding-left:1.2em;display:grid;gap:4px}
.haftung{font-size:.9rem;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}
.themen-nav{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}
.themen-nav a{display:inline-block;font-weight:800;font-size:.92rem;text-decoration:none;border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:6px 14px;color:var(--ink)}
.themen-nav a:hover{border-color:var(--mittelblau);color:var(--mittelblau)}
.hilfe-liste{list-style:none;padding:0;display:grid;gap:12px}
.hilfe-liste a{display:block;background:var(--paper);border:1px solid var(--line);box-shadow:var(--sh);border-radius:16px;padding:14px 18px;text-decoration:none;color:var(--ink);font-weight:400}
.hilfe-liste a:hover{border-color:var(--mittelblau)}
.hilfe-liste b{font-size:1.12rem;color:var(--mittelblau);display:block}
.hilfe-liste span{display:block;color:var(--muted);font-size:.95rem}
.hilfe-punkte{padding-left:1.2em;display:grid;gap:6px;margin:0}
.zahlen-kasten{background:var(--paper);border:1px solid var(--line);border-left:6px solid var(--mittelblau);border-radius:14px;padding:16px 18px}
.zahlen-kasten h2{margin:0 0 8px;font-size:1.2rem}
.zahlen-kasten ul{padding-left:1.2em;display:grid;gap:8px;margin:0}
.zahlen-kasten .quelle{color:var(--muted);font-size:.9rem}
.zahlen-kasten .stand{margin:10px 0 0}
.hilfe-liste i{display:table;font-weight:800;font-size:.78rem;font-style:normal;color:var(--gruen);background:var(--gruen-soft);border-radius:999px;padding:1px 10px;margin:0 0 4px}
@media (max-width:560px){.ueben{grid-template-columns:1fr}.ueben .bild{display:none}.antwort{grid-template-columns:1fr}.antwort img{display:none}.ueben .knopf{width:100%}}
@media print{.ueben{display:none}}