:root {
    --clr-black: 0,0,0;
    --clr-white: 255,255,255;
    /*--clr-grey: 232,232,232;*/
    /*UPDATE*/
    /*--clr-grey: 241,245,248;*/
    /*UPDATE*/
    --clr-grey: 250,250,250;
    --clr-lightgrey: 242,242,242;
    --clr-mediumgrey: 204,204,204;
    --clr-darkgrey: 135,135,135;
    --clr-blue: 0,181,219;
    --clr-purple: 140,110,255;
    --clr-green: 156,224,77;
}
.ve-purple-layout {
    /*Reset - blauw*/
    --clr-blue: 140,110,255;
}
.ve-green-layout {
    /*Reset - blauw*/
    --clr-blue: 156,224,77;
}

.bggrey {
    background-color: rgba(var(--clr-grey),1);
}
ul.slick-dots li.slick-active {
    background-color: rgba(var(--clr-darkgrey),1);
}
.bgblack {
    background-color: rgba(var(--clr-black),1);
}

/*START BLUE*/
h1 strong, .h1 strong,
h3, .h3,
.contentLayout p a,
.ve-footer-nav > ul > li > a,
.ve-stats h4,
.ve-review-list-cont-item-content i,
.ve-jobs .ve-job-text-icons i,
.ve-jobs-search button:hover,
.browser .active,
.ve-project-detail .ve-project-detail-items p span,
.zl_faq ul li::before,
.zl_faq ul li .zl_faq_question,
.zl_faq ul li .zl_faq_question.zl_faq_active::after,
#zl_mz_menu_nav ul.navmain > li.navActive > a,
#zl_mz_menu_nav ul.navmain li ul li.navActive a,
.ve-topnav ul li.navActive,
#json-applications-filter-click,
#json-applications-filter-close,
.ve-jobs-search-tags .btn span {
    color: rgba(var(--clr-blue),1);
}
.bgblue .zl_faq ul li::before,
.bgblue .zl_faq ul li .zl_faq_question,
.bgblue .zl_faq ul li .zl_faq_question.zl_faq_active::after {
    color: #fff;
}
ul.navmain > li:nth-child(2) > a::before,
.btn.btn-highlight::after,
.btn.btn-highlight:hover::after,
.btn.btn-highlight:focus::after,
.btn.btn-calltoaction::after,
.btn.btn-calltoaction:hover::after,
.btn.btn-calltoaction:focus::after,
.ve-review-list-cont-item-quote::after,
.bgblue,
.ve-branchechoice ul li:nth-child(1) strong::after {
    background-color: rgba(var(--clr-blue),1);
}

.bgblue .btn-highlight::after,
.bgblue .btn-highlight:hover::after,
.bgblue .btn-highlight:focus::after {
    background-color: rgba(var(--clr-black),1);
}

.zl-btn-scrollto,
.zl-btn-scrollto:hover,
.zl-btn-scrollto:focus,
.btn.btn-highlight-line,
.btn.btn-highlight-line:hover,
.btn.btn-highlight-line:focus {
    color: rgba(var(--clr-blue),1);
}
.contentLayout > p > a:not(.btn),
.zl-btn-scrollto::after,
.zl-btn-scrollto:hover::after,
.zl-btn-scrollto:focus::after,
.btn.btn-highlight-line::after,
.btn.btn-highlight-line:hover::after,
.btn.btn-highlight-line:focus::after,
.checkbox input[type=checkbox]:checked + label:before {
    border-color: rgba(var(--clr-blue),1);
}

#zl_cookiebar_cont .checkbox-radiobutton-container input:checked ~ .radiobutton,
#zl_cookiebar_cont .checkbox-radiobutton-container input:checked ~ .checkmark {
    background-color: rgba(var(--clr-blue),1);
}
#zl_cookiebar_save {
    background-color: rgba(var(--clr-blue),1);
    border-color: rgba(var(--clr-blue),1);
}
#zl_cookiebar_change {
    color: rgba(var(--clr-blue),1);
    border-color: rgba(var(--clr-blue),1);
}
.zl_cookiebar_tab_heading_btn.zl_cookiebar_tab_active {
    color: rgba(var(--clr-blue),1) !important;
    border-bottom-color: rgba(var(--clr-blue),1);
}
.zl_cookiebar_links ul li a {
    color: rgba(var(--clr-blue),1) !important;
}
/*END BLUE*/

/*START PURPLE*/
#zl_mz_menu_nav ul.navmain li:nth-child(3) ul li.navActive a,
#zl_mz_menu_nav ul.navmain > li:nth-child(3).navActive > a {
    color: rgba(var(--clr-purple),1);
}
.ve-branchechoice ul li:nth-child(2) strong::after,
ul.navmain > li:nth-child(3) > a::before {
    background-color: rgba(var(--clr-purple),1);
}
/*END PURPLE*/

/*START GREEN*/
#zl_mz_menu_nav ul.navmain li:nth-child(4) ul li.navActive a,
#zl_mz_menu_nav ul.navmain > li:nth-child(4).navActive > a {
    color: rgba(var(--clr-green),1);
}
.ve-branchechoice ul li:nth-child(3) strong::after,
ul.navmain > li:nth-child(4) > a::before {
    background-color: rgba(var(--clr-green),1);
}
/*END GREEN*/

/*START WHITE*/
.btn.btn-white::after,
.btn.btn-white:hover::after,
.btn.btn-white:focus::after {
    background-color: rgba(var(--clr-white),1);
}
.bgblue h3,
.bgblue .h3 {
    color: rgba(var(--clr-white),1);
}
/*END WHITE*/

.btn.btn-grey-line::after,
.btn.btn-grey-line:hover::after,
.btn.btn-grey-line:focus::after {
    border-color: rgba(var(--clr-darkgrey),1);
}