/* Navigation Fix CSS */
/* Diese Datei enthält Overrides für die Navigationselemente, um sie horizontal anzuzeigen */

.navbar {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
}

.navbar-nav {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
}

.nav-item {
    float: left !important;
    display: inline-block !important;
}

/* Responsive Anpassung: Sicherstellen, dass die Navigationsleiste auch auf mobilen Geräten horizontal bleibt */
@media (max-width: 992px) {
    .navbar {
        flex-direction: row !important;
    }
    
    .navbar-nav {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
    
    .nav-item {
        margin: 5px 10px !important;
    }
}