/* ===== Fondsdepot v6 (tabelle11.php, ?debug11=1) – Ergänzungen zu v6/css/v5.css =====
   Konzept 64-fonds-v6/05-konzept.md, Bauprotokoll 06-bau.md. Gleiche Tokens wie v5 (--blue, --navy, --line …), keine neue Bildsprache.
   Teil A: Alex' Korrekturen vom 21.10. aus v5/css/v5.css (nach dem Kopieren dort ergänzt, hier nachgezogen).
   Teil B: v6. */

/* ---------- A  Rechner: Rendite-Komponente (Alex 21.10.): Linie „eingezahlt“, Fläche Wertentwicklung, Depotwert als Balken eingezahlt + Wertentwicklung ---------- */
#v5-chart .c-ein { stroke: var(--muted); stroke-width: 2; stroke-dasharray: 6 5; fill: none; }
#v5-chart .c-rend { fill: rgba(19, 49, 138, .09); stroke: none; }
#v5-chart .c-lab--ein { fill: var(--muted); font-weight: 600; }
#v5-chart text.c-lab--ein { paint-order: stroke; stroke: #fff; stroke-width: 5px; stroke-linejoin: round; }
.v5-leg--ein::before { border-top: 2px dashed var(--muted); }
.v5-leg--rend::before { width: 16px; height: 12px; border: 0; background: rgba(19, 49, 138, .16); }
.v5-bilanz__zeile { margin-bottom: 12px; }
.v5-bilanz__kopf { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 2px 12px; margin: 0 0 4px !important; font-size: var(--fs-s) !important; }
.v5-bilanz__kopf strong { white-space: nowrap; margin-left: auto; }
.v5-bilanz__mehrtext { margin: 4px 0 0 !important; text-align: right; font-size: var(--fs-s) !important; font-weight: 700; color: var(--blue) !important; }
.v5-bilanz__mehrtext[hidden] { display: none; }
.v5-bilanz__zeile:first-of-type .v5-bilanz__kopf strong { color: var(--blue); }
.v5-bilanz__balken { display: flex; height: 30px; border-radius: 3px; overflow: hidden; font-size: calc(14px * var(--v5sk, 1)); font-weight: 700; line-height: 30px; }
.v5-bilanz__s { display: block; flex: none; height: 100%; min-width: 0; overflow: hidden; white-space: nowrap; transition: width .25s; }
.v5-bilanz__s > span { display: inline-block; padding: 0 8px; vertical-align: top; }
.v5-bilanz__s.is-eng > span { color: transparent; }
.v5-bilanz__ein { background: #dfe3ea; color: var(--ink); }
.v5-bilanz__rend--tri { background: var(--blue); color: #fff; }
.v5-bilanz__rend--grau { background: #6b727c; color: #fff; }
.v5-bilanz__mehr { background: #fff; color: var(--blue); box-shadow: inset 0 0 0 2px var(--blue); border-radius: 0 3px 3px 0; background-image: repeating-linear-gradient(135deg, transparent 0 5px, rgba(19, 49, 138, .07) 5px 9px); text-align: right; }
.v5-bilanz__leg { display: flex; flex-wrap: wrap; gap: 4px 20px; margin: 2px 0 0 !important; font-size: var(--fs-s) !important; color: var(--text); }
.v5-bilanz__leg > span { display: inline-flex; align-items: center; gap: 6px; }
.v5-bilanz__leg .v5-zerl__farbe { display: inline-block; }
.v5-bilanz__leg .v5-zerl__farbe + .v5-zerl__farbe { margin-left: -3px; }
@media (prefers-reduced-motion: reduce) { .v5-bilanz__s { transition: none; } }
.v5-rechner > .v5-jt { grid-column: 1 / -1; margin: 0 32px 30px; }
@media (max-width: 991px) { .v5-rechner > .v5-jt { margin: 0 20px 24px !important; } .v5-ein-zelle { order: 2; } }

/* ---------- B1 Hero: ein Knopf, Kontaktzeile Dieter, Plakettenzeile, Logozeile (Desktop) ---------- */
.v6 .v5-hero { padding-bottom: 0; }
.v6 .v5-hzahl { margin-bottom: 26px; }
.v6 .v5-hero__cta { margin: 0 0 22px !important; }
.v6-kontaktzeile { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.v6-kontaktzeile img { width: 96px; height: 96px; border-radius: 6px; object-fit: cover; flex: none; }
.v6-kontaktzeile p { margin: 0 !important; display: flex; flex-direction: column; line-height: 1.35 !important; min-width: 0; }
.v6-kontaktzeile strong { font-family: var(--serif); font-weight: 600; font-size: calc(21px * var(--v5sk, 1)); }
.v6-kontaktzeile__rolle { font-size: var(--fs-s); color: var(--muted); font-weight: 600; }
.v6-kontaktzeile__q { font-size: var(--fs-s); color: var(--text); }
.v6-kontaktzeile .v5-btn { margin-left: 4px; }
.v6-kontaktzeile .v5-btn .v5-i { color: #2e7d32; }
.v6-kontaktzeile .v5-btn:hover .v5-i, .v6-kontaktzeile .v5-btn:focus .v5-i { color: #fff; }
.v6-hero__belege { padding-top: 40px; padding-bottom: 44px; }
.v6 .v6-plaketten { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; max-width: none; margin: 0; }
.v6 .v6-plaketten li.v5-plakette { padding: 8px 10px 8px 8px; min-width: 0; align-items: center; }
.v6 .v6-plaketten .v5-plakette__wert { min-width: 52px; }
.v6 .v6-plaketten .v5-plakette__txt { hyphens: manual; overflow-wrap: normal; }
.v6 .v6-plakette--link a { display: flex; align-items: center; gap: 10px; color: inherit; text-decoration: none; width: 100%; }
.v6 .v6-plakette--link a:hover .v5-plakette__txt strong, .v6 .v6-plakette--link a:focus .v5-plakette__txt strong { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.v6 .v6-plakette--link { border-color: #b9c7ea !important; }
.v6-plaketten .v5-lupe__btn { width: 26px; height: 26px; margin: -4px 0 -4px -2px; }
.v6-plaketten .v5-lupe__btn .v5-i { width: 18px; height: 18px; }
.v6-logozeile { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 18px 40px; margin: 28px 0 0 !important; padding-top: 22px; border-top: 1px solid var(--line); }
.v6-logozeile .v6-logo { height: 26px; width: auto; max-width: 150px; object-fit: contain; filter: grayscale(1); opacity: .72; }
.v6-beleg-lupe { display: inline; }
.v6 .v5-beleg__aa dt { flex-wrap: wrap; }
.v6 .v5-beleg__aa .v5-lupe__btn { width: 26px; height: 26px; margin: -6px 0 -6px 2px; }
.v6 .v5-beleg__aa .v5-lupe__btn .v5-i { width: 18px; height: 18px; }
@media (min-width: 992px) {
  .v6 .v5-hero__cta { display: block; margin-right: 0; }
}
@media (max-width: 1180px) and (min-width: 992px) {
  .v6 .v6-plaketten .v5-plakette__txt { font-size: calc(14px * var(--v5sk, 1)); }
}
@media (max-width: 991px) {
  .v6 .v5-hero__grid { gap: 18px; grid-template-columns: minmax(0, 1fr); }
  .v6 .v5-schein { width: 100%; min-width: 0; }
  .v6 .v5-schein > * { min-width: 0; }
  .v6 .v5-kicker { order: 1; } .v6 .v5-hero h1 { order: 2; } .v6 .v5-schein { order: 3; }
  .v6 .v5-hzahl { display: contents; }
  .v6 .v5-hzahl__z { order: 4; margin: 0 !important; padding: 2px 0 2px 14px; border-left: 4px solid var(--blue); }
  .v6 .v5-hero__cta { order: 5; margin: 0 !important; }
  .v6 .v5-hzahl__bsp { order: 6; }
  .v6 .v6-kontaktzeile { order: 7; }
  .v6 .v5-hzahl__betrag { font-size: calc(clamp(32px, 9vw, 44px) * var(--v5sk, 1)); }
  .v6-kontaktzeile { gap: 12px; }
  .v6-kontaktzeile img { width: 48px; height: 48px; }
  .v6-kontaktzeile strong { font-size: calc(18px * var(--v5sk, 1)); }
  .v6-kontaktzeile .v5-btn { margin-left: 0; width: 100%; }
  .v6-logozeile { display: none !important; }
  .v6-hero__belege { padding-top: 24px; padding-bottom: 32px; }
  .v6 .v6-plaketten { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .v6 .v6-plaketten li.v5-plakette, .v6 .v6-plakette--link a { flex-direction: column; align-items: flex-start; gap: 6px; }
  .v6 .v6-plaketten li.v5-plakette { padding: 8px; }
}
@media (max-width: 600px) {
  .v6 .v6-plaketten .v5-plakette__txt { font-size: calc(14px * var(--v5sk, 1)); }
}
@media (max-width: 400px) {
  .v6 .v6-plaketten { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---------- B2 Weiche: Faktenzeile, Bankzeichen, Verb als Knopf ---------- */
.v6-wk-fakten { display: grid; gap: 4px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); font-size: var(--fs-s); line-height: 1.4; color: var(--ink); }
.v6-wk-fakten__dt { display: inline-block; min-width: 4.6em; color: var(--muted); font-weight: 600; }
.v6-wk-logos { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin-top: 12px; min-height: 22px; }
.v6-wk-logos .v6-logo--klein { height: 15px; width: auto; max-width: 64px; object-fit: contain; filter: grayscale(1); opacity: .75; }
.v6 .v5-wegkarte__mehr { align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; margin-top: 16px; padding: 10px 18px; min-height: 44px; border-radius: 6px; background: var(--blue); color: #fff; text-decoration: none; }
.v6 .v5-wegkarte__link:hover .v5-wegkarte__mehr, .v6 .v5-wegkarte__link:focus .v5-wegkarte__mehr { background: var(--blue-d); }
.v6 .v5-wegkarte__satz { flex: 0 0 auto; }
.v6 .v5-wegkarte__link .v6-wk-logos { margin-top: auto; padding-top: 12px; }
.v6 .v5-weg__sicher strong { color: var(--ink); }
.v6-gabel--figur { position: relative; }
.v6-figur { display: none; }
@media (min-width: 992px) { .v6-figur { display: block; position: absolute; left: 0; top: -70px; width: 150px; height: auto; } }

/* ---------- B3 Wege: Kurzfassung, Schritte mit „Danach“, Sicherheitszeile, Kurzstimme, Bankkarten, Knopfebene ---------- */
.v6 .v5-wegsec.is-zu .v5-wegsec__zu .v5-btn { white-space: nowrap; }
.v6-schritte--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
@media (max-width: 1100px) { .v6-schritte--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .v6-schritte--4 { grid-template-columns: 1fr; } }
.v5-schritte > li.v6-danach { counter-increment: none; }
.v5-schritte > li.v6-danach::before { content: none; }
.v6-danach__pikt { position: absolute; left: -4px; top: -6px; width: 44px; height: 44px; border-radius: 50%; background: var(--light); display: flex; align-items: center; justify-content: center; }
.v6-danach__pikt svg { width: 34px; height: 28px; }
/* Copy 22.10.: Punkte in der Umzugs-Lupe (Spans statt ul, weil die Lupe ein span ist) */
.v6-lpunkt { display: block; position: relative; padding-left: 16px; }
.v6-lpunkt + .v6-lpunkt { margin-top: 6px; }
.v6-lpunkt::before { content: ""; position: absolute; left: 2px; top: .62em; width: 6px; height: 6px; border-radius: 50%; background: var(--blue); }
/* Copy 22.10.: mobil lief eine offene Lupe in den Schritten rechts aus dem Bild (inline-block wuchs neben dem letzten Wort auf Erklärbreite, 412 px: bis 428 bzw. 529 px).
   Offen wird die Lupe inline, die Erklärung steht dann als eigener Block in voller Spaltenbreite unter der Zeile. */
@media (max-width: 767px) { .v5-schritte .v5-lupe:has(> .v5-lupe__pop:not([hidden])) { display: inline; } }
.v6-analyse { display: block; margin-top: 6px !important; font-weight: 600 !important; }
.v6-fakten__voll { grid-column: 1 / -1; padding-left: 0 !important; border-left: 0 !important; border-top: 1px solid var(--line); }
.v6-sicher { display: flex; align-items: center; gap: 16px; max-width: 920px; margin: 36px 0 22px !important; padding: 14px 20px; background: var(--surface); border-radius: 8px; }
.v6-sicher__bild { flex: none; width: 56px; height: 44px; }
.v6-sicher__bild svg { width: 56px; height: 44px; display: block; }
.v6-sicher strong { color: var(--ink); }
.v6-sicher a { font-weight: 600; white-space: nowrap; }
.v6-kurzstimme { margin: 0 0 34px; padding: 2px 0 2px 20px; border-left: 3px solid var(--blue); max-width: 820px; }
.v6 .v6-kurzstimme blockquote { margin: 0 0 10px; padding: 0; border: 0; background: none; font-size: inherit; quotes: none; }
.v6 .v6-kurzstimme blockquote::before, .v6 .v6-kurzstimme blockquote::after { content: none; }
.v6 .v6-kurzstimme blockquote p { margin: 0 !important; font-family: var(--serif); font-size: calc(clamp(19px, 1.6vw, 22px) * var(--v5sk, 1)); line-height: 1.45; color: var(--ink); }
.v6-kurzstimme figcaption { display: flex; align-items: center; gap: 12px; font-size: var(--fs-s); color: var(--muted); line-height: 1.4; }
.v6-kurzstimme figcaption img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; flex: none; }
.v6-kurzstimme figcaption strong { color: var(--ink); }
.v6-kurzstimme figcaption a { font-weight: 600; }
.v6-mono { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; border-radius: 50%; background: var(--blue); color: #fff; font-family: var(--sans); font-size: calc(13px * var(--v5sk, 1)); font-weight: 700; letter-spacing: .06em; line-height: 1; }
.v6-mono--g { width: 56px; height: 56px; font-size: calc(15px * var(--v5sk, 1)); }
.v6-bwahl .v5-steuer__label { margin-top: 4px !important; }
.v6-chips { margin-bottom: 4px; }
.v6-bkarten { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; margin: 16px 0 10px; align-items: stretch; }
.v6-bkarten--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 940px; }
.v6-bkarte { position: relative; display: flex; flex-direction: column; gap: 4px; min-width: 0; padding: 18px 16px 16px; background: #fff; border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 1px 2px rgba(15, 36, 83, .05); }
.v6-bkarte.is-empfohlen { border: 2px solid var(--blue); padding: 17px 15px 15px; box-shadow: 0 8px 24px rgba(15, 36, 83, .12); }
.v6-bkarte.is-ihre { box-shadow: 0 0 0 4px var(--light); }
/* Filter 21.10.: Bedarfs-Chip markiert alle passenden Karten, die übrigen abgeblendet (wie im Bankvergleich, Text bleibt ≥ 4,5:1) */
.v6-bkarte.is-an { border-color: var(--blue); }
.v6-bkarte.is-aus { background: #f4f5f7; box-shadow: none; }
.v6-bkarte.is-aus .v6-bkarte__n, .v6-bkarte.is-aus .v6-bkarte__d, .v6-bkarte.is-aus .v6-bkarte__preis { color: #5a6068 !important; }
.v6-bkarte.is-aus .v6-bkarte__logo img, .v6-bkarte.is-aus .v6-bkarte__logo svg { filter: grayscale(1); opacity: .45; }
.v6-bkarten { overflow-anchor: none; }
.v6-bkarte__band { margin: -17px -15px 10px !important; padding: 7px 12px; background: var(--blue); color: #fff !important; font-size: var(--fs-s) !important; font-weight: 700; line-height: 1.35 !important; border-radius: 8px 8px 0 0; }
.v6-bkarte__band[hidden] { display: none; }
.v6-bkarte__logo { display: flex; align-items: center; height: 34px; margin-bottom: 6px; }
.v6-bkarte__logo .v6-logo { height: 28px; width: auto; max-width: 130px; object-fit: contain; }
.v6-bkarte__n { margin: 0 !important; font-weight: 700; color: var(--ink) !important; line-height: 1.3 !important; }
.v6-bkarte__d { margin: 0 !important; font-size: var(--fs-s) !important; line-height: 1.4 !important; color: var(--text) !important; }
.v6-bkarte__preis { margin: 6px 0 12px !important; font-size: var(--fs-s) !important; line-height: 1.35 !important; }
.v6-bkarte__preis strong { font-family: var(--serif); font-size: calc(22px * var(--v5sk, 1)); font-weight: 600; }
.v6-bkarte__preis .v6-bkarte__preis-text { font-family: var(--sans); font-size: var(--fs-s); }
.v6 .v6-bkarte__knopf { margin-top: auto; padding: 10px 6px; gap: 6px; }
.v6-bkarte.is-empfohlen .v6-bkarte__knopf { background: var(--blue); color: #fff; }
.v6-bkarte.is-empfohlen .v6-bkarte__knopf:hover, .v6-bkarte.is-empfohlen .v6-bkarte__knopf:focus { background: var(--blue-d); border-color: var(--blue-d); color: #fff; }
.v6-bkarte .v5-kz { margin-top: 6px; }
.v6-bkarten--wechsel .v6-bkarte__n { margin-bottom: 12px !important; }
@media (max-width: 991px) { .v6-bkarten { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) { .v6-bkarten, .v6-bkarten--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .v6-bkarte { padding: 14px 12px 12px; } .v6-bkarte.is-empfohlen { padding: 13px 11px 11px; } .v6-bkarte__band { margin: -13px -11px 8px !important; } }
@media (max-width: 400px) { .v6-bkarten, .v6-bkarten--3 { grid-template-columns: 1fr; } }
.v6-gross { margin: 18px 0 0 !important; max-width: 72ch; }
.v6-hilfe { display: grid; gap: 12px; margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--line); }
.v6-hilfe__wer { display: flex; align-items: center; gap: 10px; margin: 0 !important; font-weight: 600; color: var(--ink) !important; }
.v6-hilfe__wer img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; flex: none; }
.v6-knoepfe { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 !important; }
.v6-knoepfe .v5-btn .v5-i { color: inherit; }
.v6 .v6-hilfe + .v5-wende__teilen { margin-top: 14px !important; }
.v6 .v5-banken .v6-hilfe { margin-top: 12px; padding-top: 0; border-top: 0; }

/* ---------- B4 Rechner: Stufe Fondstausch, Depotgebühr-Anzeige, Basis, Navy-Raute ---------- */
.v6-umfang { border: 0; margin: 12px 0 0; padding: 0; min-width: 0; }
.v6-umfang legend { display: block; width: auto; margin: 0 0 4px; padding: 0; border: 0; font-size: var(--fs-s); font-weight: 600; color: var(--ink); line-height: 1.4; }
.v5-feld .v6-umfang label { display: inline-flex; justify-content: flex-start; align-items: center; gap: 6px; margin: 0 16px 0 0; min-height: 36px; font-weight: 400; color: var(--text); white-space: nowrap; }
.v6-umfang input[type=radio] { width: 18px; height: 18px; margin: 0; accent-color: var(--blue); }
.v5 input[type=range]:disabled { opacity: .35; cursor: not-allowed; }
.v6-gebuehr { display: inline-flex; align-items: center; gap: 2px; margin: -6px 0 16px !important; padding: 3px 6px 3px 14px; border-radius: 999px; background: #e6f2ea; color: #1f4d2e !important; font-size: var(--fs-s) !important; font-weight: 700; }
.v6-gebuehr[hidden] { display: none; }
.v6-zerl-basis { display: block; padding-left: 20px; color: var(--muted); }
#v5-chart .c-q { fill: var(--navy); stroke: #fff; stroke-width: 1.5; }
.v5-leg--q::before { width: 9px; height: 9px; border: 0; background: var(--navy); transform: rotate(45deg); margin: 0 3px; }
@media (max-width: 991px) { .v6-gebuehr { order: 1; margin: 10px 20px 0 !important; align-self: flex-start; justify-self: start; } }

/* ---------- B5 Sicherheit, Haken ---------- */
.v6-sicherheit { align-items: center; }
.v6-sicherheit .v5-sp > p { max-width: 60ch; }
.v6 #sicherheit h2 { margin-bottom: 32px; }
.v6 #haken h2 { max-width: 34ch; margin-bottom: 40px; }
/* Kostenskala: alle Werte mittig über ihrer Marke, Achse eingerückt; schmal nur jeder zweite Wert (Konzept 2.5 „600 €700 €“) */
.v6 .v5-skala__achse { margin: 22px 26px 0; }
.v6 .v5-skala__werte { padding: 0 16px; }
.v6 .v5-skala__werte li, .v6 .v5-skala__werte li:first-child, .v6 .v5-skala__werte li:last-child { align-items: center; }
@media (max-width: 600px) { .v6 .v5-skala__werte li:nth-child(2), .v6 .v5-skala__werte li:nth-child(4), .v6 .v5-skala__werte li:nth-child(7) { visibility: hidden; } }
@media (max-width: 400px) { .v6 .v5-skala__werte li:nth-child(3), .v6 .v5-skala__werte li:nth-child(5) { visibility: hidden; } }
.v6-haken-box { margin-top: 0 !important; }
.v6 .v6-haken { grid-template-columns: 1fr; gap: 26px; }
.v6 .v6-haken dd a { font-weight: 600; white-space: nowrap; }

/* ---------- B6 Bankvergleich: eine Aktionsspalte im Verb des Wegs, ebase als eine Zeile ---------- */
.v6-tab .v5-c-bank { width: 21%; } .v6-tab .v5-c-preis { width: 14%; } .v6-tab .v5-c-depot { width: 21%; } .v6-tab .v5-c-spar { width: 12%; } .v6-c-akt { width: 32%; }
.v6-fuer { display: none; }
.v6 .v6-fuer--neu { display: block; }
.v6[data-weg="wechsel"] .v6-fuer--neu, .v6[data-weg="uebertrag"] .v6-fuer--neu { display: none; }
.v6[data-weg="wechsel"] .v6-fuer--wechsel, .v6[data-weg="uebertrag"] .v6-fuer--uebertrag { display: block; }
.v6-th-akt .v6-fuer { display: none !important; }
.v6 .v6-th-akt .v6-fuer--neu { display: inline !important; }
.v6[data-weg="wechsel"] .v6-th-akt .v6-fuer--neu, .v6[data-weg="uebertrag"] .v6-th-akt .v6-fuer--neu { display: none !important; }
.v6[data-weg="wechsel"] .v6-th-akt .v6-fuer--wechsel, .v6[data-weg="uebertrag"] .v6-th-akt .v6-fuer--uebertrag { display: inline !important; }
.v6-td-akt .v5-akt { background: var(--blue); color: #fff; }
.v6-td-akt .v5-akt:hover, .v6-td-akt .v5-akt:focus { background: var(--blue-d); border-color: var(--blue-d); color: #fff; }
.v6-kz--kein { text-align: left !important; }
.v6-preis--var { display: block; min-height: calc(2.9em); }
.v6-depot { display: block; }
.v6-depot + .v6-depot { margin-top: 8px; }
/* 22.10.: .v6-steuer { grid-template-columns: 1fr; } entfernt – Weg-Umschalter und Filter stehen wieder nebeneinander wie in v5 (v5.css .v5-steuer, mobil untereinander) */
@media (max-width: 991px) {
  .v6-tab .v6-td-akt { grid-column: 1 / -1 !important; padding-bottom: 16px !important; }
  .v6-preis--var { min-height: 0; display: inline; }
  .v6-preis--var + .v6-preis--var::before { content: " / "; font-weight: 400; color: var(--muted); }
  .v6-kz--kein { text-align: left; }
}

/* ---------- B7 Kundenstimmen mit Trustlocal-Widget im rechten Drittel ---------- */
.v6-stimmen__grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 40px; align-items: start; }
.v6-stimmen__haupt { min-width: 0; }
.v6-trustlocal { min-width: 0; max-width: 100%; overflow: hidden; margin-top: 104px; background: #fff; border: 1px solid #d3ddef; border-radius: 10px; padding: 16px; }
.v5 .v5-stimmen__tab .v6-mono { width: 44px; height: 44px; }
@media (max-width: 991px) { .v6-stimmen__grid { grid-template-columns: 1fr; gap: 24px; } .v6-trustlocal { margin-top: 0; } }
@media (max-width: 400px) { .v6-trustlocal { padding: 0; border: 0; background: none; } .v6-trustlocal .trustoo-widget { zoom: .9; } }
/* 320 px: Kaufschein wie am Desktop übereinander versetzt statt zweier zu schmaler Spalten */
@media (max-width: 360px) {
  .v6 .v5-schein { display: block; }
  .v6 .v5-schein .v5-beleg { width: 94%; }
  .v6 .v5-schein .v5-beleg--tri { margin: -6px 0 0 auto; }
}

/* ---------- B8 Schluss: E-Mail, Depotanalyse, Plakettenzeile, gewählter Weg hervorgehoben ---------- */
.v6-kontakt__knoepfe { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 !important; }
.v5 .v6-btn--hell-line { background: transparent; border-color: rgba(255, 255, 255, .85); color: #fff; }
.v5 .v6-btn--hell-line:hover, .v5 .v6-btn--hell-line:focus { background: rgba(255, 255, 255, .12); border-color: #fff; color: #fff; }
.v6[data-weg="neu"] .v5-kontakt__wege li[data-weg="neu"] a,
.v6[data-weg="wechsel"] .v5-kontakt__wege li[data-weg="wechsel"] a,
.v6[data-weg="uebertrag"] .v5-kontakt__wege li[data-weg="uebertrag"] a { border-bottom: 2px solid #fff; padding-left: 14px; box-shadow: inset 4px 0 0 #fff; font-weight: 600; }
.v6-kontakt__belege { grid-column: 1 / -1; padding-top: 8px; border-top: 1px solid rgba(255, 255, 255, .25); }
.v6-kontakt__belege .v6-plaketten { padding-top: 24px; }
.v5 .v5-kontakt .v6-plaketten li.v5-plakette { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .25) !important; }
.v5 .v5-kontakt .v6-plaketten .v5-plakette__wert { background: #fff; color: var(--navy); }
.v5 .v5-kontakt .v6-plaketten .v5-plakette__txt { color: #dce6f7; }
.v5 .v5-kontakt .v6-plaketten .v5-plakette__txt strong { color: #fff; }
@media (max-width: 860px) { .v6-kontakt__belege { grid-column: auto; } }

/* ===== C  Korrekturrunde v6k (64-fonds-v6/08-korrektur.md) ===== */

/* K2 Keine zweite Wegwahl: eingeklappte Wege sind ganz ausgeblendet (vorher Kurzzeile „Weg x von 3 · Diesen Weg ansehen“); noscript zeigt alle */
.v6 .v5-wegsec.is-zu { display: none; }

/* K5 Rollen-Satz höchstens zweimal sichtbar: nach der Wahl trägt ihn die Sicherheitszeile im Weg, an der Weiche entfällt er */
.v6[data-weg="neu"] .v5-weg__sicher, .v6[data-weg="wechsel"] .v5-weg__sicher, .v6[data-weg="uebertrag"] .v5-weg__sicher { display: none; }

/* K10 Hero: große Summe als fette Zeile unter dem Beispiel */
.v6-hgross { margin: 10px 0 0 !important; font-size: var(--fs-s) !important; line-height: 1.45 !important; color: var(--ink) !important; max-width: 52ch; }
@media (max-width: 991px) { .v6 .v6-hgross { order: 6; margin: -8px 0 0 !important; max-width: none; } }

/* K15 Plaketten: Wert über dem Text, höchstens zwei Textzeilen, nichts über den Rand; mobil 2-2-1 */
.v6 .v6-plaketten li.v5-plakette, .v6 .v6-plakette--link a { flex-direction: column; align-items: flex-start; gap: 6px; }
.v6 .v6-plaketten li.v5-plakette { padding: 10px 12px; min-height: 0; overflow: hidden; }
.v6 .v6-plaketten .v5-plakette__wert { height: 32px; min-width: 0; padding: 0 10px; font-size: calc(16px * var(--v5sk, 1)); }
.v6 .v6-plaketten .v5-plakette__txt { min-width: 0; max-width: 100%; overflow-wrap: break-word; }
.v6 .v6-plaketten .v5-plakette__txt strong { display: inline-flex; align-items: center; gap: 2px; }
@media (max-width: 991px) {
  .v6 .v6-plaketten { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v6 .v6-plaketten li.v5-plakette:last-child { grid-column: 1 / -1; }
}
@media (max-width: 400px) { .v6 .v6-plaketten { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* K14 Kaufschein mobil: keine Silbentrennung im Label, Farbquadrat in der Zeile, Betrag rechts */
@media (max-width: 991px) {
  .v6 .v5-beleg__aa { flex-wrap: wrap; }
  .v6 .v5-beleg__aa dt { display: block; flex: 1 1 auto; min-width: 0; hyphens: none; }
  .v6 .v5-beleg__aa dt .v5-q { display: inline-block; vertical-align: -.1em; margin-right: .35em; }
  .v6 .v5-beleg__aa dt > span:not(.v5-q):not(.v5-lupe) { display: inline; }
  .v6 .v5-beleg__aa dd { margin-left: auto; }
}

/* K16 Kostenskala: breitere Spalte am Desktop, unter 1181 px nur jeder zweite Wert (wie mobil) */
@media (min-width: 992px) { .v6 .v5-rkopf { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
@media (max-width: 1180px) { .v6 .v5-skala__werte li:nth-child(2), .v6 .v5-skala__werte li:nth-child(4), .v6 .v5-skala__werte li:nth-child(7) { visibility: hidden; } }

/* K17 Gabel-Linien sofort vollständig (keine Strichanimation mehr, die im Bild halb gezeichnet stehen bleiben konnte) */
.v6.v5-fx-on .v5-gabel.v5-fx .v5-gabel__linien path, .v6 .v5-gabel__linien path { stroke-dasharray: none !important; stroke-dashoffset: 0 !important; animation: none !important; }

/* K19 Bankzeichen an der Weiche: eine Zeile, gleiche optische Höhe, mobil lesbar */
.v6 .v6-wk-logos { flex-wrap: nowrap; gap: 8px; }
.v6 .v6-wk-logos .v6-logo--klein { flex: 0 1 auto; min-width: 0; height: 16px; max-width: 19%; }
@media (max-width: 991px) { .v6 .v6-wk-logos { flex-wrap: wrap; gap: 10px 16px; } .v6 .v6-wk-logos .v6-logo--klein { height: 22px; max-width: 30%; } }

/* K3 Depotanalyse als Angebot unter den Schritten (mit X-Ray-Grafik in Weg 2) */
.v6-angebot { display: grid; grid-template-columns: 1fr; gap: 18px; align-items: center; max-width: 920px; margin: 4px 0 8px; padding: 16px 20px; background: var(--surface); border-radius: 8px; }
.v6-angebot:has(.v6-angebot__bild) { grid-template-columns: 200px minmax(0, 1fr); }
.v6-angebot__bild svg { display: block; width: 100%; height: auto; }
.v6-angebot p { margin: 0 !important; }
.v6-angebot .v6-analyse { display: inline; margin: 0 0 0 4px !important; }
@media (max-width: 600px) { .v6-angebot:has(.v6-angebot__bild) { grid-template-columns: 1fr; } .v6-angebot__bild svg { max-width: 200px; } }
.v6-zwei-x--allein { grid-template-columns: 1fr; }
.v6-zwei-x--allein .v5-zwei { max-width: 820px; }
.v6-zwei-x--allein .v5-zwei__cols { max-width: 820px; }
.v6 .v5-wegsec .v5-schritte--quer { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 860px) { .v6 .v5-wegsec .v5-schritte--quer { grid-template-columns: 1fr; } }

/* K8 Depotgebühr-Satz über den Bankkarten; K22 Bewertungszahl an der Kurzstimme */
.v6-bwahl__gebuehr { margin: 0 0 14px !important; max-width: 72ch; }
.v6-bewertung { margin: 8px 0 0 !important; font-size: var(--fs-s) !important; }
.v6-bewertung a { font-weight: 600; }
.v6-bewertung .v5-i { width: 1em; height: 1em; vertical-align: -.15em; }

/* K7 Empfehlung im Bankvergleich: Band in der Bankzelle, gefüllter Knopf nur dort, sonst Kontur */
.v6-tband { display: inline-block; margin: 0 0 8px !important; padding: 4px 10px; border-radius: 6px; background: var(--blue); color: #fff !important; font-size: var(--fs-s) !important; font-weight: 700; line-height: 1.35 !important; }
.v6-tband[hidden] { display: none; }
.v6:not([data-weg="wechsel"]) .v6-td-akt .v5-akt { background: #fff; color: var(--blue); }
.v6:not([data-weg="wechsel"]) .v6-td-akt .v5-akt:hover, .v6:not([data-weg="wechsel"]) .v6-td-akt .v5-akt:focus { background: var(--blue); color: #fff; }
.v6:not([data-weg="wechsel"]) #v5-tabelle tr.is-empfohlen .v6-td-akt .v5-akt { background: var(--blue); color: #fff; }
.v6:not([data-weg="wechsel"]) #v5-tabelle tr.is-empfohlen .v6-td-akt .v5-akt:hover { background: var(--blue-d); }
/* Filter 21.10. (Alex: „Depot für mein Kind“ wirkte, als sei nur eine Bank gewählt): passende Zeilen weiß, übrige grau und abgeblendet (v5.css tr.is-aus).
   22.10.: Abschnitt jetzt auf Weiß wie v5, dadurch ist der Unterschied klar. Kein Scroll-Anker in der Tabelle, damit der gedrückte Chip nicht springt. */
#v5-tabelle tr.is-an > * { background: #fff; }
#v5-tabelle { overflow-anchor: none; }
#v5-tabelle tr.is-empfohlen > * { background: #f3f6fd; }

/* ===== 22.10. Bankvergleich (64-fonds-v6/20-varianten-22-10.md) ===== */
/* Logos mit eigenem weißen Grund (MorgenFund, comdirect): auf den grauen, abgeblendeten Zeilen kein weißer Kasten */
#v5-tabelle .v5-logo img { mix-blend-mode: multiply; }
/* „kein Mindestbetrag“: „Mindestbetrag“ als Block in die zweite Zeile, weiches Trennzeichen nur, wenn es nicht passt (v5.css setzt hyphens: none) */
.v6-tab .v5-td-spar { hyphens: manual; -webkit-hyphens: manual; }
.v6-wort { display: inline-block; max-width: 100%; }
/* Ohne Weg zwei gleich starke Konturknöpfe nebeneinander, darüber die zwei v5-Köpfe; mit Weg nur dessen Knopf */
.v6-akt { display: block; }
.v6-th-ohne { display: none; }
.v6[data-weg=""] .v6-akt { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 10px; align-items: start; }
.v6[data-weg=""] .v6-akt .v6-fuer--wechsel { display: block; }
.v6[data-weg=""] .v6-th-akt .v6-fuer--neu { display: none !important; }
.v6[data-weg=""] .v6-th-ohne { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 10px; align-items: end; }
.v6[data-weg=""] .v6-th-ohne > span { text-align: center; }
.v6[data-weg=""] #v5-tabelle tr.is-empfohlen .v6-fuer--wechsel .v5-akt { background: #fff; color: var(--blue); }
.v6[data-weg=""] #v5-tabelle tr.is-empfohlen .v6-fuer--wechsel .v5-akt:hover { background: var(--blue); color: #fff; }
/* Spaltenbreiten: ohne Weg mehr Platz für zwei Knöpfe; Sparplan 15 % (vorher 12 %), damit „Mindestbetrag“ bei 14 px ungetrennt passt */
.v6-tab .v5-c-bank { width: 20%; } .v6-tab .v5-c-preis { width: 14%; } .v6-tab .v5-c-depot { width: 19%; } .v6-tab .v5-c-spar { width: 15%; }
.v6-c-akt { width: 32%; }
.v6[data-weg=""] .v6-tab .v5-c-bank { width: 17%; }
.v6[data-weg=""] .v6-tab .v5-c-preis { width: 13%; }
.v6[data-weg=""] .v6-tab .v5-c-depot { width: 17%; }
.v6[data-weg=""] .v6-c-akt { width: 38%; }
@media (max-width: 991px) {
  .v6[data-weg=""] .v6-akt { gap: 0 8px; }
  .v6[data-weg=""] .v6-akt .v5-kz { text-align: left; }
}

/* ===== 22.10. folge=a: Abschnitt „Gibt es meinen Fonds dort?“ (Weiß, v1-Grafik steht fest auf Weiß) ===== */
.v6-fsuche__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 56px; align-items: center; }
.v6-fsuche__liste { list-style: none; margin: 24px 0 22px !important; padding: 0 !important; border-top: 1px solid var(--line); }
.v6-fsuche__liste li { margin: 0 !important; padding: 0 !important; border-bottom: 1px solid var(--line); }
.v6-fsuche__liste li::before { content: none !important; }
.v6-fsuche__liste a { display: grid; grid-template-columns: 120px minmax(0, 1fr) auto; align-items: center; gap: 6px 18px; min-height: 56px; padding: 10px 4px; color: var(--ink); text-decoration: none; }
.v6-fsuche__logo { display: flex; align-items: center; height: 32px; }
.v6-fsuche__logo .v6-logo { max-width: 112px; max-height: 30px; width: auto; height: auto; object-fit: contain; }
.v6-fsuche__n { font-weight: 700; line-height: 1.3; }
.v6-fsuche__link { color: var(--blue); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.v6-fsuche__liste a:hover .v6-fsuche__link, .v6-fsuche__liste a:focus .v6-fsuche__link { color: var(--blue-d); text-decoration-thickness: 2px; }
.v6-fsuche__ausnahme { max-width: 62ch; margin: 0 !important; }
.v6-fsuche__bild { margin: 0; }
.v6-fsuche__bild img { display: block; width: 100%; max-width: 440px; height: auto; margin: 0 auto; }
@media (max-width: 860px) {
  .v6-fsuche__grid { grid-template-columns: 1fr; gap: 28px; }
  .v6-fsuche__bild img { max-width: 300px; }
}
@media (max-width: 480px) {
  .v6-fsuche__liste a { grid-template-columns: 96px minmax(0, 1fr); }
  .v6-fsuche__logo .v6-logo { max-width: 92px; }
  .v6-fsuche__link { grid-column: 2; }
}

/* ===== 22.10. grafik=wechsel: v1-Grafik im Weg „Trigonus eintragen“ (weiße Fläche, Seitenverhältnis bleibt) ===== */
.v6-wgrafik { margin: 8px 0 28px; max-width: 820px; }
.v6-wgrafik img { display: block; width: 100%; height: auto; }

/* K13 Depotanalyse im Schluss nicht bei Weg 1 (setzt den Vermittlereintrag voraus) */
.v6[data-weg="neu"] [data-herkunft="v6-kontakt-analyse"] { display: none; }

/* K18 Sicherheit: Bank im Bild, Text oben bündig, keine Leerfläche unter der H2 */
.v6 #sicherheit .v6-sicherheit { align-items: start; }
.v6 #sicherheit .v5-pyr { min-height: 0; }
.v6 #sicherheit h2 { margin-bottom: 24px; }
.v6-sicher-bank { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 0 0 12px !important; padding-bottom: 12px; border-bottom: 1px dashed var(--line); font-size: var(--fs-s) !important; }
.v6-sicher-bank__bild svg { display: block; width: 48px; height: 48px; }
.v6-sicher-bank strong { display: block; color: var(--ink); }

/* K23 Kundenstimmen: Höhe folgt dem sichtbaren Schreiben */
.v6 .v5-stimmen--js .v5-stimmen__panels { overflow: hidden; transition: height .3s ease; }
.v6 .v5-stimmen--js .v5-stimmen__panels > .v5-stimme { align-self: start; }

/* K29 Schluss: Kundenstimme auf dunklem Grund statt zweiter Plakettenzeile */
.v6-kontakt__belege .v6-kurzstimme { margin: 24px 0 8px; border-left-color: #fff; max-width: 900px; }
.v6 .v6-kontakt__belege .v6-kurzstimme blockquote p { color: #fff; }
.v6-kontakt__belege .v6-kurzstimme figcaption, .v6-kontakt__belege .v6-kurzstimme figcaption strong { color: #dce6f7; }
.v6-kontakt__belege .v6-kurzstimme a { color: #fff; }

/* ===== Fix 21.10. (Alex) ===== */
/* Sprungziele: Abstand zum feststehenden Kopf als scroll-margin-top; v5.js setzt --v6-kopf (Kopfhöhe + 15 px wie v1), Werte hier nur ohne JS */
.v5.v6 [id] { scroll-margin-top: var(--v6-kopf, 80px); }
@media (max-width: 767px) { .v5.v6 [id] { scroll-margin-top: var(--v6-kopf, 15px); } }

/* Hero-Nebenlinks wieder unter dem Haupt-CTA (Wortlaut und Ziele wie v5) */
.v6 .v5-hero__links { display: flex; flex-direction: row; flex-wrap: wrap; gap: 6px 28px; margin: -10px 0 22px !important; }
@media (max-width: 991px) {
  .v6 .v5-hero__links { order: 5; gap: 4px 22px; margin: -6px 0 0 !important; }
}

/* Bug „Ihr Weg · Trigonus eintragen“: Der Knopf war inline-flex, dadurch wurden „Ihr Weg · “, „Trigonus “ und „eintragen ↓“ drei Flex-Elemente mit 8 px Lücke;
   im gewählten Zustand schrumpfte „Ihr Weg ·“ und brach in sich um („Ihr / Weg ·“). Jetzt fließt der Knopftext als normale Zeile, „Ihr Weg ·“ bricht nicht in sich. */
.v6 .v5-wegkarte__mehr { display: inline-block; gap: 0; line-height: 1.45; text-align: left; }
.v6 .v5-wegkarte__ihr { white-space: nowrap; }
/* Gewählt: „Ihr Weg“ als kleine Zeile über dem Verb (passt bei jeder Breite, statt „Ihr Weg · Trigonus“ / „eintragen“ umzubrechen) */
.v6 .v5-wegkarte.is-gewaehlt .v5-wegkarte__ihr { display: block; font-size: .8em; font-weight: 600; line-height: 1.3; letter-spacing: .02em; opacity: .85; }
.v6 .v6-ihr-trenner { display: none; }
/* Gewählt: Rahmen bleibt 1 px (zweiter Pixel als Innenschatten), sonst wird die Karte 2 px schmaler, der Text bricht neu um und die Karte springt in der Höhe (1280 px: 582 → 613 px) */
.v6 .v5-wegkarte.is-gewaehlt .v5-wegkarte__link { border-width: 1px; border-color: var(--blue); box-shadow: inset 0 0 0 1px var(--blue), inset 0 4px 0 var(--blue); }

/* Weichenkarten mobil kompakter: Bild links neben Titel und Fachwort, weniger Innenabstand, Fakten mit hängendem Einzug, Bankzeichen kleiner */
@media (max-width: 860px) {
  .v6 .v5-wegkarte { padding: 10px 0 14px 16px; }
  .v6 .v5-knoten { left: -30px; }
  .v6 .v5-wegkarte__antwort { margin-bottom: 6px !important; }
  .v6 .v5-wegkarte__link { display: grid; grid-template-columns: 48px minmax(0, 1fr); column-gap: 12px; row-gap: 2px; align-items: start; padding: 14px 14px 14px; }
  .v6 .v5-wegkarte__pikt { grid-row: 1 / span 2; width: 48px; height: 39px; margin: 2px 0 0; }
  .v6 .v5-wegkarte__pikt svg { width: 48px; height: 39px; }
  .v6 .v5-wegkarte__h { grid-column: 2; font-size: calc(19px * var(--v5sk, 1)); }
  .v6 .v5-wegkarte__fach { grid-column: 2; }
  .v6 .v5-wegkarte__satz, .v6 .v6-wk-fakten, .v6 .v5-wegkarte__link .v6-wk-logos, .v6 .v5-wegkarte__mehr { grid-column: 1 / -1; }
  .v6 .v5-wegkarte__satz { margin-top: 8px; line-height: 1.45; }
  .v6 .v6-wk-fakten { margin-top: 8px; padding-top: 8px; gap: 2px; }
  .v6 .v6-wk-fakten > span { display: grid; grid-template-columns: 4.6em minmax(0, 1fr); column-gap: .4em; }
  .v6 .v6-wk-fakten__dt { min-width: 0; }
  .v6 .v5-wegkarte__link .v6-wk-logos { margin-top: 0; padding-top: 8px; flex-wrap: nowrap; gap: 8px; }
  .v6 .v6-wk-logos .v6-logo--klein { height: 16px; max-width: 19%; }
  .v6 .v5-wegkarte__mehr { justify-self: start; margin-top: 10px; padding: 10px 16px; }
}
@media (max-width: 400px) {
  .v6 .v5-wegkarte__link { padding: 12px; column-gap: 10px; grid-template-columns: 40px minmax(0, 1fr); }
  .v6 .v5-wegkarte__pikt, .v6 .v5-wegkarte__pikt svg { width: 40px; height: 32px; }
  .v6 .v5-wegkarte__link .v6-wk-logos { flex-wrap: wrap; gap: 6px 12px; }
  .v6 .v6-wk-logos .v6-logo--klein { height: 18px; max-width: 30%; }
  .v6 .v6-wk-fakten > span { display: block; }
  .v6 .v6-wk-fakten__dt { display: inline; margin-right: .35em; }
}

/* ?kosten=0 (Alex 21.10., Dieter entscheidet): einspaltig, Ansprechpartner-Satz über den Haken, ohne Leerfläche */
.v5-zwei-sp.v6-ohne-kosten { grid-template-columns: 1fr; gap: 24px; max-width: 760px; }

/* ===== 22.10. ?von=gold: Wiedererkennungsband statt Nachfass-Box (Alex freigegeben); eine Zeile, mobil zwei kurze Zeilen, ruhiger Grund ===== */
.v6-nachband { background: #e9eff9; border-bottom: 1px solid #d3ddef; }
.v5 .v6-nachband__txt, .v6-nachband__txt { max-width: none !important; margin: 0 !important; padding: 10px 0; font-size: var(--fs-s) !important; font-weight: 600; line-height: 1.45 !important; color: var(--ink) !important; }
/* mobil fließt der Text frei (zwei Zeilen bei 412 px); ein erzwungener Umbruch nach dem ersten Satz ergab drei Zeilen */

/* ===== 22.10. Prüflauf-Fixes ===== */
/* Lupe im Preis: Erklärtext in Grundschrift (erbte sonst die Preis-Serif); mobil schwebt er unter der Preiszelle, statt die Preiszeile auseinanderzuschieben */
.v6-tab .v5-td-preis .v5-lupe__pop { font-family: var(--sans); font-weight: 400; }
@media (max-width: 767px) {
  .v6-tab .v5-td-preis { position: relative; }
  .v6-tab .v5-td-preis .v5-lupe__pop { position: absolute; z-index: 30; left: 12px; top: calc(100% - 4px); width: min(320px, calc(100vw - 64px)); margin: 0; box-shadow: 0 10px 30px rgba(15, 36, 83, .16); }
}
/* Wegwahl im Bankvergleich (folge=b: Rechner direkt darüber): Der Rechner tauscht dabei „Weiter zu Ihrem Weg“-Knöpfe aus; ohne Scroll-Anker im Rechner hält der Browser den Bankvergleich fest (vorher Sprung um 28 px) */
.v6 #rechner { overflow-anchor: none; }
/* Sprungziele #investmentrechner, #fondsdepot-uebersicht u. a. (.v5-alias) stehen erst nach dem Abschnitts-Innenabstand: zusätzlicher Abstand in dessen Höhe,
   damit sie wie ihr Abschnitt landen (vorher bei 1280 px 31 px vom Rand, die Überschrift lag unter der Kapitelleiste) */
.v5.v6 .v5-sec .v5-alias { scroll-margin-top: calc(var(--v6-kopf, 80px) + 80px); }
@media (max-width: 767px) { .v5.v6 .v5-sec .v5-alias { scroll-margin-top: calc(var(--v6-kopf, 15px) + 56px); } }

/* ===== 22.10. Folge a als Standard (23-jury22-ergebnis.md) ===== */
/* E1: Sicherheitsbauteil aus den Wegen in voller Breite unter der Banktabelle */
.v6 .v5-banken .v6-sicher--voll { max-width: none; margin: 24px 0 20px !important; }
/* Linktext „So geschützt ist Ihr Investment ↓“ (Alex 22.10., länger als vorher „So sicher liegt Ihr Geld ↓“) darf umbrechen; letztes Wort und Pfeil bleiben zusammen (v5_nw).
   Vorher nowrap über den ganzen Link: bei 320 px/14 und 412 px/18 ragte der Text rechts aus dem Bauteil. */
.v6-sicher a { white-space: normal; }
.v6-sicher > span:last-child { min-width: 0; }
/* Weg-Umschalter im Bankvergleich bei 320 px: drei Knöpfe passten nicht (rechts 10 px abgeschnitten, auch vor dem 22.10.); schmal teilen sie sich die Breite und brechen um */
@media (max-width: 400px) {
  .v6 .v6-steuer { grid-template-columns: minmax(0, 1fr); }
  .v6 .v6-steuer .v5-seg { display: flex; }
  .v6 .v6-steuer .v5-seg__b { flex: 1 1 0; min-width: 0; padding: 8px 6px; line-height: 1.25; }
}
/* Fondssuche: H2 eigene Zelle; Desktop Text links, v1-Grafik rechts; mobil Grafik kleiner zwischen Überschrift und Liste (steht fest auf Weiß, Abschnitt weiß) */
.v6-fsuche__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); grid-template-areas: "h bild" "text bild"; row-gap: 0; }
.v6-fsuche__h { grid-area: h; align-self: end; margin-bottom: 0 !important; }
.v6-fsuche__text { grid-area: text; align-self: start; }
.v6-fsuche__bild { grid-area: bild; }
/* ohne Logos: Name links, Fondssuche-Link rechts (vorher drei Spalten mit Logo 120 px) */
.v6-fsuche__liste a { grid-template-columns: minmax(0, 1fr) auto; }
.v6-fsuche__rr { margin: 14px 0 0 !important; }
@media (max-width: 860px) {
  .v6-fsuche__grid { grid-template-columns: 1fr; grid-template-areas: "h" "bild" "text"; row-gap: 20px; }
  .v6-fsuche__bild img { max-width: 200px; margin: 0; }
  .v6-fsuche__liste { margin-top: 0 !important; }
}
@media (max-width: 480px) {
  .v6-fsuche__liste a { grid-template-columns: minmax(0, 1fr) auto; }
  .v6-fsuche__link { grid-column: auto; }
  .v6-fsuche__bild img { max-width: 160px; }
}
/* Gesprächslink (?von=gespraech&bank=…): besprochene Karte wie ein Filtertreffer, gefüllter Knopf und Band „Wie besprochen“ */
.v6-bkarte.is-besprochen { border: 2px solid var(--blue); padding: 17px 15px 15px; box-shadow: 0 8px 24px rgba(15, 36, 83, .12); }
.v6 .v6-bkarte.is-besprochen .v6-bkarte__knopf { background: var(--blue); border-color: var(--blue); color: #fff; }
.v6 .v6-bkarte.is-besprochen .v6-bkarte__knopf:hover, .v6 .v6-bkarte.is-besprochen .v6-bkarte__knopf:focus { background: var(--blue-d); border-color: var(--blue-d); color: #fff; }
/* trägt dieselbe Karte nach einem Bedarfs-Chip das Band „Passt zu: …“, steht nur dieses (kein Doppelband) */
.v6-bkarte.is-empfohlen .v6-bkarte__band--bespr { display: none; }
@media (max-width: 767px) { .v6-bkarte.is-besprochen { padding: 13px 11px 11px; } }

/* ===== 22.10. Varianten b (64-fonds-v6/24-varianten-22-10b.md) ===== */
/* Weg 1 mit Trennlinie zur Weiche wie Weg 2 und 3 (v5.css setzte #neu.v5-wegsec { border-top: 0; }, weil in v5 alle drei Wege untereinander standen) */
.v6 #neu.v5-wegsec { border-top: 1px solid var(--line); }

/* ?wegwahl=vorwahl…: Umschalter oben in Weg 1, nur solange keine Wahl getroffen ist; der Rollen-Satz an der Weiche entfällt wie nach einer Wahl (Weg 1 trägt die Sicherheitszeile) */
.v6:not([data-weg=""]) .v6-umschalter { display: none; }
/* 22.10. ?wegnav=1: Knöpfe „Vorheriger Weg“ / „Nächster Weg“ rechts neben „Weg x von 3“; 40 px Trefferfläche, Zeile so hoch wie die Knöpfe */
.v6-wegnav { display: flex; align-items: center; gap: 14px; margin-bottom: 8px; }
.v6 .v6-wegnav .v5-nr { margin-bottom: 0 !important; }
/* Feinschliff 22.10. (Alex: Pfeile leicht zu groß): sichtbarer Kreis 1.75em der Zeilenschrift (--fs-s, ≈26 px), Pfeil 1em; Trefferfläche bleibt 36 px (Knopf selbst, transparent),
   negative Außenabstände halten die Zeile auf Kreishöhe. Vorher: sichtbar und Trefferfläche 40 px, Pfeil 20 px, gap 6px. */
.v6-wegnav__knoepfe { display: inline-flex; gap: 0; margin: -5px 0; }
.v5 .v6-wegnav__b { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; margin: 0; border: 0; border-radius: 50%; background: none; color: var(--blue); font-size: var(--fs-s); cursor: pointer; }
.v5 .v6-wegnav__b::before { content: ""; position: absolute; top: 50%; left: 50%; width: 1.75em; height: 1.75em; transform: translate(-50%, -50%); box-sizing: border-box; border: 1.5px solid var(--blue); border-radius: 50%; background: #fff; }
.v5 .v6-wegnav__b .v5-i { position: relative; width: 1em; height: 1em; fill: currentColor; margin: 0; }
.v5 .v6-wegnav__b:hover:not(:disabled) { color: #fff; }
.v5 .v6-wegnav__b:hover:not(:disabled)::before { background: var(--blue); }
.v5 .v6-wegnav__b:disabled { color: #b7c0cf; cursor: default; }
.v5 .v6-wegnav__b:disabled::before { border-color: #b7c0cf; }
/* 22.10. Standard b (S, Person): bei Vorauswahl bleibt der Satz „Ihr Depot führt die Depotbank, nicht wir. …“ unter der Weiche stehen; nach einer echten Wahl blendet ihn die Regel für data-weg aus.
   Vorher: .v6.v6--vorwahl .v5-weg__sicher { display: none; } */
.v5 .v6-umschalter__h { margin: 0 !important; font-weight: 700; color: var(--ink); }
/* Kasten (vorwahl, vorwahl-animiert): zwei Antworten mit Knopf, ruhiger Grund mit blauer Kante */
.v6-umschalter--karte { margin: 0 0 36px; padding: 18px 22px 20px; background: #e9eff9; border-left: 4px solid var(--blue); border-radius: 8px; }
.v6-umschalter--karte .v6-umschalter__h { font-size: calc(19px * var(--v5sk, 1)); margin-bottom: 12px !important; }
.v5 .v6-umschalter__wahl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 28px; margin: 0 !important; }
.v6-umschalter__wahl li { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 0; }
.v6-umschalter__wo { font-size: var(--fs-s); line-height: 1.4; color: var(--text); }
.v6-umschalter__wahl .v5-btn { max-width: 100%; }
@media (max-width: 860px) {
  .v6-umschalter--karte { margin-bottom: 28px; padding: 14px 16px 16px; }
  .v5 .v6-umschalter__wahl { grid-template-columns: minmax(0, 1fr); gap: 14px; }
}
/* 22.10. Standard b (D, Young): Kasten am Handy gestrafft, kein neuer Text. Antworttext und Knopf stehen nebeneinander, sobald der Text daneben mindestens 14em breit ist
   (Tablet, schmale Desktopfenster); am Handy (412 px: Text 2 Zeilen, Knopf 195 px) wäre der Text daneben 5 Zeilen hoch, dort steht der Knopf eng unter dem Text.
   Vorher bis 860 px: padding 14px 16px 16px, Abstände 14px/8px, Text immer über dem Knopf */
@media (max-width: 860px) {
  .v6-umschalter--karte { margin-bottom: 24px; padding: 12px 14px 14px; }
  .v6-umschalter--karte .v6-umschalter__h { margin-bottom: 8px !important; }
  .v5 .v6-umschalter__wahl { gap: 10px; }
  .v6-umschalter__wahl li { flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 14px; }
  .v6-umschalter__wo { flex: 1 1 14em; line-height: 1.35; }
  .v6-umschalter__wahl .v5-btn { flex: 0 0 auto; }
}
/* Leiste (vorwahl-leiste): schmal, auffällig, eine Zeile am Desktop; mobil Frage über zwei Knöpfen */
.v6-umschalter--leiste { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; margin: 0 0 32px; padding: 8px 10px 8px 18px; background: var(--blue); border-radius: 8px; }
.v5 .v6-umschalter--leiste .v6-umschalter__h { color: #fff; font-size: var(--fs-s); }
.v6-umschalter__knoepfe { display: flex; flex-wrap: wrap; gap: 8px; }
.v5 a.v6-umschalter__b { display: inline-flex; align-items: center; min-height: 36px; padding: 4px 14px; border: 1.5px solid #fff; border-radius: 6px; color: #fff; font-size: var(--fs-s); font-weight: 700; line-height: 1.25; text-decoration: none; transition: background-color .15s, color .15s; }
.v5 a.v6-umschalter__b:hover, .v5 a.v6-umschalter__b:focus { background: #fff; color: var(--blue); }
.v6-umschalter__b .v5-i { width: 1em; height: 1em; vertical-align: -.12em; fill: currentColor; }
@media (max-width: 600px) {
  .v6-umschalter--leiste { padding: 10px 12px; margin-bottom: 26px; }
  .v6-umschalter--leiste .v6-umschalter__knoepfe { width: 100%; }
  .v5 a.v6-umschalter__b { flex: 1 1 0; justify-content: center; min-width: 0; min-height: 40px; padding: 4px 8px; text-align: center; }
}

/* ?wegwahl=animiert…: Karte hebt sich einmal an (v5.js setzt .is-heben für 650 ms); nur transform und Schatten, kein Layoutsprung */
.v6-gabel--heben .v5-wegkarte__link { transition: transform .32s ease-out, box-shadow .32s ease-out, border-color .32s ease-out; }
.v6-gabel--heben .v5-wegkarte.is-heben .v5-wegkarte__link { transform: translateY(-10px); border-color: var(--blue); box-shadow: 0 16px 32px rgba(15, 36, 83, .2); }
@media (prefers-reduced-motion: reduce) { .v6-gabel--heben .v5-wegkarte.is-heben .v5-wegkarte__link { transform: none; } }

/* ?avatar=zahn|piktogramm (Dr. K. H. E.): gleiche Größe und Rundung wie Monogramm und Fotos (44 px, Unterschrift 56 px); Bild unverzerrt (quadratisch, object-fit) */
.v6-ava--zahn { background: #eef1f6; object-fit: cover; border-radius: 50%; }
.v6-ava--pikt { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; border-radius: 50%; background: var(--light); }
.v6-ava--pikt svg { display: block; width: 30px; height: 30px; }
.v6-ava--pikt.v6-ava--g { width: 56px; height: 56px; }
.v6-ava--pikt.v6-ava--g svg { width: 38px; height: 38px; }

/* ?kosten=0|2: v1-Grafik „Anbieterwechsel“ (fest weißer Grund) als weiße Karte an Stelle der Geldfluss-Grafik; mobil kleiner */
.v6-kgrafik { margin: 0 0 20px; padding: 16px 18px; background: #fff; border: 1px solid var(--line); border-radius: 10px; }
.v6-kgrafik img { display: block; width: 100%; height: auto; }
@media (max-width: 860px) {
  .v6-kgrafik { max-width: 360px; padding: 10px 12px; }
}

/* 22.10. ?kosten=4 (Variante c, 27-copy-kosten-c.md): Partner-Block links, v1-Grafik rechts als Unterstützung ohne Karte (freigestellt, steht direkt auf dem Abschnittsgrund wie die Suchgrafik),
   darunter die Haken-Box über die ganze Breite mit zwei Spalten. Mobil: Bild über dem Text. bild=original behält die weiße Karte (.v6-kgrafik) zum Vergleich. */
.v6-k4 { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 56px; align-items: center; }
.v6-k4__text { min-width: 0; }
.v6-k4__intro { font-size: calc(var(--fs) * 1.08); color: var(--ink); margin: 0 0 18px !important; }
.v6-k4__liste { list-style: none; margin: 0 !important; padding: 0 !important; display: grid; gap: 14px; }
.v6-k4__liste li { position: relative; margin: 0 !important; padding: 0 0 0 32px !important; line-height: 1.5; }
.v6-k4__liste li::before { content: ""; position: absolute; left: 2px; top: .28em; width: 18px; height: 18px; border-radius: 50%; background: var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.4l2.6 2.6L13 6.6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px 18px no-repeat; }
.v6-k4__liste strong { color: var(--ink); }
.v6-k4__text h3 { margin-top: 30px; }
.v6-k4__text h3 + p { margin-top: 6px; }
.v6-k4__bild { margin: 0; }
.v6-k4__bild img { display: block; width: 100%; height: auto; }
.v6-k4__bild.v6-kgrafik { margin: 0; }
.v6-k4-haken { margin-top: 56px; }
.v6 .v6-k4-haken .v6-haken { grid-template-columns: 1fr 1fr; gap: 0 64px; }
@media (max-width: 860px) {
  .v6-k4 { grid-template-columns: 1fr; gap: 24px; }
  .v6-k4__bild { order: -1; max-width: 480px; }
  .v6-k4__bild.v6-kgrafik { max-width: 360px; }
  .v6-k4-haken { margin-top: 44px; }
  .v6 .v6-k4-haken .v6-haken { grid-template-columns: 1fr; gap: 26px; }
}

/* 22.10. Kundenstimmen-Reiter (Alex: nicht ausgewählte Reiter hatten den Grund des Abschnitts und eine schwache Linie): nicht ausgewählt weiß mit kräftigerer Linie,
   ausgewählt bleibt durch blaue Doppellinie und leichten Schatten vorn. Vorher (v5.css): [aria-selected="false"] background: transparent, border #c9d5ec */
.v6 .v5-stimmen__tab[aria-selected="false"] { background: #fff; border-color: #a9bbdc; }
.v6 .v5-stimmen__tab[aria-selected="false"]:hover { border-color: var(--blue); }
.v6 .v5-stimmen__tab[aria-selected="true"] { box-shadow: inset 0 0 0 1px var(--blue), 0 2px 8px rgba(15, 36, 83, .14); }

/* 22.10. Lesespur (64-fonds-v6/30-lesespur-kritik.md, Vorschläge a–c, von Alex freigegeben); ohne Klasse v6--lesespur (?lesespur=alt) gilt der Stand davor.
   a) Alles Zweispaltige außer dem Hero als feste Halbspalte 1:1 mit 56 px (wie Gold-LP und RP AKTIV): Spalte 2 beginnt überall an derselben Kante.
      Vorher: Weg-Raster und Wegkopf 5:7, Fondssuche 7:5, Haken (kosten=4) 6:5, Haken-Box und Sicherheit 1:1 mit 64 px, Kundenstimmen 2:1 mit 40 px, Kontakt 7:5 mit 64 px.
      Module mit eigener Innenteilung bleiben (Rechnerkasten 4:8, Filterzeile der Banktabelle, Bildunterschrift der Weg-2-Grafik, X-Ray-Angebot, Umschalter-Kasten). Die Umbruchgrenzen bleiben. */
@media (min-width: 861px) {
  .v6--lesespur .v5-wegsec__grid, .v6--lesespur .v6-fsuche__grid, .v6--lesespur .v6-k4, .v6--lesespur .v5-kontakt__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 56px; }
  .v6--lesespur .v5-zwei-sp { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; }
  .v6--lesespur .v6-k4-haken .v6-haken { gap: 0 56px; }
}
@media (min-width: 992px) {
  .v6--lesespur .v5-wegkopf { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 56px; }
  .v6--lesespur .v6-stimmen__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; }
}
/* b) Häufige Fragen auf der Lesekante (normaler Wrap statt 860 px zentriert); geöffnet steht die Antwort rechts neben der Frage ab der Halbspalte (Muster RP v4, rp-aktiv-v2.css „Aufklappfragen über die volle Breite“).
      Technik details::details-content (Chromium ab 131, Safari 18.4, Firefox ab 143); ältere Browser zeigen die Antwort wie bisher unter der Frage. Vorher: .v5-wrap--schmal, Antwort max. 70ch unter der Frage. */
.v6--lesespur #fragen .v5-wrap--schmal { max-width: 1180px; }
@media (min-width: 900px) {
  .v6--lesespur .v5-faq details[open] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 56px; align-items: start; }
  .v6--lesespur .v5-faq details[open] > summary { grid-column: 1 / -1; grid-row: 1; padding-right: calc(50% + 28px); }
  .v6--lesespur .v5-faq details[open]::details-content { grid-column: 2; grid-row: 1; }
  .v6--lesespur .v5-faq details[open] .v5-faq__a { max-width: none; padding: 18px 44px 20px 0; }
}
/* c) Tabelle „Woraus sich das Mehr zusammensetzt“ auf Modulbreite (Beträge bündig mit Strahl und Bilanzwerten; vorher max-width 560px).
      Farbfeld hängend vor der Beschriftung: zweite Zeile und Unterzeile beginnen hinter dem Farbfeld (RP-Regel, Alex 02 Z. 86). Vorher: Farbfeld inline, Unterzeile mit 20 px Einzug. */
.v6--lesespur table.v5-zerl__liste { max-width: none; }
.v6--lesespur table.v5-zerl__liste th { position: relative; padding-left: 20px; }
.v6--lesespur table.v5-zerl__liste th .v5-zerl__farbe { position: absolute; left: 0; top: calc(4px + .36em); margin: 0; }
.v6--lesespur table.v5-zerl__liste .v6-zerl-basis, .v6--lesespur #v5-zerl-t-wann { padding-left: 0; }

/* SEO D15 (Alex 23.10.2026): Kicker über der Banken-H2, klein und dezent */
.v6 .v6-h2-kicker { margin: 0 0 6px !important; font-size: max(1.3rem, 13px); font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #5b6573; }
/* SEO D14 (23.10.): längerer Banktext bricht links um; Knöpfe beider Karten auf gleicher Höhe (unten bündig) */
.v6-umschalter__wahl li .v5-btn { margin-top: auto; }

/* 24.10.2026 (Alex): Trustlocal-Badge unter dem Widget in #kundenstimmen */
.v6 .v6-tl-badge { display: inline-flex; align-items: baseline; gap: 6px; margin: 10px 0 0 !important; padding: 4px 10px; border-radius: 999px; background: #eef3ea; color: #2b5a2e; font-size: max(1.4rem, 14px); line-height: 1.35; font-weight: 600; }
.v6 .v6-tl-badge span { color: #2e7d32; }
.v6-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* 24.10.2026 (Alex „ja“): „Ihr nächster Schritt“ im Footer-Navy #1B2942 statt #0f2453 */
.v5 .v5-kontakt { background: #1B2942; }

/* 24.10.2026 (Alex: Variante 5 „Ihr nächster Schritt“): eigener linearer Verlauf (Farbtöne < 30°), nahtloser Übergang in den Navy-Footer, volle Breite.
   Fläche malt nur das Pseudo-Element (sonst Naht zwischen Box- und Vollbreiten-Verlauf); bottom:-2px überdeckt die Subpixel-Fuge zum Footer (weiße Haarlinie an den Rändern). */
.v5 .v5-kontakt { background: transparent; margin-bottom: 0 !important; position: relative; isolation: isolate; }
.v5 .v5-kontakt::before { content: ""; position: absolute; top: 0; bottom: -2px; left: calc(50% - 50vw); right: calc(50% - 50vw); background: linear-gradient(165deg, #2A4170 0%, #1F3155 45%, #1B2942 100%); z-index: -1; }
.v5 .v5-kontakt::after { content: ""; position: absolute; bottom: 0; left: calc(50% - 50vw); right: calc(50% - 50vw); height: 1px; background: rgba(255, 255, 255, .14); }
body:has(main.v5.v6) { overflow-x: clip; }
main.v5.v6 { overflow-x: visible; }

/* ===== 24.10. Preise, Karten, Tabelle (64-fonds-v6/40-preise-karten-tabelle-24-10.md) ===== */
/* Punkt 2 (Alex: „stehen die preise in den cards nicht in einer reihe“): Bankkarten im Depotvergleich teilen sich über subgrid dieselben Zeilen
   (Band, Logo, Name, Beschreibung, Preis, Knopf, Unterzeile). Die längste Beschreibung einer Reihe bestimmt die Zeilenhöhe, Preise, Knöpfe und Unterzeilen
   stehen dadurch auf einer Linie. Vorher: Flex-Spalte je Karte, Preis direkt unter der unterschiedlich langen Beschreibung (bis 21 px Versatz). */
/* Nachtrag 7 (24.10.): Bandzeile nur dort, wo ein Band steht. Logo, Name und Beschreibung bilden einen Kopf (.v6-bkarte__kopf); in Karten ohne sichtbares Band
   reicht der Kopf über Bandzeile und Kopfzeile, beginnt also oben in der Karte. Vorher hielten alle Karten der Reihe die Bandhöhe (bis 76 px) leer, sobald eine
   Karte ein Band bekam. Zeilen jetzt: Band, Kopf, Preis, Knopf, Unterzeile. Vorher 7 Zeilen mit Logo/Name/Beschreibung einzeln und 4 px weniger Innenabstand oben. */
.v6-bkarte__kopf { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
@supports (grid-template-rows: subgrid) {
  .v6-bwahl .v6-bkarte { display: grid; grid-template-rows: subgrid; grid-row: span 5; row-gap: 4px; align-content: start; }
  .v6-bwahl .v6-bkarte > .v6-bkarte__band { grid-row: 1; }
  .v6-bwahl .v6-bkarte > .v6-bkarte__kopf { grid-row: 2; align-self: start; }
  .v6-bwahl .v6-bkarte:not(:has(> .v6-bkarte__band:not([hidden]))) > .v6-bkarte__kopf { grid-row: 1 / 3; }
  .v6-bwahl .v6-bkarte > .v6-bkarte__preis { grid-row: 3; align-self: start; }
  .v6-bwahl .v6-bkarte > .v6-bkarte__knopf { grid-row: 4; align-self: stretch; } /* gleich hohe Knöpfe, auch wenn einer (992 px) zweizeilig wird */
  .v6-bwahl .v6-bkarte > .v5-kz { grid-row: 5; }
}
/* Punkt 1: Preiszusatz (Lupe) in der Karte. Mobil schwebt der Erklärtext über die volle Kartenreihe statt in der 180 px schmalen Karte
   (horizontal am Kartenraster, vertikal an seiner Stelle unter dem Preis) */
.v6-bkarte__preis .v5-lupe__pop { font-family: var(--sans); font-weight: 400; }
/* Preis als eigene Zeile, „im Jahr“ mit Lupe darunter: in 180–230 px breiten Karten brach sonst „im | Jahr 🔍“ nur bei FFB und ebase um, die Preise standen versetzt */
.v6-bwahl .v6-bkarte__preis > strong { display: block; }
.v6-bkarte__jahr { display: block; margin-top: 2px; }
@media (max-width: 767px) {
  .v6-bwahl .v6-bkarten { position: relative; }
  .v6-bwahl .v6-bkarte { position: static; }
  .v6-bwahl .v6-bkarte__preis .v5-lupe__pop { position: absolute; z-index: 30; left: 0; right: 0; top: auto; width: auto; margin: 8px 0 0; box-shadow: 0 10px 30px rgba(15, 36, 83, .16); }
}
/* Punkt 3 (Alex: „ob text-align: center sinnvoll ist auf manche spalten“): Preis pro Jahr und Sparplan ab sind kurze Werte (Betrag, Spanne oder zwei Wörter)
   und werden zeilenweise verglichen → zentriert, Ziffern gleich breit. Bank und Depot sind mehrzeiliger Text (Name, Positionen) und bleiben linksbündig,
   damit die Zeilenanfänge ruhig bleiben. Nur in der Tabellenansicht (ab 992 px); darunter sind es Karten mit Beschriftung links. */
@media (min-width: 992px) {
  #v5-tabelle thead th:nth-child(2), #v5-tabelle thead th:nth-child(4), #v5-tabelle .v5-td-preis, #v5-tabelle .v5-td-spar { text-align: center; }
  #v5-tabelle .v5-td-preis, #v5-tabelle .v5-td-spar { font-variant-numeric: tabular-nums lining-nums; }
}
/* Punkt 1/3: Mit der Lupe an jedem Preis braucht „25 bis 45 € 🔍“ rund 170 px; die Preisspalte (vorher 13 % bzw. 14 %, 147/158 px bei 1280) brach FFB in zwei Zeilen.
   Ohne Weg 1 % vom Sparplan („kein Mindestbetrag“ passt zentriert weiter) und schmalerer Innenabstand der zentrierten Preiszelle; Aktionsspalte (38 %, sonst bricht
   „Trigonus eintragen“ um) und Depotspalte (sonst „flex standard | online“) bleiben. Mit Weg je 1 % von Bank und Depot. */
.v6-tab .v5-c-bank { width: 19%; } .v6-tab .v5-c-preis { width: 16%; } .v6-tab .v5-c-depot { width: 18%; }
.v6[data-weg=""] .v6-tab .v5-c-preis { width: 14%; }
.v6[data-weg=""] .v6-tab .v5-c-spar { width: 14%; }
@media (min-width: 992px) { #v5-tabelle .v5-td-preis { padding-left: 6px; padding-right: 6px; } }
/* Lupentext in der Karte in Grundschrift, auch der fette Satz (erbte sonst die 22-px-Preis-Serif) */
.v6-bkarte__preis .v5-lupe__pop strong { font-family: var(--sans); font-size: inherit; font-weight: 700; }
/* Nachtrag 5 (24.10., Alex freigegeben): 992–1179 px – Preisspalte 132–147 px (ohne Weg) bzw. 151 px (mit Weg, 992), „25 bis 45 € 🔍“ brauchte bei 24 px Serif 156 px.
   In diesem Bereich Preis 20 px (mobil 21 px, Tabelle ab 1180 unverändert 24 px), Innenabstand der zentrierten Preiszelle 4 px und ohne Weg 1 % von der Bankspalte zur Preisspalte. */
@media (min-width: 992px) and (max-width: 1179px) {
  #v5-tabelle .v5-preis { font-size: calc(20px * var(--v5sk, 1)); }
  #v5-tabelle .v5-td-preis { padding-left: 4px; padding-right: 4px; }
  .v6[data-weg=""] .v6-tab .v5-c-bank { width: 16%; }
  .v6[data-weg=""] .v6-tab .v5-c-preis { width: 15%; }
}