#onlineUsers {
    color: #76c7c0;
    text-align: center;
}

body {
        background-color: #121212; /* Sehr dunkler Hintergrund */
        color: #e0e0e0; /* Heller Text */
        font-family: Arial, Helvetica, sans-serif;
    }

    .container {
        margin-top: 20px;
    }

    .table {
        margin-top: 20px;
        background-color: #1e1e1e; /* Dunkler Tabellenhintergrund */
        color: #e0e0e0; /* Heller Text */
    }

    .table thead {
        background-color: #2c2c2c; /* Dunkler Header */
        color: #ffffff; /* Weißer Text */
    }

    .weather-row {
        margin-top: 20px;
        font-weight: bold;
        text-align: center;
        color: #e0e0e0; /* Heller Text */
    }

    .footer-timestamp {
        font-size: 0.9rem;
        text-align: center;
        margin-top: 10px;
        color: #bbbbbb; /* Grauer Text */
    }

    .progress-bar {
        background-color: #5bc0de; /* Standard Fortschrittsfarbe */
    }

    .bg-success {
        background-color: #28a745 !important; /* Grün */
    }

    .bg-warning {
        background-color: #ffc107 !important; /* Gelb */
    }

    .bg-orange {
        background-color: #fd7e14 !important; /* Orange */
    }

    .bg-danger {
        background-color: #dc3545 !important; /* Rot */
    }

    a {
        color: #76c7c0; /* Hellgrüne Links */
        text-decoration: none;
    }

    a:hover {
        color: #54a89c; /* Etwas dunkleres Grün */
    }