.doorkiesblokken {
	overflow: clip;
} 

.doorkiesblokken_container {  
	padding: 4rem 1.3rem 2rem 1.3rem;
	display: grid;
	grid-template-columns: 47% 47%;
	grid-template-rows: repeat(3, 1fr);
	grid-column-gap: 10rem;
	grid-row-gap: 2rem; 
}
 
.doorkiesblokken h2 {
    margin-bottom: 2rem !important;
}
 
a.doorkiesblok_container {
	background-color: var(--groen); 
	transform: skew(-20deg);  
	border-top-left-radius: 0.8rem;
	border-top-right-radius: 0.8rem;
	border-bottom-right-radius:  0.8rem;
	border-bottom-left-radius:  0.8rem; 
	text-decoration: none;
	transition: all 0.3s ease;
}

.doorkiesblokken_container_inner { 
	position: relative;
	display: grid;
	grid-template-columns: 3.6rem auto 3.6rem;
	grid-template-rows: auto auto;
	gap: 0 2rem;
	padding: 2rem 3rem 2rem 4rem;
	aspect-ratio: 100 / 11;
	transform: skew(20deg); 
}
 
a.doorkiesblok_container:hover {
	background-color: var(--lichtgroen);
}
 
.doorkiesblok_item {
    color: #fff;
    width: 100%;
    display: block;
    position: relative;
    height: 100%;
    padding: 2rem 0 2rem 4rem;
    display: flex;
	margin-bottom: 0rem;
}
 
a.doorkiesblok_container:hover span.doorkiesblok_item__more::after {
	transform: translateX(0.4rem); 
}

span.doorkiesblok_item__more {
    position: absolute;
    right: 0rem;
    top: 1rem;
}

span.doorkiesblok_item__more::after {
    content: "\f178";
    font-family: 'Font Awesome 6 Pro';
    margin-left: 1rem;
    display: flex;
    transition: 0.3s transform;
    padding: 0rem;
    text-align: center;
    width: 6.4rem;
    height: 4.4rem;
    color: #fff;
	align-items: center;
    justify-content: center;
    transform: translateX(0rem); 
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='46' viewBox='0 0 62 46' fill='none'%3E%3Cpath id='Rectangle 4696' d='M14.5811 3.27638C15.1728 1.72706 16.6593 0.703613 18.3178 0.703613H57.5256C60.3115 0.703613 62.2442 3.48038 61.2766 6.09287L47.687 42.7848C47.1058 44.3539 45.6093 45.3955 43.936 45.3955H4.30329C1.50013 45.3955 -0.433608 42.5869 0.566585 39.9683L14.5811 3.27638Z' fill='white' fill-opacity='0.12'/%3E%3C/svg%3E");
}
 

.doorkiesblok_item:hover {
	cursor: pointer;
}
 
.doorkiesblok_item:hover .doorkiesblok_content span {
	transform: translateX(0.5rem);
}
 
.doorkiesblok_item__inner-top {
    padding: 1rem 2rem;
}
 
.doorkiesblok_content {
    display: flex;
	font-size: 1.6rem;
    line-height: 3rem;
}
 
