.doorkiesblokken_container a{
    position: relative;
        --hoek1: 6.5rem;
        --hoek2: 6.5rem;
        clip-path: polygon(0% var(--hoek1), /* top left */ var(--hoek2) 0%, /* top left */ 100% 0%, /* top right */ 100% 0%, /* top right */ 100% calc(100% - var(--hoek1)), /* bottom right */ calc(100% - var(--hoek2)) 100%, /* bottom right */ 0% 100%, /* bottom left */ 0 100% /* bottom left */);
}

.doorkiesblokken_container img{
    width: 100%;
}

.doorkiesblok_item__top{
    
}

.doorkiesblokken_container{
    row-gap: 3rem;
}

.doorkiesblok_item__introtekst p{
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

.doorkiesblok_item__introtekst{
    height: 0;
    overflow: hidden;

    transition: height 300ms ease;
    interpolate-size: allow-keywords;
}

.doorkiesblokken_container a:hover .doorkiesblok_item__introtekst{
    height: auto;
}

.doorkiesblok_item__bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: var(--kleur-geel);
    padding: 10px 20px;
    color: #fff;
}

.doorkiesblok_afbeelding{
	margin-right: 3rem;
	flex-shrink: 0;
}

.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;
}

.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:767px)
{
	.doorkiesblok_afbeelding{
		margin-right: 0 !important;
	}
}

@media (min-width:768px) and (max-width:991px)
{
	.doorkiesblok_afbeelding{
		margin-right: 0 !important;
	}
}

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