/* ------------------------------------------------------------------
   Header-Anpassung an das Logo "Jagdschule Rhinluch"
   Farben direkt aus der Logo-Datei entnommen:
     Creme      #F6F2DE  (Himmel-/Schriftflaeche im Emblem)
     Dunkelgruen#253313  (Schriftzug "Rhinluch")
     Oliv       #5E6B29  (Hover)
   Grund: Auf dem alten #2D2D2D hatte der Schriftzug "Rhinluch"
   nur 1,02:1 Kontrast und war praktisch unsichtbar.
   ------------------------------------------------------------------ */

.navbar.home__nav,
.navbar.home__nav.menufixcustom {
  background-color: #F6F2DE !important;
}

/* Navigation dunkelgruen statt weiss */
.navbar.home__nav .navbar-collapse .nav-link,
.navbar.home__nav .navbar-nav .nav-link,
.navbar.home__nav .navbar-nav .nav-item .nav-link,
.navbar.home__nav .navbar-nav .dropdown-toggle {
  color: #253313 !important;
}

.navbar.home__nav .navbar-nav .nav-link:hover,
.navbar.home__nav .navbar-nav .nav-link:focus,
.navbar.home__nav .navbar-nav .nav-item.show > .nav-link {
  color: #5E6B29 !important;
}

/* Hamburger: helles Icon waere auf Creme unsichtbar */
.navbar.home__nav .navbar-toggler {
  border-color: rgba(37, 51, 19, .30) !important;
}
.navbar.home__nav .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2837,51,19,0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* ------------------------------------------------------------------
   Dropdown "Jagdschule" — lag noch auf dem alten #2D2D2D
   (Regel .navbar .dropdown-item). Hier auf die Logo-Palette gezogen.
   ------------------------------------------------------------------ */

.navbar.home__nav .dropdown-menu {
  background-color: #F6F2DE;
  border: 0;
  border-top: 2px solid #5E6B29;
  box-shadow: 0 12px 18px rgba(37, 51, 19, .14);
}

.navbar.home__nav .dropdown-item {
  background-color: transparent;
  color: #253313;
}

.navbar.home__nav .dropdown-item:hover,
.navbar.home__nav .dropdown-item:focus {
  background-color: #E7E1C4;
  color: #253313;
}

.navbar.home__nav .dropdown-item.active,
.navbar.home__nav .dropdown-item:active {
  background-color: #5E6B29;
  color: #F6F2DE;
}

/* ------------------------------------------------------------------
   Mobile Telefonleiste: sanft einblenden statt springen.
   main.js schaltet #navbartops zwischen top:-70px und top:0, und
   .menufixcustom schiebt die Navbar unter 991px um 50px nach unten —
   beides bisher ohne Uebergang, deshalb der harte Sprung.
   ------------------------------------------------------------------ */

.header_phone_mobile,
.navbar.hM-nav {
  transition: top .38s cubic-bezier(.22, .61, .36, 1),
              opacity .28s ease;
}

/* Zusaetzliches Einblenden. Faellt in Browsern ohne :has() sauber weg
   (Regel wird dann ignoriert) — das Gleiten bleibt in jedem Fall. */
body:not(:has(#header-lower.menufixcustom)) .header_phone_mobile {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  .header_phone_mobile,
  .navbar.hM-nav { transition: none; }
}

/* ------------------------------------------------------------------
   Footer-Logo.
   Der Footer ist #2D2D2D — dort wuerde der dunkelgruene Schriftzug
   genauso verschwinden wie zuvor im Header. Deshalb kommt hier die
   Negativ-Variante logo-rhinluch-hell.svg zum Einsatz: identisches
   Emblem, nur die Wortmarke "Rhinluch" auf Cremetoene aufgehellt.
   ------------------------------------------------------------------ */

.footer .footer__brand {
  margin-bottom: 54px;
}

.footer .footer__brand img {
  height: 110px;
  width: auto;
  display: block;
}

@media (max-width: 991px) {
  .footer .footer__brand {
    margin-bottom: 38px;
  }
  .footer .footer__brand img {
    height: 88px;
  }
}