/* Rehasport Zentrum Suhl | Anthrazit-Navigation + anthrazitfarbene USP-Leiste
   Stand: 01.11.2026 | gemeinsame Palette fuer alle 20 Seiten.
   Der USP-Streifen und die Hero-Farbkorrektur betreffen ausschliesslich die Startseite.
   Die Regeln stehen als letztes Stylesheet und ueberschreiben aeltere Farbvarianten. */
body.reha-unified {
  --reha-header-anthracite: #161a1d;
  --reha-header-text: #f7f8f5;
  --reha-header-accent: #8bbe26;
  --reha-usp-start: #1b2023;
  --reha-usp-mid: #1c2124;
  --reha-usp-end: #22272a;
}

/* Hauptnavigation, Sticky-Zustand und Unterseiten konsequent anthrazit. */
body.reha-unified .main-header.header-style-five,
body.reha-unified .header-style-five .header-lower,
body.reha-unified .header-style-five .header-lower[style],
body.reha-unified .header-style-five .reha-sticky-header,
body.reha-unified .header-style-five .reha-sticky-header.fixed-header {
  background: var(--reha-header-anthracite) !important;
  box-shadow: 0 4px 16px rgba(10,15,16,.14) !important;
}
body.reha-unified .header-style-five .main-box .nav .navigation > li > a,
body.reha-unified .header-style-five .reha-sticky-header .main-menu .navigation > li > a {
  color: var(--reha-header-text) !important;
}
body.reha-unified .header-style-five .main-box .nav .navigation > li.current > a,
body.reha-unified .header-style-five .main-box .nav .navigation > li > a:hover,
body.reha-unified .header-style-five .main-box .nav .navigation > li > a:focus-visible,
body.reha-unified .header-style-five .reha-sticky-header .main-menu .navigation > li.current > a,
body.reha-unified .header-style-five .reha-sticky-header .main-menu .navigation > li > a:hover,
body.reha-unified .header-style-five .reha-sticky-header .main-menu .navigation > li > a:focus-visible {
  color: var(--reha-header-accent) !important;
}
body.reha-unified .header-style-five .main-box .nav .navigation > li > a::before,
body.reha-unified .header-style-five .reha-sticky-header .main-menu .navigation > li > a::before,
body.reha-unified .header-style-five .main-box .nav .navigation > li.current > a::after,
body.reha-unified .header-style-five .reha-sticky-header .main-menu .navigation > li.current > a::after {
  background: var(--reha-header-accent) !important;
}
/* Telefonnummer und Telefonsymbol wieder im hellen CI-Gruen. */
body.reha-unified .home-header-phone,
body.reha-unified .reha-sticky-header .sticky-phone,
body.reha-unified .home-header-phone:focus-visible,
body.reha-unified .reha-sticky-header .sticky-phone:focus-visible {
  color: var(--reha-header-accent) !important;
}
body.reha-unified .home-phone-icon,
body.reha-unified .reha-sticky-header .home-phone-icon {
  color: var(--reha-header-accent) !important;
  border-color: rgba(139,190,38,.38) !important;
  background: rgba(139,190,38,.075) !important;
}
body.reha-unified .header-style-five .mobile-nav-toggler.home-header-menu-toggle,
body.reha-unified .header-style-five .reha-sticky-header .mobile-nav-toggler {
  color: var(--reha-header-accent) !important;
  border-color: rgba(139,190,38,.38) !important;
  background: rgba(139,190,38,.075) !important;
}
body.reha-unified .home-header-phone:hover,
body.reha-unified .reha-sticky-header .sticky-phone:hover {
  color: #fff !important;
}

/* Vier Alleinstellungsmerkmale unter dem grossen Startseiten-Hero.
   Hochwertiges Anthrazit statt abweichendem dunkelgruenem Verlauf. */
