.elementor-138 .elementor-element.elementor-element-b81d4f6{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;border-style:solid;--border-style:solid;border-width:0px 2px 0px 0px;--border-top-width:0px;--border-right-width:2px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-4268a48 );--border-color:var( --e-global-color-4268a48 );--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:5em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-138 .elementor-element.elementor-element-b81d4f6:not(.elementor-motion-effects-element-type-background), .elementor-138 .elementor-element.elementor-element-b81d4f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at top center, #000000 77%, var( --e-global-color-4268a48 ) 100%);}.elementor-138 .elementor-element.elementor-element-21cace5 > .elementor-widget-container{margin:0em 0em 1em 0em;}.elementor-138 .elementor-element.elementor-element-b57f314{--display:flex;--gap:1em 0em;--row-gap:1em;--column-gap:0em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-dff0a2a > .elementor-widget-container{margin:1em 0em 2em 0em;padding:0em 0em 0em 3.5em;}.elementor-138 .elementor-element.elementor-element-f896344 > .elementor-widget-container{padding:0em 0em 0em 3.5em;}#elementor-popup-modal-138 .dialog-widget-content{animation-duration:0.3s;border-style:none;}#elementor-popup-modal-138 .dialog-message{width:514px;height:auto;padding:0em 0em 0em 0em;}#elementor-popup-modal-138{justify-content:flex-start;align-items:flex-end;}#elementor-popup-modal-138 .dialog-close-button{display:flex;}@media(max-width:1160px){.elementor-138 .elementor-element.elementor-element-b81d4f6{--padding-top:20vw;--padding-bottom:8vw;--padding-left:0vw;--padding-right:0vw;}#elementor-popup-modal-138 .dialog-message{width:100vw;}}@media(max-width:767px){.elementor-138 .elementor-element.elementor-element-b81d4f6{--min-height:100vh;--justify-content:space-between;--padding-top:2em;--padding-bottom:2em;--padding-left:0em;--padding-right:0em;}.elementor-138 .elementor-element.elementor-element-b57f314{--gap:0em 0em;--row-gap:0em;--column-gap:0em;}.elementor-138 .elementor-element.elementor-element-dff0a2a > .elementor-widget-container{padding:0em 0em 0em 2em;}.elementor-138 .elementor-element.elementor-element-f896344 > .elementor-widget-container{padding:0em 0em 0em 2em;}#elementor-popup-modal-138 .dialog-message{width:100vw;}}/* Start custom CSS for html, class: .elementor-element-21cace5 *//* =====  Variablen  ===== */
:root{
  --c-brand  : #09fcc6;
  --fs-main  : 1.7em;
  --fs-sub   : 1.2rem;
  --ls-base  : 0.02em;
  --ls-hover : 0.06em;
  --line-w   : 1.4em;
  --line-h   : 2px;
  --gap-main : 1.5em;
  --gap-sub  : 0.6em;
  --pad-left : 3em;                              /* Text-Einzug   */
  --line-off : calc(-1 * var(--pad-left) + .2em);/* Linie bündig  */
}

/* =====  Wrapper  ===== */
#popup-nav{
  height: 56vh !important;
  overflow-y:auto; scrollbar-gutter:stable both-edges;
  padding:0 1.2em 0 var(--pad-left);
  box-sizing:border-box;
  scrollbar-width:thin; scrollbar-color:var(--c-brand) transparent;
}
#popup-nav::-webkit-scrollbar{width:8px}
#popup-nav::-webkit-scrollbar-thumb{background:var(--c-brand);border-radius:4px}

/* =====  Listen  ===== */
.menu,.submenu{list-style:none;margin:0;padding:0}
.menu>li+li   {margin-top:var(--gap-main)}
.submenu li+li{margin-top:var(--gap-sub)}

