.grid-table {
    border-collapse: collapse; 
    width: 100%;
    table-layout: fixed; /* Erzwingt gleich breite Spalten */
}
.grid-table td {
    padding: 12px;
    cursor: pointer;
    text-align: center;
}
/* Hover-Effekt */
.grid-table td:hover {
    background-color: #eee;
    color: #C00000;
    font-weight: bold;
}
/* Responsive: Auf sehr kleinen Handys nur 1 Spalte */
@media (max-width: 480px) {
    .grid-table td {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
}