.elementor-kit-10{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--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-10 e-page-transition{background-color:#FFBC7D;}.elementor-kit-10 a{color:#DA4A4F;}.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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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 *//* =========================================================
   STICKY WRAP (Topbar + Header)
   ========================================================= */
.sticky-wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  will-change: opacity, transform;
}

/* =========================================================
   BASIS-TRANSITIONS
   ========================================================= */
.sticky-wrap,
.main-header,
.top-notice-bar {
  transition:
    background-color 0.3s ease,
    padding 0.3s ease,
    height 0.3s ease;
}

/* Header Fade Timing */
.sticky-wrap {
  transition: opacity 0.6s ease, transform 0.6s ease;
}

/* =========================================================
   MAIN HEADER – NORMAL
   ========================================================= */
.main-header {
  background: transparent;
  padding-top: 20px;
  padding-bottom: 20px;
}

/* =========================================================
   MAIN HEADER – SHRINK ON SCROLL
   ========================================================= */
.sticky-wrap.is-scrolled .main-header {
  background: rgba(35, 35, 41, 0.9294117647058824) !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  backdrop-filter: saturate(120%) blur(6px);
}

.sticky-wrap.is-scrolled .main-header img {
  transform: scale(0.9);
  transform-origin: center center;
}

/* =========================================================
   INNER CONTAINER PADDING (ELEMENTOR)
   ========================================================= */
.sticky-wrap.is-scrolled .main-header .e-con-inner,
.sticky-wrap.is-scrolled .main-header .elementor-container {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

/* =========================================================
   TOP NOTICE BAR
   ========================================================= */
.top-notice-bar.is-hidden {
  opacity: 0;
  transform: translateY(-8px);
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  pointer-events: none;
}

/* =========================================================
   HEADER FADE BEI MOBILE MENU (ohne z-index Wechsel)
   ========================================================= */
body.menu-open .sticky-wrap,
body.menu-closing .sticky-wrap {
  opacity: 0;
  transform: translateY(-6px);
  pointer-events: none;
}

/* =========================================================
   HAMBURGER BUTTON (OHNE ROTATION)
   ========================================================= */
.hamburger-btn {
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.hamburger-btn.is-active {
  opacity: 0;
  pointer-events: none;
}

/* =========================================================
   CLOSE BUTTON IM POPUP (OHNE ROTATION)
   ========================================================= */
.mobile-menu-close {
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.mobile-menu-close:hover {
  opacity: 0.7;
}

/* =========================================================
   ELEMENTOR POPUP – IMMER OBEN
   ========================================================= */
.elementor-popup-modal {
  z-index: 100000 !important;
}


.funnel-divider {
  position: absolute;
  left: 0%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 85vh;
  width: 2px !important;
  background-color: rgba(218, 74, 79);
  z-index: 2;
}


/* =========================================================
   CHECKOUT-MODUS – SEITE 188
   Ziel:
   - Header transparent
   - Nur Logo sichtbar
   - Kein Sticky / kein Offset
   ========================================================= */

/* 1. Topbar komplett entfernen */
.page-id-188 .top-notice-bar {
  display: none !important;
}

/* 2. Sticky-Mechanik & Platzhalter vollständig deaktivieren */
.page-id-188 .sticky-wrap,
.page-id-188 header,
.page-id-188 .elementor-location-header,
.page-id-188 .elementor-sticky,
.page-id-188 .elementor-sticky--active {
  position: relative !important;
  top: auto !important;
  transform: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 3. Sticky-Spacer / Placeholder killen (DER Offset-Verursacher) */
.page-id-188 .elementor-sticky__spacer,
.page-id-188 .sticky-spacer,
.page-id-188 .elementor-sticky-placeholder {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
}

/* 4. Header selbst: transparent & minimal */
.page-id-188 .main-header {
  background: rgb(35, 35, 41) !important;
  padding: 16px 0 !important;
  margin: 0
  height: auto !important;
  min-height: 0 !important;
  box-shadow: none !important;
}

/* 5. ALLE Header-Elemente ausblenden … */
.page-id-188 .main-header nav,
.page-id-188 .main-header .elementor-nav-menu,
.page-id-188 .main-header .menu,
.page-id-188 .main-header .hamburger-btn,
.page-id-188 .main-header .button,
.page-id-188 .main-header .elementor-button,
.page-id-188 .main-header .header-cta,
.page-id-188 .main-header .elementor-social-icons,
.page-id-188 .main-header .elementor-widget-social-icons,
.page-id-188 .main-header .elementor-icon-list,
.page-id-188 .main-header .elementor-widget-icon-list {
  display: none !important;
}

/* 6. … UND EXPLIZIT den "Mitglied werden"-Button killen (Backup) */
.page-id-188 .main-header a[href*="mitglied"],
.page-id-188 .main-header a:has(.elementor-button-text) {
  display: none !important;
}

/* 7. NUR das Logo sichtbar machen */
.page-id-188 .header-logo,
.page-id-188 .header-logo * {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* 8. Logo zentrieren & nach vorne holen */
.page-id-188 .header-logo {
  position: relative !important;
  z-index: 99999 !important;
  margin: 0 auto !important;
  text-align: center !important;
}

/* 9. Logo-Bild: keine Animation, kein Shrink */
.page-id-188 .header-logo img {
  transform: none !important;
  transition: none !important;
  height: auto !important;
  max-width: 220px; /* optional */
}

/* 10. Sicherstellen, dass Content nicht nach unten gedrückt wird */
.page-id-188 #content,
.page-id-188 .site-main,
.page-id-188 main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* =========================================================
   CHECKOUT-SEITE (188)
   Logo links ausrichten – responsive
   ========================================================= */

/* Desktop */
@media (min-width: 1025px) {
  .page-id-188 .header-logo,
  .page-id-188 .main-header .elementor-widget-image img {
    position: relative !important;
    left: 15px !important;
    margin: 0 !important;
    text-align: left !important;
  }
}

/* Tablet + Mobile */
@media (max-width: 1024px) {
  .page-id-188 .header-logo,
  .page-id-188 .main-header .elementor-widget-image img {
    position: relative !important;
    left: 10px !important;
    margin: 0 !important;
    text-align: left !important;
  }
}/* End custom CSS */