.elementor-kit-11{--e-global-color-primary:#004225;--e-global-color-secondary:#668D7C;--e-global-color-text:#002716;--e-global-color-accent:#004225;--e-global-color-6325359:#000000;--e-global-color-f0ae03e:#FFFFFF;--e-global-color-c47ee60:#F0F0F0;--e-global-typography-primary-font-family:"avenir-lt-pro";--e-global-typography-primary-font-size:clamp(1.75rem, 1rem + 3.5vw, 4.5rem);--e-global-typography-primary-font-weight:900;--e-global-typography-primary-line-height:1.05;--e-global-typography-primary-letter-spacing:-0.02em;--e-global-typography-secondary-font-family:"avenir-lt-pro";--e-global-typography-secondary-font-size:clamp(2.2rem, 1.9rem + 1.2vw, 3rem);--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1.15;--e-global-typography-text-font-family:"avenir-lt-pro";--e-global-typography-text-font-size:clamp(1.75rem, 1.55rem + 0.8vw, 2.25rem);--e-global-typography-text-font-weight:500;--e-global-typography-text-line-height:1.2;--e-global-typography-accent-font-family:"avenir-lt-pro";--e-global-typography-accent-font-size:clamp(1.4rem, 1.3rem + 0.4vw, 1.75rem);--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1.25;--e-global-typography-28d1b27-font-family:"avenir-lt-pro";--e-global-typography-28d1b27-font-size:clamp(1.1rem, 1rem + 0.4vw, 1.35rem);--e-global-typography-28d1b27-font-weight:500;--e-global-typography-28d1b27-line-height:1.6;--e-global-typography-1953864-font-family:"avenir-lt-pro";--e-global-typography-1953864-font-size:clamp(1.15rem, 1.1rem + 0.25vw, 1.35rem);--e-global-typography-1953864-font-weight:400;--e-global-typography-1953864-line-height:1.6;--e-global-typography-f6a3742-font-family:"avenir-lt-pro";--e-global-typography-f6a3742-font-size:clamp(1rem, 0.98rem + 0.15vw, 1.1rem);--e-global-typography-f6a3742-font-weight:400;--e-global-typography-f6a3742-line-height:1.7;--e-global-typography-3635b52-font-family:"avenir-lt-pro";--e-global-typography-3635b52-font-size:clamp(0.9rem, 0.88rem + 0.1vw, 1rem);--e-global-typography-3635b52-font-weight:300;--e-global-typography-3635b52-line-height:1.6;--e-global-typography-8c19b56-font-family:"avenir-lt-pro";--e-global-typography-8c19b56-font-size:clamp(0.8rem, 0.78rem + 0.1vw, 0.9rem);--e-global-typography-8c19b56-font-weight:500;--e-global-typography-8c19b56-line-height:1.4;--e-global-typography-8c19b56-letter-spacing:0.004em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1620px;}.e-con{--container-max-width:1620px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 
=====================
Navigation Search Box
=====================
*/

/* Form wrapper */
.pill-search .e-search-form {
  position: relative;
  display: flex;
  align-items: center;
}

/* Input wrapper (collapsible container) */
.pill-search .e-search-input-wrapper {
  position: relative;
  width: 0;
  overflow: hidden;
  opacity: 0;
  transition: width 0.3s ease, opacity 0.2s ease;
}

/* Open state */
.pill-search.is-open .e-search-input-wrapper {
  width: 320px; /* desktop width */
  opacity: 1;
}

/* Input pill */
.pill-search .e-search-input {
  border-radius: 999px !important;
  min-height: 50px;
  padding-left: 24px !important;
  padding-right: 120px !important; /* space for the button */
  border-width: 1px;
  width: 100%;
}

/* Submit button as inner pill on the right */
.pill-search .e-search-submit {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 999px !important;
  min-height: 44px;
  padding: 8px 18px !important;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  z-index: 2;
  cursor: pointer;
}

/* Icon size */
.pill-search .e-search-submit svg {
  width: 16px;
  height: 16px;
}

/* Mobile adjustments */
@media (max-width: 480px) {
  .pill-search.is-open .e-search-input-wrapper {
    width: 220px;
  }

  .pill-search .e-search-input {
    padding-right: 140px !important;
  }
}

/* 
======================
Navigation Active Item - Desktop & Mobile
======================
*/

/* === DESKTOP NAVIGATION === */

/* Main menu active item pill */
.pill-menu .elementor-nav-menu--main > li.current-menu-item > a,
.pill-menu .elementor-nav-menu--main > li.current-menu-ancestor > a {
  border: none !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: inset 0 0 0 1px #e5e5e5 !important;
}

/* Desktop dropdown active item */
.pill-menu .elementor-nav-menu--main .sub-menu li.current-menu-item > a {
  border: none !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: inset 0 0 0 1px #e5e5e5 !important;
}

/* Desktop dropdown spacing */
.pill-menu .elementor-nav-menu--main .sub-menu {
  padding: 8px 0 !important;
}

.pill-menu .elementor-nav-menu--main .sub-menu li > a {
  margin-left: 6px !important;
  margin-right: 6px !important;
}


/* === MOBILE NAVIGATION (Dropdown/Popup) === */

/* Mobile menu container padding */
.pill-menu .elementor-nav-menu--dropdown,
.pill-menu nav.elementor-nav-menu--dropdown {
  padding: 10px 0 !important;
}

/* Mobile menu UL padding */
.pill-menu ul.elementor-nav-menu--dropdown {
  padding: 10px 0 !important;
}

/* Mobile active item pill - all levels */
.pill-menu .elementor-nav-menu--dropdown li.current-menu-item > a,
.pill-menu .elementor-nav-menu--dropdown li.current-menu-ancestor > a,
.pill-menu .elementor-nav-menu--dropdown li > a.elementor-item-active {
  border: none !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: inset 0 0 0 1px #e5e5e5 !important;
}

/* Mobile horizontal spacing for all items */
.pill-menu .elementor-nav-menu--dropdown > li > a {
  margin-left: 6px !important;
  margin-right: 6px !important;
}

/* Mobile submenu items spacing */
.pill-menu .elementor-nav-menu--dropdown .sub-menu > li > a {
  margin-left: 6px !important;
  margin-right: 6px !important;
}

/* Mobile submenu container */
.pill-menu .elementor-nav-menu--dropdown .sub-menu {
  padding: 8px 0 !important;
}


/* === UNIVERSAL FALLBACK (catches any edge cases) === */

/* Any element with current-menu-item class */
.pill-menu .current-menu-item > a,
.pill-menu .current-menu-ancestor > a {
  border: none !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: inset 0 0 0 1px #e5e5e5 !important;
}

/* Ensure nav containers allow for pill visibility */
.pill-menu .elementor-nav-menu__container {
  padding: 10px 0 !important;
}

/* Target the main UL element */
.pill-menu ul.elementor-nav-menu {
  padding: 10px 0 !important;
}

/* 
======================
Home - Hero Section
======================
*/

/* Image container - the parent holding all images */
.image-wrapper {
	position: relative;
	aspect-ratio: 4/3;
	overflow: hidden;
}

/* Image widget setup */
.image-wrapper .elementor-widget-image {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 0.5s ease;
}

/* First image visible by default */
#img-athleten-1 {
	opacity: 1;
}

/* Make all images fill container uniformly */
.image-wrapper .elementor-widget-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* Lines - hidden by default, shown when active */
.line-athleten,
.line-partner,
.line-komm {
	opacity: 0;
	transition: opacity 0.3s ease;
}

.line-athleten.active,
.line-partner.active,
.line-komm.active {
	opacity: 1;
}

/* Titles - default state */
.title-athleten,
.title-partner,
.title-komm {
	transition: color 0.3s ease;
}

/* Titles - active state with green color */
.title-athleten.active h6,
.title-partner.active h6,
.title-komm.active h6 {
	color: #004225 !important;
}/* End custom CSS */