/* 
Flex Grote CTA

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

.flex_module.grotecta .grote-cta {
    display: flex;
    max-width:820px;
    background-color:#F1F1F1;

    margin: 0 auto;
}

.flex_module.grotecta .grote-cta .content{
    width: calc(100% - 330px);
    padding:40px;
	color:#000;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.flex_module.grotecta .grote-cta .content h2,.flex_module.grotecta .grote-cta .content h3{
	color:#fff;
	line-height:1.3;
}

.flex_module.grotecta .grote-cta .content a{
	display:flex;align-items:center; gap:10px; color:#000; line-height:1;
}

.flex_module.grotecta .grote-cta .content svg, .flex_module.grotecta .grote-cta .content a{
	transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.flex_module.grotecta .grote-cta .content a:hover svg{
	translate:5px;
}

.flex_module.grotecta .grote-cta .img{
	max-width:330px;
    width:100%;
}

.flex_module.grotecta .grote-cta img{
    object-fit:cover;
	height:100%;
	width:100%;
}

@media screen and (max-width: 1080px) {
    .flex_module.grotecta .grote-cta {
        max-width:100% !important;
        flex-direction:column;	
	}
	.flex_module.grotecta .grote-cta .content{
	    padding:30px;	
	}
	.flex_module.grotecta .grote-cta .content, .grote-cta .img,.flex_module.grotecta .grote-cta .img img{
        width:100% !important;
        max-width:100% !important;
	}
}