/* 
Flex Kleine CTA

Algemene CSS instellingen voor de module.
Verwijder deze instellingen niet.
*/

.flex_module.kleinecta .kleine-cta {
	display: flex;
	align-items: center;
	gap: 20px;
	background-color:#BC0436;
	padding:60px 50px;
	color:#fff;
	line-height:1.16;

    margin: 0 auto;
	justify-content: space-between;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
}

.flex_module.kleinecta .kleine-cta::before {
    background-image: url("data:image/svg+xml,%3Csvg width='682' height='212' viewBox='0 0 682 212' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M682 106L601 14.2013V197.799L682 106Z' fill='white' fill-opacity='0.1'/%3E%3Cpath d='M0 30C0 24.4772 4.47715 20 10 20H601V196H10C4.47715 196 0 191.523 0 186V30Z' fill='white' fill-opacity='0.1'/%3E%3C/svg%3E%0A");
    position: absolute;
    content: '';
    width: 100%;
    height: 130%;
    max-width: 50%;
    top: -2em;
    left: 0;
    z-index: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
	scale: 1.2;
	pointer-events: none;
}

.flex_module.kleinecta .kleine-cta p {
    margin-bottom: 0;
}

.flex_module.kleinecta .kleine-cta .fl-rich-text{
	margin-bottom: 20px;
}

.flex_module.kleinecta .kleine-cta h2,.flex_module.kleinecta .kleine-cta h1,
.flex_module.kleinecta .kleine-cta h2,.flex_module.kleinecta .kleine-cta h2,
.flex_module.kleinecta .kleine-cta h2,.flex_module.kleinecta .kleine-cta h3,
.flex_module.kleinecta .kleine-cta h2,.flex_module.kleinecta .kleine-cta h4{
  color:white;
  margin-bottom: 15px;
  line-height:1.3;
}

.flex_module.kleinecta .kleine-cta.esl-links .esl-link-group {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.flex_module.kleinecta .kleine-cta.esl-links .esl-link-group a{
	color: #fff;
	display: flex; align-items: center;
	gap: 15px;
	max-width: fit-content;
	width: 100%;
	text-decoration: none;
}

.flex_module.kleinecta .kleine-cta.esl-links .esl-link-group a svg{
	transition: all 250ms ease-in-out;
}

.flex_module.kleinecta .kleine-cta.esl-links .esl-link-group a:hover svg{
	transform: translateX(5px);
}

@media screen and (max-width: 1060px) {

	.flex_module.kleinecta .kleine-cta:not(.esl-links){
		flex-direction: column;
		text-align: center;
	}

	.flex_module.kleinecta .kleine-cta.esl-links{
		text-align:left;
		max-width:100%;
		padding: 40px;
		justify-content: space-between;
	}	

	.flex_module.kleinecta .kleine-cta.esl-links{
		max-width:100%;
	}

	.flex_module.kleinecta .kleine-cta.kleine-cta.esl-links .right-col,
	.flex_module.kleinecta .kleine-cta.kleine-cta.esl-links .left-col{
		width: 100%;
		max-width: 50%;
	}

	.flex_module.kleinecta .kleine-cta.kleine-cta.esl-links .right-col{
		display: flex; justify-content: end;
	}
}

@media screen and (max-width: 768px) {
	.flex_module.kleinecta .kleine-cta{
		flex-direction:column;
		text-align:center;
		max-width:100%;
		padding: 20px;
	}	

	.flex_module.kleinecta .kleine-cta.esl-links{
		flex-direction:column;
		text-align:left;
		max-width:100%;
		justify-content: baseline;
	}

	.flex_module.kleinecta .kleine-cta.kleine-cta.esl-links .right-col,
	.flex_module.kleinecta .kleine-cta.kleine-cta.esl-links .left-col{
		max-width: 100%;
	}

	.flex_module.kleinecta .kleine-cta.kleine-cta.esl-links .right-col{
		justify-content: start;
	}
}