.elementor-2758 .elementor-element.elementor-element-bc18c02{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2758 .elementor-element.elementor-element-089ad47{--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;--justify-content:space-between;--align-items:center;--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );}.elementor-2758 .elementor-element.elementor-element-d4c4743{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-2758 .elementor-element.elementor-element-d4c4743 img{width:205px;max-width:100%;}.elementor-2758 .elementor-element.elementor-element-41dbdc6{--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:60px 60px 60px 60px;box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.38);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:00px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:00px;}.elementor-2758 .elementor-element.elementor-element-41dbdc6:not(.elementor-motion-effects-element-type-background), .elementor-2758 .elementor-element.elementor-element-41dbdc6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-2758 .elementor-element.elementor-element-ccc268d{--display:flex;}.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 );line-height:var( --e-global-typography-primary-line-height );}.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-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2758 .elementor-element.elementor-element-c070705 .elementor-menu-toggle{margin:0 auto;background-color:#02010100;}.elementor-2758 .elementor-element.elementor-element-c070705 .elementor-nav-menu .elementor-item{font-family:"Trebuchet bold", Sans-serif;font-size:20px;font-weight:400;text-transform:lowercase;}.elementor-2758 .elementor-element.elementor-element-c070705 .elementor-nav-menu--main .elementor-item{color:#6E6E6E;fill:#6E6E6E;padding-left:50px;padding-right:50px;}.elementor-2758 .elementor-element.elementor-element-c070705 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-2758 .elementor-element.elementor-element-c070705 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-2758 .elementor-element.elementor-element-c070705 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-2758 .elementor-element.elementor-element-c070705 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-2758 .elementor-element.elementor-element-c070705 .elementor-nav-menu--dropdown a, .elementor-2758 .elementor-element.elementor-element-c070705 .elementor-menu-toggle{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-2758 .elementor-element.elementor-element-c070705 .elementor-nav-menu--dropdown a:hover,
					.elementor-2758 .elementor-element.elementor-element-c070705 .elementor-nav-menu--dropdown a:focus,
					.elementor-2758 .elementor-element.elementor-element-c070705 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-2758 .elementor-element.elementor-element-c070705 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-2758 .elementor-element.elementor-element-c070705 .elementor-menu-toggle:hover,
					.elementor-2758 .elementor-element.elementor-element-c070705 .elementor-menu-toggle:focus{color:var( --e-global-color-text );}.elementor-2758 .elementor-element.elementor-element-c070705 .elementor-nav-menu--dropdown a:hover,
					.elementor-2758 .elementor-element.elementor-element-c070705 .elementor-nav-menu--dropdown a:focus,
					.elementor-2758 .elementor-element.elementor-element-c070705 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-2758 .elementor-element.elementor-element-c070705 .elementor-nav-menu--dropdown a.highlighted{background-color:#FFFFFF80;}.elementor-2758 .elementor-element.elementor-element-c070705 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-text );}.elementor-2758 .elementor-element.elementor-element-c070705 .elementor-nav-menu--dropdown .elementor-item, .elementor-2758 .elementor-element.elementor-element-c070705 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );}.elementor-2758 .elementor-element.elementor-element-c070705 .elementor-nav-menu--dropdown{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-2758 .elementor-element.elementor-element-c070705 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-2758 .elementor-element.elementor-element-c070705 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.elementor-2758 .elementor-element.elementor-element-c070705 div.elementor-menu-toggle{color:var( --e-global-color-accent );}.elementor-2758 .elementor-element.elementor-element-c070705 div.elementor-menu-toggle svg{fill:var( --e-global-color-accent );}.elementor-2758 .elementor-element.elementor-element-76e190f{--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;}.elementor-2758 .elementor-element.elementor-element-76e190f.e-con{--align-self:center;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-2758 .elementor-element.elementor-element-76e190f{--width:80%;}}@media(max-width:1199px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2758 .elementor-element.elementor-element-d4c4743 img{width:180px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-2758 .elementor-element.elementor-element-c070705 .elementor-nav-menu--dropdown .elementor-item, .elementor-2758 .elementor-element.elementor-element-c070705 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-text-font-size );}.elementor-2758 .elementor-element.elementor-element-76e190f{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2758 .elementor-element.elementor-element-d4c4743 img{width:145px;}.elementor-2758 .elementor-element.elementor-element-41dbdc6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2758 .elementor-element.elementor-element-ccc268d{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-2758 .elementor-element.elementor-element-c070705 .elementor-nav-menu--dropdown .elementor-item, .elementor-2758 .elementor-element.elementor-element-c070705 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-text-font-size );}.elementor-2758 .elementor-element.elementor-element-76e190f{--width:100%;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2758 .elementor-element.elementor-element-519b89d{padding:20px 25px 20px 25px;}}/* Start custom CSS for nav-menu, class: .elementor-element-c070705 */.elementor-2758 .elementor-element.elementor-element-c070705 .sub-menu {
    position: absolute;
    isolation: isolate;
    background: transparent !important;
    border: none !important;
    border-radius: 22px;
    padding: 10px 0;
    overflow: hidden;
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.20);
    z-index: 99999 !important;
}

