/* NF Mentoring · pages/einwandbehandlung-finanzvertrieb.css · Build-Output von build.mjs – nicht von Hand ändern. Quellen: src/pages/einwandbehandlung-finanzvertrieb/, src/blocks/. */

/* ── src/blocks/cta-band.css ── */
/* Baustein cta-band · Namensraum .b-cta-band (Slice V5-P0). Steht in einer Section mit data-theme (Farben über --text …).
   Rev. 6 (V9-A0): ruhiger, symmetrischer Schlussblock auf white oder grey: zentriert, höchstens 640 px breit, Text 36rem,
   gleiche Abstände (die Section liefert oben/unten --section-y), Knopf einzeilig mit Microcopy darunter, mobil volle Breite.
   Keine eigene Fläche, kein Verlauf, kein Raster: Hintergrund, Schrift (--text/--text-soft/--text-mute ≥ 4,5:1) und der zarte
   Rotschein des Knopfs (--nf-shadow-btn-hell) kommen aus dem Theme der Section.
   V11-C (Farbwelt Rev. 7, bauplan v11 §1/§4): Schluss-CTA auf data-theme="red" (Rot-Verlauf); der Primärknopf liest --btn1-*
   und steht dort invers (weiß mit rotem Text, 6,98:1), Microcopy --text-mute (Weiß 85 %, 5,39:1 am hellsten Stopp #AE1D2B).
   Variante, wenn die Section davor dunkel ist (olive/red, nie zwei dunkle Flächen nacheinander): dieselbe Section mit
   data-theme="olive-light" (Knopf Rot-Verlauf, Microcopy grey-500 4,62:1 am Verlaufsende); der Baustein selbst bleibt
   gleich: die Section in src/pages wählt das Attribut (Regel: Vorgänger-Section olive oder red → olive-light, sonst red). */
.b-cta-band { display: grid; justify-items: center; gap: 16px; width: 100%; max-width: 40rem; margin-inline: auto; text-align: center; }
.b-cta-band__titel { max-width: 100%; }
.b-cta-band__text { max-width: 36rem; }
.b-cta-band__aktion { display: grid; justify-items: center; gap: 12px; margin-top: 12px; }
.b-cta-band__cta { white-space: nowrap; }
.b-cta-band__micro { margin: 0; color: var(--text-mute); }
@media (max-width: 599px) {
  .b-cta-band__aktion { justify-items: stretch; width: 100%; }
  .b-cta-band__cta { width: 100%; }
}
@media (max-width: 400px) { .b-cta-band__cta { white-space: normal; } .b-cta-band__cta, .b-cta-band__micro { text-wrap: balance; } }   /* V9-FX1 (mob-freebies-05): keine Waise „passt“/„unverbindlich“ */

/* ── src/pages/einwandbehandlung-finanzvertrieb/01-text.css ── */
/* Artikel · 01-text · Namensraum .pg-einwandbehandlung-finanzvertrieb-01-text (Slice V5-PB). ERZEUGT aus src/pages/_artikel/text.css, nicht von Hand ändern.
   Weiß (Revision 3, farbwelt.md §3.2). Kopf mit Brotkrumen, H1 (Akzentwort Playfair Italic), Unterzeile, Leitsatz, Datum und Lesezeit. Darunter ab 1100 px
   zwei Spalten: links das Inhaltsverzeichnis (klebt unter dem Header), rechts die Lesespalte (≤ 68 Zeichen, 18 px). Darunter
   einspaltig, Inhaltsverzeichnis als Kasten vor dem Text, so breit wie die Lesespalte (V9: rechte Kanten fluchten). Kurzfassung
   und Zwischen-CTA als graue Kacheln (grey-50) auf Weiß. */
