.elementor-24 .elementor-element.elementor-element-6c64be8f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:100;}.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-24 .elementor-element.elementor-element-3741795 .elementor-menu-toggle{margin:0 auto;}.elementor-24 .elementor-element.elementor-element-3741795 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}.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-24 .elementor-element.elementor-element-6c64be8f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-24 .elementor-element.elementor-element-6c64be8f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for nav-menu, class: .elementor-element-3741795 */.elementor-24 .elementor-element.elementor-element-3741795 { position: static; width: max-content; flex: 0 0 auto; justify-self: center; }/* End custom CSS */
/* Start custom CSS *//* ---------------------------------------------------------------------------
   Grundsatz: so wenig Custom CSS wie moeglich. Was hier steht, kann Elementor in
   diesem Setup nachweislich nicht selbst - Begruendung je Block.

   Nativ bzw. am Element geloest und deshalb hier NICHT mehr vorhanden:
   - Kontakt-Icons             -> e-svg-Widgets aus der Icon-Bibliothek
   - Breite/Ausrichtung der Kontaktgruppe -> Element-Styles
   - Logo links                -> Container justify-content:space-between
   - Breite des Menue-Widgets  -> Custom CSS am Widget selbst; Elementor erzeugt den
                                  Selektor, kein globaler Zugriff auf
                                  .elementor-widget-nav-menu mehr noetig
   - Zentrierter Burger        -> Widget-Einstellung Toggle Align: Center
   - Bezugspunkt des Dropdowns -> position:static an Widget und innerem Container
   - STICKY-HEADER             -> V3-Container (id 9a5b9f6) um den V4-Header, darin
                                  Advanced > Motion Effects > Sticky: Top.
                                  Native Einstellung, kein CSS mehr noetig.
   --------------------------------------------------------------------------- */

/* [1] Dropdown-Panel auf Tablet/Mobile.
       Elementors nav-menu-JS setzt top/left/width des Panels als Inline-Style,
       top = Hoehe des Burger-Buttons. Das Widget sitzt vertikal mittig im Header,
       das Panel schoebe sich damit ueber das Logo.

       Strukturell geloest: Widget und innerer Container stehen auf position:static,
       damit ist der Header selbst der Bezugspunkt. top:100% trifft dann immer die
       Headerkante, unabhaengig von Logogroesse und Breakpoint. Die 3px sind die
       rote Linie des Headers - die liegt als Border ausserhalb des Padding-
       Bereichs, auf den sich 100% bezieht.

       !important ist noetig, weil die Werte inline vom JS kommen.

       ABLOESBAR ueber Style > Dropdown > Distance im Editor - lohnt aber nur, wenn
       man die Pixelpflege je Breakpoint in Kauf nimmt. */
@media (max-width:1024px){
  header .elementor-nav-menu--dropdown{
    position:absolute !important;
    top:calc(100% + 3px) !important;
    left:0 !important;
    right:0 !important;
    width:auto !important;
    margin-top:0 !important;
    z-index:99;
    box-shadow:0 10px 24px rgba(26,26,26,.12);
  }
}/* End custom CSS */