.elementor-104 .elementor-element.elementor-element-2a2e018{--display:flex;--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:flex-end;--margin-top:-220px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2vw;--padding-bottom:2vw;--padding-left:5vw;--padding-right:5vw;--z-index:999;}.elementor-104 .elementor-element.elementor-element-2a2e018:not(.elementor-motion-effects-element-type-background), .elementor-104 .elementor-element.elementor-element-2a2e018 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-104 .elementor-element.elementor-element-a7a356c .elementor-menu-toggle{margin:0 auto;}.elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-f506c15-font-family ), Sans-serif;font-size:var( --e-global-typography-f506c15-font-size );font-weight:var( --e-global-typography-f506c15-font-weight );}.elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-bd1e2c0 );fill:var( --e-global-color-bd1e2c0 );}.elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu--main .elementor-item:hover,
					.elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-096d124 );fill:var( --e-global-color-096d124 );}.elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#61CE7000;}.elementor-104 .elementor-element.elementor-element-a7a356c .e--pointer-framed .elementor-item:before,
					.elementor-104 .elementor-element.elementor-element-a7a356c .e--pointer-framed .elementor-item:after{border-color:#61CE7000;}.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-104 .elementor-element.elementor-element-2a2e018{--width:100%;}}@media(max-width:1024px){.elementor-104 .elementor-element.elementor-element-2a2e018{--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:3vw;--padding-bottom:2vw;--padding-left:2vw;--padding-right:2vw;}.elementor-104 .elementor-element.elementor-element-2a2e018.e-con{--align-self:center;}.elementor-104 .elementor-element.elementor-element-a7a356c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-f506c15-font-size );}.elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu--dropdown{border-radius:0px 0px 0px 0px;}.elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu--dropdown a{padding-left:0vw;padding-right:0vw;padding-top:0vh;padding-bottom:0vh;}}@media(max-width:767px){.elementor-104 .elementor-element.elementor-element-2a2e018{--margin-top:-250px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4vw;--padding-bottom:4vw;--padding-left:5vw;--padding-right:5vw;}.elementor-104 .elementor-element.elementor-element-a7a356c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-f506c15-font-size );}}/* Start custom CSS for nav-menu, class: .elementor-element-a7a356c *//* Grundstyling für alle Menüpunkte */
.elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu li.menu-item a {
    border-radius: 15px !important; /* Abgerundete Ecken */
   
    margin: 0 5px !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    border: 1px solid transparent;
}

/* Weiße Buttons (Angebote, Über mich, Kontakt) */
.elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu li.menu-item:nth-child(1) a,
.elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu li.menu-item:nth-child(2) a,
.elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu li.menu-item:nth-child(3) a {
    background-color: #ffffff !important;
    color: #5f857e !important; /* Deine grüne Schriftfarbe */
}

/* Goldene Buttons (Events, E-Kochbooklet) */
.elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu li.menu-item:nth-child(4) a,
.elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu li.menu-item:nth-child(5) a {
    background-color: #c4ac49 !important; /* Dein Goldton */
    color: #ffffff !important;
}

/* --- DESKTOP HOVER EFFEKTE --- */

/* Hover für die WEISSEN Buttons (Angebote, Über mich, Kontakt) */
.elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu li.menu-item:nth-child(1) a:hover,
.elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu li.menu-item:nth-child(2) a:hover,
.elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu li.menu-item:nth-child(3) a:hover {
    background-color: #f2f2f2 !important; /* Ein ganz helles Grau statt reinem Weiß */
    opacity: 1 !important; /* Verhindert, dass das Bild durchscheint */
}

/* Hover für die GOLDENEN Buttons (Events, E-Kochbooklet) */
.elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu li.menu-item:nth-child(4) a:hover,
.elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu li.menu-item:nth-child(5) a:hover {
    background-color: #b09a41 !important; /* Ein etwas dunkleres Gold */
    opacity: 1 !important;
}

/* Den Sprung-Effekt beibehalten oder anpassen */
.elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu li.menu-item a:hover {
    transform: translateY(-2px) !important;
    transition: all 0.3s ease !important;
}

/* Hover-Effekt (leichtes Abdunkeln beim Drüberfahren) */
.elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu li.menu-item a:hover {
    opacity: 1!important;
    transform: translateY(-2px); /* Kleiner Sprung-Effekt */
}

/* --- TABLET & MOBILE ANPASSUNG --- */
@media (max-width: 1024px) {
    /* Ecken auf eckig setzen und Abstände für mobile Ansicht optimieren */
   
    
    /* 3. Die Menüpunkte (Buttons) stylen - Jetzt mit mittiger Schrift */
.elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu--dropdown ul li a {
    display: flex !important;
    justify-content: center !important; /* Horizontale Zentrierung im Flex-Container */
    text-align: center !important;      /* Zusätzliche Sicherheit für den Textfluss */
    padding: 15px 20px !important;
    border-radius: 0px !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}


    /* Entfernt den Sprung-Effekt auf Mobile (da es dort keinen echten Hover gibt) */
    .elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu li.menu-item a:hover {
        transform: none !important;
    }
}

/* --- TABLET & MOBILE ANPASSUNG --- */
@media (max-width: 1024px) {
    /* Ecken eckig, aber Abstände zwischen den Menüpunkten */
    .elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu li.menu-item a {
        border-radius: 0px !important; 
        text-align: center;
        
     
        padding: 15px 10px !important;  /* Innenabstand für dickere Buttons */
        
        /* Falls du die Trennlinie von vorhin behalten willst: */
        border-bottom: 1px solid rgba(0,0,0,0.05) !important; 
    }

    /* Damit der letzte Menüpunkt keinen unnötigen Abstand nach unten hat */
    .elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu li.menu-item:last-child a {
        margin-bottom: 0 !important;
    }

    /* Hover-Sprung auf Mobile deaktivieren */
    .elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu li.menu-item a:hover {
        transform: none !important;
    }
}

@media (max-width: 1024px) {

    /* Verhindert das Sinken der Deckkraft (Opacity) beim Klicken */
    .elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu--dropdown li.menu-item a:active,
    .elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu--dropdown li.menu-item a:focus {
        opacity: 1 !important;
    }

    /* Abdunkeln für die WEISSEN Buttons beim Klicken */
    .elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu--dropdown li.menu-item:nth-child(1) a:active,
    .elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu--dropdown li.menu-item:nth-child(2) a:active,
    .elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu--dropdown li.menu-item:nth-child(3) a:active {
        background-color: #e5e5e5 !important; /* Leichtes Grau statt Weiß */
    }

    /* Abdunkeln für die GOLDENEN Buttons beim Klicken */
    .elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu--dropdown li.menu-item:nth-child(4) a:active,
    .elementor-104 .elementor-element.elementor-element-a7a356c .elementor-nav-menu--dropdown li.menu-item:nth-child(5) a:active {
        background-color: #ac9740 !important; /* Dunkleres Gold */
    }
}




/* 1. Hintergrund und Rahmen des Buttons entfernen */
.elementor-104 .elementor-element.elementor-element-a7a356c .elementor-menu-toggle {
    background: transparent !important; /* Entfernt das graue Quadrat */
    border: none !important;            /* Entfernt eventuelle Rahmen */
    padding: 0 !important;             /* Entfernt den inneren Abstand */
}

/* 2. Die Abstände des Icons selbst auf Null setzen */
.elementor-104 .elementor-element.elementor-element-a7a356c .elementor-menu-toggle i,
.elementor-104 .elementor-element.elementor-element-a7a356c .elementor-menu-toggle svg {
    margin: 0 !important;
    padding: 0 !important;
    width: 30px !important; /* Hier kannst du die Breite des Burgers steuern */
    height: auto !important;
}

/* 3. Falls das Widget selbst noch Abstände hat */
.elementor-104 .elementor-element.elementor-element-a7a356c .elementor-widget-container {
    padding: 0 !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a2e018 *//* 1. Standard-Zustand (Transparent) */
.elementor-104 .elementor-element.elementor-element-2a2e018 {
    transition: background-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out !important;
}

/* 2. Zustand beim Scrollen (Wird Weiß) */
.elementor-104 .elementor-element.elementor-element-2a2e018.elementor-sticky--effects {
    background-color: #ffffff !important; /* Deine Wunschfarbe beim Scrollen */
    box-shadow: 0px 4px 10px rgba(0,0,0,0.1); /* Optional: Ein feiner Schatten */
}

/* --- FIX FÜR DEN STICKY-CONTAINER AUF MOBILE --- */
@media (max-width: 1024px) {

    /* 1. Verhindert, dass der Container das Dropdown 'breitzieht' */
    .elementor-104 .elementor-element.elementor-element-2a2e018 .elementor-nav-menu--dropdown {
        position: absolute !important; 
        right: 0 !important;
        left: auto !important;
        width: 200px !important; /* Deine Wunschbreite für die Buttons */
        top: 100% !important;   /* Positioniert es direkt unter dem Burger */
        z-index: 9999 !important;
        background-color: transparent !important;
    }

    /* 2. Den Hintergrund der Menüpunkte festlegen */
    .elementor-104 .elementor-element.elementor-element-2a2e018 .elementor-nav-menu--dropdown ul li a {
        width: 100% !important;
        box-sizing: border-box !important;
        justify-content: flex-end !important;
        text-align: right !important;
    }

    /* 3. Sicherstellen, dass der Container selbst nicht auf 100% springt */
    .elementor-104 .elementor-element.elementor-element-2a2e018.elementor-sticky--effects {
        width: 100% !important;
    }
    
    /* 3. Die Menüpunkte (Buttons) stylen - Jetzt mit mittiger Schrift */
.elementor-104 .elementor-element.elementor-element-2a2e018 .elementor-nav-menu--dropdown ul li a {
    display: flex !important;
    justify-content: center !important; /* Horizontale Zentrierung im Flex-Container */
    text-align: center !important;      /* Zusätzliche Sicherheit für den Textfluss */
    padding: 15px 20px !important;
    border-radius: 0px !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
}/* End custom CSS */