.elementor-18105 .elementor-element.elementor-element-3e41d4e{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}@media(min-width:768px){.elementor-18105 .elementor-element.elementor-element-3e41d4e{--width:75%;}}@media(max-width:1024px) and (min-width:768px){.elementor-18105 .elementor-element.elementor-element-3e41d4e{--width:85%;}}/* Start custom CSS for text-editor, class: .elementor-element-243f19e6 */.image-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
    
}
    .image-item {
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    /* Zorgt dat de tekst gecentreerd onder het plaatje staat */
    text-align: center; 
    /* Zorgt dat de tekstinhoud zelf ook gecentreerd is */
        
    }
    .image-item img {
    width: 80% !important;
    /* Of pas aan naar vaste breedte zoals 200px */
    height: auto; 
    object-fit: cover;
    display: block;
    border-radius: 4px;
        
    }
    .image-item p {
    margin-top: 8px; 
    font-size: 14px; 
    color: #333;}
    .three-column-images { 
    display: flex;
    justify-content: space-between; 
    gap: 20px;
    flex-wrap: wrap; 
    text-align: center;
        
    }
    
    .image-box {
    flex: 1;
    max-width: 33.33%;
    }
    .image-box img { 
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
    }
    .image-caption {
    margin-top: 2vh;
    font-size: 2.8vh;
    color: #333;
    }
    /* 📱 Mobiel aanpassing (tot 768px breed) */
    @media only screen and (max-width: 768px) { .image-caption {
    margin-top: 1vh;
    font-size: 2.8vw;
    color: #666; 
    } 
    /* ✅ mobiel: 2 naast elkaar, derde eronder */
    @media only screen and (max-width: 768px) {
    .image-box {
    width: calc(50% - 10px); 
    /* 2 naast elkaar, inclusief ruimte voor gap */
    }
    }
    @media only screen and (max-width: 768px) { .image-item img { 
    height: 140px;
    width: 100% !important;
    }
    /* Standaard styling (desktop en tablet) */||.overtext {
    font-size: 18px;
    line-height: 1.6;
    color: #333;
    }
    }
    /* 📱 Mobiel styling (tot 768px breed) */
    @media only screen and (max-width: 768px) {.overtext { 
    font-size: 2.8vw; 
    line-height: 1.7;
    }
    }
/* Input Button Gravity Forms
—————————–*/
body .gform_wrapper input.button {
color: #FFFFFF;
background: #5baa52;
font-size: 16px!important;
letter-spacing: 1px;
text-transform: uppercase;
float: none;
height: 35px;
min-width: 150px;
border: none;
border-radius: 5px;
margin-left: 0px;
transition: 0.3s;
padding-top: 6px;
font-weight: bold;
}
@media screen and (max-width: 600px) {
	.ginput_total { 
	font-size: 6vw !important;
}
}/* End custom CSS */