.elementor-3695 .elementor-element.elementor-element-52791dda{--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-evenly;--align-items:center;--gap:52px 52px;--row-gap:52px;--column-gap:52px;--padding-top:13px;--padding-bottom:13px;--padding-left:45px;--padding-right:34px;}.elementor-3695 .elementor-element.elementor-element-52791dda:not(.elementor-motion-effects-element-type-background), .elementor-3695 .elementor-element.elementor-element-52791dda > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c9adae9 );}.elementor-3695 .elementor-element.elementor-element-16c521b6{margin:-12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-3695 .elementor-element.elementor-element-16c521b6 img{width:161px;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-3695 .elementor-element.elementor-element-d83163e .elementor-menu-toggle{margin-right:auto;}.elementor-3695 .elementor-element.elementor-element-d83163e .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-69e0776 );fill:var( --e-global-color-69e0776 );padding-left:34px;padding-right:34px;}.elementor-3695 .elementor-element.elementor-element-d83163e .elementor-nav-menu--dropdown a, .elementor-3695 .elementor-element.elementor-element-d83163e .elementor-menu-toggle{color:var( --e-global-color-69e0776 );fill:var( --e-global-color-69e0776 );}.elementor-3695 .elementor-element.elementor-element-d83163e .elementor-nav-menu--dropdown{background-color:var( --e-global-color-c9adae9 );border-style:none;border-radius:0px 0px 10px 10px;}.elementor-3695 .elementor-element.elementor-element-d83163e .elementor-nav-menu--dropdown a:hover,
					.elementor-3695 .elementor-element.elementor-element-d83163e .elementor-nav-menu--dropdown a:focus,
					.elementor-3695 .elementor-element.elementor-element-d83163e .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-3695 .elementor-element.elementor-element-d83163e .elementor-nav-menu--dropdown a.highlighted,
					.elementor-3695 .elementor-element.elementor-element-d83163e .elementor-menu-toggle:hover,
					.elementor-3695 .elementor-element.elementor-element-d83163e .elementor-menu-toggle:focus{color:var( --e-global-color-69e0776 );}.elementor-3695 .elementor-element.elementor-element-d83163e .elementor-nav-menu--dropdown a:hover,
					.elementor-3695 .elementor-element.elementor-element-d83163e .elementor-nav-menu--dropdown a:focus,
					.elementor-3695 .elementor-element.elementor-element-d83163e .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-3695 .elementor-element.elementor-element-d83163e .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-secondary );}.elementor-3695 .elementor-element.elementor-element-d83163e .elementor-nav-menu--dropdown .elementor-item, .elementor-3695 .elementor-element.elementor-element-d83163e .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:16px;}.elementor-3695 .elementor-element.elementor-element-d83163e .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-3695 .elementor-element.elementor-element-d83163e .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:10px;border-bottom-left-radius:10px;}.elementor-3695 .elementor-element.elementor-element-d83163e .elementor-nav-menu--dropdown a{padding-left:55px;padding-right:55px;padding-top:20px;padding-bottom:20px;}.elementor-3695 .elementor-element.elementor-element-d83163e div.elementor-menu-toggle{color:var( --e-global-color-69e0776 );}.elementor-3695 .elementor-element.elementor-element-d83163e div.elementor-menu-toggle svg{fill:var( --e-global-color-69e0776 );}.elementor-3695 .elementor-element.elementor-element-b429ced.elementor-element{--order:3;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px) and (min-width:768px){.elementor-3695 .elementor-element.elementor-element-52791dda{--width:100%;}}@media(max-width:880px) and (min-width:768px){.elementor-3695 .elementor-element.elementor-element-52791dda{--width:1600px;}}@media(max-width:1180px){.elementor-3695 .elementor-element.elementor-element-52791dda{--min-height:21px;}.elementor-3695 .elementor-element.elementor-element-d83163e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 1px;padding:0px 0px 0px 0px;--nav-menu-icon-size:35px;}.elementor-3695 .elementor-element.elementor-element-d83163e .elementor-nav-menu--dropdown a{padding-left:49px;padding-right:49px;padding-top:23px;padding-bottom:23px;}.elementor-3695 .elementor-element.elementor-element-d83163e .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-3695 .elementor-element.elementor-element-d83163e .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:34px !important;}.elementor-3695 .elementor-element.elementor-element-b429ced{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 26px 0px 0px;}}@media(max-width:1024px){.elementor-3695 .elementor-element.elementor-element-52791dda{--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-around;--align-items:center;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-3695 .elementor-element.elementor-element-d83163e .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-3695 .elementor-element.elementor-element-d83163e .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:35px !important;}}@media(max-width:767px){.elementor-3695 .elementor-element.elementor-element-52791dda{--width:500px;--min-height:0px;--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-evenly;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-3695 .elementor-element.elementor-element-16c521b6{margin:0px -202px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:end;}.elementor-3695 .elementor-element.elementor-element-16c521b6.elementor-element{--align-self:center;}.elementor-3695 .elementor-element.elementor-element-16c521b6 img{width:126px;}.elementor-3695 .elementor-element.elementor-element-d83163e{margin:-56px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--nav-menu-icon-size:32px;}.elementor-3695 .elementor-element.elementor-element-d83163e.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-3695 .elementor-element.elementor-element-d83163e .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-3695 .elementor-element.elementor-element-d83163e .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-3695 .elementor-element.elementor-element-d83163e .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-3695 .elementor-element.elementor-element-d83163e .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-3695 .elementor-element.elementor-element-d83163e .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-3695 .elementor-element.elementor-element-d83163e .e--pointer-underline .elementor-item:after,
					 .elementor-3695 .elementor-element.elementor-element-d83163e .e--pointer-overline .elementor-item:before,
					 .elementor-3695 .elementor-element.elementor-element-d83163e .e--pointer-double-line .elementor-item:before,
					 .elementor-3695 .elementor-element.elementor-element-d83163e .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-3695 .elementor-element.elementor-element-d83163e .elementor-nav-menu--main .elementor-item{padding-left:23px;padding-right:23px;}.elementor-3695 .elementor-element.elementor-element-d83163e .elementor-nav-menu--dropdown a{padding-left:19px;padding-right:19px;padding-top:14px;padding-bottom:14px;}.elementor-3695 .elementor-element.elementor-element-d83163e .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-3695 .elementor-element.elementor-element-d83163e .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:25px !important;}.elementor-3695 .elementor-element.elementor-element-b429ced{margin:38px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for container, class: .elementor-element-52791dda *//* =========================================================
   DSK NAVIGATION – PREMIUM UPGRADE
   Ändert nur die Optik des Menüs, nicht das Header-Layout
========================================================= */


/* =========================================================
   MENÜLEISTE
========================================================= */

#dsk-header-test .elementor-nav-menu--main,
#dsk-header-test .elementor-widget-wp-widget-nav_menu {
  position: relative;
  isolation: isolate;
}


/* dezente Fläche hinter dem gesamten Menü */

#dsk-header-test .elementor-nav-menu--main::before,
#dsk-header-test
.elementor-widget-wp-widget-nav_menu
.elementor-widget-container::before {
  content: "";

  position: absolute;
  z-index: -1;

  top: 50%;
  left: 50%;

  width: calc(100% + 18px);
  height: 54px;

  transform: translate(-50%, -50%);

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.045),
      rgba(255, 255, 255, 0.018)
    );

  border: 1px solid rgba(255, 255, 255, 0.055);
  border-radius: 16px;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 8px 24px rgba(0, 0, 0, 0.10);

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  pointer-events: none;
}


