.elementor-kit-10527{--e-global-color-primary:#41423D;--e-global-color-secondary:#9B3367;--e-global-color-text:#EC6607;--e-global-color-accent:#E0C0D1;--e-global-color-ad5f101:#000000;--e-global-typography-primary-font-family:"Helvetica";--e-global-typography-primary-font-size:1.1em;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Helvetica";--e-global-typography-secondary-font-size:1em;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Helvetica";--e-global-typography-text-font-size:0.8em;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Helvetica";--e-global-typography-accent-font-size:0.8em;--e-global-typography-accent-font-weight:500;}.elementor-kit-10527 button,.elementor-kit-10527 input[type="button"],.elementor-kit-10527 input[type="submit"],.elementor-kit-10527 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Helvetica", Arial;font-size:0.9em;font-weight:600;color:#FFFFFF;}.elementor-kit-10527 button:hover,.elementor-kit-10527 button:focus,.elementor-kit-10527 input[type="button"]:hover,.elementor-kit-10527 input[type="button"]:focus,.elementor-kit-10527 input[type="submit"]:hover,.elementor-kit-10527 input[type="submit"]:focus,.elementor-kit-10527 .elementor-button:hover,.elementor-kit-10527 .elementor-button:focus{background-color:var( --e-global-color-text );color:#FFFFFF;}.elementor-kit-10527 e-page-transition{background-color:#FFBC7D;}.elementor-kit-10527 h2{font-family:"Helvetica", Arial;font-size:1.5rem;}.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);}@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 *//* Grund-Layout des Headers */
.stickyheadersection {
  position: relative;
  z-index: 999;             /* über dem Seiteninhalt */
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* Für alle Kinder gleiche Box-Sizing-Basis */
.stickyheadersection * {
  box-sizing: border-box;
}

/* Mindesthöhe 80px (falls Elementor es nicht schon regelt) */
.stickyheadersection {
  min-height: 80px;
  display: flex;
  align-items: center;
}
/* ------------- NORMALZUSTAND (oben, transparent) ------------- */

/* Hintergrund transparent */
.stickyheadersection {
  background: transparent;
  transition: background-color 0.4s ease, box-shadow 0.4s ease;
}

/* Menü-Text weiß im Normalzustand */
.stickyheadersection .menu-color a {
  color: #ffffff !important;
}

/* Optional: Hamburger-Icon weiß im Normalzustand */
.stickyheadersection .sticky-menu-items i,
.stickyheadersection .elementor-menu-toggle svg {
  fill: #ffffff;
  color: #ffffff;
}


/* ------------- STICKY-ZUSTAND (beim Scrollen) ------------- */

/* Wenn sticky: weißer Hintergrund + Schatten */
.elementor-sticky--effects.stickyheadersection {
  background: #ffffff !important;
  box-shadow: 0 0 10px rgba(0,0,0,0.25);
}

/* Menü-Text schwarz im Sticky-Zustand */
.elementor-sticky--effects.stickyheadersection .menu-color a {
  color: #000000 !important;
}

/* Aktives Menü-Item im Sticky-Zustand */
.elementor-sticky--effects.stickyheadersection .sticky-menu-items ul li .elementor-item-active {
  color: #000000 !important;
}

/* Hover-Farbe im Sticky-Zustand */
.elementor-sticky--effects.stickyheadersection .sticky-menu-items ul li a:hover {
  color: #000000 !important;
}

/* Hamburger-Icon in schwarz im Sticky-Zustand */
.elementor-sticky--effects.stickyheadersection .sticky-menu-items i,
.elementor-sticky--effects.stickyheadersection .elementor-menu-toggle svg {
  fill: #000000;
  color: #000000;
}
/* ------------- LOGO-WECHSEL ------------- */

/* Standard: weißes Logo sichtbar, buntes ausgeblendet */
.logo--white {
  display: inline-block;
}

.logo--color {
  display: none;
}

/* Im Sticky-Zustand: buntes Logo sichtbar, weißes versteckt */
.elementor-sticky--effects.stickyheadersection .logo--white {
  display: none;
}

.elementor-sticky--effects.stickyheadersection .logo--color {
  display: inline-block;
}

/* Logo-Größenbegrenzung (optional) */
.logo img {
  max-height: 60px;       /* oder was du möchtest, damit der Header bei 80px gut aussieht */
  height: auto;
  width: auto;
}

/* Sicherstellen, dass das Logo klickbar bleibt */
.logo-link {
  display: inline-flex;
  align-items: center;
  pointer-events: auto;
}
/* Falls Elementor deinem Sticky-Container eine fixe Breite gibt, erzwingen wir 100% */
.stickyheadersection.elementor-sticky--effects {
  left: 0;
  right: 0;
  width: 100% !important;
  max-width: 100% !important;
}

/* Kein horizontales Scrollen durch kleine Überstände */
body {
  overflow-x: hidden;
}/* End custom CSS */