/* ASEING Lernseite – nur Ergänzungen zum Stil der neuen Homepage (aseing.css aus „ASEING Seiten“).
   Farben, Schriften, Kopf, Chips, Kästen, FAQ und Tabellen kommen von dort; Fallbacks nur für den Notfall. */
.aseing-hb{--hb-or:var(--or,#E77B00);--hb-ord:var(--ord,#B35F00);--hb-ink:var(--ink,#212C34);--hb-muted:var(--muted,#5B666E);--hb-line:var(--line,#E2E5E8);--hb-soft:var(--soft,#F5F6F7);--hb-tint:var(--tint,#FDF6ED);--hb-r:var(--r,2px)}
.aseing-hb .hb-stand{color:#AEB7BE;font-size:.85rem;margin:10px 0 0}
.aseing-hb .hb-nav{position:static}
.aseing-hb .hb-abs{scroll-margin-top:130px}
.aseing-hb .topic .eyebrow{margin-bottom:.2rem}
.aseing-hb .hb-lead{font-size:1.05rem;color:var(--hb-muted);max-width:820px}
.aseing-hb .hb-hg{margin:14px 0 6px}
.aseing-hb .hb-hg h3.t-sub{margin-top:0}
.aseing-hb .hb-hg p{margin:0}

/* Schritte: nummeriert wie die orangefarbenen Schrittkreise der Website, untereinander */
.aseing-hb .hb-schritte{list-style:none;counter-reset:hb;padding:0!important;margin:6px 0 0}
.aseing-hb .hb-schritte>li{counter-increment:hb;position:relative;padding-left:44px;margin:0 0 14px}
.aseing-hb .hb-schritte>li::before{content:counter(hb);position:absolute;left:0;top:0;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--hb-or);color:#fff;font:700 .95rem var(--head,inherit)}
.aseing-hb .hb-schritte>li>p{margin:.2em 0 .5em}

/* Bewegte Bilder – Rahmen wie die Bildkästen (.shots) der Website */
.aseing-hb .hb-lebend{margin:6px 0 4px;background:#fff;border:1px solid var(--hb-line);border-radius:var(--hb-r);overflow:hidden}
.aseing-hb .hb-lebend video{display:block;width:100%;height:auto;aspect-ratio:1152/600;background:var(--hb-soft);cursor:pointer}
.aseing-hb .hb-lebend figcaption{padding:10px 14px;font-size:.88rem;color:var(--hb-muted);display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.aseing-hb .hb-lebend figcaption small{flex-basis:100%;font-size:.8rem}
.aseing-hb .hb-live{font:700 .72rem var(--head,inherit);letter-spacing:.08em;text-transform:uppercase;color:var(--hb-or)}
.aseing-hb .hb-live::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--hb-or);margin-right:6px;vertical-align:1px;animation:hbPuls 1.6s infinite}
@keyframes hbPuls{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.aseing-hb .hb-live::before{animation:none}}

/* „mit Ton“: kleine Umriss-Schaltfläche im Stil von .btn-o */
.aseing-hb .hb-ton{font:700 .8rem var(--head,inherit);line-height:28px;padding:0 12px;border:2px solid var(--hb-ink);background:#fff;color:var(--hb-ink);border-radius:var(--hb-r);cursor:pointer;transition:.15s}
.aseing-hb .hb-ton:hover{border-color:var(--hb-or);color:var(--hb-or)}
.aseing-hb .hb-lekt{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:16px 0 4px;font-size:.9rem}
.aseing-hb .hb-lekt span{color:var(--hb-muted);margin-right:2px}

.aseing-hb .hb-box{margin:16px 0}
.aseing-hb .hb-box h3.t-sub{margin-top:0}
.aseing-hb .hb-box ul{margin:0}
.aseing-hb .hb-adm{margin:14px 0;font-size:.95rem}
.aseing-hb .faq{margin-bottom:6px}
.aseing-hb .faq p{padding:0 16px 12px;margin:0}
.aseing-hb .hb-note{margin-bottom:18px}
.aseing-hb .hb-note .actions{margin-top:10px}

/* Lektion mit Ton */
.hb-dlg{width:min(1100px,96vw);padding:0;border:0;border-top:4px solid var(--or,#E77B00);border-radius:var(--r,2px)}
.hb-dlg::backdrop{background:rgba(33,44,52,.75)}
.hb-dlg-h{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;font:700 1rem var(--head,inherit);color:var(--ink,#212C34)}
.hb-dlg video{width:100%;display:block;background:#000}
.hb-x{font-size:26px;line-height:1;border:0;background:none;cursor:pointer;color:var(--ink,#212C34)}
@media (max-width:620px){.aseing-hb .hb-schritte>li{padding-left:0}.aseing-hb .hb-schritte>li::before{position:static;margin-bottom:6px}}

/* Redaktion: Ablagefelder für fehlende Bilder (ab 0.5.0) – nur für die Redaktion sichtbar */
.aseing-hb .hb-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:150px;margin:6px 0 4px;padding:18px;border:2px dashed var(--hb-line);border-radius:var(--hb-r);background:var(--hb-soft);color:var(--hb-muted);text-align:center;font-size:.92rem;cursor:pointer;transition:.15s}
.aseing-hb .hb-drop b{color:var(--hb-ink)}
.aseing-hb .hb-drop small{font-size:.8rem}
.aseing-hb .hb-drop:hover,.aseing-hb .hb-drop:focus,.aseing-hb .hb-drop.ueber{border-color:var(--hb-or);background:var(--hb-tint);outline:0}
.aseing-hb .hb-drop.ueber{border-style:solid}
.aseing-hb .hb-drop.laedt{cursor:progress;opacity:.8}
.aseing-hb .hb-drop .hb-msg{color:var(--hb-ord);font-style:normal;font-weight:700}
.aseing-hb .hb-erg img{display:block;width:100%;height:auto}
.aseing-hb .hb-red{color:var(--hb-muted)}
.aseing-hb .hb-weg{border:0;background:none;color:var(--hb-ord);text-decoration:underline;cursor:pointer;font:inherit;padding:0}
.aseing-hb .hb-red-note{border-left:4px solid var(--hb-or);background:var(--hb-tint)}
.aseing-hb .hb-red-note .btn{margin-left:8px}

/* Ab 0.6.0: Kapitel eingeklappt + mitgehende Inhaltsangabe (Regel A. Seitz 03.10.2026) */
.aseing-hb .hb-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px;align-items:start}
.aseing-hb .hb-toc{position:sticky;top:110px;max-height:calc(100vh - 130px);overflow:auto;font-size:.88rem;background:#fff;border:1px solid var(--hb-line);border-top:3px solid var(--hb-or);border-radius:var(--hb-r)}
.aseing-hb .hb-toc summary{cursor:pointer;padding:10px 14px;font:700 .95rem var(--head,inherit);color:var(--hb-ink)}
.aseing-hb .hb-toc ol{list-style:none;margin:0;padding:0 14px 6px}
.aseing-hb .hb-toc ol ol{padding:2px 0 6px 10px;display:none}
.aseing-hb .hb-toc li>a{display:block;padding:3px 0;color:var(--hb-muted);text-decoration:none;line-height:1.3}
.aseing-hb .hb-toc a.hb-toc-k{color:var(--hb-ink);font-weight:600}
.aseing-hb .hb-toc a.hb-toc-k.an{color:var(--hb-or)}
.aseing-hb .hb-toc a.hb-toc-k.an+ol{display:block}
.aseing-hb .hb-toc a:hover{color:var(--hb-or)}
.aseing-hb .hb-toc-alle{padding:4px 14px 12px;margin:0}
.aseing-hb .hb-alle{font:600 .82rem var(--head,inherit);border:1px solid var(--hb-line);background:var(--hb-soft);padding:5px 10px;border-radius:var(--hb-r);cursor:pointer}
.aseing-hb details.hb-kap{background:#fff;border:1px solid var(--hb-line);border-top:3px solid var(--hb-or);border-radius:var(--hb-r);margin:0 0 14px;scroll-margin-top:120px}
.aseing-hb details.hb-kap>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px}
.aseing-hb details.hb-kap>summary::-webkit-details-marker{display:none}
.aseing-hb details.hb-kap>summary .eyebrow{margin:0;font-size:.95rem}
.aseing-hb details.hb-kap>summary::after{content:"›";font-size:1.5rem;color:var(--hb-or);transition:transform .15s}
.aseing-hb details.hb-kap[open]>summary::after{transform:rotate(90deg)}
.aseing-hb .hb-kap-n{margin-left:auto;color:var(--hb-muted);font-size:.85rem}
.aseing-hb details.hb-kap>.topics{padding:0 12px 4px}
.aseing-hb .hb-kap-ende{text-align:right;padding:0 20px 14px;margin:0;font-size:.88rem}
.aseing-hb .hb-bild img{display:block;width:100%;height:auto;max-height:640px;object-fit:contain;background:#fff}
.aseing-hb .hb-info{margin:12px 0 0}
.aseing-hb .hb-info img{display:block;max-width:100%;height:auto;border:1px solid var(--hb-line);border-radius:var(--hb-r);background:#fff}
.aseing-hb .hb-info figcaption{font-size:.85rem;color:var(--hb-muted);margin-top:6px}
.aseing-hb .hb-wz{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0 4px;font-size:.9rem}
.aseing-hb .hb-wz span{color:var(--hb-muted)}
.aseing-hb .hb-wz a{display:inline-block;padding:5px 12px;border:1px solid var(--hb-or);border-radius:var(--hb-r);color:var(--hb-ord);text-decoration:none;font-weight:600}
.aseing-hb .hb-wz a:hover{background:var(--hb-tint)}
.aseing-hb .hb-pruef{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}
.aseing-hb .hb-pruef button{font:600 .78rem var(--head,inherit);border:1px solid var(--hb-line);background:#fff;border-radius:var(--hb-r);padding:2px 8px;cursor:pointer}
.aseing-hb .hb-pruef .hb-p-ja.an{background:#E6F4EA;border-color:#2E7D32;color:#2E7D32}
.aseing-hb .hb-pruef .hb-p-nein.an{background:#FDECEC;border-color:#B3261E;color:#B3261E}
.aseing-hb .hb-pruef em{font-size:.8rem;color:#B3261E}
.aseing-hb .hb-drop.hb-drop-klein{display:inline-flex;min-height:0;padding:2px 10px;margin:0;border-width:1px;font-size:.78rem;flex-direction:row}
@media (max-width:900px){.aseing-hb .hb-layout{grid-template-columns:1fr}.aseing-hb .hb-toc{position:static;max-height:none}}
.aseing-hb .hb-toc ol ol li>a{border:0!important;background:none!important;padding:2px 0!important;margin:0!important;font-weight:400;box-shadow:none!important}
.aseing-hb .hb-toc ol ol li>a::after,.aseing-hb .hb-toc li>a::after{content:none!important}
.aseing-hb details.hb-kap .topic>.eyebrow{display:none}
.aseing-hb .hb-inhalt{min-width:0}
.aseing-hb details.hb-kap,.aseing-hb details.hb-kap .topic{min-width:0;max-width:100%}
.aseing-hb .hb-bild img{width:auto;max-width:100%;margin:0 auto}
@media (max-width:900px){.aseing-hb .hb-layout{grid-template-columns:minmax(0,1fr)}.aseing-hb details.hb-kap>.topics{padding:0 4px 4px}.aseing-hb details.hb-kap .topic{padding-left:14px;padding-right:14px}}
/* Frage an den Support (0.6.1) */
.hb-frage-l{margin:10px 0 0}
.hb-frage-auf:not(.btn){background:none;border:0;padding:0;color:var(--or,#E77B00);font:inherit;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.hb-fdlg{width:min(620px,96vw)}
.hb-fbody{padding:4px 16px 16px;display:grid;gap:12px}
.hb-fbody label{display:grid;gap:4px;font-weight:600}
.hb-fbody select,.hb-fbody textarea{width:100%;box-sizing:border-box;font:inherit;font-weight:400;padding:8px;border:1px solid #c9ced2;border-radius:var(--r,2px)}
.hb-fbody .actions{display:flex;gap:8px;flex-wrap:wrap}
.hb-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.hb-fstatus:empty{display:none}
.hb-fstatus.ok{color:#1b7a3a;font-weight:600}
.hb-fstatus.err{color:#b3261e;font-weight:600}

/* Filme (ab 0.8.0) */
.aseing-hb .hb-film{background:#0f2433;border-radius:8px;padding:14px;margin:14px 0}
.aseing-hb .hb-film video{width:100%;display:block;border-radius:4px;background:#000}
.aseing-hb .hb-film-k{color:#fff;font-weight:600;font-size:14px;margin:0 0 10px}
.aseing-hb .hb-film figcaption{color:#cfd6dc;font-size:14px;margin-top:8px}
.aseing-hb .hb-film-t{color:#cfd6dc;font-size:14px;margin-top:8px}
.aseing-hb .hb-film-t summary{cursor:pointer;color:#fff}
.aseing-hb .hb-film-t ol{margin:8px 0 0;padding-left:0;list-style:none}
.aseing-hb .hb-film-t li{margin:3px 0}.aseing-hb .hb-film-t span{display:inline-block;min-width:3.2em;color:#8fb3c9;font-variant-numeric:tabular-nums}
.aseing-hb .hb-film-gesamt{margin:0 0 22px}
.aseing-hb .hb-ton.an{border-color:var(--hb-or);color:var(--hb-or)}