:root {
  --header-height: 80px; /* initialer Wert als Fallback */
}


/* Calc Header Size for first Container */
/* Nur der erste Elementor Container */
.elementor-section:first-of-type {
  margin-top: calc(-1 * var(--header-height));
  padding-top: var(--header-height);
  position: relative;
  z-index: 1;
}

/* Header Drop Shadow */
.site-header-upper-inner-wrap.child-is-fixed .site-main-header-wrap {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .06);
}

/* ========== Nur Startseite: transparenter Header + weißer Text ========== */
body.home .site-header {
  background-color: transparent !important;
  color: var(--global-palette9);
}

/* Navigation auf Startseite: weiß */
body.home .site-header .mega-menu > li.mega-menu-item > a.mega-menu-link {
  color: var(--global-palette9) !important;
}
body.home .site-header .mega-menu > li.mega-menu-item > a.mega-menu-link:hover {
  color: var(--global-palette1) !important;
}


/* Top Bar Navigation auf Startseite: weiß */
body.home .secondary-navigation .secondary-menu-container > ul li.menu-item > a{
  color: var(--global-palette9) !important;
}
body.home .secondary-navigation .secondary-menu-container > ul li.menu-item:hover > a{
  color: var(--global-palette1) !important;
}



/* Social Media Buttons auf Startseite: weiß */
body.home .header-social-wrap .header-social-inner-wrap .social-button {
  color: var(--global-palette9) !important;
}
body.home .header-social-wrap .header-social-inner-wrap .social-button:hover {
  color: var(--global-palette1) !important;
}




/* ========== Alle anderen Seiten: weißer Header + schwarze Schrift 
body:not(.home) .site-header {
  background-color: var(--global-palette9) !important;
  color: var(--global-palette3);
}

body:not(.home) .site-header .mega-menu > li.mega-menu-item > a.mega-menu-link {
  color: var(--global-palette3) !important;
}
body:not(.home) .site-header .mega-menu > li.mega-menu-item > a.mega-menu-link:hover {
  color: var(--global-palette1) !important;
}

body:not(.home) .secondary-navigation .secondary-menu-container > ul > li.menu-item > a {
   color: var(--global-palette3) !important;
}
body:not(.home) .secondary-navigation .secondary-menu-container > ul > li.menu-item > a:hover {
   color: var(--global-palette1) !important;
}
body:not(.home) .header-social-wrap .header-social-inner-wrap .social-button {
    color: var(--global-palette3);
}
body:not(.home) .header-social-wrap .header-social-inner-wrap .social-button:hover {
    color: var(--global-palette1);
}

*/






/* === Anpassung Ajax Search Lite === */
body:not(.home) .probox .proinput input,
body:not(.home) .probox .proinput input::placeholder {
  color: var(--global-palette3) !important;
  opacity: 1;
}







/* ========== Sticky-Zustand auf allen Seiten ========== */
.site-header.is-sticky {
  background-color: var(--global-palette8) !important;
  color: var(--global-palette3) !important;
}

.site-header.is-sticky .mega-menu > li.mega-menu-item > a.mega-menu-link {
  color: var(--global-palette3) !important;
}
.site-header.is-sticky .mega-menu > li.mega-menu-item > a.mega-menu-link:hover {
  color: var(--global-palette1) !important;
}