/* =====================================================================
   Design v2 – Seitenart „Einstieg“ (Seitenkonzept 10/2026, EE/14_design/seitenkonzept_2026-10.md, Freigabe 05.10.2026)
   Nur auf Seiten mit body.v2-einstieg geladen (Startseite, Themenseiten, Beratung, Unternehmen). Gestaltung nach der
   freigegebenen Vorschau (14_design/prototypen/seitenkonzept/vorschau.css); das HTML der Bühne, des Schnellzugriffs, der
   Weg-Leiste usw. erzeugt der Server (resources/views-v2/cms/einstieg). Kacheln und Knöpfe: inhalt.css (alle Seiten).
   Farben nur aus den Marken-Tokens (abgeleitete Töne per color-mix), Abstände im 4er-Raster, mobile-first (min-width).
   ===================================================================== */
:root {
  --z-zart: color-mix(in srgb, var(--ee-rot-zart) 22%, #fff);     /* Bühnen-Hintergrund, aus Markenrot abgeleitet */
  --z-zart-2: color-mix(in srgb, var(--ee-rot-zart) 45%, #fff);   /* Symbol-Kreise */
}

/* ---------- Bühne (erster Bildschirm) ---------- */
.v2-seite main .by-content-area.z-buehne { background: linear-gradient(180deg, var(--z-zart) 0%, #fff 100%); padding-block: var(--s-5) var(--s-7); border-bottom: 1px solid var(--c-linie); }
.z-buehne__innen { max-width: var(--breite); margin-inline: auto; padding-inline: var(--rand); display: grid; gap: var(--s-6); grid-template-columns: minmax(0, 1fr); align-items: center; }
@media (min-width: 64rem) {
  .v2-seite main .by-content-area.z-buehne { padding-block: var(--s-7) var(--s-8); }
  .z-buehne__innen { grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr); gap: var(--s-8); }
  .z-buehne__innen--einspaltig { grid-template-columns: minmax(0, 1fr); }
  /* mit Zusatz (Termin-Finder): links Text und Zusatz untereinander, rechts der Schnellzugriff über beide Zeilen */
  .z-buehne__innen--zusatz { align-items: start; row-gap: 0; }
  .z-buehne__innen--zusatz > .z-buehne__text { grid-column: 1; grid-row: 1; }
  .z-buehne__innen--zusatz > .z-buehne__rechts { grid-column: 2; grid-row: 1 / span 2; }
  .z-buehne__innen--zusatz > .z-buehne__zusatz { grid-column: 1; grid-row: 2; margin-top: var(--s-5); }
}
.v2-seite main .z-buehne .by-section { padding-inline: 0; max-width: none; margin: 0; }
.v2-seite main .z-buehne .by-section > * { max-width: 36rem; }
.v2-seite main .z-buehne__innen--einspaltig .by-section > * { max-width: 46rem; }
.v2-seite main .z-buehne .by-section + .by-section { margin-top: var(--s-3); }
.v2-seite main .z-buehne .com-headline { text-align: left; }
.v2-seite main .z-buehne h1 { font-size: clamp(2.1rem, 1.35rem + 2.7vw, 3.5rem); line-height: 1.08; letter-spacing: -.025em; color: var(--ee-text); margin: 0; }
.v2-seite main .z-buehne .com-headline__subheadline { font-size: var(--fs-lead) !important; color: var(--ee-text) !important; font-weight: 600 !important; margin-top: var(--s-3) !important; }
.v2-seite main .z-buehne :is(.com-text, .com-quote) p { font-size: var(--fs-lead); line-height: 1.6; color: var(--ee-grau-800); }
.v2-seite main .z-buehne .com-quote__inner { border: 0; padding: 0; background: none; }
.v2-seite main .z-buehne .com-quote__inner__message { color: var(--ee-grau-800); }
.z-dachzeile { display: inline-flex; align-items: center; gap: .5rem; margin: 0 0 var(--s-4); font-size: .8125rem; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; color: var(--ee-rot-dunkel); line-height: 1.5; }
.z-dachzeile::before { content: ""; flex: none; width: 22px; height: 2px; background: var(--ee-rot); }
.z-knoepfe { display: flex; flex-wrap: wrap; gap: var(--s-3); margin-top: var(--s-5); }
@media (max-width: 39.99rem) { .z-knoepfe .v2-btn { width: 100%; } }
.z-knoepfe .v2-btn svg, .z-land .v2-btn svg { width: 20px; height: 20px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* Vertrauenszeile (SK-11) */
.z-vertrauen { display: flex; flex-wrap: wrap; gap: var(--s-2) var(--s-5); margin: var(--s-5) 0 0; padding: 0; list-style: none; font-size: .9375rem; color: var(--ee-grau-800); }
.z-vertrauen li { display: inline-flex; align-items: center; gap: .45rem; margin: 0; }
.v2-seite main .z-vertrauen a { color: inherit !important; text-decoration: none !important; display: inline-flex; align-items: center; gap: .45rem; min-height: 44px; }
.v2-seite main .z-vertrauen a:hover { color: var(--ee-rot-dunkel) !important; text-decoration: underline !important; }
.z-vertrauen svg { width: 18px; height: 18px; stroke: var(--ee-rot); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.z-sterne { color: var(--ee-rot); letter-spacing: .08em; font-size: 1rem; }
@media (max-width: 47.99rem) { .z-vertrauen li:nth-child(3) { display: none; } .z-vertrauen { font-size: .875rem; gap: var(--s-1) var(--s-4); } }
.z-buehne__rechts .z-vertrauen { margin-top: var(--s-4); padding-inline: var(--s-2); }

/* Produktbild */
.z-buehne__bild img { display: block; width: 100%; height: auto; border-radius: var(--karte-radius); }

/* Schnellzugriff „Was möchten Sie tun?“ */
.z-aufgaben { background: #fff; border-radius: var(--karte-radius); box-shadow: var(--karte-schatten-hoch); padding: var(--s-3); }
.z-aufgaben__titel { margin: var(--s-3) var(--s-4) var(--s-2); font-size: .8125rem; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; color: var(--c-text-2); }
.z-aufgaben ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.z-aufgaben li { margin: 0; }
.v2-seite main .z-aufgaben a { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: center; gap: var(--s-4); padding: var(--s-3) var(--s-4); min-height: 64px;
  border-radius: 14px; color: var(--ee-text) !important; text-decoration: none !important; transition: background-color .15s; }
.v2-seite main .z-aufgaben a:hover { background: var(--z-zart); color: var(--ee-text) !important; }
.z-aufgaben a::after { content: "→"; color: var(--ee-rot); font-size: 1.15rem; transition: transform .15s; }
.z-aufgaben a:hover::after { transform: translateX(3px); }
.z-aufgaben b { display: block; font-weight: 600; font-size: 1.0625rem; line-height: 1.3; }
.z-aufgaben small { display: block; color: var(--c-text-2); font-size: .9375rem; line-height: 1.4; margin-top: 2px; }
.z-symbol { width: 48px; height: 48px; border-radius: 14px; background: var(--z-zart-2); display: grid; place-items: center; flex: none; }
.z-symbol svg { width: 24px; height: 24px; stroke: var(--ee-rot-dunkel); fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.v2-seite main .z-aufgaben li:first-child a { background: var(--ee-rot); color: #fff !important; }
.z-aufgaben li:first-child a::after, .z-aufgaben li:first-child small { color: #fff; }
.z-aufgaben li:first-child .z-symbol { background: rgba(255,255,255,.18); }
.z-aufgaben li:first-child .z-symbol svg { stroke: #fff; }
.v2-seite main .z-aufgaben li:first-child a:hover { background: var(--ee-rot-dunkel); color: #fff !important; }
@media (prefers-reduced-motion: reduce) { .z-aufgaben a::after { transition: none; } }

/* Aktuell-Leiste: Hinweis aus dem ersten Abschnitt unter der Bühne */
.z-aktuell { max-width: var(--breite); margin: var(--s-6) auto 0; padding-inline: var(--rand); }
.v2-seite .z-aktuell .by-section { padding-inline: 0; }
.v2-seite .z-aktuell .com-infobox > * { max-width: none; }
.v2-seite .z-aktuell .com-infobox__inner { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--s-4); align-items: start;
  background: var(--ee-gelb-zart); border: 0; border-radius: 14px; padding: var(--s-4) var(--s-5); }
.v2-seite .z-aktuell .com-infobox__inner p { margin: 0; font-size: 1rem; }
.v2-seite .z-aktuell .com-infobox__icon { display: none; }
.v2-seite .z-aktuell .com-infobox__inner::before { content: "Aktuell"; font-size: .75rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; background: var(--ee-text); color: #fff; border-radius: 999px; padding: .2rem .65rem; margin-top: .15rem; }
html[lang^="en"] .v2-seite .z-aktuell .com-infobox__inner::before { content: "Update"; }
.v2-seite .z-aktuell + .by-content-area { padding-top: var(--abschnitt); }

/* ---------- Abschnittsköpfe mittig, Inhalte darunter in voller Breite ---------- */
.v2-einstieg main .by-content-area > .com-headline { text-align: center; }
.v2-einstieg main .by-content-area > .com-headline > * { margin-inline: auto; max-width: 46rem; }
.v2-einstieg main .by-content-area > .com-headline h2 { font-size: clamp(1.6rem, 1.25rem + 1.3vw, 2.4rem); letter-spacing: -.015em; }
.v2-einstieg main .com-headline p.h3, .v2-einstieg main .com-headline .h3 { font-weight: 400 !important; color: var(--ee-grau-800); font-size: var(--fs-lead) !important; }
.v2-einstieg main .z-einleitung { text-align: center; }
.v2-einstieg main .z-einleitung > * { margin-inline: auto; max-width: 44rem; }
.v2-einstieg main .z-einleitung p { color: var(--ee-grau-800); }
.v2-einstieg main .by-content-area { padding-bottom: var(--abschnitt); }
.v2-einstieg main .by-content-area:not(.z-buehne) { padding-top: var(--abschnitt); }
.v2-einstieg main .z-zentriert { text-align: center; }
.v2-einstieg main .z-zentriert > * { margin-inline: auto; }
/* einzelne Kästen (Hinweis-Text, Testsieger-Hinweis) nicht links verloren, sondern mittig */
.v2-einstieg main .by-content-area > .com-text:has(.bordered-text, .content-bg-secondary) > * { margin-inline: auto; max-width: 50rem; }
.v2-einstieg main .com-text__inner.bordered-text { border-radius: 14px; }

/* Hinweis-Kästen auf Einstiegsseiten: schmale gelbe Leiste in voller Breite */
.v2-einstieg main .com-infobox:not(.z-aktuell *) > * { max-width: none; }
.v2-einstieg main .com-infobox:not(.z-aktuell *) .com-infobox__inner { background: var(--ee-gelb-zart); border: 0; border-radius: 14px; padding: var(--s-4) var(--s-5); }
.v2-einstieg main .com-infobox:not(.z-aktuell *) .com-infobox__icon { display: none; }

/* Linklisten als Themenregister */
.v2-einstieg main .com-linklist.layout-rows:not(.com-three-cols *) .com-linklist__list,
.v2-einstieg main .com-linklist.layout-textlinks .com-linklist__list { grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr)); column-gap: var(--s-7); }
.v2-einstieg main .com-linklist.layout-textlinks { background: var(--ee-grau-100); border-radius: var(--karte-radius); padding: var(--s-5) var(--s-6); max-width: calc(var(--breite) - 2 * var(--rand)); }
.v2-einstieg main .com-two-cols:has(.wrapper-has-bg) .com-two-cols__wrapper { max-width: 60rem; margin-inline: auto; }

/* Zitat mittig und groß */
.v2-einstieg main .com-quote:not(.z-buehne *) > * { max-width: none; }
.v2-einstieg main .com-quote:not(.z-buehne *) .com-quote__inner { max-width: 50rem; margin-inline: auto; text-align: center; border: 0; background: none; padding: 0; }
.v2-einstieg main .com-quote:not(.z-buehne *) .com-quote__inner::before { content: "„" !important; display: block !important; font-size: 5rem; line-height: .6; color: var(--ee-rot); font-family: Georgia, serif; margin-bottom: var(--s-3); }
.v2-einstieg main .com-quote:not(.z-buehne *) p { font-size: clamp(1.15rem, 1rem + .6vw, 1.45rem); line-height: 1.55; }

/* Videos mittig */
.v2-einstieg main .com-video > * { margin-inline: auto; max-width: 52rem; }
.v2-einstieg main .com-video .com-video__container { border-radius: var(--karte-radius); }

/* Zwei Spalten: mittig zueinander, Bilder gerundet; Spalten ohne Bild mittig in Lesebreite */
.v2-einstieg main .com-two-cols__wrapper { align-items: center; gap: var(--s-7); }
.v2-einstieg main .com-two-cols__col img { border-radius: var(--karte-radius); }
.v2-einstieg main .com-two-cols__col .com-text > * { max-width: none; }
.v2-einstieg main .com-two-cols .com-image > * { max-width: none; }
.v2-einstieg main .com-two-cols:not(:has(img, .com-video, .wrapper-has-bg)) .com-two-cols__wrapper { max-width: 60rem; margin-inline: auto; }

/* Rechner-Kasten mit Knopf (Kindergeld, Elternzeit, Mutterschaftsgeld) */
.v2-seite main .z-werkzeugkasten { background: #fff; border: 1px solid var(--c-linie); border-radius: var(--karte-radius); box-shadow: var(--karte-schatten); padding: var(--s-5); }
.v2-seite main .z-werkzeugkasten .com-button { margin-top: var(--s-4); }
.v2-seite main .z-werkzeugkasten .com-text__inner { border: 0; padding: 0; background: none; }

/* Einzelne Teaserbox (z. B. Beratung): große geteilte Karte */
.v2-einstieg main .com-teaserbox > * { max-width: none; }
.v2-einstieg main .com-teaserbox__inner { display: grid; grid-template-columns: minmax(0, 1fr); background: #fff; padding: 0; }
@media (min-width: 48rem) { .v2-einstieg main .com-teaserbox__inner.has-image { grid-template-columns: 5fr 7fr; align-items: center; } }
/* Handy/Tablet hochkant: Bild im Seitenverhältnis des Motivs (2:1, WordPress-Größen 768 × 384 …). Mit 4:3 wurde die Frau auf dem
   Beratungsfoto rechts angeschnitten (Hand/Telefon, Logo oben rechts weg); ab 48 rem füllt das Bild die Kartenhöhe (siehe unten). */
.v2-einstieg main .com-teaserbox__inner__image img { width: 100%; height: 100%; aspect-ratio: 2 / 1; object-fit: cover; object-position: center top; border-radius: 0; }
.v2-einstieg main .com-teaserbox__inner__content { padding: var(--s-6); background: #fff; color: var(--ee-text); }
.v2-einstieg main .com-teaserbox__inner__content :is(h2, h3, h4, .h3, .h4, p:first-child) { font-size: var(--fs-h3); font-weight: 600; }
.v2-einstieg main .com-teaserbox__inner__content a { display: inline-flex; align-items: center; min-height: 52px; padding: 0 1.6rem; border-radius: 999px; background: var(--ee-rot); color: #fff !important; border: 0; font-weight: 600; text-decoration: none; margin-top: var(--s-3); }
.v2-einstieg main .com-teaserbox__inner__content a:hover { background: var(--ee-rot-dunkel); }
/* Text-Kasten direkt nach einer Teaserbox (Startseite) */
.v2-einstieg main .com-teaserbox + .com-text .com-text__inner { max-width: 50rem; margin: var(--s-6) auto 0; background: var(--ee-grau-100); border: 0; border-radius: var(--karte-radius); padding: var(--s-6); }
.v2-einstieg main .com-teaserbox + .com-text > * { max-width: none; }

/* Abschluss der Themenseiten (CJ-9): Rechnerkarte + Beratung */
.z-abschluss__raster { display: grid; gap: var(--s-5); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 48rem) { .z-abschluss__raster { grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); align-items: stretch; } }
/* Rechnerkarte + Beratungs-Teaser (mit Bild): Teaser breiter und quer, Rechnerkarte daneben */
@media (min-width: 64rem) { .z-abschluss__raster:has(> .com-teaserbox):has(> .z-karte) { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); } }
.v2-seite main .z-abschluss .com-teaserbox, .v2-seite main .z-abschluss .com-teaserbox__wrapper { height: 100%; margin: 0; }
.v2-seite main .z-abschluss .com-teaserbox__inner { height: 100%; }
@media (min-width: 48rem) and (max-width: 63.99rem) { .v2-einstieg main .z-abschluss .com-teaserbox__inner.has-image { grid-template-columns: 5fr 7fr; } }
.z-karte { position: relative; display: flex; flex-direction: column; justify-content: center; gap: var(--s-3); background: #fff; border: 1px solid var(--c-linie); border-radius: var(--karte-radius);
  box-shadow: var(--karte-schatten); padding: var(--s-6); transition: box-shadow .2s, transform .2s; }
.z-karte:hover { box-shadow: var(--karte-schatten-hoch); transform: translateY(-2px); }
@media (prefers-reduced-motion: reduce) { .z-karte:hover { transform: none; } }
.z-karte__titel { font-size: var(--fs-h3); font-weight: 600; line-height: var(--lh-kopf); margin: var(--s-2) 0 0; }
.z-karte__text { color: var(--ee-grau-800); margin: 0; }
.v2-seite main .z-link { padding-top: var(--s-2); font-weight: 600; color: var(--ee-rot) !important; text-decoration: none !important; display: inline-flex; gap: .35rem; align-items: center; min-height: 48px; }
.v2-seite main .z-link::after { content: "→"; transition: transform .15s; }
.v2-seite main .z-karte .z-link::before { content: ""; position: absolute; inset: 0; border-radius: inherit; }   /* ganze Karte klickbar */
.z-karte:hover .z-link::after { transform: translateX(3px); }

/* ---------- Weg-Leiste (Startseite, CJ-1) ---------- */
.v2-seite main .by-content-area.z-weg-bereich { background: var(--ee-grau-100); border-block: 1px solid var(--c-linie); }
.z-weg { max-width: var(--breite); margin: 0 auto; padding-inline: var(--rand); }
.z-weg .z-dachzeile { justify-content: center; }
.z-weg__titel { font-size: clamp(1.6rem, 1.25rem + 1.3vw, 2.4rem); font-weight: 600; line-height: 1.2; letter-spacing: -.015em; margin: 0 auto; max-width: 40rem; }
.z-weg ol { list-style: none; margin: var(--s-6) 0 0; padding: 0; display: grid; gap: var(--s-4); grid-template-columns: minmax(0, 1fr); counter-reset: weg; }
@media (min-width: 48rem) { .z-weg ol { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 72rem) { .z-weg ol { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-5); } }
.z-weg li { counter-increment: weg; position: relative; margin: 0; }
.v2-seite main .z-weg a { display: flex; flex-direction: column; height: 100%; padding: var(--s-5); border-radius: var(--karte-radius); background: #fff; border: 1px solid var(--c-linie);
  color: var(--ee-text) !important; text-decoration: none !important; box-shadow: var(--karte-schatten); transition: box-shadow .2s, transform .2s; position: relative; z-index: 1; }
.v2-seite main .z-weg a:hover { box-shadow: var(--karte-schatten-hoch); transform: translateY(-2px); color: var(--ee-text) !important; }
@media (prefers-reduced-motion: reduce) { .v2-seite main .z-weg a:hover { transform: none; } }
.z-weg a::before { content: counter(weg); width: 36px; height: 36px; border-radius: 50%; background: var(--ee-rot); color: #fff; display: grid; place-items: center; font-weight: 600; margin-bottom: var(--s-4); }
.z-weg .z-weg__preis { font-size: .8125rem; font-weight: 600; letter-spacing: .04em; color: var(--ee-rot-dunkel); text-transform: uppercase; }
.z-weg b { font-size: var(--fs-h4); line-height: 1.3; margin: var(--s-1) 0 var(--s-2); }
.z-weg .z-weg__text { color: var(--ee-grau-800); font-size: 1rem; line-height: 1.55; }
.z-weg em { font-style: normal; margin-top: auto; padding-top: var(--s-4); font-weight: 600; color: var(--ee-rot); }
@media (min-width: 72rem) { .z-weg li:not(:last-child)::after { content: ""; position: absolute; top: calc(var(--s-5) + 18px); left: calc(var(--s-5) + 44px); right: calc(-1 * var(--s-5) + 8px); height: 2px; background: repeating-linear-gradient(90deg, var(--ee-rot-hell) 0 6px, transparent 6px 12px); z-index: 2; pointer-events: none; } }

/* ---------- Bundesland wählen (Elterngeldantrag, CJ-5) ---------- */
.z-land { margin-top: var(--s-5); max-width: 36rem; }
.z-land__label { display: block; font-weight: 600; margin-bottom: var(--s-2); }
.z-land__zeile { display: flex; flex-wrap: wrap; gap: var(--s-3); }
.z-land select { flex: 1 1 14rem; min-height: 52px; padding: 0 var(--s-4); font: inherit; font-size: 1rem; color: var(--ee-text); background: #fff; border: 1.5px solid var(--ee-grau-500); border-radius: var(--radius-pill); }
.z-land select:focus-visible { outline: 3px solid var(--ee-rot-hell); border-color: var(--ee-rot); }
@media (max-width: 39.99rem) { .z-land .v2-btn { width: 100%; } }

/* ---------- Termin-Finder (Kindergeld, CJ-6): Anzeige ohne JavaScript über die Auswahlknöpfe ---------- */
.z-termine { max-width: 36rem; padding: var(--s-5); background: #fff; border: 1px solid var(--c-linie); border-radius: var(--karte-radius); box-shadow: var(--karte-schatten); }
.z-termine fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.z-termine__titel { display: flex; align-items: center; gap: var(--s-2); padding: 0; margin: 0; width: auto; border: 0; font-weight: 600; font-size: var(--fs-h4); line-height: 1.4; color: var(--ee-text); }
.z-termine__titel svg { width: 22px; height: 22px; stroke: var(--ee-rot); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.z-termine__frage { margin: var(--s-2) 0 var(--s-3); font-size: .9375rem; color: var(--c-text-2); }
.z-termine__wahl { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; pointer-events: none; }
.z-termine__ziffern { display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--s-2); }
@media (min-width: 30rem) { .z-termine__ziffern { grid-template-columns: repeat(10, 1fr); } }
.z-termine__ziffern label { display: grid; place-items: center; height: 48px; margin: 0; border: 1.5px solid var(--ee-grau-300); border-radius: var(--radius-s); font-weight: 600; font-size: 1.125rem; cursor: pointer; background: #fff; }
.z-termine__ziffern label:hover { border-color: var(--ee-rot); }
.z-termine__ergebnisse { list-style: none; margin: var(--s-3) 0 0; padding: 0; }
.z-termine__ergebnisse li { display: none; margin: 0; padding: var(--s-3) var(--s-4); background: var(--ee-grau-100); border-radius: var(--radius-s); line-height: 1.5; }
.z-termine__alle { margin: var(--s-3) 0 0; font-size: .9375rem; }
#z-endziffer-0:checked ~ .z-termine__ergebnisse .z-termine__ergebnis-0, #z-endziffer-1:checked ~ .z-termine__ergebnisse .z-termine__ergebnis-1,
#z-endziffer-2:checked ~ .z-termine__ergebnisse .z-termine__ergebnis-2, #z-endziffer-3:checked ~ .z-termine__ergebnisse .z-termine__ergebnis-3,
#z-endziffer-4:checked ~ .z-termine__ergebnisse .z-termine__ergebnis-4, #z-endziffer-5:checked ~ .z-termine__ergebnisse .z-termine__ergebnis-5,
#z-endziffer-6:checked ~ .z-termine__ergebnisse .z-termine__ergebnis-6, #z-endziffer-7:checked ~ .z-termine__ergebnisse .z-termine__ergebnis-7,
#z-endziffer-8:checked ~ .z-termine__ergebnisse .z-termine__ergebnis-8, #z-endziffer-9:checked ~ .z-termine__ergebnisse .z-termine__ergebnis-9 { display: block; }
#z-endziffer-0:checked ~ .z-termine__ziffern label[for="z-endziffer-0"], #z-endziffer-1:checked ~ .z-termine__ziffern label[for="z-endziffer-1"],
#z-endziffer-2:checked ~ .z-termine__ziffern label[for="z-endziffer-2"], #z-endziffer-3:checked ~ .z-termine__ziffern label[for="z-endziffer-3"],
#z-endziffer-4:checked ~ .z-termine__ziffern label[for="z-endziffer-4"], #z-endziffer-5:checked ~ .z-termine__ziffern label[for="z-endziffer-5"],
#z-endziffer-6:checked ~ .z-termine__ziffern label[for="z-endziffer-6"], #z-endziffer-7:checked ~ .z-termine__ziffern label[for="z-endziffer-7"],
#z-endziffer-8:checked ~ .z-termine__ziffern label[for="z-endziffer-8"], #z-endziffer-9:checked ~ .z-termine__ziffern label[for="z-endziffer-9"] { background: var(--ee-rot); border-color: var(--ee-rot); color: #fff; }
#z-endziffer-0:focus-visible ~ .z-termine__ziffern label[for="z-endziffer-0"], #z-endziffer-1:focus-visible ~ .z-termine__ziffern label[for="z-endziffer-1"],
#z-endziffer-2:focus-visible ~ .z-termine__ziffern label[for="z-endziffer-2"], #z-endziffer-3:focus-visible ~ .z-termine__ziffern label[for="z-endziffer-3"],
#z-endziffer-4:focus-visible ~ .z-termine__ziffern label[for="z-endziffer-4"], #z-endziffer-5:focus-visible ~ .z-termine__ziffern label[for="z-endziffer-5"],
#z-endziffer-6:focus-visible ~ .z-termine__ziffern label[for="z-endziffer-6"], #z-endziffer-7:focus-visible ~ .z-termine__ziffern label[for="z-endziffer-7"],
#z-endziffer-8:focus-visible ~ .z-termine__ziffern label[for="z-endziffer-8"], #z-endziffer-9:focus-visible ~ .z-termine__ziffern label[for="z-endziffer-9"] { outline: 3px solid var(--ee-text); outline-offset: 2px; }

/* ---------- Google-Bewertungen am Seitenende (laden erst nach Einwilligung) ---------- */
.v2-seite main .by-content-area.z-bewertungen { padding-block: var(--s-6); }
.v2-einstieg main .z-bewertungen .com-borlabs-shortcode > * { margin-inline: auto; }

/* ---------- Beratung: Pakete, Buchung und häufige Fragen mittig ---------- */
.v2-einstieg main .com-servicepackage > * { max-width: none; }
.v2-einstieg main .com-accordion-faq > * { margin-inline: auto; max-width: 52rem; }
.v2-einstieg main .com-ankernavi > * { margin-inline: auto; }
.v2-einstieg main #buchen { background: #fff; border: 1px solid var(--c-linie); border-radius: var(--karte-radius); box-shadow: var(--karte-schatten-hoch); padding: var(--s-6); max-width: 56rem; margin-inline: auto; }
.v2-einstieg main #buchen > * { margin-inline: auto; max-width: 52rem; }

/* ---------- Nichts „verloren linksbündig“ (Anmerkung Inhaber zur Beratung 05.10.2026, gilt für alle Einstiegsseiten) ---------- */
/* einzelne Knöpfe, Bewertungs-Hinweise und Hinweis-Texte eines Abschnitts mittig */
.v2-einstieg main .by-content-area > .com-button .com-button__wrapper { justify-content: center; }
.v2-einstieg main .by-content-area > .com-borlabs-shortcode > *,
.v2-einstieg main .by-content-area > .com-text:has(#pe_rating) > * { margin-inline: auto; }
.v2-einstieg main .by-content-area > .com-text:has(#pe_rating) { text-align: center; }
/* Zwei Spalten ohne Bild (Ablauf, Gegenüberstellungen): oben bündig statt versetzt */
.v2-einstieg main .com-two-cols:not(:has(img, .com-video)) .com-two-cols__wrapper { align-items: start; }
/* Rückfrage-Kasten im Buchungsformular mittig */
.v2-einstieg main #buchen .quote-container { margin-inline: auto !important; }
/* Lesespalte von Texten, Listen, Bildern und häufigen Fragen auf Einstiegsseiten mittig (Text bleibt linksbündig) */
.v2-einstieg main .by-content-area > :is(.com-text, .com-filelist, .com-image, .com-tips-grid) > * { margin-inline: auto; }
.v2-einstieg main .by-content-area > .com-image .com-image__wrapper { align-items: center; }
/* einzelne Abschlusskarte („Noch Fragen?“) quer statt riesig */
@media (min-width: 48rem) {
  .z-abschluss__raster > .z-karte:only-child { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "symbol titel link" "symbol text link"; column-gap: var(--s-5); row-gap: var(--s-1); align-items: center; }
  .z-abschluss__raster > .z-karte:only-child > .z-symbol { grid-area: symbol; }
  .z-abschluss__raster > .z-karte:only-child > .z-karte__titel { grid-area: titel; margin: 0; }
  .z-abschluss__raster > .z-karte:only-child > .z-karte__text { grid-area: text; }
  .z-abschluss__raster > .z-karte:only-child > .z-link { grid-area: link; padding: 0; }
}

/* Layoutprüfung 10/2026: Themenregister (Linklisten „layout-textlinks“) auf grauem Abschnitt. Der graue Kasten war auf
   grauem Grund unsichtbar – übrig blieben ein eingerückter linker Rand (nicht bündig mit Überschrift/Hinweis) und große
   Lücken zwischen den Listen. Auf grauem Grund deshalb ohne Kasten; aufeinanderfolgende Listen (zwei Spalten-Bausteine,
   auf dem Handy linke und rechte Spalte untereinander) lesen sich als eine Liste. */
.v2-einstieg main :is(.content-bg-gray, .content-bg-secondary) .com-linklist.layout-textlinks { background: none; padding: 0; border-radius: 0; }
.v2-einstieg main :is(.content-bg-gray, .content-bg-secondary) .com-two-cols:has(.com-linklist.layout-textlinks) + .com-two-cols:has(.com-linklist.layout-textlinks) { margin-top: 0; }
.v2-einstieg main :is(.content-bg-gray, .content-bg-secondary) .com-two-cols:has(.com-linklist.layout-textlinks) + .com-two-cols:has(.com-linklist.layout-textlinks) .com-linklist__list { border-top: 0; }
@media (max-width: 47.99rem) {
  .v2-einstieg main :is(.content-bg-gray, .content-bg-secondary) .com-two-cols__wrapper:has(> .com-two-cols__col .com-linklist.layout-textlinks) { row-gap: 0; }
  .v2-einstieg main :is(.content-bg-gray, .content-bg-secondary) .com-two-cols__col + .com-two-cols__col .com-linklist.layout-textlinks .com-linklist__list { border-top: 0; }
}
/* Layoutprüfung 10/2026: Tippfläche „Alle Auszahlungstermine“ mind. 44 px (Vertrauenszeile: oben, min-height 44 statt 32 px) */
.v2-seite main .z-termine__alle a { display: inline-flex; align-items: center; min-height: 44px; }
/* Buchungskarte (/beratung, /en/consultation) auf dem Handy/Tablet: lag randlos von Bildschirmkante zu Bildschirmkante
   (Rahmen an beiden Seiten angeschnitten) – jetzt mit dem Seitenrand wie alle Karten */
@media (max-width: 59.99rem) {
  .v2-einstieg main #buchen { width: auto; margin-inline: var(--rand); padding: var(--s-5) var(--s-4); }
}
/* Querkarte mit Bild (Teaserbox, z. B. Beratung auf Startseite und Themenseiten): das 2:1-Bild stand mittig mit weißen
   Flächen darüber und darunter. Jetzt füllt es die ganze Kartenhöhe (Ausschnitt; rechts ausgerichtet, damit das
   eingebrannte Logo oben rechts nicht angeschnitten wird – SK-10). */
@media (min-width: 48rem) {
  .v2-einstieg main .com-teaserbox__inner.has-image { align-items: stretch; }
  .v2-einstieg main .com-teaserbox__inner.has-image > .com-teaserbox__inner__image { position: relative; min-height: 12rem; }
  .v2-einstieg main .com-teaserbox__inner.has-image > .com-teaserbox__inner__image picture { position: absolute; inset: 0; max-height: none; margin-block: auto; height: min(100%, 125cqi); }
  .v2-einstieg main .com-teaserbox__inner.has-image > .com-teaserbox__inner__image img { width: 100% !important; height: 100% !important; aspect-ratio: auto !important; object-fit: cover; object-position: right center; }
  /* Foto „Beratung“ (Frau mit Telefon): Ausschnitt auf Gesicht und Hand, nicht auf den rechten Rand (09.10.2026) */
  .v2-einstieg main .com-teaserbox__inner.has-image > .com-teaserbox__inner__image img[src*="elterngeldberatung_einfach_elterngeld"] { object-position: 52% center; }
}
/* Abschluss der Themenseiten auf dem Tablet: Rechnerkarte und Beratungs-Querkarte untereinander statt nebeneinander
   (die Querkarte war in der halben Breite zu schmal: Text in einer Wortspalte) */
@media (min-width: 48rem) and (max-width: 63.99rem) { .z-abschluss__raster:has(> .com-teaserbox) { grid-template-columns: minmax(0, 1fr); } }