:root {
    --c-greenish: 50,220,209;
    --c-purple: 131,49,215;
    --c-blue: 114,255,255;
    --c-light-grey: 247,249,252;
    --c-dark-grey: 14,11,23;
}

.contentLayout h1::after,
.contentLayout .h1::after,
h2::after,
.h2::after,
.usps-text-icon,
.case-item-half-half-ribbon,
.steps-arrow h4::before,
.usps-text::before,
.header-slider .header-slide-cart-cta,
.contentblokken .contentblok-a .circle-arrow,
.row-4col-icon-text-txt a::before,
.row-4col-icon-text-intro .contentLayout h2::after,
.row-4col-icon-text-intro .contentLayout .h2::after,
.contentLayout a:not(.btn):has(>strong)::after,
.contentLayout a:not(.btn):has(>strong):hover::after {
    background: linear-gradient(118deg, rgba(var(--c-greenish),1) 0%, #5CD4EE 42%, rgba(var(--c-purple),1) 104%);
}

.text-center h2,
.text-center .h2 {
    padding: 0;
}
.text-center h2::after,
.text-center .h2::after {
    background: none;
}
.contentLayout a:not(.btn):has(>strong),
.contentLayout a:not(.btn):has(>strong):hover,
.portfolio .h1,
.header-slider .header-slide .header-slide-txt p:first-child strong,
.header-slider .header-slide-img-cont-outer-txt strong,
.contentLayout h1 strong,
.contentLayout .h1 strong,
.contentLayout h2 strong,
.contentLayout .h2 strong,
.contentLayout h3 strong,
.contentLayout .h3 strong,
.teksticonvlakicon i,
.three-col-rounded .icon i {
    background: linear-gradient(118deg, rgba(var(--c-greenish),1) 0%, #5CD4EE 42%, rgba(var(--c-purple),1) 104%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.bg-white .row-4col-icon-text-txt,
.topbar,
.bg-lightgrey,
.bgcoloredsecundary,
.btn-menu,
.threecol-num-icon div[class^='col-12 col-lg-4'] .contentLayout {
    background-color: rgba(var(--c-light-grey),1);
}
.portfolio .portfolio-items .portfolio-item {
    background: linear-gradient(0deg, rgba(var(--c-light-grey),1) 0%, rgba(255,255,255,1) 100%);
}

.portfolio tag,
.portfolio .portfolio-text .h1 {
    color: rgba(var(--c-dark-grey),1);
}
.contact .btn.zl_atf_btn,
.contact .btn.zl_ctaphone_cuttoff,
.bg-darkgrey,
footer .dark-div,
.black-theme:before,
.header-slider .header-slide-cart-blue,
.bg-darkgrey.threecol-num-icon .teksticonvlakicon,
footer .btn.zl_ctaphone_cuttoff,
footer .btn.zl_ctaphone,
.bg-darkgrey .teksticonvlakicon,
footer .contact-info .zl_ctaphone_cuttoff,
#topbar,
.sfeer,
.btn-menu i::after,
.correction-fixed {
    background-color: rgba(var(--c-dark-grey),1);
}
@media (min-width: 1200px) {
    .contentblokken div[class^="col-"]:nth-child(1) div[class^="contentblok"],
    .contentblokken div[class^="col-"]:nth-child(4) div[class^="contentblok"],
    .contentblokken .contentblok-b .arrow,
    .contentblokken .contentblok-c .arrow {
        background-color: rgba(var(--c-dark-grey),1);
    }
}
@media (max-width: 1199px) {
    .contentblokken div[class^="col-"]:nth-child(1) div[class^="contentblok"],
    .contentblokken div[class^="col-"]:nth-child(3) div[class^="contentblok"] {
        background-color: rgba(var(--c-dark-grey),1);
    }
    .contentblokken .contentblok-b .arrow {
        background-color: rgba(var(--c-dark-grey),1);
    }
}
.image-div-fullbg-tekstvlak::after {
    background-color: rgba(var(--c-dark-grey),.8);
}

.bg-darkgrey.threecol-num-icon div[class^='col-12 col-lg-4'] .contentLayout,
.bg-darkgrey .row-4col-icon-text-txt,
.bg-darkgrey .teksticonvlak {
    background-color: rgba(255, 255, 255, .075);
}

.sitemap-div h5,
.sitemap-div ul.nav-sitemap > li > a,
.sfeer-tekst,
.mz-testimonial blockquote::before,
.mz-testimonial blockquote::after,
.contentLayout ul li::before,
.contentLayout ol li::before,
.expertise-icon,
.three-short-items ul li p,
.three-short-items ul li a,
ul.navmain li a.navmain-mz-arrow:after,
.zl_faq > ul > li > span > .fal,
.contentLayout ul li a:not(.btn),
.contentLayout a:not(.btn),
.contentLayout a:not(.btn):hover,
.btn-highlight-line-trans,
.btn-highlight-line-trans:hover,
#zoslider-full .zoslider-full-content .zoslider-full-content-desc ul li::before,
.zl_stream_tags a.zl_stream_tag_active,
.social-update-text-cutt-more,
.zl-vac-items i,
.zl-vac-detail-items i,
.portfolio .portfolio-item .fal,
.image-div-title-editor strong,
.contentLayout h3 strong,
.contentLayout .h3 strong,
.contentLayout h2 strong,
.contentLayout .h2 strong,
.twocol-divline ul li a::after,
#zl_mz_menu_nav > ul > li > ul > li.zl-nav-haschilds .icon-dropdown-mobile:hover,
#zl_mz_menu_nav > ul > li > ul > li.zl-nav-haschilds .icon-dropdown-mobile.clicked,
#zl_mz_menu_nav ul.navmain li ul li.zl_mz_menu_nav_previtem a,
.btn-closing-level {
    color: rgba(var(--c-greenish),1);
}

.row-4col-icon-text-txt.contentLayout a:not(.btn),
h6 {
    color: #0cbcab;
}
ul.navmain li > a:hover,
ul.navmain li.navActive > a {
    color: rgba(var(--c-greenish),1) !important;
}

.portfolio svg path {
    stroke: rgba(var(--c-greenish),1);
}


 /*START - Cookies*/
 .zl_cookiebar_links ul li a {
     color: rgba(var(--c-greenish),1);
 }
 #zl_cookiebar_cont .checkbox-radiobutton-container input:checked ~ .radiobutton,
 #zl_cookiebar_cont .checkbox-radiobutton-container input:checked ~ .checkmark {
     background-color: rgba(var(--c-greenish),1);
 }
 #zl_cookiebar_save {
     background-color: rgba(var(--c-greenish),1);
     border-color: rgba(var(--c-greenish),1);
     padding: 1rem 1.75rem;
 }
 #zl_cookiebar_save::before {
     display: none;
 }
 .zl_cookiebar_tab_heading_btn.zl_cookiebar_tab_active {
     color: rgba(var(--c-greenish),1) !important;
     border-bottom-color: rgba(var(--c-greenish),1);
 }
 #zl_cookiebar_change {
     color: rgba(var(--c-greenish), 1) !important;
     border-color: rgba(var(--c-greenish), 1);
     padding: 1rem 1.75rem;
 }
 #zl_cookiebar_change::before {
     display: none;
 }