.pg-einwandbehandlung-finanzvertrieb-01-text { padding-top: calc(var(--header-h) + clamp(40px, 6vw, 88px)); }
.pg-einwandbehandlung-finanzvertrieb-01-text .pg-einwandbehandlung-finanzvertrieb-01-text__krumen .breadcrumb__list { margin-bottom: clamp(20px, 3vw, 32px); }
.pg-einwandbehandlung-finanzvertrieb-01-text .pg-einwandbehandlung-finanzvertrieb-01-text__krumen li[aria-current] { flex: 1 1 8em; min-width: 0; max-width: 44ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }   /* V9: nimmt den Rest der Zeile statt starrer Breite (kein Umbruch mit verwaistem Trenner) */
.pg-einwandbehandlung-finanzvertrieb-01-text__kopf { max-width: 56rem; }
.pg-einwandbehandlung-finanzvertrieb-01-text .pg-einwandbehandlung-finanzvertrieb-01-text__titel { font-size: clamp(2rem, 1.35rem + 2.3vw, 3.25rem); line-height: 1.1; text-wrap: balance; }
.pg-einwandbehandlung-finanzvertrieb-01-text__unterzeile { display: block; margin-top: 0.3em; color: var(--text-soft); font-size: 0.62em; font-weight: 700; line-height: 1.25; letter-spacing: -0.005em; }
.pg-einwandbehandlung-finanzvertrieb-01-text__lead { max-width: 46rem; margin-top: clamp(18px, 2vw, 24px); }
.pg-einwandbehandlung-finanzvertrieb-01-text__meta { display: flex; flex-wrap: wrap; gap: 0 2px; margin: 18px 0 0; color: var(--text-mute); font-size: var(--fs-small); }

.pg-einwandbehandlung-finanzvertrieb-01-text__raster { display: grid; gap: clamp(28px, 4vw, 48px); margin-top: clamp(32px, 5vw, 56px); }

/* Inhaltsverzeichnis */
.pg-einwandbehandlung-finanzvertrieb-01-text__toc { align-self: start; max-width: 68ch; padding: 22px 24px; border: 1px solid var(--surface-card-line); border-radius: var(--radius-md); background: var(--surface-card); font-size: 1.125rem; }   /* auf white: Kachel grey-50; 68ch bei 18 px = Lesespalte (Innenschriften in rem) */
.pg-einwandbehandlung-finanzvertrieb-01-text .pg-einwandbehandlung-finanzvertrieb-01-text__toc-titel { margin: 0 0 12px; color: var(--text); font-size: var(--fs-small); font-weight: 800; letter-spacing: 0.02em; }
.pg-einwandbehandlung-finanzvertrieb-01-text__toc ol { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; }
.pg-einwandbehandlung-finanzvertrieb-01-text__toc a {
  display: block;
  padding: 11px 10px;   /* FE-2: Tippziel ≥ 44 px (vorher 37) */
  margin-inline: -10px;
  border-radius: 10px;
  color: var(--text-soft);
  font-size: 0.9375rem;
  line-height: 1.4;
  text-decoration: none;
  transition: color var(--dur-ui) var(--ease-out), background-color var(--dur-ui) var(--ease-out);
}
.pg-einwandbehandlung-finanzvertrieb-01-text__toc a:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
@media (hover: hover) and (pointer: fine) {
  .pg-einwandbehandlung-finanzvertrieb-01-text__toc a:hover { color: var(--accent-text); background: var(--nf-tint-olive); }
}

