.elementor-4800 .elementor-element.elementor-element-dd43b7e{--display:flex;--position:absolute;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;top:0px;--z-index:999;}body:not(.rtl) .elementor-4800 .elementor-element.elementor-element-dd43b7e{left:0px;}body.rtl .elementor-4800 .elementor-element.elementor-element-dd43b7e{right:0px;}.elementor-4800 .elementor-element.elementor-element-b442c51{--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;--justify-content:center;}.elementor-4800 .elementor-element.elementor-element-9c2ca43 .e-search-input{background-color:#00000000;border-style:none;}.elementor-4800 .elementor-element.elementor-element-9c2ca43{--e-search-placeholder-color:#00000000;--e-search-input-color:var( --e-global-color-secondary );--e-search-icon-label-color:var( --e-global-color-secondary );}.elementor-4800 .elementor-element.elementor-element-c9c853c{--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;--justify-content:center;}.elementor-4800 .elementor-element.elementor-element-417b633{text-align:center;}.elementor-4800 .elementor-element.elementor-element-417b633 img{width:41%;}.elementor-4800 .elementor-element.elementor-element-9dee13d{--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;--justify-content:center;}.elementor-4800 .elementor-element.elementor-element-a8d0758 .elementor-menu-toggle{margin-left:auto;}.elementor-4800 .elementor-element.elementor-element-a8d0758 .elementor-nav-menu--dropdown a, .elementor-4800 .elementor-element.elementor-element-a8d0758 .elementor-menu-toggle{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-4800 .elementor-element.elementor-element-a8d0758 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-accent );}.elementor-4800 .elementor-element.elementor-element-a8d0758 .elementor-nav-menu--dropdown a:hover,
					.elementor-4800 .elementor-element.elementor-element-a8d0758 .elementor-nav-menu--dropdown a:focus,
					.elementor-4800 .elementor-element.elementor-element-a8d0758 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-4800 .elementor-element.elementor-element-a8d0758 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-primary );}.elementor-4800 .elementor-element.elementor-element-a8d0758 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-accent );background-color:var( --e-global-color-text );}.elementor-4800 .elementor-element.elementor-element-a8d0758 .elementor-nav-menu--dropdown .elementor-item, .elementor-4800 .elementor-element.elementor-element-a8d0758 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:43px;font-weight:900;text-transform:uppercase;}.elementor-4800 .elementor-element.elementor-element-a8d0758 .elementor-nav-menu--dropdown a{padding-left:8px;padding-right:8px;padding-top:22px;padding-bottom:22px;}.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-4800 .elementor-element.elementor-element-dd43b7e{--z-index:100;}.elementor-4800 .elementor-element.elementor-element-417b633 img{width:28%;}}@media(max-width:767px){.elementor-4800 .elementor-element.elementor-element-dd43b7e{--z-index:100;}.elementor-4800 .elementor-element.elementor-element-b442c51{--width:33.3%;}.elementor-4800 .elementor-element.elementor-element-c9c853c{--width:33.3%;}.elementor-4800 .elementor-element.elementor-element-417b633 img{width:100%;}.elementor-4800 .elementor-element.elementor-element-9dee13d{--width:33.3%;}}@media(min-width:768px){.elementor-4800 .elementor-element.elementor-element-b442c51{--width:33.3%;}.elementor-4800 .elementor-element.elementor-element-c9c853c{--width:33.3%;}.elementor-4800 .elementor-element.elementor-element-9dee13d{--width:33.3%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4800 .elementor-element.elementor-element-b442c51{--width:33.3%;}.elementor-4800 .elementor-element.elementor-element-c9c853c{--width:33.3%;}.elementor-4800 .elementor-element.elementor-element-9dee13d{--width:33.3%;}}/* Start custom CSS for nav-menu, class: .elementor-element-a8d0758 *//* =========================================================
   APOLLONIA Offcanvas Menü (Elementor Nav Menu)
   Lösung 1: Panel + Overlay fixed, aber Toggle bleibt im boxed Header-Layout
   Scope: .elementor-element-a8d0758
   ========================================================= */

/* --- 1) Menü-Panel (rechts) --- */
.elementor-element-a8d0758 .elementor-nav-menu--dropdown.elementor-nav-menu__container{
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;

  width: 50vw !important;
  max-width: 50vw !important;
  height: 100vh !important;

  margin: 0 !important;
  padding: 120px 40px 40px !important;
  overflow: auto !important;

  z-index: 999999 !important;

  /* Off-canvas verstecken */
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: transform .25s ease, opacity .2s ease, visibility 0s linear .25s;
}

/* Wenn Burger aktiv ist: Panel sichtbar */
.elementor-element-a8d0758 .elementor-menu-toggle.elementor-active
+ .elementor-nav-menu--dropdown.elementor-nav-menu__container{
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  transition: transform .25s ease, opacity .2s ease, visibility 0s;
}

/* UL Layout */
.elementor-element-a8d0758 .elementor-nav-menu{
  display: flex !important;
  flex-direction: column !important;
  gap: 18px;
}

.elementor-element-a8d0758 .elementor-nav-menu a.elementor-item{
  display: inline-block;
  padding: 10px 0;
}

/* --- Toggle / Close Button: NICHT fixed! (boxed bleibt boxed) --- */
.elementor-element-a8d0758 .elementor-menu-toggle{
  position: static !important;  /* wichtig: NICHT fixed */
  top: auto !important;
  right: auto !important;
  z-index: 1000000 !important;
}

/* --- 2) Overlay (linke Seite abdunkeln) --- */
.elementor-element-a8d0758::before{
  content: "";
  position: fixed;
  top: 0;
  left: 0;

  width: 50vw;
  height: 100vh;

  background: rgba(0,0,0,0.45);
  backdrop-filter: blur(2px);

  z-index: 999998;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transition: opacity .25s ease, visibility 0s linear .25s;
}

/* Overlay nur wenn Menü aktiv */
.elementor-element-a8d0758:has(.elementor-menu-toggle.elementor-active)::before{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity .25s ease, visibility 0s;
}

/* Mobile Padding */
@media (max-width: 767px){
  .elementor-element-a8d0758 .elementor-nav-menu--dropdown.elementor-nav-menu__container{
    padding: 100px 24px 24px !important;
  }
}

/* Desktop: 30vw */
@media (min-width: 1025px){
  .elementor-element-a8d0758 .elementor-nav-menu--dropdown.elementor-nav-menu__container{
    width: 30vw !important;
    max-width: 30vw !important;
  }
  .elementor-element-a8d0758::before{
    width: 70vw !important;
  }
}

/* Tablet & Mobile: 50vw */
@media (max-width: 1024px){
  .elementor-element-a8d0758 .elementor-nav-menu--dropdown.elementor-nav-menu__container{
    width: 50vw !important;
    max-width: 50vw !important;
  }
  .elementor-element-a8d0758::before{
    width: 50vw !important;
  }
}/* End custom CSS */