.elementor-kit-12{--e-global-color-primary:#00619F;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#FF0000;--e-global-color-cdb8d9e:#4A6073;--e-global-color-eadc543:#F6C877;--e-global-color-5ea5dd7:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.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);}@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 *//***** HEADER NOTFALL-FIX – ganz unten einfügen *************************/

/* 1) Alles, was Header verstecken könnte, neutralisieren */
.site-header,
.main-header,
.header-area,
#masthead,
.elementor-location-header {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  position: relative !important;
  transform: none !important;
  pointer-events: auto !important;
  z-index: 9999 !important; /* über Content */
}

/* 2) Falls das Theme einen „Sticky/Hide on scroll“-Effekt hat */
.site-header.is-stuck,
.site-header.is-hidden,
#masthead.is-stuck,
#masthead.is-hidden {
  transform: none !important;
  top: 0 !important;
  opacity: 1 !important;
}

/* 3) Typische Klassen, die Header ausblenden */
.header-hidden,
.header--hidden,
.hide-header,
.hidden-header {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* 4) Sicherstellen, dass oben Platz für den Header ist (falls Content drüber liegt) */
.site-content,
#content,
.content-area,
#primary {
  position: relative;
  z-index: 1;
}

/* 5) Wenn ein Elementor-Abschnitt oben drüber schwebt */
.elementor-section.elementor-top-section {
  z-index: auto; /* Standard */
}
.elementor-sticky--effects {
  z-index: 10 !important; /* aber unter Header */
}

/* 6) Dropdown-Menüs nicht hinter Content verschwinden lassen */
.site-header .sub-menu,
.main-header .sub-menu,
.header-area .sub-menu,
#masthead .sub-menu,
.elementor-location-header .sub-menu {
  z-index: 10000 !important;
}

/* 7) Sicherer Header-Style (deine Farben & Typo) */
.site-header,
.main-header,
.header-area,
#masthead,
.elementor-location-header {
  background-color: #ff0000 !important;
}
.site-header a,
.main-header a,
.he/* End custom CSS */