footer .zl_atf_cta,
footer .zl_atf_cta:hover,
footer .zl_atf_cta:focus,
.expertise-icon,
.three-short-items ul li a:after {
    border-color: rgba(var(--c-greenish),1);
}
.case-item-ribbon:after {
    border-top-color: rgba(var(--c-greenish),1);
}

footer .contact-info .zl_ctaphone_cuttoff,
footer .contact-info .zl_ctaphone_cuttoff:hover,
.btn-highlight-line,
.btn-highlight-line:hover,
.btn-highlight-line-trans,
.btn-highlight-line-trans:hover {
    border: 2px solid rgba(var(--c-greenish),1);
}

.btn-default,
.btn-highlight,
.bgcolored,
.mz-highlights .contentLayout > div:before,
.mz-line-after::after,
.contentLayout h4::after,
.zl-top-button,
.zl-mobile-nav-buttons-container .fal,
#mz_menu_nav ul.navmain > li > a:after,
.zl-mobile-nav .homeicon,
.case-item-ribbon,
#case-item-half-half-slide-container .slick-prev,
#case-item-half-half-slide-container .slick-next,
.usps-arrow,
.steps-arrow h4::after,
.thumbStreamTitleSmall,
.image-div-fullbg form {
    background-color: rgba(var(--c-greenish),1);
}
.case-logos-slide .label {
    color: #1b5955;
}
.case-logos-slide .label {
    background-color: rgba(27,89,85,.35);
}

.btn-calltoaction,
.btn-calltoaction:hover,
.btn-calltoaction:focus {
    background-color: rgba(var(--c-purple));
    color: #fff !important;
}

.bg-calltoaction {
    background: rgb(var(--c-greenish));
    background: radial-gradient(
        circle at top center,
        #12645a 0%,
        rgb(var(--c-greenish)) 80%
    );
}
.bg-calltoaction .invalid-feedback {
    color: #fff;
}
.bg-calltoaction .btn {
    background: none !important;
    color:  #fff !important;
    border: 2px solid #fff !important;
}
.bg-calltoaction h1,
.bg-calltoaction .h1,
.bg-calltoaction h2,
.bg-calltoaction .h2,
.bg-calltoaction h3,
.bg-calltoaction .h3,
.bg-calltoaction h4,
.bg-calltoaction .h4,
.bg-calltoaction h5,
.bg-calltoaction .h5,
.bg-calltoaction p,
.bg-calltoaction .p,
.bg-calltoaction h1,
.bg-calltoaction ol li,
.bg-calltoaction ul li {
    color: #fff;
}