/* ==== DARKMODE SETTINGS ==== */

/* Body + Grundfarben */
body.dark-mode {
    background-color: #333 !important; /* Etwas heller als die Cards */
    color: #e0e0e0 !important;
}

/* Schriftfarbe global */
body.dark-mode,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6,
body.dark-mode p,
body.dark-mode span,
body.dark-mode strong,
body.dark-mode b,
body.dark-mode label,
body.dark-mode .navbar-brand,
body.dark-mode .nav-link,
body.dark-mode .list-group-item,
body.dark-mode ul li,
body.dark-mode td,
body.dark-mode th {
    color: #ffffff !important;
}

/* Navbar */
body.dark-mode .navbar-dark {
    background-color: #1a1a1a !important;
}

body.dark-mode .navbar-brand {
    color: #ffffff !important;
}

body.dark-mode .nav-link {
    color: #ffffff !important;
}

body.dark-mode .nav-link:hover {
    color: #cccccc !important;
}

/* Buttons */
body.dark-mode .btn,
body.dark-mode .btn-darkmode {
    background-color: #333;
    color: #e0e0e0;
    border: 1px solid #555;
}

body.dark-mode .btn:hover,
body.dark-mode .btn-darkmode:hover {
    background-color: #555;
    color: #fff;
    border-color: #777;
}

/* Cards */
body.dark-mode .card {
    background-color: #1e1e1e;
    border-color: #333;
}

body.dark-mode .card-header {
    background-color: #333;
    color: #fff !important;
}

/* List Items (Ergänzung für dein Problem) */
body.dark-mode .list-group-item {
    background-color: #1e1e1e;
    border-color: #333;
    color: #ffffff !important;
}

body.dark-mode .list-group-item strong {
    color: #ffffff !important;
}

/* Tabellen */
body.dark-mode table th,
body.dark-mode table td {
    color: #e0e0e0 !important;
    background-color: #1e1e1e !important;
}

body.dark-mode table thead th {
    background-color: #333 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #2a2a2a !important;
}

/* Progressbars */
body.dark-mode .progress {
    background-color: #333;
}

body.dark-mode .progress-bar {
    background-color: #4caf50;
}

/* Links */
body.dark-mode a {
    color: #f5c518;
}

body.dark-mode a:hover {
    color: #ffd700;
}

/* Input-Felder */
body.dark-mode input[type="text"],
body.dark-mode input[type="search"],
body.dark-mode input[type="email"],
body.dark-mode input[type="password"],
body.dark-mode input[type="number"],
body.dark-mode select,
body.dark-mode textarea {
    background-color: #2a2a2a;
    color: #e0e0e0;
    border: 1px solid #555;
}

body.dark-mode input::placeholder {
    color: #bbb;
}

body.dark-mode input:focus,
body.dark-mode select:focus,
body.dark-mode textarea:focus {
    background-color: #333;
    color: #fff;
    border-color: #777;
    outline: none;
}

/* Autocomplete-Liste */
body.dark-mode #autocomplete-list {
    background-color: #1e1e1e;
    color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

body.dark-mode #autocomplete-list li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

body.dark-mode #autocomplete-list li:hover {
    background-color: #333;
}