body.home-redesign.reha-unified .home-benefits {
  background: linear-gradient(110deg,var(--reha-usp-start) 0%,var(--reha-usp-mid) 57%,var(--reha-usp-end) 100%) !important;
  border-bottom: 1px solid rgba(255,255,255,.09) !important;
  box-shadow: 0 9px 24px rgba(18,24,26,.14) !important;
}
body.home-redesign.reha-unified .home-benefit {
  border-right-color: rgba(255,255,255,.16) !important;
  border-top-color: rgba(255,255,255,.16) !important;
  border-bottom-color: rgba(255,255,255,.16) !important;
}
body.home-redesign.reha-unified .home-benefit-icon {
  background: #eef3e9 !important;
  color: #59820c !important;
  border: 1px solid rgba(255,255,255,.70) !important;
  box-shadow: 0 3px 12px rgba(20,46,14,.10);
}
body.home-redesign.reha-unified .home-benefit .home-benefit-title {
  color: #ffffff !important;
}
body.home-redesign.reha-unified .home-benefit p:not(.home-benefit-title) {
  color: #d2dcd8 !important;
}
/* Beibehaltene 4/2/1-Spalten-Anordnung, saubere Trennlinien. */
@media (min-width: 1101px) {
  body.home-redesign.reha-unified .home-benefit:last-child { border-right: 0 !important; }
}
@media (min-width: 640px) and (max-width: 1100px) {
  body.home-redesign.reha-unified .home-benefit:nth-child(2),
  body.home-redesign.reha-unified .home-benefit:nth-child(4) { border-right: 0 !important; }
}
@media (max-width: 639.98px) {
  body.home-redesign.reha-unified .home-benefit { border-right: 0 !important; }
  body.home-redesign.reha-unified .home-benefit:last-child { border-bottom: 0 !important; }
}


/* 01.11.2026 | Korrektur der Startseiten-Hero-Inszenierung
   Vorher: bereits stark aufgehelltes Foto + breiter milchiger Verlauf.
   Jetzt: hochwertig farbkorrigierte Originalaufnahme, neutraler heller
   Textbereich und rechts ungestoert sichtbare Haut- und Gruentoene. */
body.home-redesign.reha-unified .home-hero {
  background-color: #f5f7f2 !important;
  background-image:
    linear-gradient(90deg,
      #f5f7f2 0%,
      #f5f7f2 24%,
      rgba(245,247,242,.99) 36%,
      rgba(245,247,242,.93) 43%,
      rgba(245,247,242,.67) 52%,
      rgba(245,247,242,.21) 63%,
      rgba(245,247,242,0) 75%),
    url('../images/banner/rehasport-header-premium.jpg') !important;
  background-size: cover !important;
  background-position: center, 64% 44% !important;
  background-repeat: no-repeat !important;
}
/* Die globale Eyebrow-Regel setzt an anderer Stelle Weiss !important.
   Auf dem hellen Hero wird der Kicker bewusst dunkel und lesbar. */
body.home-redesign.reha-unified .home-hero .home-eyebrow--light {
  color: #24312a !important;
  text-shadow: none !important;
}
body.home-redesign.reha-unified .home-hero .home-eyebrow--light::before {
  background: #8bbe26 !important;
}
body.home-redesign.reha-unified .home-hero h1 {
  color: #1e2927 !important;
  text-shadow: none !important;
}
body.home-redesign.reha-unified .home-hero h1 span { color: #79ad16 !important; }
body.home-redesign.reha-unified .home-hero-description {
  color: #384740 !important;
  text-shadow: none !important;
}
body.home-redesign.reha-unified .home-hero-more { color: #1e2927 !important; }
body.home-redesign.reha-unified .home-hero-more:hover { color: #527b13 !important; }
@media (min-width: 640px) and (max-width: 839.98px) {
  body.home-redesign.reha-unified .home-hero {
    background-image:
      linear-gradient(90deg,
        #f5f7f2 0%, rgba(245,247,242,.95) 32%,
        rgba(245,247,242,.72) 51%,
        rgba(245,247,242,.14) 80%),
      url('../images/banner/rehasport-header-premium.jpg') !important;
    background-position: center, 66% center !important;
  }
}
@media (max-width: 639.98px) {
  body.home-redesign.reha-unified .home-hero {
    background-image:
      linear-gradient(0deg,
        rgba(245,247,242,.985) 0%,
        rgba(245,247,242,.97) 31%,
        rgba(245,247,242,.88) 49%,
        rgba(245,247,242,.43) 72%,
        rgba(245,247,242,.02) 100%),
      url('../images/banner/rehasport-header-premium.jpg') !important;
    background-position: center, 63% center !important;
  }
}