.elementor-92 .elementor-element.elementor-element-undefined-99c9e77{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:1px 1px;--row-gap:1px;--column-gap:1px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:110px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;--z-index:5000;}.elementor-92 .elementor-element.elementor-element-undefined-99c9e77.e-con{--align-self:center;}.elementor-92 .elementor-element.elementor-element-undefined-6ef353c{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-92 .elementor-element.elementor-element-undefined-6ef353c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-92 .elementor-element.elementor-element-undefined-15e273f{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-92 .elementor-element.elementor-element-undefined-15e273f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-92 .elementor-element.elementor-element-undefined-15e273f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-92 .elementor-element.elementor-element-undefined-15e273f img{width:100%;max-width:100%;}.elementor-92 .elementor-element.elementor-element-55630b1{--display:flex;--min-height:69px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-92 .elementor-element.elementor-element-55630b1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-92 .elementor-element.elementor-element-97e09de > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-92 .elementor-element.elementor-element-97e09de .elementor-menu-toggle{margin:0 auto;}.elementor-92 .elementor-element.elementor-element-78e3dd0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-92 .elementor-element.elementor-element-78e3dd0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-92 .elementor-element.elementor-element-cb01b3d .elementor-button{background-color:#41BB87;text-decoration:none;fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 0px 24px 0px rgba(0, 0, 0, 0.15);border-style:none;border-radius:40px 40px 40px 40px;padding:8px 15px 8px 15px;}.elementor-92 .elementor-element.elementor-element-cb01b3d .elementor-button:hover, .elementor-92 .elementor-element.elementor-element-cb01b3d .elementor-button:focus{background-color:#FFFFFF;}.elementor-92 .elementor-element.elementor-element-cb01b3d{width:auto;max-width:auto;}.elementor-92 .elementor-element.elementor-element-cb01b3d > .elementor-widget-container{margin:7px 0px 7px 0px;padding:0px 0px 0px 0px;}.elementor-92 .elementor-element.elementor-element-cb01b3d.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-92 .elementor-element.elementor-element-4cdd04a{width:auto;max-width:auto;}.elementor-92 .elementor-element.elementor-element-4cdd04a > .elementor-widget-container{margin:7px 0px 7px 0px;padding:0px 0px 0px 0px;}.elementor-92 .elementor-element.elementor-element-4cdd04a.elementor-element{--align-self:center;}.elementor-92 .elementor-element.elementor-element-4cdd04a .elementor-button{text-decoration:none;box-shadow:0px 0px 24px 0px rgba(0, 0, 0, 0.15);border-style:none;border-radius:40px 40px 40px 40px;padding:8px 15px 8px 15px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-92 .elementor-element.elementor-element-undefined-99c9e77{--width:100%;}.elementor-92 .elementor-element.elementor-element-undefined-6ef353c{--width:21%;}.elementor-92 .elementor-element.elementor-element-55630b1{--width:56%;}.elementor-92 .elementor-element.elementor-element-78e3dd0{--width:21%;}}@media(max-width:1023px) and (min-width:768px){.elementor-92 .elementor-element.elementor-element-undefined-6ef353c{--width:85%;}.elementor-92 .elementor-element.elementor-element-55630b1{--width:85%;}.elementor-92 .elementor-element.elementor-element-78e3dd0{--width:85%;}}@media(max-width:1023px){.elementor-92 .elementor-element.elementor-element-undefined-99c9e77{--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-92 .elementor-element.elementor-element-undefined-6ef353c{--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-92 .elementor-element.elementor-element-undefined-15e273f{text-align:left;}.elementor-92 .elementor-element.elementor-element-55630b1{--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-92 .elementor-element.elementor-element-78e3dd0{--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-92 .elementor-element.elementor-element-cb01b3d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-92 .elementor-element.elementor-element-4cdd04a > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-92 .elementor-element.elementor-element-undefined-99c9e77{--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:3px;--padding-right:3px;}.elementor-92 .elementor-element.elementor-element-undefined-6ef353c{--width:20%;}.elementor-92 .elementor-element.elementor-element-undefined-15e273f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-92 .elementor-element.elementor-element-undefined-15e273f img{width:59px;}.elementor-92 .elementor-element.elementor-element-55630b1{--width:19%;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-92 .elementor-element.elementor-element-55630b1.e-con{--align-self:center;}.elementor-92 .elementor-element.elementor-element-97e09de{--nav-menu-icon-size:24px;}.elementor-92 .elementor-element.elementor-element-78e3dd0{--width:61%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-92 .elementor-element.elementor-element-cb01b3d{width:auto;max-width:auto;}.elementor-92 .elementor-element.elementor-element-cb01b3d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-92 .elementor-element.elementor-element-cb01b3d .elementor-button{font-size:15px;padding:10px 15px 10px 15px;}.elementor-92 .elementor-element.elementor-element-4cdd04a{width:auto;max-width:auto;}.elementor-92 .elementor-element.elementor-element-4cdd04a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-92 .elementor-element.elementor-element-4cdd04a .elementor-button{font-size:15px;padding:10px 15px 10px 15px;}}/* Start custom CSS for nav-menu, class: .elementor-element-97e09de *//* --- Final 3D Inset Liquid Fill Menu (Cleaned for Elementor - Bulletproof Version) --- */

/* 1. Basis-Styling für die Links (Desktop) */
.elementor-element-97e09de .elementor-nav-menu a {
    position: relative !important;
    display: inline-block !important;
    padding: 8px 10px !important;
    margin: 0 5px !important;
    background: transparent !important;
    border: 2px solid transparent !important;
    box-shadow: 
        inset 2px 2px 4px rgba(50, 50, 93, 0.15), 
        inset -2px -2px 4px rgba(255, 255, 255, 0.6) !important;
    border-radius: 9999px !important;
    text-decoration: none !important;
    overflow: hidden !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    will-change: transform, box-shadow;
}

/* 2. Styling für den Text im Button */
.elementor-element-97e09de .elementor-nav-menu .suki-menu-item-title {
    position: relative;
    z-index: 3;
    font-family: 'Inter', 'Segoe UI', sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    color: #333 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    transition: color 0.4s ease-out, text-shadow 0.4s ease-out !important;
}

/* 3. Die Flüssigkeitswellen */
.elementor-element-97e09de .elementor-nav-menu a::before,
.elementor-element-97e09de .elementor-nav-menu a::after {
    content: '';
    position: absolute;
    left: 0;
    top: 101%;
    width: 100%;
    height: 100%;
    border-radius: 50% 50% 0 0;
    z-index: 1;
}

/* Welle 1 */
.elementor-element-97e09de .elementor-nav-menu a::before {
    background: linear-gradient(135deg, #059669 0%, #10b981 100%);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    z-index: 2;
}

/* Welle 2 */
.elementor-element-97e09de .elementor-nav-menu a::after {
    background: linear-gradient(135deg, #10b981 0%, #4ade80 100%);
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    z-index: 1;
}

/* --- HOVER EFFEKT --- */
.elementor-element-97e09de .elementor-nav-menu a:hover {
    box-shadow: 0 8px 20px -5px rgba(0, 0, 0, 0.1) !important;
    transform: translateY(-3px);
}

.elementor-element-97e09de .elementor-nav-menu a:hover .suki-menu-item-title {
    color: #ffffff !important;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
}

.elementor-element-97e09de .elementor-nav-menu a:hover::before,
.elementor-element-97e09de .elementor-nav-menu a:hover::after {
    top: 0;
    border-radius: 0;
}


/* --- MOBILE OVERLAY MENU STYLES --- */
@media (max-width: 1023px) {

    /* Body-Lock, um das Scrollen im Hintergrund zu verhindern */
    body.mobile-menu--body-lock {
        overflow: hidden !important;
    }

    /* Der Container des Dropdown-Menüs */
    .elementor-nav-menu--dropdown {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        
        background-color: rgba(10, 25, 20, 0.8) !important;
        -webkit-backdrop-filter: blur(15px);
        backdrop-filter: blur(15px);
        
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-20px);
        transition: opacity 0.4s ease, visibility 0s linear 0.4s, transform 0.4s ease !important;
        z-index: 9999;
    }

    /* Sichtbarer Zustand, wenn das Menü geöffnet ist */
    .elementor-nav-menu--dropdown.mobile-menu--is-open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
        transition: opacity 0.4s ease, visibility 0s linear 0s, transform 0.4s ease !important;
    }

    /* Die einzelnen Menüpunkte im Overlay */
    .elementor-nav-menu--dropdown .menu-item {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    
    /* Die Button-Links im Overlay anpassen */
    .elementor-nav-menu--dropdown a {
        padding: 15px 30px !important;
        display: inline-block;
    }

    /* Die Schrift im Overlay anpassen */
    .elementor-nav-menu--dropdown .suki-menu-item-title {
        font-size: 24px !important;
        color: #f0f0f0 !important;
    }
    
    .elementor-nav-menu--dropdown a:hover .suki-menu-item-title {
        color: #ffffff !important;
    }

    /* Der Hamburger-Button (und das Schließen-X) */
    .elementor-menu-toggle {
        z-index: 10001 !important;
        position: relative;
    }
    
    /* Farbe des Hamburger-Icons anpassen */
    .elementor-menu-toggle svg {
        fill: #333 !important;
        transition: fill 0.3s ease;
    }
    
    /* Farbe des Schließen-Icons (wenn Menü offen ist) */
    .elementor-menu-toggle.elementor-active svg {
        fill: #ffffff !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-cb01b3d *//*
================================================
| Custom CSS für den "Einloggen" CTA-Button
| FINALE, RESPONSIVE VERSION
================================================
*/

/* 
==================================
| 1. DESKTOP-STYLING (> 1200px)
==================================
*/
.elementor-92 .elementor-element.elementor-element-cb01b3d .elementor-button {
  /* Hintergrund, Farbe und grundlegende Typografie */
  background: linear-gradient(135deg, rgb(58, 157, 148), rgb(77, 182, 172));
  color: #ffffff !important; /* !important, um Konsistenz zu sichern */
  font-weight: 700;
  
  /* Abstände und Größe */
  padding: 10px 28px !important; /* Angepasst für bessere Harmonie mit Menü */
  font-size: 18px !important; /* Angepasst an Menü-Schriftgröße */
  
  /* Rahmen, Schatten und Übergang */
  border: none;
  border-radius: 8px !important; /* Selber Radius wie Menü-Buttons */
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
  
  /* Layout */
  display: inline-flex;
  align-items: center !important;
  white-space: nowrap;
}

/* --- Hover-Effekt --- */
.elementor-92 .elementor-element.elementor-element-cb01b3d .elementor-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
  color: #ffffff !important;
}

/* 
==================================
| 2. ANPASSUNG FÜR KLEINERE DESKTOPS (1025px - 1200px)
==================================
*/
@media (max-width: 1200px) and (min-width: 1025px) {
  .elementor-92 .elementor-element.elementor-element-cb01b3d .elementor-button {
    font-size: 15px !important;
    padding: 10px 20px !important; /* Padding leicht reduziert */
  }
}

/* 
==================================
| 3. TABLET & MOBILE-STYLING (<= 1024px)
==================================
*/
@media (max-width: 1024px) {
  .elementor-92 .elementor-element.elementor-element-cb01b3d .elementor-button {
    font-size: 14px !important;
    padding: 4px 8px !important; /* Deutlich kompakter für mobile Ansicht */
    font-weight: 600 !important;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4cdd04a *//*
================================================
| Custom CSS für den "Account" CTA-Button (weiß)
| FINALE, RESPONSIVE VERSION
================================================
*/

/* 
==================================
| 1. DESKTOP-STYLING (> 1200px)
==================================
*/
.elementor-92 .elementor-element.elementor-element-4cdd04a .elementor-button {
  /* Hintergrund, Farbe und grundlegende Typografie */
  background-color: #FFFFFF;
  color: #00695C !important; /* Selbe Farbe wie aktiver Menüpunkt-Text */
  font-weight: 700;
  
  /* Abstände und Größe */
  padding: 10px 28px !important; /* Angepasst für bessere Harmonie mit Menü */
  font-size: 18px; /* Angepasst an Menü-Schriftgröße */
  
  /* Rahmen, Schatten und Übergang */
  border: 1px solid #FFFFFF; /* Optional: für klare Abgrenzung */
  border-radius: 8px !important; /* Selber Radius wie Menü-Buttons */
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
  
  /* Layout */
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

/* --- Hover-Effekt --- */
.elementor-92 .elementor-element.elementor-element-4cdd04a .elementor-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
  background-color: #F8F8F8; /* Leichte Farbänderung beim Hover */
  color: #004D40 !important;
}

/* 
==================================
| 2. ANPASSUNG FÜR KLEINERE DESKTOPS (1025px - 1200px)
==================================
*/
@media (max-width: 1200px) and (min-width: 1025px) {
  .elementor-92 .elementor-element.elementor-element-4cdd04a .elementor-button {
    font-size: 15px;
    padding: 10px 20px; /* Padding leicht reduziert */
  }
}

/* 
==================================
| 3. TABLET & MOBILE-STYLING (<= 1024px)
==================================
*/
@media (max-width: 1024px) {
  .elementor-92 .elementor-element.elementor-element-4cdd04a .elementor-button {
    font-size: 14px !important;
    padding: 4px 8px !important; /* Deutlich kompakter für mobile Ansicht */
    font-weight: 600;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-undefined-99c9e77 */.header {
  position: fixed !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.15));
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 0 0 12px 12px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  padding: 20px;
  top: 0;
  z-index: 1000;

  /* --- HIER IST DIE VERBESSERTE KORREKTUR --- */
  
  /* Erzwingt die automatische Breitenberechnung */
  width: auto !important; 
  
  /* Definiert die Abstände links und rechts mit hoher Priorität */
  left: 40px !important;
  right: 40px !important;
}

/* Der Code zum Verstecken bleibt unverändert */
.header.hidden {
  transform: translateY(-100%) !important;
}/* End custom CSS */