.cases_overzicht{
	overflow-x: clip;
}

.cases_overzicht_grid:not(.tns-slider){
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 3rem;
	width: 100%;
}

.cases_overzicht_item{
	display: grid !important;
	min-width: 0;
}

.cases_overzicht_article{
	display: grid;
	width: 100%;
	height: 100%;
}

.cases_overzicht_card{
	position: relative;
	display: flex;
	align-items: flex-end;
	width: 100%;
	aspect-ratio: 630 / 520;
	overflow: hidden;
	padding: 2.7rem 2.8rem 3rem;
	border-radius: 1rem;
	color: var(--beige);
	text-align: left;
	text-decoration: none;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
	will-change: transform;
}

.cases_overzicht_card:hover,
.cases_overzicht_card:focus{
	color: var(--beige);
	text-decoration: none;
}

.cases_overzicht_card:hover,
.cases_overzicht_card:focus-visible{
	transform: translateY(-0.4rem);
	box-shadow: 0 1.8rem 4rem rgb(0 77 66 / 12%);
}

.cases_overzicht_afbeelding,
.cases_overzicht_afbeelding:after{
	position: absolute;
	inset: 0;
	border-radius: inherit;
}

.cases_overzicht_afbeelding{
	z-index: 0;
	display: block;
	background: var(--groen);
}

.cases_overzicht_afbeelding:after{
	content: "";
	background: linear-gradient(180deg, rgba(28, 31, 35, 0) 0%, #1C1F23 100%);
}

.cases_overzicht_afbeelding img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}

.cases_overzicht_card:hover .cases_overzicht_afbeelding img,
.cases_overzicht_card:focus-visible .cases_overzicht_afbeelding img{
	transform: scale(1.035);
}

.cases_overzicht_content{
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1.5rem;
	width: 100%;
}

.cases_overzicht_titel{
	display: -webkit-box;
	overflow: hidden;
	color: var(--beige) !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
}

.cases_overzicht_klant{
	color: var(--beige);
}

.cases_overzicht .tns-ovh{
	overflow: hidden;
}

.cases_overzicht .tns-slider.cases_overzicht_grid{
	display: flex;
	gap: 0;
}

.cases_overzicht .tns-horizontal.tns-subpixel > .tns-item,
.cases_overzicht .tns-item{
	display: grid;
}

.cases_overzicht .tns-slider.cases_overzicht_grid > .cases_overzicht_item{
	display: grid !important;
	padding-left: 0 !important;
}

@media (max-width:767px)
{
	.cases_overzicht_grid:not(.tns-slider){
		grid-template-columns: 1fr;
	}

	.cases_overzicht_card{
		padding: 2.4rem;
	}
}