/* Aktiendepot24 – gemeinsame Bausteine für ALLE Inhaltsseiten (LP, Reviews, Ratgeber, ETF/Trading-Übersicht).
   Eine Stelle, ein Aussehen: Änderungen hier wirken überall. Stand 25.10.2026 */
/* Nummerierte Schritte (ol.steps / ol.steps.kd): vertikale Zeitleiste, erster Schritt navy, Verbindungslinie */
.article ol.steps:not(.flow):not(.four){list-style:none;counter-reset:st;display:grid;gap:0;margin:22px 0 18px;padding:0}
.article ol.steps:not(.flow):not(.four) li{counter-increment:st;position:relative;display:grid;grid-template-columns:40px 1fr;gap:18px;align-items:start;padding:0 0 24px;margin:0}
.article ol.steps:not(.flow):not(.four) li:last-child{padding-bottom:0}
.article ol.steps:not(.flow):not(.four) li::before{content:counter(st);width:40px;height:40px;border-radius:50%;background:var(--navy-soft);color:var(--navy);font-weight:700;font-size:var(--fs-base);display:grid;place-items:center;margin:0;position:relative;z-index:1}
.article ol.steps:not(.flow):not(.four) li:first-child::before{background:var(--navy);color:#fff}
.article ol.steps:not(.flow):not(.four) li:not(:last-child)::after{content:"";position:absolute;left:19px;top:46px;bottom:6px;width:2px;border-radius:2px;background:var(--navy-line)}
.article ol.steps:not(.flow):not(.four) li>div>b,.article ol.steps:not(.flow):not(.four) li>b{display:block;color:var(--head);font-size:var(--fs-lg);font-weight:600;margin:8px 0 4px}
.article ol.steps:not(.flow):not(.four) li>div>span,.article ol.steps:not(.flow):not(.four) li>span{display:block;font-size:var(--fs-base);line-height:1.6;color:var(--ink);max-width:600px}
/* In hellblauen Boxen (.keybox): Kreise weiß */
.article .keybox ol.steps:not(.flow):not(.four) li::before{background:#fff;color:var(--navy)}
.article .keybox ol.steps:not(.flow):not(.four) li:first-child::before{background:var(--navy);color:#fff}
.article .keybox ol.steps:not(.flow):not(.four) li:not(:last-child)::after{background:var(--navy-line)}
@media(max-width:560px){.article ol.steps:not(.flow):not(.four) li{grid-template-columns:34px 1fr;gap:14px}.article ol.steps:not(.flow):not(.four) li::before{width:34px;height:34px;font-size:var(--fs-md)}.article ol.steps:not(.flow):not(.four) li:not(:last-child)::after{left:16px;top:40px}}
/* FAQ (.faq): Frage fett, rechts ein heller Kreis mit Pfeil (bei allen Fragen gleich), geöffnete Frage navy, Pfeil gedreht.
   Fokus-Ring nur bei Tastaturbedienung (body.kbd). */
.faq{margin-top:24px;border-top:1px solid var(--line-2)}
.faq details{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0}
.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 0;font-size:var(--fs-lg);font-weight:600;color:var(--head);cursor:pointer}
.faq summary:hover{color:var(--navy)}
.faq summary::-webkit-details-marker{display:none}
.faq summary .pm{width:28px;height:28px;border-radius:50%;background:var(--navy-soft);color:var(--navy);display:grid;place-items:center;flex:none;transition:transform .2s,background .15s}
.faq summary:hover .pm{background:var(--navy-soft-2)}
.faq details[open] summary{color:var(--navy)}
.faq details[open] summary .pm{transform:rotate(180deg)}
.faq summary:focus,.faq summary:focus-visible{outline:none}
.faq summary:focus-visible .pm{outline:none}
body.kbd .faq summary:focus-visible .pm{outline:2px solid var(--navy);outline-offset:2px}
.faq .fa{padding:0 40px 20px 0;font-size:var(--fs-lg);line-height:1.7;color:var(--ink)}
@media(max-width:640px){.faq summary{font-size:var(--fs-base);padding:16px 0}.faq .fa{padding-right:0;font-size:var(--fs-base)}}
/* Formel-Box (.formel): Überschrift, Formel als weiße Karte, Beispiel, optional Legende (.flist) und Excel-Zeilen (.xlbox) */
.article .formel{background:var(--navy-soft);border-radius:20px;padding:22px 24px;margin:18px 0 14px}
.article .formel>h3{font-size:18px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--head);margin:0 0 12px}
.article .formel-f{background:#fff;border-radius:14px;padding:18px 20px;margin:0 0 12px;text-align:center;font-size:21px;font-weight:700;line-height:1.45;color:var(--head);letter-spacing:.01em}
.article .formel .formel-ex{font-size:var(--fs-md);line-height:1.6;color:var(--ink);margin:0 0 12px}
.article .formel .formel-ex:last-child{margin-bottom:0}
.article .formel-ex b{color:var(--head);font-weight:600}
.article .formel .flist{margin:4px 0 0}
.article .formel .xlbox{background:none;padding:0;margin:0 0 12px}
@media(max-width:560px){.article .formel{padding:18px 16px}.article .formel-f{font-size:var(--fs-lg);padding:14px}}
/* Excel-Formeln (.xlbox): je Beispiel eine weiße Karte mit Kurzbeschreibung, Formel und Ergebnis */
.article .xlbox{background:var(--navy-soft);border-radius:20px;padding:16px;display:grid;gap:10px;margin:18px 0 14px}
.article .xl-row{background:transparent;border-radius:0;padding:14px 0;display:grid;gap:8px}
.article .xl-k{font-size:var(--fs-md);font-weight:600;color:var(--head)}
.article .xl-row>code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--fs-md);color:var(--head);background:var(--bg-2);border-radius:8px;padding:8px 12px;justify-self:start;overflow-wrap:anywhere;max-width:100%}
.article .xl-r{font-size:var(--fs-md);line-height:1.55;color:var(--muted)}
.article .xl-r b{color:var(--head);font-weight:700}
.article .xl-r code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--fs-md);background:var(--bg-2);border-radius:6px;padding:1px 6px}
/* Hellblaue Info-Box (.keybox) mit Haken-Liste (.kgrid4, auch .k1): kompakt, auf dem Desktop zweispaltig */
.article .keybox{padding:24px 26px 22px;border-radius:18px;margin:24px 0 12px}
.article .keybox h3{margin-bottom:16px}
/* Box-Titel überall als normale Überschrift, keine Versalien-Kennzeile (DR-437, 25.10.2026) */
.article .keybox>h3{font-size:18px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--head)}
.article .kgrid4,.article .kgrid4.k1{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:16px 32px;margin:0;padding:0}
.article .kgrid4 li,.article .kgrid4 li:nth-child(2),.article .kgrid4.k1 li,.article .kgrid4.k1 li:nth-child(2){display:grid;grid-template-columns:26px 1fr;gap:12px;align-items:start;padding:0;border:0;margin:0}
.article .kgrid4 li::before{content:"";width:26px;height:26px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23147C55' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/13px no-repeat}
.article .kgrid4 b{display:block;font-size:var(--fs-base);font-weight:600;color:var(--head);line-height:1.35;margin:3px 0 3px}
.article .kgrid4 span:not(.kic),.article .kgrid4.k1 span:not(.kic){display:block;font-size:var(--fs-md);line-height:1.55;color:var(--ink)}
.article .kgrid4 span b{display:inline;font-size:inherit;margin:0}
.article .keybox .kgrid4 + p{margin-top:16px}
@media(max-width:700px){.article .keybox{padding:20px 18px}.article .kgrid4,.article .kgrid4.k1{grid-template-columns:1fr;gap:14px}}
/* Variante mit Nummern statt Haken (.kgrid4.num, als <ol>): für Aufzählungen mit Reihenfolge oder fester Anzahl */
.article .kgrid4.num{counter-reset:kn}
.article .kgrid4.num li{counter-increment:kn}
.article .kgrid4.num li::before{content:counter(kn);background:#fff;color:var(--navy);font-size:var(--fs-sm);font-weight:700;display:grid;place-items:center}
/* 26.10.2026: aus lp-/review-/ratgeber-blocks hierher verschoben (stand in allen drei Dateien) */
.srcbox{margin:10px 0 18px;background:var(--bg-2);border-radius:14px}
.srcbox>summary{cursor:pointer;list-style:none;padding:13px 18px;font-size:var(--fs-md);font-weight:600;color:var(--navy);display:flex;align-items:center;gap:8px}
.srcbox>summary::-webkit-details-marker{display:none}
.srcbox>summary:hover{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.srcbox>summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:-4px 0 0 2px;transition:transform .15s}
.srcbox[open]>summary::after{transform:rotate(-135deg);margin-top:3px}
.srcbox .src-l{padding:0 18px 16px;display:grid;gap:12px}
.srcbox .src-i p{margin:0;font-size:var(--fs-md);line-height:1.6;color:var(--muted)}

/* Rechner-Kopf wie Selbst-Check (26.10.2026): Kennzeile + kräftiger Titel, Hinweis darunter */

/* Letzter Schritt grün (Ziel erreicht) — alle Schritt-Listen (26.10.2026) */
.article ol.steps:not(.four) li:last-child::before,.article .keybox ol.steps:not(.flow):not(.four) li:last-child::before,.steps.flow li:last-child::before{background:var(--green-deep);color:#fff}
/* Alle Werkzeug-Köpfe einheitlich (27.10.2026): auch Ratgeber-Rechner (.at-in), Checklisten, Finder */

/* „Das Wichtigste in Kürze“ (.kgrid4.kurz, 27.10.2026): Key-Takeaways-Stil — eine Spalte, kurze Sätze, kleine Navy-Punkte statt Haken; Kernbegriff je Punkt fett (<b>) */
.article .keybox .kgrid4.kurz{grid-template-columns:1fr;gap:10px}
.article .keybox .kgrid4.kurz li{grid-template-columns:7px minmax(0,1fr);gap:14px}
.article .keybox .kgrid4.kurz li::before{width:7px;height:7px;border-radius:50%;background:var(--navy);box-shadow:none}
.article .keybox .kgrid4.kurz li>span{display:block;font-size:var(--fs-base);line-height:1.6;color:var(--ink)}
.article .keybox .kgrid4.kurz li>span a{font-weight:600}
@media(max-width:700px){.article .keybox .kgrid4.kurz li>span{font-size:var(--fs-md)}}
/* Variante A (27.10.2026): Titel mit weißer Icon-Plakette (Blitz), Punkte durch feine Linien getrennt, Kernbegriff fett */
.article .keybox:has(>.kgrid4.kurz)>h3{display:flex;align-items:center;gap:12px}
.article .keybox:has(>.kgrid4.kurz)>h3::before{content:"";flex:none;width:34px;height:34px;border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322418F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7l1-8z'/%3E%3C/svg%3E") center/18px no-repeat}
.article .keybox .kgrid4.kurz{gap:0}
.article .keybox .kgrid4.kurz li{padding:12px 0;border-top:1px solid var(--navy-line)}
.article .keybox .kgrid4.kurz li:first-child{border-top:0;padding-top:4px}
.article .keybox .kgrid4.kurz li:last-child{padding-bottom:2px}
.article .keybox .kgrid4.kurz li::before{margin-top:10px}
.article .keybox .kgrid4.kurz li>span b{display:inline;font-size:inherit;margin:0;font-weight:600;color:var(--head)}
/* „Unsere Einschätzung“ (.take) ohne Foto, „von der Redaktion“ (27.10.2026): Autorin steht in der Byline im Seitenkopf */
.take:not(:has(.take-av)),.article .take:not(:has(.take-av)){grid-template-columns:minmax(0,1fr)}
.take:not(:has(.take-av)) .take-h,.article .take:not(:has(.take-av)) .take-h{grid-column:1}
.take:not(:has(.take-av)) p,.article .take:not(:has(.take-av)) p{grid-column:1}
/* „Das Wichtigste in Kürze“ (27.10.2026, final): Punkte + Trennlinien + fetter Kernbegriff; Icon = Liste statt Blitz (Blitz bleibt interaktiven Tools vorbehalten) */
.article .keybox:has(>.kgrid4.kurz)>h3::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322418F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6h11M9 12h11M9 18h11'/%3E%3Ccircle cx='4.5' cy='6' r='1' fill='%2322418F'/%3E%3Ccircle cx='4.5' cy='12' r='1' fill='%2322418F'/%3E%3Ccircle cx='4.5' cy='18' r='1' fill='%2322418F'/%3E%3C/svg%3E")}
/* Info-Kacheln (.dfgrid, z. B. Trading-Arten) etwas dunkler, damit sie sich vom weißen Grund abheben (27.10.2026) */
.article .dfgrid>div,body .dfgrid>div{background:var(--panel)}
/* „Unsere Einschätzung“ mit AD24-Marke als Absender „von der Redaktion“ (27.10.2026): Navy-Quadrat, „AD“ in Poppins 800, goldener Strich — wie im Logo */
.take .take-h,.article .take .take-h{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:12px;align-items:center}
.take .take-h::before,.article .take .take-h::before{content:"AD";grid-row:1/span 2;width:34px;height:34px;border-radius:10px;background:linear-gradient(var(--gold),var(--gold)) center bottom 7px/15px 2.5px no-repeat,var(--brand-grad);color:#fff;font-family:inherit;font-size:13.5px;font-weight:800;letter-spacing:-.04em;line-height:1;display:grid;place-items:center;padding-bottom:4px;box-sizing:border-box}
.take .take-h b,.article .take .take-h b{display:inline;grid-column:2}
@media(min-width:561px){.take .take-h,.article .take .take-h{display:flex;gap:12px}}
/* „Unsere Einschätzung“ größer (27.10.2026): Titel 16,5 px / 600, Absenderzeile 15 px */
.take .take-h b,.article .take .take-h b{font-size:16.5px;font-weight:600;line-height:1.3;letter-spacing:0}
@media(max-width:560px){.take .take-h b,.article .take .take-h b{font-size:16px}}
/* „Unsere Einschätzung“ ohne Absenderzeile, mit großem weißem Anführungszeichen rechts oben auf allen Seitentypen (27.10.2026) */
.take,.article .take{position:relative;overflow:hidden}
.take::after,.article .take::after{content:"\201C";position:absolute;right:26px;top:14px;font-size:96px;line-height:.8;font-weight:700;color:#fff;opacity:.9;pointer-events:none}
.take p,.article .take p{position:relative;z-index:1}
@media(max-width:560px){.take::after,.article .take::after{display:none}}
.take .take-h::before,.article .take .take-h::before{grid-row:auto}
/* Auswahlfeld in Rechnern — eine Gestaltung für alle Seitentypen (27.10.2026) */
.calc-select{display:block;width:100%;max-width:100%;font:500 var(--fs-md)/1.3 var(--font-body);color:var(--head);background:var(--bg);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:10px 12px;cursor:pointer}
.calc-select:focus-visible{outline:2px solid var(--navy);outline-offset:1px}

/* ---------- Vergleichskarten (.vsg): zwei bis drei Karten nebeneinander (28.10.2026) ----------
   Hülle (Fläche --panel, Radius, Innenabstand) NUR hier. Alle Regeln per :where() ohne Gewicht (Datei wird spät geladen),
   damit Bereichs-Varianten (.es/.rg-tone grün-rot, .rg-two, .rg-text, .v3, .esr) sie feinjustieren können. */
:where(.vsg){display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0 8px}
:where(.vsg)>div{background:var(--panel);border-radius:var(--r-lg);padding:22px 24px}
:where(.vsg) h3{font-size:var(--fs-lg);font-weight:600;line-height:1.3;color:var(--head);margin:0 0 4px}
:where(.vsg) .vfor{font-size:var(--fs-md);color:var(--muted);margin:0 0 12px}
:where(.vsg) .vtag{display:inline-block;font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--navy);background:var(--bg);padding:3px 8px;border-radius:6px;margin-bottom:10px}
:where(.vsg) ul{list-style:none;margin:0;padding:0}
:where(.vsg) li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;font-size:var(--fs-md);line-height:1.5;color:var(--ink);padding:5px 0;margin:0}
:where(.vsg) li .mk{display:inline-grid;margin-top:1px;background:var(--bg)}
:where(.vsg) .vex{margin-top:12px;padding-top:12px;border-top:1px solid var(--line-2);font-size:var(--fs-md);line-height:1.55;color:var(--ink)}
@media(max-width:700px){:where(.vsg){grid-template-columns:1fr}:where(.vsg)>div{padding:18px 16px}}

/* ---------- Irrtum/Realität-Karten (.myth > .mr) (28.10.2026, Variante B) ----------
   Irrtum lavendel getönt oben (--lilac-soft), Realität weiß darunter, feine Rahmenlinie. */
.myth{display:grid;gap:12px;margin:18px 0 8px}
.myth .mr{background:var(--bg);border:1px solid var(--line-2);border-radius:var(--r-lg);overflow:hidden}
.myth .mr .mq,.myth .mr .ma{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;padding:14px 20px}
.myth .mr .mq{background:var(--lilac-soft);font-size:var(--fs-base);font-weight:600;color:var(--head);line-height:1.5}
.myth .mr .ma{font-size:var(--fs-md);line-height:1.6;color:var(--ink)}
.myth .mr .mk{margin-top:1px}
.myth .mr .mq .mk{background:var(--bg)}
.myth .mr .ma .mk{background:var(--green-soft)}
@media(max-width:640px){.myth .mr .mq,.myth .mr .ma{padding:12px 16px}}

/* ---------- Aus Seiten-CSS zusammengeführt (28.10.2026): identische Regeln, die vorher in 2–15 assets/pages/*.css kopiert waren ---------- */
.ctgl-body .vcard{padding:14px 16px 8px}
.ctgl-body .vcard li{font-size:var(--fs-md);padding:6px 0}
.spread p a{font-weight:600}
.card-toggles .ctgl-body>*{border-top:0;border-bottom:0}
.card-toggles .ctgl-body>*+*{margin-top:8px}
.dsc.zs .vd{font-size:var(--fs-sm);color:var(--muted);text-align:center;line-height:1.4;max-width:170px}
.drow .ptag,.drow .feat-tag,.drow .feat-tag span,.drow .dsc .vd,.drow .dc-test .tn{font-weight:400;color:var(--ink)}
article[data-id^="xtb"] .ctgl-body{min-width:0;max-width:100%;box-sizing:border-box}
article[data-id^="xtb"] .krow .kv{min-width:0}
.drow .ctgl-body p.small a{color:inherit;text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:2px}
.drow .ctgl-body p.small a:hover{color:var(--navy);text-decoration-color:currentColor}
article[data-id="etoro"] .ctgl-body{min-width:0;max-width:100%;box-sizing:border-box}
article[data-id="etoro"] .krow .kv{min-width:0}
article[data-id="pepperstone"] .ctgl-body{min-width:0;max-width:100%;box-sizing:border-box}
article[data-id="pepperstone"] .krow .kv{min-width:0;overflow-wrap:anywhere}
article[data-id="cmc-markets"] .ctgl-body{min-width:0;max-width:100%;box-sizing:border-box}
article[data-id="cmc-markets"] .krow .kv{min-width:0;overflow-wrap:anywhere}
.cost-scope{font-size:var(--fs-sm) !important;line-height:1.5 !important;margin:8px 0 !important;color:var(--muted) !important}
.entry-note{font-size:var(--fs-sm) !important;line-height:1.5 !important;color:var(--faint) !important;margin:8px 0 !important}
@media (max-width:760px){
article[data-id="pepperstone"] .krow{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}
article[data-id="pepperstone"] .krow .kv{display:block;text-align:left}
article[data-id="cmc-markets"] .krow{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}
article[data-id="cmc-markets"] .krow .kv{display:block;text-align:left}
}
/* ===== Zusammengeführt (28.10.2026, DR-478/479): identische Regeln aus mehreren Dateien ===== */
.pt span b::before{content:none}
.trio h4{font-size:var(--fs-base);font-weight:600;margin-bottom:4px}
.steps li b{display:block;color:var(--head);font-size:var(--fs-lg);font-weight:600;margin-bottom:2px}
.tip b{color:var(--green-deep);font-weight:600}
.vcard li b{color:var(--head);font-weight:600}
@media (min-width:761px){.cmpsec .segmented{flex-wrap:wrap;overflow:visible}
}
.ztab .neg{color:var(--red-deep)}
.spread{display:grid;grid-template-columns:150px 1fr;gap:6px 22px;align-items:start;background:var(--bg-2);border-radius:var(--r-lg);padding:20px 22px;margin:22px 0 8px}
.spread .sn{font-size:30px;font-weight:700;color:var(--head);line-height:1.1;letter-spacing:-.02em}
.spread .sn small{display:block;font-size:var(--fs-sm);font-weight:500;color:var(--muted);letter-spacing:0;line-height:1.35;margin-top:6px}
.spread p{margin:0;font-size:var(--fs-base);line-height:1.65;color:var(--ink)}
@media (max-width:560px){.spread{grid-template-columns:1fr;padding:18px 16px}
}
.amf-opt.kd small{display:block;font-size:var(--fs-sm);font-weight:400;color:var(--muted);margin-top:1px}
.trio p{font-size:var(--fs-md);color:var(--ink);line-height:1.5}
.qr-top small{display:block;font-size:var(--fs-sm);color:var(--muted)}
.shot .bar span{margin-left:8px;font-size:var(--fs-sm);color:var(--faint)}
.amf-res .qr-alt{margin-top:8px;font-size:var(--fs-md);color:var(--muted)}
.alt p{font-size:var(--fs-base);color:var(--ink);line-height:1.5;margin-bottom:12px}
.relbox h3{font-size:var(--fs-md);margin-bottom:12px;color:var(--head)}
.ad24-sources h3{font-size:var(--fs-base);margin-bottom:10px}
.smcta small{display:block;color:var(--faint);font-size:var(--fs-sm)}
.vsg .vfor{font-size:var(--fs-md);color:var(--muted);margin-bottom:12px}
.vsg ul{list-style:none;margin:0;padding:0}
.vsg li::before{display:none}
.flist{list-style:none;margin:14px 0 8px;padding:0}
.flist li::before{content:"";position:absolute;left:3px;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--navy)}
a.fbtn{color:inherit;text-decoration:none}
.steps li span a,.kgrid4 span a{font-weight:600}
.kgrid4.k1{grid-template-columns:1fr}
.vsg.es .vfor{font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px}
.vsg.es .ok .vfor{color:var(--green-deep)}
.vsg.es .no .vfor{color:var(--red-deep)}
.vsg.es h3{font-size:var(--fs-lg);font-weight:600;color:var(--head);margin:0 0 8px}
.vsg.es .vex{border-top-color:rgba(0,0,0,.08)}
#kosten .mband{margin-top:18px}
#kosten .mband .btn{max-width:100%;white-space:normal;text-align:center}
.nextl{margin:18px 0 8px;border-top:1px solid var(--line)}
.nextl h3{font-size:var(--fs-lg);margin:0;color:var(--head);grid-column:1}
.nextl p{margin:0;font-size:var(--fs-base);line-height:1.6;color:var(--ink);grid-column:1}
.nextl .dc-test{grid-column:2;grid-row:1/3;white-space:nowrap}
.amf-res .qr-top{margin:6px 0 8px}
.amf-res p a{font-weight:600}
.amf-cta .qreset{margin-left:auto}
@media (max-width:560px){.amf-cta .qreset{margin-left:0;flex-basis:100%;text-align:left}
}
.qr-alt a.rec-alt{color:var(--navy);font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.promo .tag.tag-info{background:var(--bg);color:var(--navy)}
.cr:first-child{border-top:0}
.crbar{height:8px;border-radius:99px;background:var(--bg-3);overflow:hidden}
.crbar i{display:block;height:100%;border-radius:99px;background:var(--navy-line)}
.cr.best .crbar i{background:var(--navy)}
.crv small{display:block;font-size:var(--fs-sm);font-weight:500;color:var(--muted)}
.at-read{background:var(--bg);border-radius:var(--r);padding:14px 16px;font-size:var(--fs-md);line-height:1.6;color:var(--ink)}
.at-read .warn{color:var(--red-deep)}
#start .at-sub{font-size:20px;margin:34px 0 4px;color:var(--head)}
.dfgrid p{font-size:var(--fs-md);line-height:1.6;color:var(--ink);margin:0}
.lgy .rverdict .rk svg{width:15px;height:15px}
.kgrid4 b{display:block;font-size:var(--fs-base);font-weight:600;color:var(--head);line-height:1.35;margin-bottom:3px}
.smcta b{color:var(--head);font-size:var(--fs-md)}
@media (max-width:700px){.keybox{padding:18px 16px 6px}
.kgrid4 li{grid-template-columns:28px 1fr;gap:10px;padding:12px 0}
.kgrid4 b{font-size:var(--fs-md)}
.kgrid4 span:not(.kic){font-size:var(--fs-md)}
}
.steps.flow li{position:relative;grid-template-columns:1fr;gap:12px}
@media (max-width:700px){.kgrid4 li{grid-template-columns:1fr}
}
.steps.flow li b{font-size:var(--fs-base);margin-bottom:4px}
.take-h b{color:var(--navy);font-weight:600}
.steps.flow li span{font-size:var(--fs-md);line-height:1.55}
.amf-opt.kd span{display:block}
@media (max-width:760px){.steps.flow{grid-template-columns:1fr;gap:16px;padding:18px 16px}
}
.qr-top b{display:block;font-size:var(--fs-lg);font-weight:600;color:var(--head)}
.amf-res .qr-alt b{color:var(--head);font-weight:600}
@media (max-width:760px){.steps.flow li{grid-template-columns:34px 1fr;gap:14px}
.steps.flow::before{bottom:auto;height:calc(100% - 110px)}
}
.kgrid4.k1 li{grid-template-columns:1fr}
.kgrid4 li{grid-template-columns:1fr;gap:0}
.kgrid4.k1 span:not(.kic){font-size:var(--fs-md)}
.vsg.es>div.ok{background:var(--green-soft)}
.vsg.es>div.no{background:var(--red-soft)}
.vsg.es li{font-size:var(--fs-md)}
.vsg.es li b{color:var(--head);font-weight:600}
.ztab .pos{color:var(--green-deep)}
.spread p b{color:var(--head);font-weight:600}
.hint-note b{color:var(--ink);font-weight:600}
.nextl>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 28px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
@media (max-width:640px){.nextl>div{grid-template-columns:1fr}
}
.vsg .vex b{color:var(--head);font-weight:600}
.flist li{position:relative;padding:0 0 0 20px;margin:0 0 12px;font-size:var(--fs-lg);line-height:1.65;color:var(--ink)}
.flist b{color:var(--head);font-weight:600}
.steps.kd li span{font-size:var(--fs-base)}
.steps.kd li{padding-bottom:4px}
.steps li span b,.kgrid4 span b{display:inline;font-size:inherit;margin:0;line-height:inherit}
.kgrid4.k1 li:nth-child(2){border-top:1px solid var(--navy-line)}
@media (max-width:640px){.nextl .dc-test{grid-column:1;grid-row:auto;justify-content:flex-start}
}
.calc.at .csum .v.neg,.crv.neg{color:var(--red-deep)}
.crv{text-align:right;font-size:var(--fs-md);font-weight:600;color:var(--head);white-space:nowrap;font-variant-numeric:tabular-nums}
.at-read b{color:var(--head);font-weight:600}
.finder .fres b{color:var(--head);font-weight:600}
.vsg.rg-two li b{color:var(--head);font-weight:600}
.dfgrid>div{background:var(--panel);border-radius:var(--r-lg);padding:18px 20px}
.dfgrid .dfmeta b{color:var(--head);font-weight:600}
.article .rg-news li,.rg-news li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;padding:10px 0;margin:0;border-top:1px solid var(--line);font-size:var(--fs-md);line-height:1.6;color:var(--ink)}
.rg-news li:first-child{border-top:0}
@media (max-width:560px){.rg-news{padding:16px 16px 8px}
.article .rg-news li,.rg-news li{grid-template-columns:minmax(0,1fr);gap:2px}
}
.rg-table tr:last-child td{border-bottom:0}
.rg-table td b{color:var(--head);font-weight:600}
.rg-table .neg{color:var(--red-deep);font-weight:600}
/* rg-table: Zusatz in kleiner grauer Zeile unter dem Hauptwert, Zahlenspalten mittig (Tabellen-Regel, 29.10.2026) */
.rg-table td small{display:block;font-size:var(--fs-sm);line-height:1.4;color:var(--muted);margin-top:2px}
.rg-table .c-num{text-align:center}
/* .rg-table.rg-cards: Tabelle passt ohne Querscrollen in die Spalte (feste Spaltenanteile je Seite, keine Silbentrennung, vertikal mittig); mobil jede Zeile als Karte, Spaltenkopf aus data-label (29.10.2026) */
.rg-table.rg-cards{min-width:0;table-layout:fixed}
.rg-cards th,.rg-cards td{vertical-align:middle;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:normal}
@media(max-width:640px){
 .rg-table.rg-cards,.rg-cards tbody{display:block;width:100%}
 .rg-cards thead{display:none}
 .rg-cards tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 14px;padding:14px;border-bottom:1px solid var(--line-soft)}
 .rg-cards tr:last-child{border-bottom:0}
 .rg-table.rg-cards tr>td{display:block;padding:0;border:0;width:auto}
 .rg-cards td::before{content:attr(data-label);display:block;font-size:var(--fs-xs);color:var(--muted);margin-bottom:1px}
 .rg-cards td:first-child{grid-column:1/-1;font-size:var(--fs-base)}
 .rg-cards td:first-child::before{display:none}
 .rg-table.rg-cards td.c-num{text-align:left}
}
.rg-facts .v{font-size:18px;font-weight:700;color:var(--head);margin-top:2px;white-space:nowrap}
.vsg.rg-tone>div.ok{background:var(--green-soft)}
.vsg.rg-tone>div.no{background:var(--red-soft)}
.lgy .qexp b{color:var(--head);font-weight:600}
@media (max-width:640px){.nextl .nl-go{grid-column:1;grid-row:auto;text-align:left}
.nextl .nl-go .dc-test{justify-content:flex-start}
}
.dfgrid:not(.three)>div:last-child:nth-child(odd){grid-column:1/-1}
#finder .amf-res p{font-size:var(--fs-md)}
.ctable td b.neg{color:var(--red-deep)}
.ctgl-body .vsgrid{margin:10px 0 4px;gap:10px}
@media (max-width:760px){.mrow.m3>div:nth-child(2){box-shadow:inset 1px 0 0 var(--line-2)}
}
.mlist p.lever a{font-weight:600}
.ztab .pos,.ztab .neg{font-weight:600}
.chk-b svg{width:14px;height:14px;color:#fff;opacity:0}
@media (min-width:760px){#finder .amf-opts .amf-opt{flex:1 1 0;min-width:0}
}
article:is([data-id="capital-com"],[data-id="admirals"]) .ctgl-body{min-width:0;max-width:100%;box-sizing:border-box}
article:is([data-id="capital-com"],[data-id="admirals"]) .krow .kv{min-width:0;overflow-wrap:anywhere}
@media (max-width:760px){article:is([data-id="capital-com"],[data-id="admirals"]) .krow{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}
article:is([data-id="capital-com"],[data-id="admirals"]) .krow .kv{display:block;text-align:left}
}
.srcbox .src-i b{color:var(--ink);font-weight:600}
.srcbox .src-i a{color:var(--navy);text-decoration:underline;text-decoration-color:var(--navy-line);text-underline-offset:2px}


/* DR-491: lange Sortierwerte dürfen die mobile Vergleichsleiste nicht verbreitern. */
@media(max-width:760px){
  .ftop-right .sdd{min-width:0;max-width:100%}
  .ftop-right .sdd-btn{max-width:100%;white-space:normal;text-align:right}
  .ftop-right .sdd-k{display:none}
  .ftop-right .sdd-v{min-width:0;overflow-wrap:anywhere}
  .ftop-right .sdd-btn .i{flex-shrink:0}
  .mrow .cv .mobile-wrap{white-space:normal}
  .article .prob2 p{overflow-wrap:anywhere;hyphens:auto;-webkit-hyphens:auto}
}

/* Narrow phones: keep long German words and card actions inside the reading column. */
@media (max-width:360px){
  .article{overflow-wrap:anywhere}
  .drow .dc-action{grid-template-columns:minmax(0,1fr)}
  .drow .dc-action .btn,.drow .dc-action .dc-test{grid-column:1/-1}
  .drow .dc-action .dc-test{white-space:normal;flex-wrap:wrap}
}
/* Sitewide privacy component; rendered in a shadow root to isolate page layouts. */
.ad24-privacy-launch,.ad24-privacy-panel{font:400 13px/1.55 Poppins,Arial,sans-serif;color:var(--ink);box-sizing:border-box}
.ad24-privacy-launch{position:fixed;bottom:max(16px,var(--ad24-privacy-clearance,0px));left:16px;z-index:2147483000;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--line-2);border-radius:50%;background:#fffffff2;color:var(--navy);cursor:pointer;box-shadow:0 2px 8px #16203a1a;opacity:.75;transition:opacity .15s,border-color .15s}
.ad24-privacy-launch:hover,.ad24-privacy-launch:focus-visible,.ad24-privacy-launch[aria-expanded="true"]{opacity:1;border-color:var(--navy)}
.ad24-privacy-launch svg{display:block}
.ad24-privacy-panel{position:fixed;bottom:18px;left:18px;z-index:2147483001;width:560px;max-width:calc(100vw - 36px);max-height:75dvh;overflow:auto;overscroll-behavior:contain;padding:22px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 12px 48px #16203a30}
.ad24-privacy-panel{display:flex;flex-direction:column;overflow:hidden}
.ad24-privacy-panel[hidden]{display:none}
.ad24-privacy-copy{overflow:auto;min-height:0;overscroll-behavior:contain}
.ad24-privacy-panel h2{font:700 18px/1.35 Poppins,Arial,sans-serif;color:var(--ink);margin:0 30px 12px 0}
.ad24-privacy-panel p{margin:0 0 12px;font-size:13px;line-height:1.55}
.ad24-privacy-panel a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.ad24-privacy-panel .ad24-privacy-status:empty{display:none}
.ad24-privacy-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex-shrink:0;padding-top:4px}
.ad24-privacy-actions button{font:600 13px/1.4 Poppins,Arial,sans-serif;min-height:44px;border:1px solid var(--navy);border-radius:9px;padding:11px 12px;background:var(--navy);color:#fff;cursor:pointer}
.ad24-privacy-actions button:hover{background:var(--navy-2)}
.ad24-privacy-actions button:disabled{opacity:.65;cursor:wait}
.ad24-privacy-close{position:absolute;right:10px;top:8px;width:36px;height:36px;border:0;border-radius:8px;background:#fff;color:var(--navy);font:24px/1 Arial,sans-serif;cursor:pointer}
.ad24-privacy-panel :focus-visible,.ad24-privacy-launch:focus-visible{outline:3px solid var(--gold-deep);outline-offset:3px}
@media(max-width:600px){.ad24-privacy-launch{bottom:max(calc(84px + env(safe-area-inset-bottom)),var(--ad24-privacy-clearance,0px));left:8px}.ad24-privacy-panel{left:10px;bottom:calc(10px + env(safe-area-inset-bottom));max-width:calc(100vw - 20px);padding:18px}.ad24-privacy-actions{grid-template-columns:1fr}.ad24-privacy-panel h2{font-size:17px}}

/* DR-518: visible CFD disclosures, outside collapsible details. */
.ad24-cfd-warning{grid-column:1/-1;flex-basis:100%;margin:12px 0 0;padding:10px 0 0;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;color:var(--faint);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.ad24-cfd-warning b,.ad24-cfd-warning strong{font-weight:500}
.ad24-cfd-warning a{color:inherit;text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:2px}
.ad24-cfd-warning a:hover,.ad24-cfd-summary a:hover{color:var(--navy);text-decoration-color:currentColor}
/* Full disclosures follow the hero; compact rail summaries link to this visible text. */
.introband .ad24-cfd-warning{margin:0 0 20px;scroll-margin-top:100px}
.ad24-cfd-summary{margin:10px 0 0;padding:0;border:0;color:var(--faint);font-size:12px;line-height:1.5}
.ad24-cfd-summary strong{font-weight:500}
.ad24-cfd-summary a{display:inline;color:inherit;text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:2px}
/* A disclosure is part of the comparison row, without a second framed card. */
.drow > .ad24-cfd-warning,.amf-res > .ad24-cfd-warning{margin:4px 0 0;padding:10px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}

/* The Finder already provides a coloured container; risk results need no nested card. */
#finder .amf-res:has(> .ad24-cfd-warning){padding:20px 0 0;border-radius:0;background:transparent}
.amf-res > .ad24-cfd-warning{margin-top:12px}

/* DR-536: metrics and tool outputs belong to their parent, without nested cards. */
main .drow .mrow,main .drow.top .mrow{background:transparent;border-radius:0;box-shadow:none}
main .fit.lgy :is(.calc-card,.res-card,.gout),
main :is(.cfd-model,.fx-model) .cm-summary{background:transparent;border-radius:0;box-shadow:none}

/* CFD/Forex summaries are part of the cost model, without an extra white card. */
.article :is(.cfd-model,.fx-model) .cm-summary{background:transparent;border:0;border-radius:0;padding:18px 20px 6px;margin-top:24px}

/* DR-537: keep sidebar scores inside the card padding, even with long provider names. */
.railcard .rc-top{display:grid;grid-template-columns:30px minmax(0,1fr) max-content;gap:10px}
.railcard .rc-top>div{min-width:0}
.railcard .rc-name{white-space:normal;overflow-wrap:anywhere}
.railcard .rc-score{margin-left:0;justify-self:end}

/* Noten-Label ohne Plakette, nur Text (31.10.2026) */
.dc-score .nw,.dsc .nw,.rec-score .nw,.verdict .vscore .lbl,.verdict .vscore .lbl.is-off,.rating .rsum .lbl,.ct-note span,.card-badges .badge.b-note{background:none;padding:0;border-radius:0}
/* Mobile reading width: one outer gutter instead of nested shell/wrap padding. */
@media(max-width:640px){
  .shell{padding-left:16px;padding-right:16px}
  .shell .maincol .wrap{padding-left:0;padding-right:0}
}

/* Mobile comparison filter: stay near the thumb, clear of the comparison tray. */
@media(max-width:980px){
  .ffab{left:auto;right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));transform:translateY(16px);box-shadow:0 3px 10px rgba(20,34,75,.10)}
  .ffab.on{transform:translateY(0)}
  body.cbar-on .ffab{bottom:calc(150px + env(safe-area-inset-bottom))}
}

/* DR-549: light pointer hover without shifting comparison cards. */
@media (hover:hover) and (pointer:fine){
  .drow:hover{
    background:color-mix(in srgb,var(--card) 96.5%,var(--navy));
    border-color:#9eb4e4;
    box-shadow:0 0 0 1px #9eb4e4,0 12px 28px rgba(34,65,143,.08);
  }
  .drow.top:hover{
    background:color-mix(in srgb,var(--card) 96.5%,var(--gold));
    border-color:var(--gold);
    box-shadow:0 0 0 1px var(--gold),0 12px 28px rgba(34,65,143,.08);
  }
  .drow:has(.cmpc:checked):hover{
    border-color:var(--navy);
    box-shadow:0 0 0 1px var(--navy),0 12px 28px rgba(34,65,143,.08);
  }
}

/* DR-548 (31.10.2026, Variante B): interaktive Blöcke (Mini-Finder .finder, Finder/Quiz/Selbst-Check .fit)
   mit hellblauem Leuchten hervorheben. Hintergrund bleibt; „body“/#finder-Selektoren nötig, weil Bereichsdateien (lp-/review-/ratgeber-blocks) später .fit{border:0} setzen. */
:root{--tool-glow-line:#8EB4F8;--tool-glow-sel:#5B8DEF;--tool-glow:rgba(110,160,245,.22)}
body .finder{border:1.5px solid var(--tool-glow-line);box-shadow:0 0 0 7px var(--tool-glow),0 10px 30px rgba(20,34,75,.06)}
body .fit,body #finder .fit{border:1.5px solid var(--tool-glow-line);box-shadow:0 0 0 4px rgba(110,160,245,.16),0 8px 24px rgba(20,34,75,.05)}
.finder .fbtn:hover,.fit .amf-opt:hover,#finder .fit .amf-opt:hover,.fit .qopt:hover{border-color:var(--tool-glow-line);box-shadow:0 0 0 4px var(--tool-glow)}
.finder .fbtn.active,.fit .amf-opt[aria-pressed="true"],#finder .fit .amf-opt[aria-pressed="true"]{border-color:var(--tool-glow-sel);box-shadow:0 0 0 4px var(--tool-glow)}

/* Keep the fixed comparison labels at the edge during horizontal touch overscroll. */
@media(max-width:760px){
  .cmodal .ctwrap{overscroll-behavior-x:none}
}

/* Shared provider overview tables: desktop columns, compact mobile rows. */
.ad24-provider-wrap{margin:22px 0 12px;padding:0;background:var(--bg);border:1px solid var(--navy-line);border-radius:18px;box-shadow:0 1px 2px rgba(20,34,75,.04),0 6px 20px rgba(20,34,75,.06);overflow-x:auto}
table:is(.ctable,.rg-table).ad24-provider-table{table-layout:auto;border-collapse:collapse;width:100%;min-width:620px;margin:0;border:0;font-size:var(--fs-md)}
table:is(.ctable,.rg-table).ad24-provider-table--wide{min-width:1080px}
table:is(.ctable,.rg-table).ad24-provider-table :is(th,td){width:auto;min-width:0;padding:12px;vertical-align:middle;white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:manual;-webkit-hyphens:manual;line-height:1.45;font-variant-numeric:tabular-nums;border:0;border-bottom:1px solid var(--line-2)}
table:is(.ctable,.rg-table).ad24-provider-table thead th{background:var(--bg-3);color:var(--ink);font-size:var(--fs-sm);font-weight:600;text-transform:none;letter-spacing:0;text-align:left}
table:is(.ctable,.rg-table).ad24-provider-table tbody tr:last-child>*{border-bottom:0}
table:is(.ctable,.rg-table).ad24-provider-table :is(th,td):first-child{min-width:190px;padding-left:18px}
table:is(.ctable,.rg-table).ad24-provider-table .ad24-provider-name{font-weight:600;font-size:var(--fs-md);color:var(--head);text-align:left;text-transform:none;letter-spacing:0}
table:is(.ctable,.rg-table).ad24-provider-table .ad24-provider-brand{display:flex;align-items:center;gap:10px;min-width:0;text-align:left}
table:is(.ctable,.rg-table).ad24-provider-table .ad24-provider-brand img{display:block;flex:0 0 36px;width:36px;height:36px;max-width:none;max-height:none;object-fit:contain}
table:is(.ctable,.rg-table).ad24-provider-table .ad24-provider-brand>span{min-width:0}
table:is(.ctable,.rg-table).ad24-provider-table .ad24-provider-name a{font-weight:600;color:var(--head);text-decoration:none}
table:is(.ctable,.rg-table).ad24-provider-table .ad24-provider-name a:hover{color:var(--navy);text-decoration:underline}
table:is(.ctable,.rg-table).ad24-provider-table .ad24-provider-score{font-weight:700;white-space:nowrap;background:transparent;border-radius:0;color:var(--head)}
table:is(.ctable,.rg-table).ad24-provider-table td small{display:block;font-size:12px;line-height:1.4;font-weight:400;color:var(--muted);margin-top:2px}
@media(max-width:860px){
 table:is(.ctable,.rg-table).ad24-provider-table,table:is(.ctable,.rg-table).ad24-provider-table tbody{display:block;min-width:0;width:100%}
 table:is(.ctable,.rg-table).ad24-provider-table thead{display:none}
 table:is(.ctable,.rg-table).ad24-provider-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;padding:18px 16px;margin:0;border:0;border-bottom:1px solid var(--navy-line);border-radius:0;background:transparent}
 table:is(.ctable,.rg-table).ad24-provider-table tbody tr:last-child{border-bottom:0}
 table:is(.ctable,.rg-table).ad24-provider-table tbody :is(th,td){display:block;position:static;grid-column:auto;grid-row:auto;width:auto;min-width:0;max-width:100%;padding:0;border:0;background:transparent;text-align:left;font-size:16px;line-height:1.45}
 table:is(.ctable,.rg-table).ad24-provider-table td:not(.ad24-provider-name){hyphens:manual;-webkit-hyphens:manual;overflow-wrap:normal}
 table:is(.ctable,.rg-table).ad24-provider-table td::before{content:attr(data-l);display:block;max-width:none;margin:0 0 3px;color:var(--muted);font-size:12px;font-weight:400;line-height:1.4;text-align:left}
 table:is(.ctable,.rg-table).ad24-provider-table td>span{text-align:left}
 table:is(.ctable,.rg-table).ad24-provider-table .ad24-provider-name{grid-column:1/-1;grid-row:1;align-self:center;font-size:16px}
 table:is(.ctable,.rg-table).ad24-provider-table .ad24-provider-name::before{display:none}
 table:is(.ctable,.rg-table).ad24-provider-table--rated .ad24-provider-name{padding-right:66px}
 table:is(.ctable,.rg-table).ad24-provider-table .ad24-provider-score{grid-column:2;grid-row:1;justify-self:end;align-self:center;display:flex;align-items:baseline;gap:6px;padding:0;line-height:1.3;color:var(--navy)}
 table:is(.ctable,.rg-table).ad24-provider-table .ad24-provider-score::before{display:inline;margin:0;color:var(--navy);font-size:11px;font-weight:500}
 table:is(.ctable,.rg-table).ad24-provider-table .ad24-provider-detail{grid-column:1/-1;padding-top:10px;border-top:1px solid var(--line-2);font-size:14px}
 table:is(.ctable,.rg-table).ad24-provider-table--rates tbody tr{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:12px}
 table:is(.ctable,.rg-table).ad24-provider-table--rates .ad24-provider-rate{font-size:14px}
}

/* 01.11.2026: sichtbare neutrale Flächen nur für kleine Labels und Bedienelemente.
   Zustände bleiben spezifischer; Karten und Abschnittsflächen verwenden weiterhin --bg-2. */
:where(.fbtn,.lgy .opt,.lgy .gradio label,.lgy .tcpill.off,.rg-tabs .tabs,.lgy .gfield input[type=text],.lgy .gfield input[type=date],.lgy #f_datum){background:var(--control-bg)}
:where(.fbtn:hover,.lgy .opt:hover,.lgy .gradio label:hover){background:var(--control-hover)}

/* 01.11.2026: Kartenfuß auch mit längeren Beschriftungen stabil anordnen. */
@media(max-width:700px){
  .drow .card-toggles{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;column-gap:6px}
  .drow .card-toggles .ctgl{min-width:0;text-align:left;justify-content:flex-start}
  .drow .card-toggles .ctgl .i{flex:none;width:12px;height:12px}
  .drow .card-toggles .cmpchk{white-space:nowrap;grid-column:3}
  .drow .card-toggles .ctgl-body{grid-column:1 / -1}
}
@media(min-width:421px) and (max-width:700px){
  .drow .card-toggles{column-gap:4px;padding-inline:8px}
  .drow .card-toggles .ctgl{gap:2px}
  .drow .card-toggles .ctgl .i{width:10px;height:10px}
}
@media(max-width:420px){
  .drow .card-toggles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .drow .card-toggles .cmpchk{grid-column:1 / -1}
}

/* 01.11.2026: Anbieter-Tabellen – beim Hover die ganze Zeile tönen (Notenzelle blieb weiß) */
@media(min-width:861px){table:is(.ctable,.rg-table).ad24-provider-table tbody tr:hover>*{background:var(--bg-2)}}

/* 01.11.2026: breite Anbieter-Übersichten in der verfügbaren Textspalte halten. */
@media(min-width:861px){
 table:is(.ctable,.rg-table).ad24-provider-table--fit{table-layout:fixed;min-width:0;--fit-col-1:24%}
 table:is(.ctable,.rg-table).ad24-provider-table--fit :is(th,td){min-width:0;padding:10px 6px;hyphens:manual;-webkit-hyphens:manual;overflow-wrap:normal}
 table:is(.ctable,.rg-table).ad24-provider-table--fit :is(th,td):first-child{min-width:0;padding-left:12px;hyphens:manual;-webkit-hyphens:manual}
 .ad24-provider-table--fit.ft7{--fit-col-1:24%;--fit-col-2:10%;--fit-col-3:10%;--fit-col-4:10%;--fit-col-5:10%;--fit-col-6:12%;--fit-col-7:24%}
 .ad24-provider-table--fit.plat8{--fit-col-1:24%;--fit-col-2:14%;--fit-col-3:8.5%;--fit-col-4:8.5%;--fit-col-5:10%;--fit-col-6:13%;--fit-col-7:12%;--fit-col-8:10%}
 .ad24-provider-table--fit.plat8.fx{--fit-col-1:23%;--fit-col-2:14%;--fit-col-3:8.5%;--fit-col-4:8.5%;--fit-col-5:9%;--fit-col-6:10%;--fit-col-7:14%;--fit-col-8:13%}
 .tscroll>table.ctable.ad24-provider-table.ad24-provider-table--fit :is(th,td):nth-child(1){width:var(--fit-col-1,19%)}
 .tscroll>table.ctable.ad24-provider-table.ad24-provider-table--fit :is(th,td):nth-child(2){width:var(--fit-col-2,19%)}
 .tscroll>table.ctable.ad24-provider-table.ad24-provider-table--fit :is(th,td):nth-child(3){width:var(--fit-col-3,19%)}
 .tscroll>table.ctable.ad24-provider-table.ad24-provider-table--fit :is(th,td):nth-child(4){width:var(--fit-col-4,19%)}
 .tscroll>table.ctable.ad24-provider-table.ad24-provider-table--fit :is(th,td):nth-child(5){width:var(--fit-col-5,19%)}
 .tscroll>table.ctable.ad24-provider-table.ad24-provider-table--fit :is(th,td):nth-child(6){width:var(--fit-col-6,19%)}
 .tscroll>table.ctable.ad24-provider-table.ad24-provider-table--fit :is(th,td):nth-child(7){width:var(--fit-col-7,19%)}
 .tscroll>table.ctable.ad24-provider-table.ad24-provider-table--fit :is(th,td):nth-child(8){width:var(--fit-col-8,19%)}
}

/* 01.11.2026: Plattform-Matrizen nur an Wortgrenzen umbrechen (z. B. „auf Anfrage“). */
table:is(.ctable,.rg-table).ad24-provider-table--fit.plat8 :is(th,td){overflow-wrap:normal;word-break:normal;hyphens:manual;-webkit-hyphens:manual}

/* 01.11.2026: Tabellen erben keine beliebigen Wortumbrüche aus dem Artikel. */
body :is(.article,.cmodal) table:not(.calc table) :is(th,td){overflow-wrap:normal;word-break:normal}

@media(max-width:860px){
 table.ad24-provider-table.open5 td:nth-child(2),
 table.ad24-provider-table--conditions td:nth-child(4){grid-column:1/-1}
}

@media(min-width:861px){
 .tscroll>table.ctable.ad24-provider-table--fit:not(.plat8){table-layout:auto}
 .tscroll>table.ctable.ad24-provider-table.ad24-provider-table--fit:not(.plat8) :is(th,td):nth-child(n){width:auto}
}
@media(max-width:360px){
 table.ad24-provider-table:not(.ad24-provider-table--rates) td:not(.ad24-provider-score){grid-column:1/-1}
 .tscroll>table.ztab:not(.ad24-provider-table) td{flex-wrap:wrap}
}