



body.vp-public {
    --surface-ink:var(--theme-color-142d33); --surface-muted:var(--theme-color-435d65);
    --surface-link:var(--theme-color-105e6c); --surface-accent:var(--theme-color-105e6c);
    --vp-muted:var(--theme-color-435d65); --v7-muted:var(--theme-color-435d65);
}
body.vp-public :is(.vp-section,.vp-section--soft,.vp-section--light,.vp-prose,
    .vp-card,.vp-contactform,.vp-aside-card,.vp-step,.vp-industry,.vp-project,
    .v7-section--solutions,.v7-section--practical,.v7-section--projects,.v7-section--trust,
    .v7-solution,.v7-practical,.v7-media-cta,.v7-project,.v7-projectcard,.v7-trustbar,
    .project-gallery-card,.projectcase-intro,.projectcase-feature,.projectcase-gallery,
    .seo-intro,.seo-content-box,.seo-why,.seo-why-card,.seo-why__card,.seo-faq__item,.accordion-item,
    .seo-project-card,.vacatures-filters,.vacatures-grid-wrap,.access-denied-card,
    .modal-content,.login-modal-content,[data-surface="light"]) {
    --surface-ink:var(--theme-color-142d33); --surface-muted:var(--theme-color-435d65);
    --surface-link:var(--theme-color-105e6c); --surface-accent:var(--theme-color-105e6c);
}
body.vp-public :is(.vp-pagehero,.vp-pagehero__aside,.vp-cta,.vp-contactinfo,.vp-section--dark,
    .v7-hero,.v7-section--process,.v7-processgrid article,.v7-section--audience,.v7-finalcta,
    .vp-footer,.projectcase-hero,.projectcase-info,.projectcase-info__card,.projectcase-cta,.projectcase-gallery,
    .seo-hero,.seo-side-card,.seo-cta,.seo-faq,.vacatures-hero,[data-surface="dark"]) {
    --surface-ink:var(--theme-color-f4f8fa); --surface-muted:var(--theme-color-d0e0e5);
    --surface-link:var(--theme-color-b9f1f4); --surface-accent:var(--theme-color-92e1e7);
}


