html:not([data-wb-view="light"]) img[data-wb-hero-kaart="koppelingen"] { content: url("/hero-productkaarten/koppelingen-nl-dark.svg?v=20260824-4"); }
html[data-wb-view="light"] img[data-wb-hero-kaart="koppelingen"] { content: url("/hero-productkaarten/koppelingen-nl-light.svg?v=20260824-4"); }
html:not([data-wb-view="light"]) img[data-wb-hero-kaart="ai-zichtbaarheid"] { content: url("/hero-productkaarten/ai-zichtbaarheid-nl-dark.svg?v=20260824-4"); }
html[data-wb-view="light"] img[data-wb-hero-kaart="ai-zichtbaarheid"] { content: url("/hero-productkaarten/ai-zichtbaarheid-nl-light.svg?v=20260824-4"); }
html:not([data-wb-view="light"]) img[data-wb-hero-kaart="zoekprestaties"] { content: url("/hero-productkaarten/zoekprestaties-nl-dark.svg?v=20260824-4"); }
html[data-wb-view="light"] img[data-wb-hero-kaart="zoekprestaties"] { content: url("/hero-productkaarten/zoekprestaties-nl-light.svg?v=20260824-4"); }
html:not([data-wb-view="light"]) img[data-wb-hero-kaart="actieplan"] { content: url("/hero-productkaarten/actieplan-nl-dark.svg?v=20260824-4"); }
html[data-wb-view="light"] img[data-wb-hero-kaart="actieplan"] { content: url("/hero-productkaarten/actieplan-nl-light.svg?v=20260824-4"); }
html:not([data-wb-view="light"]) img[data-wb-hero-kaart="bewaking"] { content: url("/hero-productkaarten/bewaking-nl-dark.svg?v=20260824-4"); }
html[data-wb-view="light"] img[data-wb-hero-kaart="bewaking"] { content: url("/hero-productkaarten/bewaking-nl-light.svg?v=20260824-4"); }
html:not([data-wb-view="light"]) img[data-wb-hero-kaart="scanrapport"] { content: url("/hero-productkaarten/scanrapport-nl-dark.svg?v=20260824-4"); }
html[data-wb-view="light"] img[data-wb-hero-kaart="scanrapport"] { content: url("/hero-productkaarten/scanrapport-nl-light.svg?v=20260824-4"); }
html:not([data-wb-view="light"]) img[data-wb-hero-kaart="bedrijfsprofiel"] { content: url("/hero-productkaarten/bedrijfsprofiel-nl-dark.svg?v=20260824-4"); }
html[data-wb-view="light"] img[data-wb-hero-kaart="bedrijfsprofiel"] { content: url("/hero-productkaarten/bedrijfsprofiel-nl-light.svg?v=20260824-4"); }
html:not([data-wb-view="light"]) img[data-wb-hero-kaart="pdf-rapport"] { content: url("/hero-productkaarten/pdf-rapport-nl-dark.svg?v=20260824-4"); }
html[data-wb-view="light"] img[data-wb-hero-kaart="pdf-rapport"] { content: url("/hero-productkaarten/pdf-rapport-nl-light.svg?v=20260824-4"); }
html:not([data-wb-view="light"]) img[data-wb-home-visual="console-overzicht"] { content: url("/home-productvisuals/console-overzicht-nl-dark.svg?v=20260825-1"); }
html[data-wb-view="light"] img[data-wb-home-visual="console-overzicht"] { content: url("/home-productvisuals/console-overzicht-nl-light.svg?v=20260825-1"); }
html:not([data-wb-view="light"]) img[data-wb-home-visual="seo-scan"] { content: url("/home-productvisuals/seo-scan-nl-dark.svg?v=20260825-1"); }
html[data-wb-view="light"] img[data-wb-home-visual="seo-scan"] { content: url("/home-productvisuals/seo-scan-nl-light.svg?v=20260825-1"); }
html:not([data-wb-view="light"]) img[data-wb-home-visual="ai-zichtbaarheid"] { content: url("/home-productvisuals/ai-zichtbaarheid-nl-dark.svg?v=20260825-1"); }
html[data-wb-view="light"] img[data-wb-home-visual="ai-zichtbaarheid"] { content: url("/home-productvisuals/ai-zichtbaarheid-nl-light.svg?v=20260825-1"); }
html:not([data-wb-view="light"]) img[data-wb-home-visual="integraties"] { content: url("/home-productvisuals/integraties-nl-dark.svg?v=20260825-1"); }
html[data-wb-view="light"] img[data-wb-home-visual="integraties"] { content: url("/home-productvisuals/integraties-nl-light.svg?v=20260825-1"); }
html:not([data-wb-view="light"]) img[data-wb-home-visual="bewaking"] { content: url("/home-productvisuals/bewaking-nl-dark.svg?v=20260825-1"); }
html[data-wb-view="light"] img[data-wb-home-visual="bewaking"] { content: url("/home-productvisuals/bewaking-nl-light.svg?v=20260825-1"); }
html:not([data-wb-view="light"]) img[data-wb-home-visual="scanrapport"] { content: url("/home-productvisuals/scanrapport-nl-dark.svg?v=20260825-1"); }
html[data-wb-view="light"] img[data-wb-home-visual="scanrapport"] { content: url("/home-productvisuals/scanrapport-nl-light.svg?v=20260825-1"); }
html:not([data-wb-view="light"]) img[data-wb-home-visual="verbetercyclus"] { content: url("/home-productvisuals/verbetercyclus-nl-dark.svg?v=20260825-1"); }
html[data-wb-view="light"] img[data-wb-home-visual="verbetercyclus"] { content: url("/home-productvisuals/verbetercyclus-nl-light.svg?v=20260825-1"); }
#wb-faq-wrap { width: 100%; max-width: 1200px; margin-inline: auto; }
  #wb-faq { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 24px;
    width: 100%; max-width: 1200px; margin-inline: auto; text-align: left;
    font-family: "Inter Tight", sans-serif; align-items: start; }
  @media (max-width: 809px) {
    #wb-faq { grid-template-columns: minmax(0,1fr); gap: 14px; }
  }
  .wb-faq-kaart { background: var(--wb-surface-1, #0c0c0d); border: 1px solid var(--wb-border, #2a2d31); border-radius: 14px; padding: 16px 30px; }
  .wb-faq-kaart summary { display: flex; align-items: center; justify-content: space-between; gap: 24px;
    cursor: pointer; list-style: none; min-height: 40px; }
  .wb-faq-kaart summary::-webkit-details-marker { display: none; }
  .wb-faq-vraag { color: var(--wb-text, #fff); font: 500 var(--wb-fs-subkop)/1.4 "Inter Tight", sans-serif; }
  @media (max-width: 809px) { .wb-faq-kaart { padding: 14px 18px; } .wb-faq-vraag { font-size:var(--wb-fs-subkop); } }
  .wb-faq-plus { position: relative; width: 18px; height: 18px; flex-shrink: 0; }
  .wb-faq-plus::before, .wb-faq-plus::after { content: ""; position: absolute; background: var(--wb-text-nav, #adb0b7);
    transition: transform .18s, opacity .18s; }
  .wb-faq-plus::before { left: 0; right: 0; top: 8px; height: 2px; }
  .wb-faq-plus::after { top: 0; bottom: 0; left: 8px; width: 2px; }
  .wb-faq-kaart[open] .wb-faq-plus::after { transform: rotate(90deg); opacity: 0; }
  .wb-faq-antwoord { margin: 4px 0 10px; color: var(--wb-text-body, #92969f); font: 500 var(--wb-fs-body)/1.6 "Inter Tight", sans-serif; }
  .wb-faq-contact { margin: 22px 0 0; text-align: left; color: var(--wb-text-muted, #777d87); font: 500 var(--wb-fs-tekst)/1.5 "Inter Tight", sans-serif; }
  .wb-faq-contact a { color: var(--wb-text-nav, #adb0b7); text-decoration: underline; }
  .wb-faq-contact a:hover { color: var(--wb-text, #fff); }