/* lp-algo-trading: seitenspezifische Styles (aus Inline ausgelagert, 27.10.2026). Gemeinsames gehört in die assets/ad24-*.css. */
/* v4.26: weniger Gleichförmigkeit */
/* ===== LP „Kostenloses Depot“ v4 — Ergänzungen zu lp.css (kd-*) ===== */
/* Rechner: Kennzahlen-Zeile + Hinweise unter den Reglern */
/* ===== LP „ETF-Sparplan: einfach erklärt“ v4 — Ergänzungen zu lp.css + kd.css (nur dieser Ordner) ===== */
/* Kein Vergleichsblock über der Spalte: erster Abschnitt braucht Luft zum Hero */
/* Hero-Wegweiser: Optionen sind Links (Original), gleiche Optik wie die Finder-Buttons des Kits */
/* Für wen: zwei getönte Panels grün-soft / rot-soft, ohne Rahmen, kleine farbige Kopfzeile, weiße Icon-Kreise */
/* Kosten-Logik: ruhige Kosten-Liste statt Icon-Kacheln */
/* Grenzen: Hinweis als ruhiger Absatz */
/* So geht es weiter: Zeilen mit je einem Textlink statt Icon-Kacheln mit Buttons */
/* Wegweiser: Ergebnis ohne Icon, Hauptaktion + Textlinks */
/* v4.61: „Zum Test“ eine Stufe kräftiger (500 → 600), Note in Klammern bleibt leicht */
/* v4.91: kein horizontaler Überlauf – Schnellauswahl-Tabs brechen ab 761px in eine zweite Zeile um; Vor-/Nachteil-Zeilen in Karten umbrechen */
/* ===== LP „Algo-Trading“ v4 — Ergänzungen zum Seitenrahmen aus lp-etf-sparplan-v4.html (nur dieser Ordner) ===== */
/* Topbar: redaktioneller Hinweis statt Aktion – Tag nicht gold (Gold nur für „Aktion“) */
/* Die drei Wege: drei graue Karten untereinander, Stufe als kleiner Navy-Tag, Punkte mit weißem Icon-Kreis */
.vsg.at-ways{grid-template-columns:1fr;gap:12px}
.at-ways .wlvl{display:inline-block;font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--navy);background:var(--navy-soft);border-radius:6px;padding:4px 9px;margin-bottom:10px}
.at-ways h3{font-size:18px;font-weight:600;line-height:1.35}
.at-ways .vfor{font-size:var(--fs-md);font-weight:500;color:var(--ink);margin:2px 0 10px}
.at-ways li b{color:var(--head);font-weight:600}
/* Kosten-Realitäts-Rechner: getöntes Werkzeug, Eingaben als Zeilen auf Weiß, Ergebnis-Flächen */
.calc.at{display:grid;grid-template-columns:1fr;gap:12px;border:0;padding:18px;margin:22px 0 12px}
.at-f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}
.at-in .cs{background:none;border-radius:0;padding:12px 0 13px;border-top:1px solid var(--line)}
.at-in .cs label{flex-direction:row;justify-content:space-between;align-items:baseline;gap:10px;font-size:var(--fs-md);font-weight:500;color:var(--ink);margin-bottom:8px;min-height:42px}
.at-in .cs label output{font-size:var(--fs-lg);white-space:nowrap}
.at-in .hint{display:block;line-height:1.5;color:var(--muted);margin-top:8px}
@media(max-width:760px){.at-f{grid-template-columns:1fr}}
.calc.at .csum{margin:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.calc.at .csum>div{background:var(--bg);padding:12px 14px}
.crows{background:var(--bg);border-radius:var(--r);padding:2px 16px}
.cr{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(40px,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.crn{font-size:var(--fs-md);font-weight:600;color:var(--head);line-height:1.35}
.crn small{display:block;font-size:var(--fs-sm);font-weight:400;color:var(--muted)}
.cr.is-neg .crbar i{background:var(--red)}
#rechner .hint-note{margin-top:10px}
@media(max-width:600px){
 .calc.at{padding:12px 10px}
 .calc.at .csum{grid-template-columns:1fr}
}
/* Mythen: graue Karten ohne Rahmen – Behauptung mit rotem, Realität mit grünem Icon-Kreis */
/* Plattformen: Zeilen mit je einem Textlink (wie „So geht es weiter“) */
/* Legacy anchor shares the section scroll offset. */