/* Lesespalte */
.pg-einwandbehandlung-finanzvertrieb-01-text__text { min-width: 0; max-width: 68ch; color: var(--text-soft); font-size: 1.125rem; line-height: 1.75; }
.pg-einwandbehandlung-finanzvertrieb-01-text__text > p, .pg-einwandbehandlung-finanzvertrieb-01-text__text > ul, .pg-einwandbehandlung-finanzvertrieb-01-text__text > ol { margin: 0 0 1.05em; }
.pg-einwandbehandlung-finanzvertrieb-01-text__text > ul, .pg-einwandbehandlung-finanzvertrieb-01-text__text > ol { padding-left: 1.3em; }
.pg-einwandbehandlung-finanzvertrieb-01-text__text li + li { margin-top: 0.4em; }
.pg-einwandbehandlung-finanzvertrieb-01-text__text li::marker { color: var(--nf-olive); }
.pg-einwandbehandlung-finanzvertrieb-01-text__text strong { color: var(--text); font-weight: 800; }
/* Nur Fließtext-Links: Der Knopf im Zwischen-CTA (a.btn) behält Farbe, Unterstreichung und Fokus aus base.css (Slice V5-FX2) */
.pg-einwandbehandlung-finanzvertrieb-01-text__text a:not(.btn) { color: var(--nf-wine); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.pg-einwandbehandlung-finanzvertrieb-01-text__text a:not(.btn):focus-visible { outline: 2px solid var(--nf-wine); outline-offset: 2px; border-radius: 4px; }
.pg-einwandbehandlung-finanzvertrieb-01-text .pg-einwandbehandlung-finanzvertrieb-01-text__h2 {
  margin: 2.1em 0 0.55em;
  color: var(--text);
  font: 800 clamp(1.5rem, 1.2rem + 1vw, 2rem)/1.2 var(--font-sans);
  letter-spacing: -0.015em;
  text-wrap: balance;
  scroll-margin-top: calc(var(--header-h) + 24px);
}
.pg-einwandbehandlung-finanzvertrieb-01-text .pg-einwandbehandlung-finanzvertrieb-01-text__h3 { margin: 1.9em 0 0.5em; color: var(--text); font: 800 1.3125rem/1.3 var(--font-sans); text-wrap: balance; scroll-margin-top: calc(var(--header-h) + 24px); }
.pg-einwandbehandlung-finanzvertrieb-01-text .pg-einwandbehandlung-finanzvertrieb-01-text__h4 { margin: 1.6em 0 0.4em; color: var(--text); font: 800 1.125rem/1.35 var(--font-sans); scroll-margin-top: calc(var(--header-h) + 24px); }

/* Kurzfassung */
.pg-einwandbehandlung-finanzvertrieb-01-text__kurz {
  margin: 0 0 clamp(28px, 4vw, 40px);
  padding: clamp(22px, 3vw, 32px);
  border: 1px solid var(--surface-card-line);
  border-radius: var(--radius-lg);
  background: var(--surface-card);
  font-size: 1.0625rem;
}
.pg-einwandbehandlung-finanzvertrieb-01-text .pg-einwandbehandlung-finanzvertrieb-01-text__kurz-titel { margin: 0 0 14px; color: var(--nf-olive-deep); font: 800 1.125rem/1.3 var(--font-sans); letter-spacing: 0.01em; }
.pg-einwandbehandlung-finanzvertrieb-01-text__kurz p, .pg-einwandbehandlung-finanzvertrieb-01-text__kurz ul, .pg-einwandbehandlung-finanzvertrieb-01-text__kurz ol { margin: 0 0 0.9em; }
.pg-einwandbehandlung-finanzvertrieb-01-text__kurz ul, .pg-einwandbehandlung-finanzvertrieb-01-text__kurz ol { padding-left: 1.3em; }
.pg-einwandbehandlung-finanzvertrieb-01-text__kurz > :last-child { margin-bottom: 0; }

/* V10-D2 (mass-sub2-01): mobil schoben Inhaltsverzeichnis (631–736 px) und Kurzfassung (bis 1,36 Bildschirmhöhen) den Artikeltext
   auf den dritten Bildschirm. Das Verzeichnis ist eine Klappe (details in nav, Zeile mit Pfeil, 52 px Tippziel), mobil zu; ab 600 px
   öffnet text.js sie und der Schalter ist nur Titel (ohne JS zeigt ::details-content die Liste trotzdem). Kurzfassung mobil dichter
   gesetzt (1 rem, Zeilenhöhe 1,55, 18 px Innenabstand). Texte unverändert. */
.pg-einwandbehandlung-finanzvertrieb-01-text__toc-schalter { display: flex; align-items: center; justify-content: space-between; gap: 12px; list-style: none; cursor: pointer; }
.pg-einwandbehandlung-finanzvertrieb-01-text__toc-schalter::-webkit-details-marker { display: none; }
.pg-einwandbehandlung-finanzvertrieb-01-text .pg-einwandbehandlung-finanzvertrieb-01-text__toc-schalter .pg-einwandbehandlung-finanzvertrieb-01-text__toc-titel { margin: 0; }
@media (max-width: 599px) {
  .pg-einwandbehandlung-finanzvertrieb-01-text__toc:has(> .pg-einwandbehandlung-finanzvertrieb-01-text__toc-klapp) { padding: 0 18px; }   /* nur mit Klappe: Admin-Beiträge (server/blog/render.mjs) behalten nav > h2 + ol */
  .pg-einwandbehandlung-finanzvertrieb-01-text__toc-schalter { min-height: 52px; margin-inline: -18px; padding-inline: 18px; border-radius: var(--radius-md); }
  .pg-einwandbehandlung-finanzvertrieb-01-text__toc-schalter::after {
    content: "";
    flex: none;
    width: 9px; height: 9px;
    margin: -4px 4px 0 0;
    border-right: 2px solid var(--nf-olive);
    border-bottom: 2px solid var(--nf-olive);
    transform: rotate(45deg);
    transition: transform var(--dur-ui) var(--ease-out), margin var(--dur-ui) var(--ease-out);
  }
  .pg-einwandbehandlung-finanzvertrieb-01-text__toc-klapp[open] > .pg-einwandbehandlung-finanzvertrieb-01-text__toc-schalter::after { margin-top: 4px; transform: rotate(-135deg); }
  .pg-einwandbehandlung-finanzvertrieb-01-text__toc-schalter:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: -2px; }
  .pg-einwandbehandlung-finanzvertrieb-01-text__toc-klapp > ol { padding-bottom: 14px; }
  .pg-einwandbehandlung-finanzvertrieb-01-text__kurz { padding: 18px; font-size: 1rem; line-height: 1.55; }
  .pg-einwandbehandlung-finanzvertrieb-01-text__kurz p, .pg-einwandbehandlung-finanzvertrieb-01-text__kurz ul, .pg-einwandbehandlung-finanzvertrieb-01-text__kurz ol { margin-bottom: 0.7em; }
}
@media (min-width: 600px) {
  .pg-einwandbehandlung-finanzvertrieb-01-text__toc-schalter { margin-bottom: 12px; }
  .pg-einwandbehandlung-finanzvertrieb-01-text__toc-klapp::details-content { content-visibility: visible; }
  .pg-einwandbehandlung-finanzvertrieb-01-text__toc-klapp[open] > .pg-einwandbehandlung-finanzvertrieb-01-text__toc-schalter { cursor: default; pointer-events: none; }
}

