/* 
Flex Tekst & Media

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

.flex_module.tekst_media .tekst-media-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
	gap:40px;
}

.flex_module.tekst_media .tekst-media-wrapper.rechts{
    flex-direction: row-reverse;
}

.flex_module.tekst_media .media-container.vierkant{
    aspect-ratio: 1/1; 
    border-radius: 52px;
    box-shadow: 20px 20px 17px 0px rgba(127,133,166,0.65);
    overflow: hidden;
}
.flex_module.tekst_media .media-container.rechthoek{
    aspect-ratio: 1.254;
    border-radius: 50px 150px 50px 50px;
    box-shadow: 20px 20px 17px 0px rgba(127,133,166,0.65);
    overflow: hidden;
}

.flex_module.tekst_media img {
    object-fit: cover;
    object-position: center;
    width: 100%; height: 100%;
}

.flex_module.tekst_media .media-container{
    width: 100%;
    display: flex;
    /* justify-content: center; */
}

.flex_module.tekst_media .content-container{
    max-width: 50%;
    width: 100%;
}

.flex_module.tekst_media .fl-rich-text ul {
    list-style: none;
    padding: 0px;
}
.flex_module.tekst_media .fl-rich-text ul li {
    position: relative;
    padding-left: 44px;
    padding-top: 20px;
}
.flex_module.tekst_media .fl-rich-text ul li:before {
    content: '';
    height: 30px;
    width: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='37' viewBox='0 0 37 37' fill='none'%3E%3Cpath d='M18.9009 30.4949C12.1329 30.4949 6.66089 25.0229 6.66089 18.2549C6.66089 11.4869 12.1329 6.01489 18.9009 6.01489C25.6689 6.01489 31.1409 11.4869 31.1409 18.2549C31.1409 25.0229 25.6689 30.4949 18.9009 30.4949ZM18.9009 7.45489C12.9249 7.45489 8.10089 12.2789 8.10089 18.2549C8.10089 24.2309 12.9249 29.0549 18.9009 29.0549C24.8769 29.0549 29.7009 24.2309 29.7009 18.2549C29.7009 12.2789 24.8769 7.45489 18.9009 7.45489Z' fill='black'/%3E%3Cpath d='M17.4609 23.5829L11.1969 17.3189L12.2049 16.3109L17.4609 21.5669L25.5969 13.4309L26.6049 14.4389L17.4609 23.5829Z' fill='black'/%3E%3C/svg%3E");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0.2em;
    left: 0px;
    margin-top: 15px;
}

.video-dialog-container{
    width: 100%;
}

.video_dialog .iframe-container{
    height: 100%;
}


@media screen and (min-width: 993px) {
    .flex_module.tekst_media .tekst-media-wrapper.rechts .media-container{
        margin-left: 150px;
    }
    .flex_module.tekst_media .tekst-media-wrapper.links .media-container{
        margin-right: 150px;
    }
}   
@media screen and (max-width: 767px) {   
    .flex_module.tekst_media .tekst-media-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
    }
    .flex_module.tekst_media .tekst-media-wrapper.rechts{
        flex-direction: column;
    }

    .flex_module.tekst_media .media-container{
        max-width: 100%;
        width: 100%;
        display: flex;
        justify-content: flex-start;
    }

    .flex_module.tekst_media .media-container img {
        max-width: 100%;
        max-height: 100%;
        object-fit: cover;
        object-position: center;
    }    
    
    .flex_module.tekst_media .content-container{
        max-width: 100%;
        width: 100%;
    }
    
}