/* =========================================================
   MENÜLISTE
========================================================= */

#dsk-header-test
.elementor-nav-menu--main
.elementor-nav-menu,

#dsk-header-test
.elementor-widget-wp-widget-nav_menu
ul.menu {
  display: flex !important;
  align-items: center !important;

  gap: 4px !important;

  margin: 0 !important;
  padding: 5px !important;

  list-style: none !important;
}


/* =========================================================
   EINZELNE MENÜPUNKTE
========================================================= */

#dsk-header-test
.elementor-nav-menu--main
.elementor-nav-menu > li,

#dsk-header-test
.elementor-widget-wp-widget-nav_menu
ul.menu > li {
  position: relative !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================================
   MENÜLINKS
========================================================= */

#dsk-header-test
.elementor-nav-menu--main
.elementor-nav-menu > li > a,

#dsk-header-test
.elementor-widget-wp-widget-nav_menu
ul.menu > li > a {
  position: relative !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  min-height: 44px !important;
  padding: 10px 14px !important;

  overflow: hidden !important;

  border: 1px solid transparent !important;
  border-radius: 12px !important;

  background: transparent !important;
  color: rgba(255, 255, 255, 0.78) !important;

  font-family:
    "Inter",
    "Manrope",
    Arial,
    sans-serif !important;

  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;

  text-decoration: none !important;
  text-transform: none !important;
  white-space: nowrap !important;

  transition:
    color 0.25s ease,
    background 0.25s ease,
    border-color 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease !important;
}


/* =========================================================
   KLEINER LEUCHTPUNKT
========================================================= */

#dsk-header-test
.elementor-nav-menu--main
.elementor-nav-menu > li > a::before,

#dsk-header-test
.elementor-widget-wp-widget-nav_menu
ul.menu > li > a::before {
  content: "" !important;

  position: absolute !important;

  top: 50% !important;
  left: 10px !important;

  display: block !important;

  width: 6px !important;
  height: 6px !important;

  margin: 0 !important;

  background: #4ad0ff !important;
  border-radius: 50% !important;

  opacity: 0 !important;

  transform:
    translateY(-50%)
    scale(0.2) !important;

  box-shadow:
    0 0 0 5px rgba(74, 208, 255, 0.10),
    0 0 14px rgba(74, 208, 255, 0.55) !important;

  transition:
    opacity 0.25s ease,
    transform 0.25s ease !important;

  pointer-events: none !important;
}


/* =========================================================
   ANIMIERTE LINIE UNTEN
========================================================= */

#dsk-header-test
.elementor-nav-menu--main
.elementor-nav-menu > li > a::after,

#dsk-header-test
.elementor-widget-wp-widget-nav_menu
ul.menu > li > a::after {
  content: "" !important;

  position: absolute !important;

  right: 13px !important;
  bottom: 5px !important;
  left: 13px !important;

  display: block !important;

  width: auto !important;
  height: 2px !important;

  margin: 0 !important;

  background:
    linear-gradient(
      90deg,
      transparent,
      #0693e3,
      #4ad0ff,
      transparent
    ) !important;

  border-radius: 999px !important;

  opacity: 0 !important;

  transform:
    scaleX(0)
    translateY(2px) !important;

  transform-origin: center !important;

  box-shadow:
    0 0 10px rgba(74, 208, 255, 0.34) !important;

  transition:
    opacity 0.25s ease,
    transform 0.25s ease !important;

  pointer-events: none !important;
}


/* =========================================================
   HOVER
========================================================= */

#dsk-header-test
.elementor-nav-menu--main
.elementor-nav-menu > li > a:hover,

#dsk-header-test
.elementor-nav-menu--main
.elementor-nav-menu > li > a:focus-visible,

#dsk-header-test
.elementor-widget-wp-widget-nav_menu
ul.menu > li > a:hover,

#dsk-header-test
.elementor-widget-wp-widget-nav_menu
ul.menu > li > a:focus-visible {
  padding-left: 24px !important;

  color: #ffffff !important;

  background:
    linear-gradient(
      135deg,
      rgba(6, 147, 227, 0.14),
      rgba(74, 208, 255, 0.055)
    ) !important;

  border-color: rgba(74, 208, 255, 0.20) !important;

  transform: translateY(-2px) !important;

  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.17),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}


