.ub-lib-wrapper {
    width: 100%;
    overflow-x: auto;
}

.ub-lib-table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--P-Caption);
    color: var(--FAU-Col-FAU-Schwarz-90);
    background-color: var(--FAU-Col-FAU-Weiss-100);
    border: 1px solid var(--FAU-Col-FAU-Schwarz-25);
    box-sizing: border-box;
}

.ub-lib-table thead {
    background-color: var(--FAU-Col-FAU-Blau-100);
    color: var(--FAU-Col-FAU-Weiss-100);
}

.ub-lib-table th {
    text-align: left;
    font-weight: 500;
    padding: var(--Spacing-3x) var(--Spacing-2x);
}

.ub-lib-table td {
    padding: var(--Spacing-2x);
    border-top: 1px solid var(--FAU-Col-FAU-Schwarz-25);
}

/* Desktop-Ansicht: linke und rechte Spalte je 50% */
@media(min-width:769px) {
    .ub-lib-table tbody tr:nth-child(even){
        background-color: var(--FAU-Col-FAU-Schwarz-12_5);
    }

    .ub-lib-table th:first-child,
    .ub-lib-table td:first-child,
    .ub-lib-table th:last-child,
    .ub-lib-table td:last-child {
        width: 50%; /* beide Spalten gleich breit */
    }
}

.wp-block-post-content .ub-lib-table {
    padding: 0;
}
.wp-block-post-content .ub-lib-table tbody {
    border: none;
}
.wp-block-post-content .ub-lib-table tbody tr {
    background-color: transparent;
}

/* Mobile Ansicht: einspaltig + Lesbarkeit optimiert */
@media(max-width:768px) {

    .ub-lib-table thead {
        display: none;
    }
    .ub-lib-table {
        border: none;
        border-collapse: separate;
        border-spacing: 0;
        width: 100%;
    }
    .ub-lib-table tr {
        display: block;
        width: 100%;
        margin-bottom: var(--Spacing-2x); /* mehr Abstand zwischen Zeilen */
        border: 1px solid var(--FAU-Col-FAU-Schwarz-25);
        box-sizing: border-box;
        background-color: var(--FAU-Col-FAU-Weiss-100);
        padding: var(--Spacing-1x);
        border-bottom: 1px solid var(--FAU-Col-FAU-Schwarz-20); /* Trennlinie */
    }
    .ub-lib-table td {
        display: block;
        width: 100%;
        padding: var(--Spacing-2x) 0; /* oben/unten größer, links/rechts minimal */
        border: none;
        box-sizing: border-box;
    }
    .ub-lib-table td::before {
        content: attr(data-label);
        display: block;
        font-weight: 600;
        font-size: 0.9rem; /* etwas größer */
        margin-bottom: 0.35rem; /* mehr Abstand zum Wert */
        color: var(--FAU-Col-FAU-Schwarz-85); /* dunkler für bessere Lesbarkeit */
    }
}