/* Container, um die Tabelle bei Bedarf zu zentrieren */
.table-sim {
    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.
 */
.tableSim{
	tr {
    /* Gitternetzlinien: schmal und hellgrau */
    border-collapse: collapse; /* Damit sich die Zellränder überlappen und schmal sind */
    border: 0px 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) */
.tableSimtd {
    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 3: Bild */
.tableSim.col3 {
    width: 180%; /* 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) */
.tableSim img {
    width: 180px;
    height: 120px;

}

/* Spalte 5: erklärender Text */
.tableSim .col5 {
    color: hsl(0, 0%, 60%);
    text-align: left; /* Linksbündig */
  font-size: 1.1em; /* Normale Schriftgröße 1 em */
    width: auto; /* Nimmt den restlichen Platz ein */
}