#dsk-header-test
.elementor-nav-menu--main
.elementor-nav-menu > li > a:hover::before,

#dsk-header-test
.elementor-nav-menu--main
.elementor-nav-menu > li > a:focus-visible::before,

#dsk-header-test
.elementor-widget-wp-widget-nav_menu
ul.menu > li > a:hover::before,

#dsk-header-test
.elementor-widget-wp-widget-nav_menu
ul.menu > li > a:focus-visible::before {
  opacity: 1 !important;

  transform:
    translateY(-50%)
    scale(1) !important;
}


#dsk-header-test
.elementor-nav-menu--main
.elementor-nav-menu > li > a:hover::after,

#dsk-header-test
.elementor-nav-menu--main
.elementor-nav-menu > li > a:focus-visible::after,

#dsk-header-test
.elementor-widget-wp-widget-nav_menu
ul.menu > li > a:hover::after,

#dsk-header-test
.elementor-widget-wp-widget-nav_menu
ul.menu > li > a:focus-visible::after {
  opacity: 1 !important;

  transform:
    scaleX(1)
    translateY(0) !important;
}


/* =========================================================
   AKTIVE SEITE
========================================================= */

#dsk-header-test
.current-menu-item > a,

#dsk-header-test
.current-menu-parent > a,

#dsk-header-test
.current_page_item > a,

