/*
 * Divi-Overrides — wird als LETZTES Stylesheet via diviCssUrls() auf den
 * Content-Pages geladen. Enthält nur noch Regeln, die den Content-Bereich
 * betreffen — Header/Footer werden seit Stufe A als Tailwind-Komponenten
 * gerendert und brauchen keine Divi-Overrides mehr.
 */

/*
 * Font Awesome 6 → 5 Alias
 *
 * Der migrierte Content aus Strapi enthält FA 6-Syntax (`fa-solid`,
 * `fa-regular`, `fa-brands`), die lokal vorhandenen Assets sind aber FA
 * Free 5.11.2 (Klassen `fas`, `far`, `fab`). Ohne Alias bleibt z.B. das
 * Buch-Icon (`fa-solid fa-book`) unsichtbar.
 */
.fa-solid,
.fa-regular,
.fa-brands {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.fa-solid {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.fa-regular {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
}
.fa-brands {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

/*
 * Hero-Titel auf der Home etwas grösser als die Divi-Defaults. Ziel ist die
 * visuelle Gewichtung der Live-Site (~110px desktop). Gilt nur für den ersten
 * H1 im Builder-Content der Homepage.
 */
@media (min-width: 981px) {
  body.home #main-content .et_builder_inner_content h1 {
    font-size: 110px;
    line-height: 1em;
  }
  body.home #main-content .et_builder_inner_content h3 {
    font-size: 22px;
    letter-spacing: 0.15em;
  }
}