/* =========================================================================
   04-overrides.css — Spezifitäts-Overrides gegen UpSolution/WPBakery
   Lädt zuletzt. Hier landen alle .l-section, .vc_*, .us_custom_*
   ========================================================================= */

/* UpSolution definiert eigene CSS-Variablen für Schriften. Wir überschreiben
   sie alle auf Poppins, damit der gesamte UpSolution-Builder unsere Schrift erbt. */

:root,
html body.l-body,
html body.l-body .l-canvas {
  --font-body: var(--font-sans) !important;
  --font-h1:   var(--font-sans) !important;
  --font-h2:   var(--font-sans) !important;
  --font-h3:   var(--font-sans) !important;
  --font-h4:   var(--font-sans) !important;
  --font-h5:   var(--font-sans) !important;
  --font-h6:   var(--font-sans) !important;
}

/* UpSolution rendert eigene Header / Body / Footer mit body.l-body und Container
   .l-section. Damit unsere Tokens auch in den Builder-Bereichen greifen: */

body.l-body {
  font-family: var(--font-sans) !important;
  color: var(--c-dark-soft);
}

body.l-body h1,
body.l-body h2,
body.l-body h3,
body.l-body h4 {
  font-family: var(--font-sans) !important;
  color: var(--c-dark);
}

/* Override für hartcodierte TitilliumWeb-Light und Poppins-Medium-Inline-Styles */
[style*="TitilliumWeb"],
[style*="Poppins-Medium"],
.us_custom_9e8d7473 {
  font-family: var(--font-sans) !important;
}

/* Standard-Button-Klassen, die UpSolution generiert */
.w-btn,
.vc_btn3 {
  font-family: var(--font-sans) !important;
  font-weight: var(--fw-medium) !important;
  letter-spacing: var(--ls-button);
  text-transform: uppercase;
  border-radius: var(--radius-xs) !important;
}

.w-btn.us-btn-style_primary,
.w-btn-style_solid {
  background-color: var(--c-accent) !important;
  border-color: var(--c-accent) !important;
  color: var(--c-white) !important;
}

.w-btn.us-btn-style_primary:hover,
.w-btn-style_solid:hover {
  background-color: var(--c-accent-dark) !important;
  border-color: var(--c-accent-dark) !important;
}

/* Globale Body-Hintergrundfarbe */
body.l-body,
.l-canvas {
  background: var(--c-off-white);
}

/* Footer-Region in UpSolution (.l-footer) — dunkel + Tokens */
.l-footer {
  background: var(--c-dark) !important;
  color: var(--c-off-white);
}

.l-footer h1,
.l-footer h2,
.l-footer h3,
.l-footer h4,
.l-footer h5 {
  color: var(--c-white) !important;
}

.l-footer a {
  color: var(--c-accent-light);
}

.l-footer a:hover {
  color: var(--c-white);
}

/* =========================================================================
   Header-Menü linksbündig auf allen Unterseiten.
   (Die Startseite blendet den Impreza-Header komplett aus → body:not(.home).)
   Menü sitzt in der zentrierten Zelle .at_center; wir richten es links aus.
   ========================================================================= */

/* Das Menü (cus-mainnav) sitzt in der Zelle .at_right. .at_left (Logo) und
   .at_center sind leer/ungenutzt → ausblenden und die Menü-Zelle nach links
   ziehen (margin-right:auto). Marke = erstes Menü-Item „Dozent Dr. Matiasek". */
body:not(.home) #page-header .l-subheader-cell.at_left,
body:not(.home) #page-header .l-subheader-cell.at_center {
  display: none !important;
}

body:not(.home) #page-header .l-subheader-cell.at_right {
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
}

/* Die Navi selbst ist per margin-left:auto rechtsbündig — nach links holen. */
body:not(.home) #page-header .at_right .w-nav,
body:not(.home) #page-header .cus-mainnav {
  margin-left: 0 !important;
  margin-right: auto !important;
}

body:not(.home) #page-header .cus-mainnav .w-nav-list-h,
body:not(.home) #page-header ul.w-nav-list.level_1 {
  margin-left: 0 !important;
  justify-content: flex-start !important;
}

/* Top-Level-Menü liegt immer auf dunklem Hero → immer WEISS, in jedem Zustand
   (Default, Hover, aktiv/current/ancestor). Sonst ist der aktive Punkt unsichtbar.
   Dropdown-Einträge (level_2) bleiben dunkel auf weißem Grund — nicht anfassen. */
#page-header .cus-mainnav a.w-nav-anchor.level_1,
#page-header .cus-mainnav a.w-nav-anchor.level_1:hover,
#page-header .cus-mainnav a.w-nav-anchor.level_1:focus,
#page-header .cus-mainnav .menu-item-has-children:hover > a.w-nav-anchor.level_1,
#page-header .cus-mainnav .w-nav-item.level_1.current-menu-item > a.w-nav-anchor.level_1,
#page-header .cus-mainnav .w-nav-item.level_1.current-menu-ancestor > a.w-nav-anchor.level_1,
#page-header .cus-mainnav .w-nav-item.level_1.current-menu-parent > a.w-nav-anchor.level_1,
#page-header .cus-mainnav .w-nav-item.level_1.current_page_ancestor > a.w-nav-anchor.level_1,
#page-header .cus-mainnav .w-nav-item.level_1.current_page_parent > a.w-nav-anchor.level_1 {
  color: #fff !important;
}

/* Verstecker für die alten cooltimeline-Banner, falls noch geladen — nur falls
   sie wirklich stören. Aktuell auskommentiert, später nach Bedarf scharf schalten. */
/* .ctlt-tl-holder { display: none !important; } */