#dsk-header-test
.elementor-item-active {
  padding-left: 24px !important;

  color: #ffffff !important;

  background:
    linear-gradient(
      135deg,
      rgba(6, 147, 227, 0.22),
      rgba(74, 208, 255, 0.08)
    ) !important;

  border-color: rgba(74, 208, 255, 0.30) !important;

  box-shadow:
    0 9px 22px rgba(0, 0, 0, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    0 0 22px rgba(6, 147, 227, 0.08) !important;
}


#dsk-header-test
.current-menu-item > a::before,

#dsk-header-test
.current-menu-parent > a::before,

#dsk-header-test
.current_page_item > a::before,

#dsk-header-test
.elementor-item-active::before {
  opacity: 1 !important;

  transform:
    translateY(-50%)
    scale(1) !important;
}


#dsk-header-test
.current-menu-item > a::after,

#dsk-header-test
.current-menu-parent > a::after,

#dsk-header-test
.current_page_item > a::after,

#dsk-header-test
.elementor-item-active::after {
  opacity: 1 !important;

  transform:
    scaleX(1)
    translateY(0) !important;
}


/* =========================================================
   DROPDOWN-PFEIL
========================================================= */

#dsk-header-test .sub-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin-left: 2px !important;

  color: #4ad0ff !important;

  transition:
    transform 0.25s ease !important;
}


#dsk-header-test
.menu-item-has-children:hover
> a
.sub-arrow,

#dsk-header-test
.menu-item-has-children:focus-within
> a
.sub-arrow {
  transform: rotate(180deg) !important;
}


/* =========================================================
   DROPDOWN
========================================================= */

#dsk-header-test .sub-menu {
  min-width: 265px !important;

  margin-top: 10px !important;
  padding: 9px !important;

  overflow: hidden !important;

  border: 1px solid rgba(74, 208, 255, 0.17) !important;
  border-radius: 16px !important;

  background:
    linear-gradient(
      145deg,
      rgba(11, 43, 65, 0.98),
      rgba(6, 21, 34, 0.99)
    ) !important;

  box-shadow:
    0 28px 65px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;

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


/* blaue Lichtkante oben */

#dsk-header-test .sub-menu::before {
  content: "";

  position: absolute;

  top: 0;
  right: 18px;
  left: 18px;

  height: 2px;

  background:
    linear-gradient(
      90deg,
      transparent,
      #0693e3,
      #4ad0ff,
      transparent
    );

  box-shadow:
    0 0 14px rgba(74, 208, 255, 0.30);
}


/* Dropdown-Einträge */

#dsk-header-test .sub-menu li {
  margin: 0 !important;
  padding: 0 !important;
}


#dsk-header-test .sub-menu a {
  position: relative;

  display: flex !important;
  align-items: center !important;

  width: 100% !important;
  min-height: 43px !important;

  padding: 10px 12px 10px 17px !important;

  border: 1px solid transparent !important;
  border-radius: 10px !important;

  background: transparent !important;
  color: rgba(255, 255, 255, 0.77) !important;

  font-size: 13.5px !important;
  font-weight: 560 !important;
  line-height: 1.35 !important;

  text-decoration: none !important;

  transition:
    color 0.22s ease,
    background 0.22s ease,
    border-color 0.22s ease,
    padding-left 0.22s ease !important;
}


/* kleiner Pfeil vor Dropdown-Einträgen */

#dsk-header-test .sub-menu a::before {
  content: "→" !important;

  position: static !important;

  display: inline-block !important;

  width: auto !important;
  height: auto !important;

  margin-right: 8px !important;

  color: #4ad0ff !important;
  background: transparent !important;

  font-size: 14px !important;

  opacity: 0.5 !important;

  transform: translateX(-3px) !important;

  box-shadow: none !important;

  transition:
    opacity 0.22s ease,
    transform 0.22s ease !important;
}


