.headerSlider h1{
    font-size: var(--headerSizeH2);
}

.sliderSection{
    height:10dvh;
    max-height:700px;
    min-height:calc(var(--headerHeight) + 80px);
}
.sliderSection::after {
    display:none;
}
.sliderSection .headerCarouselFader{
    height:100%;
}
.sliderSection .carousel::after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color: rgb(0 0 0 / 80%);
    z-index: 10;
}
.sliderSection::after{
    background-color:var(--themeGrey);
}

@media screen and (max-width: 1024px){   
    .sliderSection{
        /* height:100dvh; */
        /* max-height:100dvh; */
        top: var(--headerHeight);
    } 
    .sliderSection .headerCarouselFader{
        margin-top:0;
        /* height: calc(100% - 50px); */
        /* padding-bottom: 26px !important; */
    }
}


.oplossingItemHolder{
    --columns: 2;
    --gap: 2rem;
    display: grid;
    grid-template-columns: repeat(var(--columns),1fr);
    grid-gap: var(--gap);
}
.oplossingItem{
    position: relative;
    width: 100%;
    overflow:hidden;
    background-color: #fff;
    display: inline-flex;
    align-items: flex-start;
}
.oplossingItem .imageHolder{
    z-index:0;
    transition:all .2s ease-in-out;
}
.oplossingItem:hover .imageHolder{
    transform: scale(1.03);
}
.oplossingItem .imageHolder::after {
    z-index: 1;
    content: '';
    background: linear-gradient(0deg, rgb(0 0 0 / 84%) 0%, rgb(0 0 0 / 67%) 35%, rgb(0 0 0 / 23%) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition:all .2s ease-in-out;
}
.oplossingItem .oplossingContent{
    z-index: 2;
    width: 100%;
    padding: 2rem;
    transition:all .2s ease-in-out;
    background-color: white;
}
.oplossingItem .oplossingContent h2{
    
}

.breadcrumb{
    border-bottom:0;
}


@media screen and (max-width:1024px){
    .oplossingItemHolder{
        --columns:2;
        padding: var(--gap);
        grid-gap: var(--gap);
    }

    .overview-filterBar .searchHolder input {
        padding-top: 4px;
        padding-bottom: 4px;
    }
}
@media screen and (max-width:769px){
    .oplossingItemHolder{
        --columns: 1;
        --gap: 15px;
        padding: var(--gap);
        grid-gap: var(--gap);
    }
}