.elementor-2735 .elementor-element.elementor-element-8ab14bd{--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:50px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-2735 .elementor-element.elementor-element-345c58a{--display:flex;--min-height:640px;--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;--align-items:center;--overflow:hidden;--overlay-opacity:0.5;--border-radius:60px 60px 60px 60px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2735 .elementor-element.elementor-element-345c58a:not(.elementor-motion-effects-element-type-background), .elementor-2735 .elementor-element.elementor-element-345c58a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-2735 .elementor-element.elementor-element-345c58a::before, .elementor-2735 .elementor-element.elementor-element-345c58a > .elementor-background-video-container::before, .elementor-2735 .elementor-element.elementor-element-345c58a > .e-con-inner > .elementor-background-video-container::before, .elementor-2735 .elementor-element.elementor-element-345c58a > .elementor-background-slideshow::before, .elementor-2735 .elementor-element.elementor-element-345c58a > .e-con-inner > .elementor-background-slideshow::before, .elementor-2735 .elementor-element.elementor-element-345c58a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2735 .elementor-element.elementor-element-58ea392{--display:flex;--gap:24px 0px;--row-gap:24px;--column-gap:0px;--padding-top:080px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:4;}.elementor-2735 .elementor-element.elementor-element-f6adf74{padding:0px 20px 0px 0px;}.elementor-2735 .elementor-element.elementor-element-f6adf74 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-3b2a84b );}.elementor-2735 .elementor-element.elementor-element-5acfb6c{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFFCC;}.elementor-2735 .elementor-element.elementor-element-10a9791{--display:flex;--position:absolute;--min-height:100%;--overlay-opacity:1;top:0px;}.elementor-2735 .elementor-element.elementor-element-10a9791:not(.elementor-motion-effects-element-type-background), .elementor-2735 .elementor-element.elementor-element-10a9791 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jouw-vonk.vonkmarketing.com/wp-content/uploads/2026/09/DSC04938-1200x800.jpg");background-position:0px 0px;background-repeat:no-repeat;background-size:cover;}.elementor-2735 .elementor-element.elementor-element-10a9791::before, .elementor-2735 .elementor-element.elementor-element-10a9791 > .elementor-background-video-container::before, .elementor-2735 .elementor-element.elementor-element-10a9791 > .e-con-inner > .elementor-background-video-container::before, .elementor-2735 .elementor-element.elementor-element-10a9791 > .elementor-background-slideshow::before, .elementor-2735 .elementor-element.elementor-element-10a9791 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2735 .elementor-element.elementor-element-10a9791 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, var( --e-global-color-primary ) 10%, #1F1F1F00 130%);}body:not(.rtl) .elementor-2735 .elementor-element.elementor-element-10a9791{right:0px;}body.rtl .elementor-2735 .elementor-element.elementor-element-10a9791{left:0px;}.elementor-2735 .elementor-element.elementor-element-f97fb74{--display:flex;--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2735 .elementor-element.elementor-element-02894e3{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;}.elementor-2735 .elementor-element.elementor-element-3b241d4{--grid-columns:3;--load-more-button-align:center;}.elementor-2735 .elementor-element.elementor-element-3b241d4 > .elementor-widget-container{margin:44px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1600px){.elementor-2735 .elementor-element.elementor-element-f6adf74 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(min-width:768px){.elementor-2735 .elementor-element.elementor-element-58ea392{--width:50%;}.elementor-2735 .elementor-element.elementor-element-10a9791{--width:55%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2735 .elementor-element.elementor-element-58ea392{--width:100%;}}@media(max-width:1024px){.elementor-2735 .elementor-element.elementor-element-8ab14bd{--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-2735 .elementor-element.elementor-element-f6adf74 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-2735 .elementor-element.elementor-element-10a9791:not(.elementor-motion-effects-element-type-background), .elementor-2735 .elementor-element.elementor-element-10a9791 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-2735 .elementor-element.elementor-element-3b241d4{--grid-columns:2;}}@media(max-width:767px){.elementor-2735 .elementor-element.elementor-element-8ab14bd{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-2735 .elementor-element.elementor-element-f6adf74 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-2735 .elementor-element.elementor-element-10a9791:not(.elementor-motion-effects-element-type-background), .elementor-2735 .elementor-element.elementor-element-10a9791 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-2735 .elementor-element.elementor-element-3b241d4{--grid-columns:1;}}/* Start custom CSS for shortcode, class: .elementor-element-e20531a *//* Container styling */
.elementor-2735 .elementor-element.elementor-element-e20531a {
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #FFFFFF;
}

