/* Container, um die Tabelle bei Bedarf zu zentrieren */
.table-container {
    display: flex;
    justify-content: center; /* Horizontale Zentrierung der Tabelle auf der Seite */
    width: 100%;
}

/*
 * Klasse: tableHome
 * Enthält die meisten Formatierungen für die Tabelle.
 */
.tableHome {
	tr {
    /* Gitternetzlinien: schmal und hellgrau */
    border-collapse: collapse; /* Damit sich die Zellränder überlappen und schmal sind */
    border: 1px solid #555; /* Rahmen um die gesamte Tabelle */
    }    
     max-width: 900px;; /* Beispielbreite, kann angepasst werden */
    /* Hintergrund der Tabelle ist durchsichtig (standardmäßig der Fall, aber explizit gesetzt) */
    background-color: transparent;
	}
}

/* Formatierung für alle Zellen (td) */
.tableHome td {
    border: 1px solid #ccc; /* Schmale, hellgraue Gitternetzlinien */
    padding: 10px;
    /* Vertikale Zentrierung aller Elemente (zentriert den Inhalt jeder Zelle) */
    vertical-align: middle;
    height: 100px; /* Stellt sicher, dass die Zeilen hoch genug für das Bild sind */
}

/* Spalte 1: Warum, Wohin, Was, Wie */
.tableHome .col1 {
/*     font-size: 1.5em; /* Grössere Buchstaben */ */
    color: lime; /* Grüne Schrift */
    text-align: right; /* Rechtsbündig */
    /* font-weight: bold; /* Optional: für bessere Sichtbarkeit */
    /* text-transform: uppercase; /* Optional: stellt sicher, dass alles GROSS ist, auch wenn im HTML klein geschrieben */
    width: 10%; /* Beispielbreite */
    white-space: nowrap; /* Verhindert Zeilenumbruch der Wörter */
}

/* Spalte 2 und 4: schmal und leer */
.tableHome .narrow {
    width: 10px; /* Sehr schmal */
    padding: 0; /* Kein Padding, um es schmal zu halten */
}

/* Spalte 3: Bild */
.tableHome .col3 {
    width: 100px; /* Genau die Breite des Bildes */
    padding: 0; /* Reduziert Padding für die Bildzelle */
    text-align: center; /* Horizontale Zentrierung des Bildes in der Zelle */
}

/* Bild-Formatierung (150 * 150 Pixel Grösse) */
.tableHome img {
    width: 100px;
    height: 100px;
    display: block; /* Entfernt möglichen zusätzlichen Platz unter dem Bild */
}

/* Spalte 5: erklärender Text */
.tableHome .col5 {
    color: white; /* Schriftfarbe Weiss */
    text-align: left; /* Linksbündig */
    font-size: 1em; /* Normale Schriftgröße (Standard) */
    width: auto; /* Nimmt den restlichen Platz ein */
}