/* Server-Container */
.serverstatus_server {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0.5px 0.5px 1px 0.5px rgba(0, 0, 0, 0.3);
    margin-top: 10px;
}

.serverstatus_server-liste {
	margin-top: 20px;
}

/* Server-Überschrift */
.serverstatus_server h2 {
    font-size: 1.5rem;
    color: #333;
	margin: 0;
}

/* Gemeinsame Abschnitte */
.status-section,
.ssl-section,
.setup-section {
    margin-bottom: 15px;
}

.status-section h3,
.ssl-section h3,
.setup-section h3,
.error-section h3,
.update-section h3 {
    font-size: 1.2rem;
    color: #333;
}

/* Einrückung für den Inhalt der Abschnitte */
.status-section p,
.ssl-section p,
.serverstatus_setup p,
.update-section p,
.serverstatus_errors {
    padding-left: 10px; /* 15px Einrückung für den Inhalt */
}

/* Status Farben */
.serverstatus_serverstatus_online {
    font-weight: bold;
    padding: 5px;
    border-radius: 4px;
    color: #28a745;
    background-color: #e0f7e0;
}

.serverstatus_serverstatus_partial {
    font-weight: bold;
    padding: 5px;
    border-radius: 4px;
    color: #ffc107;
    background-color: #fff3cd;
}

.serverstatus_serverstatus_offline {
    font-weight: bold;
    padding: 5px;
    border-radius: 4px;
    color: #dc3545;
    background-color: #f8d7da;
}

.serverstatus_serverstatus_critical {
    font-weight: bold;
    padding: 5px;
    border-radius: 4px;
    color: #721c24;
    background-color: #f5c6cb;
}

.serverstatus_serverstatus_offline,
.serverstatus_serverstatus_partial,
.serverstatus_serverstatus_critical {
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* SSL-Warnung */
.serverstatus_ssl-warning {
    font-size: 0.9rem;
    color: #dc3545;
    margin-top: 10px;
    padding-left: 15px; /* Einrückung auch hier */
}

/* Fehler */
.serverstatus_errors {
    /* padding-left: 15px; */
}

.serverstatus_errors ul {
    list-style-type: none;
    padding-left: 0;
}

.serverstatus_errors li {
    color: #dc3545;
    font-size: 1.1rem;
}

.serverstatus_setup p {
    margin: 5px 0;
    font-size: 16px;
}

.serverstatus_setup strong,
.ssl-section strong {
    /* font-weight: bold; */
	color: #333;
}

/* SSL-Zertifikat */
.ssl-section {
}

.ssl-status {
    font-weight: bold;
    font-size: 1.1rem;
    margin-bottom: 5px;
}

.ssl-status.valid {
    color: #28a745;
    background-color: #e0f7e0;
    padding: 5px;
    border-radius: 4px;
}

.ssl-status.expired {
    color: #dc3545;
    background-color: #f8d7da;
    padding: 5px;
    border-radius: 4px;
}

/* Ablaufdatum */
.ssl-section p {

}

/* Media Query für mobile Geräte */
@media (max-width: 768px) {
    .serverstatus_server {
        flex: 0 1 100%; /* Auch auf mobilen Geräten 100% Breite */
    }

    .ssl-status {
        font-size: 1rem; /* Etwas kleinere Schrift auf mobilen Geräten */
    }

    .ssl-section p {
        font-size: 0.9rem; /* Etwas kleinere Schrift auf mobilen Geräten */
    }
}