/* Gemeinsame Regeln der Ratgeber-Seiten, ausgelagert aus identischen Inline-Styles (27.10.2026) */
.fbtn b{display:block;font-size:var(--fs-md);font-weight:600;color:var(--head);line-height:1.3}
@media(max-width:760px){
  .steps.flow::before{left:calc(16px + 16px);right:auto;width:2px;top:30px;bottom:40px;height:auto}
}
/* v4.26: weniger Gleichförmigkeit */
.vsg li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;font-size:var(--fs-md);line-height:1.55;color:var(--ink);padding:5px 0;margin:0}
@media(max-width:700px){.vsg{grid-template-columns:1fr}}
/* lange Schritte: vertikale Liste */
/* Rechner mobil: Anbieter + Netto sichtbar (Referenz blendet Spalte 2 aus) */
a.fbtn:hover b{color:var(--navy)}
/* Fettes im Fließtext von Schritten und Keybox-Listen bleibt inline (wie du.css) */
/* Für wen: zwei getönte Panels grün-soft / rot-soft, ohne Rahmen, kleine farbige Kopfzeile, weiße Icon-Kreise */
/* Die drei Wege: drei graue Karten untereinander, Stufe als kleiner Navy-Tag, Punkte mit weißem Icon-Kreis */
.calc.at .csum{margin:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.calc.at .csum>div{background:var(--bg);padding:12px 14px}
@media(max-width:600px){
 .calc.at{padding:12px 10px}
 .crows{padding:2px 14px}
 
 
 
 
}
.rg-table th{text-align:left;font-size:var(--fs-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:12px 10px 10px 0;border-bottom:1px solid var(--line-2)}
.rg-table td{padding:11px 10px 11px 0;border-bottom:1px solid var(--line);color:var(--ink);vertical-align:top}
.rg-facts>div{background:var(--bg-2);border-radius:var(--r);padding:12px 14px}
.keybox.kb-warn .flist li{font-size:var(--fs-md);margin-bottom:8px}
/* Geeignet/Ungeeignet-Paar: grün-soft / rot-soft, kleine farbige Kopfzeile */
.rg-facts-list dl>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-top:1px solid var(--line)}
.rg-facts-list dl>div:first-child{border-top:0}
.rg-facts-list dd{margin:0;font-size:var(--fs-md);font-weight:600;color:var(--head);text-align:right}

/* Zeilen mit Kennzahl links (z. B. Anteil in %): kleine Navy-Marke */

.lgy .calc-card>h3 svg{width:18px;height:18px;color:var(--navy)}
.lgy .qgrp>span.ql{display:block;font-size:var(--fs-md);font-weight:600;color:var(--head);margin-bottom:8px}
.lgy .res-card .rh svg{width:15px;height:15px}
.lgy .plan>div{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;font-size:var(--fs-md);line-height:1.55;color:var(--ink)}
.lgy .plan b{color:var(--head);font-weight:600;display:block}
.lgy .res-note b{color:var(--head);font-weight:600}
.lgy .tccount b{color:var(--head);font-weight:700}

.lgy .finopt .foi svg{width:17px;height:17px}
.lgy .finopt .foc svg{width:14px;height:14px;transform:rotate(-90deg)}
.lgy .plan .pl b{display:block;color:var(--head);font-size:var(--fs-md);font-weight:600}
.lgy .plan .pl p b{display:inline;font-size:inherit}
.lgy .gout-h b{font-size:var(--fs-md);color:var(--head);display:flex;align-items:center;gap:8px;font-weight:600}
.lgy .gout-h b svg{width:15px;height:15px;color:var(--navy)}
.lgy .gout-h .cpy svg{width:14px;height:14px}
.lgy .gnote b{color:var(--ink)}

.rg-raw .dvleg-r b{color:var(--head);font-weight:600}
.hero-quick .fsub b{color:var(--head);font-weight:600}
.hq-list li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:start;font-size:var(--fs-md);line-height:1.55;color:var(--ink)}
.hq-list .mk svg{width:16px;height:16px}
.hq-list b{color:var(--head);font-weight:600}
.rg-warn .rw-ic svg{width:16px;height:16px}
.rg-warn b{color:var(--red-deep);font-weight:600}
/* graue Kacheln: ungerade letzte Kachel über volle Breite */
/* Unterüberschriften im Abschnitt: Abstand zum vorherigen Block */
.article h3.at-sub{font-size:19px;line-height:1.3;margin:36px 0 6px;color:var(--head)}
/* 29.10.2026: Fragen in Navigator/Assistent deutlich als Fragen lesbar – größer als die Antwortoptionen */
.lgy .qgrp>span.ql{font-size:18px;font-weight:700;line-height:1.35;margin-bottom:10px}
.lgy .qgrp{margin-bottom:22px}