#connectionStatus {
    position: fixed;
    top: 180px;
    left: 120px;
    transform: translateX(-50%);
    background-color: #4caf50; /* Grün für erfolgreich */
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    font-family: Arial, sans-serif;
    font-size: 18px;
    display: none; /* Standardmäßig ausgeblendet */
    z-index: 1000;
}

/* Rot für fehlgeschlagene Verbindung */
#connectionStatus.error {
    background-color: #f44336;
}


/* Grüne Farbe für den Punkt bei erfolgreicher Verbindung */
#connectionStatus:not(.error)::before {
    color: #4caf50; /* Grün */
}

/* Rote Farbe für den Punkt bei fehlgeschlagener Verbindung */
#connectionStatus.error::before {
    color: #f44336; /* Rot */
}