.elementor-2758 .elementor-element.elementor-element-c070705 .sub-menu::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;

    background: rgba(255, 255, 255, 0.38);
    -webkit-backdrop-filter: blur(28px) saturate(160%);
    backdrop-filter: blur(28px) saturate(160%);

    border: 1px solid rgba(255, 255, 255, 0.85);
    border-radius: 22px;
}

.elementor-2758 .elementor-element.elementor-element-c070705 .sub-menu > li {
    position: relative;
    z-index: 1;
    background: transparent !important;
}

.elementor-2758 .elementor-element.elementor-element-c070705 .sub-menu > li > a {
    color: #666666 !important;
    background: transparent !important;
}

.elementor-2758 .elementor-element.elementor-element-c070705 .sub-menu > li > a:hover {
    background: rgba(255, 255, 255, 0.30) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ccc268d */.elementor-2758 .elementor-element.elementor-element-ccc268d {
    --menu-height: 100px;
    --menu-width: 1200px;

    position: sticky;
    top: 20px;
    z-index: 9999;

    width: calc(100% - 4px);
    max-width: var(--menu-width);

    height: var(--menu-height) !important;
    min-height: var(--menu-height) !important;

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

    display: flex;
    align-items: center;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    overflow: visible !important;
    box-sizing: border-box;
}

.elementor-2758 .elementor-element.elementor-element-ccc268d::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;

    background: rgba(255, 255, 255, 0.38);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    backdrop-filter: blur(20px) saturate(150%);

    border: 1px solid rgba(255, 255, 255, 0.85);
    border-radius: 999px;

    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.75);
}
/* Zwischencontainer darf die Position nicht verschieben */
.elementor-2758 .elementor-element.elementor-element-ccc268d > * {
    position: static !important;
    z-index: 1;
}

/* WordPress-Menü exakt mittig in der Pille positionieren */
.elementor-2758 .elementor-element.elementor-element-ccc268d .elementor-widget-nav-menu {
    position: absolute !important;
    top: 50% !important;
    left: 6px !important;
    right: 6px !important;

    width: auto !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    transform: translateY(-50%) !important;

    align-self: auto !important;
    z-index: 2 !important;
}

/* Zusätzliche Elementor-Abstände zurücksetzen */
.elementor-2758 .elementor-element.elementor-element-ccc268d .elementor-widget-nav-menu > .elementor-widget-container,
.elementor-2758 .elementor-element.elementor-element-ccc268d .elementor-nav-menu--main,
.elementor-2758 .elementor-element.elementor-element-ccc268d .elementor-nav-menu--main .elementor-nav-menu {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
}

.elementor-2758 .elementor-element.elementor-element-ccc268d .elementor-widget-nav-menu,
.elementor-2758 .elementor-element.elementor-element-ccc268d .elementor-nav-menu--main,
.elementor-2758 .elementor-element.elementor-element-ccc268d .elementor-nav-menu--main .elementor-nav-menu {
    width: 100% !important;
}

