.elementor-3 .elementor-element.elementor-element-acd22fc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-3 .elementor-element.elementor-element-cb4102a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3 .elementor-element.elementor-element-3579067{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--padding-top:110%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-3 .elementor-element.elementor-element-3579067:not(.elementor-motion-effects-element-type-background), .elementor-3 .elementor-element.elementor-element-3579067 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBE1D5;}.elementor-3 .elementor-element.elementor-element-c9ee83d > .elementor-widget-container{margin:0px 0px 5px 0px;}.elementor-3 .elementor-element.elementor-element-c9ee83d{z-index:2;}.elementor-3 .elementor-element.elementor-element-c9ee83d .elementor-heading-title{font-size:26px;font-weight:500;}.elementor-3 .elementor-element.elementor-element-b8f7856{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3 .elementor-element.elementor-element-0f40e9b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--padding-top:110%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-3 .elementor-element.elementor-element-0f40e9b:not(.elementor-motion-effects-element-type-background), .elementor-3 .elementor-element.elementor-element-0f40e9b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBE1D5;}.elementor-3 .elementor-element.elementor-element-4da459f > .elementor-widget-container{margin:0px 0px 5px 0px;}.elementor-3 .elementor-element.elementor-element-4da459f{z-index:2;}.elementor-3 .elementor-element.elementor-element-4da459f .elementor-heading-title{font-size:26px;font-weight:500;}.elementor-3 .elementor-element.elementor-element-5952be8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3 .elementor-element.elementor-element-c4bdc08{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--padding-top:110%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-3 .elementor-element.elementor-element-c4bdc08:not(.elementor-motion-effects-element-type-background), .elementor-3 .elementor-element.elementor-element-c4bdc08 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBE1D5;}.elementor-3 .elementor-element.elementor-element-b0e73e5 > .elementor-widget-container{margin:0px 0px 5px 0px;}.elementor-3 .elementor-element.elementor-element-b0e73e5{z-index:2;}.elementor-3 .elementor-element.elementor-element-b0e73e5 .elementor-heading-title{font-size:26px;font-weight:500;}.elementor-3 .elementor-element.elementor-element-8646aab{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3 .elementor-element.elementor-element-5111ce9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--padding-top:110%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-3 .elementor-element.elementor-element-5111ce9:not(.elementor-motion-effects-element-type-background), .elementor-3 .elementor-element.elementor-element-5111ce9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBE1D5;}.elementor-3 .elementor-element.elementor-element-b546c2c > .elementor-widget-container{margin:0px 0px 5px 0px;}.elementor-3 .elementor-element.elementor-element-b546c2c{z-index:2;}.elementor-3 .elementor-element.elementor-element-b546c2c .elementor-heading-title{font-size:26px;font-weight:500;}.elementor-3 .elementor-element.elementor-element-9299c9d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3 .elementor-element.elementor-element-7970e23{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--padding-top:110%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-3 .elementor-element.elementor-element-7970e23:not(.elementor-motion-effects-element-type-background), .elementor-3 .elementor-element.elementor-element-7970e23 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBE1D5;}.elementor-3 .elementor-element.elementor-element-1df0b1e > .elementor-widget-container{margin:0px 0px 5px 0px;}.elementor-3 .elementor-element.elementor-element-1df0b1e{z-index:2;}.elementor-3 .elementor-element.elementor-element-1df0b1e .elementor-heading-title{font-size:26px;font-weight:500;}.elementor-3 .elementor-element.elementor-element-dc7642d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3 .elementor-element.elementor-element-6a92b95{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--padding-top:110%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-3 .elementor-element.elementor-element-6a92b95:not(.elementor-motion-effects-element-type-background), .elementor-3 .elementor-element.elementor-element-6a92b95 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBE1D5;}.elementor-3 .elementor-element.elementor-element-b92af75 > .elementor-widget-container{margin:0px 0px 5px 0px;}.elementor-3 .elementor-element.elementor-element-b92af75{z-index:2;}.elementor-3 .elementor-element.elementor-element-b92af75 .elementor-heading-title{font-size:26px;font-weight:500;}.elementor-3 .elementor-element.elementor-element-0ee145e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3 .elementor-element.elementor-element-8e208ce{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--padding-top:110%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-3 .elementor-element.elementor-element-8e208ce:not(.elementor-motion-effects-element-type-background), .elementor-3 .elementor-element.elementor-element-8e208ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBE1D5;}.elementor-3 .elementor-element.elementor-element-acc8da5 > .elementor-widget-container{margin:0px 0px 5px 0px;}.elementor-3 .elementor-element.elementor-element-acc8da5{z-index:2;}.elementor-3 .elementor-element.elementor-element-acc8da5 .elementor-heading-title{font-size:26px;font-weight:500;}.elementor-3 .elementor-element.elementor-element-e9db472{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3 .elementor-element.elementor-element-6a2bcb3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--padding-top:110%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-3 .elementor-element.elementor-element-6a2bcb3:not(.elementor-motion-effects-element-type-background), .elementor-3 .elementor-element.elementor-element-6a2bcb3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBE1D5;}.elementor-3 .elementor-element.elementor-element-0eb3531 > .elementor-widget-container{margin:0px 0px 5px 0px;}.elementor-3 .elementor-element.elementor-element-0eb3531{z-index:2;}.elementor-3 .elementor-element.elementor-element-0eb3531 .elementor-heading-title{font-size:26px;font-weight:500;}.elementor-3 .elementor-element.elementor-element-279ce30{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3 .elementor-element.elementor-element-89bdb5c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--padding-top:110%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-3 .elementor-element.elementor-element-89bdb5c:not(.elementor-motion-effects-element-type-background), .elementor-3 .elementor-element.elementor-element-89bdb5c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBE1D5;}.elementor-3 .elementor-element.elementor-element-a48b601 > .elementor-widget-container{margin:0px 0px 5px 0px;}.elementor-3 .elementor-element.elementor-element-a48b601{z-index:2;}.elementor-3 .elementor-element.elementor-element-a48b601 .elementor-heading-title{font-size:26px;font-weight:500;}.elementor-3 .elementor-element.elementor-element-138d51a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3 .elementor-element.elementor-element-d8a26e6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--padding-top:110%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-3 .elementor-element.elementor-element-d8a26e6:not(.elementor-motion-effects-element-type-background), .elementor-3 .elementor-element.elementor-element-d8a26e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBE1D5;}.elementor-3 .elementor-element.elementor-element-020b039 > .elementor-widget-container{margin:0px 0px 5px 0px;}.elementor-3 .elementor-element.elementor-element-020b039{z-index:2;}.elementor-3 .elementor-element.elementor-element-020b039 .elementor-heading-title{font-size:26px;font-weight:500;}.elementor-3 .elementor-element.elementor-element-a9a10ee{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3 .elementor-element.elementor-element-ce8f40a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--padding-top:110%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-3 .elementor-element.elementor-element-ce8f40a:not(.elementor-motion-effects-element-type-background), .elementor-3 .elementor-element.elementor-element-ce8f40a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBE1D5;}.elementor-3 .elementor-element.elementor-element-b74763a > .elementor-widget-container{margin:0px 0px 5px 0px;}.elementor-3 .elementor-element.elementor-element-b74763a{z-index:2;}.elementor-3 .elementor-element.elementor-element-b74763a .elementor-heading-title{font-size:26px;font-weight:500;}.elementor-3 .elementor-element.elementor-element-edc2fb4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3 .elementor-element.elementor-element-8a73ccc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--padding-top:110%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-3 .elementor-element.elementor-element-8a73ccc:not(.elementor-motion-effects-element-type-background), .elementor-3 .elementor-element.elementor-element-8a73ccc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBE1D5;}.elementor-3 .elementor-element.elementor-element-89ff53d > .elementor-widget-container{margin:0px 0px 5px 0px;}.elementor-3 .elementor-element.elementor-element-89ff53d{z-index:2;}.elementor-3 .elementor-element.elementor-element-89ff53d .elementor-heading-title{font-size:26px;font-weight:500;}.elementor-3 .elementor-element.elementor-element-e8ea2a6{--e-n-carousel-swiper-slides-to-display:5;--e-n-carousel-swiper-offset-size:80px;--e-n-carousel-swiper-slides-gap:20px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:0px;}:where( .elementor-3 .elementor-element.elementor-element-e8ea2a6 .swiper-slide ) > .e-con{--border-radius:10px 10px 10px 10px;}.elementor-3 .elementor-element.elementor-element-206e05c{--display:flex;--position:absolute;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;bottom:20px;--z-index:2;}body:not(.rtl) .elementor-3 .elementor-element.elementor-element-206e05c{right:15vw;}body.rtl .elementor-3 .elementor-element.elementor-element-206e05c{left:15vw;}.elementor-3 .elementor-element.elementor-element-423bcb8{width:auto;max-width:auto;}.elementor-3 .elementor-element.elementor-element-423bcb8 .elementor-icon-wrapper{text-align:center;}.elementor-3 .elementor-element.elementor-element-423bcb8.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;color:var( --e-global-color-365bf59 );}.elementor-3 .elementor-element.elementor-element-423bcb8.elementor-view-framed .elementor-icon, .elementor-3 .elementor-element.elementor-element-423bcb8.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-3 .elementor-element.elementor-element-423bcb8.elementor-view-framed .elementor-icon, .elementor-3 .elementor-element.elementor-element-423bcb8.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-3 .elementor-element.elementor-element-423bcb8.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-365bf59 );}.elementor-3 .elementor-element.elementor-element-423bcb8.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-365bf59 );}.elementor-3 .elementor-element.elementor-element-423bcb8.elementor-view-stacked .elementor-icon:hover{background-color:#FFFFFF;color:#2A2A2AE3;}.elementor-3 .elementor-element.elementor-element-423bcb8.elementor-view-framed .elementor-icon:hover, .elementor-3 .elementor-element.elementor-element-423bcb8.elementor-view-default .elementor-icon:hover{color:#FFFFFF;border-color:#FFFFFF;}.elementor-3 .elementor-element.elementor-element-423bcb8.elementor-view-framed .elementor-icon:hover, .elementor-3 .elementor-element.elementor-element-423bcb8.elementor-view-default .elementor-icon:hover svg{fill:#FFFFFF;}.elementor-3 .elementor-element.elementor-element-423bcb8.elementor-view-framed .elementor-icon:hover{background-color:#2A2A2AE3;}.elementor-3 .elementor-element.elementor-element-423bcb8.elementor-view-stacked .elementor-icon:hover svg{fill:#2A2A2AE3;}.elementor-3 .elementor-element.elementor-element-423bcb8 .elementor-icon{font-size:16px;padding:17px;border-width:0px 0px 0px 0px;}.elementor-3 .elementor-element.elementor-element-423bcb8 .elementor-icon svg{height:16px;}.elementor-3 .elementor-element.elementor-element-9ef0470{width:auto;max-width:auto;}.elementor-3 .elementor-element.elementor-element-9ef0470 .elementor-icon-wrapper{text-align:center;}.elementor-3 .elementor-element.elementor-element-9ef0470.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;color:var( --e-global-color-365bf59 );}.elementor-3 .elementor-element.elementor-element-9ef0470.elementor-view-framed .elementor-icon, .elementor-3 .elementor-element.elementor-element-9ef0470.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-3 .elementor-element.elementor-element-9ef0470.elementor-view-framed .elementor-icon, .elementor-3 .elementor-element.elementor-element-9ef0470.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-3 .elementor-element.elementor-element-9ef0470.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-365bf59 );}.elementor-3 .elementor-element.elementor-element-9ef0470.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-365bf59 );}.elementor-3 .elementor-element.elementor-element-9ef0470.elementor-view-stacked .elementor-icon:hover{background-color:#FFFFFF;color:#2A2A2AE3;}.elementor-3 .elementor-element.elementor-element-9ef0470.elementor-view-framed .elementor-icon:hover, .elementor-3 .elementor-element.elementor-element-9ef0470.elementor-view-default .elementor-icon:hover{color:#FFFFFF;border-color:#FFFFFF;}.elementor-3 .elementor-element.elementor-element-9ef0470.elementor-view-framed .elementor-icon:hover, .elementor-3 .elementor-element.elementor-element-9ef0470.elementor-view-default .elementor-icon:hover svg{fill:#FFFFFF;}.elementor-3 .elementor-element.elementor-element-9ef0470.elementor-view-framed .elementor-icon:hover{background-color:#2A2A2AE3;}.elementor-3 .elementor-element.elementor-element-9ef0470.elementor-view-stacked .elementor-icon:hover svg{fill:#2A2A2AE3;}.elementor-3 .elementor-element.elementor-element-9ef0470 .elementor-icon{font-size:16px;padding:17px;border-width:0px 0px 0px 0px;}.elementor-3 .elementor-element.elementor-element-9ef0470 .elementor-icon svg{height:16px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3 .elementor-element.elementor-element-206e05c{--width:100px;}}@media(max-width:1366px){.elementor-3 .elementor-element.elementor-element-e8ea2a6{--e-n-carousel-swiper-slides-to-display:3;}body:not(.rtl) .elementor-3 .elementor-element.elementor-element-206e05c{right:10%;}body.rtl .elementor-3 .elementor-element.elementor-element-206e05c{left:10%;}}@media(max-width:1024px){.elementor-3 .elementor-element.elementor-element-e8ea2a6{--e-n-carousel-swiper-slides-to-display:2;}body:not(.rtl) .elementor-3 .elementor-element.elementor-element-206e05c{right:10%;}body.rtl .elementor-3 .elementor-element.elementor-element-206e05c{left:10%;}}@media(max-width:767px){.elementor-3 .elementor-element.elementor-element-e8ea2a6{--e-n-carousel-swiper-slides-to-display:1;}.elementor-3 .elementor-element.elementor-element-206e05c{--width:120px;}body:not(.rtl) .elementor-3 .elementor-element.elementor-element-206e05c{right:7%;}body.rtl .elementor-3 .elementor-element.elementor-element-206e05c{left:7%;}}/* Start custom CSS for container, class: .elementor-element-3579067 */.elementor-3 .elementor-element.elementor-element-3579067 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-3579067::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/03/SIL_Serax2-scaled.jpg');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-3579067:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-3579067:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-3579067 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-3579067::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-3579067 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f40e9b */.elementor-3 .elementor-element.elementor-element-0f40e9b {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/101-Copenhagen-2.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-0f40e9b .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-0f40e9b::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-0f40e9b {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4bdc08 */.elementor-3 .elementor-element.elementor-element-c4bdc08 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Baobab-2.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-c4bdc08 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-c4bdc08::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-c4bdc08 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5111ce9 */.elementor-3 .elementor-element.elementor-element-5111ce9 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-5111ce9::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Elitis.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-5111ce9:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-5111ce9:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-5111ce9 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-5111ce9::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-5111ce9 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7970e23 */.elementor-3 .elementor-element.elementor-element-7970e23 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-7970e23::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Atelier-Roa.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-7970e23:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-7970e23:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-7970e23 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-7970e23::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-7970e23 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a92b95 */.elementor-3 .elementor-element.elementor-element-6a92b95 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-6a92b95::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-170.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-6a92b95:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-6a92b95:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-6a92b95 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-6a92b95::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-6a92b95 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e208ce */.elementor-3 .elementor-element.elementor-element-8e208ce {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-8e208ce::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-168.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-8e208ce:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-8e208ce:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-8e208ce .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-8e208ce::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-8e208ce {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a2bcb3 */.elementor-3 .elementor-element.elementor-element-6a2bcb3 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-169.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-6a2bcb3 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-6a2bcb3::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-6a2bcb3 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89bdb5c */.elementor-3 .elementor-element.elementor-element-89bdb5c {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-167.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-89bdb5c .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-89bdb5c::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-89bdb5c {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8a26e6 */.elementor-3 .elementor-element.elementor-element-d8a26e6 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-173.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-d8a26e6 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-d8a26e6::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-d8a26e6 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce8f40a */.elementor-3 .elementor-element.elementor-element-ce8f40a {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-172.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-ce8f40a .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-ce8f40a::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-ce8f40a {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8a73ccc */.elementor-3 .elementor-element.elementor-element-8a73ccc {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-171.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 20% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-8a73ccc .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-8a73ccc::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-8a73ccc {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3579067 */.elementor-3 .elementor-element.elementor-element-3579067 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-3579067::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/03/SIL_Serax2-scaled.jpg');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-3579067:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-3579067:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-3579067 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-3579067::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-3579067 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f40e9b */.elementor-3 .elementor-element.elementor-element-0f40e9b {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/101-Copenhagen-2.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-0f40e9b .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-0f40e9b::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-0f40e9b {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4bdc08 */.elementor-3 .elementor-element.elementor-element-c4bdc08 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Baobab-2.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-c4bdc08 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-c4bdc08::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-c4bdc08 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5111ce9 */.elementor-3 .elementor-element.elementor-element-5111ce9 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-5111ce9::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Elitis.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-5111ce9:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-5111ce9:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-5111ce9 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-5111ce9::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-5111ce9 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7970e23 */.elementor-3 .elementor-element.elementor-element-7970e23 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-7970e23::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Atelier-Roa.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-7970e23:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-7970e23:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-7970e23 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-7970e23::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-7970e23 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a92b95 */.elementor-3 .elementor-element.elementor-element-6a92b95 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-6a92b95::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-170.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-6a92b95:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-6a92b95:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-6a92b95 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-6a92b95::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-6a92b95 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e208ce */.elementor-3 .elementor-element.elementor-element-8e208ce {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-8e208ce::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-168.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-8e208ce:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-8e208ce:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-8e208ce .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-8e208ce::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-8e208ce {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a2bcb3 */.elementor-3 .elementor-element.elementor-element-6a2bcb3 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-169.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-6a2bcb3 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-6a2bcb3::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-6a2bcb3 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89bdb5c */.elementor-3 .elementor-element.elementor-element-89bdb5c {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-167.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-89bdb5c .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-89bdb5c::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-89bdb5c {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8a26e6 */.elementor-3 .elementor-element.elementor-element-d8a26e6 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-173.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-d8a26e6 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-d8a26e6::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-d8a26e6 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce8f40a */.elementor-3 .elementor-element.elementor-element-ce8f40a {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-172.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-ce8f40a .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-ce8f40a::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-ce8f40a {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8a73ccc */.elementor-3 .elementor-element.elementor-element-8a73ccc {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-171.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 20% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-8a73ccc .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-8a73ccc::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-8a73ccc {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3579067 */.elementor-3 .elementor-element.elementor-element-3579067 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-3579067::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/03/SIL_Serax2-scaled.jpg');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-3579067:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-3579067:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-3579067 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-3579067::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-3579067 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f40e9b */.elementor-3 .elementor-element.elementor-element-0f40e9b {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/101-Copenhagen-2.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-0f40e9b .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-0f40e9b::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-0f40e9b {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4bdc08 */.elementor-3 .elementor-element.elementor-element-c4bdc08 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Baobab-2.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-c4bdc08 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-c4bdc08::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-c4bdc08 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5111ce9 */.elementor-3 .elementor-element.elementor-element-5111ce9 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-5111ce9::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Elitis.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-5111ce9:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-5111ce9:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-5111ce9 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-5111ce9::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-5111ce9 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7970e23 */.elementor-3 .elementor-element.elementor-element-7970e23 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-7970e23::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Atelier-Roa.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-7970e23:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-7970e23:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-7970e23 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-7970e23::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-7970e23 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a92b95 */.elementor-3 .elementor-element.elementor-element-6a92b95 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-6a92b95::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-170.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-6a92b95:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-6a92b95:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-6a92b95 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-6a92b95::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-6a92b95 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e208ce */.elementor-3 .elementor-element.elementor-element-8e208ce {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-8e208ce::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-168.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-8e208ce:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-8e208ce:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-8e208ce .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-8e208ce::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-8e208ce {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a2bcb3 */.elementor-3 .elementor-element.elementor-element-6a2bcb3 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-169.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-6a2bcb3 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-6a2bcb3::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-6a2bcb3 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89bdb5c */.elementor-3 .elementor-element.elementor-element-89bdb5c {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-167.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-89bdb5c .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-89bdb5c::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-89bdb5c {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8a26e6 */.elementor-3 .elementor-element.elementor-element-d8a26e6 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-173.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-d8a26e6 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-d8a26e6::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-d8a26e6 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce8f40a */.elementor-3 .elementor-element.elementor-element-ce8f40a {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-172.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-ce8f40a .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-ce8f40a::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-ce8f40a {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8a73ccc */.elementor-3 .elementor-element.elementor-element-8a73ccc {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-171.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 20% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-8a73ccc .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-8a73ccc::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-8a73ccc {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3579067 */.elementor-3 .elementor-element.elementor-element-3579067 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-3579067::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/03/SIL_Serax2-scaled.jpg');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-3579067:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-3579067:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-3579067 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-3579067::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-3579067 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f40e9b */.elementor-3 .elementor-element.elementor-element-0f40e9b {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/101-Copenhagen-2.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-0f40e9b .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-0f40e9b::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-0f40e9b {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4bdc08 */.elementor-3 .elementor-element.elementor-element-c4bdc08 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Baobab-2.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-c4bdc08 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-c4bdc08::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-c4bdc08 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5111ce9 */.elementor-3 .elementor-element.elementor-element-5111ce9 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-5111ce9::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Elitis.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-5111ce9:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-5111ce9:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-5111ce9 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-5111ce9::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-5111ce9 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7970e23 */.elementor-3 .elementor-element.elementor-element-7970e23 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-7970e23::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Atelier-Roa.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-7970e23:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-7970e23:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-7970e23 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-7970e23::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-7970e23 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a92b95 */.elementor-3 .elementor-element.elementor-element-6a92b95 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-6a92b95::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-170.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-6a92b95:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-6a92b95:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-6a92b95 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-6a92b95::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-6a92b95 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e208ce */.elementor-3 .elementor-element.elementor-element-8e208ce {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-8e208ce::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-168.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-8e208ce:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-8e208ce:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-8e208ce .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-8e208ce::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-8e208ce {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a2bcb3 */.elementor-3 .elementor-element.elementor-element-6a2bcb3 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-169.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-6a2bcb3 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-6a2bcb3::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-6a2bcb3 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89bdb5c */.elementor-3 .elementor-element.elementor-element-89bdb5c {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-167.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-89bdb5c .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-89bdb5c::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-89bdb5c {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8a26e6 */.elementor-3 .elementor-element.elementor-element-d8a26e6 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-173.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-d8a26e6 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-d8a26e6::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-d8a26e6 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce8f40a */.elementor-3 .elementor-element.elementor-element-ce8f40a {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-172.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-ce8f40a .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-ce8f40a::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-ce8f40a {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8a73ccc */.elementor-3 .elementor-element.elementor-element-8a73ccc {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-171.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 20% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-8a73ccc .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-8a73ccc::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-8a73ccc {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3579067 */.elementor-3 .elementor-element.elementor-element-3579067 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-3579067::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/03/SIL_Serax2-scaled.jpg');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-3579067:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-3579067:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-3579067 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-3579067::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-3579067 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f40e9b */.elementor-3 .elementor-element.elementor-element-0f40e9b {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/101-Copenhagen-2.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-0f40e9b .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-0f40e9b::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-0f40e9b {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4bdc08 */.elementor-3 .elementor-element.elementor-element-c4bdc08 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Baobab-2.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-c4bdc08 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-c4bdc08::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-c4bdc08 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5111ce9 */.elementor-3 .elementor-element.elementor-element-5111ce9 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-5111ce9::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Elitis.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-5111ce9:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-5111ce9:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-5111ce9 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-5111ce9::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-5111ce9 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7970e23 */.elementor-3 .elementor-element.elementor-element-7970e23 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-7970e23::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Atelier-Roa.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-7970e23:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-7970e23:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-7970e23 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-7970e23::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-7970e23 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a92b95 */.elementor-3 .elementor-element.elementor-element-6a92b95 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-6a92b95::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-170.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-6a92b95:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-6a92b95:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-6a92b95 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-6a92b95::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-6a92b95 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e208ce */.elementor-3 .elementor-element.elementor-element-8e208ce {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-8e208ce::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-168.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-8e208ce:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-8e208ce:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-8e208ce .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-8e208ce::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-8e208ce {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a2bcb3 */.elementor-3 .elementor-element.elementor-element-6a2bcb3 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-169.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-6a2bcb3 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-6a2bcb3::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-6a2bcb3 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89bdb5c */.elementor-3 .elementor-element.elementor-element-89bdb5c {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-167.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-89bdb5c .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-89bdb5c::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-89bdb5c {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8a26e6 */.elementor-3 .elementor-element.elementor-element-d8a26e6 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-173.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-d8a26e6 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-d8a26e6::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-d8a26e6 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce8f40a */.elementor-3 .elementor-element.elementor-element-ce8f40a {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-172.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-ce8f40a .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-ce8f40a::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-ce8f40a {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8a73ccc */.elementor-3 .elementor-element.elementor-element-8a73ccc {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-171.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 20% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-8a73ccc .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-8a73ccc::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-8a73ccc {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3579067 */.elementor-3 .elementor-element.elementor-element-3579067 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-3579067::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/03/SIL_Serax2-scaled.jpg');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-3579067:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-3579067:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-3579067 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-3579067::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-3579067 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f40e9b */.elementor-3 .elementor-element.elementor-element-0f40e9b {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/101-Copenhagen-2.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-0f40e9b .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-0f40e9b::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-0f40e9b {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4bdc08 */.elementor-3 .elementor-element.elementor-element-c4bdc08 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Baobab-2.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-c4bdc08 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-c4bdc08::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-c4bdc08 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5111ce9 */.elementor-3 .elementor-element.elementor-element-5111ce9 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-5111ce9::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Elitis.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-5111ce9:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-5111ce9:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-5111ce9 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-5111ce9::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-5111ce9 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7970e23 */.elementor-3 .elementor-element.elementor-element-7970e23 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-7970e23::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Atelier-Roa.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-7970e23:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-7970e23:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-7970e23 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-7970e23::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-7970e23 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a92b95 */.elementor-3 .elementor-element.elementor-element-6a92b95 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-6a92b95::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-170.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-6a92b95:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-6a92b95:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-6a92b95 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-6a92b95::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-6a92b95 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e208ce */.elementor-3 .elementor-element.elementor-element-8e208ce {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-8e208ce::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-168.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-8e208ce:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-8e208ce:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-8e208ce .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-8e208ce::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-8e208ce {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a2bcb3 */.elementor-3 .elementor-element.elementor-element-6a2bcb3 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-169.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-6a2bcb3 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-6a2bcb3::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-6a2bcb3 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89bdb5c */.elementor-3 .elementor-element.elementor-element-89bdb5c {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-167.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-89bdb5c .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-89bdb5c::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-89bdb5c {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8a26e6 */.elementor-3 .elementor-element.elementor-element-d8a26e6 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-173.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-d8a26e6 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-d8a26e6::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-d8a26e6 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce8f40a */.elementor-3 .elementor-element.elementor-element-ce8f40a {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-172.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-ce8f40a .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-ce8f40a::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-ce8f40a {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8a73ccc */.elementor-3 .elementor-element.elementor-element-8a73ccc {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-171.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 20% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-8a73ccc .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-8a73ccc::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-8a73ccc {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3579067 */.elementor-3 .elementor-element.elementor-element-3579067 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-3579067::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/03/SIL_Serax2-scaled.jpg');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-3579067:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-3579067:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-3579067 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-3579067::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-3579067 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f40e9b */.elementor-3 .elementor-element.elementor-element-0f40e9b {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/101-Copenhagen-2.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-0f40e9b .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-0f40e9b::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-0f40e9b {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4bdc08 */.elementor-3 .elementor-element.elementor-element-c4bdc08 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Baobab-2.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-c4bdc08 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-c4bdc08::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-c4bdc08 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5111ce9 */.elementor-3 .elementor-element.elementor-element-5111ce9 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-5111ce9::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Elitis.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-5111ce9:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-5111ce9:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-5111ce9 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-5111ce9::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-5111ce9 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7970e23 */.elementor-3 .elementor-element.elementor-element-7970e23 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-7970e23::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Atelier-Roa.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-7970e23:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-7970e23:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-7970e23 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-7970e23::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-7970e23 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a92b95 */.elementor-3 .elementor-element.elementor-element-6a92b95 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-6a92b95::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-170.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-6a92b95:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-6a92b95:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-6a92b95 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-6a92b95::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-6a92b95 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e208ce */.elementor-3 .elementor-element.elementor-element-8e208ce {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-8e208ce::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-168.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-8e208ce:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-8e208ce:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-8e208ce .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-8e208ce::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-8e208ce {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a2bcb3 */.elementor-3 .elementor-element.elementor-element-6a2bcb3 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-169.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-6a2bcb3 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-6a2bcb3::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-6a2bcb3 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89bdb5c */.elementor-3 .elementor-element.elementor-element-89bdb5c {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-167.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-89bdb5c .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-89bdb5c::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-89bdb5c {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8a26e6 */.elementor-3 .elementor-element.elementor-element-d8a26e6 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-173.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-d8a26e6 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-d8a26e6::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-d8a26e6 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce8f40a */.elementor-3 .elementor-element.elementor-element-ce8f40a {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-172.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-ce8f40a .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-ce8f40a::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-ce8f40a {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8a73ccc */.elementor-3 .elementor-element.elementor-element-8a73ccc {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-171.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 20% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-8a73ccc .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-8a73ccc::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-8a73ccc {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3579067 */.elementor-3 .elementor-element.elementor-element-3579067 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-3579067::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/03/SIL_Serax2-scaled.jpg');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-3579067:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-3579067:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-3579067 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-3579067::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-3579067 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f40e9b */.elementor-3 .elementor-element.elementor-element-0f40e9b {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/101-Copenhagen-2.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-0f40e9b .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-0f40e9b::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-0f40e9b {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4bdc08 */.elementor-3 .elementor-element.elementor-element-c4bdc08 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Baobab-2.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-c4bdc08 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-c4bdc08::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-c4bdc08 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5111ce9 */.elementor-3 .elementor-element.elementor-element-5111ce9 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-5111ce9::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Elitis.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-5111ce9:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-5111ce9:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-5111ce9 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-5111ce9::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-5111ce9 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7970e23 */.elementor-3 .elementor-element.elementor-element-7970e23 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-7970e23::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Atelier-Roa.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-7970e23:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-7970e23:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-7970e23 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-7970e23::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-7970e23 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a92b95 */.elementor-3 .elementor-element.elementor-element-6a92b95 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-6a92b95::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-170.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-6a92b95:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-6a92b95:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-6a92b95 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-6a92b95::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-6a92b95 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e208ce */.elementor-3 .elementor-element.elementor-element-8e208ce {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-8e208ce::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-168.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-8e208ce:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-8e208ce:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-8e208ce .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-8e208ce::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-8e208ce {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a2bcb3 */.elementor-3 .elementor-element.elementor-element-6a2bcb3 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-169.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-6a2bcb3 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-6a2bcb3::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-6a2bcb3 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89bdb5c */.elementor-3 .elementor-element.elementor-element-89bdb5c {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-167.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-89bdb5c .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-89bdb5c::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-89bdb5c {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8a26e6 */.elementor-3 .elementor-element.elementor-element-d8a26e6 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-173.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-d8a26e6 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-d8a26e6::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-d8a26e6 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce8f40a */.elementor-3 .elementor-element.elementor-element-ce8f40a {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-172.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-ce8f40a .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-ce8f40a::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-ce8f40a {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8a73ccc */.elementor-3 .elementor-element.elementor-element-8a73ccc {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-171.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 20% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-8a73ccc .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-8a73ccc::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-8a73ccc {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3579067 */.elementor-3 .elementor-element.elementor-element-3579067 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-3579067::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/03/SIL_Serax2-scaled.jpg');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-3579067:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-3579067:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-3579067 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-3579067::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-3579067 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f40e9b */.elementor-3 .elementor-element.elementor-element-0f40e9b {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/101-Copenhagen-2.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-0f40e9b .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-0f40e9b::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-0f40e9b {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4bdc08 */.elementor-3 .elementor-element.elementor-element-c4bdc08 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Baobab-2.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-c4bdc08 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-c4bdc08::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-c4bdc08 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5111ce9 */.elementor-3 .elementor-element.elementor-element-5111ce9 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-5111ce9::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Elitis.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-5111ce9:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-5111ce9:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-5111ce9 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-5111ce9::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-5111ce9 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7970e23 */.elementor-3 .elementor-element.elementor-element-7970e23 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-7970e23::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Atelier-Roa.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-7970e23:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-7970e23:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-7970e23 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-7970e23::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-7970e23 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a92b95 */.elementor-3 .elementor-element.elementor-element-6a92b95 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-6a92b95::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-170.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-6a92b95:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-6a92b95:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-6a92b95 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-6a92b95::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-6a92b95 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e208ce */.elementor-3 .elementor-element.elementor-element-8e208ce {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-8e208ce::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-168.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-8e208ce:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-8e208ce:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-8e208ce .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-8e208ce::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-8e208ce {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a2bcb3 */.elementor-3 .elementor-element.elementor-element-6a2bcb3 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-169.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-6a2bcb3 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-6a2bcb3::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-6a2bcb3 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89bdb5c */.elementor-3 .elementor-element.elementor-element-89bdb5c {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-167.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-89bdb5c .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-89bdb5c::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-89bdb5c {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8a26e6 */.elementor-3 .elementor-element.elementor-element-d8a26e6 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-173.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-d8a26e6 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-d8a26e6::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-d8a26e6 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce8f40a */.elementor-3 .elementor-element.elementor-element-ce8f40a {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-172.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-ce8f40a .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-ce8f40a::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-ce8f40a {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8a73ccc */.elementor-3 .elementor-element.elementor-element-8a73ccc {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-171.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 20% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-8a73ccc .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-8a73ccc::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-8a73ccc {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3579067 */.elementor-3 .elementor-element.elementor-element-3579067 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-3579067::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/03/SIL_Serax2-scaled.jpg');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-3579067:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-3579067:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-3579067 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-3579067::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-3579067 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f40e9b */.elementor-3 .elementor-element.elementor-element-0f40e9b {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/101-Copenhagen-2.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-0f40e9b .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-0f40e9b::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-0f40e9b {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4bdc08 */.elementor-3 .elementor-element.elementor-element-c4bdc08 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Baobab-2.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-c4bdc08 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-c4bdc08::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-c4bdc08 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5111ce9 */.elementor-3 .elementor-element.elementor-element-5111ce9 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-5111ce9::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Elitis.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-5111ce9:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-5111ce9:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-5111ce9 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-5111ce9::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-5111ce9 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7970e23 */.elementor-3 .elementor-element.elementor-element-7970e23 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-7970e23::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Atelier-Roa.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-7970e23:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-7970e23:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-7970e23 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-7970e23::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-7970e23 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a92b95 */.elementor-3 .elementor-element.elementor-element-6a92b95 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-6a92b95::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-170.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-6a92b95:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-6a92b95:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-6a92b95 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-6a92b95::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-6a92b95 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e208ce */.elementor-3 .elementor-element.elementor-element-8e208ce {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-8e208ce::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-168.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-8e208ce:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-8e208ce:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-8e208ce .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-8e208ce::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-8e208ce {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a2bcb3 */.elementor-3 .elementor-element.elementor-element-6a2bcb3 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-169.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-6a2bcb3 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-6a2bcb3::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-6a2bcb3 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89bdb5c */.elementor-3 .elementor-element.elementor-element-89bdb5c {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-167.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-89bdb5c .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-89bdb5c::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-89bdb5c {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8a26e6 */.elementor-3 .elementor-element.elementor-element-d8a26e6 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-173.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-d8a26e6 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-d8a26e6::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-d8a26e6 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce8f40a */.elementor-3 .elementor-element.elementor-element-ce8f40a {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-172.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-ce8f40a .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-ce8f40a::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-ce8f40a {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8a73ccc */.elementor-3 .elementor-element.elementor-element-8a73ccc {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-171.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 20% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-8a73ccc .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-8a73ccc::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-8a73ccc {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3579067 */.elementor-3 .elementor-element.elementor-element-3579067 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-3579067::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/03/SIL_Serax2-scaled.jpg');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-3579067:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-3579067:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-3579067 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-3579067::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-3579067 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f40e9b */.elementor-3 .elementor-element.elementor-element-0f40e9b {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/101-Copenhagen-2.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-0f40e9b .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-0f40e9b::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-0f40e9b {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4bdc08 */.elementor-3 .elementor-element.elementor-element-c4bdc08 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Baobab-2.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-c4bdc08 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-c4bdc08::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-c4bdc08 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5111ce9 */.elementor-3 .elementor-element.elementor-element-5111ce9 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-5111ce9::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Elitis.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-5111ce9:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-5111ce9:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-5111ce9 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-5111ce9::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-5111ce9 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7970e23 */.elementor-3 .elementor-element.elementor-element-7970e23 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-7970e23::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Atelier-Roa.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-7970e23:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-7970e23:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-7970e23 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-7970e23::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-7970e23 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a92b95 */.elementor-3 .elementor-element.elementor-element-6a92b95 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-6a92b95::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-170.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-6a92b95:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-6a92b95:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-6a92b95 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-6a92b95::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-6a92b95 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e208ce */.elementor-3 .elementor-element.elementor-element-8e208ce {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-8e208ce::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-168.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-8e208ce:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-8e208ce:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-8e208ce .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-8e208ce::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-8e208ce {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a2bcb3 */.elementor-3 .elementor-element.elementor-element-6a2bcb3 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-169.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-6a2bcb3 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-6a2bcb3::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-6a2bcb3 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89bdb5c */.elementor-3 .elementor-element.elementor-element-89bdb5c {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-167.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-89bdb5c .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-89bdb5c::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-89bdb5c {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8a26e6 */.elementor-3 .elementor-element.elementor-element-d8a26e6 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-173.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-d8a26e6 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-d8a26e6::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-d8a26e6 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce8f40a */.elementor-3 .elementor-element.elementor-element-ce8f40a {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-172.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-ce8f40a .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-ce8f40a::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-ce8f40a {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8a73ccc */.elementor-3 .elementor-element.elementor-element-8a73ccc {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-171.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 20% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-8a73ccc .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-8a73ccc::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-8a73ccc {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3579067 */.elementor-3 .elementor-element.elementor-element-3579067 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-3579067::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/03/SIL_Serax2-scaled.jpg');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-3579067:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-3579067:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-3579067 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-3579067::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-3579067 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f40e9b */.elementor-3 .elementor-element.elementor-element-0f40e9b {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/101-Copenhagen-2.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-0f40e9b .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-0f40e9b::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-0f40e9b {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4bdc08 */.elementor-3 .elementor-element.elementor-element-c4bdc08 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Baobab-2.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-c4bdc08 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-c4bdc08::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-c4bdc08 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5111ce9 */.elementor-3 .elementor-element.elementor-element-5111ce9 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-5111ce9::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Elitis.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-5111ce9:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-5111ce9:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-5111ce9 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-5111ce9::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-5111ce9 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7970e23 */.elementor-3 .elementor-element.elementor-element-7970e23 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-7970e23::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Atelier-Roa.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-7970e23:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-7970e23:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-7970e23 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-7970e23::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-7970e23 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a92b95 */.elementor-3 .elementor-element.elementor-element-6a92b95 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-6a92b95::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-170.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-6a92b95:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-6a92b95:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-6a92b95 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-6a92b95::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-6a92b95 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e208ce */.elementor-3 .elementor-element.elementor-element-8e208ce {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-8e208ce::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-168.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-8e208ce:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-8e208ce:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-8e208ce .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-8e208ce::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-8e208ce {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a2bcb3 */.elementor-3 .elementor-element.elementor-element-6a2bcb3 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-169.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-6a2bcb3 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-6a2bcb3::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-6a2bcb3 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89bdb5c */.elementor-3 .elementor-element.elementor-element-89bdb5c {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-167.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-89bdb5c .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-89bdb5c::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-89bdb5c {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8a26e6 */.elementor-3 .elementor-element.elementor-element-d8a26e6 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-173.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-d8a26e6 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-d8a26e6::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-d8a26e6 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce8f40a */.elementor-3 .elementor-element.elementor-element-ce8f40a {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-172.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-ce8f40a .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-ce8f40a::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-ce8f40a {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8a73ccc */.elementor-3 .elementor-element.elementor-element-8a73ccc {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-171.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 20% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-8a73ccc .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-8a73ccc::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-8a73ccc {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3579067 */.elementor-3 .elementor-element.elementor-element-3579067 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-3579067::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/03/SIL_Serax2-scaled.jpg');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-3579067:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-3579067:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-3579067 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-3579067::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-3579067 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f40e9b */.elementor-3 .elementor-element.elementor-element-0f40e9b {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/101-Copenhagen-2.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-0f40e9b:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-0f40e9b .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-0f40e9b::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-0f40e9b {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4bdc08 */.elementor-3 .elementor-element.elementor-element-c4bdc08 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Baobab-2.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-c4bdc08:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-c4bdc08 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-c4bdc08::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-c4bdc08 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5111ce9 */.elementor-3 .elementor-element.elementor-element-5111ce9 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-5111ce9::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Elitis.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-5111ce9:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-5111ce9:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-5111ce9 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-5111ce9::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-5111ce9 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7970e23 */.elementor-3 .elementor-element.elementor-element-7970e23 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-7970e23::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Atelier-Roa.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-7970e23:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-7970e23:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-7970e23 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-7970e23::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-7970e23 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a92b95 */.elementor-3 .elementor-element.elementor-element-6a92b95 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-6a92b95::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-170.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-6a92b95:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-6a92b95:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-6a92b95 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-6a92b95::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-6a92b95 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e208ce */.elementor-3 .elementor-element.elementor-element-8e208ce {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-8e208ce::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-168.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-8e208ce:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-8e208ce:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-8e208ce .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-8e208ce::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-8e208ce {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a2bcb3 */.elementor-3 .elementor-element.elementor-element-6a2bcb3 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-169.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
}

