.flex-layout.voorstellingen_grid .intro-row {
    row-gap: max(2rem, calc(5 * var(--su)));
}

.flex-layout.voorstellingen_grid .intro-row .sk-tabs-wrapper {
    margin-inline: auto;
}

.flex-layout.voorstellingen_grid .intro-row .filter-col * {
    font-size: max(1rem, calc(1.125 * var(--su)));
    font-weight: 700;
}

.flex-layout.voorstellingen_grid .intro-row .filter-col .themes-filter {
    display: flex;
    align-items: center;
    gap: max(.5rem, calc(.5 * var(--su)));
}

.flex-layout.voorstellingen_grid .intro-row .filter-col select {
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--grijs);
    border: none;
    padding: max(.5rem, calc(.5 * var(--su))) max(2rem, calc(2 * var(--su))) max(.5rem, calc(.5 * var(--su))) max(.75rem, calc(.75 * var(--su)));
    min-height: 34px;
    width: auto;
    background-repeat: no-repeat;
    background-position: calc(100% - .75rem) center;
    background-size: max(.75rem, calc(.75 * var(--su)));
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 7.4L0 1.4L1.4 0L6 4.6L10.6 0L12 1.4L6 7.4Z' fill='black'/%3E%3C/svg%3E%0A");
}

.flex-layout.voorstellingen_grid .intro-row .filter-col select:focus-visible {
    outline: none;
}

.flex-layout.voorstellingen_grid .voorstellingen-grid {
    margin-top: max(1rem, calc(1.5 * var(--su)));
    transition: opacity 0.3s ease-in-out;

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--pk-column-gap);
}

.flex-layout.voorstellingen_grid .voorstellingen-grid.ajax-loading {
    opacity: 0.6;
    pointer-events: none;
}

.flex-layout.voorstellingen_grid .voorstellingen-grid .pk-grid-container {
    gap: max(1.5rem, calc(1.5 * var(--su)));
}


@media only screen and (max-width: 992px){

    .flex-layout.voorstellingen_grid .voorstellingen-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}