.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#333333;--e-global-color-accent:#61CE70;--e-global-color-714e2cb:#8B1A1A;--e-global-color-7f75956:#FFFFFF;--e-global-color-f56f73d:#333333;--e-global-color-e3f2552:#C10007;--e-global-color-490351c:#155DFC;--e-global-color-361e924:#1E2B38;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;--e-global-typography-d69dd63-font-family:"Inter";--e-global-typography-ab09ddb-font-family:"Dancing Script";}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{color:#4A5565;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-kit-8 h1{color:#1A2332;font-family:"Poppins", Sans-serif;font-size:48px;font-weight:700;}.elementor-kit-8 h2{color:#1A2332;font-family:"Poppins", Sans-serif;font-size:30px;font-weight:700;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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 *//* ========================================== */
/* HEADER & MENÜ CSS - FINAL V7 - ENGERE MENÜEINTRÄGE */
/* ========================================== */

/* ---------------------------------------- */
/* 1️⃣ HAUPT-WRAPPER (Logo + Text + Menü)   */
/* ---------------------------------------- */
.chor-header-wrapper {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 1rem 1rem !important;
  background: white !important;
  width: 100% !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  gap: 2.5rem !important;
}

/* ---------------------------------------- */
/* 2️⃣ LINKE SEITE (Logo + Text)            */
/* ---------------------------------------- */
.chor-header-left {
  display: flex !important;
  align-items: center !important;
  gap: 0.8rem !important;
  flex-shrink: 0 !important;
}

/* Logo */
.chor-logo {
  width: 85px !important;
  height: auto !important;
  flex-shrink: 0 !important;
  transition: transform 0.3s ease;
}

.chor-logo:hover {
  transform: scale(1.05);
}

/* Text-Bereich */
.chor-text {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/* Vereinsname */
.chor-text h1 {
  font-family: "Inter", sans-serif !important;
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  color: #2b3442 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

/* Slogan */
.chor-slogan {
  font-family: "Dancing Script", cursive !important;
  font-weight: 600 !important;
  font-size: 1.35rem !important;
  color: #DD413C !important;
  margin: 0.25rem 0 0 !important;
  letter-spacing: 0.2px !important;
  white-space: nowrap !important;
}

/* ---------------------------------------- */
/* 3️⃣ NAVIGATION MENÜ (Rechte Seite)       */
/* ---------------------------------------- */
.chor-nav {
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
  flex-shrink: 0 !important;
}

.chor-menu {
  display: flex !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0.2rem !important;
  flex-wrap: nowrap !important;
}

.chor-menu li {
  position: relative;
}

.chor-menu a {
  display: block !important;
  padding: 0.6rem 1.2rem !important;
  font-family: "Inter", sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  color: #2b3442 !important;
  text-decoration: none !important;
  border-radius: 6px !important;
  transition: all 0.3s ease;
  white-space: nowrap !important;
}

/* TRANSPARENTER HOVER-EFFEKT */
.chor-menu a:hover {
  background-color: rgba(242, 92, 5, 0.15) !important;
  color: #2b3442 !important;
  transform: translateY(-2px);
}

/* AKTIVER MENÜPUNKT - VOLLE FARBE */
.chor-menu a.active {
  background-color: #f25c05 !important;
  color: white !important;
}

/* ---------------------------------------- */
/* 4️⃣ SUBMENU (Dropdown)                   */
/* ---------------------------------------- */
.chor-menu .has-submenu {
  position: relative;
}

.chor-menu .submenu {
  display: none;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  background: white !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  border-radius: 6px !important;
  padding: 0.5rem 0 !important;
  min-width: 200px !important;
  z-index: 1000 !important;
  list-style: none !important;
  margin: 0.5rem 0 0 !important;
}

.chor-menu .has-submenu:hover .submenu {
  display: block !important;
}

.chor-menu .submenu li {
  margin: 0 !important;
}

.chor-menu .submenu a {
  padding: 0.7rem 1.2rem !important;
  border-radius: 0 !important;
  color: #2b3442 !important;
}

.chor-menu .submenu a:hover {
  background-color: rgba(242, 92, 5, 0.15) !important;
  color: #2b3442 !important;
  transform: none !important;
}

/* ---------------------------------------- */
/* 5️⃣ MOBILE MENU TOGGLE (Hamburger)       */
/* ---------------------------------------- */
.menu-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  padding: 10px;
  background: transparent;
  border: none;
}

.menu-toggle span {
  width: 25px !important;
  height: 3px !important;
  background-color: #2b3442 !important;
  border-radius: 2px !important;
  transition: all 0.3s ease;
}

.menu-toggle.active span:nth-child(1) {
  transform: rotate(45deg) translate(7px, 7px);
}

.menu-toggle.active span:nth-child(2) {
  opacity: 0;
}

.menu-toggle.active span:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}

