.elementor-587 .elementor-element.elementor-element-8626ee7{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-587 .elementor-element.elementor-element-e0bc57a{--display:flex;--min-height:var(--header-height);--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:space-between;--align-items:center;border-style:solid;--border-style:solid;border-width:0 0 var(--header-border-width) 0;--border-top-width:0;--border-right-width:0;--border-bottom-width:var(--header-border-width);--border-left-width:0;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:10px;--padding-right:10px;}.elementor-587 .elementor-element.elementor-element-e0bc57a:not(.elementor-motion-effects-element-type-background), .elementor-587 .elementor-element.elementor-element-e0bc57a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4f8710e );}.elementor-587 .elementor-element.elementor-element-5c1e62e{text-align:start;}.elementor-587 .elementor-element.elementor-element-5c1e62e img{width:250px;max-width:250%;}.elementor-587 .elementor-element.elementor-element-00b6af1 .elementor-icon-wrapper{text-align:center;}.elementor-587 .elementor-element.elementor-element-00b6af1.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-587 .elementor-element.elementor-element-00b6af1.elementor-view-framed .elementor-icon, .elementor-587 .elementor-element.elementor-element-00b6af1.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-587 .elementor-element.elementor-element-00b6af1.elementor-view-framed .elementor-icon, .elementor-587 .elementor-element.elementor-element-00b6af1.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-587 .elementor-element.elementor-element-f504664.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:18px;font-weight:700;}.elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:20px;padding-right:20px;padding-top:9px;padding-bottom:9px;}.elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu--main .elementor-item:hover, .elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-primary );}.elementor-587 .elementor-element.elementor-element-f504664 .e--pointer-framed .elementor-item:before, .elementor-587 .elementor-element.elementor-element-f504664 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-primary );}.elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}.elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#02010100;}.elementor-587 .elementor-element.elementor-element-f504664 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-587 .elementor-element.elementor-element-f504664 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#02010100;}.elementor-587 .elementor-element.elementor-element-f504664{--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-width:2px;--e-nav-menu-divider-height:18px;--e-nav-menu-divider-color:var( --e-global-color-primary );}.elementor-587 .elementor-element.elementor-element-f504664 .e--pointer-framed .elementor-item:before{border-width:2px;}.elementor-587 .elementor-element.elementor-element-f504664 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 2px 2px;}.elementor-587 .elementor-element.elementor-element-f504664 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:2px 2px 0 0;}.elementor-587 .elementor-element.elementor-element-f504664 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:2px 0 0 2px;}.elementor-587 .elementor-element.elementor-element-f504664 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 2px 2px 0;}.elementor-587 .elementor-element.elementor-element-f504664 .e--pointer-underline .elementor-item:after, .elementor-587 .elementor-element.elementor-element-f504664 .e--pointer-overline .elementor-item:before, .elementor-587 .elementor-element.elementor-element-f504664 .e--pointer-double-line .elementor-item:before, .elementor-587 .elementor-element.elementor-element-f504664 .e--pointer-double-line .elementor-item:after{height:2px;}.elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu--dropdown a, .elementor-587 .elementor-element.elementor-element-f504664 .elementor-menu-toggle{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu--dropdown{background-color:#FFFFFF;border-radius:0px 0px 10px 10px;}.elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu--dropdown a:hover, .elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu--dropdown a:focus, .elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu--dropdown a.highlighted, .elementor-587 .elementor-element.elementor-element-f504664 .elementor-menu-toggle:hover, .elementor-587 .elementor-element.elementor-element-f504664 .elementor-menu-toggle:focus{color:var( --e-global-color-4f8710e );}.elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu--dropdown a:hover, .elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu--dropdown a:focus, .elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-primary );}.elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-accent );background-color:var( --e-global-color-4f8710e );}.elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu--dropdown .elementor-item, .elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:16px;font-weight:600;}.elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:10px;border-bottom-left-radius:10px;}.elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 5px 10px -5px rgba(0,0,0,0.5);}.elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu--dropdown a{padding-left:30px;padding-right:30px;padding-top:10px;padding-bottom:10px;}.elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#8E8E8E99;border-bottom-width:1px;}.elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:-2px !important;}.elementor-587 .elementor-element.elementor-element-48746a8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:1.125rem;font-weight:700;}.elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:20px;padding-right:20px;padding-top:9px;padding-bottom:9px;}.elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu--main .elementor-item:hover, .elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-primary );}.elementor-587 .elementor-element.elementor-element-48746a8 .e--pointer-framed .elementor-item:before, .elementor-587 .elementor-element.elementor-element-48746a8 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-primary );}.elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}.elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#02010100;}.elementor-587 .elementor-element.elementor-element-48746a8 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-587 .elementor-element.elementor-element-48746a8 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#02010100;}.elementor-587 .elementor-element.elementor-element-48746a8{--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-width:2px;--e-nav-menu-divider-height:18px;--e-nav-menu-divider-color:var( --e-global-color-primary );}.elementor-587 .elementor-element.elementor-element-48746a8 .e--pointer-framed .elementor-item:before{border-width:2px;}.elementor-587 .elementor-element.elementor-element-48746a8 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 2px 2px;}.elementor-587 .elementor-element.elementor-element-48746a8 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:2px 2px 0 0;}.elementor-587 .elementor-element.elementor-element-48746a8 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:2px 0 0 2px;}.elementor-587 .elementor-element.elementor-element-48746a8 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 2px 2px 0;}.elementor-587 .elementor-element.elementor-element-48746a8 .e--pointer-underline .elementor-item:after, .elementor-587 .elementor-element.elementor-element-48746a8 .e--pointer-overline .elementor-item:before, .elementor-587 .elementor-element.elementor-element-48746a8 .e--pointer-double-line .elementor-item:before, .elementor-587 .elementor-element.elementor-element-48746a8 .e--pointer-double-line .elementor-item:after{height:2px;}.elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu--dropdown a, .elementor-587 .elementor-element.elementor-element-48746a8 .elementor-menu-toggle{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu--dropdown{background-color:#FFFFFF;border-radius:0px 0px 10px 10px;}.elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu--dropdown a:hover, .elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu--dropdown a:focus, .elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu--dropdown a.highlighted, .elementor-587 .elementor-element.elementor-element-48746a8 .elementor-menu-toggle:hover, .elementor-587 .elementor-element.elementor-element-48746a8 .elementor-menu-toggle:focus{color:var( --e-global-color-4f8710e );}.elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu--dropdown a:hover, .elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu--dropdown a:focus, .elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-primary );}.elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-accent );background-color:var( --e-global-color-4f8710e );}.elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu--dropdown .elementor-item, .elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:16px;font-weight:600;}.elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:10px;border-bottom-left-radius:10px;}.elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 5px 10px -5px rgba(0,0,0,0.5);}.elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu--dropdown a{padding-left:30px;padding-right:30px;padding-top:10px;padding-bottom:10px;}.elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#8E8E8E99;border-bottom-width:1px;}.elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:-2px !important;}.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-587 .elementor-element.elementor-element-e0bc57a{--min-height:70px;}.elementor-587 .elementor-element.elementor-element-5c1e62e img{max-width:180px;}.elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu .elementor-item{font-size:0.9rem;line-height:0.6em;}.elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu--main .elementor-item{padding-left:10px;padding-right:10px;}.elementor-587 .elementor-element.elementor-element-f504664{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu--dropdown a{padding-left:30px;padding-right:30px;}}@media(max-width:767px){.elementor-587 .elementor-element.elementor-element-8626ee7{--content-width:100%;}.elementor-587 .elementor-element.elementor-element-8626ee7.e-con{--align-self:flex-start;}.elementor-587 .elementor-element.elementor-element-e0bc57a{--content-width:100%;--min-height:70px;--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:flex-start;--flex-wrap:wrap;--border-radius:0px 0px 0px 0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-587 .elementor-element.elementor-element-5c1e62e img{max-width:180px;}.elementor-587 .elementor-element.elementor-element-00b6af1{margin:6px 6px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-587 .elementor-element.elementor-element-00b6af1 .elementor-icon-wrapper{text-align:end;}.elementor-587 .elementor-element.elementor-element-00b6af1 .elementor-icon{font-size:30px;}.elementor-587 .elementor-element.elementor-element-00b6af1 .elementor-icon svg{height:30px;}.elementor-587 .elementor-element.elementor-element-f504664{width:auto;max-width:auto;}.elementor-587 .elementor-element.elementor-element-f504664.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-587 .elementor-element.elementor-element-48746a8{width:auto;max-width:auto;}.elementor-587 .elementor-element.elementor-element-48746a8.elementor-element{--flex-grow:0;--flex-shrink:0;}}/* Start custom CSS for nav-menu, class: .elementor-element-f504664 *//* Ändert die Breite des aktiven und des Hover-Unterstrichs auf exakt 50px */ .elementor-587 .elementor-element.elementor-element-f504664 .elementor-item::after { width: 40px !important; left: 50% !important; transform: translateX(-50%) scaleX(0) !important; transform-origin: center !important; transition: transform 0.5s ease, background-color 0.5s ease !important; } /* Sorgt dafür, dass der verkürzte Strich beim Hovern/Aktivieren korrekt einblendet */ .elementor-587 .elementor-element.elementor-element-f504664 .elementor-item:hover::after, .elementor-587 .elementor-element.elementor-element-f504664 .elementor-item.elementor-item-active::after, .elementor-587 .elementor-element.elementor-element-f504664 .elementor-item.highlighted::after { transform: translateX(-50%) scaleX(1) !important; } /* 2. Deaktiviert den dauerhaften Strich auf der aktiven Seite, den Elementor erzwingt */ .elementor-587 .elementor-element.elementor-element-f504664 .elementor-item.elementor-item-active::after { transform: translateX(-50%) scaleX(0) !important; /* Bleibt im Normalzustand unsichtbar */ } /* 3. HOVER bei der AKTIVEN Seite -> Orange (Strich verschwindet, wenn man die Maus wegbewegt) */ .elementor-587 .elementor-element.elementor-element-f504664 .elementor-item.elementor-item-active:hover::after { background-color: #F2A700 !important; transform: translateX(-50%) scaleX(1) !important; } /* 1. Hauptmenü-Links auf eine höhere Ebene setzen, damit der Pointer oben liegt */ .elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu > li > a { position: relative !important; z-index: 20 !important; /* Höher als das Dropdown */ } /* 2. Container des Dropdowns zentrieren, nach unten schieben und auf niedrigere Ebene setzen */ .elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu .sub-menu { left: 50% !important; right: auto !important; opacity: 0 !important; visibility: hidden !important; transform: translateX(-50%) scaleY(0) !important; transform-origin: top center !important; transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease !important; /* Z-Index absenken, damit es hinter den Hauptlinks liegt */ z-index: 10 !important; /* WICHTIG: Falls das Dropdown den Pointer abschneidet, schieben Sie es mit top minimal nach unten */ top: 100% !important; } /* 3. Hover-Zustand: Dropdown fährt mittig zentriert heraus */ .elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu li:hover > .sub-menu { opacity: 1 !important; visibility: visible !important; transform: translateX(-50%) scaleY(1) !important; } /* 4. Text in den Dropdown-Elementen zentrieren */ .elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu .sub-menu a { text-align: center !important; justify-content: center !important; width: 100% !important; } /* Ändert den Hintergrund der Dropdown-Links beim Hovern auf Dunkelblau */ .elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu .sub-menu .elementor-item-active:hover { background-color: #062645 !important; /* Ihr Dunkelblau */ color: #F2A700 !important; /* Textfarbe bleibt orange für gute Lesbarkeit */ transition: background-color 0.3s ease, color 0.3s ease !important; } .elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu .current-menu-ancestor > a { color: #F2A700 !important; /* Ersetzen Sie dies durch Ihren exakten Gelb-Farbton */ } /* Optional: Falls der kleine Pfeil daneben (Dropdown-Indicator) auch gelb werden soll */ .elementor-587 .elementor-element.elementor-element-f504664 .elementor-nav-menu .current-menu-ancestor > a .sub-arrow { fill: #F2A700 !important; }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-48746a8 *//* Ändert die Breite des aktiven und des Hover-Unterstrichs auf exakt 50px */ .elementor-587 .elementor-element.elementor-element-48746a8 .elementor-item::after { width: 40px !important; left: 50% !important; transform: translateX(-50%) scaleX(0) !important; transform-origin: center !important; transition: transform 0.5s ease, background-color 0.5s ease !important; } /* Sorgt dafür, dass der verkürzte Strich beim Hovern/Aktivieren korrekt einblendet */ .elementor-587 .elementor-element.elementor-element-48746a8 .elementor-item:hover::after, .elementor-587 .elementor-element.elementor-element-48746a8 .elementor-item.elementor-item-active::after, .elementor-587 .elementor-element.elementor-element-48746a8 .elementor-item.highlighted::after { transform: translateX(-50%) scaleX(1) !important; } /* 2. Deaktiviert den dauerhaften Strich auf der aktiven Seite, den Elementor erzwingt */ .elementor-587 .elementor-element.elementor-element-48746a8 .elementor-item.elementor-item-active::after { transform: translateX(-50%) scaleX(0) !important; /* Bleibt im Normalzustand unsichtbar */ } /* 3. HOVER bei der AKTIVEN Seite -> Orange (Strich verschwindet, wenn man die Maus wegbewegt) */ .elementor-587 .elementor-element.elementor-element-48746a8 .elementor-item.elementor-item-active:hover::after { background-color: #F2A700 !important; transform: translateX(-50%) scaleX(1) !important; } /* 1. Hauptmenü-Links auf eine höhere Ebene setzen, damit der Pointer oben liegt */ .elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu > li > a { position: relative !important; z-index: 20 !important; /* Höher als das Dropdown */ } /* 2. Container des Dropdowns zentrieren, nach unten schieben und auf niedrigere Ebene setzen */ .elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu .sub-menu { left: 50% !important; right: auto !important; opacity: 0 !important; visibility: hidden !important; transform: translateX(-50%) scaleY(0) !important; transform-origin: top center !important; transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease !important; /* Z-Index absenken, damit es hinter den Hauptlinks liegt */ z-index: 10 !important; /* WICHTIG: Falls das Dropdown den Pointer abschneidet, schieben Sie es mit top minimal nach unten */ top: 100% !important; } /* 3. Hover-Zustand: Dropdown fährt mittig zentriert heraus */ .elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu li:hover > .sub-menu { opacity: 1 !important; visibility: visible !important; transform: translateX(-50%) scaleY(1) !important; } /* 4. Text in den Dropdown-Elementen zentrieren */ .elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu .sub-menu a { text-align: center !important; justify-content: center !important; width: 100% !important; } /* Ändert den Hintergrund der Dropdown-Links beim Hovern auf Dunkelblau */ .elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu .sub-menu .elementor-item-active:hover { background-color: #062645 !important; /* Ihr Dunkelblau */ color: #F2A700 !important; /* Textfarbe bleibt orange für gute Lesbarkeit */ transition: background-color 0.3s ease, color 0.3s ease !important; } .elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu .current-menu-ancestor > a { color: #F2A700 !important; /* Ersetzen Sie dies durch Ihren exakten Gelb-Farbton */ } /* Optional: Falls der kleine Pfeil daneben (Dropdown-Indicator) auch gelb werden soll */ .elementor-587 .elementor-element.elementor-element-48746a8 .elementor-nav-menu .current-menu-ancestor > a .sub-arrow { fill: #F2A700 !important; }/* End custom CSS */