.elementor-471 .elementor-element.elementor-element-285786b{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-471 .elementor-element.elementor-element-285786b:not(.elementor-motion-effects-element-type-background), .elementor-471 .elementor-element.elementor-element-285786b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDFDFD;}.elementor-471 .elementor-element.elementor-element-5f8bec2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-471 .elementor-element.elementor-element-a363107{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-471 .elementor-element.elementor-element-a363107.elementor-element{--align-self:center;}.elementor-471 .elementor-element.elementor-element-a363107 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:33px;font-weight:500;text-transform:uppercase;color:var( --e-global-color-text );}.elementor-471 .elementor-element.elementor-element-f2a2628{margin:-12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-471 .elementor-element.elementor-element-f2a2628.elementor-element{--align-self:center;}.elementor-471 .elementor-element.elementor-element-f2a2628 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:13px;font-weight:400;letter-spacing:0px;color:var( --e-global-color-accent );}.elementor-471 .elementor-element.elementor-element-990634e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );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-471 .elementor-element.elementor-element-fa82381{padding:10px 10px 10px 10px;--nav-menu-icon-size:15px;}.elementor-471 .elementor-element.elementor-element-fa82381.elementor-element{--align-self:flex-end;}.elementor-471 .elementor-element.elementor-element-fa82381 .elementor-menu-toggle{margin:0 auto;}.elementor-471 .elementor-element.elementor-element-fa82381 .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;text-transform:uppercase;}.elementor-471 .elementor-element.elementor-element-fa82381 .elementor-nav-menu--main .elementor-item{padding-left:30px;padding-right:30px;}.elementor-471 .elementor-element.elementor-element-fa82381 .elementor-nav-menu--dropdown .elementor-item, .elementor-471 .elementor-element.elementor-element-fa82381 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;}.elementor-471 .elementor-element.elementor-element-fa82381 .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;padding-top:15px;padding-bottom:15px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}}@media(min-width:768px){.elementor-471 .elementor-element.elementor-element-5f8bec2{--width:30%;}.elementor-471 .elementor-element.elementor-element-990634e{--width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-471 .elementor-element.elementor-element-5f8bec2{--width:75%;}}@media(max-width:767px){.elementor-471 .elementor-element.elementor-element-5f8bec2{--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-471 .elementor-element.elementor-element-990634e{--margin-top:0px;--margin-bottom:-25px;--margin-left:0px;--margin-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-471 .elementor-element.elementor-element-fa82381{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-471 .elementor-element.elementor-element-fa82381.elementor-element{--align-self:center;}}/* Start custom CSS for nav-menu, class: .elementor-element-fa82381 *//* ===================================================
   DESKTOP STYLES (NUR FÜR GROSSE BILDSCHIRME)
   =================================================== */
@media (min-width: 1025px) {

    /* --- 1. HAUPTMENÜ: TEXT & ANKER --- */
    .elementor-471 .elementor-element.elementor-element-fa82381 .elementor-nav-menu .menu-item {
        position: relative !important;
        display: inline-flex !important;
        justify-content: center !important;
    }

    .elementor-471 .elementor-element.elementor-element-fa82381 .elementor-item {
        font-family: 'Inter', sans-serif !important;
        text-transform: uppercase !important;
        letter-spacing: 2px !important;
        font-size: 15px !important;
        padding: 15px 25px !important;
        position: relative !important;
        transition: color 0.4s ease !important;
    }
    .elementor-471 .elementor-element.elementor-element-fa82381 .elementor-item {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    text-rendering: geometricPrecision;
}

    /* --- 2. DIE LINIE (POINTER): AUS DER MITTE WACHSEND --- */

.elementor-471 .elementor-element.elementor-element-fa82381 .elementor-item::after {
    content: '' !important;
    position: absolute !important;
    bottom: 5px;
    left: 50% !important;
    width: 0;
    height: 1px !important;
    background-color: #9d7e4a !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    transform: translateX(-50%) !important;
}

/* Hover */
.elementor-471 .elementor-element.elementor-element-fa82381 .elementor-item:hover::after,

/* Aktive Hauptseite */
.elementor-471 .elementor-element.elementor-element-fa82381 .elementor-item.elementor-item-active::after,

/* Aktueller Menüpunkt */
.elementor-471 .elementor-element.elementor-element-fa82381 .current-menu-item > .elementor-item::after,

/* Überpunkt einer aktiven Unterseite */
.elementor-471 .elementor-element.elementor-element-fa82381 .current-menu-parent > .elementor-item::after,
.elementor-471 .elementor-element.elementor-element-fa82381 .current-menu-ancestor > .elementor-item::after,
.elementor-471 .elementor-element.elementor-element-fa82381 .current_page_parent > .elementor-item::after,
.elementor-471 .elementor-element.elementor-element-fa82381 .current_page_ancestor > .elementor-item::after {
    width: calc(100% - 40px) !important;
}
/* Hover */
.elementor-471 .elementor-element.elementor-element-fa82381 .elementor-item:hover,
.elementor-471 .elementor-element.elementor-element-fa82381 .elementor-item:hover::after,

/* Aktive Hauptseite */
.elementor-471 .elementor-element.elementor-element-fa82381 .elementor-item.elementor-item-active,
.elementor-471 .elementor-element.elementor-element-fa82381 .elementor-item.elementor-item-active::after,

/* Aktueller Menüpunkt */
.elementor-471 .elementor-element.elementor-element-fa82381 .current-menu-item > .elementor-item,
.elementor-471 .elementor-element.elementor-element-fa82381 .current-menu-item > .elementor-item::after,

/* Überpunkt einer aktiven Unterseite */
.elementor-471 .elementor-element.elementor-element-fa82381 .current-menu-parent > .elementor-item,
.elementor-471 .elementor-element.elementor-element-fa82381 .current-menu-parent > .elementor-item::after,

.elementor-471 .elementor-element.elementor-element-fa82381 .current-menu-ancestor > .elementor-item,
.elementor-471 .elementor-element.elementor-element-fa82381 .current-menu-ancestor > .elementor-item::after,

.elementor-471 .elementor-element.elementor-element-fa82381 .current_page_parent > .elementor-item,
.elementor-471 .elementor-element.elementor-element-fa82381 .current_page_parent > .elementor-item::after,

.elementor-471 .elementor-element.elementor-element-fa82381 .current_page_ancestor > .elementor-item,
.elementor-471 .elementor-element.elementor-element-fa82381 .current_page_ancestor > .elementor-item::after {
    color: #9d7e4a !important;
    width: calc(100% - 40px) !important;
}

    /* --- 3. DROPDOWN: BREIT & EXAKT MITTIG --- */
    .elementor-471 .elementor-element.elementor-element-fa82381 .elementor-nav-menu--main .elementor-nav-menu > li > .elementor-nav-menu--dropdown {
        position: absolute !important;
        top: 100% !important;
        left: 50% !important;
        transform: translateX(-50%) translateY(20px) !important;
        
        min-width: 320px !important; 
        background: #ffffff !important;
        padding: 25px 0 !important;
        border: 1px solid rgba(0,0,0,0.05) !important;
        box-shadow: 0 20px 50px rgba(0,0,0,0.08) !important;
        
        opacity: 0;
        visibility: hidden;
        transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) !important;
        z-index: 9999 !important;
    }

    .elementor-471 .elementor-element.elementor-element-fa82381 .elementor-nav-menu--main .elementor-nav-menu > li:hover > .elementor-nav-menu--dropdown {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(5px) !important;
    }

    /* --- 4. UNTERPUNKTE: ABSOLUTE ZENTRIERUNG --- */
    .elementor-471 .elementor-element.elementor-element-fa82381 .elementor-nav-menu--dropdown ul {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important; 
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .elementor-471 .elementor-element.elementor-element-fa82381 .elementor-nav-menu--dropdown li {
        width: 100% !important;
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        justify-content: center !important;
        overflow: hidden;
    }

    .elementor-471 .elementor-element.elementor-element-fa82381 .elementor-nav-menu--dropdown .elementor-sub-item {
        text-align: center !important;
        width: 100% !important;
        display: block !important;
        padding: 15px 25px !important; 
        transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) !important; 
        color: #1a1a1a !important;
    }

    /* FIX: Aktive Seite im Dropdown Gold statt schwarzer Balken */
    .elementor-471 .elementor-element.elementor-element-fa82381 .elementor-nav-menu--dropdown .elementor-sub-item.elementor-item-active {
        color: #9d7e4a !important;
        background-color: transparent !important;
    }

    /* Der Hover-Effekt: Text gleitet sanft */
    .elementor-471 .elementor-element.elementor-element-fa82381 .elementor-nav-menu--dropdown .elementor-sub-item:hover {
        color: #9d7e4a !important;
        padding-left: 45px !important; 
        padding-right: 5px !important; 
        background-color: rgba(157, 126, 74, 0.02) !important; 
    }

    /* --- 5. CLEANUP & FIXES --- */
    .elementor-471 .elementor-element.elementor-element-fa82381 .sub-arrow {
        display: none !important;
    }

    .elementor-471 .elementor-element.elementor-element-fa82381 .elementor-nav-menu--dropdown a.elementor-sub-item:hover,
    .elementor-471 .elementor-element.elementor-element-fa82381 .elementor-nav-menu--dropdown a.elementor-sub-item.highlighted,
    .elementor-471 .elementor-element.elementor-element-fa82381 .elementor-nav-menu--dropdown a.elementor-sub-item:focus {
        background-color: rgba(157, 126, 74, 0.02) !important;
    }

    .elementor-471 .elementor-element.elementor-element-fa82381 .elementor-nav-menu--dropdown a.elementor-sub-item.elementor-item-active {
        background-color: transparent !important;
    }
}
/* Gleiche Schriftstärke in allen Zuständen */
.elementor-471 .elementor-element.elementor-element-fa82381 .elementor-item,
.elementor-471 .elementor-element.elementor-element-fa82381 .elementor-item:hover,
.elementor-471 .elementor-element.elementor-element-fa82381 .elementor-item.elementor-item-active,
.elementor-471 .elementor-element.elementor-element-fa82381 .current-menu-item > .elementor-item,
.elementor-471 .elementor-element.elementor-element-fa82381 .current-menu-parent > .elementor-item,
.elementor-471 .elementor-element.elementor-element-fa82381 .current-menu-ancestor > .elementor-item,
.elementor-471 .elementor-element.elementor-element-fa82381 .current_page_parent > .elementor-item,
.elementor-471 .elementor-element.elementor-element-fa82381 .current_page_ancestor > .elementor-item {
    font-weight: 500 !important;
}
/* =========================================================
   ELEMENTOR MOBILE- UND TABLET-MENÜ
   Gültig bis einschließlich 1024 px
   ========================================================= */

@media screen and (max-width: 1024px) {

    /* =====================================================
       1. MENÜBUTTON
       Position und Ausrichtung kommen weiterhin aus Elementor
       ===================================================== */

    .elementor-menu-toggle {
        position: relative;
        z-index: 1000002 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 52px !important;
        height: 52px !important;
        padding: 0 !important;

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        cursor: pointer !important;
    }

    /*
     * Keine Regeln für:
     * margin, top, right, bottom, left oder transform
     * Dadurch bleibt die in Elementor eingestellte Position erhalten.
     */

    .elementor-menu-toggle span,
    .elementor-menu-toggle i,
    .elementor-menu-toggle svg {
        display: none !important;
    }

    /* Burger-Linien */

    .elementor-menu-toggle::before,
    .elementor-menu-toggle::after {
        content: "";
        position: absolute;

        left: 50%;
        width: 42px;
        height: 3px;

        margin-left: -21px;

        background: #1a1a1a;
        border-radius: 3px;

        transition:
            top 0.3s ease,
            transform 0.3s ease,
            background-color 0.3s ease;
    }

    .elementor-menu-toggle:not(.elementor-active)::before {
        top: 16px;
    }

    .elementor-menu-toggle:not(.elementor-active)::after {
        top: 32px;
    }

    /* X bei geöffnetem Menü */

    .elementor-menu-toggle.elementor-active::before {
        top: 24px;
        transform: rotate(45deg);
        background: #9d7e4a;
    }

    .elementor-menu-toggle.elementor-active::after {
        top: 24px;
        transform: rotate(-45deg);
        background: #9d7e4a;
    }


    /* =====================================================
       2. VOLLBILD-MENÜ
       ===================================================== */

    .elementor-nav-menu--dropdown.elementor-nav-menu__container {
        position: fixed !important;
        inset: 0 !important;

        z-index: 1000000 !important;

        width: 100% !important;
        max-width: none !important;

        height: 100dvh !important;
        min-height: 100vh !important;
        max-height: 100dvh !important;

        margin: 0 !important;
        padding: 105px 24px 70px !important;

        box-sizing: border-box !important;

background: rgba(253, 253, 253, 0.80) !important;
-webkit-backdrop-filter: blur(12px) !important;
backdrop-filter: blur(12px) !important;
        border: 0 !important;
        box-shadow: none !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    /* Hintergrundseite beim geöffneten Menü sperren */

    html:has(.elementor-menu-toggle.elementor-active),
    body:has(.elementor-menu-toggle.elementor-active) {
        overflow: hidden !important;
    }


    /* =====================================================
       3. HAUPTMENÜ
       ===================================================== */

    .elementor-nav-menu--dropdown
    > ul.elementor-nav-menu {
        position: relative !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        width: 100% !important;
        max-width: 760px !important;

        margin: 0 auto !important;
        padding: 0 !important;

        list-style: none !important;
        text-align: center !important;
        overflow: visible !important;
    }

    .elementor-nav-menu--dropdown
    > ul.elementor-nav-menu
    > li.menu-item {
        position: relative !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        text-align: center !important;
        overflow: visible !important;
    }


    /* =====================================================
       4. HAUPTMENÜ-LINKS
       ===================================================== */

    .elementor-nav-menu--dropdown
    > ul.elementor-nav-menu
    > li.menu-item
    > a.elementor-item {
        position: relative !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 13px 52px !important;

        box-sizing: border-box !important;

        font-family: "Inter", sans-serif !important;
        font-size: 32px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        letter-spacing: 2px !important;

        text-align: center !important;
        text-transform: uppercase !important;
        text-decoration: none !important;

        color: #1a1a1a !important;
        background: transparent !important;
        border: 0 !important;
    }


    /* =====================================================
       5. DROPDOWN-PFEIL
       Absolut positioniert, damit der Text exakt mittig bleibt
       ===================================================== */

    .elementor-nav-menu--dropdown .sub-arrow {
        position: absolute !important;
        top: 50% !important;
        right: 14px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 34px !important;
        height: 34px !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: translateY(-50%) !important;
    }

    .elementor-nav-menu--dropdown .sub-arrow i,
    .elementor-nav-menu--dropdown .sub-arrow svg {
        display: none !important;
    }

    .elementor-nav-menu--dropdown .sub-arrow::after {
        content: "";

        display: block;

        width: 10px;
        height: 10px;

        border-right: 2px solid #9d7e4a;
        border-bottom: 2px solid #9d7e4a;

        transform: rotate(45deg);
        transition: transform 0.25s ease;
    }

    .elementor-nav-menu--dropdown
    a.highlighted
    .sub-arrow::after,

    .elementor-nav-menu--dropdown
    a[aria-expanded="true"]
    .sub-arrow::after {
        transform: rotate(-135deg);
    }

    .elementor-nav-menu--dropdown
    li.menu-item-has-children
    > a::after {
        content: none !important;
    }


    /* =====================================================
       6. UNTERMENÜ
       Bleibt im normalen Seitenfluss
       ===================================================== */

    .elementor-nav-menu--dropdown ul.sub-menu {
        position: static !important;
        inset: auto !important;

        float: none !important;
        clear: both !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 3px 0 16px !important;

        box-sizing: border-box !important;

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;

        text-align: center !important;
        overflow: visible !important;
    }

    /*
     * Der geschlossene Zustand wird von Elementor gesteuert.
     * Deshalb steht hier absichtlich kein allgemeines display:none.
     */

    .elementor-nav-menu--dropdown
    a.highlighted
    + ul.sub-menu,

    .elementor-nav-menu--dropdown
    a[aria-expanded="true"]
    + ul.sub-menu,

    .elementor-nav-menu--dropdown
    ul.sub-menu[aria-hidden="false"] {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        width: 100% !important;
        height: auto !important;
        max-height: none !important;

        overflow: visible !important;
    }


    /* =====================================================
       7. UNTERMENÜPUNKTE
       ===================================================== */

    .elementor-nav-menu--dropdown
    ul.sub-menu
    > li.menu-item {
        position: relative !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        width: 100% !important;
        height: auto !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        text-align: center !important;
        overflow: visible !important;
    }

    .elementor-nav-menu--dropdown
    ul.sub-menu
    a.elementor-sub-item {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 9px 20px !important;

        box-sizing: border-box !important;

        font-family: "Inter", sans-serif !important;
        font-size: 21px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        letter-spacing: 1px !important;

        text-align: center !important;
        text-transform: none !important;
        text-decoration: none !important;

        color: #666666 !important;
        background: transparent !important;
        border: 0 !important;
    }


  /* =====================================================
   8. GOLD: HOVER, AUSWAHL UND AKTUELLE SEITE
   ===================================================== */

/* Sanfter Farbwechsel */
.elementor-nav-menu--dropdown a.elementor-item,
.elementor-nav-menu--dropdown a.elementor-sub-item {
    transition: color 0.25s ease !important;
}


/* -----------------------------------------------------
   HAUPTPUNKTE OHNE UNTERMENÜ
   Hover, Fokus und Antippen werden gold
   ----------------------------------------------------- */

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.menu-item:not(.menu-item-has-children)
> a.elementor-item:hover,

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.menu-item:not(.menu-item-has-children)
> a.elementor-item:focus,

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.menu-item:not(.menu-item-has-children)
> a.elementor-item:active {
    color: #9d7e4a !important;
    background-color: transparent !important;
}


/* -----------------------------------------------------
   HAUPTPUNKTE MIT UNTERMENÜ
   Bleiben beim Hover, Fokus und Öffnen schwarz
   ----------------------------------------------------- */

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.menu-item-has-children
> a.elementor-item,

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.menu-item-has-children
> a.elementor-item:hover,

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.menu-item-has-children
> a.elementor-item:focus,

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.menu-item-has-children
> a.elementor-item:active,

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.menu-item-has-children
> a.elementor-item.highlighted,

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.menu-item-has-children
> a.elementor-item[aria-expanded="true"] {
    color: #1a1a1a !important;
    background-color: transparent !important;
}


/* -----------------------------------------------------
   AKTUELLE SEITE – Hauptpunkt ohne Untermenü
   ----------------------------------------------------- */

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.menu-item:not(.menu-item-has-children).current-menu-item
> a.elementor-item,

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.menu-item:not(.menu-item-has-children).current_page_item
> a.elementor-item,

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.menu-item:not(.menu-item-has-children)
> a.elementor-item.elementor-item-active,

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.menu-item:not(.menu-item-has-children)
> a.elementor-item[aria-current="page"] {
    color: #9d7e4a !important;
    background-color: transparent !important;
}


/* =====================================================
   UNTERMENÜPUNKTE:
   Hover, Antippen und aktuelle Seite gold
   ===================================================== */

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
ul.sub-menu
li.menu-item
> a.elementor-sub-item:hover,

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
ul.sub-menu
li.menu-item
> a.elementor-sub-item:focus,

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
ul.sub-menu
li.menu-item
> a.elementor-sub-item:focus-visible,

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
ul.sub-menu
li.menu-item
> a.elementor-sub-item:active,

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
ul.sub-menu
li.current-menu-item
> a.elementor-sub-item,

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
ul.sub-menu
li.current_page_item
> a.elementor-sub-item,

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
ul.sub-menu
li.current-menu-parent
> a.elementor-sub-item,

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
ul.sub-menu
a.elementor-sub-item.elementor-item-active,

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
ul.sub-menu
a.elementor-sub-item[aria-current="page"],

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
ul.sub-menu
a.elementor-sub-item[aria-current="true"] {
    color: #9d7e4a !important;
    background-color: transparent !important;
    -webkit-text-fill-color: #9d7e4a !important;
}


    /* =====================================================
       9. HÖHEN UND OVERFLOW
       Verhindert das Verschwinden unterer Menüpunkte
       ===================================================== */

    .elementor-nav-menu--dropdown ul,
    .elementor-nav-menu--dropdown li {
        max-height: none !important;
    }
}
/* Überpunkt gold, wenn eine Unterseite aktiv ist */

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.current-menu-parent
> a.elementor-item,

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.current-menu-ancestor
> a.elementor-item,

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.current_page_parent
> a.elementor-item,

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.current_page_ancestor
> a.elementor-item {
    color: #9d7e4a !important;
    background: transparent !important;
}
/* =====================================================
   AKTIVER ÜBERPUNKT:
   geöffnet = schwarz, geschlossen = gold
   ===================================================== */

@media screen and (max-width: 1024px) {

    /* Aktiver Überpunkt bei geöffnetem Dropdown schwarz */
    body .elementor-widget-nav-menu
    .elementor-nav-menu--dropdown
    > ul.elementor-nav-menu
    > li.current-menu-parent.menu-item-has-children
    > a.elementor-item[aria-expanded="true"],

    body .elementor-widget-nav-menu
    .elementor-nav-menu--dropdown
    > ul.elementor-nav-menu
    > li.current-menu-ancestor.menu-item-has-children
    > a.elementor-item[aria-expanded="true"],

    body .elementor-widget-nav-menu
    .elementor-nav-menu--dropdown
    > ul.elementor-nav-menu
    > li.current_page_parent.menu-item-has-children
    > a.elementor-item[aria-expanded="true"],

    body .elementor-widget-nav-menu
    .elementor-nav-menu--dropdown
    > ul.elementor-nav-menu
    > li.current_page_ancestor.menu-item-has-children
    > a.elementor-item[aria-expanded="true"] {
        color: #1a1a1a !important;
        background-color: transparent !important;
    }


    /* Aktiver Überpunkt bei geschlossenem Dropdown wieder gold */
    body .elementor-widget-nav-menu
    .elementor-nav-menu--dropdown
    > ul.elementor-nav-menu
    > li.current-menu-parent.menu-item-has-children
    > a.elementor-item:not([aria-expanded="true"]),

    body .elementor-widget-nav-menu
    .elementor-nav-menu--dropdown
    > ul.elementor-nav-menu
    > li.current-menu-ancestor.menu-item-has-children
    > a.elementor-item:not([aria-expanded="true"]),

    body .elementor-widget-nav-menu
    .elementor-nav-menu--dropdown
    > ul.elementor-nav-menu
    > li.current_page_parent.menu-item-has-children
    > a.elementor-item:not([aria-expanded="true"]),

    body .elementor-widget-nav-menu
    .elementor-nav-menu--dropdown
    > ul.elementor-nav-menu
    > li.current_page_ancestor.menu-item-has-children
    > a.elementor-item:not([aria-expanded="true"]) {
        color: #9d7e4a !important;
        background-color: transparent !important;
    }
}

/* =========================================================
   SMARTPHONE BIS 767 PX
   ========================================================= */

@media screen and (max-width: 767px) {

    .elementor-nav-menu--dropdown.elementor-nav-menu__container {
        padding: 90px 18px 60px !important;
    }

    .elementor-nav-menu--dropdown
    > ul.elementor-nav-menu
    > li.menu-item
    > a.elementor-item {
        padding: 12px 46px !important;

        font-size: 27px !important;
        line-height: 1.2 !important;
        letter-spacing: 1.5px !important;
    }

    .elementor-nav-menu--dropdown .sub-arrow {
        right: 8px !important;
    }

    .elementor-nav-menu--dropdown
    ul.sub-menu
    a.elementor-sub-item {
        padding: 8px 16px !important;

        font-size: 19px !important;
        line-height: 1.4 !important;
    }
}


/* =========================================================
   FALLBACK FÜR ÄLTERE SAFARI-VERSIONEN
   ========================================================= */

@media screen and (max-width: 1024px) {

    @supports not (height: 100dvh) {

        .elementor-nav-menu--dropdown.elementor-nav-menu__container {
            height: 100vh !important;
            max-height: 100vh !important;
        }
    }
}  
@media screen and (max-width: 1024px) {

    /* Nur bei geöffnetem Menü: Schließen-Button oben rechts fixieren */
    .elementor-menu-toggle.elementor-active {
        position: fixed !important;

        top: 18px !important;
        right: 18px !important;
        bottom: auto !important;
        left: auto !important;

        margin: 0 !important;

        z-index: 1000003 !important;
    }

    /* Genügend Abstand oberhalb der Menüpunkte */
    .elementor-nav-menu--dropdown.elementor-nav-menu__container {
        padding-top: 95px !important;
    }
}
/* =====================================================
   IPAD/TABLET: EINHEITLICHE SCHRIFTSTÄRKE
   ===================================================== */

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.menu-item
> a.elementor-item,

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.menu-item
> a.elementor-item:hover,

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.menu-item
> a.elementor-item:focus,

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.menu-item
> a.elementor-item:active,

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.menu-item
> a.elementor-item.highlighted,

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.current-menu-item
> a.elementor-item,

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.current-menu-parent
> a.elementor-item,

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.current-menu-ancestor
> a.elementor-item,

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.current_page_item
> a.elementor-item,

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.current_page_parent
> a.elementor-item,

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.current_page_ancestor
> a.elementor-item,

body .elementor-widget-nav-menu
.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.menu-item
> a.elementor-item.elementor-item-active {
    font-weight: 700 !important;
    font-style: normal !important;
    font-synthesis: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-285786b *//* --- 1. GRUNDZUSTAND & STRUCTURAL FIXES (RESIZE-BUG-KILLER) --- */
.elementor-471 .elementor-element.elementor-element-285786b {
    background-color: #FDFDFD !important;
    padding-top: 15px !important; 
    padding-bottom: 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important; 
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
    
    /* Zwingt den Haupt-Container, beim langsamen Resize flexibel zu bleiben */
    width: 100% !important;
    max-width: 100% !important;
}

/* Überschreibt Elementors träge JavaScript-Inline-Pixelbreiten beim langsamen Skalieren */
.elementor-471 .elementor-element.elementor-element-285786b .elementor-container,
.elementor-471 .elementor-element.elementor-element-285786b .elementor-row {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
}

/* Verhindert das Einfrieren der Spalten */
.elementor-471 .elementor-element.elementor-element-285786b .elementor-column {
    width: auto !important;
    max-width: 100% !important;
    flex-grow: 1 !important;
}


/* --- 2. LOGO-BLOCK LINKS --- */
.elementor-471 .elementor-element.elementor-element-285786b .elementor-widget-wrap {
    gap: 0 !important; 
    display: flex !important;
    flex-direction: column !important;
}

/* Der gewählte enge Abstand der Zeilen */
.elementor-471 .elementor-element.elementor-element-285786b .elementor-widget:nth-child(2) {
    margin-top: -18px !important; 
}


/* --- 3. STICKY-ZUSTAND (DER ELK-STIL: FAST DECKEND & KLAR) --- */
.elementor-471 .elementor-element.elementor-element-285786b.elementor-sticky--effects {
    padding-top: 4px !important; 
    padding-bottom: 4px !important;
    
    /* 95% Deckkraft: Wirkt wie eine feste Fläche, aber mit moderner Tiefe */
    background-color: rgba(253, 253, 253, 0.95) !important; 
    
    /* Wir ersetzen den Schatten durch eine extrem feine Linie */
    box-shadow: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
    
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}


/* --- 3a. SAUBERE SKALIERUNG (NUR NOCH BILDER) --- */

/* Verkleinert das Logo-Bild im Sticky-Zustand */
.elementor-471 .elementor-element.elementor-element-285786b.elementor-sticky--effects .elementor-widget-image img {
    max-width: 75% !important; 
    transition: max-width 0.5s ease !important;
}


/* --- 4. MENÜ-STABILISATOR --- */
.elementor-471 .elementor-element.elementor-element-285786b .elementor-column:last-child {
    margin-left: auto !important;
    flex-grow: 0 !important; /* Verhindert, dass das Menü die Logo-Spalte wegschiebt */
}

.elementor-471 .elementor-element.elementor-element-285786b.elementor-sticky--effects .elementor-nav-menu--main .elementor-item {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    line-height: 1.2 !important;
}/* End custom CSS */