/* Leesbaarheid en bereikbaarheid — laatste stylesheet van de pagina.
   Gemaakt door gereedschap/bouw.py, niet met de hand bewerken in uit/.
   Bron: veenstra-it-site/stijl-bron/toegankelijk.css

   Waarom dit bestand bestaat: de stijl komt uit WordPress en staat verspreid
   over tientallen blokken. Correcties die op elke pagina moeten gelden horen
   op één plek, na al die blokken, zodat ze niet per pagina overschreven worden.
*/

/* --------------------------------------------------- 0. Terugvalletter ----
   Manrope is 1,366em hoog en 2,55% breder dan de systeemletter waarmee de
   browser de eerste tienden van een seconde tekent. Zodra Manrope binnen is
   springt de hele pagina daarom een stukje — gemeten CLS 0,10, net boven wat
   Google "goed" noemt.

   Deze terugval is de systeemletter mét de maten van Manrope opgelegd: even
   breed, even hoog, dezelfde basislijn. De bezoeker ziet nog steeds eerst de
   systeemletter, maar er verschuift niets meer als Manrope aankomt. Gemeten
   met een basislijnpeiling in de browser, niet overgenomen uit een tabel:

       Manrope   ascent 1,066  descent 0,300  breedte 102,55% van Arial
       Arial     ascent 0,921  descent 0,229

   bouw.py zet "Manrope terugval" in elke font-family achter "Manrope". */
@font-face {
  font-family: "Manrope terugval";
  src: local("Arial"), local("Helvetica Neue"), local("Roboto");
  size-adjust: 102.55%;
  ascent-override: 103.95%;
  descent-override: 29.25%;
  line-gap-override: 0%;
}

/* --------------------------------------------------------------- 1. Kleur --
   Het merkoranje #FF8514 haalt 2,44:1 op wit. Dat is te weinig voor tekst
   (WCAG 1.4.3 vraagt 4,5:1) en te weinig voor witte letters óp dat oranje.

   De merkkleur blijft de vlakkleur: knoppen, randen, bolletjes en balkjes
   blijven precies zoals ze waren. Alleen tékst die op het oranje uitkwam
   gebruikt nu een donkerder tint van dezelfde kleur, en de letters óp een
   oranje knop worden inkt in plaats van wit.

   bouw.py heeft elke `color:#FF8514` in de stijl vervangen door dit token.
   Op donkere vlakken zetten we het token terug op het felle oranje, want daar
   was het contrast juist goed. Omdat het een custom property is erft elk
   onderliggend element de juiste waarde mee. */
:root {
  --vit-oranje:        #FF8514;   /* de merkkleur, ongewijzigd  */
  --vit-inkt:          #0B0B0F;   /* 8,06:1 op het merkoranje   */
}

/* De familiewaarden zelf staan onderaan dit bestand; bouw.py schrijft ze erbij
   samen met de vlakken waarop ze gelden. --vit-oranje-tekst is de oude naam en
   blijft werken. */
:root { --vit-oranje-tekst: var(--vit-kleur-warm); }

/* De verdeling licht/donker leest bouw.py uit de stijl van de site zelf; wat
   op een foto ligt staat in stijl-bron/fotovlakken.css. */

/* Letters op een oranje knop: inkt in plaats van wit (2,44:1 -> 8,06:1). */
.vit-btn--primary, .vit-btn.primary, .vit-btn--dark, .vu-btn.primary,
.vit-btn--primary *, .vit-btn.primary *, .vit-btn--dark *, .vu-btn.primary *,
.vit-contact-map__meta a {
  color: var(--vit-inkt) !important;
}

/* Kleine bijschriften die op zandkleur stonden (3,01:1). */
.vit-infra-metric small,
.vit-foot-feature small {
  color: var(--vit-kleur-neutraal) !important;
}

/* Grijze tekst en links die net te licht waren. */
.vit-cb-note a, .vit-cb-note { color: var(--vit-kleur-neutraal) !important; }
.vit-cb-note a { text-decoration: underline; }

/* Grijs labelwerk op wit (2,33:1 en 3,48:1). */
.vit-stat__label,
.vit-contact-list .lbl,
.vit-scan-progress span {
  color: var(--vit-kleur-neutraal) !important;
}

/* ------------------------------------------------------- 2. Tekstgrootte --
   Onder de 12px leest bijna niemand comfortabel mee, en wie de tekst vergroot
   loopt eerder tegen een afgekapte regel aan. Dit is een bodem, geen herontwerp:
   de verhoudingen blijven, alleen de kleinste stapjes gaan omhoog. */
.vit-site-footer-wrap .vit-foot-col h2 { font-size: 12.5px !important; }
.vit-site-footer-wrap .vit-foot-legal a,
.vit-site-footer-wrap .vit-foot-copy,
.vit-site-footer-wrap .vit-foot-copy * { font-size: 14px !important; }
.vit-eyebrow                            { font-size: 12.5px !important; }
.vitb-item-desc,
.vitcb-cookie__cat-uitleg,
.vitcb-cookie__cookie-naam,
.vitcb-cookie__cookie-meta,
.vitcb-cookie__cookielijst-leeg         { font-size: 14px !important; }
.vit-stat__label,
.vitb-badge,
.vit-review__tag,
.vit-blog-card small,
.vit-infra-metric small,
.vit-contact-list small,
.vit-contact-list strong,
.vit-team__caption,
.vitck-functie,
.vitck-status__tekst,
.vitb-cal-wd span,
.vitb-info-lbl,
.vit-scan-progress span,
.vit-contact-list .lbl                  { font-size: 12.5px !important; }
.vit-tb-link, .vit-tb-link *,
.vit-status-txt, .vit-foot-hours strong,
.vit-learning-note a                    { font-size: 13.5px !important; }
.vitcf-caption, .vit-tbadge, .vit-prijs .st,
.bp-ribbon, .wp-block-post-date, .wp-block-post-date time,
.vit-stat__value sup, .vit-stat sup,
.vit-step__n, .vit-industry__n, .vit-growth-feature__n,
.vitb-step-num,
.vit-foot-logo-fallback .name small,
.vit-contact-list .lbl, .vit-foot-contact .lbl,
.vit-infra-live, .vit-infra-mark,
.vit-foot-rating .meta small,
.vitcb-cookie__cat-badge,
.vit-hero-status__top span,
.vit-hero-status__check,
.vit-hero-status__row strong,
.vit-hero-status__live,
.vit-hero-status__managed               { font-size: 12px !important; }

/* ---------------------------------------------------- 3. Raakvlak van 24px --
   WCAG 2.5.8 (AA) vraagt 24x24 CSS-pixels voor alles wat je aanwijst, met een
   uitzondering voor links midden in een lopende zin. Navigatie, voettekst en
   knoppen vallen niet onder die uitzondering. */
.vit-site-footer-wrap .vit-foot-col ul a,
.vit-site-footer-wrap .vit-foot-legal a,
.vit-site-header-wrap .vit-tb-link,
.vit-site-header-wrap .vit-nav a,
.vit-contact-list a,
.vit-text-link {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
}

/* Een verplicht vinkje van 13px is te klein om te raken en te klein om te zien
   of het aan staat. */
input[type="checkbox"], input[type="radio"] {
  width: 22px;
  height: 22px;
  accent-color: var(--vit-oranje);
}
label:has(> input[type="checkbox"]), label:has(> input[type="radio"]) {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-height: 24px;
}
/* De spamval (.cewf9-hp) blijft zoals hij is. Hij staat buiten beeld en meet in
   de contrastcontrole als wit-op-wit; dat hoort zo. Hem anders verbergen zou
   aan het spamfilter zelf zitten, en daar blijven we vanaf.
   Het vinkje hierboven raakt hem niet: die regel geldt breedte en hoogte, en
   een veld buiten beeld blijft buiten beeld. */

/* Wat de bezoeker aantikt om verder te komen: 44px, ook op een telefoon. */
.vit-btn, .vu-btn, .vit-mobilebar a, .vitb-btn,
button.vitcb-cookie__knop, .vitck-trigger,
.vit-scan-card .vit-scan-direct button,
.vit-back-to-top {
  min-height: 44px;
}
.vit-back-to-top { min-width: 44px; }

/* Losstaande verwijzingen (geen link midden in een zin, dus geen uitzondering
   op WCAG 2.5.8). */
