@import url("/style/custom/onderzoek040/menu.css");

.banner {
    width: 100%;
    /* height: 300px; */
        height: clamp(9.375rem, -5.5398rem + 34.0909vw, 18.75rem);
    background: url(/style/custom/onderzoek040/images/skylineBlack.svg) bottom;
    margin-top: -14px;
    background-size: initial;
    background-repeat: no-repeat;
    opacity: 0.75;
    background-position-y: 84px;
}

#sticky-container{
    background-color: var(--default-black);
}

.btn-color, .search-filter-keywords button.selected.btn-color {
    background-color: var(--default-black) !important;
    color: var(--default-white) !important;
}


.btn-color:hover, .search-filter-keywords button.selected.btn-color:hover {
    background-color: var(--primary-red-color) !important;
}


.ac-s-container>.ac-s-input-container>input{
    background:  var(--default-white) !important;
}

.search-filter input[type='checkbox']:checked{
    accent-color: var(--primary-red-color) !important;   
}

@media screen and (max-width: 1140px) {
    .banner {
        background-size: 100% !important;
        background-position: bottom !important;
    }
}

@media screen and (max-width: 900px) {
    .b_menu-open {
        z-index: 5;
    }
}