.uitgelichte_projecten{
	overflow-x: clip;
	position: relative;
	background:url(../../../images/patroon-paars-gedraaid.png) center top no-repeat;
	display: flex;
    background-size: cover;
}

.uitgelicht_project{
	padding: 8rem 0;
	background: var(--paars);
	color: #fffbf3;
	position: relative;
	isolation: isolate;
	width: 0%;
}

.uitgelicht_project .container{
	min-width: calc(var(--container-width) - 5vw);
}

.uitgelicht_project{
	transition: 1s all ease-in-out;
    overflow: clip;
	flex: 1;
}

.uitgelicht_project:nth-child(1){
	z-index: 3;
}

.uitgelicht_project:nth-child(2){
	z-index: 2;
}

.uitgelicht_project:nth-child(3){
	z-index: 1;
}

.uitgelicht_project:not(.uitgelicht_project_active){
	box-shadow: 17px 0px 56px rgba(0, 0, 0, 0.16);
	cursor: pointer;
}

.uitgelicht_project:not(.uitgelicht_project_active) *{
	pointer-events: none;
}

.uitgelicht_project .col-xl-6,
.uitgelicht_project .col-xl-5{
	transition: 1s opacity ease-in-out;
	opacity: 0;
}

.uitgelicht_project.uitgelicht_project_active .col-xl-6,
.uitgelicht_project.uitgelicht_project_active .col-xl-5{
	opacity: 1;
}

.uitgelicht_project_active{
	background: none;
	flex: 7;
}

.uitgelicht_project:nth-child(1){
	grid-column: content-start / content-end;
}

.uitgelichte_projecten:before{
	content: "";
	position: absolute;
	inset: 0;
	background: #462777;
	opacity: 0.6;
	pointer-events: none;
	z-index: 0;
}

.project_sub{
	font-weight: 500;
	font-size: 2.4rem;
    margin-top: 1.5rem;
    display: inline-block;
}

.project_nummer{
	font-weight: 500;
	font-size: 4.7rem;
    display: inline-block;
}

.project_nummer:after{
	content: "";
	width: 100%;
	height: 0.3rem;
	background: var(--geel);
	border-radius: 1.5rem;
	display: inline-block;
}

.uitgelicht_project_foto{
	border-radius: 3rem;
	overflow: hidden;
	width: 100%;
	aspect-ratio: 575 / 660;
    margin-left: 7.5vw !important;
}

.uitgelicht_project_foto picture{
	display: flex;
	width: 100%;
	height: 100%;
}

.uitgelicht_project_foto img{
	object-fit: cover;
	width: 100% !important;
	height: 100% !important;
}

.expertise_icoon svg{
	width: auto;
	height: 3.75rem;
}

.expertise_icoon svg * {
	stroke: #fffbf3;
}

.expertises_lijst{
	margin-block: 5rem;
}

@media (max-width:767px)
{		
	.uitgelicht_project .container {
		min-width: 80vw;
	}
	
	.uitgelicht_project{
		padding: 5rem 0;
	}
	
	.uitgelicht_project{
		flex: auto;
	}
	
	.uitgelichte_projecten{
		flex-direction: column;
	}
	
	.uitgelicht_project:not(.uitgelicht_project_active) {
		height: 17rem;
	}
	
	.uitgelicht_project{
		width: auto;
	}
}

@media (min-width:768px) and (max-width:991px)
{
	
}

@media (min-width:992px) and (max-width:1199px)
{
	
}