.elementor-kit-22{--e-global-color-primary:#04202C;--e-global-color-secondary:#0A3C4D;--e-global-color-text:#F5F6F7;--e-global-color-accent:#C89D5B;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:32px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:600;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-22 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Basiszustand oben: Weißer Header + Farblogo */
.site-header {
  background: #ffffff;
  transition: background-color .25s ease, box-shadow .25s ease;
  will-change: background-color;
}
.site-header .logo-color { display: block; }
.site-header .logo-white { display: none; }

/* Navi-/Icon-Farbe oben (dunkel auf weiß) */
.site-header .elementor-nav-menu a,
.site-header .elementor-icon,
.site-header .elementor-search-form__toggle {
  color: #04202c;
  transition: color .25s ease;
}

/* Sticky-Effekt: Elementor setzt diese Klasse automatisch nach Scroll-Offset */
.site-header.elementor-sticky--effects {
  background: #04202c; /* deine Main-Farbe */
  box-shadow: 0 6px 20px rgba(0,0,0,.12);
}

/* Nach Scroll: Weißes Logo zeigen, Farblogo verstecken */
.site-header.elementor-sticky--effects .logo-color { display: none; }
.site-header.elementor-sticky--effects .logo-white { display: block; }

/* Navi-/Icon-Farbe auf dunkelblauem Header: weiß */
.site-header.elementor-sticky--effects .elementor-nav-menu a,
.site-header.elementor-sticky--effects .elementor-icon,
.site-header.elementor-sticky--effects .elementor-search-form__toggle {
  color: #ffffff;
}

/* Optional: aktive/hover Zustände */
.site-header .elementor-nav-menu a:hover,
.site-header.elementor-sticky--effects .elementor-nav-menu a:hover {
  opacity: .85;
}
/* Basis oben */
.site-header,
.site-header > .elementor-container,
.site-header > .e-con {
  background-color:#ffffff;
  transition: background-color .25s ease, box-shadow .25s ease;
}

/* Sticky: Farbe erzwingen auf allen Ebenen */
.site-header.elementor-sticky--effects,
.site-header.elementor-sticky--effects > .elementor-container,
.site-header.elementor-sticky--effects > .e-con {
  background-color:#04202c !important;
  box-shadow:0 6px 20px rgba(0,0,0,.12);
}

/* Falls ein Overlay via ::before genutzt wird – mit umfärben */
.site-header::before,
.site-header > .elementor-container::before,
.site-header > .e-con::before {
  transition: background-color .25s ease, opacity .25s ease;
}
.site-header.elementor-sticky--effects::before,
.site-header.elementor-sticky--effects > .elementor-container::before,
.site-header.elementor-sticky--effects > .e-con::before {
  background-color:#04202c !important;
  opacity:1 !important;
}

/* Navigation oben (Header weiß) */
.site-header .elementor-nav-menu a,
.site-header .elementor-menu-toggle,
.site-header .elementor-icon,
.site-header .elementor-search-form__toggle {
  color:#04202c; /* dunkel auf weiß */
  transition: color .25s ease;
}

/* Navigation nach Scroll (Header dunkel) */
.site-header.elementor-sticky--effects .elementor-nav-menu a,
.site-header.elementor-sticky--effects .elementor-menu-toggle,
.site-header.elementor-sticky--effects .elementor-icon,
.site-header.elementor-sticky--effects .elementor-search-form__toggle {
  color:#ffffff; /* weiß auf dunkel */
}/* End custom CSS */