.succesverhalen-row,
.succesverhalen_blok .alm-reveal{
	display: flex;
	row-gap: 6rem;
	column-gap: 3rem;
	flex-wrap: wrap;
}

.succesverhaal{
	background-image: linear-gradient(81deg, #007a38 0%, #24bbe7 100%);
	padding: 4rem 5rem;
	color: #ffffff;
	font-family: "Source Sans Pro";
	font-size: 1.9rem;
	line-height: 3.4rem;
	border-bottom-right-radius: 3rem;
    min-width: calc(50% - 1.5rem);
	flex: 1;
	display: block;
}

.succesverhaal:before{
	width: 5.2rem;
	height: 4.9rem;
	content: "";
	margin-bottom: 3rem;
    display: inline-block;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='SVGDoc' width='52' height='49' xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:avocode='https://avocode.com/' viewBox='0 0 52 49'%3E%3Cdefs%3E%3C/defs%3E%3Cdesc%3EGenerated with Avocode.%3C/desc%3E%3Cg%3E%3Cg%3E%3Ctitle%3EPath 2130%3C/title%3E%3Cpath d='M31.06881,48.99999c0,0 0.00001,0 0.00001,0v0.00001zM31.06882,47.55494c4.26637,-2.89012 7.34573,-6.50278 9.23807,-10.83796c1.89234,-4.33519 2.83852,-8.25749 2.83852,-11.76694c0,-4.05992 -0.72253,-6.08989 -2.16759,-6.08989c-1.03219,0 -2.09878,0.0172 -3.19978,0.05161c-1.10101,0.03441 -1.78913,0.0172 -2.06438,-0.05161c-2.13319,-0.41289 -3.8707,-1.47948 -5.21254,-3.19978c-1.34184,-1.72032 -2.01277,-3.78468 -2.01277,-6.19313c0,-2.82129 0.96338,-4.97168 2.89012,-6.45116c1.92675,-1.47946 4.09434,-2.21919 6.50278,-2.21921c3.92231,0 7.1909,1.72031 9.80577,5.16093c2.61488,3.44063 3.92231,7.81021 3.92231,13.10878c0,6.33073 -1.85793,12.30022 -5.57381,17.90843c-3.71587,5.60822 -8.70476,9.61655 -14.9667,12.02498zM2.27081,49v-1.44506c4.404,-2.89012 7.55217,-6.45116 9.44451,-10.68314c1.89234,-4.23196 2.83851,-8.20588 2.83851,-11.92176c0,-4.05992 -0.68812,-6.08989 -2.06437,-6.08989c-3.50944,0 -5.26415,0 -5.26415,0c-2.202,-0.41289 -3.95672,-1.47948 -5.26415,-3.19978c-1.30744,-1.72032 -1.96115,-3.78468 -1.96115,-6.19313c0,-2.89012 0.92897,-5.05771 2.7869,-6.50278c1.85794,-1.44505 4.02553,-2.16759 6.50278,-2.16759c2.47725,0 4.74806,0.77414 6.81243,2.32242c2.06437,1.54828 3.69867,3.71588 4.90289,6.50278c1.20422,2.78691 1.80633,5.93507 1.80633,9.44452c0,6.33073 -1.85794,12.30022 -5.57381,17.90843c-3.71587,5.60822 -8.70478,9.61655 -14.96671,12.02498z' fill='%23142137' fill-opacity='1'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.succesverhaal_afbeelding,
.succesverhaal_video{
	background: none;
	padding: 0;
	min-width: 100%;
	position: relative;
	border-radius: 3rem;
}

.succesverhaal_afbeelding:after,
.succesverhaal_video:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(90deg, rgba(0,0,0,0.4962359943977591) 0%, rgba(255,255,255,0) 50%);
	transition: 0.3s background;
    border-radius: 3rem;
}

.succesverhaal_afbeelding img,
.succesverhaal_video video{
	border-radius: 3rem;	
	display: block;
}

.succesverhaal_afbeelding:before,
.succesverhaal_video:before{
	display: none;
}

.quote_container:before{
	content: "";
	width: 7.2rem;
	height: 7.2rem;
	margin-bottom: 2.5rem;
	display: inline-block;
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg id='Group_4695' data-name='Group 4695' transform='translate(-61.227 -61.052)'%3E%3Cpath id='Path_2130' data-name='Path 2130' d='M21.592-2.572a1.321,1.321,0,0,1-.451-1.038A1.536,1.536,0,0,1,21.594-4.7l6.127-6.125H1.547A1.563,1.563,0,0,1,0-12.433a1.534,1.534,0,0,1,1.547-1.489H27.721L21.6-20.047a1.547,1.547,0,0,1,0-2.188,1.546,1.546,0,0,1,2.188,0l8.766,8.766a1.547,1.547,0,0,1,0,2.188L23.784-2.516A1.51,1.51,0,0,1,21.592-2.572Z' transform='translate(93.916 119.217) rotate(-45)' fill='%23fff'/%3E%3Cpath id='Uitje_bier-2949-klein' data-name='Uitje bier-2949-klein' d='M40.077-.5h.087l26.172.067a5.35,5.35,0,0,1,5.163,5.2l-.067,26.2A40.59,40.59,0,0,1,30.878,71.5h-.087L4.655,71.433A5.246,5.246,0,0,1,1.007,69.9,5.153,5.153,0,0,1-.5,66.234l.067-26.2A40.552,40.552,0,0,1,40.077-.5ZM66.314.567,40.077.5A39.552,39.552,0,0,0,.567,40.032L.5,66.235a4.159,4.159,0,0,0,1.215,2.957,4.25,4.25,0,0,0,2.954,1.24l26.209.067A39.59,39.59,0,0,0,70.433,30.967l.067-26.2a4.321,4.321,0,0,0-4.168-4.2Z' transform='translate(61.727 61.552)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
	margin-left: auto;
	opacity: 0;
	transition: 0.3s opacity;
}

.quote_container{
	left: -3.5rem;
	bottom: 6rem;
    flex-direction: column;
	position: absolute;
	transition: 0.3s transform;
	z-index: 15;
	display: flex;
}

.quote_container span{
	margin-left: 7rem;
	color: #f8f6f1;
	font-size: 1.9rem;
	line-height: 3.4rem;
	display: inline-block;
	margin-top: 1.5rem;
}

.quote_container_inner{
	background-color: #ffffff;
	border-bottom-right-radius: 3rem;
	max-width: 62.5rem;
	padding: 3.5rem;	
}

.succesverhaal_video video{
	width: 100%;
}

.quote_container p{
	color: #142137;
	margin-bottom: 0;
	font-size: 3rem;
	font-weight: 600 !important;
	font-style: italic;
	line-height: 4.6rem;
}

a.succesverhaal:hover .quote_container:before{
	opacity: 1;
}

a.succesverhaal:hover .quote_container{
	transform: translateY(-1.5rem);
}

.succesverhaal_afbeelding:hover:after,
.succesverhaal_video:hover:after{
	background: rgba(255,255,255,0.75);
}

.succesverhalen_slider{
	margin-bottom: 6rem;
}

.succesverhalen_blok .tns-outer{
	margin-bottom: 6rem;
}

.succesverhalen_blok .tns-ovh{
	overflow: visible !important;
}

@media (max-width:767px)
{	
	.succesverhaal{
        font-size: 1.7rem;
        line-height: 3rem;
        padding: 3rem;
		min-width: 100%;
	}
    
    .succesverhalen_blok .tns-outer {
        margin-bottom: 3rem;
    }
    
    .quote_container:before {
        position: absolute;
        transform: translateY(calc(-100% - 2rem));
        right: 2rem;
    }
    
    a.succesverhaal{
        padding: 0;
    }
    
    .succesverhalen-row,
	.succesverhalen_blok .alm-reveal{
        row-gap: 4rem;
    }
    
    .succesverhaal:before {
        width: 4.2rem;
        margin-bottom: 1rem;
        height: 3.9rem;
        background-size: cover;
    }
    
    .quote_container span{
        color: #142137;
        margin-left: 4rem;
        font-size: 1.7rem;
        line-height: 3.4rem;
        margin-top: 0.5rem;
    }
    
    .quote_container{
        position: relative;
		top: auto;
		left: auto;
		bottom: auto;
    }
    
    .quote_container_inner{
        padding: 2rem;
        margin: -3rem 1.5rem 0;
    }
    
    .quote_container p {
        font-size: 2rem;
        line-height: 3.3rem;
    }

    .stijl_achtergrondkleur_007a38 .quote_container span {
        color: #f8f6f1;
    }
}

@media (min-width:768px) and (max-width:991px)
{
	.quote_container p {
		font-size: 2rem;
		line-height: 3.6rem;
	}
	
	.quote_container{
		bottom: 2rem;
	}
}

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

@media (min-width:1200px) and (max-width:1399px)
{
    
}

@media (min-width:1400px)
{
    
}