/* Links (HOME / DIENSTEN) met de onderstreping */
.elementor-2735 .elementor-element.elementor-element-e20531a a {
    font-family: inherit;
    color: #FFFFFF !important;
    text-decoration: underline !important;
    text-underline-offset: 4px;
    transition: opacity 0.2s ease;
    opacity: 0.7;
    font-size: 13px;
}

.elementor-2735 .elementor-element.elementor-element-e20531a a:hover {
    opacity: 0.9;
}

/* Scheidingsteken ( / ) */
.elementor-2735 .elementor-element.elementor-element-e20531a .breadcrumb_separator,
.elementor-2735 .elementor-element.elementor-element-e20531a span:has(> a) + span {
    margin: 0 6px;
    opacity: 0.7;
}

/* Huidige pagina (MARKETING) zonder onderstreping */
.elementor-2735 .elementor-element.elementor-element-e20531a .breadcrumb_last,
.elementor-2735 .elementor-element.elementor-element-e20531a span:last-child {
    text-decoration: none !important;
    font-weight: 700;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3b241d4 *//* 1. Grid container instellen met dense placement */
.elementor-2735 .elementor-element.elementor-element-3b241d4 .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    grid-auto-rows: 140px !important; 
    gap: 36px !important;
    grid-auto-flow: dense !important;
}

/* 2. Zorg dat het e-loop-item de cel volledig vult */
.elementor-2735 .elementor-element.elementor-element-3b241d4 .elementor-loop-container > .e-loop-item {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
}

/* 3. Binnenste Elementor container vullen */
.elementor-2735 .elementor-element.elementor-element-3b241d4 .elementor-loop-container > .e-loop-item > .e-con {
    width: 100% !important;
    height: 100% !important;
    flex-grow: 1 !important;
}

/* --- Exacte kolom- en rij-toewijzingen per item --- */

/* Item 1: Kolom 1 (Links Boven - Kort) */
.elementor-2735 .elementor-element.elementor-element-3b241d4 .elementor-loop-container > .e-loop-item:nth-of-type(6n+1) {
    grid-column: 1 !important;
    grid-row: span 2 !important;
}

/* Item 2: Kolom 2 (Midden Boven - Lang) */
.elementor-2735 .elementor-element.elementor-element-3b241d4 .elementor-loop-container > .e-loop-item:nth-of-type(6n+2) {
    grid-column: 2 !important;
    grid-row: span 3 !important;
}

/* Item 3: Kolom 3 (Rechts Boven - Kort) */
.elementor-2735 .elementor-element.elementor-element-3b241d4 .elementor-loop-container > .e-loop-item:nth-of-type(6n+3) {
    grid-column: 3 !important;
    grid-row: span 2 !important;
}

/* Item 4: Kolom 1 (Links Onder - Lang) */
.elementor-2735 .elementor-element.elementor-element-3b241d4 .elementor-loop-container > .e-loop-item:nth-of-type(6n+4) {
    grid-column: 1 !important;
    grid-row: span 3 !important;
}

/* Item 5: Kolom 2 (Midden Onder - Kort) */
.elementor-2735 .elementor-element.elementor-element-3b241d4 .elementor-loop-container > .e-loop-item:nth-of-type(6n+5) {
    grid-column: 2 !important;
    grid-row: span 2 !important;
}

/* Item 6: Kolom 3 (Rechts Onder - Lang) */
.elementor-2735 .elementor-element.elementor-element-3b241d4 .elementor-loop-container > .e-loop-item:nth-of-type(6n+6) {
    grid-column: 3 !important;
    grid-row: span 3 !important;
}

/* --- Mobiel weergave --- */
@media (max-width: 767px) {
    .elementor-2735 .elementor-element.elementor-element-3b241d4 .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: minmax(300px, auto) !important;
    }
    
    .elementor-2735 .elementor-element.elementor-element-3b241d4 .elementor-loop-container > .e-loop-item {
        grid-column: auto !important;
        grid-row: auto !important;
    }
}/* End custom CSS */