/* Zwischen-CTA im Lesefluss: Hell-Oliv-Kachel (data-theme="olive-light") auf der weißen Lesefläche mit rotem Button. Rev. 7 (V11-D):
   Kachel malt den Verlauf ihres Themes (Fläche nie flach), Schluss-Band rot nach Hell-Oliv „Weitere Artikel“. */
.pg-einwandbehandlung-finanzvertrieb-01-text__cta {
  display: grid;
  justify-items: start;
  gap: 14px;
  margin: clamp(28px, 4vw, 40px) 0;
  padding: clamp(22px, 3vw, 30px);
  border: 1px solid var(--hairline);
  border-radius: var(--radius-lg);
  background: var(--bg-image, none) var(--bg);
  color: var(--text);
}
.pg-einwandbehandlung-finanzvertrieb-01-text .pg-einwandbehandlung-finanzvertrieb-01-text__cta-text { margin: 0; color: var(--text); font: 800 clamp(1.1875rem, 1.05rem + 0.5vw, 1.375rem)/1.3 var(--font-sans); text-wrap: balance; }
.pg-einwandbehandlung-finanzvertrieb-01-text .pg-einwandbehandlung-finanzvertrieb-01-text__cta-micro { margin: 0; color: var(--text-mute); }

/* Mobil: Knopf kompakt wie der CTA auf der Startseite (09-weg: Abstand 10 px, links 22 px) und Karte seitlich 18 px, damit
   „Jetzt herausfinden, ob es passt“ ab 390 px in eine Zeile passt (Knopf 315 px, Platz 317 px); schmaler bricht er linksbündig um. */
@media (max-width: 480px) {
  .pg-einwandbehandlung-finanzvertrieb-01-text__cta { padding-inline: 18px; }
  .pg-einwandbehandlung-finanzvertrieb-01-text .pg-einwandbehandlung-finanzvertrieb-01-text__cta-btn { gap: 10px; padding-left: 22px; white-space: normal; text-align: left; }
}
/* V9: unter 390 px ist „Einwandbehandlung“ bei 32 px breiter als die Spalte (rechter Rand 0) und „Delegation“ stünde allein
   in Zeile 1; 28 px lassen beidseitig Luft */
@media (max-width: 389px) {
  .pg-einwandbehandlung-finanzvertrieb-01-text .pg-einwandbehandlung-finanzvertrieb-01-text__titel { font-size: 1.75rem; }
}

@media (min-width: 1100px) {
  .pg-einwandbehandlung-finanzvertrieb-01-text__raster { grid-template-columns: minmax(0, 17.5rem) minmax(0, 68ch); column-gap: clamp(48px, 5vw, 88px); }
  .pg-einwandbehandlung-finanzvertrieb-01-text__toc { position: sticky; top: calc(var(--header-h) + 24px); max-height: calc(100vh - var(--header-h) - 48px); overflow: auto; }
}