#dsk-header-test .sub-menu a::after {
  display: none !important;
}


#dsk-header-test .sub-menu a:hover,
#dsk-header-test .sub-menu a:focus-visible {
  padding-left: 21px !important;

  color: #ffffff !important;

  background:
    linear-gradient(
      135deg,
      rgba(6, 147, 227, 0.16),
      rgba(74, 208, 255, 0.055)
    ) !important;

  border-color: rgba(74, 208, 255, 0.16) !important;
}


#dsk-header-test .sub-menu a:hover::before,
#dsk-header-test .sub-menu a:focus-visible::before {
  opacity: 1 !important;
  transform: translateX(0) !important;
}


/* =========================================================
   MOBILE DROPDOWN
========================================================= */

@media (max-width: 768px) {

  /* Menüfläche im geöffneten Zustand */

  #dsk-header-test
  .elementor-nav-menu--dropdown,

  #dsk-header-test
  .elementor-widget-wp-widget-nav_menu.is-open
  ul.menu {
    padding: 10px !important;

    border: 1px solid rgba(74, 208, 255, 0.18) !important;
    border-radius: 16px !important;

    background:
      linear-gradient(
        145deg,
        rgba(11, 43, 65, 0.99),
        rgba(6, 21, 34, 0.99)
      ) !important;

    box-shadow:
      0 25px 60px rgba(0, 0, 0, 0.45),
      inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  }


  /* Hauptpunkte mobil */

  #dsk-header-test
  .elementor-nav-menu--dropdown
  > ul
  > li
  > a,

  #dsk-header-test
  .elementor-widget-wp-widget-nav_menu.is-open
  ul.menu
  > li
  > a {
    justify-content: flex-start !important;

    width: 100% !important;
    min-height: 48px !important;

    padding: 12px 14px !important;

    border-radius: 11px !important;

    color: rgba(255, 255, 255, 0.84) !important;
    background: transparent !important;

    font-size: 14px !important;
  }


  #dsk-header-test
  .elementor-nav-menu--dropdown
  > ul
  > li
  > a:hover,

  #dsk-header-test
  .elementor-widget-wp-widget-nav_menu.is-open
  ul.menu
  > li
  > a:hover {
    padding-left: 24px !important;

    color: #ffffff !important;

    background:
      linear-gradient(
        135deg,
        rgba(6, 147, 227, 0.18),
        rgba(74, 208, 255, 0.06)
      ) !important;
  }


  /* Untermenü mobil ruhiger */

  #dsk-header-test
  .elementor-nav-menu--dropdown
  .sub-menu,

  #dsk-header-test
  .elementor-widget-wp-widget-nav_menu.is-open
  .sub-menu {
    position: static !important;

    min-width: 0 !important;

    margin: 3px 0 7px !important;
    padding: 5px 0 5px 13px !important;

    border: 0 !important;
    border-left: 2px solid rgba(74, 208, 255, 0.20) !important;
    border-radius: 0 !important;

    background: transparent !important;
    box-shadow: none !important;
  }

}


/* =========================================================
   REDUZIERTE BEWEGUNG
========================================================= */

@media (prefers-reduced-motion: reduce) {

  #dsk-header-test a,
  #dsk-header-test a::before,
  #dsk-header-test a::after,
  #dsk-header-test .sub-arrow {
    transition: none !important;
  }

}

/* =========================================================
   DSK SUBMENÜ – CLIPPING- UND Z-INDEX-FIX
   Ganz unten unter das vorhandene CSS setzen
========================================================= */

/* Header muss vor dem nachfolgenden Seiteninhalt liegen */
.elementor-location-header,
#dsk-header-test {
  position: relative !important;
  z-index: 999999 !important;
  overflow: visible !important;
}


/* Alle relevanten Elementor-Eltern dürfen das Dropdown
   nicht an der Headerkante abschneiden */
