.elementor-6513 .elementor-element.elementor-element-eb83013{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:100;}.elementor-6513 .elementor-element.elementor-element-44b6bac{--display:flex;--min-height:65px;--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-6513 .elementor-element.elementor-element-44b6bac:not(.elementor-motion-effects-element-type-background), .elementor-6513 .elementor-element.elementor-element-44b6bac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f814490 );}.elementor-6513 .elementor-element.elementor-element-99a17c9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-6513 .elementor-element.elementor-element-99a17c9.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-6513 .elementor-element.elementor-element-99a17c9 .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-699ec46-font-family );font-size:var( --e-global-typography-699ec46-font-size );font-weight:var( --e-global-typography-699ec46-font-weight );font-style:var( --e-global-typography-699ec46-font-style );}.elementor-6513 .elementor-element.elementor-element-99a17c9 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-6513 .elementor-element.elementor-element-5141e83{--display:flex;--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:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:100px;--padding-right:100px;--z-index:1;}.elementor-6513 .elementor-element.elementor-element-5141e83.e-con{--align-self:center;}.elementor-6513 .elementor-element.elementor-element-c8fa4e1{--display:flex;--margin-top:0px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6513 .elementor-element.elementor-element-50abd5c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-6513 .elementor-element.elementor-element-49a3e50{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-6513 .elementor-element.elementor-element-49a3e50.elementor-element{--align-self:center;}.elementor-6513 .elementor-element.elementor-element-49a3e50 .elementor-menu-toggle{margin:0 auto;}.elementor-6513 .elementor-element.elementor-element-49a3e50 .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-699ec46-font-family );font-size:var( --e-global-typography-699ec46-font-size );font-weight:var( --e-global-typography-699ec46-font-weight );font-style:var( --e-global-typography-699ec46-font-style );}.elementor-6513 .elementor-element.elementor-element-49a3e50 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-6513 .elementor-element.elementor-element-49a3e50 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-6513 .elementor-element.elementor-element-49a3e50 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-6513 .elementor-element.elementor-element-49a3e50 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-6513 .elementor-element.elementor-element-49a3e50 .elementor-nav-menu--main .elementor-item:focus{color:#F8AA00;fill:#F8AA00;}.elementor-6513 .elementor-element.elementor-element-5280c0f{--display:flex;--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-6513 .elementor-element.elementor-element-5280c0f.e-con{--align-self:center;}.elementor-6513 .elementor-element.elementor-element-797d940{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6513 .elementor-element.elementor-element-797d940 .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-f88adad-font-family );font-size:var( --e-global-typography-f88adad-font-size );font-weight:var( --e-global-typography-f88adad-font-weight );text-transform:var( --e-global-typography-f88adad-text-transform );font-style:var( --e-global-typography-f88adad-font-style );text-decoration:var( --e-global-typography-f88adad-text-decoration );line-height:var( --e-global-typography-f88adad-line-height );letter-spacing:var( --e-global-typography-f88adad-letter-spacing );}.elementor-6513 .elementor-element.elementor-element-797d940 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.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-6513 .elementor-element.elementor-element-99a17c9 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-699ec46-font-size );}.elementor-6513 .elementor-element.elementor-element-49a3e50 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-699ec46-font-size );}.elementor-6513 .elementor-element.elementor-element-797d940 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-f88adad-font-size );line-height:var( --e-global-typography-f88adad-line-height );letter-spacing:var( --e-global-typography-f88adad-letter-spacing );}}@media(max-width:767px){.elementor-6513 .elementor-element.elementor-element-44b6bac{--width:500px;--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:flex-end;--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-6513 .elementor-element.elementor-element-44b6bac.e-con{--align-self:center;--order:99999 /* order end hack */;}.elementor-6513 .elementor-element.elementor-element-99a17c9.elementor-element{--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-6513 .elementor-element.elementor-element-99a17c9 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-699ec46-font-size );}.elementor-6513 .elementor-element.elementor-element-99a17c9 .elementor-nav-menu--main .elementor-item{padding-top:0px;padding-bottom:0px;}.elementor-6513 .elementor-element.elementor-element-99a17c9{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-6513 .elementor-element.elementor-element-99a17c9 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-6513 .elementor-element.elementor-element-49a3e50 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-699ec46-font-size );}.elementor-6513 .elementor-element.elementor-element-797d940 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-f88adad-font-size );line-height:var( --e-global-typography-f88adad-line-height );letter-spacing:var( --e-global-typography-f88adad-letter-spacing );}}/* Start custom CSS for nav-menu, class: .elementor-element-49a3e50 */.seawolves-header {
  position: sticky;
  top: 0;
  z-index: 9999;
  width: 100%;
  transition: all 0.35s ease;
}

.seawolves-topbar,
.seawolves-mainbar {
  transition: all 0.35s ease;
}

.seawolves-mainbar {
  background: #1f3769;
}

.seawolves-logo img {
  transition: all 0.35s ease;
  max-height: 52px;
  width: auto;
}

.seawolves-header.is-scrolled {
  background: #ef8200;
}

.seawolves-header.is-scrolled .seawolves-topbar {
  height: 0;
  min-height: 0;
  opacity: 0;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
}

.seawolves-header.is-scrolled .seawolves-mainbar {
  background: #ef8200;
  min-height: 68px;
}

.seawolves-header.is-scrolled .seawolves-logo img {
  max-height: 52px;
}

.seawolves-header.is-scrolled .seawolves-main-menu a,
.seawolves-header.is-scrolled .seawolves-action-menu a {
  color: #ffffff;
}

