/* lp-depot-vergleich: seitenspezifische Styles (aus Inline ausgelagert, 27.10.2026). Gemeinsames gehört in die assets/ad24-*.css. */
/* v4.41: Restliche Linien raus – Blöcke im Aufklapp-Bereich ohne Ober-/Unterkante, Kennzahlen-Band auch mobil ohne Linienraster */

/* v4.88: Finder – Anbieter-Links in Alternativen */
.qr-alt a.rec-alt:hover{text-decoration-thickness:2px}
.qr-top small{font-size:var(--fs-md)}
.amf-res .qr-alt{color:var(--ink)}
#finder .fit .ft{font-size:21px}
@media(min-width:760px){#finder .amf-opts.q3 .amf-opt{flex:1 1 calc(50% - 4px)}#finder .amf-opts:not(.q3) .amf-opt{flex:1 1 0;min-width:0}}
/* XTB verified panels */

/* eToro verified panels */

/* v4.39: Quellen-Zeile in Karten-Panels */
.drow .ctgl-body p.small{font-size:var(--fs-sm);line-height:1.5;color:var(--muted);font-weight:400;border-top:1px solid var(--line);padding-top:10px;margin-top:10px}

.drow .mrow .cv small{display:block;margin-top:3px;font-size:var(--fs-sm);font-weight:500;color:var(--muted)}
@media(max-width:760px){.drow[data-id="captrader"] [data-panel="kosten"] .krow{display:block}.drow[data-id="captrader"] [data-panel="kosten"] .kl,.drow[data-id="captrader"] [data-panel="kosten"] .kv{display:block;text-align:left}.drow[data-id="captrader"] [data-panel="kosten"] .kv,.drow[data-id="captrader"] [data-panel="kosten"] .kv small{display:block;margin-top:4px}}
/* Die 5 besten: einzelne Karten statt Liste mit Linien, Testsieger weiß mit Goldrahmen */
#top5 .recs{border:0;border-radius:0;overflow:visible;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:24px}
#top5 .recs>li{min-width:0}
#top5 .rec{background:#fff;border:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:18px;padding:20px 22px;box-shadow:0 1px 2px rgba(20,34,75,.04),0 6px 18px rgba(20,34,75,.05);transition:box-shadow .18s,transform .18s,border-color .18s}
#top5 .rec:last-child{border-bottom:1px solid var(--line)}
#top5 .rec.top{background:#fff;border:1.5px solid var(--gold)}
#top5 .rec.top .rec-rk{background:var(--gold);color:var(--on-gold)}
@media(hover:hover){#top5 .rec:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(20,34,75,.10);border-color:var(--navy-line)}#top5 .rec.top:hover{border-color:var(--gold)}}
#top5 .rec-logo{border-color:var(--line)}
#top5 .rec-n{display:block;font-size:18px;font-weight:600}
#top5 .rec-tag{display:block;margin-top:2px;font-size:var(--fs-md);font-weight:500;color:var(--navy)}
#top5 .rec-main p{font-size:var(--fs-md);line-height:1.55;margin-top:6px}
#top5 .rec-score .nn{font-size:30px}
#top5 .rec-score .nw{font-size:var(--fs-sm);font-weight:600;letter-spacing:0;text-transform:none;padding:3px 10px;border-radius:7px}
#top5 .rec-act{gap:8px}
#top5 .rec-act .btn{padding:11px 16px;font-size:var(--fs-md)}
@media(max-width:900px){#top5 .rec{padding:16px;grid-template-columns:28px 88px minmax(0,1fr) auto}}
/* Kosten: 2x2 graue Info-Kacheln, Wert als Plakette */
#ratgeber .plist{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 10px;border:0}
#ratgeber .plist>div{display:grid;grid-template-columns:1fr auto;align-items:baseline;align-content:start;gap:6px 16px;background:var(--bg-2);border:0;border-radius:16px;padding:18px 20px}
#ratgeber .plist dd{grid-column:2;grid-row:1;margin:0;color:var(--navy);font-size:var(--fs-base);font-weight:700;white-space:nowrap}
#ratgeber .plist dt{font-size:var(--fs-lg)}
#ratgeber .plist dt span{margin-top:0}
#ratgeber .plist dt{display:contents}#ratgeber .plist dt b{grid-column:1;grid-row:1}#ratgeber .plist dt span{grid-column:1/-1;grid-row:2}
/* Für wen: klickbare Karten */
#ratgeber .alist{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 10px;border:0}
#ratgeber .alist li{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:0 1px 2px rgba(20,34,75,.04),0 6px 18px rgba(20,34,75,.05);transition:box-shadow .18s,border-color .18s,transform .18s}
#ratgeber .alist p{font-size:var(--fs-md);line-height:1.55}
#ratgeber .alist p b{display:block;font-size:var(--fs-lg);margin-bottom:2px}
#ratgeber .alist button,#ratgeber .alist a{background:var(--navy-soft);color:var(--navy);padding:7px 12px;border-radius:9px;font-size:var(--fs-md);font-weight:600;text-decoration:none}
#ratgeber .alist button::after,#ratgeber .alist a::after{content:"";position:absolute;inset:0}
@media(hover:hover){#ratgeber .alist li:hover{transform:translateY(-2px);border-color:var(--navy-line);box-shadow:0 14px 32px rgba(20,34,75,.10)}#ratgeber .alist li:hover button,#ratgeber .alist li:hover a{background:var(--navy);color:#fff;text-decoration:none}}
@media(max-width:640px){#ratgeber .plist,#ratgeber .alist{grid-template-columns:1fr}#ratgeber .plist>div{display:grid}}
/* So eröffnen Sie ein Depot: vertikale Zeitleiste */
#ratgeber .steps.flow{display:grid;grid-template-columns:1fr;gap:0;background:none;padding:0;margin:22px 0 18px}
#ratgeber .steps.flow::before{display:none}
#ratgeber .steps.flow li{position:relative;display:grid;grid-template-columns:40px 1fr;gap:18px;background:none;border-radius:0;padding:0 0 26px}
#ratgeber .steps.flow li:last-child{padding-bottom:0}
#ratgeber .steps.flow li::before{width:40px;height:40px;border-radius:50%;background:var(--navy-soft);color:var(--navy);font-size:var(--fs-base);font-weight:700;box-shadow:none;position:relative;z-index:1}
#ratgeber .steps.flow li:first-child::before{background:var(--navy);color:#fff}
#ratgeber .steps.flow li:last-child::before{background:var(--green-deep);color:#fff}
#ratgeber .steps.flow li:not(:last-child)::after{content:"";position:absolute;left:19px;top:46px;bottom:6px;width:2px;border-radius:2px;background:var(--navy-line)}
#ratgeber .steps.flow li b{display:block;font-size:var(--fs-lg);margin:8px 0 4px}
#ratgeber .steps.flow li span{font-size:var(--fs-base);line-height:1.6;max-width:560px}
#ratgeber .steps.flow li span a{font-weight:600}

/* Additional space for the eight-column fee overview. */
@media(min-width:861px){
 .ad24-cost-detail thead th:nth-child(2){min-width:60px}
 .ad24-cost-detail thead th:nth-child(3){min-width:75px}
 .ad24-cost-detail thead th:nth-child(4){min-width:120px}
 .ad24-cost-detail thead th:nth-child(5),.ad24-cost-detail thead th:nth-child(6){min-width:100px}
 .ad24-cost-detail thead th:nth-child(7){min-width:170px}
 .ad24-cost-detail thead th:nth-child(8){min-width:220px}
}

/* 01.11.2026: Übersichtstabelle „alle 17 Depots“ – 6 Spalten, passt ohne Seitwärtsscrollen in die Textspalte */
@media(min-width:861px){
  table.ad24-provider-table.ov17{table-layout:fixed;min-width:0}
  table.ad24-provider-table.ov17 :is(th,td):nth-child(1){width:27%}
  table.ad24-provider-table.ov17 :is(th,td):nth-child(2){width:9%}
  table.ad24-provider-table.ov17 :is(th,td):nth-child(3){width:11%}
  table.ad24-provider-table.ov17 :is(th,td):nth-child(4){width:19%}
  table.ad24-provider-table.ov17 :is(th,td):nth-child(5){width:17%}
  table.ad24-provider-table.ov17 :is(th,td):nth-child(6){width:17%}
  table.ad24-provider-table.ov17 :is(th,td):not(:first-child){padding-left:8px;padding-right:8px}
  table.ad24-provider-table.ov17 :is(th,td):first-child{min-width:0}
}
@media(max-width:860px){table.ad24-provider-table.ov17 td.c-num:not(.ad24-provider-score){text-align:left}}