.navbar .navbar-brand img {
    max-height: 35px;
    /* Höhe des Logos begrenzen */
    vertical-align: middle;
}

/* Dark Mode Styles für den gesamten Body */
body.dark-mode {
    background-color: #121212;
    color: white;
}

/* Navbar im Dark Mode */
.navbar-dark-mode {
    background-color: #333 !important;
    /* Dunkler Hintergrund für die Navbar */
    color: white !important;
    /* Weiße Schriftfarbe für die Navbar */
}

/* Links in der Navbar im Dark Mode */
.navbar-dark-mode a.nav-link {
    color: white !important;
    /* Weiße Schrift für Links */
}

/* Hamburger-Menü Icon im Dark Mode */
.navbar-dark-mode .navbar-toggler {
    border-color: white !important;
    /* Weißer Rahmen für den Hamburger-Button */
}

/* Hamburger-Menü Icon */
.navbar-dark-mode .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='white' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* Offcanvas Hintergrundfarbe im Standardmodus */
.offcanvas.offcanvas-end {
    background-color: lightgray;
}

/* Offcanvas-Menü im Dark Mode */
body.dark-mode .offcanvas.offcanvas-end {
    background-color: #333 !important;
    /* Dunkler Hintergrund für das Offcanvas-Menü */
    color: white !important;
    /* Weiße Schrift im Offcanvas-Menü */
}

/* Offcanvas-Links im Dark Mode */
body.dark-mode .offcanvas .nav-link {
    color: white !important;
    /* Weiße Schrift für Offcanvas-Links */
}

/* Dark Mode Styles für Dropdown-Menüs */
body.dark-mode .dropdown-menu {
    background-color: #444 !important;
    color: white !important;
}

/* Menüeinträge im Dark Mode */
body.dark-mode .dropdown-menu .dropdown-item {
    color: white !important;
}

/* Hover-Effekt für Menüeinträge im Dark Mode */
body.dark-mode .dropdown-menu .dropdown-item:hover {
    background-color: #555 !important;
    color: white !important;
}

/* Hamburger-Button bleibt immer sichtbar */
.navbar-toggler {
    display: block !important;
}

/* Entfernt das Standard-Padding, um Flexbox anzuwenden */
.navbar {
    flex-wrap: nowrap;
}