.headerSlider{
    height:100dvh;
    margin-top:calc(-1 * var(--headerHeight));
    padding-top: calc(var(--headerHeight));
    position: relative;
}


.contactHeader{
    position:absolute;
    top:var(--headerHeight);
    left:0;
    right:0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.infoVakHolder{
    display:flex;
    gap:1.5rem;
    align-items: stretch;
    aspect-ratio: 4/3;
}
.infoVakHolder .imageHolder,
.infoVakHolder .infoVak{
    flex: 0.5;
    border-radius:0;
    background-color: #161616;
    padding: 2rem;
    color: rgba(255,255,255,0.2);
}
.infoVakHolder .infoVak .htmlblok {
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.infoVakHolder .imageHolder{aspect-ratio: 3/5;min-height: 100%;flex: 1;height: auto;}
.infoVakHolder .infoVak a{
    color: var(--themePrimary);
}


.button.circle{
    width:40px;
}
.infoVakHolder a.button-circle{
    color:#fff;
}  

.button-circle:hover .button.circle{
    color: rgba(255,255,255,0.8) !important;
}

.button-circle:not(:hover) .button.circle{
    background-color:transparent;
    border-color: rgba(255,255,255,0.4);
    color: rgba(255,255,255,0.8) !important;
}


.backgroundTheme .contactForm input:not([type=radio]):not([type=checkbox]),
.backgroundTheme .contactForm select,
.backgroundTheme .contactForm textarea,
.backgroundTheme .contactForm .fileInputPlaceholder{
    background-color:rgba(255,255,255,0.6);
    border-radius: 13px;
    border:none;
    color:#000;
    padding: 30px 20px;
    border: 1px solid var(--themeGrey);
    font-size: 16px;
}
.backgroundTheme .contactForm label{
    text-transform: uppercase;
}

.backgroundTheme .contactForm ::placeholder{
    color:var(--themePrimaryDark);
    font-weight:200;
}

.backgroundTheme .contactForm .fileInputPlaceholder{
    background-color:rgba(255,255,255,0.6);
    border-radius:0;
    border:none;
    color:#000;
    padding: 10px 20px;
    font-weight:200;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.formButtonHolder{
    display:flex;
    align-items:center;
    gap:2rem;
}
.formButtonHolder .button{
    flex:none;
}
.formButtonHolder div:not(.floatingLine){
    display:none;
}
.formButtonHolder .floatingLine{
    height:2px;
    width:100%;
    flex:1;
    background-color:rgba(255,255,255,0.6);
}
.infoVakHolderSection{
    margin-top:70px;
}
@media screen and (max-width:1024px){
    
    .infoVakHolderSection{
        margin-top:0rem;
    }
    .infoVakHolder{
        padding: 1.25rem 1.5rem;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .headerSlider {
        height: 70px !important;!i;!;
        margin: 0;
        min-height: 70px !important;!i;!;
        padding: 0;
    }
}

.infoVakHolder.teamItem{
    aspect-ratio: 2/1;
    margin-bottom: 1.5rem;
}
.infoVakHolder.teamItem .imageHolder{
    flex:0.5;
    aspect-ratio:none;
    background-position: center;
}

/* -- filter bar -- */
.overview-filterBar{
    display:flex;
    /* border: var(--themeBorder); */
    border-right: var(--themeBorder);
    width:100%;
    align-items: stretch;
    height: 63px;
    padding: 0;
}
.overview-filterBar .searchHolder{
    display:flex;
    align-items: stretch;
    flex: 1;
    width: 100%;
    background-image: url('/images/icons/search.svg');
    background-repeat: no-repeat;
    background-position: 1rem center;
}
.overview-filterBar .searchHolder input{
    flex:1;
    width:inherit;
    border:none;
    height: inherit;
    border-radius: 0;
    padding-left: 50px;
}
.overview-filterBar .searchHolder button{
    width: 100px;
    flex:none;
    font-weight: 400;
    font-size:14px;
}

.overview-filterBar .filterItem{display: inline-flex;align-items: stretch;flex: 0.25;border-top: var(--themeBorder);border-bottom: var(--themeBorder);min-width: max-content;}
.overview-filterBar .filterItem + .filterItem{
    border-left:0;
}
.overview-filterBar .filterItem input{
    opacity:0;
    display: none;
}
.overview-filterBar .filterItem .filterItem-content{
    padding: 10px 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-transform: uppercase;
    cursor:pointer;
    font-weight: 400;
    font-size:14px;
}
.overview-filterBar .filterItem:hover .filterItem-content{
    background-color: var(--themePrimary);
    color: var(--themePrimaryDark);
}

.overview-filterBar .filterItem .filterItem-content{
    border-left: var(--themeBorder);
    color: white;
}