.adresses {
    display: flex;
    flex-direction: row;
    font-size: clamp(0.5rem, 0.3125rem + 0.8333vw, 0.9375rem);
    overflow-x: auto;
    overflow-y: auto;
}
#adressbuch {
    height: min-content;
    min-width: 100dvw;
}
thead, th {
     background-color:  var(--color_th);
     color: var(--color_th_font);
     position: sticky;
     top: 0;
}
tbody {
    background-color: var(--color_bg);
}
th, td {
    padding: 1vw 1vh;
    text-align: left;
    text-wrap: nowrap;
}
table {
    font-size: 3vh;
    min-width: 100%;
    table-layout: fixed;
}
table, th, tr {
    border-bottom: 1px solid var(--color_bg_font);
    border-collapse: collapse;
}
.adressRow {
    line-height: 2dvh;
    background-color: rgb(214, 255, 222);
}
.adressRow:nth-child(2n) {
    background-color: var(--color_bg);
    
}
.adressRow:hover, .adressRow:nth-child(2n):hover {
    background-color: var(--color_hover_font);
}

.empty, .empty:hover, .empty:nth-child(2n), .empty:nth-child(2n):hover {
    background-color: var(--color_bg);
    border: 1px solid grey;
}
.empty > td {
    text-align: center;
}
.arrow {
    position: relative;
    visibility: hidden;
    right: 0;
    top: 0.5vh;
    fill: var(--color_th_font);
}
th:hover .arrow, th:hover {
    fill: var(--color_bg);
    color: var(--color_bg);
}
.up {
    display: inline-table;
}
.down {
   display: none;
}