.medewerkers_overzicht_list:not(.tns-slider){
	display: grid;
	gap: 0.2rem;
	grid-template-columns: repeat(auto-fill, minmax(calc((100% / 4) - 0.6rem), 1fr));
}

.medewerkers_centreren:not(.tns-slider){
    grid-template-columns: repeat(auto-fit, minmax(0, 336px));
    justify-content: center;
}

.medewerker{
	display: grid;
	overflow: hidden;
}

.medewerker:hover .medewerker_inner_bottom_functie,
.medewerker:hover .medewerker_inner_bottom_naam{
	transform: translateY(0);	
	opacity: 1;
}

.medewerker_inner_top{
	transform: translateY(-100%);
	opacity: 0;
	transition: 0.3s transform, 0.3s opacity;
}

.medewerker:hover .medewerker_inner_top{
	transform: translateY(0);
	opacity: 1;
}

.medewerker_inner{
	padding: 3.5rem;
	display: flex;
    grid-column: 1;
    grid-row: 1;
	z-index: 15;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

.medewerker_inner:after {
    content: "";
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 35%);
    position: absolute;
    inset: 0;
}

.medewerker_inner > *{
    z-index: 15;
}

.medewerker_inner a{
	text-decoration: none;
}

.medewerker img{	
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
	transition: 0.3s all;
}

.medewerker:hover img{	
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}

.medewerker .medewerker_img{
    grid-column: 1;
    grid-row: 1;	
}

.medewerker_inner_bottom_functie{
	color: #fff;
	display: block;
	transform: translateY(100%);
	transition: 0.3s transform, 0.3s opacity;
	opacity: 0;
}

.medewerker_inner_bottom_naam{
	display: block;
	transform: translateY(100%);
	font-family: var(--heading-font);
	color: #fff;
	font-size: 2.4rem;
	font-weight: 800;
	line-height: 1;
	text-transform: uppercase;
	transition: 0.3s transform, 0.3s opacity;
}

.medewerkers_overzicht_list > div:last-child:has(.button) .medewerker .medewerker_inner_bottom_functie, 
.medewerkers_overzicht_list > div:last-child:has(.button) .medewerker .medewerker_inner_bottom_naam {
    transform: translateY(0);
    opacity: 1;
}

@media (max-width:767px)
{		
    .medewerkers_overzicht{
        overflow-x: hidden;
    }
    
    .medewerkers_overzicht .tns-ovh{
        overflow: visible !important;
    }
    
    .medewerkers_overzicht_list:not(.tns-slider){
        grid-template-columns: 1fr;
    }
}

@media (min-width:768px) and (max-width:991px)
{
	.medewerkers_overzicht_list:not(.tns-slider) {
		grid-template-columns: repeat(auto-fill, minmax(calc((100% / 2) - 0.6rem), 1fr));
	}
}

@media (min-width:992px) and (max-width:1199px)
{
	.medewerkers_overzicht_list:not(.tns-slider) {
		grid-template-columns: repeat(auto-fill, minmax(calc((100% / 3) - 0.6rem), 1fr));
	}
}

@media (min-width:1200px) and (max-width:1399px)
{
    
}

@media (min-width:1400px)
{
    
}