#dsk-header-test > .e-con-inner,
#dsk-header-test .e-con,
#dsk-header-test .elementor-element,
#dsk-header-test .elementor-widget,
#dsk-header-test .elementor-widget-container,
#dsk-header-test .elementor-widget-nav-menu,
#dsk-header-test .elementor-widget-wp-widget-nav_menu,
#dsk-header-test .elementor-nav-menu--main,
#dsk-header-test .elementor-nav-menu {
  overflow: visible !important;
  max-height: none !important;
}


/* Menü und Elternpunkt als Positionierungsbasis */
#dsk-header-test .elementor-widget-nav-menu,
#dsk-header-test .elementor-widget-wp-widget-nav_menu {
  position: relative !important;
  z-index: 999999 !important;
}


#dsk-header-test .menu-item-has-children {
  position: relative !important;
}


/* =========================================================
   DESKTOP-DROPDOWN
========================================================= */

@media (min-width: 769px) {

  #dsk-header-test .sub-menu {
    position: absolute !important;
    z-index: 9999999 !important;

    top: calc(100% + 10px) !important;
    left: 0 !important;
    right: auto !important;

    display: block !important;

    min-width: 265px !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 10px !important;

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

    overflow: visible !important;

    transform: translateY(9px) !important;

    border: 1px solid rgba(74, 208, 255, 0.18) !important;
    border-radius: 16px !important;

    background:
      linear-gradient(
        145deg,
        rgba(11, 43, 65, 0.99),
        rgba(6, 21, 34, 0.99)
      ) !important;

    box-shadow:
      0 28px 65px rgba(0, 0, 0, 0.46),
      inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;

    transition:
      opacity 0.22s ease,
      transform 0.22s ease,
      visibility 0.22s ease !important;
  }


  /* Dropdown öffnen */

  #dsk-header-test
  .menu-item-has-children:hover
  > .sub-menu,

  #dsk-header-test
  .menu-item-has-children:focus-within
  > .sub-menu {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;

    transform: translateY(0) !important;
  }


  /* Unsichtbare Hover-Brücke zwischen Menüpunkt und Dropdown:
     verhindert, dass das Menü beim Überfahren der 10px Lücke schließt */

  #dsk-header-test
  .menu-item-has-children
  > .sub-menu::after {
    content: "";

    position: absolute;
    right: 0;
    bottom: 100%;
    left: 0;

    height: 12px;

    background: transparent;

    pointer-events: auto;
  }


  /* Dropdown-Inhalte */

  #dsk-header-test .sub-menu li {
    position: relative !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
  }


  #dsk-header-test .sub-menu li + li {
    margin-top: 3px !important;
  }


  #dsk-header-test .sub-menu a {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;

    width: 100% !important;
    min-height: 43px !important;

    padding: 10px 13px !important;

    color: rgba(255, 255, 255, 0.82) !important;
    background: transparent !important;

    border: 1px solid transparent !important;
    border-radius: 10px !important;

    font-size: 13.5px !important;
    line-height: 1.35 !important;
    text-decoration: none !important;

    white-space: normal !important;

    transition:
      color 0.2s ease,
      background 0.2s ease,
      border-color 0.2s ease,
      padding-left 0.2s ease !important;
  }


  #dsk-header-test .sub-menu a::before {
    content: "→" !important;

    position: static !important;

    display: inline-block !important;

    width: auto !important;
    height: auto !important;

    flex: 0 0 auto;

    margin: 0 !important;

    color: #4ad0ff !important;
    background: transparent !important;

    opacity: 0.65 !important;

    box-shadow: none !important;
    transform: none !important;
  }


  #dsk-header-test .sub-menu a::after {
    display: none !important;
  }


  #dsk-header-test .sub-menu a:hover,
  #dsk-header-test .sub-menu a:focus-visible {
    padding-left: 17px !important;

    color: #ffffff !important;

    background:
      linear-gradient(
        135deg,
        rgba(6, 147, 227, 0.18),
        rgba(74, 208, 255, 0.06)
      ) !important;

    border-color: rgba(74, 208, 255, 0.17) !important;
  }

}


/* =========================================================
   NACHFOLGENDER SEITENINHALT
   Darf nicht über dem Dropdown liegen
========================================================= */

#dsk-header-test ~ *,
.elementor-location-header + * {
  position: relative;
  z-index: 1;
}/* End custom CSS */