/* Nur der mehrsprachige Einstieg; vorhandene V4-Farben und Bausteine.
   Die Kopfleiste kommt seit dem 18.09.2026 aus sprachkopf.php mit den Klassen
   von header.php und braucht hier keine Regel mehr (vorher: eigener
   zweizeiliger Kopf mit den Klassen sprach-kopf, sprach-nav und sprach-wahl, den Dani nach dem
   Livegang als abweichend zurueckgemeldet hat). */
.sprach-seite .v4-hero { padding-top: 72px; }
.sprach-seite .v4-karte h3 { margin-bottom: 16px; }
.sprach-seite .v4-lede { max-width: 820px; }
.sprach-leistungen { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
.sprach-abstand { margin-top: 48px; }
.sprach-prozess { list-style: none; display: flex; flex-wrap: wrap; gap: 16px; padding: 0; margin: 32px 0 0; }
.sprach-prozess li { border: 1px solid #D9E0E8; border-left: 3px solid #175CD3; padding: 16px 24px; background: #fff; }
.sprach-methode { list-style: none; padding: 0; margin-top: 32px; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 24px; }
.sprach-methode h3 { font-size: 22px; margin: 8px 0 16px; overflow-wrap: anywhere; }
.sprach-branchen { margin: 24px 0; padding-left: 24px; }
.sprach-branchen li { margin-bottom: 16px; }
.sprach-fuss { display: grid; grid-template-columns: 2fr 1fr 1.5fr; gap: 32px; }
.sprach-fuss h2 { font-size: 18px; color: inherit; }
.sprach-fuss p { color: inherit; }
.sprach-fuss ul { list-style: none; padding: 0; }
.sprach-fuss li { margin: 12px 0; }
.sprach-fuss a { color: inherit; }
.sprach-seite a:focus-visible { outline: 3px solid #175CD3; outline-offset: 5px; }
.v4-page .sprach-recht { max-width: 880px; padding-block: 56px 72px; overflow-wrap: anywhere; }
.v4-page .sprach-recht h1 { margin-bottom: 24px; }
.v4-page .sprach-recht h2 { font-size: 24px; margin: 40px 0 16px; }
.v4-page .sprach-recht h3 { font-size: 20px; margin: 32px 0 16px; }
.v4-page .sprach-recht ul { padding-left: 24px; margin-bottom: 24px; }
.v4-page .sprach-recht li { margin-bottom: 8px; }
.v4-page .sprach-recht address { font-style: normal; }
.v4-page .sprach-recht a { text-decoration: underline; text-underline-offset: 3px; }
.v4-page .sprach-quellenhinweis { font-size: 14px; color: var(--v4-slate); margin-bottom: 32px; }
.v4-page .sprach-rueckweg { margin-top: 40px; }
@media (max-width: 900px) {
  .sprach-methode { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sprach-fuss { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .sprach-seite .v4-hero { padding-top: 40px; }
  .sprach-leistungen, .sprach-methode, .sprach-fuss { grid-template-columns: 1fr; }
  .sprach-prozess { flex-direction: column; }
}