/* ==========================================================================
   Lokale Testfassung P11 (27.09.2026) – Ergänzung zu mitte-p10.css (bleibt unverändert).
   Ziel: direkter Weg Übersicht → Leistung → Situation → Hilfe → Fachseite/Kontakt.
   ========================================================================== */

/* Übersicht → erste Leistung: kein Zwischenstopp mehr, Kopf der Leistungen etwas näher */
.p10-details{padding-block:var(--a-8) var(--a-8)}
.p10-details-kopf{margin-bottom:var(--a-6)}

/* Situationen und Hilfe als zusammengehöriges Paar: schmalerer Abstand, feine Trennlinie */
.p10-leistung{column-gap:0;grid-template-columns:minmax(0,5fr) minmax(0,6fr);padding-block:var(--a-7)}
.p10-l-situationen{padding-right:var(--a-7)}
.p10-l-leistung,.p11-l-fuss{grid-column:2;padding-left:var(--a-7);border-left:1px solid var(--linie-zart)}
.p10-l-leistung{grid-row:2}
.p10-l-situationen{grid-row:2 / span 2}

/* Fuß je Leistung: erst passende Fachseiten (ruhig), dann Fall schildern (stärkster Schritt) */
.p11-l-fuss{grid-row:3;padding-top:var(--a-5)}
.p11-fachseiten{margin-top:var(--a-2)}
.p11-fs-lbl{font-family:var(--mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:var(--a-2)}
.p11-fachseiten ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 var(--a-5)}
.p11-fachseiten li a{display:inline-block;padding-block:10px;font-size:1rem;line-height:1.4;color:var(--petrol);
  text-decoration:underline;text-decoration-color:var(--linie);text-underline-offset:4px}
.p11-fachseiten li a:hover,.p11-fachseiten li a:focus-visible{text-decoration-color:var(--bronze)}
.p11-kontakt{order:2;margin-top:var(--a-5)}
.p11-l-fuss{display:flex;flex-direction:column}
.p11-fachseiten{order:1}

/* Zwei Ausgangslagen: sekundärer Nachsatz nach den vier Leistungen, keine eigene Fläche */
.p11-wege{grid-column:2/14;margin-top:var(--a-5);padding-top:var(--a-7);border-top:2px solid var(--text-1)}
.p11-wege .p10-wege{grid-column:auto}
.p11-wege .p10-weg-titel{font-size:1.1875rem}
.p11-wege .p10-etikett{color:var(--text-3)}

@media (max-width:839px){
  .p10-leistung{grid-template-columns:minmax(0,1fr);padding-block:var(--a-6)}
  .p10-l-situationen,.p10-l-leistung,.p11-l-fuss{grid-column:1;grid-row:auto;padding-left:0;padding-right:0;border-left:0}
  .p10-l-leistung{margin-top:var(--a-6);padding-top:var(--a-5);border-top:1px solid var(--linie-zart)}
  .p11-fachseiten ul{flex-direction:column}
  .p11-kontakt .btn{width:100%}
  .p11-wege{margin-top:var(--a-4);padding-top:var(--a-6)}
}

/* Pfeil nicht allein in eine neue Zeile umbrechen lassen */
.p10-sit a::after{content:"\00a0\2192";display:inline;margin-left:0}

/* Link unter dem dritten Praxisfall (Live-Stylesheet kennt .fall-link/.pfeil-link nicht) */
.fall-link{margin-top:var(--a-4);font-size:1.0625rem}
.dunkel .fall-link a{color:#fff;font-weight:600;text-decoration:underline;text-decoration-color:var(--bronze-hell);text-underline-offset:4px}
.dunkel .fall-link a::after{content:"\2009\2192";color:var(--bronze-hell)}