.table-filter {
    display: flex; /* Aktiver Flexbox */
    flex-wrap: wrap; /* Tillat at elementer brytes på mindre skjermer */
    gap: 1rem; /* Avstand mellom elementene */
}

.table-filter .diablokk-select {
    flex: 1 1 calc(33.333% - 1rem); /* Lik bredde for hver boks */
    min-width: 150px; /* Minimumsbredde for boksene */
}

@media (max-width: 768px) {
    .table-filter .diablokk-select {
        flex: 1 1 100%; /* Full bredde på mindre skjermer */
    }
}