.elementor-3 .elementor-element.elementor-element-6a2bcb3:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-6a2bcb3 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-6a2bcb3::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-6a2bcb3 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89bdb5c */.elementor-3 .elementor-element.elementor-element-89bdb5c {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-167.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-89bdb5c:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-89bdb5c .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-89bdb5c::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-89bdb5c {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8a26e6 */.elementor-3 .elementor-element.elementor-element-d8a26e6 {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-173.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-d8a26e6:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-d8a26e6 .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-d8a26e6::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-d8a26e6 {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce8f40a */.elementor-3 .elementor-element.elementor-element-ce8f40a {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-172.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 10% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-ce8f40a:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-ce8f40a .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-ce8f40a::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-ce8f40a {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8a73ccc */.elementor-3 .elementor-element.elementor-element-8a73ccc {
    position: relative;
    background-color: #EBE1D5;  /* Normale achtergrondkleur */
    color: #333;  /* Donkere tekstkleur bij normale achtergrond (voor de titel) */
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    min-height: 400px;  /* Zorgt ervoor dat de container een minimale hoogte heeft */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://violien.nl/wp-content/uploads/2025/04/Rectangle-171.png');
    background-size: cover;  /* Zorgt ervoor dat de afbeelding altijd de container vult */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Begin met een opacity van 20% */
    transition: opacity 0.5s ease-in-out; /* Voeg overgang toe voor de opacity */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc:hover {
    background-color: transparent; /* Verwijdert de beige kleur */
    color: white;  /* Maakt de titel wit bij hover */
}

.elementor-3 .elementor-element.elementor-element-8a73ccc:hover::after {
    opacity: 1; /* Laat de afbeelding mooi infaden naar volledig zichtbaar */
}

/* Stijl voor de titel in de container */
.elementor-3 .elementor-element.elementor-element-8a73ccc .titel {
    position: absolute;
    bottom: 0;  /* Zet de titel aan de onderkant van de container */
    width: 100%;
    text-align: left;  /* Zorgt ervoor dat de titel in het midden van de container staat */
    transform: translateY(-25%); /* Begin de titel onderaan de container te verschuiven */
    opacity: 1;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Voeg overgang toe voor het bewegen en zichtbaarheid */
}

/* Specifieke stijlen voor schermen kleiner dan tablet (max 768px) */
@media screen and (max-width: 768px) {
    .elementor-3 .elementor-element.elementor-element-8a73ccc::after {
        opacity: 1;  /* Zet opacity op 1 voor schermen kleiner dan tablet */
    }

    .elementor-3 .elementor-element.elementor-element-8a73ccc {
        color: white;  /* Zet de standaard tekstkleur op wit */
    }
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-e8ea2a6 */.elementor-swiper-button-prev,
.elementor-swiper-button-next {
    display: none; /* Verberg standaard knoppen */
}/* End custom CSS */