
table.dataTable {
    padding-top: 1em;
    border: none !important;
}

table.dataTable thead tr{
    font-family: 'IBrand', sans-serif;
}

table.dataTable thead tr th{
    background-color: var(--white);
    color: var(--dark-grey);
    border-bottom: 0.1em solid var(--dark-white);
    border-top: 0.1em solid var(--dark-white);
}

table.dataTable thead tr th:first-child{
    border-radius: 1em 0 0 0;
    border-top: 0.1em solid var(--dark-white);
    border-right: 0;
    border-left: 0.1em solid var(--dark-white);
}

table.dataTable thead tr th:last-child{
    border-radius: 0 1em 0 0;
    border-top: 0.1em solid var(--dark-white);
    border-right: 0.1em solid var(--dark-white);
    border-left: 0;
}

table.dataTable tbody tr.even {
    background-color: var(--white);
    color: var(--dark-grey);
}

table.dataTable tbody tr td:first-child {
    border-left: 0.1em solid var(--dark-white);
}

table.dataTable tbody tr td:last-child {
    border-right: 0.1em solid var(--dark-white);
}

table.dataTable tbody tr.odd {
    background-color: var(--mid-white);
    color: var(--dark-grey);
    border: 0.1em solid var(--dark-white);
}

table.dataTable tbody tr:hover {
    background-color: var(--dark-white);
    border: 0.1em solid var(--dark-white);
}

table.dataTable tbody:last-child tr:last-child td {
    border-bottom: 0.1em solid var(--dark-white);
}

table.dataTable tbody:last-child tr:last-child td:first-child {
    border-left: 0.1em solid var(--dark-white);
    border-bottom: 0.1em solid var(--dark-white);
    border-right: 0;
    border-top: 0;
    border-radius: 0 0 0 1em;
}

table.dataTable tbody:last-child tr:last-child td:last-child {
    border-left: 0;
    border-bottom: 0.1em solid var(--dark-white);
    border-right: 0.1em solid var(--dark-white);
    border-top: 0;
    border-radius: 0 0 1em 0;
}

table td {
    border: 0;
}

/*----------------------------------------------------------------------------------------*/

table {
    width: 100%;
    padding-top: 1em;
    border: none !important;
}

table thead tr{
    font-family: 'IBrand', sans-serif;
}

table thead tr th{
    background-color: var(--white);
    color: var(--dark-grey);
    border-bottom: 0.1em solid var(--dark-white);
    border-top: 0.1em solid var(--dark-white);
}

table thead tr th:first-child{
    border-radius: 1em 0 0 0;
    border-top: 0.1em solid var(--dark-white);
    border-right: 0;
    border-left: 0.1em solid var(--dark-white);
}

table thead tr th:last-child{
    border-radius: 0 1em 0 0;
    border-top: 0.1em solid var(--dark-white);
    border-right: 0.1em solid var(--dark-white);
    border-left: 0;
}

table tbody tr.even {
    background-color: var(--white);
    color: var(--dark-grey);
}

table tbody tr td:first-child {
    border-left: 0.1em solid var(--dark-white);
}

table tbody tr td:last-child {
    border-right: 0.1em solid var(--dark-white);
}

table tbody tr.odd {
    background-color: var(--mid-white);
    color: var(--dark-grey);
    border: 0.1em solid var(--dark-white);
}

table tbody tr:hover {
    background-color: var(--dark-white);
    border: 0.1em solid var(--dark-white);
}

table tbody:last-child tr:last-child td {
    border-bottom: 0.1em solid var(--dark-white);
}

table tbody:last-child tr:last-child td:first-child {
    border-left: 0.1em solid var(--dark-white);
    border-bottom: 0.1em solid var(--dark-white);
    border-right: 0;
    border-top: 0;
    border-radius: 0 0 0 1em;
}

table tbody:last-child tr:last-child td:last-child {
    border-left: 0;
    border-bottom: 0.1em solid var(--dark-white);
    border-right: 0.1em solid var(--dark-white);
    border-top: 0;
    border-radius: 0 0 1em 0;
}

table td {
    border: 0;
}

/*----------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------*/
/* Seitenwechsel buttons */

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    border: 0.1em solid var(--light-grey) !important;
    border-radius: 10em !important;
    background: var(--white) none !important;
    color: var(--dark-grey)
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border-radius: 10em !important;
    background: var(--white) none !important;
    cursor: default;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border-radius: 1em !important;
    background: var(--dark-grey) none !important;
    color: var(--white) !important;
}

.dataTables_wrapper .dataTables_paginate a.paginate_button.disabled {
    color: var(--dark-white) !important;
}

.dataTables_wrapper .dataTables_paginate a.paginate_button.disabled:hover {
    color: var(--dark-white) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    color: var(--white) !important;
    border: none;
    background: var(--white) none !important;
}

/*----------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------*/
/* Suche */

.dataTables_wrapper .dataTables_filter input {
    border: 0.1em solid var(--dark-white);
    border-radius: 1em !important;
    padding: 0.5em !important;
}

.dataTables_wrapper .dataTables_filter input:focus {
    outline: none;
    box-shadow: 0 0 0 0.1rem var(--highlight-color);
    border-color: var(--highlight-color);
}

/*----------------------------------------------------------------------------------------*/
/* Zeilen */

.dataTables_wrapper .dataTables_length select {
    border: 0.1em solid var(--dark-white);
    border-radius: 1em !important;
    padding: 0.5em !important;
}

/*----------------------------------------------------------------------------------------*/

.table-header{
    align-items: center;
    align-content: center;
}

.table-header .table-header-ident-short-form{
    color: var(--light-grey);
    font-size: 0.9em;
    font-weight: 500;
}


/*-------------Smartphone-------------*/
@media screen and (max-width: 500px) {
    .dataTables_wrapper .dataTables_length {
        display: none;
    }
}