/* ── src/pages/einwandbehandlung-finanzvertrieb/02-mehr.css ── */
/* Artikel · 02-mehr · Namensraum .pg-einwandbehandlung-finanzvertrieb-02-mehr (Slice V5-PB). ERZEUGT aus src/pages/_artikel/mehr.css, nicht von Hand ändern.
   Revision 3 (farbwelt.md §3.2): grau (data-theme="grey"), weiße Karten mit weichem Schatten; Farben aus den Rollen. Kopfzeile „Weitere Artikel“ + Link zum Hub, darunter zwei weiße Karten (mobil untereinander,
   ab 768 px nebeneinander). Die ganze Karte ist über den Titel-Link klickbar (::after). */
.pg-einwandbehandlung-finanzvertrieb-02-mehr { padding-top: var(--section-y); }
.pg-einwandbehandlung-finanzvertrieb-02-mehr__kopf { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 12px 24px; margin-bottom: clamp(20px, 3vw, 32px); }
.pg-einwandbehandlung-finanzvertrieb-02-mehr .pg-einwandbehandlung-finanzvertrieb-02-mehr__titel { margin: 0; color: var(--text); font: 800 var(--fs-h3)/1.2 var(--font-sans); }
.pg-einwandbehandlung-finanzvertrieb-02-mehr__alle { color: var(--text); }
.pg-einwandbehandlung-finanzvertrieb-02-mehr__liste { display: grid; gap: 16px; margin: 0; padding: 0; list-style: none; }
.pg-einwandbehandlung-finanzvertrieb-02-mehr__karte {
  position: relative;
  display: grid;
  align-content: start;
  gap: 10px;
  padding: clamp(22px, 3vw, 30px);
  border: 1px solid var(--surface-card-line);
  border-radius: var(--radius-md);
  background: var(--surface-card);
  box-shadow: var(--shadow-card);
  transition: border-color var(--dur-ui) var(--ease-out), box-shadow var(--dur-ui) var(--ease-out), transform var(--dur-ui) var(--ease-out);
}
.pg-einwandbehandlung-finanzvertrieb-02-mehr__meta { display: flex; flex-wrap: wrap; gap: 0 2px; margin: 0; color: var(--text-mute); font-size: var(--fs-small); }
.pg-einwandbehandlung-finanzvertrieb-02-mehr__karte-titel { margin: 0; color: var(--text); font: 800 clamp(1.1875rem, 1.05rem + 0.5vw, 1.375rem)/1.3 var(--font-sans); text-wrap: balance; }
.pg-einwandbehandlung-finanzvertrieb-02-mehr__link { color: inherit; text-decoration: none; }
.pg-einwandbehandlung-finanzvertrieb-02-mehr__link::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.pg-einwandbehandlung-finanzvertrieb-02-mehr__link:focus-visible { outline: none; }
.pg-einwandbehandlung-finanzvertrieb-02-mehr__karte:has(.pg-einwandbehandlung-finanzvertrieb-02-mehr__link:focus-visible) { outline: 2px solid var(--focus-ring); outline-offset: 3px; }
.pg-einwandbehandlung-finanzvertrieb-02-mehr__text { margin: 0; color: var(--text-soft); line-height: 1.6; }
.pg-einwandbehandlung-finanzvertrieb-02-mehr__mehr { margin-top: 6px; color: var(--nf-wine); }
@media (hover: hover) and (pointer: fine) {
  .pg-einwandbehandlung-finanzvertrieb-02-mehr__karte:hover { border-color: var(--nf-line-olive-pill); box-shadow: var(--shadow-media); transform: translateY(-2px); }
  .pg-einwandbehandlung-finanzvertrieb-02-mehr__karte:hover .pg-einwandbehandlung-finanzvertrieb-02-mehr__mehr svg { transform: translateX(4px); }
}
@media (prefers-reduced-motion: reduce) {
  .pg-einwandbehandlung-finanzvertrieb-02-mehr__karte { transition: none; }
  .pg-einwandbehandlung-finanzvertrieb-02-mehr__karte:hover { transform: none; }
}
@media (min-width: 768px) {
  .pg-einwandbehandlung-finanzvertrieb-02-mehr__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}