/* Transparente Navbar für große Bildschirme */
 .custom-navbar {
      position: fixed;
      width: 100%;
      top: 0;
      transition: top 0.3s ease;
      background: rgba(0,0,0,0.1);
      background: rgba(34,34,34,0.95) 
      backdrop-filter: blur(5px);
      backdrop-filter: blur(1px);
      z-index: 1030;
    }
.custom-navbar.scrolled {
    background-color: rgba(0, 0, 0, 0.85); /* hier gewünschte Farbe */
  }

    @media (max-width: 991.98px) {
      .custom-navbar {
        background: rgba(34,34,34,0.95) !important;
        backdrop-filter: none;
      }
    }



.sticky-top {
    transition: all 0.35s ease-in;
  }
.stuck .navbar.sticky-top {
    padding-top: .7rem !important;
    padding-bottom: .7rem !important;
     margin-bottom: 0px;
  -webkit-box-shadow: 0 8px 30px -6px black;
  -moz-box-shadow: 0 8px 30px -6px black;
  box-shadow: 0 8px 30px -6px black;
  opacity:0.9;
}
@media (max-width: 991.98px) {
.stuck .navbar.sticky-top {
    padding-top: .7rem !important;
    padding-bottom: .7rem !important;
     margin-bottom: 0px;
  -webkit-box-shadow: 0 8px 30px -6px black;
  -moz-box-shadow: 0 8px 30px -6px black;
  box-shadow: 0 8px 30px -6px black;
  opacity:0.9;
}
}