/* Hauptbereich mit Hintergrundbild */
#main-index {
    display: flex; /* Setzt Flexbox für den Container */
    flex-direction: column; /* Vertikale Anordnung der Kinder */
    justify-content: flex-start; /* Beginnt die Inhalte am Anfang des Containers */
    align-items: center; /* Zentriert die Inhalte horizontal */
    background-image: url('image/cockpit.jpg');
    background-size: cover; /* Stellt sicher, dass das Bild den Container vollständig abdeckt */
    background-position: center center; /* Zentriert das Bild */
    background-repeat: no-repeat; /* Kein wiederholen des Bildes */
    color: #2c3e50;
    padding-top: 150px; /* Abstand nach oben für die Tabelle */
    min-height: 1100px; /* Festgelegte Höhe des Containers */
}

/* Login-Tabelle */
.login-table {
    margin-top: 150px; /* Abstand nach oben zusätzlich zum Padding des Containers */
    background-color: #f0f0f0;
    border-collapse: collapse;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    width: auto; /* Breite der Tabelle automatisch nach Inhalt */
    table-layout: auto;
}

.login-table th, .login-table td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    color: #2c3e50;
    white-space: nowrap;
}