table {
    border-collapse: collapse;margin-top:2rem;margin-bottom:2rem;width: 100%;
    table-layout: fixed;
    max-width: 100%;
    word-break: break-word;
}

td,
th {
    padding: 1em;vertical-align: top;
}



th:last-child,
td:last-child {

}

thead th {
    border-bottom: 1px solid var(--gelb);color: var(--gelb);

    font-family: 'SuisseIntl-SemiBold-WebM', sans-serif;
}
thead th p {
    margin: 0;
}
.page thead th p{
    color: var(--gelb);
    font-family: 'SuisseIntl-SemiBold-WebM', sans-serif;margin:0;
}
thead tr {
    background: transparent !important;
}
tbody th {
    font-weight: normal;
    text-align: left;
}

th a {

}

td {
    text-align: left;
}

td:nth-child(3) {
    text-align: left;
}
tr:nth-child(2n+1)  {
    background: var(--grau);
}

.archivitem:nth-child(2n+1) tr:nth-child(2n+1){
    background: var(--dunkelgrau);
}
.referenz-archivitem:nth-child(2n+1) tr:nth-child(2n+1)  {
    background: var(--grau);
}

@media screen and (max-width: 42em) {
    thead {
        display: none;
    }
    tr:first-child {
        border-top: 1px solid var(--gelb);
    }
    tr {
        border-bottom: 1px solid var(--gelb);
        padding: .5em 2em 1em;
    }
    tbody td::before {
        /*content: attr(resp-attr) ': ' !important;*/
        width: 100%;
        display: block;
        color: var(--gelb);
        position: inherit;
        left: 0rem;
    }
    table,
    tbody,
    tr {
        display: block;
    }
    tbody th {
        display: block;
        font-weight: bold;
    }
    th a {
        font-weight: normal;
    }
    td {
        display: inline-block;
        min-width: 30%;
        padding: .2em 0em;
        text-align: left;
        position: relative;
    }
    td:nth-child(3) {
        text-align: left;
    }
}

@media screen and (max-width: 33em) {
    td {
        display: block;
    }
    tr {
        padding: .5em .5em 1em;
    }
}