.vit-learning-note a,
.vit-foot-area .places a,
.vit-map-route,
.vitcb-cookie__merk-link,
.vit-contact-map__meta a,
.vit-relrow a {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
}

/* ------------------------------------------------ 4. Niets buiten het beeld --
   Op 320px stak de kaartenrij 18px buiten beeld en werd de voettekst afgekapt.
   Oorzaak: rasteritems krijgen van zichzelf `min-width:auto`, dus het raster
   groeit mee met de breedste onbreekbare regel in plaats van te krimpen. Een
   spoor van `minmax(0,1fr)` laat het raster wél krimpen; het afbreken van de
   nowrap-link haalt de laatste 34px weg. */
@media (max-width: 700px) {
  .vit-more__grid,
  .vit-footer-grid,
  .vit-blog-grid,
  .vit-stats__grid,
  .vit-directory__groups { grid-template-columns: minmax(0, 1fr) !important; }

  .vit-more-card, .vit-foot-col, .vit-blog-card,
  .vit-stat, .vit-audience-card,
  .vit-directory-group   { min-width: 0 !important; }

  .vit-text-link      { white-space: normal !important; }

  .vit-foot-rating, .vit-foot-chips,
  .vit-contact-list li { flex-wrap: wrap; min-width: 0; }

}

/* Volle-breedte-blokken rekenen met 100vw. Staat er een schuifbalk, dan is
   100vw breder dan het zichtbare venster en steekt het blok eruit — op elke
   breedte, niet alleen op een telefoon. */
.vit-site-footer-wrap .vit-foot-bottom {
  width: 100% !important;
  margin-inline: 0 !important;
}

/* Lange woorden (e-mailadressen, URL's) mogen afbreken in plaats van uitsteken. */
.vit-foot-col, .vit-contact-list, .entry-content { overflow-wrap: break-word; }

/* ------------------------------------------------------- 5. Regellengte ----
   Op een tablet liep de lopende tekst tot 705px door — ruim 90 tekens per
   regel. Het oog raakt dan het begin van de volgende regel kwijt. */
@media (min-width: 700px) {
  .entry-content > p,
  .vit-blog-body > p,
  .vit-blog-body > ul,
  .vit-blog-body > ol,
  .vit-cs-head > p,
  .vit-leadblok__tekst > p,
  .vit-section-intro > p,
  [class*="__intro"] > p,
  [class*="__wrap"] > p,
  [class*="-head"] > p,
  [class*="__head"] > p { max-width: 68ch; }
}

/* --------------------------------------------------- 6. Zichtbare focus ----
   Wie met het toetsenbord door de site loopt moet zien waar hij staat. */
a:focus-visible, button:focus-visible, summary:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid var(--vit-kleur-warm);
  outline-offset: 2px;
  border-radius: 4px;
}

/* ------------------------------------------------------ 7. Minder beweging --
   Wie in zijn systeem heeft aangegeven bewegingen te willen beperken, krijgt
   ze niet. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}


/* Hieronder staat wat bouw.py uit de stijl van de site zelf heeft gelezen. */

