/* financeb2b v2 — Angleichung der seiteneigenen Bausteine (GENERIERT)
 *
 * Erzeugt von scripts/build_v2_skin.py. Nicht von Hand aendern — bei der
 * naechsten Ausfuehrung wird die Datei ueberschrieben.
 *
 * Warum es diese Datei gibt: 84 Kicker-Klassen und 73 Kasten-Klassen
 * sind in den <style>-Bloecken der Seiten selbst definiert, nicht im
 * Design-System. Sie tragen die Handschrift des alten Entwurfs: Kicker in
 * Monoschrift und Grossbuchstaben, Kaesten mit scharfen Kanten. Statt 40
 * Seiten einzeln umzuschreiben, werden sie hier unter .v2 ueberschrieben.
 *
 * Laedt zuletzt. Neu erzeugen: python scripts/build_v2_skin.py
 */

/* --- Kicker und Labels: Figtree statt Monoschrift, keine Versalien -------
 *
 * Warum !important, sonst eine schlechte Angewohnheit: Diese Datei ist eine
 * reine Ueberschreibungsschicht. Die Gegenseite sind einerseits Seitenregeln
 * mit hoeherer Spezifitaet (".tool-hub-card .tag", ".fb-section-head
 * .num-badge"), andererseits Inline-Styles, gegen die eine Datei sonst gar
 * nicht ankommt. Ein Spezifitaets-Wettruesten waere unleserlicher als diese
 * eine, klar begrenzte Ausnahme: sie betrifft nur Schriftwahl und
 * Auszeichnung von Labels, nie Layout oder Farbe.
 */
.v2 .ans-k,
.v2 .article-link,
.v2 .article-tag,
.v2 .card-type,
.v2 .cc-label,
.v2 .cg-label,
.v2 .ch-kicker,
.v2 .cookie-table th,
.v2 .cost-table th,
.v2 .ctx-lbl,
.v2 .cx-card .tag,
.v2 .cx-card a,
.v2 .dd-tablewrap th,
.v2 .dd-toc div,
.v2 .de-seite .kicker,
.v2 .de-seite table.g thead th,
.v2 .decide-card .verdict,
.v2 .decision-scenario,
.v2 .faq-group-label,
.v2 .faq-hero-kicker,
.v2 .fb-eyebrow,
.v2 .fb-footer h4,
.v2 .fb-footer-regulatory strong,
.v2 .fb-kicker,
.v2 .fb-rail-selector .rs-label,
.v2 .fb-section-head .num-badge,
.v2 .fb-table thead th,
.v2 .fb-table tr.section-row td,
.v2 .feat-table .group-head td,
.v2 .feat-table th,
.v2 .finding .lbl,
.v2 .fl,
.v2 .fx-provider,
.v2 .gd-tablewrap th,
.v2 .gd-toc div,
.v2 .guide-link,
.v2 .guide-tag,
.v2 .guides-hero-kicker,
.v2 .guides-section-label,
.v2 .ha-tablewrap th,
.v2 .hy-tablewrap th,
.v2 .iban-result dt,
.v2 .iban-type-label,
.v2 .ind-hero-kicker,
.v2 .ind-section-label,
.v2 .info-box-label,
.v2 .ix-card .eyebrow,
.v2 .ix-children-label,
.v2 .legal-hero-kicker,
.v2 .marketplace-table th,
.v2 .num-badge,
.v2 .pb-answers-label,
.v2 .pb-tablewrap th,
.v2 .pb-toc-label,
.v2 .pc-label,
.v2 .prose-hero-kicker,
.v2 .prose-section-label,
.v2 .ps-lbl,
.v2 .ptc-tablewrap th,
.v2 .res-hero-kicker,
.v2 .res-section-label,
.v2 .rs-metric .rs-metric-k,
.v2 .rs-rail-sub,
.v2 .sc-kicker,
.v2 .sc-next-lbl,
.v2 .sitemap-group-label,
.v2 .sitemap-hero-kicker,
.v2 .sol-hero-kicker,
.v2 .sol-section-label,
.v2 .st-meta,
.v2 .st-tablewrap th,
.v2 .sx-card .eyebrow,
.v2 .tc-tag,
.v2 .tcl,
.v2 .tldr-label,
.v2 .tool-hub-card .tag,
.v2 .tool-tag,
.v2 .uc-label,
.v2 .use-case-label,
.v2 main table th,
.v2 table.g thead th,
.v2 table.rates th,
.v2 table.reg thead th,
.v2 table.reg tr.org-head th {
  font-family: var(--f-sans) !important;
  font-size: 13px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-weight: 600;
}

/* --- Kennzahlenwerte: Figtree mit Tabellenziffern ------------------------
 *
 * Das alte System setzte jeden Wert in Monoschrift, damit Zahlenkolonnen
 * buendig stehen. Dort steht aber oft gar keine Zahl ("Yes", "REST + hooks",
 * "FPS · BACS · CHAPS"), und dann wirkt es wie eine Schreibmaschine.
 * font-variant-numeric: tabular-nums leistet dasselbe fuer Ziffern, ohne die
 * Schrift zu wechseln. Echter Code und IBAN-Felder bleiben monospaced. */
