/* Barrierefreiheits-Grundlagen, Befunde der Bestandsaufnahme vom 24.08.2026.
   Wird auf jeder Seite geladen. Jede Regel gehoert zu genau einem Befund. */

/* Befund 9.1.4.3: --primary-semi-dark (#a06c13) erreicht auf --base-ultra-light
   nur 4,3:1. Gleiche Farbfamilie, Helligkeit von 35 auf 33 Prozent: 4,7:1.
   Ueberschreibt den Wert aus automatic-variables.css; wenn die Farbe im
   ACSS-Dashboard angepasst wird, kann diese Regel raus. */
:root {
  --primary-semi-dark: #976612;
  --primary-semi-dark-l: 33%;
}

/* Befund 9.1.4.10 und 9.1.4.3 (Filterseiten): Der Ergebniszaehler von
   WP Grid Builder traegt die Klasse screen-reader-text, wurde aber nur mit
   weisser Schrift und overflow:hidden versteckt. Das erzeugte Kontrastrauschen
   und bis zu 1280 px breite unsichtbare Blöcke. Das Bricks-Child-Theme
   definiert die WordPress-Standardklasse nicht, deshalb hier. */
.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* Befund 9.2.4.3: Der mobile Menueknopf ist am Desktop 0 px breit, bleibt aber
   fokussierbar; der Tastaturfokus verschwindet scheinbar. Bricks blendet das
   mobile Menue ab 992 px aus, der Knopf muss mit. */
@media (min-width: 992px) {
  .bricks-mobile-menu-toggle {
    display: none;
  }
}

/* Befund 9.1.4.10: Eine als Linktext eingesetzte rohe URL (115 Zeichen) sprengte
   /wohnberatung/ auf 608 px. Der Linktext wird inhaltlich ersetzt; diese Regel
   ist das Sicherheitsnetz fuer kuenftige lange URLs in Textelementen. */
.brxe-text a,
.brxe-text-basic a,
.brxe-post-content a {
  overflow-wrap: anywhere;
}

/* Befund 9.1.4.1: Der Herkunftslink im Subfooter war nur farblich vom Text
   unterschieden. Unterstreichung stellt das zweite Merkmal her. */
.fr-subfooter-alpha__copyright a {
  /* !important, weil ein gleich spezifischer Bricks-Reset spaeter laedt */
  text-decoration: underline !important;
  text-underline-offset: 0.15em;
}


/* Hero-Einleitung: Die Schwesterseite bayern-pflege-wohnen.de begrenzt den
   Einleitungstext im Seitenkopf auf 900px, bei uns lief er ueber die vollen
   1280px des Containers. Kuerzere Zeilen wirken ruhiger und sind leichter
   zu lesen (WCAG 1.4.8 empfiehlt begrenzte Zeilenlaenge). Gemessen am
   24.08.2026 auf beiden Seiten. */
.hero-secondary__text {
  max-inline-size: 900px;
}

/* Erster Abschnitt unter dem Kopfbereich: Auf dem Handy stand zwischen
   Menueleiste und Ueberschrift der volle Sektionsabstand (rund 49px),
   obwohl die Leiste direkt darueber schon Luft mitbringt. Auf dem Desktop
   bleibt der Abstand unveraendert. */
@media (max-width: 991px) {
  #brx-content > section:first-of-type,
  main > section:first-of-type {
    padding-block-start: 24px;
  }
}

/* Startseiten-Hero nach dem Vorbild von bayern-pflege-wohnen.de.
   Dort endet der Hero-Inhalt 63px vor dem Abschnittsende, dieser Rest
   bleibt weiss, und der folgende Abschnitt setzt oben keinen Abstand mehr.
   Bei uns schloss der Hero buendig mit seinem Inhalt ab und der farbige
   Folgeabschnitt begann unmittelbar darunter.

   Die Hoehe des Referenz-Heros (725px) NICHT uebernehmen: sie ergibt sich
   dort aus mehr Inhalt. Fest gesetzt entstuenden bei uns 163px Totraum. */
@media (min-width: 992px) {
  .main-hero {
    /* !important, weil Bricks die Abstaende der Sektion ueber einen
       ID-Selektor (#brxe-…) schreibt und der jede Klassenregel schlaegt. */
    padding-block-end: 63px !important;
  }

  .main-hero + section {
    padding-block-start: 0 !important;
  }
}