:root{--vit-kleur-warm:#A6560D;--vit-kleur-neutraal:#55504A;--vit-kleur-groen:#1F7A46;--vit-kleur-rood:#B3261E;--vit-kleur-blauw:#1D4ED8}

/* Donkere vlakken (115). */
#vit-home .vit-terminal,#vit-home .vit-terminal-bar,#vit-home .vit-terminal-bar .dots i,#vitcb-cookie .vitcb-cookie__btn--accept,#vitcb-cookie .vitcb-cookie__btn--accept:active,#vitcb-cookie .vitcb-cookie__btn--accept:focus,#vitcb-cookie .vitcb-cookie__btn--accept:hover,.fvd .fvd-video-frame,.fvdu-btn--light:hover,.fvdu-hero,.gp-hero,.gp-phone-top i,.m-alt .m-alt-hero,.top-bar,.vd .vd-section--ink,.vit-afspraak-sluit,.vit-ap-hero,.vit-appointment .va-hero,.vit-blog[data-template="vit-blog-v2"] .vb-body pre,.vit-bp .bp-hero,.vit-bp .bp-hero-media,.vit-conceptbadge,.vit-cs-hero,.vit-hero,.vit-hero .vit-btn--light:hover,.vit-hero-status,.vit-infra-map,.vit-kb-hero,.vit-leadblok,.vit-mobilebar,.vit-page .pv-footer,.vit-remote .vr-hero,.vit-site-modal,.vit-team__badge,.vit-team__image,.vit-workflow .vit-w-hero,.vit-workplace,.vitc-hero,.vitcb-cookie__backdrop,.vitcb-cookie__btn--accept{--vit-kleur-warm:#FF8514;--vit-kleur-neutraal:#CFC9C0;--vit-kleur-groen:#4ADE80;--vit-kleur-rood:#FF8A80;--vit-kleur-blauw:#93C5FD}
.vitcb-heropen-icoon,.vitcb-toggle__input:checked + .vitcb-toggle__track,.vitu-btn--light:hover,.vitu-hero,.vsd-hero,.vsp-hero,.vu-hero,.wp-block-button__link,.wp-block-file__button,.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim,a.button,a.button:focus,a.button:hover,a.generate-back-to-top:focus,a.generate-back-to-top:hover,a.wp-block-button__link:not(.has-background),a.wp-block-button__link:not(.has-background):active,a.wp-block-button__link:not(.has-background):focus,a.wp-block-button__link:not(.has-background):hover,body #page .m-alt-hero,body.page-id-311 .vit-hero,body.page-id-313 .vit-hero,body.page-id-319 .vit-hero,body.page-id-327 .vit-hero,body.page-id-329 .vit-hero,body.page-id-333 .vit-hero,body.page-id-335 .vit-hero,body.page-id-337 .vit-hero,body.page-id-339 .vit-hero,body.page-id-341 .vit-hero,body.page-id-343 .vit-hero,body.page-id-359 .vu-hero,body.page-id-376 .vitc-hero,body.page-id-378 .vitc-hero,body.page-id-380 .vitc-hero,body.page-id-382 .vitc-hero,body.page-id-384 .vitc-hero,body.page-id-386 .vitc-hero,body.page-id-390 .vitc-hero,body.page-id-392 .vitc-hero{--vit-kleur-warm:#FF8514;--vit-kleur-neutraal:#CFC9C0;--vit-kleur-groen:#4ADE80;--vit-kleur-rood:#FF8A80;--vit-kleur-blauw:#93C5FD}
body.page-id-394 .vitc-hero,body.page-id-396 .vitc-hero,body.page-id-398 .vitc-hero,body.page-id-401 .vitc-hero,body.page-id-403 .vitc-hero,body.page-id-405 .vitc-hero,body.page-id-407 .vitc-hero,body.page-id-409 .vitc-hero,body.page-id-411 .vitc-hero,body.page-id-413 .vitc-hero,body.page-id-415 .vitc-hero,body.page-id-417 .vitc-hero,body.page-id-419 .vitc-hero,body.page-id-421 .vitc-hero,body.page-id-423 .vitc-hero,body.page-id-463 .vitu-hero,body.page-id-848 .vit-hero,body.page-id-912 .gp-hero,body.page-id-914 .gp-hero,body.page-id-916 .gp-hero,body.page-id-918 .gp-hero,body.vit-headoverlay .vit-site-header-wrap .vit-header.vit-on-dark.scrolled,body.vit-headoverlay .vit-site-header-wrap .vit-topbar.vit-on-dark,button,button:focus,button:hover,html input[type="button"],html input[type="button"]:focus,html input[type="button"]:hover,input[type="reset"],input[type="reset"]:focus,input[type="reset"]:hover,input[type="submit"],input[type="submit"]:focus,input[type="submit"]:hover{--vit-kleur-warm:#FF8514;--vit-kleur-neutraal:#CFC9C0;--vit-kleur-groen:#4ADE80;--vit-kleur-rood:#FF8A80;--vit-kleur-blauw:#93C5FD}

/* Lichte vlakken (544); ná de donkere, zodat een
   licht kaartje in een donker blok wint. */
#vitb_1a05650e .vitb-badge,#vitb_1a05650e .vitb-cal,#vitb_1a05650e .vitb-cal-day:hover:not(:disabled),#vitb_1a05650e .vitb-cal-wd,#vitb_1a05650e .vitb-error,#vitb_1a05650e .vitb-info-box,#vitb_1a05650e .vitb-info-orange,#vitb_1a05650e .vitb-item,#vitb_1a05650e .vitb-item:hover,#vitb_1a05650e .vitb-slot,#vitb_1a05650e .vitb-urgency,#vitb_a21af9d8 .vitb-badge,#vitb_a21af9d8 .vitb-cal,#vitb_a21af9d8 .vitb-cal-day:hover:not(:disabled),#vitb_a21af9d8 .vitb-cal-wd,#vitb_a21af9d8 .vitb-error,#vitb_a21af9d8 .vitb-info-box,#vitb_a21af9d8 .vitb-info-orange,#vitb_a21af9d8 .vitb-item,#vitb_a21af9d8 .vitb-item:hover,#vitb_a21af9d8 .vitb-slot,#vitb_a21af9d8 .vitb-urgency,#vitcb-cookie .vitcb-cookie__btn--decline,#vitcb-cookie .vitcb-cookie__btn--decline:active,#vitcb-cookie .vitcb-cookie__btn--decline:focus,#vitcb-cookie .vitcb-cookie__btn--decline:hover,#vitcb-cookie .vitcb-cookie__btn--selectie,#vitcb-cookie .vitcb-cookie__btn--selectie:active,#vitcb-cookie .vitcb-cookie__btn--selectie:focus,#vitcb-cookie .vitcb-cookie__btn--selectie:hover,#vitck-wrap .vitck-kaart__close,#vitck-wrap .vitck-kaart__close:active,#vitck-wrap .vitck-kaart__close:focus,#vitck-wrap .vitck-kaart__close:hover,#vitck-wrap .vitck-trigger,#vitck-wrap .vitck-trigger:active,#vitck-wrap .vitck-trigger:focus,.cewf9-bevestiging,.cewf9-form input[type=email],.cewf9-form input[type=tel]{--vit-kleur-warm:#A6560D;--vit-kleur-neutraal:#55504A;--vit-kleur-groen:#1F7A46;--vit-kleur-rood:#B3261E;--vit-kleur-blauw:#1D4ED8}
.cewf9-form input[type=text],.cewf9-form textarea,.cewf9-melding.cewf9-state-error,.cewf9-melding.cewf9-state-ok,.fvd .fvd-btn--secondary,.fvd .fvd-checks li,.fvd .fvd-drone-badge,.fvd .fvd-drone-visual,.fvd .fvd-example-card,.fvd .fvd-tag--example,.fvd .fvd-video-card,.fvdu-btn--light,.gp-amersfoort .gp-hero,.gp-answer,.gp-apps .gp-hero,.gp-barneveld .gp-hero,.gp-btn,.gp-calculator .gp-hero,.gp-card,.gp-case-flow,.gp-case-flow article:nth-child(even),.gp-case-intro article,.gp-faq details,.gp-feature-map span,.gp-field input,.gp-foot,.gp-header,.gp-hero .gp-btn:not(.primary),.gp-hero-media figure,.gp-hero-note,.gp-hoevelaken .gp-answer,.gp-hoevelaken .gp-hero,.gp-list li,.gp-mini-photo,.gp-nijkerk .gp-hero,.gp-nijkerk .gp-hero-grid>div:first-child,.gp-phone-progress,.gp-photo,.gp-portal-app,.gp-portal-browser{--vit-kleur-warm:#A6560D;--vit-kleur-neutraal:#55504A;--vit-kleur-groen:#1F7A46;--vit-kleur-rood:#B3261E;--vit-kleur-blauw:#1D4ED8}
.gp-portal-browser em,.gp-portal-browser>span,.gp-portal-browser>span:nth-child(2),.gp-portal-browser>span:nth-child(3),.gp-portal-kpis article,.gp-portal-main,.gp-portal-panel,.gp-portal-phone,.gp-portal-planning li,.gp-portal-planning li>b,.gp-portal-planning li>b.done,.gp-portal-planning li>b.waiting,.gp-portal-shell,.gp-portal-sidebar,.gp-portal-sidebar nav i,.gp-portal-table .status,.gp-portal-table .status.check,.gp-portal-table .status.done,.gp-portal-table span[role=cell]>i,.gp-portal-user>b,.gp-process,.gp-quote,.gp-recommendations li,.gp-result,.gp-result-contact,.gp-result-grid .gp-recommendations li,.gp-review,.gp-review:first-child,.gp-scan .gp-answer,.gp-scan .gp-hero,.gp-score-ring,.gp-score-ring>div,.gp-section.soft,.gp-section.white,.gp-service,.gp-service:first-child,.gp-table-wrap,.gp-tool-card,.gp-trust span,.gp-wizard .gp-option{--vit-kleur-warm:#A6560D;--vit-kleur-neutraal:#55504A;--vit-kleur-groen:#1F7A46;--vit-kleur-rood:#B3261E;--vit-kleur-blauw:#1D4ED8}
.gp-wizard .gp-option:has(input:checked),.gp-wizard-dots i,.gp-wizard-nav button,.m-alt .m-alt-answer,.m-alt .m-alt-btn,.m-alt .m-alt-caption,.m-alt .m-alt-card,.m-alt .m-alt-compare,.m-alt .m-alt-faq details,.m-alt .m-alt-fitbox,.m-alt .m-alt-fitbox.good,.m-alt .m-alt-hero .m-alt-btn:not(.primary),.m-alt .m-alt-list li,.m-alt .m-alt-note,.m-alt .m-alt-proof li,.m-alt .m-alt-section.soft,.m-alt .m-alt-step,.m-alt .m-alt-table,.m-alt .m-alt-table th,.m-alt .m-alt-visual,.oo-card,.oo-card__linklist a,.oo-card__linklist a:hover,.oo-signal,.screen-reader-text:focus,.vb-faq details,.vb-kort__item,.vd .vd-browser,.vd .vd-browser-top,.vd .vd-browser-top i:nth-child(2),.vd .vd-browser-top span,.vd .vd-btn--secondary,.vd .vd-budget-note,.vd .vd-chain-item,.vd .vd-checks li,.vd .vd-choice,.vd .vd-choice-list li,.vd .vd-device,.vd .vd-device span,.vd .vd-drone-badge{--vit-kleur-warm:#A6560D;--vit-kleur-neutraal:#55504A;--vit-kleur-groen:#1F7A46;--vit-kleur-rood:#B3261E;--vit-kleur-blauw:#1D4ED8}
.vd .vd-drone-callout,.vd .vd-faq details,.vd .vd-float-card,.vd .vd-media-card,.vd .vd-offer,.vd .vd-principle,.vd .vd-ribbon,.vd .vd-site-modal-actions button,.vd .vd-site-modal-actions button:hover,.vd .vd-site-modal-bar,.vd .vd-site-modal-body,.vd .vd-site-modal-frame,.vd .vd-tech-copy,.vd .vd-trust li,.vd .vd-work,.vd .vd-work-chrome,.vd .vd-work-hint,.vit-afspraak-kop,.vit-afspraak-venster,.vit-ap-btn,.vit-ap-card,.vit-ap-final,.vit-ap-hero .vit-ap-btn:not(.primary),.vit-ap-icon,.vit-ap-list li,.vit-ap-note,.vit-ap-photo,.vit-ap-photo figcaption,.vit-ap-section.white,.vit-ap-status,.vit-ap-trust span,.vit-ap-warning,.vit-appointment .va-after,.vit-appointment .va-booking,.vit-appointment .va-btn,.vit-appointment .va-faq details,.vit-appointment .va-final,.vit-appointment .va-photo,.vit-appointment .va-photo figcaption,.vit-appointment .va-trust li{--vit-kleur-warm:#A6560D;--vit-kleur-neutraal:#55504A;--vit-kleur-groen:#1F7A46;--vit-kleur-rood:#B3261E;--vit-kleur-blauw:#1D4ED8}
.vit-appointment [id^="vitb_"] .vitb-cal-day:hover:not(:disabled),.vit-appointment [id^="vitb_"] .vitb-item,.vit-appointment [id^="vitb_"] .vitb-slot,.vit-appointment [id^="vitb_"] .vitb-slot:hover,.vit-audience,.vit-audience-card--business,.vit-audience-card--private,.vit-auto-faq,.vit-auto-faq details,.vit-badge,.vit-biz-card,.vit-blog .vb-end-actions a:last-child,.vit-blog .vb-end-cta,.vit-blog .vb-hero-media,.vit-blog .vb-inline-media,.vit-blog .vb-side-links a,.vit-blog-card,.vit-blog[data-template="vit-blog-v2"] .vb-author-card,.vit-blog[data-template="vit-blog-v2"] .vb-body,.vit-blog[data-template="vit-blog-v2"] .vb-body code,.vit-blog[data-template="vit-blog-v2"] .vb-body table,.vit-blog[data-template="vit-blog-v2"] .vb-body th,.vit-blog[data-template="vit-blog-v2"] .vb-body>.vb-side-card,.vit-blog[data-template="vit-blog-v2"] .vb-body>.vb-side-card .vb-side-links a,.vit-blog[data-template="vit-blog-v2"] .vb-body>.vb-side-card .vb-side-links a.is-current,.vit-blog[data-template="vit-blog-v2"] .vb-body>.vb-side-card .vb-side-links a:hover,.vit-blog[data-template="vit-blog-v2"] .vb-body>figure,.vit-blog[data-template="vit-blog-v2"] .vb-cat,.vit-blog[data-template="vit-blog-v2"] .vb-end-actions a:last-child,.vit-blog[data-template="vit-blog-v2"] .vb-inline-media,.vit-blog[data-template="vit-blog-v2"] .vb-intro .vb-hero-media,.vit-blog[data-template="vit-blog-v2"] .vb-meta,.vit-blog[data-template="vit-blog-v2"] .vb-side .vb-side-links a,.vit-blog[data-template="vit-blog-v2"] .vb-side .vb-side-links a.is-current,.vit-blog[data-template="vit-blog-v2"] .vb-side .vb-side-links a:hover,.vit-blog[data-template="vit-blog-v2"] .vb-side-card,.vit-blog[data-template="vit-blog-v2"] figcaption,.vit-blog[data-template="vit-blog-v2"]>.vb-hero-media,.vit-booking-close,.vit-booking-confirmation{--vit-kleur-warm:#A6560D;--vit-kleur-neutraal:#55504A;--vit-kleur-groen:#1F7A46;--vit-kleur-rood:#B3261E;--vit-kleur-blauw:#1D4ED8}
.vit-booking-slot:has(input:checked),.vit-bp .bp-band,.vit-bp .bp-band-tags span,.vit-bp .bp-btn--plain,.vit-bp .bp-compare-card,.vit-bp .bp-compare-card--highlight,.vit-bp .bp-cta,.vit-bp .bp-eyebrow,.vit-bp .bp-faq details,.vit-bp .bp-hero .bp-btn--plain,.vit-bp .bp-hero-media,.vit-bp .bp-host-card,.vit-bp .bp-jump,.vit-bp .bp-notice,.vit-bp .bp-overview-card--orange,.vit-bp .bp-ribbon,.vit-bp .bp-side-media,.vit-bp .bp-side-text,.vit-bp .bp-workplek,.vit-bp .bp-workplek--best,.vit-browser,.vit-browser-live,.vit-browser-live__address,.vit-browser-live__launch,.vit-browser-live__tab[aria-selected="true"],.vit-browser-live__tabs,.vit-browser-live__toolbar,.vit-browser-live__viewport,.vit-browser__tabs,.vit-callback,.vit-choice-actions a,.vit-choice-badge,.vit-choice-btn,.vit-choice-card,.vit-choice-direct,.vit-contact-form,.vit-contact-map__meta,.vit-cs details,.vit-cs-btn,.vit-cs-card{--vit-kleur-warm:#A6560D;--vit-kleur-neutraal:#55504A;--vit-kleur-groen:#1F7A46;--vit-kleur-rood:#B3261E;--vit-kleur-blauw:#1D4ED8}
.vit-cs-card b,.vit-cs-checks li,.vit-cs-final,.vit-cs-hero .vit-cs-btn:not(.primary),.vit-cs-photo,.vit-cs-photo figcaption,.vit-cs-section.white,.vit-cs-step,.vit-cs-strip,.vit-cs-trust span,.vit-directory,.vit-directory-group,.vit-directory-group--wide .vit-directory-link:hover,.vit-final .vit-btn--light:hover,.vit-growth,.vit-growth-feature,.vit-hero,.vit-hero .vit-btn--light,.vit-hero .vit-btn.ghost,.vit-hero .vit-tbadge,.vit-hero-cta .vit-btn.ghost,.vit-hero__signal,.vit-infra-card,.vit-infra-live,.vit-infra-metric,.vit-infra-metric:first-child,.vit-insights,.vit-kb .wp-block-post,.vit-kb .wp-block-query-pagination .page-numbers,.vit-kb .wp-block-query-pagination a,.vit-kb-btn--light,.vit-kb-btn.secondary,.vit-kb-cta,.vit-kb-listing .page-numbers,.vit-kb-listing .wp-block-query-pagination-next,.vit-kb-listing .wp-block-query-pagination-previous,.vit-kb-listing li.wp-block-post,.vit-kb-proof,.vit-kb-proof li,.vit-kb-signal{--vit-kleur-warm:#A6560D;--vit-kleur-neutraal:#55504A;--vit-kleur-groen:#1F7A46;--vit-kleur-rood:#B3261E;--vit-kleur-blauw:#1D4ED8}
.vit-kb-topic,.vit-kb-topic:focus-visible,.vit-kb-topic:hover,.vit-kb-topics,.vit-leadblok__form,.vit-learning-note,.vit-loc-area-card,.vit-loc-area-card li,.vit-loc-btn,.vit-loc-card,.vit-loc-card b,.vit-loc-final,.vit-loc-links a,.vit-loc-photo,.vit-loc-section.white,.vit-loc-step,.vit-loc-trust span,.vit-lokaal,.vit-lokaal details,.vit-lokaal__diensten a,.vit-map-legend__item,.vit-marquee,.vit-more,.vit-more-card,.vit-outcome,.vit-outlook,.vit-outlook__grid article,.vit-page .vit-contact-booking,.vit-page .vit-contact-booking__direct,.vit-page .vit-contact-booking__steps li,.vit-page .vit-photo.band.vit-team-photo,.vit-page .vit-repair-care div,.vit-page .vit-repair-decision,.vit-page .vit-repair-service-card,.vit-page .vit-repair-service-depth,.vit-page[data-page="particulier"] .vit-note .ico-chip,.vit-particulier .vp-answer,.vit-particulier .vp-availability,.vit-particulier .vp-btn,.vit-particulier .vp-business{--vit-kleur-warm:#A6560D;--vit-kleur-neutraal:#55504A;--vit-kleur-groen:#1F7A46;--vit-kleur-rood:#B3261E;--vit-kleur-blauw:#1D4ED8}
.vit-particulier .vp-hardware-point,.vit-particulier .vp-hero-frame,.vit-particulier .vp-metrics,.vit-particulier .vp-mike-quote,.vit-particulier .vp-mini,.vit-particulier .vp-mode,.vit-particulier .vp-note,.vit-particulier .vp-person-card,.vit-particulier .vp-price,.vit-particulier .vp-price-fact,.vit-particulier .vp-quick,.vit-particulier .vp-quick-links a,.vit-particulier .vp-score,.vit-particulier .vp-section--sand,.vit-particulier .vp-service,.vit-particulier .vp-step,.vit-particulier .vp-story,.vit-particulier .vp-story-media,.vit-particulier .vp-trust span,.vit-particulier blockquote,.vit-particulier details,.vit-price-card,.vit-promise,.vit-proofbar,.vit-quicknav,.vit-quicknav a,.vit-quickscan,.vit-region-link,.vit-remote .vr-btn,.vit-remote .vr-dl-btn.ghost,.vit-remote .vr-download,.vit-remote .vr-download-item,.vit-remote .vr-faq,.vit-remote .vr-final,.vit-remote .vr-help-item,.vit-remote .vr-hero-card,.vit-remote .vr-mac,.vit-remote .vr-main,.vit-remote .vr-not-fit,.vit-remote .vr-safety-card{--vit-kleur-warm:#A6560D;--vit-kleur-neutraal:#55504A;--vit-kleur-groen:#1F7A46;--vit-kleur-rood:#B3261E;--vit-kleur-blauw:#1D4ED8}
.vit-remote .vr-safety-list li,.vit-repair-btn,.vit-repair-card,.vit-repair-card b,.vit-repair-final,.vit-repair-hero-photo,.vit-repair-locations a,.vit-repair-photo,.vit-repair-photo-note,.vit-repair-proof,.vit-repair-section.white,.vit-repair-side,.vit-repair-step,.vit-repair-trust span,.vit-repair-way,.vit-review,.vit-review-score,.vit-review__tag,.vit-reviews,.vit-scan-card,.vit-scan-direct,.vit-scan-option,.vit-scan-progress__bar,.vit-site-footer-wrap .vit-foot-area-online,.vit-site-footer-wrap .vit-foot-bottom,.vit-site-footer-wrap .vit-foot-chip,.vit-site-footer-wrap .vit-foot-contact,.vit-site-footer-wrap .vit-foot-contact li .ic,.vit-site-footer-wrap .vit-foot-feature,.vit-site-footer-wrap .vit-foot-feature-arrow,.vit-site-footer-wrap .vit-foot-feature-tag .pulse,.vit-site-footer-wrap .vit-foot-hours,.vit-site-footer-wrap .vit-foot-legal a:hover,.vit-site-footer-wrap .vit-foot-social a,.vit-site-header-wrap .vit-header,.vit-site-header-wrap .vit-header.scrolled,.vit-site-header-wrap .vit-mobile-menu,.vit-site-header-wrap .vit-on-dark .vit-burger span,.vit-site-header-wrap .vit-topbar,.vit-site-modal{--vit-kleur-warm:#A6560D;--vit-kleur-neutraal:#55504A;--vit-kleur-groen:#1F7A46;--vit-kleur-rood:#B3261E;--vit-kleur-blauw:#1D4ED8}
.vit-site-modal__close,.vit-site-modal__dialog,.vit-stadlinks,.vit-stappen li,.vit-stats,.vit-stats__grid,.vit-story-link,.vit-substrip,.vit-svc .btn.secondary,.vit-svc details,.vit-svc-card,.vit-svc-card .n,.vit-svc-checks li,.vit-svc-final,.vit-svc-micro span,.vit-svc-related a,.vit-svc-section.white,.vit-svc-step,.vit-svc-trust,.vit-svc-visual,.vit-svc-visual-card,.vit-team,.vit-team__caption,.vit-team__chip,.vit-team__frame,.vit-team__image,.vit-team__medal,.vit-team__node-ico,.vit-team__shine,.vit-uitleg--zacht,.vit-uitleg__grid article,.vit-unique .vu-btn,.vit-unique .vu-card .vu-num,.vit-unique .vu-cta,.vit-unique .vu-kicker,.vit-unique .vu-points li,.vit-unique .vu-proof li,.vit-unique .vu-quote,.vit-unique .vu-section.soft,.vit-unique .vu-visual{--vit-kleur-warm:#A6560D;--vit-kleur-neutraal:#55504A;--vit-kleur-groen:#1F7A46;--vit-kleur-rood:#B3261E;--vit-kleur-blauw:#1D4ED8}
.vit-unique .vu-visual figcaption,.vit-unique.vu-voip .vu-faq details,.vit-unique.vu-voip .vu-intent article,.vit-unique.vu-voip .vu-note,.vit-unique.vu-voip .vu-step,.vit-unique.vu-voip .vu-step span,.vit-vertrouwd,.vit-vertrouwd li,.vit-workflow .vit-w-btn--plain,.vit-workflow .vit-w-callout,.vit-workflow .vit-w-cta,.vit-workflow .vit-w-expect,.vit-workflow .vit-w-eyebrow,.vit-workflow .vit-w-faq details,.vit-workflow .vit-w-hero .vit-w-btn--plain,.vit-workflow .vit-w-hero-card,.vit-workflow .vit-w-mini-list b,.vit-workflow .vit-w-no,.vit-workflow .vit-w-route-icon,.vit-workflow .vit-w-sec--white,.vit-workflow .vit-w-track,.vit-workflow .vit-w-track li,.vit-workflow .vit-w-track--business,.vit-zakelijk,.vitcb-btn,.vitcb-cookie--hoek,.vitcb-cookie__btn--decline,.vitcb-cookie__btn--selectie,.vitcb-cookie__panel,.vitcb-toggle__duim,.vitcf-card,.vitcfg,.vitcfg__opslag button,.vitcfg__opslag button[aria-pressed="true"],.vitcfg__step,.vitcfg__sum,.vitcfg__sw,.vitck-kaart,.vitck-kaart__close,.vitck-trigger{--vit-kleur-warm:#A6560D;--vit-kleur-neutraal:#55504A;--vit-kleur-groen:#1F7A46;--vit-kleur-rood:#B3261E;--vit-kleur-blauw:#1D4ED8}
.vitu-btn--light,.vitu-hero,.vitu-hero .vitu-btn--light,.vitu-quick,.vitu-quick-links a,.vitu-signal,.vr-signal,.vsd-card,.vsd-faq details,.vsd-sec--soft,.vsp-card,.vsp-cta a.s,.vsp-sec,.vsp-steps,.vu-hero .vu-btn:not(.primary),body #page .m-alt .m-alt-offerte__form,body #page .m-alt .m-alt-section.soft figure.m-alt-visual,body #page .m-alt figure.m-alt-visual,body #page .vd .vd-work-info,body #page .vitwc__mode button,body.vit-headoverlay .vit-site-header-wrap .vit-header.vit-on-light,body.vit-headoverlay .vit-site-header-wrap .vit-topbar.vit-on-light,dialog.vit-vergroot,dialog.vit-vergroot .vit-vergroot__sluit{--vit-kleur-warm:#A6560D;--vit-kleur-neutraal:#55504A;--vit-kleur-groen:#1F7A46;--vit-kleur-rood:#B3261E;--vit-kleur-blauw:#1D4ED8}

/* Letters op een oranje vlak (143). */
#vit-home .vit-bg,#vit-home .vit-bg *,#vit-home .vit-btn.primary,#vit-home .vit-btn.primary *,#vit-home .vit-btn.primary:hover,#vit-home .vit-btn.primary:hover *,#vit-home .vit-term-prompt .caret,#vit-home .vit-term-prompt .caret *,#vit-home .vit-werkplek,#vit-home .vit-werkplek *,#vit-home .vit-werkplek .badge,#vit-home .vit-werkplek .badge *,#vit-home .vit-werkplek .feats li .chk,#vit-home .vit-werkplek .feats li .chk *,#vitb_1a05650e .vitb-btn,#vitb_1a05650e .vitb-btn *,#vitb_1a05650e .vitb-btn:hover,#vitb_1a05650e .vitb-btn:hover *,#vitb_1a05650e .vitb-cal-day.vitb-selected,#vitb_1a05650e .vitb-cal-day.vitb-selected *,#vitb_1a05650e .vitb-cal-hd,#vitb_1a05650e .vitb-cal-hd *,#vitb_1a05650e .vitb-slot.vitb-selected,#vitb_1a05650e .vitb-slot.vitb-selected *,#vitb_1a05650e .vitb-step-num,#vitb_1a05650e .vitb-step-num *,#vitb_1a05650e .vitb-success-icon,#vitb_1a05650e .vitb-success-icon *,#vitb_a21af9d8 .vitb-btn,#vitb_a21af9d8 .vitb-btn *,#vitb_a21af9d8 .vitb-btn:hover,#vitb_a21af9d8 .vitb-btn:hover *,#vitb_a21af9d8 .vitb-cal-day.vitb-selected,#vitb_a21af9d8 .vitb-cal-day.vitb-selected *,#vitb_a21af9d8 .vitb-cal-hd,#vitb_a21af9d8 .vitb-cal-hd *,#vitb_a21af9d8 .vitb-slot.vitb-selected,#vitb_a21af9d8 .vitb-slot.vitb-selected *,#vitb_a21af9d8 .vitb-step-num,#vitb_a21af9d8 .vitb-step-num *{color:var(--vit-inkt)!important}
#vitb_a21af9d8 .vitb-success-icon,#vitb_a21af9d8 .vitb-success-icon *,.cewf9-knop,.cewf9-knop *,.cewf9-vink,.cewf9-vink *,.fvd .fvd-btn--primary,.fvd .fvd-btn--primary *,.fvdu-btn--primary,.fvdu-btn--primary *,.gp-btn.primary,.gp-btn.primary *,.gp-hero .gp-btn.primary,.gp-hero .gp-btn.primary *,.gp-navlinks .gp-nav-cta,.gp-navlinks .gp-nav-cta *,.gp-phone-button,.gp-phone-button *,.gp-phone-progress i,.gp-phone-progress i *,.gp-portal-action,.gp-portal-action *,.gp-portal-brand>b,.gp-portal-brand>b *,.gp-portal-user>b,.gp-portal-user>b *,.gp-progress span,.gp-progress span *,.gp-result-phone,.gp-result-phone *,.gp-score-ring,.gp-score-ring *,.gp-wizard-dots i.is-current,.gp-wizard-dots i.is-current *,.gp-wizard-dots i.is-done,.gp-wizard-dots i.is-done *,.gp-wizard-nav .gp-wizard-next,.gp-wizard-nav .gp-wizard-next *,.has-luminous-vivid-orange-background-color,.has-luminous-vivid-orange-background-color *{color:var(--vit-inkt)!important}
.m-alt .m-alt-btn.primary,.m-alt .m-alt-btn.primary *,.m-alt .m-alt-hero .m-alt-btn.primary,.m-alt .m-alt-hero .m-alt-btn.primary *,.m-alt .m-alt-stepn,.m-alt .m-alt-stepn *,.prio .vit-choice-btn,.prio .vit-choice-btn *,.vd .vd-browser-top i,.vd .vd-browser-top i *,.vd .vd-btn--primary,.vd .vd-btn--primary *,.vd .vd-choice-list b,.vd .vd-choice-list b *,.vit-ap-btn.primary,.vit-ap-btn.primary *,.vit-ap-hero .vit-ap-btn.primary,.vit-ap-hero .vit-ap-btn.primary *,.vit-appointment .va-btn.primary,.vit-appointment .va-btn.primary *,.vit-appointment [id^="vitb_"] .vitb-btn,.vit-appointment [id^="vitb_"] .vitb-btn *,.vit-appointment [id^="vitb_"] .vitb-cal-day.vitb-selected,.vit-appointment [id^="vitb_"] .vitb-cal-day.vitb-selected *,.vit-appointment [id^="vitb_"] .vitb-cal-day.vsel,.vit-appointment [id^="vitb_"] .vitb-cal-day.vsel *,.vit-appointment [id^="vitb_"] .vitb-slot.vitb-selected,.vit-appointment [id^="vitb_"] .vitb-slot.vitb-selected *,.vit-appointment [id^="vitb_"] .vitb-slot.vsel,.vit-appointment [id^="vitb_"] .vitb-slot.vsel *,.vit-appointment [id^="vitb_"] .vitb-step-num,.vit-appointment [id^="vitb_"] .vitb-step-num *,.vit-blog .vb-avatar,.vit-blog .vb-avatar *,.vit-blog .vb-btn,.vit-blog .vb-btn *,.vit-blog .vb-btn:hover,.vit-blog .vb-btn:hover *,.vit-blog .vb-end-actions a:first-child,.vit-blog .vb-end-actions a:first-child *{color:var(--vit-inkt)!important}
.vit-blog-cta .vit-btn,.vit-blog-cta .vit-btn *,.vit-blog-cta .vit-btn:hover,.vit-blog-cta .vit-btn:hover *,.vit-blog[data-template="vit-blog-v2"] .vb-avatar,.vit-blog[data-template="vit-blog-v2"] .vb-avatar *,.vit-blog[data-template="vit-blog-v2"] .vb-btn,.vit-blog[data-template="vit-blog-v2"] .vb-btn *,.vit-blog[data-template="vit-blog-v2"] .vb-btn:hover,.vit-blog[data-template="vit-blog-v2"] .vb-btn:hover *,.vit-blog[data-template="vit-blog-v2"] .vb-end-actions a:first-child,.vit-blog[data-template="vit-blog-v2"] .vb-end-actions a:first-child *,.vit-bp .bp-band-tags span:first-child,.vit-bp .bp-band-tags span:first-child *,.vit-bp .bp-btn--primary,.vit-bp .bp-btn--primary *,.vit-bp .bp-hero .bp-btn--primary,.vit-bp .bp-hero .bp-btn--primary *,.vit-browser-live__launch:focus-visible,.vit-browser-live__launch:focus-visible *,.vit-browser-live__launch:hover,.vit-browser-live__launch:hover *,.vit-btn--dark,.vit-btn--dark *,.vit-btn--dark:focus-visible,.vit-btn--dark:focus-visible *,.vit-btn--dark:hover,.vit-btn--dark:hover *,.vit-btn--primary,.vit-btn--primary *,.vit-btn--primary:hover,.vit-btn--primary:hover *,.vit-callback button,.vit-callback button *,.vit-callback button:hover,.vit-callback button:hover *,.vit-choice-actions a:first-child,.vit-choice-actions a:first-child *,.vit-contact-map__meta a,.vit-contact-map__meta a *{color:var(--vit-inkt)!important}
.vit-contact-map__meta a:hover,.vit-contact-map__meta a:hover *,.vit-cs-btn.primary,.vit-cs-btn.primary *,.vit-cs-hero .vit-cs-btn.primary,.vit-cs-hero .vit-cs-btn.primary *,.vit-cs-step b,.vit-cs-step b *,.vit-hero .vit-btn--primary,.vit-hero .vit-btn--primary *,.vit-hero .vit-btn--primary:hover,.vit-hero .vit-btn--primary:hover *,.vit-hero .vit-btn.primary,.vit-hero .vit-btn.primary *,.vit-hero-cta .vit-btn.primary,.vit-hero-cta .vit-btn.primary *,.vit-hero-status__dots i:nth-child(2),.vit-hero-status__dots i:nth-child(2) *,.vit-infra-mark,.vit-infra-mark *,.vit-kb .wp-block-query-pagination .current,.vit-kb .wp-block-query-pagination .current *,.vit-kb-btn--primary,.vit-kb-btn--primary *,.vit-kb-btn.primary,.vit-kb-btn.primary *,.vit-kb-listing .page-numbers.current,.vit-kb-listing .page-numbers.current *,.vit-loc-btn.primary,.vit-loc-btn.primary *,.vit-map-legend__item--source .vit-map-legend__dot,.vit-map-legend__item--source .vit-map-legend__dot *,.vit-page .vit-all .d,.vit-page .vit-all .d *,.vit-page .vit-btn.primary,.vit-page .vit-btn.primary *,.vit-page .vit-btn.primary:hover,.vit-page .vit-btn.primary:hover *,.vit-page .vit-eyebrow .dot,.vit-page .vit-eyebrow .dot *{color:var(--vit-inkt)!important}
.vit-page .vit-step .n,.vit-page .vit-step .n *,.vit-page[data-page="particulier"] .vit-btn.primary,.vit-page[data-page="particulier"] .vit-btn.primary *,.vit-page[data-page="particulier"] .vit-btn.primary:hover,.vit-page[data-page="particulier"] .vit-btn.primary:hover *,.vit-page[data-page="particulier"] .vit-eyebrow .dot,.vit-page[data-page="particulier"] .vit-eyebrow .dot *,.vit-page[data-page="particulier"] .vit-step .n,.vit-page[data-page="particulier"] .vit-step .n *,.vit-particulier .vp-btn--primary,.vit-particulier .vp-btn--primary *,.vit-particulier .vp-btn--primary:focus-visible,.vit-particulier .vp-btn--primary:focus-visible *,.vit-particulier .vp-btn--primary:hover,.vit-particulier .vp-btn--primary:hover *,.vit-particulier .vp-mike-mark,.vit-particulier .vp-mike-mark *,.vit-reading-progress,.vit-reading-progress *,.vit-region-link:hover,.vit-region-link:hover *,.vit-remote .vr-btn.primary,.vit-remote .vr-btn.primary *,.vit-remote .vr-copy-btn,.vit-remote .vr-copy-btn *,.vit-remote .vr-copy-btn:hover,.vit-remote .vr-copy-btn:hover *,.vit-remote .vr-dl-btn,.vit-remote .vr-dl-btn *,.vit-remote .vr-step-num,.vit-remote .vr-step-num *,.vit-repair-btn.primary,.vit-repair-btn.primary *,.vit-scan-progress__bar i,.vit-scan-progress__bar i *,.vit-site-footer-wrap .vit-foot-brand .vit-foot-logo-fallback .mark,.vit-site-footer-wrap .vit-foot-brand .vit-foot-logo-fallback .mark *,.vit-site-footer-wrap .vit-foot-chip .dot,.vit-site-footer-wrap .vit-foot-chip .dot *{color:var(--vit-inkt)!important}
.vit-site-footer-wrap .vit-foot-feature-tag,.vit-site-footer-wrap .vit-foot-feature-tag *,.vit-site-footer-wrap .vit-foot-social a:hover,.vit-site-footer-wrap .vit-foot-social a:hover *,.vit-site-header-wrap .vit-btn.primary,.vit-site-header-wrap .vit-btn.primary *,.vit-site-header-wrap .vit-btn.primary:hover,.vit-site-header-wrap .vit-btn.primary:hover *,.vit-site-header-wrap .vit-tb-cta,.vit-site-header-wrap .vit-tb-cta *,.vit-site-header-wrap .vit-tb-cta:hover,.vit-site-header-wrap .vit-tb-cta:hover *,.vit-svc .btn.primary,.vit-svc .btn.primary *,.vit-svc .btn.primary:hover,.vit-svc .btn.primary:hover *,.vit-svc-step b,.vit-svc-step b *,.vit-unique .vu-btn.primary,.vit-unique .vu-btn.primary *,.vit-workflow .vit-w-btn--primary,.vit-workflow .vit-w-btn--primary *,.vit-workflow .vit-w-hero .vit-w-btn--primary,.vit-workflow .vit-w-hero .vit-w-btn--primary *,.vitcb-btn--phone .vitcb-icon,.vitcb-btn--phone .vitcb-icon *,.vitcb-totop,.vitcb-totop *,.vitcfg__cta a.p,.vitcfg__cta a.p *,.vitcfg__sw[aria-checked="true"],.vitcfg__sw[aria-checked="true"] *,.vitu-btn--primary,.vitu-btn--primary *,.vitu-btn--primary:hover,.vitu-btn--primary:hover *,.vitu-hero .vitu-btn--primary,.vitu-hero .vitu-btn--primary *,.vsd-btn--p,.vsd-btn--p *{color:var(--vit-inkt)!important}
.vsp-cta a.p,.vsp-cta a.p *,.vu-hero .vu-btn.primary,.vu-hero .vu-btn.primary *,body #page .vitwc__mode button.actief,body #page .vitwc__mode button.actief *{color:var(--vit-inkt)!important}

/* ---------------------------------------------------- Vlakken met een foto --
   bouw.py sorteert vlakken op de helderheid van hun achtergrondkléur. Een
   hero met een donkere foto heeft die niet: daar staat wit of niets als
   achtergrondkleur en ligt de foto erboven. Zulke vlakken staan hier met de
   hand, en ze staan achteraan zodat ze van de gelezen regels winnen.

   Herkennen doe je ze in de browser: witte of lichtgrijze tekst die volgens de
   meting op wit staat. Klopt dat, dan is het een fout; ziet het er op het
   scherm goed uit, dan ligt er een foto onder en hoort de selector hier. */
.vit-hero, .vit-hero *,
.vit-repair-hero-grid, .vit-repair-hero-grid *,
.vit-repair-hero-copy, .vit-repair-hero-copy *,
.vit-quickscan__grid > div:first-child, .vit-quickscan__grid > div:first-child *,
.vit-team__image, .vit-team__image *,
.vit-mobilebar, .vit-mobilebar * {
  --vit-kleur-warm:     #FF8514;
  --vit-kleur-neutraal: #CFC9C0;
  --vit-kleur-groen:    #4ADE80;
  --vit-kleur-rood:     #FF8A80;
  --vit-kleur-blauw:    #93C5FD;
}

/* Lichte kaartjes die óp die foto liggen: daar geldt de lichte waarde weer. */
.vit-repair-photo-note, .vit-repair-photo-note *,
.vit-repair-proof, .vit-repair-proof *,
.vit-hero__card, .vit-hero__card * {
  --vit-kleur-warm:     #A6560D;
  --vit-kleur-neutraal: #55504A;
  --vit-kleur-groen:    #1F7A46;
  --vit-kleur-rood:     #B3261E;
  --vit-kleur-blauw:    #1D4ED8;
}

/* Witte tekst op een wit vlak. Zulke knoppen en kaarten hebben de letterkleur
   van een donkere hero meegekregen; op hun eigen lichte vlak zijn ze
   onleesbaar (gemeten 1,00 en 1,09:1). */
.m-alt-btn:not(.primary),
.m-alt-btn:not(.primary) * {
  color: var(--vit-inkt) !important;
}

/* Een oranje net boven de grens, op een licht oranje vlak alsnog 4,18:1. */
.vitcfg__opslag button,
.vitcfg__opslag button * {
  color: var(--vit-kleur-warm) !important;
}

/* Witte tekst op een wit kaartje. De kaart ligt op een donkere foto en heeft
   de letterkleur van die foto meegekregen; op de kaart zelf is hij onleesbaar
   (gemeten 1,09:1). */
.vit-repair-photo-note,
.vit-repair-photo-note b,
.vit-repair-photo-note span {
  color: var(--vit-inkt) !important;
}
.vit-repair-photo-note span { color: #3B342C !important; }

/* ---- Breedte: groeit mee op brede schermen -------------------------------
   Tot 2026-09-23 stond elke paginacontainer vast op 1120-1240px. Op een scherm
   van 1920px bleef dan een derde leeg. Nu: 90% van het scherm, nooit smaller
   dan 1180 en nooit breder dan 1560. Bij 1440px is dat 1296px, bij 1920px 1560px.
   Leesbreedtes (blogtekst, uitlegblokken) blijven bewust smal: lange regels
   lezen slecht. Pas onder 1280px verandert er niets.
   De hero doet mee in breedte; zijn foto's en inhoud blijven onaangeroerd
   (besluit Mike, 2026-09-23). */
:root { --vit-breed: clamp(1180px, 90vw, 1560px); }

@media (min-width: 1280px) {
  .vit-site-header-wrap .vit-header,
  .vit-site-header-wrap .vit-topbar,
  .vit-page,
  #vit-home,
  .vit-blog-faq { --maxw: var(--vit-breed) !important; }

  .vit-leadblok__wrap,
  .vsd-hero__wrap, .vsd-wrap,
  .vit-lokaal__wrap,
  .grid-container { max-width: var(--vit-breed) !important; }

  :is(.vit-shell,
      .vit-substrip__grid,
      .vitc-hero__wrap,
      .vitu-wrap,
      .vp-wrap,
      .gp-wrap,
      .vit-svc .wrap,
      .vit-cs .wrap,
      .vit-unique .vu-wrap,
      .m-alt .m-alt-wrap,
      .vit-ap .wrap,
      .vit-loc .wrap,
      .vit-workflow .vit-w-wrap,
      .vit-bp .bp-wrap) {
    width: min(var(--vit-breed), calc(100% - 96px)) !important; max-width: none !important;
  }
}

/* ---- Mobiel menu (2026-09-23) --------------------------------------------
   Was: wit vlak, smalle kolom (de .wrap hield 1240px-regels aan en de body
   had 4px marge), losse kaders per item, en een menuknop waarvan de streepjes
   2px breed werden (puntjes in plaats van lijnen). Nu: donker vlak zoals de
   hero, items op volle breedte met een oranje volgnummer, twee duidelijke
   knoppen onderaan. Gesloten is het menu ook voor toetsenbord en schermlezer
   weg (visibility), anders liepen tab-stops door een onzichtbaar menu
   (axe: aria-hidden-focus). */

/* Menuknop: vaste maten, drie lijnen, open wordt een kruis. */
.vit-site-header-wrap .vit-burger { width: 46px !important; height: 46px !important; padding: 0 !important; }
.vit-site-header-wrap .vit-burger span,
.vit-site-header-wrap .vit-burger span::before,
.vit-site-header-wrap .vit-burger span::after {
  display: block !important; width: 20px !important; min-width: 20px !important; height: 2px !important;
  border-radius: 2px !important;
}
.vit-site-header-wrap .vit-burger span::before { top: -7px !important; }
.vit-site-header-wrap .vit-burger span::after  { top: 7px !important; }
.vit-site-header-wrap .vit-burger.open span::before { transform: translateY(7px) rotate(45deg) !important; }
.vit-site-header-wrap .vit-burger.open span::after  { transform: translateY(-7px) rotate(-45deg) !important; }

.vit-site-header-wrap .vit-mobile-menu {
  background: #0B0B0F !important; color: #fff !important;
  padding: 0 !important;
  visibility: hidden;
  transition: transform .35s cubic-bezier(.4,0,.2,1), visibility 0s linear .35s !important;
}
.vit-site-header-wrap .vit-mobile-menu.open { visibility: visible; transition: transform .35s cubic-bezier(.4,0,.2,1), visibility 0s !important; }
.vit-site-header-wrap .vit-mobile-menu > .wrap { max-width: none !important; width: 100% !important; margin: 0 !important; min-height: 100%; }

.vit-site-header-wrap .vit-mobile-menu-head {
  height: 72px !important; padding: 0 20px !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
}
.vit-site-header-wrap .vit-mobile-menu-head .vit-burger {
  background: transparent !important; border-color: rgba(255,255,255,.28) !important;
}
.vit-site-header-wrap .vit-mobile-menu-head .vit-burger span::before,
.vit-site-header-wrap .vit-mobile-menu-head .vit-burger span::after { background: #fff !important; }

.vit-site-header-wrap .vit-mobile-menu-body { padding: 8px 0 24px !important; }
.vit-site-header-wrap .vit-mobile-items { list-style: none !important; margin: 0 !important; padding: 0 !important; counter-reset: vitmenu; }
.vit-site-header-wrap .vit-mobile-items > li {
  counter-increment: vitmenu; margin: 0 !important; padding: 0 !important;
  border: 0 !important; border-bottom: 1px solid rgba(255,255,255,.1) !important;
  background: none !important; box-shadow: none !important; border-radius: 0 !important;
}
.vit-site-header-wrap .vit-mobile-items > li > a {
  display: flex !important; align-items: baseline; justify-content: flex-start !important; text-align: left !important; gap: 14px;
  padding: 17px 20px !important; min-height: 56px;
  color: #fff !important; text-decoration: none !important;
  font-size: clamp(1.35rem, 5.6vw, 1.7rem) !important; font-weight: 700 !important; letter-spacing: -.02em !important; line-height: 1.15 !important;
  background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important;
}
.vit-site-header-wrap .vit-mobile-items > li > a::before {
  content: counter(vitmenu, decimal-leading-zero);
  font: 700 .72rem/1 ui-monospace, "SF Mono", Menlo, monospace; letter-spacing: .06em;
  color: #FF8514; min-width: 1.6em; transform: translateY(-.35em);
}
.vit-site-header-wrap .vit-mobile-items > li > a::after { display: none !important; content: none !important; }
.vit-site-header-wrap .vit-mobile-items > li > a[aria-current="page"] { color: #FF8514 !important; }
.vit-site-header-wrap .vit-mobile-items > li > a:focus-visible { outline: 2px solid #FF8514; outline-offset: -4px; }
.vit-site-header-wrap .vit-mobile-items .sub-menu { display: none !important; }

.vit-site-header-wrap .vit-mobile-menu-foot {
  padding: 18px 20px calc(22px + env(safe-area-inset-bottom)) !important;
  border-top: 0 !important; gap: 10px !important;
}
.vit-site-header-wrap .vit-mobile-menu-foot .vit-btn {
  min-height: 52px !important; border-radius: 8px !important; font-weight: 800 !important; font-size: 1rem !important;
}
.vit-site-header-wrap .vit-mobile-menu-foot .vit-btn:first-child { background: #FF8514 !important; color: #fff !important; border-color: #FF8514 !important; }
.vit-site-header-wrap .vit-mobile-menu-foot .vit-btn:not(:first-child) { background: transparent !important; color: #fff !important; border: 1px solid rgba(255,255,255,.35) !important; }

@media (prefers-reduced-motion: reduce) {
  .vit-site-header-wrap .vit-mobile-menu,
  .vit-site-header-wrap .vit-mobile-menu.open { transition: none !important; }
}

/* ---- Mensen: Mike, Rob en Selma (2026-09-23) -----------------------------
   Richting "uitbreken": oranje kader, het hoofd steekt erbovenuit. Elke foto
   is op schouderbreedte gesneden, zodat een snijrand samenvalt met de rand
   van het kader. Hoogte vast per plek (--h); breedte volgt uit de foto
   (--ratio, uit bestanden/beeld/mensen/mensen.json), ruimte voor het hoofd
   uit --kh (kop gedeeld door de rest). De hero doet niet mee. */
.vit-mens { --h: 260px; margin: 0; padding-top: calc(var(--h) * var(--kh)); flex: 0 0 auto; }
.vit-mens__kader { position: relative; height: var(--h); width: calc(var(--h) * var(--ratio)); background: #FF8514; }
.vit-mens__foto { position: absolute; bottom: 0; width: var(--b); height: auto; max-width: none !important; display: block; }
.vit-mens__foto--midden { left: 50%; transform: translateX(-50%); }
.vit-mens__foto--rechts { right: 0; }
.vit-mens__naam { margin: .75rem 0 0; font: 800 .95rem/1.2 "Manrope", 'Manrope terugval', system-ui, sans-serif; color: #fff; letter-spacing: -.01em; }
.vit-mens__naam span { display: block; margin-top: .2rem; font-weight: 600; font-size: .78rem; color: #b9b3a8; letter-spacing: 0; }

/* In het contactblok: onder de tekst, klein. */
.vit-leadblok__tekst .vit-mens { --h: 210px; margin-top: clamp(22px, 3vw, 34px); }

/* Band met z'n drieën. */
.vit-mensen { background: #0B0B0F; color: #fff; padding: clamp(52px, 7vw, 96px) 0 clamp(44px, 6vw, 80px); }
.vit-mensen__wrap {
  width: min(var(--vit-breed, 1180px), calc(100% - 48px)); margin: 0 auto;
  display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(28px, 5vw, 72px); align-items: end;
}
.vit-mensen__eyebrow { display: inline-flex; align-items: center; gap: .55rem; margin: 0 0 .9rem; color: #FF8514; font-size: .73rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.vit-mensen__eyebrow::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #FF8514; }
.vit-mensen h2 { margin: 0 0 1rem; color: #fff; font-size: clamp(1.9rem, 3.2vw, 2.9rem); font-weight: 800; letter-spacing: -.035em; line-height: 1.05; }
.vit-mensen__tekst p:not(.vit-mensen__eyebrow) { margin: 0; color: #D3D3D8; font-size: clamp(1rem, 1.25vw, 1.12rem); line-height: 1.6; max-width: 34ch; }
.vit-mensen__rij { display: flex; align-items: flex-end; justify-content: flex-end; gap: clamp(14px, 2vw, 28px); flex-wrap: nowrap; }
.vit-mensen__rij .vit-mens { --h: clamp(170px, 14vw, 250px); }

@media (max-width: 900px) {
  .vit-mensen__wrap { grid-template-columns: 1fr; }
  .vit-mensen__rij { justify-content: flex-start; gap: 12px; }
  .vit-mensen__rij .vit-mens { --h: 118px; }
  .vit-leadblok__tekst .vit-mens { --h: 180px; }
}
@media (max-width: 360px) {
  .vit-mensen__rij .vit-mens { --h: 100px; }
}

/* Doorverwijzing naar een zustersite (gereedschap/verwijzingen.py). */
.vit-doorverwijs { padding: clamp(28px, 4vw, 44px) 0 0; }
.vit-doorverwijs .wrap { width: min(var(--vit-breed, 1120px), calc(100% - 40px)); margin: 0 auto; }
.vit-doorverwijs p { margin: 0; padding: 1rem 1.2rem; border-left: 4px solid #FF8514; background: #FFF4E8; color: #1a1408; font-size: 1.02rem; line-height: 1.6; }
.vit-doorverwijs a { color: #1a1408; font-weight: 800; text-decoration: underline; text-decoration-color: #FF8514; text-decoration-thickness: 2px; text-underline-offset: 3px; }

/* ---- Hero mobiel: terminalblok niet over de badges (2026-09-23) ----------
   .vit-hero-status hing met position:absolute; bottom:0 onderin een vak van
   390px. Safari op de iPhone tekent het monospace-lettertype groter, het blok
   werd hoger dan 390px en groeide naar boven over "Eén vast aanspreekpunt".
   Tot 900px staat het blok nu gewoon in de stroom; het vak wordt zo hoog als
   de inhoud. Alleen plaatsing: tekst, foto's en animatie blijven gelijk. */
@media (max-width: 900px) {
  .vit-hero .vit-hero__visual { min-height: 0 !important; height: auto !important; }
  .vit-hero .vit-hero-status {
    position: relative !important; inset: auto !important; top: auto !important; bottom: auto !important;
    left: auto !important; right: auto !important; width: 100% !important; max-width: 100% !important;
  }
}