/*
 Theme Name:   fresch-webdesign Child
 Description:  Child Theme für Kunden - DIVI 5
 Author:       fresch-webdesign
 Template:     Divi
 Version:      1.5
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Versionsnummer: bei JEDER Änderung dieser Datei oben „Version" hochzählen (1.0 → 1.1 → 1.2 …).
 * Grund: Die Datei wird mit ?ver=<Nummer> eingebunden. Bleibt die Nummer gleich, zeigen Browser, die die Datei schon kennen,
 * weiter die alte aus ihrem Zwischenspeicher. Regel und Prüfung: templates/child-theme/README.md */

/* ==========================================================================
   Grundstile --> Sitekrafter
   ========================================================================== */
/* Animation auf fast 0 reduzieren --> User-Einstellung im Browser --> Barrierefreiheit */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Performance: Reduce repaints and reflows --> in DIVI eigentlich enthalten; aber sicherheitshalber*/
* {
  box-sizing: border-box;
}

/* Keep the safe styles that don't conflict with Divi */
/* HTML-/Body-Basics für bessere Lesbarkeit und UX
 * scroll-behavior: smooth --> weiches Scrollen für Sprung-Anker; bei langen Seiten ggf. Performance-Verluste
 * xx-font-smoothing --> bessere Schriftbild-Schärfe
 * text-rendering: optimizeSpeed --> Beschleunigt Rendering (v. a. bei sehr viel Text), kann aber Schrift minimal „roher“ wirken lassen
 * text-size-adjust --> Sichert, dass Schriften auf mobilen Geräten browserübergreifend konsistent bleiben.
 */
html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Performance optimizations */
  text-rendering: optimizeSpeed;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/* Setzt auch bei Tab-Navigation smooth scrolling ein; Für Accessibility nützlich */
html:focus-within {
  scroll-behavior: smooth;
}

/* ==========================================================================
   Überschriften
   ========================================================================== */
.et_pb_heading h1,
.et_pb_heading h2,
.et_pb_heading h3,
.et_pb_heading h4,
.et_pb_heading h5,
.et_pb_heading h6 {
  padding-bottom: 0;
}
/* Grund: Divis Grundregel „h1 … h6 { padding-bottom: 10px }" setzt unter jede Überschrift 10 px, für die es kein Feld gibt –
 * ein Abstand, den niemand gewählt hat (Master-Grundsatz 12/13: jeder Abstand gewollt). Den Abstand zum Folgenden
 * bestimmt danach allein der Abstand der Group bzw. Spalte (Preset).
 * Gilt für das Überschriften-Modul; Überschriften im Fließtext eines Text-Moduls erfasst die Regel nicht (dort nicht gemessen).
 * Gemessen: docs/prueffaelle.md → „Abstand unter Überschriften (Child-Theme)" (check, Seite 231, Divi 5.14.0).
 * Von den drei Regeln der V1-Vorlage (Hamacher, „TYPOGRAPHY RESET") wirkt nur diese; die Regeln am Modul
 * (padding-bottom) und am folgenden Text-Modul (margin-top) finden dort 0 vor und ändern nichts.
 * Stand: 09.10.2026 */

/* ==========================================================================
   Links
   ========================================================================== */
:root {
  /* Abstand der Unterstreichung zum Text, für jeden unterstrichenen Link der Website.
     hängt an: nichts — ein Projekt ändert den Wert hier oder überschreibt die Variable, ohne die Regel anzufassen */
  --fresch-link-linie-abstand: 0.2em;
  /* Abstand der Unterstreichung beim Überfahren mit der Maus — die Linie rückt ab und zeigt so, dass der Link reagiert.
     hängt an: --fresch-link-linie-abstand (muss sichtbar davon abweichen) */
  --fresch-link-linie-abstand-hover: 0.35em;
}

a {
  text-underline-offset: var(--fresch-link-linie-abstand);
}

a:hover {
  text-underline-offset: var(--fresch-link-linie-abstand-hover);
}
/* Grund: Links im Fließtext sind unterstrichen, die Linie mit etwas Abstand zum Text (Link-Regel,
 * projects/master-v2/decisions.md [2026-10-20] „Links: zwei Rollen …"). OB ein Link unterstrichen ist, entscheidet Divis Feld
 * „Links → unterstrichen" im Text-Preset; den ABSTAND der Linie bietet Divi nirgends an. Die Regel wirkt nur dort, wo ein Link
 * ohnehin unterstrichen ist, und ändert sonst nichts (Menüs, Buttons und nicht unterstrichene Links bleiben, wie sie sind).
 * Beim Überfahren rückt die Linie ab, statt dass die Farbe wechselt: Eine Hover-Farbe müssten Grund-Preset und dunkler
 * Farb-Zusatz beide setzen, und welches dann gewinnt, hängt vom Aufbau der Seite ab (docs/prueffaelle.md → „Link im Fließtext:
 * Farbe beim Überfahren, auch gestapelt"). Der Abstand steht in keinem Preset — hell und dunkel verhalten sich gleich.
 * Gemessen: docs/prueffaelle.md → „Link im Fließtext unterstrichen (Text-Preset und Child-Theme)" (check, Divi 5.16.0).
 * Stand: 21.10.2026 */