@media (max-width: 673px) {
    .bookingTable {
      display: none;
    }

    .bookinglist {
      display: block;
    }

    .bookinglistItem {
        padding: 10px 20px 10px 20px;
        background-color: var(--text-color3);
        border-radius: var(--border-radius);
        margin: 20px;
    }

    .bookinglistItemHeader {
        text-align: center;
    }

    .bookinglistItemBody {
        text-align: left;        
    }
}

/* Responsive Anpassungen für Sortierpfeile */
@media (max-width: 768px) {
    .sortable th {
        padding-right: 25px;
    }

    .sort-icon {
        font-size: 16px;
    }
}