.v2 .num,
.v2 .mono,
.v2 .fb-stat-v,
.v2 .sol-stat-val,
.v2 .ind-stat-val,
.v2 .fb-table td.num,
.v2 .fb-table td.mono {
  font-family: var(--f-sans) !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
}

/* Tabellenkoepfe trugen dieselbe Handschrift wie die Kicker: Monoschrift in
   Grossbuchstaben. */
.v2 .fb-table th,
.v2 table thead th {
  font-family: var(--f-sans) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-size: 13px;
  font-weight: 600;
}

/* Labels, die als Link dienen, behalten die Akzentfarbe und bekommen den
   groesseren Klickbereich des neuen Designs. */
.v2 .article-link,
.v2 .guide-link {
  font-size: 14px;
  color: var(--c);
}

/* --- Kaesten: Radien und Rahmenfarbe des neuen Designs ------------------- */
.v2 .ans-box,
.v2 .answer-box,
.v2 .article-grid,
.v2 .card,
.v2 .card-compare,
.v2 .compare-grid,
.v2 .cost-compare,
.v2 .ctx,
.v2 .currency-grid,
.v2 .cx-grid,
.v2 .data-card,
.v2 .de-seite .formel,
.v2 .de-seite .grenzen,
.v2 .de-seite .karte,
.v2 .de-seite .rechnung,
.v2 .de-seite .riegel,
.v2 .decide-card,
.v2 .decision-grid,
.v2 .faq-cta-inner,
.v2 .fb-drop,
.v2 .fb-nav.open .fb-drop,
.v2 .fi,
.v2 .finding,
.v2 .fta,
.v2 .fx-comparison,
.v2 .gotcha-grid,
.v2 .guide-list,
.v2 .ha-headline,
.v2 .iban-card,
.v2 .iban-type-example,
.v2 .iban-types,
.v2 .ind-stats,
.v2 .info-box,
.v2 .ix-card,
.v2 .mc-card,
.v2 .pair-grid,
.v2 .payout-flow,
.v2 .policy-item,
.v2 .problem-grid,
.v2 .profile-grid,
.v2 .ptc-card,
.v2 .ptc-quick,
.v2 .reg-wrap,
.v2 .sc-next,
.v2 .si-n,
.v2 .sitemap-grid,
.v2 .sol-stats-strip,
.v2 .st-keynums,
.v2 .st-method,
.v2 .sx-card,
.v2 .tldr-box,
.v2 .tool-grid,
.v2 .tool-hub-card,
.v2 .two-col,
.v2 .type-grid,
.v2 .use-case-grid,
.v2 .workflow-steps,
.v2 details.faq-item {
  border-radius: 18px;
  border-color: var(--line);
  overflow: hidden;
}

/* Diese Kaesten scrollen oder tragen klebende Kinder — hier wird nicht
   beschnitten, sonst verschwindet der Inhalt. */
.v2 .dd-tablewrap,
.v2 .dd-toc,
.v2 .de-seite .tbl-wrap,
.v2 .gd-tablewrap,
.v2 .gd-toc,
.v2 .ha-search,
.v2 .ha-tablewrap,
.v2 .hy-tablewrap,
.v2 .pb-tablewrap,
.v2 .pb-toc,
.v2 .ptc-tablewrap,
.v2 .rates-search,
.v2 .rates-tablewrap,
.v2 .st-tablewrap,
.v2 .tbl-wrap {
  border-radius: 18px;
  border-color: var(--line);
}

/* Innentrenner an die neue Rahmenfarbe angleichen. */
.v2 .article-card,
.v2 .guide-card,
.v2 .tool-card,
.v2 .problem-item,
.v2 .sol-stat,
.v2 .ind-stat,
.v2 .gotcha-item { border-color: var(--line); }

/* Karten mit Link bekommen eine ruhige Reaktion beim Ueberfahren. */
.v2 .article-card:hover,
.v2 .guide-card:hover,
.v2 .tool-card:hover { background: var(--bg-2); }

/* Die Kartentexte des alten Entwurfs waren auf die schmale Monoschrift
   ausgelegt und wirken in Figtree zu klein. */
.v2 .article-title,
.v2 .guide-title,
.v2 .tool-title { font-size: 1rem; line-height: 1.35; }
.v2 .article-desc,
.v2 .guide-desc,
.v2 .tool-desc { font-size: .875rem; line-height: 1.6; }

/* Die Raster sind auf drei Spalten festgelegt. Stehen nur zwei Karten darin,
   blieb bisher eine leere Zelle stehen — mit Rundung faellt das als Luecke
   auf. Bei genau zwei Karten wird daher zweispaltig gesetzt. */
.v2 .article-grid:has(> :nth-child(2):last-child),
.v2 .guide-list:has(> :nth-child(2):last-child),
.v2 .tool-grid:has(> :nth-child(2):last-child) { grid-template-columns: 1fr 1fr; }
.v2 .article-card:last-child,
.v2 .guide-card:last-child,
.v2 .tool-card:last-child { border-right: none; }