/* AresPaper – Handbuch (Paket H) */
.hb{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start}
.hb-side{position:sticky;top:0;max-height:calc(100vh - 40px);overflow:auto;padding:4px 4px 20px 0;font-size:13px;border-right:1px solid var(--line)}
.hb-side a{display:block;padding:4px 10px;color:var(--ink-2);text-decoration:none;border-radius:var(--r-s);line-height:1.35}
.hb-side a:hover{background:var(--line-2);color:var(--ink)}
.hb-side a.on{background:var(--soll-bg);color:var(--soll);font-weight:600}
.hb-home{font-weight:600;color:var(--ink)!important}
.hb-side-elster{margin:2px 0 6px}
.hb-teil{margin-top:10px}
.hb-teil-t{padding:6px 10px 3px;font-size:11.5px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.5px}
.hb-main{min-width:0;max-width:900px}
.hb-suche{margin-bottom:16px}
.hb-suche input{width:100%;padding:9px 12px;font-size:15px}
.hb-start{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:4px 0 22px}
.hb-start-k,.hb-karte{display:flex;flex-direction:column;gap:4px;background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-m);padding:12px 14px;text-decoration:none;color:var(--ink)}
.hb-start-k:hover,.hb-karte:hover{border-color:var(--soll);box-shadow:0 1px 0 var(--soll)}
.hb-start-k b{font-size:15px}
.hb-start-k span,.hb-karte span{font-size:12.5px;color:var(--ink-2)}
.hb-start-elster{border-color:var(--soll);background:var(--soll-bg)}
.hb-karten-teil{margin-bottom:18px}
.hb-karten{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.hb-karte b{font-weight:600}
.hb-rechtlich{margin-top:24px}

/* Kapitel */
.hb-k-teil{font-size:12px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}
.hb-kapitel .head{margin-bottom:6px}
.hb-kurz{color:var(--ink-2);margin:0 0 14px}
.hb-abs{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-m);padding:10px 14px;margin:0 0 18px;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px}
.hb-abs b{width:100%;font-size:12px;color:var(--ink-3);font-weight:600}
.hb-abs a{text-decoration:none}
.hb-abs a:hover{text-decoration:underline}
.hb-text{font-size:15px;line-height:1.6}
.hb-text p{margin:0 0 10px}
.hb-text ul,.hb-text ol{margin:0 0 12px;padding-left:24px}
.hb-text li{margin:3px 0}
.hb-text h2{font-size:19px;margin:28px 0 8px;padding-top:6px;border-top:1px solid var(--line-2);scroll-margin-top:12px}
.hb-text h3{font-size:16px;margin:20px 0 6px;scroll-margin-top:12px}
.hb-text h4{font-size:15px;margin:16px 0 4px;scroll-margin-top:12px}
.hb-text code{font-family:var(--mono);font-size:13px;background:var(--line-2);padding:1px 4px;border-radius:3px}
.hb-tab{overflow-x:auto;margin:6px 0 14px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--sheet)}
.hb-tab table.t{font-size:14px}
.hb-tab table.t th{position:static}
.hb-box{border:1px solid var(--line);border-left:4px solid var(--soll);border-radius:var(--r-m);background:var(--sheet);padding:10px 14px 4px;margin:12px 0 16px}
.hb-box-t{font-weight:600;margin-bottom:6px}
.hb-box-l{display:inline-block;font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;padding:1px 7px;border-radius:10px;background:var(--soll-bg);color:var(--soll);margin-right:4px;vertical-align:1px}
.hb-box-b>:last-child{margin-bottom:8px}
.hb-schritte{border-left-color:var(--soll)}
.hb-schritte ol{counter-reset:none}
.hb-tipp{border-left-color:var(--stamp)}
.hb-tipp .hb-box-l{background:var(--stamp-bg);color:var(--stamp)}
.hb-warnung{border-left-color:var(--haben);background:var(--warn-soft)}
.hb-warnung .hb-box-l{background:var(--haben-bg);color:var(--haben)}
.hb-hinweis{border-left-color:var(--warn)}
.hb-hinweis .hb-box-l{background:var(--warn-bg);color:var(--warn-ink)}
.hb-box.hb-elster{border-left-color:var(--grey-line)}
.hb-box.hb-elster .hb-box-l{background:var(--grey-bg);color:var(--grey-ink)}
.hb-ziel{background:var(--ziel-bg);transition:background .6s}
.hb-blaettern{display:flex;justify-content:space-between;gap:12px;margin:30px 0 10px;flex-wrap:wrap}
.hb-blaettern .btn{white-space:normal}
.hb-treffer{padding-left:20px}
.hb-treffer li{margin:0 0 12px}
.hb-treffer a{text-decoration:none}
.hb-treffer mark,.hb-text mark{background:var(--mark-bg);color:inherit;padding:0 1px;border-radius:2px}
a.hb-help{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1px solid var(--line);font-size:11px;font-weight:700;color:var(--ink-2);text-decoration:none;vertical-align:1px;background:var(--sheet)}
a.hb-help:hover{border-color:var(--soll);color:var(--soll)}

/* Ausfüllhilfe */
.hb-af-recht{margin:0 0 14px}
.hb-main>#hb-inhalt>.sheet,.hb-af-form{margin:0 0 14px}
.hb-ampel{list-style:none;margin:0 0 8px;padding:0}
.hb-ampel li{display:flex;gap:8px;align-items:flex-start;padding:5px 0;border-bottom:1px solid var(--line-2)}
.hb-a-i{flex:none;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--on-fill);background:var(--grey-fill)}
.hb-a-gut .hb-a-i{background:var(--stamp-fill)}
.hb-a-warn .hb-a-i{background:var(--warn-fill)}
.hb-a-schlecht .hb-a-i{background:var(--haben-fill)}
.hb-a-info .hb-a-i{background:var(--soll-fill)}
.hb-af-allg td:first-child{color:var(--ink-2);width:42%}
.hb-af-summen{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:0 0 14px}
.hb-af-summen .sheet{padding:10px 14px;display:flex;flex-direction:column;gap:2px}
.hb-af-summen b{font-size:18px;font-variant-numeric:tabular-nums}
.hb-af-t td:nth-child(1){width:56px;white-space:nowrap}
.hb-af-t td:nth-child(2){width:84px;white-space:nowrap}
.hb-af-t td:nth-child(4){width:150px}
.hb-af-t tr.hb-wichtig td{background:var(--sheet-2)}
.hb-quelle{color:var(--ink-3)}
.hb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#hb-af-jahr{width:auto}

@media (max-width:1150px){
  .hb{grid-template-columns:190px minmax(0,1fr);gap:16px}
  .hb-side{font-size:12.5px}
  .hb-side a{padding:3px 8px}
}
@media (max-width:900px){
  .hb{grid-template-columns:1fr}
  .hb-side{display:none}
}
@media print{
  .hb{display:block}
  .hb-side,.hb-suche,.hb-blaettern,.hb-abs,.noprint{display:none!important}
  .hb-main{max-width:none}
  .hb-text{font-size:11pt}
  .hb-box{break-inside:avoid;background:#fff}
  .hb-box-l{background:none!important;color:#000!important;border:1px solid #888}
  .hb-tab{border:0}
  a{color:#000;text-decoration:none}
}
