: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 {
    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;
}
.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;
}

.topbar,
.bg-lightgrey,
.bgcoloredsecundary,
.btn-menu {
    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,
.threecol-num-icon .teksticonvlakicon {
    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);
    }
}

.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,
.contact p 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,
h6 {
    color: rgba(var(--c-greenish),1);
}
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);
}

.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);
}

.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;
}