.medewerkers_blok{
	overflow-x: clip;
}

.medewerkers_blok_grid:not(.tns-slider){
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(22rem, 22rem));
	justify-content: center;
	column-gap: 3rem;
	row-gap: 6rem;
	width: 100%;
}

.medewerkers_blok_item{
	display: flex;
	flex-direction: column;
	gap: 2rem;
	width: 100%;
	color: #000000;
	text-decoration: none;
}

.medewerkers_blok_item:hover,
.medewerkers_blok_item:focus{
	color: #000000;
	text-decoration: none;
}

.medewerkers_blok_foto{
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 234 / 350;
	overflow: hidden;
	border-radius: 1rem;
	background: var(--beige, #edeae5);
}

.medewerkers_blok_foto:before,
.medewerkers_blok_foto:after{
	position: absolute;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
}

.medewerkers_blok_foto:before{
	content: "";
	inset: 0;
	background: rgba(231, 78, 15, 0.57);
}

.medewerkers_blok_foto:after{
	content: "\f055";
	top: 50%;
	left: 50%;
	color: #ffffff;
	font-family: "Font Awesome 6 Pro";
	font-size: 4rem;
	font-weight: 300;
	line-height: 1.1;
	transform: translate(-50%, -50%);
}

.medewerkers_blok_item:hover .medewerkers_blok_foto:before,
.medewerkers_blok_item:hover .medewerkers_blok_foto:after,
.medewerkers_blok_item:focus .medewerkers_blok_foto:before,
.medewerkers_blok_item:focus .medewerkers_blok_foto:after{
	opacity: 1;
}

.medewerkers_blok_foto img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.medewerker-slideout-intro{
	display: grid;
	grid-template-columns: minmax(0, 30rem) minmax(0, 1fr);
	column-gap: 5.5rem;
	align-items: start;
}

.medewerker-slideout-foto{
	inline-size: 100%;
	aspect-ratio: 300 / 450;
	overflow: hidden;
	border-radius: 1rem;
	background: var(--beige, #edeae5);
}

.medewerker-slideout-foto img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.medewerker-slideout-meta{
	padding-top: 0.3rem;
}

.medewerker-slideout-naam{
	margin: 0 0 2.7rem;
	color: #000000;
	font-size: clamp(3.4rem, 2.4rem + 5vw, 5rem);
	font-weight: 600;
	line-height: 1.1;
	text-box-trim: trim-both;
	text-box-edge: cap text;
}

.medewerker-slideout-regel{
	color: #000000;
	font-size: 2.2rem;
	font-weight: 400;
	line-height: 1.3;
}

.medewerker-slideout-regel + .medewerker-slideout-regel{
	margin-top: 2.5rem;
}

.medewerker-slideout-onderstreept,
.medewerker-slideout-specialisaties a{
	color: #000000;
	text-decoration: underline;
	text-decoration-thickness: 0.1rem;
	text-underline-offset: 0.2rem;
}

.medewerker-slideout-specialisaties a:hover,
.medewerker-slideout-specialisaties a:focus{
	color: var(--oranje);
}

.medewerker-slideout-content{
	width: 100%;
	color: #000000;
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 1.4;
}

.medewerker-slideout-content > *:first-child{
	margin-top: 0;
}

.medewerker-slideout-content > *:last-child{
	margin-bottom: 0;
}

@media (max-width: 767px){
	.medewerkers_blok_grid{
		gap: 2.4rem 1.5rem;
		grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	}

	.medewerker-slideout-intro{
		grid-template-columns: 1fr;
		gap: 2.5rem;
	}

	.medewerker-slideout-foto{
		inline-size: min(24rem, 72vw);
		justify-self: start;
	}

	.medewerker-slideout-naam{
		margin-bottom: 2.2rem;
	}

	.medewerker-slideout-regel{
		font-size: 1.9rem;
	}
}

@media (min-width:768px) and (max-width:991px)
{
	.medewerker-slideout-intro{
		grid-template-columns: 1fr;
		gap: 3rem;
	}

	.medewerker-slideout-foto{
		inline-size: min(28rem, 55vw);
		justify-self: start;
	}
}