/* ---------------------------------------- */
/* 6️⃣ MOBILE MENU - HORIZONTAL auf iPad    */
/* ---------------------------------------- */
.mobile-menu {
  display: none;
  background: white !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
  padding: 1rem 2rem !important;
  border-radius: 8px !important;
  margin-top: 0.5rem !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.mobile-menu.active {
  display: block !important;
}

.mobile-menu-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
  justify-content: center !important;
}

.mobile-menu-list li {
  margin: 0 !important;
}

.mobile-menu-list a {
  display: block !important;
  padding: 0.6rem 1rem !important;
  color: #2b3442 !important;
  text-decoration: none !important;
  font-family: "Inter", sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  border-radius: 6px !important;
  transition: all 0.3s ease;
  white-space: nowrap !important;
}

.mobile-menu-list a:hover {
  background-color: rgba(242, 92, 5, 0.15) !important;
  color: #2b3442 !important;
}

/* ---------------------------------------- */
/* 7️⃣ RESPONSIVE (Tablet & Mobile)         */
/* ---------------------------------------- */

/* Tablet (iPad) - ab 1200px Hamburger-Menü */
@media (max-width: 1200px) {
  .chor-menu {
    display: none !important;
  }

  .menu-toggle {
    display: flex !important;
  }

  .chor-header-wrapper {
    padding: 1rem 1.5rem !important;
    gap: 1.5rem !important;
  }

  .chor-logo {
    width: 75px !important;
  }

  .chor-text h1 {
    font-size: 1.2rem !important;
  }

  .chor-slogan {
    font-size: 1.2rem !important;
  }
  
  /* Mobile-Menü horizontal auf iPad */
  .mobile-menu-list {
    flex-direction: row !important;
    justify-content: center !important;
  }
}

/* Mobile (Smartphone) - ab 768px - VERTIKAL */
@media (max-width: 768px) {
  .chor-header-wrapper {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1rem !important;
    padding: 1rem !important;
  }

  .chor-header-left {
    width: 100% !important;
    justify-content: space-between !important;
  }

  .chor-nav {
    width: 100% !important;
    justify-content: flex-end !important;
  }

  .chor-logo {
    width: 70px !important;
  }

  .chor-text h1 {
    font-size: 1.1rem !important;
    white-space: normal !important;
  }

  .chor-slogan {
    font-size: 1rem !important;
    white-space: normal !important;
  }
  
  /* Mobile-Menü vertikal auf Smartphone */
  .mobile-menu {
    padding: 1rem !important;
  }
  
  .mobile-menu-list {
    flex-direction: column !important;
    gap: 0.3rem !important;
  }
  
  .mobile-menu-list a {
    padding: 0.8rem 1rem !important;
  }
}

/* Sehr kleine Smartphones */
@media (max-width: 480px) {
  .chor-header-left {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.8rem !important;
  }

  .chor-logo {
    width: 60px !important;
  }

  .chor-text h1 {
    font-size: 1rem !important;
  }

  .chor-slogan {
    font-size: 0.95rem !important;
  }
}

/* ---------------------------------------- */
/* 8️⃣ ZUSÄTZLICHE ANPASSUNGEN              */
/* ---------------------------------------- */

html {
  scroll-behavior: smooth;
}

@media (min-width: 1201px) {
  .mobile-menu {
    display: none !important;
  }
  
  .menu-toggle {
    display: none !important;
  }
}
/* Menüpunkt "Freunde" ausblenden */
.chor-menu li a[href="/freunde/"] {
  display: none !important;
}
.chor-header-left {
  gap: 0.95remrem !important;
  margin-right: 5rem !important; /* Mindestabstand zum Menü */
}/* End custom CSS */