/* =====  Links  ===== */
.menu a,.submenu-toggle{
  display:block;
  font:700 var(--fs-main)/1 'Space Grotesk',sans-serif;
  color:var(--c-brand); letter-spacing:var(--ls-base);
  background:none; border:0; cursor:pointer; padding:.15em 0;
  position:relative; transition:color .3s, letter-spacing .3s;
}
.index{color:#fff;font-size:.55em;margin-right:.4em;opacity:.9}

/* Linie links */
.menu a::before,.submenu-toggle::before,.submenu a::before{
  content:""; position:absolute; left:var(--line-off); top:50%;
  width:0; height:var(--line-h); background:var(--c-brand);
  transform:translateY(-50%); transition:width .3s;
}

/* Hover */
.menu a:hover,.submenu-toggle:hover,.submenu a:hover{
  color:#fff; letter-spacing:var(--ls-hover);
}
.menu a:hover::before,.submenu-toggle:hover::before,
.submenu a:hover::before{width:var(--line-w)}

/* Fokus-Outline nur nach Tab */
a:focus-visible,button:focus-visible{
  outline:2px solid var(--c-brand); outline-offset:2px;
}

/* =====  Untermenü  ===== */
.has-sub{position:static}
.submenu{
  margin:0 0 0 3em; max-height:0; overflow:hidden;
  opacity:0; transform:scaleY(0); transform-origin:top;
  transition:max-height .35s, opacity .35s, transform .35s;
}
.has-sub.open>.submenu{
  margin-top:var(--gap-sub);
  max-height:25rem; opacity:1; transform:scaleY(1);
}
.submenu a{
  display:block; font-size:var(--fs-sub); padding:.25em 0;
}

/* Hover-/Aktiv-BG des Toggles neutralisieren */
.submenu-toggle,
.submenu-toggle:hover,
.submenu-toggle:focus,
.submenu-toggle:active{background:none!important}

/* Weiß + Spacing nur bei offenem Dropdown oder echtem Hover */
.has-sub.open>.submenu-toggle,
.has-sub>.submenu-toggle:hover{
  color:#fff; letter-spacing:var(--ls-hover);
}
.has-sub:not(.open)>.submenu-toggle{
  color:var(--c-brand); letter-spacing:var(--ls-base);
}

/* =====  Mobile  ≤480 px  ===== */
@media(max-width:480px){
  #popup-nav{--pad-left:2em}
  .menu a,.submenu-toggle{font-size:1.2em}
  .submenu a{font-size:1rem}
}

/* Wrapper nie umrandet */
#popup-nav:focus{outline:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b81d4f6 *//* 1) Header-Leiste immer vorne („Leiste 2“ bei dir sticky) */
.elementor-sticky--active {
  z-index: 9999 !important;
}

/* 2) Popup selbst unter den Header legen */
#elementor-popup-modal-138 {
  z-index: 9998 !important;
  align-items: flex-start !important;  /* Inhalt ganz oben starten */
}

/* 3) Dialog-Content auf 100vh/100vw fixieren und alle Abstände raus */
#elementor-popup-modal-138 .dialog-widget-content {
  position: fixed !important;
  top:      0 !important;
  left:     0 !important;
  height:  100vh !important;
  margin:    0 !important;
  overflow: auto   !important;
  background: transparent !important;
  border:     none !important;
  box-shadow: none !important;
  outline:    none !important;
}

/* 4) Polygon-Clip direkt auf den Content anwenden */
#elementor-popup-modal-138 .dialog-widget-content {
  clip-path: polygon(
    0 0,
    calc(100% - 20px) 0,
    100% 20px,
    100% calc(100% - 20px),
    calc(100% - 20px) 100%,
    0 100%
  );
  -webkit-clip-path: polygon(
    0 0,
    calc(100% - 20px) 0,
    100% 20px,
    100% calc(100% - 20px),
    calc(100% - 20px) 100%,
    0 100%
  );
}

/* 5) Fokusring (optional) */
#elementor-popup-modal-138 .dialog-widget-content:focus-visible {
  outline: 2px solid #09fcc6 !important;
  outline-offset: 2px !important;
}

.burgerpopup {
  padding-top: 18vh;
}

@media (max-width: 1024px) {
  .burgerpopup {
    padding-top: 10vh;
    padding-bottom: 11vh;
  }
}/* End custom CSS */