/* Dark Mode CSS */
body.dark-mode {
    background-color: #121212;
    color: #e0e0e0;
    font-family: 'Arial', sans-serif;
}
label, h1, h2, h3, h4, h5, h6, p {color:#fff;}
/* Karten und Container */
.card.dark-mode, .container.dark-mode, .dark-mode .container {
    background-color: #000;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    padding: 20px;
}

/* Navigation */
.navbar.dark-mode {
    background-color: #1a1a1a!important;
    border-bottom: 1px solid #333;
}

.navbar.dark-mode .navbar-brand,
.navbar.dark-mode .nav-link {
    color: #e0e0e0;
}

.navbar.dark-mode .nav-link:hover {
    color: #ffffff;
}

.navbar.dark-mode .dropdown-menu {
    background-color: #2a2a2a;
    border-color:
}

/* Footer */
footer.dark-mode, footer.dark-mode .container {
    background-color: #000;
    color: #fff;
    font-size: 0.875rem;
    padding: 20px 0;
    text-align: center;
}

footer.dark-mode a {
    color: #fff;
    text-decoration: none;
}

footer.dark-mode a:hover {
    color: #ccc;
}