/* 
Flex Formulier

Algemene CSS instellingen voor de module.
Verwijder deze instellingen niet.
*/
.flex_module.formulier .form-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
	gap:80px;
}

.flex_module.formulier .form-wrapper .content-container{
    max-width: 35%;
    width: 100%;
    display: flex;

    background-color: #B60434;
    color: #fff;
    border-radius: 10px;
    padding: 65px 45px;

    position: sticky; top: 200px;
}

.flex_module.formulier .form-wrapper .content-container h1,
.flex_module.formulier .form-wrapper .content-container h2,
.flex_module.formulier .form-wrapper .content-container h3,
.flex_module.formulier .form-wrapper .content-container h4,
.flex_module.formulier .form-wrapper .content-container h5,
.flex_module.formulier .form-wrapper .content-container h6{
    color: #fff;
    margin-bottom: 40px;
}

.flex_module.formulier .form-wrapper .content-container a,
.flex_module.formulier .form-wrapper .content-container a:hover{
    color: #fff; text-decoration: underline;
}

.flex_module.formulier .form-wrapper .form-container{
    max-width: 65%;
    width: 100%;
}

#fl-page-esl .flex_module.formulier .gfield_label.gform-field-label{
    display: none;
}

#fl-page-esl .form-wrapper h2.gform_title{
    margin-bottom: 30px;
}

@media screen and (min-width: 1061px) {
    #fl-page-esl .form-wrapper h2.gform_title{
        font-size: 36px;
    }
}

@media screen and (max-width: 1060px) {
    #fl-page-esl .form-wrapper h2.gform_title{
        margin-bottom: 20px;
    }

    .flex_module.formulier .form-wrapper {
        gap:20px;
    }
}

@media screen and (max-width: 767px) { 
    .flex_module.formulier .form-wrapper {
        flex-direction: column;
    }

    .flex_module.formulier .form-wrapper .content-container,
    .flex_module.formulier .form-wrapper .form-container{
        max-width: 100%;
    }
}