body {

/*  background-color: yellow; */
.btn-outline-primary {
--bs-btn-hover-color: #f77f00;
--bs-btn-hover-bg: transparent;
--bs-btn-hover-border-color: #e77f00;
  }

/* Ändert die Hintergrundfarbe */
.nav-item:hover {
    background-color: #ff0000; /* Rot */
}

/* Ändert die Schriftfarbe */
.nav-item:hover a {
    color: #ffffff; /* Weiß */
}

/* Farbe und Hintergrund beim Drüberfahren ändern */
.nav-link:hover {
    color: #ff0000 !important; /* Text rot */
    background-color: #f0f0f0; /* Hellgrauer Hintergrund */
    text-decoration: underline;
}

/* Öffnet das Dropdown-Menü beim Hover auf Desktop-Geräten */
@media (min-width: 992px) {
    .dropdown:hover > .dropdown-menu {
        display: block;
        margin-top: 0; /* Verhindert Lücken zwischen Menü und Dropdown */
    } 
  
}