@media (min-width: 768px) {
    .elementor-2758 .elementor-element.elementor-element-ccc268d .elementor-nav-menu--main .elementor-nav-menu {
        display: flex !important;
        flex-flow: row nowrap !important;
        justify-content: space-between;
        align-items: center;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b2d1f6a *//* Sprachumschalter de | en – wie auf der Wartungsseite: Kleinbuchstaben, ohne Pille, Buchstaben statt Flaggen */
.elementor-2758 .elementor-element.elementor-element-b2d1f6a{position:absolute!important;right:30px;top:50%;transform:translateY(-50%);z-index:10000;width:max-content!important;margin:0!important}
.elementor-2758 .elementor-element.elementor-element-b2d1f6a .wpml-ls{padding:0;border:0;background:none;width:auto}
.elementor-2758 .elementor-element.elementor-element-b2d1f6a .wpml-ls ul{display:inline-flex;align-items:center;gap:.7em;margin:0;padding:0;list-style:none;font-family:'Trebuchet MS',Trebuchet,sans-serif;font-size:17px;font-weight:700;line-height:1;text-transform:lowercase}
.elementor-2758 .elementor-element.elementor-element-b2d1f6a .wpml-ls li{margin:0;padding:0;display:flex;align-items:center;white-space:nowrap}
.elementor-2758 .elementor-element.elementor-element-b2d1f6a .wpml-ls li+li::before{content:"";display:block;flex:none;width:1px;height:1.1em;background:#6F7274;opacity:.5;vertical-align:middle;margin-right:.7em}
.elementor-2758 .elementor-element.elementor-element-b2d1f6a .wpml-ls a{color:#6F7274;text-decoration:none;position:relative;padding:.75em .4em;margin:-.65em -.4em;font-size:0}
.elementor-2758 .elementor-element.elementor-element-b2d1f6a .wpml-ls a::before{font-size:17px}
.elementor-2758 .elementor-element.elementor-element-b2d1f6a .wpml-ls-item-de a::before{content:"de"}
.elementor-2758 .elementor-element.elementor-element-b2d1f6a .wpml-ls-item-en-us a::before{content:"en"}
.elementor-2758 .elementor-element.elementor-element-b2d1f6a .wpml-ls a:hover{color:#393939}
.elementor-2758 .elementor-element.elementor-element-b2d1f6a .wpml-ls-current-language a{color:#DB007E}
.elementor-2758 .elementor-element.elementor-element-b2d1f6a .wpml-ls-current-language a::after{content:"";position:absolute;left:.4em;right:.4em;bottom:.6em;height:2px;border-radius:2px;background:#B7CD00}
.elementor-2758 .elementor-element.elementor-element-b2d1f6a .wpml-ls a:focus-visible{outline:2px solid #393939;outline-offset:2px;border-radius:4px}
@media (max-width:1199px){.elementor-2758 .elementor-element.elementor-element-b2d1f6a{right:76px}}
@media (min-width:1200px){html body .elementor-element.elementor-element-41dbdc6 .elementor-element.elementor-element-ccc268d .elementor-element.elementor-element-c070705.elementor-widget-nav-menu{right:116px!important;left:6px!important;width:calc(100% - 122px)!important}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4c222b4 *//* Top Badge: made in germany */
.eloona-top-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;

  min-height: 54px;
  padding: 0 30px;

  background: rgba(245, 247, 247, 0.78);
  border: 1px solid rgba(255, 255, 255, 0.75);
  border-radius: 999px;

  box-shadow: 0 18px 32px rgba(0, 0, 0, 0.18);

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* Schrift wie bei der unteren Pille */
.eloona-top-badge,
.eloona-top-badge span,
.eloona-top-badge p,
.eloona-top-badge .elementor-heading-title {
  color: #6f7274;
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: normal;
  text-transform: lowercase;
  white-space: nowrap;
}

/* Magenta Punkt im Badge */
.eloona-top-badge .badge-sep,
.eloona-top-badge .color-dot {
  width: 8px;
  height: 8px;
  min-width: 8px;
  min-height: 8px;
  background: #e6007e;
  border-radius: 50%;
  display: inline-block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-519b89d *//* Top Badge: made in germany */
.eloona-top-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;

  min-height: 54px;
  padding: 0 30px;

  background: rgba(245, 247, 247, 0.78);
  border: 1px solid rgba(255, 255, 255, 0.75);
  border-radius: 999px;

  box-shadow: 0 18px 32px rgba(0, 0, 0, 0.18);

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* Schrift wie bei der unteren Pille */
.eloona-top-badge,
.eloona-top-badge span,
.eloona-top-badge p,
.eloona-top-badge .elementor-heading-title {
  color: #6f7274;
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: normal;
  text-transform: lowercase;
  white-space: nowrap;
}

/* Magenta Punkt im Badge */
.eloona-top-badge .badge-sep,
.eloona-top-badge .color-dot {
  width: 8px;
  height: 8px;
  min-width: 8px;
  min-height: 8px;
  background: #e6007e;
  border-radius: 50%;
  display: inline-block;
}/* End custom CSS */
/* Start custom CSS *//* ======================================================
   KOPFZEILE STARTSEITE (Template 2758)
   Desktop: Logo oben links, Badge oben rechts,
            Glasleiste unten im Hero -> beim Scrollen
            sticky oben (Elementor "Sticky", nur Desktop)
   Tablet/Mobil: Glasleiste oben wie auf den Unterseiten,
            Vollbild-Menü, Badge am unteren Bildschirmrand
   ====================================================== */

.ehh-root { gap: 0 !important; }

/* ---------- DESKTOP (ab 1025px) ---------- */
@media (min-width: 1200px) {

  /* Kopfzeile liegt über dem Hero statt ihn nach unten zu schieben */
  #page { position: relative; }
  .elementor-2758.elementor-location-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9990;
    pointer-events: none;
  }

  /* gleiche Höhe wie der Hero (95vh) */
  .ehh-root {
    height: 95vh;
    min-height: 95vh;
    padding: 0 0 calc(15vh - 60px) 0 !important;
    pointer-events: none;
  }

  /* Logo-Zeile an der bisherigen Position */
  .ehh-top {
    margin-top: calc(15vh - 70px) !important;
  }

  /* Leiste unten im Hero */
  .ehh-nav {
    margin-top: auto !important;
    /* wie bisher: Leistenbox 1140px breit und zentriert,
       sonst liegt ihr Schatten als breite Fläche hinter der Leiste */
    width: 1140px !important;
    max-width: calc(100% - 40px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .ehh-top .elementor-widget,
  .ehh-nav,
  .ehh-badge {
    pointer-events: auto;
  }

  /* Badge rechts auf Höhe des Logos */
  .ehh-badge {
    position: absolute !important;
    top: calc(15vh - 50px);
    right: max(20px, calc((100% - 1140px) / 2 + 10px));
    height: 104px;
    width: auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center;
    z-index: 5;
  }
}

/* ---------- TABLET & MOBIL (bis 1199px) ---------- */
@media (max-width: 1199px) {

  :root { --eh: 68px; --ab: 0px; }
  .admin-bar { --ab: 32px; }

  /* Platzhalter: Seite beginnt unter der Leiste */
  .elementor-2758.elementor-location-header {
    position: relative;
    height: var(--eh);
    z-index: 9990;
  }

  /* Leiste: volle Breite, oben fixiert */
  .ehh-root {
    position: fixed !important;
    top: var(--ab);
    left: 0;
    right: 0;
    height: var(--eh);
    z-index: 9999;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 16px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,.08);
  }
  .ehh-root::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -1 !important;
    display: block !important;
    pointer-events: none;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
    border-radius: 0 !important;
    background: rgba(255,255,255,.68) !important;
    border-bottom: 1px solid rgba(255,255,255,.72);
    -webkit-backdrop-filter: blur(16px) saturate(1.2);
    backdrop-filter: blur(16px) saturate(1.2);
  }

  /* Logo */
  .ehh-root .ehh-top {
    width: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
  }
  .ehh-root .ehh-top > .e-con-inner {
    width: auto !important;
    padding: 0 !important;
  }
  .ehh-root .ehh-top .elementor-icon {
    font-size: 38px !important;
    line-height: 1 !important;
  }
  .ehh-root .ehh-top .elementor-icon svg {
    width: auto !important;
    height: 38px !important;
  }

  /* Leistenbox wird zum schlichten Platz für den Burger */
  .ehh-root .ehh-nav.ehh-nav {
    position: static !important;
    width: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  .ehh-root .ehh-nav > .e-con.e-con {
    position: static !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    transform: none !important;
  }
  .ehh-root .ehh-nav > .e-con.e-con::before {
    display: none !important;
  }
  .ehh-root .ehh-nav .e-con .elementor-widget-nav-menu.elementor-widget {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: auto !important;
    transform: none !important;
    margin: 0 !important;
  }

  /* Burger: schlichtes Icon */
  .ehh-root .elementor-menu-toggle {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0 !important;
    font-size: 28px;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  /* Aufklappmenü geschlossen */
  .ehh-root .elementor-menu-toggle:not(.elementor-active) ~ nav.elementor-nav-menu--dropdown {
    display: none !important;
  }

  /* Aufklappmenü offen: überlagert den restlichen Bildschirm */
  .ehh-root .elementor-menu-toggle.elementor-active ~ nav.elementor-nav-menu--dropdown {
    display: block !important;
    position: fixed !important;
    top: calc(var(--ab) + var(--eh)) !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 12px 0 48px !important;
    overflow-y: auto !important;
    transform: none !important;
    background: rgba(255,255,255,.88) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.4);
    backdrop-filter: blur(24px) saturate(1.4);
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  /* Menüpunkte untereinander */
  .ehh-root nav.elementor-nav-menu--dropdown > ul.elementor-nav-menu {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: 100% !important;
  }
  .ehh-root nav.elementor-nav-menu--dropdown > ul > li {
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,.08);
  }
  .ehh-root nav.elementor-nav-menu--dropdown > ul > li > a {
    display: flex !important;
    width: 100% !important;
    box-sizing: border-box !important;
    align-items: center;
    justify-content: flex-start !important;
    gap: 12px;
    padding: 18px 24px !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: #333638 !important;
    text-transform: lowercase !important;
    white-space: normal !important;
    background: transparent !important;
  }
  /* eigene Untermenü-Pfeile des Widgets ausblenden (Pfeil kommt per ::after) */
  .ehh-root nav.elementor-nav-menu--dropdown .sub-arrow {
    display: none !important;
  }

  /* Pfeil bei Punkten mit Untermenü */
  .ehh-root nav.elementor-nav-menu--dropdown li.menu-item-has-children > a::after {
    content: "" !important;
    display: block !important;
    position: static !important;
    flex: 0 0 auto;
    width: 10px !important;
    height: 10px !important;
    margin-left: auto !important;
    border: 0 !important;
    border-right: 2px solid currentColor !important;
    border-bottom: 2px solid currentColor !important;
    background: none !important;
    opacity: .6 !important;
    transform: translateY(-3px) rotate(45deg) !important;
    transition: transform .2s ease;
  }
  .ehh-root nav.elementor-nav-menu--dropdown li.menu-item-has-children > a[aria-expanded="true"]::after {
    transform: translateY(3px) rotate(-135deg) !important;
  }

  /* Untermenüs eingerückt im Fluss */
  .ehh-root nav.elementor-nav-menu--dropdown .sub-menu {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 0 12px !important;
    transform: none !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    isolation: auto !important;
  }
  .ehh-root nav.elementor-nav-menu--dropdown .sub-menu::before {
    display: none !important;
  }
  .ehh-root nav.elementor-nav-menu--dropdown .sub-menu a {
    display: flex !important;
    padding: 10px 24px 10px 44px !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #6f7274 !important;
    text-transform: lowercase !important;
    background: transparent !important;
    white-space: normal !important;
  }

  body:has(.ehh-root .elementor-menu-toggle.elementor-active) {
    overflow: hidden;
  }

  /* Badge am unteren Rand des ersten Bildschirms (scrollt mit) */
  .ehh-badge {
    position: absolute !important;
    left: 50%;
    top: calc(100svh - var(--ab) - 20px);
    transform: translate(-50%, -100%);
    width: max-content !important;
    max-width: calc(100vw - 32px);
    min-height: 0 !important;
    padding: 0 !important;
    z-index: 10;
  }

  /* Hero füllt den Bildschirm unter der Leiste, Headline über dem Badge */
  .eloona-hero {
    min-height: calc(100svh - var(--ab) - var(--eh)) !important;
    justify-content: flex-end !important;
    padding-bottom: 150px !important;
  }
  .eloona-hero > .e-con {
    min-height: 0 !important;
  }
}

@media (max-width: 782px) {
  .admin-bar { --ab: 46px; }
}

/* ---------- HOVER-PUNKT in der Navigationsleiste (Desktop) ---------- */
@media (min-width: 1200px) {
  .ehh-nav nav.elementor-nav-menu--main > ul > li > a::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 26px !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    width: 9px !important;
    height: 9px !important;
    border-radius: 50% !important;
    background: #e6007e !important;
    opacity: 0 !important;
    transform: translateY(-50%) scale(.4) !important;
    transition: opacity .25s ease, transform .25s ease !important;
    pointer-events: none;
  }
  .ehh-nav nav.elementor-nav-menu--main > ul > li > a:hover::before,
  .ehh-nav nav.elementor-nav-menu--main > ul > li > a:focus-visible::before,
  .ehh-nav nav.elementor-nav-menu--main > ul > li:hover > a::before,
  .ehh-nav nav.elementor-nav-menu--main > ul > li.current-menu-item > a::before,
  .ehh-nav nav.elementor-nav-menu--main > ul > li.current-menu-ancestor > a::before {
    opacity: 1 !important;
    transform: translateY(-50%) scale(1) !important;
  }
  .ehh-nav nav.elementor-nav-menu--main > ul > li > a:hover,
  .ehh-nav nav.elementor-nav-menu--main > ul > li:hover > a {
    color: #393939 !important;
  }
}/* End custom CSS */