.seawolves-header.is-scrolled .seawolves-main-menu .current-menu-item > a,
.seawolves-header.is-scrolled .seawolves-main-menu a:hover,
.seawolves-header.is-scrolled .seawolves-action-menu a:hover {
  color: #1f3769;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb83013 *//* ================================
   SEAWOLVES HEADER BASE
================================ */

.seawolves-header {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
}

/* Platzhalter unter fixed Header */
.sw-header-spacer {
  height: 143px;
  width: 100%;
  flex-shrink: 0;
  pointer-events: none;
}

.seawolves-topbar,
.seawolves-mainbar {
  width: 100% !important;
  max-width: none !important;
}


/* ================================
   DESKTOP ONLY
================================ */

@media (min-width: 768px) {

  /* Nur die mobile Elementor-Dropdown-Navigation auf Desktop ausblenden,
     nicht die echten Desktop-Untermenüs. */
  .seawolves-header nav.elementor-nav-menu--dropdown {
    display: none !important;
  }

  /* Keine Topbar-Animation beim initialen Seitenaufbau */
  .seawolves-header:not(.sw-header-ready) .seawolves-topbar {
    height: 65px !important;
    min-height: 65px !important;
    max-height: 65px !important;
    opacity: 1 !important;
    transition: none !important;
  }
}


/* ================================
   TOPBAR DESKTOP
================================ */

.seawolves-topbar {
  height: 65px !important;
  min-height: 65px !important;
  max-height: 65px !important;

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

  box-sizing: border-box !important;
  opacity: 1 !important;
  overflow: hidden !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;

  transition:
    height 0.16s ease,
    min-height 0.16s ease,
    max-height 0.16s ease,
    opacity 0.10s ease,
    padding 0.16s ease !important;
}

/* Topbar-Menü-Widget rechts positionieren */
.seawolves-topbar .seawolves-top-menu {
  height: 65px !important;
  width: auto !important;

  margin-left: auto !important;
  margin-right: 64px !important;

  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

/* Nur das echte Desktop-Menü stylen */
.seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main {
  height: 65px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

/* Nur die UL im Desktop-Menü */
.seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul {
  height: 65px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;

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

  flex-wrap: nowrap !important;
}

/* Menüeinträge */
.seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li {
  height: 65px !important;

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

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

  white-space: nowrap !important;
}

/* Links vertikal mittig */
.seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li > a {
  height: 65px !important;

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

  padding-top: 0 !important;
  padding-bottom: 0 !important;

  line-height: 1 !important;
}

/* Dropdown/Mobile-Menü in der Topbar sicher ausblenden */
.seawolves-topbar .seawolves-top-menu .elementor-nav-menu--dropdown,
.seawolves-topbar .seawolves-top-menu nav.elementor-nav-menu--dropdown {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
}


/* ================================
   MAINBAR DESKTOP
================================ */

.seawolves-mainbar {
  height: 78px !important;
  min-height: 78px !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;

  overflow: visible !important;
  transform: none !important;

  transition:
    background-color 0.28s ease,
    height 0.28s ease,
    min-height 0.28s ease !important;
}

/* Direkte Mainbar-Kinder auf dieselbe Achse */
.seawolves-mainbar > .e-con,
.seawolves-mainbar > .elementor-element {
  height: 78px !important;
  min-height: 78px !important;

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

  margin-top: 0 !important;
  margin-bottom: 0 !important;

  transform: translateY(2px) !important;
}


/* ================================
   LOGO SLOT DESKTOP
================================ */

.seawolves-logo-wrap {
  position: relative !important;

  width: 200px !important;
  min-width: 200px !important;
  max-width: 200px !important;
  height: 78px !important;
  min-height: 78px !important;
  flex: 0 0 200px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

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

.seawolves-logo-wrap .seawolves-logo-normal,
.seawolves-logo-wrap .seawolves-logo-scroll {
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;

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

  transform: translateY(-50%) !important;

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

/* Normales Logo */
.seawolves-logo-wrap .seawolves-logo-normal {
  opacity: 1 !important;
  pointer-events: auto !important;
}

.seawolves-logo-wrap .seawolves-logo-normal img {
  display: block !important;
  width: 200px !important;
  max-width: 200px !important;
  height: auto !important;
}

/* Scroll-Logo */
.seawolves-logo-wrap .seawolves-logo-scroll {
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: 5 !important;
}

.seawolves-logo-wrap .seawolves-logo-scroll img {
  display: block !important;
  width: 110px !important;
  max-width: 110px !important;
  height: auto !important;
}


/* ================================
   MAIN MENU DESKTOP
================================ */

.seawolves-main-menu {
  height: 78px !important;
  min-height: 78px !important;

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

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

.seawolves-main-menu .elementor-nav-menu--main,
.seawolves-main-menu .elementor-nav-menu--main > ul,
.seawolves-main-menu .elementor-nav-menu--main > ul > li,
.seawolves-main-menu .elementor-nav-menu--main > ul > li > a {
  display: flex !important;
  align-items: center !important;
}

.seawolves-main-menu .elementor-nav-menu--main > ul {
  height: 78px !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-wrap: nowrap !important;
}

.seawolves-main-menu .elementor-nav-menu--main > ul > li {
  position: relative !important;
  height: 78px !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

.seawolves-main-menu .elementor-nav-menu--main > ul > li > a.elementor-item {
  height: 78px !important;
  line-height: 1 !important;

  padding-top: 0 !important;
  padding-bottom: 0 !important;

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

/* ================================
   MAIN MENU DESKTOP DROPDOWNS
   Optimized final version
================================ */

@media (min-width: 768px) {

  :root {
    --sw-dropdown-width: 260px;
    --sw-blue-dark: #1f3769;
    --sw-blue-light: #29477f;
    --sw-orange: #DD7600;
    --sw-orange-light: #F9B004;
  }

  .seawolves-main-menu .elementor-nav-menu--main > ul > li {
    position: relative !important;
  }

  .seawolves-main-menu .elementor-nav-menu--main > ul > li > ul.sub-menu,
  .seawolves-main-menu .elementor-nav-menu--main > ul > li > .sub-menu.elementor-nav-menu--dropdown {
    position: absolute !important;

    top: 100% !important;
    left: 0 !important;
    right: auto !important;

    width: var(--sw-dropdown-width) !important;
    min-width: var(--sw-dropdown-width) !important;
    max-width: var(--sw-dropdown-width) !important;
    height: auto !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

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

    border: none !important;
    box-sizing: border-box !important;

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

    transform: none !important;

    transition:
      opacity 0.14s ease,
      visibility 0.14s ease !important;

    z-index: 100000 !important;
  }

  .seawolves-main-menu .elementor-nav-menu--main > ul > li:hover > ul.sub-menu,
  .seawolves-main-menu .elementor-nav-menu--main > ul > li:focus-within > ul.sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  .seawolves-main-menu .elementor-nav-menu--main > ul > li > ul.sub-menu > li,
  .seawolves-main-menu .elementor-nav-menu--main > ul > li > .sub-menu.elementor-nav-menu--dropdown > li {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;

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

    box-sizing: border-box !important;
    white-space: nowrap !important;
  }

  .seawolves-main-menu .elementor-nav-menu--main > ul > li > ul.sub-menu > li > a,
  .seawolves-main-menu .elementor-nav-menu--main > ul > li > .sub-menu.elementor-nav-menu--dropdown > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;

    padding: 10px 24px !important;

    color: #ffffff !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    text-transform: none !important;
    white-space: nowrap !important;
    letter-spacing: 0 !important;

    border: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;

    transition: color 0.14s ease !important;
  }

  .seawolves-main-menu .elementor-nav-menu--main > ul > li > ul.sub-menu > li > a:hover,
  .seawolves-main-menu .elementor-nav-menu--main > ul > li > ul.sub-menu > li.current-menu-item > a,
  .seawolves-main-menu .elementor-nav-menu--main > ul > li > .sub-menu.elementor-nav-menu--dropdown > li > a:hover,
  .seawolves-main-menu .elementor-nav-menu--main > ul > li > .sub-menu.elementor-nav-menu--dropdown > li.current-menu-item > a {
    justify-content: flex-start !important;

    padding-top: 10px !important;
    padding-bottom: 10px !important;

    text-align: left !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
  }

  .seawolves-main-menu .elementor-nav-menu--main > ul > li > ul.sub-menu > li > a::before,
  .seawolves-main-menu .elementor-nav-menu--main > ul > li > ul.sub-menu > li > a::after,
  .seawolves-main-menu .elementor-nav-menu--main > ul > li > .sub-menu.elementor-nav-menu--dropdown > li > a::before,
  .seawolves-main-menu .elementor-nav-menu--main > ul > li > .sub-menu.elementor-nav-menu--dropdown > li > a::after {
    content: none !important;
    display: none !important;
  }

  /* Hero state */
  body:not(.sw-has-solid-header) .seawolves-header:not(.is-scrolled)
  .seawolves-main-menu .elementor-nav-menu--main > ul > li > ul.sub-menu {
    top: 100% !important;

    background:
      linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.30) 0%,
        rgba(0, 0, 0, 0.22) 55%,
        rgba(0, 0, 0, 0.10) 82%,
        rgba(0, 0, 0, 0.00) 100%
      ) !important;

    box-shadow: inset 2px 0 0 rgba(249, 176, 4, 0.92) !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  body:not(.sw-has-solid-header) .seawolves-header:not(.is-scrolled)
  .seawolves-main-menu .elementor-nav-menu--main > ul > li > ul.sub-menu > li > a,
  body:not(.sw-has-solid-header) .seawolves-header:not(.is-scrolled)
  .seawolves-main-menu .elementor-nav-menu--main > ul > li > ul.sub-menu > li > a:hover,
  body:not(.sw-has-solid-header) .seawolves-header:not(.is-scrolled)
  .seawolves-main-menu .elementor-nav-menu--main > ul > li > ul.sub-menu > li.current-menu-item > a {
    padding-left: 24px !important;
    padding-right: 24px !important;
    text-shadow: 0 2px 7px rgba(0, 0, 0, 0.78) !important;
  }

  body:not(.sw-has-solid-header) .seawolves-header:not(.is-scrolled)
  .seawolves-main-menu .elementor-nav-menu--main > ul > li > ul.sub-menu > li > a:hover,
  body:not(.sw-has-solid-header) .seawolves-header:not(.is-scrolled)
  .seawolves-main-menu .elementor-nav-menu--main > ul > li > ul.sub-menu > li.current-menu-item > a {
    color: var(--sw-orange-light) !important;
  }

  /* Scroll state */
  .seawolves-header.is-scrolled
  .seawolves-main-menu .elementor-nav-menu--main > ul > li > ul.sub-menu,
  .seawolves-header.is-scrolled
  .seawolves-main-menu .elementor-nav-menu--main > ul > li > .sub-menu.elementor-nav-menu--dropdown {
    top: calc(100% - 2px) !important;

    background: var(--sw-blue-dark) !important;
    background-color: var(--sw-blue-dark) !important;
    background-image: none !important;

    box-shadow: 0 12px 22px rgba(0, 0, 0, 0.16) !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body .seawolves-header.is-scrolled
  .seawolves-main-menu .elementor-nav-menu--main > ul > li > ul.sub-menu > li > a,
  html body .seawolves-header.is-scrolled
  .seawolves-main-menu .elementor-nav-menu--main > ul > li > .sub-menu.elementor-nav-menu--dropdown > li > a,
  html body .seawolves-header.is-scrolled
  .seawolves-main-menu .elementor-nav-menu--main > ul > li > ul.sub-menu > li > a:hover,
  html body .seawolves-header.is-scrolled
  .seawolves-main-menu .elementor-nav-menu--main > ul > li > ul.sub-menu > li.current-menu-item > a {
    padding-left: 25px !important;
    padding-right: 22px !important;
    text-shadow: none !important;
  }

  .seawolves-header.is-scrolled
  .seawolves-main-menu .elementor-nav-menu--main > ul > li > ul.sub-menu > li > a:hover,
  .seawolves-header.is-scrolled
  .seawolves-main-menu .elementor-nav-menu--main > ul > li > ul.sub-menu > li.current-menu-item > a {
    color: var(--sw-orange-light) !important;
  }

  /* Solid/no-hero state */
  body.sw-has-solid-header .seawolves-header:not(.is-scrolled)
  .seawolves-main-menu .elementor-nav-menu--main > ul > li > ul.sub-menu,
  body.sw-has-solid-header .seawolves-header:not(.is-scrolled)
  .seawolves-main-menu .elementor-nav-menu--main > ul > li > .sub-menu.elementor-nav-menu--dropdown {
    top: calc(100% - 2px) !important;

    background: var(--sw-orange) !important;
    background-color: var(--sw-orange) !important;
    background-image: none !important;

    box-shadow: 0 12px 22px rgba(0, 0, 0, 0.14) !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  body.sw-has-solid-header .seawolves-header:not(.is-scrolled)
  .seawolves-main-menu .elementor-nav-menu--main > ul > li > ul.sub-menu > li > a,
  body.sw-has-solid-header .seawolves-header:not(.is-scrolled)
  .seawolves-main-menu .elementor-nav-menu--main > ul > li > ul.sub-menu > li > a:hover,
  body.sw-has-solid-header .seawolves-header:not(.is-scrolled)
  .seawolves-main-menu .elementor-nav-menu--main > ul > li > ul.sub-menu > li.current-menu-item > a {
    padding-left: 24px !important;
    padding-right: 24px !important;
    text-shadow: none !important;
  }

  body.sw-has-solid-header .seawolves-header:not(.is-scrolled)
  .seawolves-main-menu .elementor-nav-menu--main > ul > li > ul.sub-menu > li > a:hover,
  body.sw-has-solid-header .seawolves-header:not(.is-scrolled)
  .seawolves-main-menu .elementor-nav-menu--main > ul > li > ul.sub-menu > li.current-menu-item > a {
    color: var(--sw-blue-dark) !important;
  }
}

/* ================================
   RIGHT SLOT DESKTOP
================================ */

.seawolves-right-slot {
  position: relative !important;

  width: 390px !important;
  min-width: 390px !important;
  max-width: 390px !important;
  height: 78px !important;
  min-height: 78px !important;
  flex: 0 0 390px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  align-self: center !important;

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

.seawolves-right-slot .seawolves-league-icons,
.seawolves-right-slot .seawolves-scroll-menu {
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;

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

  transform: translateY(-50%) !important;

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

/* Liga-Icons normal sichtbar */
.seawolves-right-slot .seawolves-league-icons {
  opacity: 1 !important;
  pointer-events: auto !important;
}

.seawolves-right-slot .seawolves-league-icons .leaguelinks {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;

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

.seawolves-right-slot .seawolves-league-icons img {
  display: block !important;
  height: 25px !important;
  width: auto !important;
}

/* Rechtes Menü normal unsichtbar */
.seawolves-right-slot .seawolves-scroll-menu {
  opacity: 0 !important;
  pointer-events: none !important;
}

.seawolves-scroll-menu,
.seawolves-scroll-menu nav,
.seawolves-scroll-menu ul {
  display: flex !important;
  align-items: center !important;
}

.seawolves-scroll-menu ul {
  flex-wrap: nowrap !important;
}

.seawolves-scroll-menu li {
  white-space: nowrap !important;
}


/* ================================
   SCROLLED STATE DESKTOP
================================ */

.seawolves-header.is-scrolled .seawolves-topbar {
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;

  opacity: 0 !important;

  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.seawolves-header.is-scrolled .seawolves-mainbar {
  background-color: #DD7600 !important;
  transform: none !important;
}

/* Logo-Wechsel */
.seawolves-header.is-scrolled .seawolves-logo-wrap .seawolves-logo-normal {
  opacity: 0 !important;
  pointer-events: none !important;
}

.seawolves-header.is-scrolled .seawolves-logo-wrap .seawolves-logo-scroll {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Scroll-Logo größer und mit Überstand */
.seawolves-header.is-scrolled .seawolves-logo-wrap .seawolves-logo-scroll img {
  width: 150px !important;
  max-width: 150px !important;
}

.seawolves-header.is-scrolled .seawolves-logo-wrap .seawolves-logo-scroll {
  transform: translateY(-35%) !important;
  z-index: 5 !important;
}

/* Right-Slot-Wechsel */
.seawolves-header.is-scrolled .seawolves-right-slot .seawolves-league-icons {
  opacity: 0 !important;
  pointer-events: none !important;
}

.seawolves-header.is-scrolled .seawolves-right-slot .seawolves-scroll-menu {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Linkfarben im Scroll-Zustand */
.seawolves-header.is-scrolled .seawolves-mainbar a {
  color: #ffffff !important;
}

.seawolves-header.is-scrolled .seawolves-mainbar a:hover,
.seawolves-header.is-scrolled .seawolves-mainbar .current-menu-item > a {
  color: #1f3769 !important;
}


/* ================================
   MOBILE HEADER + BOTTOM NAV
================================ */

@media (max-width: 767px) {

  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* Header oben: nur Logo + Burger */
  .seawolves-header,
  .seawolves-header.is-scrolled {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;
    max-width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;

    background: #DD7600 !important;
    overflow: visible !important;

    box-sizing: border-box !important;
    transform: none !important;
    transition: none !important;
  }

  /* Obere Leiste */
  .seawolves-header .seawolves-mainbar,
  .seawolves-header.is-scrolled .seawolves-mainbar {
    position: relative !important;

    left: 0 !important;
    right: 0 !important;

    width: 100% !important;
    max-width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;

    background: #DD7600 !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;

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

    overflow: visible !important;
    box-sizing: border-box !important;
    transform: none !important;
    transition: none !important;
  }

  /* Direkte Mainbar-Kinder mobil zurücksetzen */
  .seawolves-header .seawolves-mainbar > .e-con,
  .seawolves-header .seawolves-mainbar > .elementor-element,
  .seawolves-header.is-scrolled .seawolves-mainbar > .e-con,
  .seawolves-header.is-scrolled .seawolves-mainbar > .elementor-element {
    height: 52px !important;
    min-height: 52px !important;

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

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    transform: none !important;
    transition: none !important;
  }

/* ================================
   MOBILE LIGA-LOGOS
   Rechtsbündig unter dem Header;
   beim Scrollen nach oben ausfaden
================================ */

@media (max-width: 767px) {

  .seawolves-header .seawolves-right-slot {
    display: block !important;
    position: fixed !important;

    top: 52px !important;
    right: 14px !important;
    left: auto !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100vw - 28px) !important;

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

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

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    background: transparent !important;
    overflow: visible !important;

    transform: translateY(0) !important;

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

    z-index: 9998 !important;
  }

  .seawolves-header
  .seawolves-right-slot
  .seawolves-league-icons {
    position: static !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    width: auto !important;
    max-width: 100% !important;

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

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    transform: none !important;
  }

  .seawolves-header
  .seawolves-right-slot
  .seawolves-league-icons
  .leaguelinks {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 7px !important;

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

  .seawolves-header
  .seawolves-right-slot
  .seawolves-league-icons
  img {
    display: block !important;

    width: auto !important;
    max-width: none !important;
    height: 24px !important;

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

    object-fit: contain !important;
  }

  /* Rechtes Desktop-Menü mobil weiterhin ausblenden */
  .seawolves-header
  .seawolves-right-slot
  .seawolves-scroll-menu {
    display: none !important;
  }

  /* Beim Scrollen nach oben ausfaden */
  .seawolves-header.is-scrolled
  .seawolves-right-slot {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transform: translateY(-14px) !important;
  }
}


  /* ================================
     MOBILE LOGO
  ================================ */

  .seawolves-header .seawolves-logo-wrap,
  .seawolves-header.is-scrolled .seawolves-logo-wrap {
    position: relative !important;

    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    flex: 0 0 120px !important;

    height: 52px !important;
    min-height: 52px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

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

    overflow: visible !important;
    transform: none !important;
    transition: none !important;
  }

  /* Breites Desktop-Logo mobil aus */
  .seawolves-header .seawolves-logo-wrap .seawolves-logo-normal,
  .seawolves-header.is-scrolled .seawolves-logo-wrap .seawolves-logo-normal {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* Wolf-Logo mobil: geschlossen groß und leicht überlappend */
  .seawolves-header .seawolves-logo-wrap .seawolves-logo-scroll,
  .seawolves-header.is-scrolled .seawolves-logo-wrap .seawolves-logo-scroll {
    display: block !important;

    position: absolute !important;
    left: 0 !important;
    top: 12px !important;

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

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

    transform: scale(1) !important;
    transform-origin: left top !important;

    z-index: 10 !important;

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

  .seawolves-header .seawolves-logo-wrap .seawolves-logo-scroll img,
  .seawolves-header.is-scrolled .seawolves-logo-wrap .seawolves-logo-scroll img {
    display: block !important;

    width: 104px !important;
    max-width: 104px !important;
    height: auto !important;

    transition:
      width 0.22s ease,
      max-width 0.22s ease !important;
  }

  /* Logo bei geöffnetem Burger-Menü kleiner in die orange Leiste skalieren */
  .seawolves-header:has(.elementor-menu-toggle.elementor-active) .seawolves-logo-wrap .seawolves-logo-scroll,
  .seawolves-header.is-scrolled:has(.elementor-menu-toggle.elementor-active) .seawolves-logo-wrap .seawolves-logo-scroll {
    top: 3px !important;
    transform: scale(0.72) !important;
  }

  .seawolves-header:has(.elementor-menu-toggle.elementor-active) .seawolves-logo-wrap .seawolves-logo-scroll img,
  .seawolves-header.is-scrolled:has(.elementor-menu-toggle.elementor-active) .seawolves-logo-wrap .seawolves-logo-scroll img {
    width: 104px !important;
    max-width: 104px !important;
  }


  /* ================================
     MOBILE BURGER
  ================================ */

  .seawolves-header .seawolves-main-menu,
  .seawolves-header.is-scrolled .seawolves-main-menu {
    position: absolute !important;

    top: 0 !important;
    right: 16px !important;

    width: 38px !important;
    height: 52px !important;
    min-height: 52px !important;

    display: block !important;

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

    transform: none !important;
    transition: none !important;

    z-index: 100001 !important;
  }

  /* Desktop-Menüliste mobil ausblenden */
  .seawolves-header .seawolves-main-menu .elementor-nav-menu--main,
  .seawolves-header.is-scrolled .seawolves-main-menu .elementor-nav-menu--main {
    display: none !important;
  }

  /* Burger-Button exakt in 52px-Leiste zentrieren */
  .seawolves-header .seawolves-main-menu .elementor-menu-toggle,
  .seawolves-header.is-scrolled .seawolves-main-menu .elementor-menu-toggle {
    position: absolute !important;

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

    width: 38px !important;
    height: 38px !important;

    display: block !important;

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

    background: transparent !important;
    color: #ffffff !important;

    line-height: 0 !important;
    font-size: 0 !important;

    transform: translate(-50%, -50%) !important;
    transition: none !important;

    z-index: 100002 !important;
  }

  /* Open-/Close-Icon exakt im Button zentrieren */
  .seawolves-header .seawolves-main-menu .elementor-menu-toggle svg,
  .seawolves-header.is-scrolled .seawolves-main-menu .elementor-menu-toggle svg,
  .seawolves-header .seawolves-main-menu .elementor-menu-toggle__icon--open,
  .seawolves-header .seawolves-main-menu .elementor-menu-toggle__icon--close,
  .seawolves-header.is-scrolled .seawolves-main-menu .elementor-menu-toggle__icon--open,
  .seawolves-header.is-scrolled .seawolves-main-menu .elementor-menu-toggle__icon--close {
    position: absolute !important;

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

    width: 30px !important;
    height: 30px !important;

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

    transform: translate(-50%, -50%) !important;
    transition: none !important;

    fill: #ffffff !important;
    color: #ffffff !important;
  }


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

  .seawolves-header .seawolves-main-menu nav.elementor-nav-menu--dropdown,
  .seawolves-header.is-scrolled .seawolves-main-menu nav.elementor-nav-menu--dropdown {
    position: fixed !important;

    top: 52px !important;
    left: 0 !important;
    right: 0 !important;

    width: auto !important;
    max-width: 100% !important;

    background: #1f3769 !important;
    z-index: 100000 !important;

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

    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  /* Burger-Menü geschlossen */
  .seawolves-header .seawolves-main-menu nav.elementor-nav-menu--dropdown[aria-hidden="true"],
  .seawolves-header.is-scrolled .seawolves-main-menu nav.elementor-nav-menu--dropdown[aria-hidden="true"] {
    display: block !important;
    max-height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* Burger-Menü geöffnet */
  .seawolves-header .seawolves-main-menu nav.elementor-nav-menu--dropdown[aria-hidden="false"],
  .seawolves-header.is-scrolled .seawolves-main-menu nav.elementor-nav-menu--dropdown[aria-hidden="false"] {
    display: block !important;
    max-height: calc(100vh - 52px) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    overflow-y: auto !important;
  }

  /* Dropdown-Liste vertikal und zentriert */
  .seawolves-header .seawolves-main-menu nav.elementor-nav-menu--dropdown ul,
  .seawolves-header.is-scrolled .seawolves-main-menu nav.elementor-nav-menu--dropdown ul {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 18px 0 22px !important;
  }

  .seawolves-header .seawolves-main-menu nav.elementor-nav-menu--dropdown li,
  .seawolves-header.is-scrolled .seawolves-main-menu nav.elementor-nav-menu--dropdown li {
    display: flex !important;
    justify-content: center !important;

    width: 100% !important;
    height: auto !important;

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

  .seawolves-header .seawolves-main-menu nav.elementor-nav-menu--dropdown a,
  .seawolves-header.is-scrolled .seawolves-main-menu nav.elementor-nav-menu--dropdown a {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    width: 100% !important;
    height: auto !important;

    padding: 12px 22px !important;

    color: #ffffff !important;
    font-size: 16px !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
    text-align: center !important;

    background: transparent !important;
  }

  .seawolves-header .seawolves-main-menu nav.elementor-nav-menu--dropdown a:hover,
  .seawolves-header .seawolves-main-menu nav.elementor-nav-menu--dropdown .current-menu-item > a,
  .seawolves-header.is-scrolled .seawolves-main-menu nav.elementor-nav-menu--dropdown a:hover,
  .seawolves-header.is-scrolled .seawolves-main-menu nav.elementor-nav-menu--dropdown .current-menu-item > a {
    color: #ef8200 !important;
    background: transparent !important;
  }


  /* ================================
     MOBILE FIXED BOTTOM NAV
  ================================ */

  /* Topbar wird zur festen Bottom-Navigation */
  .seawolves-header .seawolves-topbar,
  .seawolves-header.is-scrolled .seawolves-topbar,
  .seawolves-header:not(.sw-header-ready) .seawolves-topbar,
  .seawolves-header.is-scrolled:not(.sw-header-ready) .seawolves-topbar {
    position: fixed !important;

    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;

    z-index: 99999 !important;

    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: auto !important;
    max-width: none !important;
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;

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

    background: #DD7600 !important;

    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;
    pointer-events: auto !important;

    box-sizing: border-box !important;
    transform: none !important;
    transition: none !important;
  }

  /* Topbar-Menü volle Breite */
  .seawolves-header .seawolves-topbar .seawolves-top-menu,
  .seawolves-header.is-scrolled .seawolves-topbar .seawolves-top-menu,
  .seawolves-header:not(.sw-header-ready) .seawolves-topbar .seawolves-top-menu {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;

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

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

    overflow: hidden !important;
    box-sizing: border-box !important;
    transform: none !important;
    transition: none !important;
  }

  /* Nur das horizontale Topbar-Menü nutzen */
  .seawolves-header .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main,
  .seawolves-header.is-scrolled .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main,
  .seawolves-header:not(.sw-header-ready) .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main {
    display: flex !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;

    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
    transform: none !important;
    transition: none !important;
  }

  .seawolves-header .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul,
  .seawolves-header.is-scrolled .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul,
  .seawolves-header:not(.sw-header-ready) .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;

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

    overflow: hidden !important;
    box-sizing: border-box !important;
    transform: none !important;
    transition: none !important;
  }

  .seawolves-header .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li,
  .seawolves-header.is-scrolled .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li,
  .seawolves-header:not(.sw-header-ready) .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;

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

    overflow: hidden !important;
    box-sizing: border-box !important;
    transform: none !important;
    transition: none !important;
  }

  /* Ein einziger klickbarer Link pro Feld: Icon ist Background auf dem Link */
  .seawolves-header .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li > a,
  .seawolves-header.is-scrolled .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li > a,
  .seawolves-header:not(.sw-header-ready) .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li > a,
  .seawolves-header .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li > a:hover,
  .seawolves-header.is-scrolled .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li > a:hover,
  .seawolves-header .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li > a:focus,
  .seawolves-header.is-scrolled .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li > a:focus,
  .seawolves-header .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li > a:active,
  .seawolves-header.is-scrolled .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li > a:active {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;

    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;

    padding: 0 4px 16px !important;
    margin: 0 !important;

    color: #ffffff !important;
    background-color: transparent !important;

    background-repeat: no-repeat !important;
    background-position: center 12px !important;
    background-size: 50px auto !important;

    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    letter-spacing: 1px !important;
    white-space: nowrap !important;

    border: none !important;
    outline: none !important;
    box-shadow: none !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
    transform: none !important;
    transition: none !important;
  }

  /* Elementor-Pointer-Effekte neutralisieren */
  .seawolves-header .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li > a::before,
  .seawolves-header .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li > a::after,
  .seawolves-header.is-scrolled .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li > a::before,
  .seawolves-header.is-scrolled .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li > a::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    transform: none !important;
  }

  /* 1. Tickets */
  .seawolves-header .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li:nth-child(1) > a,
  .seawolves-header.is-scrolled .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li:nth-child(1) > a,
  .seawolves-header:not(.sw-header-ready) .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li:nth-child(1) > a,
  .seawolves-header .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li:nth-child(1) > a:hover,
  .seawolves-header.is-scrolled .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li:nth-child(1) > a:hover,
  .seawolves-header .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li:nth-child(1) > a:focus,
  .seawolves-header.is-scrolled .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li:nth-child(1) > a:focus,
  .seawolves-header .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li:nth-child(1) > a:active,
  .seawolves-header.is-scrolled .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li:nth-child(1) > a:active {
    background-image: url("https://seawolves-backup.de/wp-content/uploads/2026/05/TICKETS_W.png") !important;
    background-size: 50px auto !important;
  }

  /* 2. Fanshop */
  .seawolves-header .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li:nth-child(2) > a,
  .seawolves-header.is-scrolled .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li:nth-child(2) > a,
  .seawolves-header:not(.sw-header-ready) .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li:nth-child(2) > a,
  .seawolves-header .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li:nth-child(2) > a:hover,
  .seawolves-header.is-scrolled .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li:nth-child(2) > a:hover,
  .seawolves-header .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li:nth-child(2) > a:focus,
  .seawolves-header.is-scrolled .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li:nth-child(2) > a:focus,
  .seawolves-header .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li:nth-child(2) > a:active,
  .seawolves-header.is-scrolled .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li:nth-child(2) > a:active {
    background-image: url("https://seawolves-backup.de/wp-content/uploads/2026/05/FANSHOP_W.png") !important;
    background-size: 50px auto !important;
  }

  /* 3. Dauerkarten / Mitgliedschaft */
  .seawolves-header .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li:nth-child(3) > a,
  .seawolves-header.is-scrolled .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li:nth-child(3) > a,
  .seawolves-header:not(.sw-header-ready) .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li:nth-child(3) > a,
  .seawolves-header .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li:nth-child(3) > a:hover,
  .seawolves-header.is-scrolled .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li:nth-child(3) > a:hover,
  .seawolves-header .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li:nth-child(3) > a:focus,
  .seawolves-header.is-scrolled .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li:nth-child(3) > a:focus,
  .seawolves-header .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li:nth-child(3) > a:active,
  .seawolves-header.is-scrolled .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--main > ul > li:nth-child(3) > a:active {
    background-image: url("https://seawolves-backup.de/wp-content/uploads/2026/05/DAUERKARTEN_W.png") !important;
    background-size: 50px auto !important;
  }

  /* Topbar-Dropdown mobil nicht verwenden */
  .seawolves-header .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--dropdown,
  .seawolves-header.is-scrolled .seawolves-topbar .seawolves-top-menu .elementor-nav-menu--dropdown {
    display: none !important;
  }

  /* Oberer Header-Spacer bleibt nur 52px */
  .sw-header-spacer {
    height: 52px !important;
  }
}

/* ================================
   MOBILE HEADER ALWAYS ORANGE
   Mobil ist der Header sofort orange, auch vor dem Scrollen
================================ */

@media (max-width: 767px) {

  .seawolves-header,
  .seawolves-header:not(.is-scrolled),
  .seawolves-header.is-scrolled,
  .seawolves-header:not(.sw-header-ready),
  .seawolves-header.is-scrolled:not(.sw-header-ready) {
    background: #DD7600 !important;
    background-color: #DD7600 !important;
  }

  .seawolves-header .seawolves-mainbar,
  .seawolves-header:not(.is-scrolled) .seawolves-mainbar,
  .seawolves-header.is-scrolled .seawolves-mainbar,
  .seawolves-header:not(.sw-header-ready) .seawolves-mainbar,
  .seawolves-header.is-scrolled:not(.sw-header-ready) .seawolves-mainbar {
    background: #DD7600 !important;
    background-color: #DD7600 !important;
  }

  .seawolves-header .seawolves-mainbar > .e-con,
  .seawolves-header .seawolves-mainbar > .elementor-element,
  .seawolves-header:not(.is-scrolled) .seawolves-mainbar > .e-con,
  .seawolves-header:not(.is-scrolled) .seawolves-mainbar > .elementor-element,
  .seawolves-header:not(.sw-header-ready) .seawolves-mainbar > .e-con,
  .seawolves-header:not(.sw-header-ready) .seawolves-mainbar > .elementor-element {
    background: transparent !important;
    background-color: transparent !important;
  }
}

/* ================================
   FINAL MOBILE MENU + SUBMENU FIX
   Oberpunkte dunkel, Unterpunkte heller, linksbündig
================================ */

@media (max-width: 767px) {

  .seawolves-header .seawolves-main-menu nav.elementor-nav-menu--dropdown,
  .seawolves-header.is-scrolled .seawolves-main-menu nav.elementor-nav-menu--dropdown {
    position: fixed !important;

    top: 52px !important;
    left: 0 !important;
    right: 0 !important;

    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;

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

    background: #1f3769 !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    box-sizing: border-box !important;
    z-index: 100000 !important;
  }

  .seawolves-header .seawolves-main-menu nav.elementor-nav-menu--dropdown[aria-hidden="true"],
  .seawolves-header.is-scrolled .seawolves-main-menu nav.elementor-nav-menu--dropdown[aria-hidden="true"] {
    display: block !important;
    max-height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .seawolves-header .seawolves-main-menu nav.elementor-nav-menu--dropdown[aria-hidden="false"],
  .seawolves-header.is-scrolled .seawolves-main-menu nav.elementor-nav-menu--dropdown[aria-hidden="false"] {
    display: block !important;
    max-height: calc(100vh - 126px) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .seawolves-header .seawolves-main-menu nav.elementor-nav-menu--dropdown > ul,
  .seawolves-header.is-scrolled .seawolves-main-menu nav.elementor-nav-menu--dropdown > ul {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 12px 0 18px !important;

    background: #1f3769 !important;

    box-sizing: border-box !important;
  }

  .seawolves-header .seawolves-main-menu nav.elementor-nav-menu--dropdown li,
  .seawolves-header.is-scrolled .seawolves-main-menu nav.elementor-nav-menu--dropdown li {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: auto !important;

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

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

  .seawolves-header .seawolves-main-menu nav.elementor-nav-menu--dropdown > ul > li > a,
  .seawolves-header.is-scrolled .seawolves-main-menu nav.elementor-nav-menu--dropdown > ul > li > a {
    position: relative !important;

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

    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: auto !important;

    padding: 14px 66px 14px 22px !important;

    color: #ffffff !important;
    background: #1f3769 !important;

    font-size: 15px !important;
    line-height: 1.15 !important;
    text-align: center !important;
    text-transform: uppercase !important;

    box-sizing: border-box !important;
  }

  .seawolves-header .seawolves-main-menu nav.elementor-nav-menu--dropdown > ul > li > a:hover,
  .seawolves-header .seawolves-main-menu nav.elementor-nav-menu--dropdown > ul > li.current-menu-item > a,
  .seawolves-header.is-scrolled .seawolves-main-menu nav.elementor-nav-menu--dropdown > ul > li > a:hover,
  .seawolves-header.is-scrolled .seawolves-main-menu nav.elementor-nav-menu--dropdown > ul > li.current-menu-item > a {
    color: #ef8200 !important;
    background: #1f3769 !important;
  }

  .seawolves-header .seawolves-main-menu nav.elementor-nav-menu--dropdown a .sub-arrow,
  .seawolves-header.is-scrolled .seawolves-main-menu nav.elementor-nav-menu--dropdown a .sub-arrow {
    position: absolute !important;

    top: 50% !important;
    right: 14px !important;

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

    width: 42px !important;
    height: 42px !important;

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

    color: #ffffff !important;
    fill: #ffffff !important;

    line-height: 1 !important;
    opacity: 1 !important;

    transform: translateY(-50%) !important;
    z-index: 20 !important;
    cursor: pointer !important;
  }

  .seawolves-header .seawolves-main-menu nav.elementor-nav-menu--dropdown a .sub-arrow svg,
  .seawolves-header.is-scrolled .seawolves-main-menu nav.elementor-nav-menu--dropdown a .sub-arrow svg {
    width: 20px !important;
    height: 20px !important;
    fill: #ffffff !important;
    color: #ffffff !important;
  }

  .seawolves-header .seawolves-main-menu nav.elementor-nav-menu--dropdown a[aria-expanded="true"] .sub-arrow,
  .seawolves-header.is-scrolled .seawolves-main-menu nav.elementor-nav-menu--dropdown a[aria-expanded="true"] .sub-arrow {
    transform: translateY(-50%) rotate(180deg) !important;
  }

  .seawolves-header .seawolves-main-menu nav.elementor-nav-menu--dropdown ul.sub-menu,
  .seawolves-header.is-scrolled .seawolves-main-menu nav.elementor-nav-menu--dropdown ul.sub-menu {
    position: static !important;

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: auto !important;

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

    background: #29477f !important;
    box-shadow: none !important;

    max-height: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden !important;
    pointer-events: none !important;

    box-sizing: border-box !important;

    transition: max-height 0.22s ease !important;
  }

  .seawolves-header .seawolves-main-menu nav.elementor-nav-menu--dropdown ul.sub-menu[aria-hidden="false"],
  .seawolves-header.is-scrolled .seawolves-main-menu nav.elementor-nav-menu--dropdown ul.sub-menu[aria-hidden="false"],
  .seawolves-header .seawolves-main-menu nav.elementor-nav-menu--dropdown li.sw-submenu-open > ul.sub-menu,
  .seawolves-header.is-scrolled .seawolves-main-menu nav.elementor-nav-menu--dropdown li.sw-submenu-open > ul.sub-menu {
    max-height: 900px !important;
    pointer-events: auto !important;
  }

  .seawolves-header .seawolves-main-menu nav.elementor-nav-menu--dropdown ul.sub-menu > li,
  .seawolves-header.is-scrolled .seawolves-main-menu nav.elementor-nav-menu--dropdown ul.sub-menu > li {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }

  .seawolves-header .seawolves-main-menu nav.elementor-nav-menu--dropdown ul.sub-menu > li > a,
  .seawolves-header.is-scrolled .seawolves-main-menu nav.elementor-nav-menu--dropdown ul.sub-menu > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: auto !important;

    padding: 10px 24px 10px 34px !important;

    color: #ffffff !important;
    background: #29477f !important;

    font-size: 13px !important;
    line-height: 1.2 !important;
    text-align: left !important;
    text-transform: none !important;

    box-sizing: border-box !important;
  }

  .seawolves-header .seawolves-main-menu nav.elementor-nav-menu--dropdown ul.sub-menu > li > a:hover,
  .seawolves-header .seawolves-main-menu nav.elementor-nav-menu--dropdown ul.sub-menu > li.current-menu-item > a,
  .seawolves-header.is-scrolled .seawolves-main-menu nav.elementor-nav-menu--dropdown ul.sub-menu > li > a:hover,
  .seawolves-header.is-scrolled .seawolves-main-menu nav.elementor-nav-menu--dropdown ul.sub-menu > li.current-menu-item > a {
    color: #ef8200 !important;
    background: #29477f !important;
  }
}

/* ================================
   FINAL OVERRIDE: MOBILE MENU COLLAPSE ON SCROLL
   Einklappen an der unteren Kante, ohne Hochrutschen
================================ */

@media (max-width: 767px) {

  .seawolves-header .seawolves-main-menu nav.elementor-nav-menu--dropdown,
  .seawolves-header.is-scrolled .seawolves-main-menu nav.elementor-nav-menu--dropdown {
    transform-origin: top center !important;

    transition:
      max-height 0.32s ease,
      transform 0.32s ease,
      visibility 0.32s ease !important;
  }

  .seawolves-header .seawolves-main-menu nav.elementor-nav-menu--dropdown[aria-hidden="false"],
  .seawolves-header.is-scrolled .seawolves-main-menu nav.elementor-nav-menu--dropdown[aria-hidden="false"] {
    opacity: 1 !important;
    transform: scaleY(1) !important;
  }

  .seawolves-header .seawolves-main-menu nav.elementor-nav-menu--dropdown.sw-mobile-menu-closing,
  .seawolves-header.is-scrolled .seawolves-main-menu nav.elementor-nav-menu--dropdown.sw-mobile-menu-closing {
    max-height: 0 !important;
    opacity: 1 !important;
    transform: scaleY(0.98) !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }
}
/* ================================
   DESKTOP NAVIGATION – 24PX
   Hauptnavigation + Topbar + Scroll-Menü
================================ */

@media (min-width: 768px) {

  /* Hauptnavigation */
  .seawolves-main-menu
  .elementor-nav-menu--main > ul > li > a.elementor-item {
    font-size: 24px !important;
    line-height: 1 !important;
  }

  /* Tickets / Fanshop / Mitgliedschaft oben */
  .seawolves-topbar
  .seawolves-top-menu
  .elementor-nav-menu--main > ul > li > a {
    font-size: 24px !important;
    line-height: 1 !important;
  }

  /* Tickets / Fanshop / Mitgliedschaft nach dem Scrollen */
  .seawolves-right-slot
  .seawolves-scroll-menu
  .elementor-nav-menu--main > ul > li > a {
    font-size: 24px !important;
    line-height: 1 !important;
  }
}


/* ================================
   DESKTOP – UTILITY NAVIGATION
   Tickets / Fanshop / Mitgliedschaft
================================ */

@media (min-width: 768px) {

  .seawolves-right-slot .seawolves-scroll-menu {
    margin-left: 28px !important;
  }

  .seawolves-right-slot
  .seawolves-scroll-menu
  .elementor-nav-menu--main > ul {
    gap: 18px !important;
  }

  .seawolves-right-slot
  .seawolves-scroll-menu
  .elementor-nav-menu--main > ul > li > a {
    font-size: 24px !important;
    line-height: 1 !important;
    text-transform: none !important;
  }
}/* End custom CSS */