/* ---------------------------------
   Logo-Animation (wie gehabt)
----------------------------------*/
.site-header .navbar-brand img {
  max-height: 250px;
  transition: transform .3s ease;
  transform-origin: top center;
}
.site-header .navbar-brand.shrink img {
  transform: scale(.5) !important;
}

/* ---------------------------------
   Header-Hintergrund + Schatten
----------------------------------*/
.site-header {
  background: transparent;
  transition: background .3s ease, box-shadow .3s ease;
}
.site-header.scrolled {
  box-shadow: inset 0 40px 20px rgb(213 207 180);
}

/* ---------------------------------
   Overlay-Navigation (nur < lg)
----------------------------------*/
@media (max-width: 991.98px) {
  .mobile-overlay {
    position: absolute;
    top: 100%;            /* direkt unter der Navbar */
    left: 0;
    width: 100%;
    background: #fff;     /* oder var(--bs-body-bg) */
    z-index: 1050;        /* über Content */
    padding: 1rem 0;
  }
  /* sorgt dafür, dass .collapse-Animation sichtbar bleibt */
  .mobile-overlay.collapsing,
  .mobile-overlay.show {
    display: block;
  }
}

/* ---------------------------------
   Desktop-Feinschliff
----------------------------------*/
@media (min-width: 992px) {
  .navbar-nav.me-auto > .nav-item,
  .navbar-nav.ms-auto > .nav-item {
    margin: 0 0.5rem;
  }
}