.wpb_content_element a,
.wpb_content_element h2,
.wpb_content_element h3 {
    color: #e15544 !important;
}
.bg-dark .wpb_content_element a,
.bg-dark .wpb_content_element h2,
.bg-dark .wpb_content_element h3 {
    color: #b03058 !important;
}
.wpb_content_element a,
.wpb_content_element h2,
.wpb_content_element h3,
.bg-dark .wpb_content_element a,
.bg-dark .wpb_content_element h2,
.bg-dark .wpb_content_element h3 {
    /*margin-bottom: 30px;*/
    line-height: 1;
}
.wpb_content_element h2 + p span {
    font-weight: 500!important;
}

section.hoe-werkt-het { padding-bottom: 180px!important; }

/* vlekken en lijnen op homepagina en pagina 'Hoe werkt het?'' */
section.hoe-werkt-het.homepage:before,
section.hoe-werkt-het.homepage:after,
section.onze-belofte:before,
section.onze-belofte:after,
section.hoe-werkt-het:before,
section.hoe-werkt-het:after,
.row-hoewerkthet.alle_rassen:before,
.row-hoewerkthet.alle_rassen:after,
.row-hoewerkthet.verzenden:after { position: absolute; width: 200px; height: 200px; content: ""; opacity: 0.5; pointer-events: none; /*background-color: #efefef;*/ background-position: center; background-size: contain; background-repeat: no-repeat; }

.row-watziterindebox { padding: 120px 0; background-color: #fdf3ef; }
.row-watziterindebox .wpb_wrapper { width: 100%; }
.row-watziterindebox .vc_single_image-wrapper { display: flex; justify-content: center; width: 100%; }
.row-watziterindebox img { display: block; max-width: 1000px; }

/* homepagina */
section.hoe-werkt-het.homepage:before { top: -40px; right: auto; bottom: auto; left: -450px; width: 700px; height: 700px; z-index: 2; background-image: url("../assets/images/vlek-lijn-homepage-1.svg"); }
section.hoe-werkt-het.homepage:after { left: auto; right: auto; bottom: -350px; right: -350px; width: 700px; height: 700px; z-index: 3; background-image: url("../assets/images/vlek-lijn-homepage-2.svg"); }
section.onze-belofte:before { top: -300px; left: -450px; width: 700px; height: 700px; z-index: 2; background-image: url("../assets/images/vlek-lijn-homepage-3.svg"); }
section.onze-belofte:after { bottom: 0px; right: -400px; width: 700px; height: 700px; z-index: 3; background-image: url("../assets/images/vlek-lijn-homepage-4.svg"); }

/* hoe werkt het? */
section.hoe-werkt-het:before { top: -450px; right: -400px; bottom: auto; left: auto; width: 700px; height: 700px; z-index: 3; background-image: url("../assets/images/vlek-lijn-hoewerkthet-1.svg"); }
section.hoe-werkt-het:after { top: auto; right: auto; bottom: -350px; left: -400px; width: 700px; height: 700px; z-index: 3; background-image: url("../assets/images/vlek-lijn-hoewerkthet-2.svg"); }
.row-hoewerkthet.alle_rassen:before { top: -200px; right: -350px; width: 700px; height: 700px; z-index: 3; background-image: url("../assets/images/vlek-lijn-hoewerkthet-3.svg"); }
.row-hoewerkthet.alle_rassen:after { bottom: -400px; left: -400px; width: 700px; height: 700px; z-index: 3; background-image: url("../assets/images/vlek-lijn-hoewerkthet-4.svg"); }
.row-hoewerkthet.verzenden:after { bottom: -350px; right: -450px; width: 700px; height: 700px; z-index: 3; background-image: url("../assets/images/vlek-lijn-hoewerkthet-5.svg"); }


@media screen and (max-width: 1000px){

    /* vlekken en lijnen op homepagina en pagina 'Hoe werkt het?'' */
    section.hoe-werkt-het.homepage:before,
    section.hoe-werkt-het.homepage:after,
    section.onze-belofte:before,
    section.onze-belofte:after,
    section.hoe-werkt-het:before,
    section.hoe-werkt-het:after,
    .row-hoewerkthet.alle_rassen:before,
    .row-hoewerkthet.alle_rassen:after,
    .row-hoewerkthet.verzenden:after { transform: scale(0.5); opacity: 0.25; }

    /* homepagina */
    section.hoe-werkt-het.homepage:before { top: -120px;}
    section.hoe-werkt-het.homepage:after { bottom: -350px; right: -400px; }
    section.onze-belofte:before { top: -320px; left: -470px; }
    section.onze-belofte:after { bottom: -30px; right: -360px; }
    
    /* hoe werkt het? */
    section.hoe-werkt-het:before { top: -520px; right: -400px; }
    section.hoe-werkt-het:after { bottom: -390px; left: -450px; }
    .row-hoewerkthet.alle_rassen:before { top: -300px; right: -400px; }
    .row-hoewerkthet.alle_rassen:after { bottom: -320px; left: -400px; }
    .row-hoewerkthet.verzenden:after { bottom: -300px; right: -400px; }

}