body.vp-public.vp-body :is(main,.vp-footer,.modal-content) :is(h1,h2,h3,h4,h5,h6,strong,b,summary,label,.text-dark,.text-light) {
    color:var(--surface-ink,#142d33) !important;
}
body.vp-public.vp-body :is(main,.vp-footer,.modal-content) :is(p,li,small,figcaption,dt,dd,blockquote,.text-muted,.v7-sectionlead,.v7-cardtext,.v7-finalcta__text) {
    color:var(--surface-muted,#435d65) !important;
}
body.vp-public.vp-body :is(main,.vp-footer,.modal-content) a:not(:is(.vp-btn,.vp-nav-cta,.v7-btn,.seo-btn,.projectcase-btn,.btn,.v7-solution,.v7-project,.projectcase-info__work-link,.seo-side-card__link)) {
    color:var(--surface-link,#105e6c) !important;
}
body.vp-public.vp-body :is(.v7-featuregrid small,.v7-project span,.v7-projectcard span,.v7-stat span,.vp-pagehero__aside span,.projectcase-info__card span) {
    color:var(--surface-muted) !important;
}
body.vp-public.vp-body :is(.vp-eyebrow,.v7-kicker,.v7-link,.v7-processlabel,.projectcase-kicker,.projectcase-feature__label,.seo-kicker) {
    color:var(--surface-accent) !important;
}
 
body.vp-public.vp-body :is(.vp-btn--primary,.vp-btn--light,.v7-btn--primary,.seo-btn--primary,.projectcase-btn--primary,.btn-primary,.projectcase-info__work-link,.seo-side-card__link) {
    --surface-ink:var(--theme-color-102a31); --surface-muted:var(--theme-color-102a31);
    color:var(--theme-color-102a31) !important;
    background:linear-gradient(135deg,var(--theme-color-b3eff1),var(--theme-color-78d4dc)) !important;
    border-color:var(--theme-color-8adce2) !important;
}
body.vp-public.vp-body :is(.vp-btn--ghost,.v7-btn--ghost,.seo-btn--glass,.projectcase-btn--glass) {
    --surface-ink:var(--theme-color-f4f8fa); color:var(--theme-color-f4f8fa) !important;
    background:var(--theme-color-0a1e24-7800) !important; border-color:var(--theme-color-cbeaef-6000) !important;
}
body.vp-public.vp-body :is(.seo-btn--dark,.projectcase-btn--dark) {
    color:var(--theme-color-f4f8fa) !important; background:var(--theme-color-193943) !important;
}
body.vp-public.vp-body :is(.v7-solution__icon,.vp-card__icon) { color:var(--theme-color-146978) !important; }
body.vp-public.vp-body :is(.vp-contactform,.login-modal-content,.modal-content) {
    --surface-ink:var(--theme-color-142d33); --surface-muted:var(--theme-color-435d65); --surface-link:var(--theme-color-105e6c);
}
body.vp-public.vp-body :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select) {
    background:var(--theme-color-ffffff) !important; color:var(--theme-color-142d33) !important; border-color:var(--theme-color-91a7af) !important;
    caret-color:var(--theme-color-142d33) !important; color-scheme:light;
}
body.vp-public.vp-body :is(input,textarea)::placeholder { color:var(--theme-color-526771) !important; opacity:1; }
body.vp-public.vp-body :is(input,textarea,select):focus-visible { outline:3px solid var(--theme-color-227c8e); outline-offset:2px; }
body.vp-public.vp-body :is(.vp-contactform,.modal-content) .form-label { color:var(--theme-color-142d33) !important; }
 
body.vp-public.vp-body :is(.projectcase-info__card,.seo-side-card) {
    background:linear-gradient(145deg,var(--theme-color-14303a),var(--theme-color-1b414c)) !important;
    border:1px solid var(--theme-color-c7e7ed-2500) !important;
}
body.vp-public.vp-body :is(.projectcase-intro,.projectcase-feature) { background:var(--theme-color-f7f9f8) !important; }
body.vp-public.vp-body .vp-footer { background:var(--theme-color-25292d) !important; }
 
body.vp-body .vp-header,
body.vp-body .vp-header.is-scrolled,
body.vp-body.vp-home-v7 .vp-header,
body.vp-body.vp-home-v7 .vp-header.is-scrolled {
    position:fixed !important; inset:0 0 auto !important; top:0 !important;
    margin:0 !important; padding:0 16px !important; transform:none !important;
    border:0 !important; background:none !important; box-shadow:none !important;
    z-index:1040 !important; pointer-events:none;
    transition:background-color .2s ease !important;
}
body.vp-body .vp-header .vp-navbar,
body.vp-body .vp-header.is-scrolled .vp-navbar {
    min-height:0 !important; width:100% !important; margin:0 !important;
    padding:0 !important; background:none !important; border:0 !important; transform:none !important;
}
body.vp-body .vp-header .vp-navbar > .vp-container,
body.vp-body .vp-header.is-scrolled .vp-navbar > .vp-container {
    width:100% !important; max-width:1320px !important; min-height:72px !important;
    margin:0 auto !important; padding:8px 30px 8px 22px !important;
    border:1px solid var(--theme-color-dcf0f2-3600) !important; border-top:0 !important;
    border-radius:0 0 calc(32px * var(--theme-radius-scale)) calc(32px * var(--theme-radius-scale)) !important;
    background:linear-gradient(180deg,var(--theme-color-28373c-8600),var(--theme-color-10252c-9000)) !important;
    backdrop-filter:blur(24px) saturate(145%) !important;
    -webkit-backdrop-filter:blur(24px) saturate(145%) !important;
    box-shadow:0 12px 28px var(--theme-color-07181e-2000-shadow),inset 0 -1px 0 var(--theme-color-e2f8fa-1200-shadow) !important;
    transform:none !important; pointer-events:auto;
    transition:background-color .2s ease,box-shadow .2s ease !important;
}
body.vp-body .vp-header .vp-brand {flex:0 1 172px;max-width:172px !important;min-width:0;margin-right:24px !important;}
body.vp-body .vp-header .vp-navlinks { gap:5px !important; }
body.vp-body .vp-header :is(.nav-link,.vp-admin-link) { color:var(--theme-color-eaf4f7) !important; opacity:1 !important; }
body.vp-body .vp-header .vp-account-item { margin-left:12px !important;flex-shrink:0; }
body.vp-body .vp-header .vp-admin-link {
    display:inline-flex;align-items:center;justify-content:center;
    padding:10px 15px !important;min-height:42px;white-space:nowrap;
    border:1px solid var(--theme-color-e2f5f8-6000) !important;border-radius:999px;
    background:var(--theme-color-02141b-2200) !important;font-size:13px;font-weight:650;
}
body.vp-body .vp-header .vp-admin-link:hover {background:var(--theme-color-02141b-4000) !important;color:var(--theme-color-ffffff) !important;}
body.vp-body .vp-header .vp-nav-cta {color:var(--theme-color-102a31) !important;white-space:nowrap;}
body.vp-body .vp-header .vp-dropdown {background:var(--theme-color-19333d) !important;color:var(--theme-color-f4f8fa) !important;}
body.vp-body .vp-header .vp-dropdown .dropdown-item {color:var(--theme-color-eaf4f7) !important;white-space:normal;}
body.vp-body .vp-header .vp-dropdown .dropdown-item:hover {background:var(--theme-color-2c4b56) !important;}
body.vp-body .vp-header :is(a,button):focus-visible {outline:2px solid var(--theme-color-c5f8fa) !important;outline-offset:3px;}
html {scroll-padding-top:96px;}
body.vp-public :is(h1,h2,h3,h4,[id]) {scroll-margin-top:96px;}
@media(max-width:1199.98px) {
    body.vp-body .vp-header,body.vp-body .vp-header.is-scrolled {padding:0 12px !important;}
    body.vp-body .vp-header .vp-navbar > .vp-container,
    body.vp-body .vp-header.is-scrolled .vp-navbar > .vp-container {
        min-height:64px !important;padding:6px 14px !important;border-radius:0 0 calc(24px * var(--theme-radius-scale)) calc(24px * var(--theme-radius-scale)) !important;
    }
    body.vp-body .vp-header .vp-brand {flex-basis:158px;max-width:158px !important;}
    body.vp-body .vp-header .vp-navbar .navbar-collapse {
        position:absolute !important;top:100% !important;left:0 !important;right:0 !important;
        margin:10px 0 0 !important;padding:14px !important;border-radius:calc(24px * var(--theme-radius-scale)) !important;
        background:var(--theme-color-10252c-9700) !important;
        backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
        max-height:calc(100dvh - 94px);overflow-y:auto;overscroll-behavior:contain;
        box-shadow:0 18px 45px var(--theme-color-000000-2600-shadow);border:1px solid var(--theme-color-d3f2f6-2800);
    }
    body.vp-body .vp-header .vp-account-item {margin:6px 0 0 !important;}
    body.vp-body .vp-header .vp-admin-link {width:100%;justify-content:center;}
    body.vp-body .vp-header .vp-navlinks {align-items:stretch !important;}
    body.vp-body .vp-header .vp-navlinks .nav-link {padding:12px 16px !important;}
}
@media(prefers-reduced-motion:reduce) {
    body.vp-body .vp-header,body.vp-body .vp-header * {transition:none !important;}
}

body.vp-public.vp-body .seo-why__card > span { color:var(--theme-color-49626c) !important; }
body.vp-public.vp-body .accordion-item { --surface-ink:var(--theme-color-142d33); --surface-muted:var(--theme-color-435d65); --surface-link:var(--theme-color-105e6c); background:var(--theme-color-ffffff) !important; color:var(--theme-color-142d33) !important; }
body.vp-public.vp-body .accordion-button { background:var(--theme-color-ffffff) !important; color:var(--theme-color-142d33) !important; }
 
body.vp-public.vp-body :is(.v7-hero__grid,.v7-headingrow,.v7-practical,.vp-pagehero__grid,.vp-detailgrid,.vp-contactgrid) > * { min-width:0; }
body.vp-public.vp-body :is(.v7-hero__copy,.v7-hero__lead,.vp-pagehero p,.vp-prose) { overflow-wrap:break-word; }
@media(max-width:640px) {
    body.vp-public.vp-body .v7-hero__grid {grid-template-columns:minmax(0,1fr) !important;}
    body.vp-public.vp-body .v7-hero h1 {font-size:clamp(30px,8.4vw,46px) !important;line-height:1.07 !important;letter-spacing:-.045em !important;overflow-wrap:anywhere;}
    body.vp-public.vp-body .v7-hero__actions {display:grid !important;grid-template-columns:minmax(0,1fr);gap:12px;width:100%;}
    body.vp-public.vp-body .v7-hero__actions a {width:100%;min-width:0;justify-content:center;}
    body.vp-public.vp-body .v7-hero__visual {min-width:0;max-width:100%;}
}

 
body.vp-public.vp-body .privacy-wrapper {
    --surface-ink:var(--theme-color-142d33); --surface-muted:var(--theme-color-435d65); --surface-link:var(--theme-color-105e6c); --surface-accent:var(--theme-color-105e6c);
    color:var(--theme-color-142d33) !important; background:var(--theme-color-f8faf9) !important;
    border:1px solid var(--theme-color-d7e2e5) !important; max-width:1080px;
    margin:110px auto 64px; padding:clamp(24px,5vw,56px); border-radius:calc(28px * var(--theme-radius-scale));
    box-shadow:0 18px 48px var(--theme-color-10272f-1000-shadow);
}
body.vp-public.vp-body .vp-card__arrow {color:var(--surface-link,#105e6c) !important;}
body.vp-public.vp-body .v7-hero__script {
    color:var(--theme-color-ffffff) !important;background:var(--theme-color-081d22-8800);padding:10px 18px;border-radius:calc(18px * var(--theme-radius-scale));
    text-shadow:none !important;backdrop-filter:blur(12px);
}
body.vp-public.vp-body .card-header.bg-danger {
    --surface-ink:var(--theme-color-ffffff); --surface-muted:var(--theme-color-ffffff);background:var(--theme-color-9c2331) !important;color:var(--theme-color-ffffff) !important;
}
@media(max-width:640px) {body.vp-public.vp-body .privacy-wrapper {margin:88px 16px 40px;}}
 
body.vp-body {height:auto !important;min-height:100vh;}
body.vp-public.vp-body .vacatures-hero {
    background:linear-gradient(135deg,var(--theme-color-102d36),var(--theme-color-173e48)) !important;
    margin-top:0 !important;padding:120px 0 42px !important;
}
body.vp-public.vp-body .vacatures-hero .page-title {
    margin:0 0 16px !important;background:none !important;
    -webkit-text-fill-color:currentColor !important;
}
body.vp-public.vp-body .vacatures-grid-wrap {background:var(--theme-color-f7f9f8) !important;}
body.vp-public.vp-body .btn-outline-secondary {
    color:var(--surface-link,#105e6c) !important;background:transparent !important;
    border-color:var(--surface-link,#105e6c) !important;
}
body.vp-public.vp-body .accordion-body {
    --surface-ink:var(--theme-color-142d33);--surface-muted:var(--theme-color-435d65);--surface-link:var(--theme-color-105e6c);
    color:var(--theme-color-435d65) !important;background:var(--theme-color-ffffff) !important;
}
body.vp-body .login-btn--primary {
    color:var(--theme-color-ffffff) !important;background:linear-gradient(135deg,var(--theme-color-1b6574),var(--theme-color-134a57)) !important;
    border-color:var(--theme-color-226d7e) !important;
}
 
@media(min-width:1200px) {
    body.vp-public.vp-body .v7-hero h1 {font-size:clamp(48px,4.2vw,60px) !important;line-height:1.04 !important;}
}
body.vp-public.vp-body :is(.vp-formpage,.maintenance-card) {
    --surface-ink:var(--theme-color-142d33);--surface-muted:var(--theme-color-435d65);--surface-link:var(--theme-color-105e6c);--surface-accent:var(--theme-color-105e6c);
    color:var(--theme-color-142d33) !important;background:var(--theme-color-f7f9f8) !important;
}
body.vp-public.vp-body .vp-formpage {
    max-width:980px;margin:106px auto 56px;padding:clamp(24px,5vw,44px) !important;
    border:1px solid var(--theme-color-d7e2e5);border-radius:calc(28px * var(--theme-radius-scale));box-shadow:0 18px 48px var(--theme-color-10272f-1000-shadow);
}
body.vp-public.vp-body .vp-formpage .form-group {margin-bottom:22px;}
body.vp-public.vp-body .form-text {color:var(--surface-muted,#435d65) !important;}
body.vp-public.vp-body :is(.vacature-modal,.vacature-detail-section) {
    --surface-ink:var(--theme-color-f4f8fa);--surface-muted:var(--theme-color-d0e0e5);--surface-link:var(--theme-color-b9f1f4);--surface-accent:var(--theme-color-92e1e7);
    color:var(--theme-color-f4f8fa) !important;background:var(--theme-color-17313c) !important;
}
body.vp-public.vp-body .vacature-modal .badge {color:var(--theme-color-102a31) !important;background:var(--theme-color-a9e9ed) !important;}
body.vp-public.vp-body .vp-formpage .form-check-label {color:var(--theme-color-142d33) !important;}
@media(max-width:640px) {body.vp-public.vp-body .vp-formpage {margin:88px 16px 40px;}}

 
body.vp-public.vp-body .vp-formpage #offerteAanvraagForm {
    --surface-ink:var(--theme-color-142d33);--surface-muted:var(--theme-color-435d65);--surface-link:var(--theme-color-105e6c);
    width:100%;margin:24px 0 0;padding:0;border:0;box-shadow:none;
    background:transparent !important;color:var(--theme-color-142d33) !important;
}
body.vp-public.vp-body #offerteAanvraagForm label {color:var(--theme-color-142d33) !important;}
body.vp-public.vp-body #offerteAanvraagForm :is(input,textarea,select) {
    color:var(--theme-color-142d33) !important;background:var(--theme-color-ffffff) !important;border-color:var(--theme-color-91a7af) !important;
}
body.vp-public.vp-body :is(main,.modal-content) code {color:var(--surface-ink,#142d33) !important;}
