.projecten {
	overflow-x: clip;
	isolation: isolate;
	content-visibility: visible !important;
} 

.row.projecten-row.geen_call_to_action {
	--bs-gutter-x: 6rem;
}
 
.projecten [data-wpr-lazyrender] {
	content-visibility: visible;
}

.projecten .tns-horizontal.tns-subpixel > .tns-item,
.projecten .tns-item{
	display: flex;
}

.projecten .tns-slider .col-sm-12{
	padding-left: 0 !important;
}

.projecten .tns-slider.row{
	margin: 0 !important;
}

.projecten .tns-controls {
    text-align: right !important;
    position: relative;
    margin-top: -8rem;
    transform: translateY(50%);
    z-index:3;
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}

.projecten .tns-controls,
.projecten .tns-controls button{
	outline: none;
}

.projecten .tns-controls button{
	margin: 0;
	background: none;
	width: 8rem;
	height: 8rem;
	background-color: var(--donkerblauw);
	color:  var(--wit);
	border: none;
	border-radius: 50%;
	padding: 0;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	font-size: clamp(1.8rem, 1.307rem + 1.5775vw, 3.2rem);
	transform: translateX(50%);
}

.projecten .tns-controls button:hover {
	background-color: var(--blauw) !important;
}

.projecten_counter{
    display: inline-block;
    position: relative;
    top: -1.5rem;
    margin-left: 2rem;
    margin-right: 2rem;
}

.projecten .tns-controls button[disabled]{
	opacity: 0.3;
	cursor: default;
}

.projecten .tns-controls button:not([disabled]):hover{
	border: none;
	background-color: var(--donkerblauw); 
	color:  var(--wit);
}

.projecten .tns-controls{
	text-align: center;
}

h2.project__h2 {
	font-size: 2.4rem; 
	font-weight: 600;
	line-height: 3.2rem; 
}

.project_afbeelding {
	position: relative;
	margin-bottom: 3.2rem; 
	border-radius: 1.2rem;
	overflow: clip;
}

.project a {
	color: var(--donkerblauw);
	text-decoration: none !important;
} 

.project p {
	font-size: 1.8rem; 
	font-weight: 300;
	line-height: 32px;
}

.project_afbeelding img {
}

.project_info_container {
	opacity: 0;
	background-color: var(--blauw);
	position: absolute;
	width: 100%;
	height: 101%;
	display: flex; 
	flex-direction: column;
	justify-content: space-between;
	padding: 2rem 3rem;
	
	transition: opacity 0.2s ease-in-out, background 0.4s ease-in-out; 
    
	background-position: 200%; 
	background: linear-gradient(90deg,rgba(0, 158, 224, 0) 0%, rgba(0, 158, 224, 0.8) 50%, rgba(0, 158, 224, 0.8) 100%);
	background-size: 200%;
}

.project a:hover .project_info_container {
	opacity: 1;
	background-position:100%; 
}

.project_info {
    display: flex;
    flex-direction: column;
	color: var(--wit);
}

ul.project_info_lijst {
	list-style-type: none;
	color: var(--wit);
	display: flex; 
    flex-direction: column;
	margin: 0;
	padding: 0;
} 

ul.project_info_lijst li {
	border-bottom: 1px solid rgba(255,255,255,0.34);
	padding: 1.4rem 0; 
	font-size: 1.8rem;
}

ul.project_info_lijst li:last-of-type {
	border: none;
}

ul.project_info_lijst li i {
	padding-right: 2rem;
}

.project_info_link {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	color: var(--wit); 
} 

.projecten_cta {
	background: var(--gradient_blauw);
	position: relative;
	padding: 4rem 3rem 3rem 3rem;
	border-radius: 1.2rem;
	z-index: 3;
}

.projecten-row {
	position: relative;
}

.projecten-row:before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 50vw;
    left: -48.4vw;
    top: 0;
    background-color: #fff;
    z-index: 2;
}

.projecten:has(.projecten-row):after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 30rem;
    right: 0vw;
    top: 0;
	background: #FFF;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    z-index: 2;
	opacity: 1;
	pointer-events: none;
}

.projecten.stijl_achtergrondkleur_00205d .projecten-row:before {
	background: var(--gradient_blauw);
	background-attachment: fixed;
}

.projecten.stijl_achtergrondkleur_efeff0 .projecten-row:before {
	background: var(--lichtgrijs); 
}

.projecten.stijl_achtergrondkleur_0e2639  .projecten-row:before {
	background: var(--donkerblauw); 
}


.projecten_cta p {
	color: var(--wit);  
	font-size: clamp(18px, 14.4px + 1.125vw, 36px);
	font-weight: 600;
	line-height: normal;
}

.projecten_cta p.naam {
	font-size: clamp(1.8rem, 1.5887rem + 0.6761vw, 2.4rem);
	padding: 0;
	margin-top: calc(var(--default-margin-bottom) * 2) !important;
}

.projecten_cta p.functie {
	font-size: clamp(1.4rem, 1.2592rem + 0.4507vw, 1.8rem);
	font-weight: 300;
	padding: 0;
	margin: 0.3rem !important;
}

.projecten_cta_quote { 
	display: inline-block;
	width: 6.6rem;
	height: 7.5rem;
	background-image: url("data:image/svg+xml,%0A%3Csvg width='66' height='48' viewBox='0 0 66 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 18.2162C0 8.6053 7.71785 0.741827 17.4744 0.741827H18.6393H23.2992V10.0615H18.6393H17.4744C12.9602 10.0615 9.31967 13.8476 9.31967 18.2162V19.3812H27.959V47.3402H0V33.3607V19.3812V18.2162ZM37.2787 18.2162C37.2787 8.6053 44.9965 0.741827 54.753 0.741827H55.918H60.5778V10.0615H55.918H54.753C50.2388 10.0615 46.5983 13.8476 46.5983 18.2162V19.3812H65.2377V47.3402H37.2787V33.3607V19.3812V18.2162Z' fill='%23009EE0'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
}

@media (max-width:991px)
{
	.projecten .tns-controls {
		text-align: right !important;
		position: relative;
		/* transform: translate(0rem, 4rem); */
		z-index: 3;
	}
	
	.projecten .tns-controls button{ 
		transform: translateX(0);
	}
	
}

@media (max-width:767px)
{
	.nieuwsoverzicht_afbeelding{
		margin-right: 0;
	}
	
	.projecten:has(.projecten-row):after {
		display: none;
	}
	
	.projecten .tns-controls button{ 
		width: 5rem;
		height: 5rem;
	} 
	
	.projecten .tns-controls {
		text-align: right !important;
		position: relative;
		z-index: 3;
	}
	
	.projecten_cta_quote { 
		display: inline-block;
		width: 4.6rem;
        height: 4.5rem;
        background-size: 100%;
	}
	
	.project_afbeelding { 
		margin-block: 3.2rem;  
	}
	
}

@media (min-width:768px) and (max-width:991px)
{
	.nieuwsoverzicht_afbeelding{
		margin-right: 0;
	} 
	
	ul.project_info_lijst li { 
		padding: 0.4rem 0; 
	}
}

@media (min-width:991px) and (max-width:1399px)
{  
	ul.project_info_lijst li { 
		padding: 0.4rem 0; 
	}
}



@media (max-width: 1399px) {
	
	[data-fieldtype=checkbox] ul {
		list-style: none;
		padding: 0;
		display: flex;
		gap: .5rem;
		flex-wrap: wrap;
	}
	
	.alm-filters-container .alm-filter li { 
		margin: 0 0 0px;
	}
}