.doorkiesblok_content span {
	position: absolute;
    right: 0;
    top: 2.5rem;	
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
 
.doorkiesblok_content span:after{
	content: "\f178";
    font-family: 'Font Awesome 6 Pro';
    margin-left: 1rem;
    display: flex;
    transition: 0.3s transform;
	padding: 0rem;
    text-align: center;
    width: 6.4rem;
    height: 4.4rem;
    color: #fff;
    transform: translateX(0rem);
    align-items: center;
    justify-content: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='46' viewBox='0 0 62 46' fill='none'%3E%3Cpath id='Rectangle 4696' d='M14.5811 3.27638C15.1728 1.72706 16.6593 0.703613 18.3178 0.703613H57.5256C60.3115 0.703613 62.2442 3.48038 61.2766 6.09287L47.687 42.7848C47.1058 44.3539 45.6093 45.3955 43.936 45.3955H4.30329C1.50013 45.3955 -0.433608 42.5869 0.566585 39.9683L14.5811 3.27638Z' fill='white' fill-opacity='0.12'/%3E%3C/svg%3E");
}
 
 
.doorkiesblok_item__introtekst {
    grid-row: 2;
	color: #fff;
}
 
.doorkiesblok_item__introtekst p {   
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}
 
h2.doorkiesblok_item__titel {
	color: #fff !important; 
	font-size: 1.6rem; 
	font-weight: 600;
	line-height: 2rem; 
}
 
h3.doorkiesblok_item__titel {
	color: #fff !important; 
	font-size: 1.6rem; 
	font-weight: 600;
	line-height: 2rem; 
}
 
.doorkiesblok_afbeelding{
    grid-row: 1 / 3;
    max-width: 3.6rem;
    aspect-ratio: 1;
	transform: skew(0deg);
}
 
.doorkiesblokken .tns-horizontal.tns-subpixel > .tns-item,
.doorkiesblokken .tns-item{
	display: flex;
}
 
.tns-slider .col-md-6 .doorkiesblok_afbeelding,
.col-md-6 .doorkiesblok_afbeelding{
	margin-right: 0;
	width: 100%;
	height: 100%;
	display: flex;
}
 
img.img-fluid.doorkiesblok_item__img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}
 
.doorkiesblokken .tns-slider .col-sm-12{
	padding-left: 0 !important;
}
 
.doorkiesblokken .tns-slider.row{
	margin: 0 !important;
}
 
.doorkiesblokken .tns-controls,
.doorkiesblokken .tns-controls button{
	outline: none;
}
 
.doorkiesblokken .tns-controls button{
	margin: 0 0.5rem;
	background: none;
	width: 50px;
	height: 50px;
	border: 2px solid rgba(36, 185, 187, 0.15);
	border-radius: 50%;
	padding: 0;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
 
.doorkiesblokken_counter{
    display: inline-block;
    position: relative;
    top: -1.5rem;
    margin-left: 2rem;
    margin-right: 2rem;
}
 
.doorkiesblokken .tns-controls button[disabled]{
	opacity: 0.3;
	cursor: default;
}
 
.doorkiesblokken .tns-controls button:not([disabled]):hover{
	border: 2px solid #ccc;
	background-color: #ccc;
	color: #fff;
}
 
.doorkiesblokken .tns-controls{
	text-align: center;
}
 
.doorkiesblokken a:after,
.doorkiesblokken a:before{
	pointer-events: none;
}
 


@media (max-width:768px){
	
	.doorkiesblok_item__introtekst { 
		font-size: 1.6rem;
	}
	
	a.doorkiesblok_container { 
		transform: skew(0deg);  
	}

	.doorkiesblokken_container_inner {  
		transform: skew(0deg); 
	}
	
	.doorkiesblokken_container_inner {
		transform: skew(0deg);
		display: flex;
		gap: 1rem;
		flex-direction: column;
		padding: 2rem 3rem 3rem 2rem;
		width: 100%;
	}
	
	span.doorkiesblok_item__more {
		position: relative;
		right: -2rem;
		bottom: 0rem;
		display: flex;
		justify-content: flex-end;
	}
	
}


@media (max-width:767px)
{
	.doorkiesblok_afbeelding{
		margin-right: 0 !important;
		max-width: 5rem;
	}
	
	h2.doorkiesblok_item__titel {
		color: #fff !important; 
		font-size: 1.6rem; 
		font-weight: 600;
		line-height: 2rem; 
	}

	h3.doorkiesblok_item__titel {
		color: #fff !important; 
		font-size: 1.8rem; 
		font-weight: 600;
		line-height: 2rem; 
	}
	
	 .doorkiesblokken_container {  
		padding: 4rem 0rem 2rem 0rem; 
	}
}
 
@media (min-width:768px) and (max-width:991px)
{
	.doorkiesblok_afbeelding{
		margin-right: 0 !important;
	}
}
 
@media (min-width:992px) and (max-width:1199px)
{
}

@media (max-width:1199px)
{
	.doorkiesblokken_container {
		grid-template-columns: 100%;
	}
	
}