/* =========================================================================
   ESN – Einheitliche Typo-Skala (site-weit geladen via esn-typescale.php)
   Deckt mu-plugin-Klassen (esn-*), Work-With-Us-Klassen (sh-* und wwu-h1)
   und Front/Newsroom (esn-u-*) ab. !important überschreibt per-Widget-Typo.
   Fonts: Petrona (Serif) für Headings, Montserrat (Sans) für Eyebrow.
   ========================================================================= */

/* Eyebrow / kleines Label */
.esn-eyebrow .elementor-heading-title,
.sh-eyebrow .elementor-heading-title,
.esn-u-eyebrow .elementor-heading-title {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  line-height: 1.3 !important;
}

/* Hero-H1 */
.esn-hero-h1 .elementor-heading-title,
.wwu-h1 .elementor-heading-title,
.esn-u-h1 .elementor-heading-title {
  font-family: "Petrona", Georgia, "Times New Roman", serif !important;
  font-size: clamp(40px, 6vw, 72px) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
}

/* Section-H2 */
.esn-h2 .elementor-heading-title,
.sh-h2 .elementor-heading-title,
.esn-u-h2 .elementor-heading-title {
  font-family: "Petrona", Georgia, "Times New Roman", serif !important;
  font-size: clamp(30px, 4vw, 48px) !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
}

/* =========================================================================
   Header V4 (#927 / Element #7a38060): Inhalt auf Content-Breite 1200
   zentrieren, Balken bleibt voll breit (Padding-Trick). Vertikales
   Padding bleibt aus dem V4-Style erhalten.
   ========================================================================= */
.elementor-location-header .elementor-element-7a38060 {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: max(24px, calc((100% - 1200px) / 2)) !important;
  padding-right: max(24px, calc((100% - 1200px) / 2)) !important;
}

/* =========================================================================
   Breadcrumb-Leiste unter dem Header (dynamisch via Yoast, per Hook injiziert
   in esn-breadcrumb-bar.php). Balken voll breit, Text auf Content-Breite 1200
   (max-width 1248 + 24px Padding = kantengleich zu .esn-hero-inner/Body).
   ========================================================================= */
.esn-bc-bar { background: #F4F8FB; width: 100%; }
.esn-bc-inner {
  max-width: 1248px; margin: 0 auto; padding: 14px 24px;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 13px; line-height: 1.4; color: #3A7689;
}
.esn-bc-inner a { color: #54636D; text-decoration: none; }
.esn-bc-inner a:hover { color: #3A7689; }
.esn-bc-inner .breadcrumb_last { color: #19345A; }
.esn-bc-inner #breadcrumbs, .esn-bc-inner p, .esn-bc-inner span { margin: 0; }
/* Alte statische Breadcrumb der Startseite (887, Container c0005) ausblenden –
   ersetzt durch die einheitliche dynamische Leiste oben. */
.elementor-887 .elementor-element-c0005 { display: none !important; }