/* Aktiendepot24 – gemeinsame Bausteine der Ratgeber-Seiten (ratgeber-*-v4.html)
   Gleiche Gestaltung wie LP (ETF-Sparplan-Rechner) und Reviews. Änderungen hier wirken auf alle Ratgeber. Stand 25.10.2026 */
/* Regler: dicker, mit Füllung bis zum Griff (--p via ad24-lp-blocks.js), weißer Griff mit Navy-Rand */
main input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:99px;background:linear-gradient(var(--navy),var(--navy)) 0/var(--p,50%) 100% no-repeat,var(--bg-3);outline:none;cursor:pointer;margin:6px 0 2px}
main input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--navy);box-shadow:0 2px 6px rgba(20,34,75,.2)}
main input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--navy)}
main input[type=range]:focus-visible{outline:2px solid var(--navy);outline-offset:6px}
/* Rechner (.calc.at): Eingaben-Karte wie im ETF-Sparplan-Rechner */
.calc.at{border:0;border-radius:20px;padding:20px}
.at-in .cs label{font-size:var(--fs-md);color:var(--head)}
.at-in .cs label output{font-size:18px;font-weight:700}

/* Hinweise unter dem Rechner: im Rechner-Kasten, lange Annahmen einklappbar */

.srcbox .src-i{border-top:1px solid var(--line);padding-top:12px}
.calc .srcbox[open] .src-l{background:#fff;border-radius:14px;padding:14px 18px 16px;margin-top:8px}
.calc .srcbox .src-i:first-child{border-top:0;padding-top:0}
/* Tabellen (.rg-table) als Karte wie auf LPs und Reviews */
.rg-tablewrap{margin:20px 0;padding:0;background:#fff;border-radius:18px;box-shadow:0 1px 2px rgba(20,34,75,.04),0 6px 20px rgba(20,34,75,.06);overflow-x:auto}
.rg-table th{background:var(--bg-3);font-size:var(--fs-sm);font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink);padding:14px 12px;border-bottom:0;vertical-align:bottom;line-height:1.35;text-align:left}
.rg-table td{padding:13px 12px;border-bottom:1px solid var(--line-soft);color:var(--ink);vertical-align:top}
.rg-table tr>:first-child{padding-left:20px}
.rg-table tr>:last-child{padding-right:20px}
.rg-table tbody tr:hover{background:var(--bg-2)}
@media(max-width:640px){.rg-table tr>:first-child{padding-left:14px}.rg-table tr>:last-child{padding-right:14px}}
/* Finder/Selbst-Check (.fit): interaktiver Block ohne Rahmen */
.fit{border:0}
/* Abstand, wenn eine Abschnitts-Kennzeile direkt auf eine Liste folgt (z. B. „Vorabpauschale-Rechner“) */
.article ul+.eyebrow,.article ol+.eyebrow{margin-top:36px}
@media(max-width:600px){.at-in .cs label{flex-wrap:wrap;row-gap:2px}.at-in .cs label output{font-size:var(--fs-lg)}}