#main nav { display: none !important; }
  #main div[class*="-container"]:has(> nav) { display: none !important; }
  #wb-nav { position: fixed; top: 24px; left: 50%; transform: translateX(-50%); z-index: 40;
    width: calc(100% - 48px); max-width: 1320px; background: var(--wb-canvas, #000); border-radius: 20px;
    border: 1px solid var(--wb-border, #2a2d31);
    box-shadow: 0 14px 40px rgba(0,0,0,.55); font-family: "Inter Tight", sans-serif;
    display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; }
  html[data-wb-view="light"] #wb-nav { box-shadow: none; }
  #wb-nav .wb-brand { display: flex; align-items: center; gap: 10px; text-decoration: none;
    color: var(--wb-text, #fff); font-size:var(--wb-fs-kaartkop); font-weight: 600; padding-left: 6px; }
  html[data-wb-view="light"] #wb-nav .wb-brand > svg,
  html[data-wb-view="light"] #wb-footer .wb-f-logo > svg {
    box-sizing: content-box; padding: 6px; background: #0B0C1A;
    border: 1px solid #1D2034; border-radius: 10px; }
  #wb-nav ul { display: flex; align-items: center; gap: 4px; list-style: none; margin: 0; padding: 0; }
  #wb-nav .wb-link { display: inline-flex; align-items: center; gap: 6px; border: 0; background: none;
    cursor: pointer; color: var(--wb-text-nav, #adb0b7); font: 500 var(--wb-fs-body)/1.5 "Inter Tight", sans-serif;
    padding: 10px 14px; border-radius: 12px; text-decoration: none; transition: color .15s; }
  #wb-nav .wb-link:hover { color: var(--wb-text, #fff); }
  #wb-nav .wb-active { background: var(--wb-surface-2, #131315); color: var(--wb-text, #fff); }
  #wb-nav .wb-lbl { position: relative; display: inline-block; }
  #wb-nav .wb-lbl-a, #wb-nav .wb-lbl-b { display: block; white-space: nowrap;
    transition: transform .45s cubic-bezier(.22,1,.36,1), opacity .5s ease; }
  #wb-nav .wb-lbl-b { position: absolute; left: 0; top: 100%; opacity: 0; }
  #wb-nav .wb-link:hover .wb-lbl-a, #wb-nav .wb-has-dd:hover .wb-lbl-a { transform: translateY(-100%); opacity: 0; }
  #wb-nav .wb-link:hover .wb-lbl-b, #wb-nav .wb-has-dd:hover .wb-lbl-b { transform: translateY(-100%); opacity: 1; }
  @keyframes wb-nav-intro {
    from { transform: translateX(-50%) translateY(-100px) scale(.8); opacity: 0; }
    to   { transform: translateX(-50%) translateY(0) scale(1); opacity: 1; }
  }
  #wb-nav { animation: wb-nav-intro .95s cubic-bezier(.16,1,.3,1) both; }
  @media (prefers-reduced-motion: reduce) {
    #wb-nav { animation: none; }
    #wb-nav .wb-lbl-a, #wb-nav .wb-lbl-b { transition: none; }
  }
  #wb-nav .wb-has-dd { position: relative; }
  #wb-nav .wb-dd { position: absolute; top: calc(100% + 28px); left: 50%; transform: translateX(-50%);
    background: var(--wb-surface-1, #0c0c0d); border: 1px solid var(--wb-border, #2a2d31); border-radius: 16px; padding: 8px;
    min-width: 340px; display: none; }
  #wb-nav .wb-dd-wide { min-width: 660px; display: none; grid-template-columns: 1fr 1fr; gap: 0 8px; }
  @media (min-width: 1200px) {
    #wb-nav .wb-has-dd:hover .wb-dd, #wb-nav .wb-has-dd:focus-within .wb-dd { display: block; }
    #wb-nav .wb-has-dd:hover .wb-dd-wide, #wb-nav .wb-has-dd:focus-within .wb-dd-wide { display: grid; }
    #wb-nav .wb-has-dd.wb-dd-gesloten .wb-dd { display: none !important; }
  }
  #wb-nav .wb-dd::before { content: ""; position: absolute; top: -28px; left: 0; right: 0; height: 28px; }
  #wb-nav .wb-dd-row { display: flex; gap: 10px; align-items: center; padding: 8px 10px; border-radius: 10px; text-decoration: none; transition: background-color .15s ease; }
  #wb-nav .wb-dd-row:hover { background: var(--wb-surface-hover, var(--wb-surface-2, rgba(255,255,255,.075))); }
  #wb-nav .wb-dd-row:focus-visible { outline: 2px solid var(--wb-text, #fff); outline-offset: 1px; background: var(--wb-surface-hover, var(--wb-surface-2, rgba(255,255,255,.075))); }
  #wb-nav .wb-dd-ic { width: 40px; height: 40px; flex-shrink: 0; }
  #wb-nav .wb-dd-ic svg { width: 100%; height: 100%; display: block; }
  #wb-nav .wb-dd-txt { display: block; min-width: 0; }
  #wb-nav .wb-dd-title { display: block; color: var(--wb-text, #fff); font: 600 var(--wb-fs-tekst)/1.4 "Inter Tight", sans-serif; }
  #wb-nav .wb-dd-desc { display: block; color: var(--wb-text-nav, #adb0b7); font: 500 var(--wb-fs-label)/1.4 "Inter Tight", sans-serif; }
  #wb-nav .wb-meer-knop { display: inline-flex; align-items: center; justify-content: center;
    width: 44px; height: 44px; flex-shrink: 0; cursor: pointer; padding: 0;
    background: none; border: 1px solid var(--wb-border, #2a2d31); border-radius: 12px;
    color: var(--wb-text-nav, #adb0b7); transition: color .15s, background-color .15s, border-color .15s; }
  #wb-nav .wb-meer-knop:hover, #wb-nav .wb-meer:focus-within .wb-meer-knop {
    color: var(--wb-text, #fff); background: var(--wb-surface-2, #131315); }
  #wb-nav .wb-meer-knop svg { width: 19px; height: 19px; display: block; }
  #wb-nav .wb-dd-meer { left: auto; right: 0; transform: none; min-width: 264px; }
  #wb-nav .wb-dd-ctl { width: 100%; border: 0; background: none; cursor: pointer;
    text-align: left; font: inherit; }
  #wb-nav .wb-dd-ctl-ic { display: inline-flex; width: 22px; height: 22px; flex-shrink: 0;
    align-items: center; justify-content: center; color: var(--wb-text-nav, #adb0b7); }
  #wb-nav .wb-dd-ctl-ic svg { width: 100%; height: 100%; display: block; }
  #wb-nav .wb-dd-streep { height: 1px; margin: 6px 4px; background: var(--wb-border, #2a2d31); }
  #wb-nav .wb-view .wb-v-maan { display: none; }
  html[data-wb-view="light"] #wb-nav .wb-view .wb-v-zon  { display: none; }
  html[data-wb-view="light"] #wb-nav .wb-view .wb-v-maan { display: block; }
  #wb-nav .wb-cta { background: var(--wb-text, #fff); color: var(--wb-canvas, #000); font: 600 var(--wb-fs-body)/1 "Inter Tight", sans-serif;
    padding: 15px 22px; border-radius: 12px; text-decoration: none; white-space: nowrap; }
  #wb-nav [hidden], #wb-blad [hidden] { display: none !important; }
  .wb-sessie { display: flex; align-items: center; gap: 10px; padding: 10px 10px 12px;
    margin-bottom: 4px; border-bottom: 1px solid var(--wb-border, #2a2d31); }
  .wb-sessie-ic { display: inline-flex; width: 22px; height: 22px; flex-shrink: 0;
    align-items: center; justify-content: center; color: var(--wb-text-nav, #adb0b7); }
  .wb-sessie-ic svg { width: 100%; height: 100%; display: block; }
  .wb-sessie-txt { display: block; min-width: 0; }
  .wb-sessie-label { display: block; color: var(--wb-text-muted, #818791);
    font: 500 var(--wb-fs-label)/1.3 "Inter Tight", sans-serif; }
  .wb-sessie-adres { display: block; color: var(--wb-text, #fff); overflow-wrap: anywhere;
    font: 600 var(--wb-fs-tekst)/1.35 "Inter Tight", sans-serif; }
  #wb-melding { position: fixed; z-index: 39; top: 96px; left: 50%; transform: translateX(-50%);
    width: calc(100% - 48px); max-width: 1320px; box-sizing: border-box;
    display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
    padding: 12px 14px; border-radius: 16px; font-family: "Inter Tight", sans-serif;
    background: var(--wb-surface-1, #0c0c0d); border: 1px solid var(--wb-border, #2a2d31);
    box-shadow: 0 14px 40px rgba(0,0,0,.45); }
  html[data-wb-view="light"] #wb-melding { box-shadow: none; }
  #wb-melding .wb-melding-ic { display: inline-flex; width: 22px; height: 22px; flex-shrink: 0;
    align-items: center; justify-content: center; color: var(--wb-positief, #07a721); }
  #wb-melding .wb-melding-ic svg { width: 100%; height: 100%; display: block; }
  #wb-melding p { flex: 1 1 220px; min-width: 0; margin: 0; color: var(--wb-text, #fff);
    font: 500 var(--wb-fs-tekst)/1.45 "Inter Tight", sans-serif; }
  #wb-melding .wb-melding-knop { flex-shrink: 0; text-decoration: none; white-space: nowrap;
    padding: 11px 16px; border-radius: 10px;
    background: var(--wb-text, #fff); color: var(--wb-canvas, #000);
    font: 700 var(--wb-fs-tekst)/1 "Inter Tight", sans-serif; }
  #wb-melding .wb-melding-knop:hover { background: var(--wb-text-hover, #e8e8e8); }
  #wb-melding .wb-melding-sluit { display: inline-flex; width: 36px; height: 36px; flex-shrink: 0;
    align-items: center; justify-content: center; padding: 0; cursor: pointer;
    border: 1px solid var(--wb-border, #2a2d31); border-radius: 10px; background: none;
    color: var(--wb-text-nav, #adb0b7); transition: color .15s, background-color .15s; }
  #wb-melding .wb-melding-sluit:hover { color: var(--wb-text, #fff);
    background: var(--wb-surface-hover, var(--wb-surface-2, #26282b)); }
  #wb-melding .wb-melding-sluit svg { width: 16px; height: 16px; display: block; }
  @keyframes wb-melding-intro {
    from { transform: translateX(-50%) translateY(-14px); opacity: 0; }
    to   { transform: translateX(-50%) translateY(0); opacity: 1; }
  }
  #wb-melding { animation: wb-melding-intro .4s cubic-bezier(.16,1,.3,1) both; }
  @media (prefers-reduced-motion: reduce) { #wb-melding { animation: none; } }
  @media (max-width: 1199px) {
    #wb-melding { top: 64px; width: calc(100% - 20px); border-radius: 12px; }
  }
  .wb-taal { display: inline-flex; gap: 4px; padding: 2px; flex-shrink: 0;
    border: 1px solid var(--wb-border, #2a2d31); border-radius: 999px; }
  .wb-taal-knop { display: inline-flex; align-items: center; justify-content: center;
    min-width: 38px; padding: 7px 9px; border: 0; border-radius: 999px; text-decoration: none;
    background: none; cursor: pointer; color: var(--wb-text-muted, #777d87);
    font: 700 var(--wb-fs-label)/1 "Inter Tight", sans-serif; transition: color .15s, background-color .15s; }
  .wb-taal-knop:hover { color: var(--wb-text, #fff); }
  .wb-taal-knop[aria-current="true"] { background: var(--wb-surface-hover, var(--wb-surface-2, #26282b)); color: var(--wb-text, #fff); }
  .wb-taal-knop[aria-disabled="true"] { cursor: default; opacity: .55; }
  .wb-taal-knop[aria-disabled="true"]:hover { color: var(--wb-text-muted, #777d87); }
  #wb-tabbar, #wb-blad, #wb-bladdek { display: none; }
  @media (max-width: 1199px) {
    #wb-nav { top: 0; left: 0; width: 100%; max-width: none; transform: none;
      gap: 8px; padding: 8px 14px; min-height: 56px;
      border-radius: 0; border-width: 0 0 1px; box-shadow: none; }
    #wb-nav > ul, #wb-nav .wb-meer { display: none; }
    #wb-nav .wb-cta { padding: 11px 15px; border-radius: 10px;
      font: 700 var(--wb-fs-tekst)/1 "Inter Tight", sans-serif; }
    #wb-nav .wb-brand { margin-right: auto; padding-left: 0; }
    @keyframes wb-banner-intro { from { transform: translateY(-100%); } to { transform: translateY(0); } }
    #wb-nav { animation: wb-banner-intro .5s cubic-bezier(.16,1,.3,1) both !important; }
    body { padding-bottom: calc(68px + env(safe-area-inset-bottom) + 8px); }
    section:has(h1), header[data-framer-name="Hero"] { padding-top: 96px !important; }
    #wb-nav { z-index: 48; }
    #wb-tabbar { display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 48;
      overflow: hidden;
      background: var(--wb-canvas, #000); border-top: 1px solid var(--wb-border, #2a2d31);
      padding-bottom: env(safe-area-inset-bottom); font-family: "Inter Tight", sans-serif; }
    #wb-tabbar .wb-tab-rij { display: flex; align-items: stretch;
      width: 100%; max-width: 620px; margin-inline: auto; }
    #wb-tabbar .wb-tab { display: flex; flex: 1 1 0; min-width: 0; flex-direction: column;
      align-items: center; justify-content: center; gap: 5px; padding: 7px 2px 8px;
      border: 0; background: none; cursor: pointer; text-decoration: none;
      color: var(--wb-text-nav, #adb0b7); transition: color .15s; }
    #wb-tabbar .wb-tab-ic { display: block; width: 32px; height: 32px; }
    #wb-tabbar .wb-tab-ic svg { width: 100%; height: 100%; display: block; }
    #wb-tabbar .wb-tab-lbl { max-width: 100%; overflow: hidden; text-overflow: ellipsis;
      white-space: nowrap; font: 600 var(--wb-fs-label)/1.2 "Inter Tight", sans-serif; }
    #wb-tabbar .wb-tab:focus-visible { outline: none; }
    #wb-tabbar .wb-tab:focus-visible .wb-tab-ic { outline: 2px solid var(--wb-text, #fff);
      outline-offset: 3px; border-radius: 9px; }
    @media (max-width: 359px) {
      #wb-tabbar .wb-tab-ic { width: 28px; height: 28px; }
      #wb-tabbar .wb-tab { gap: 4px; padding: 6px 1px 7px; }
    }
    #wb-bladdek { display: block; position: fixed; inset: 0; z-index: 46;
      background: rgba(0,0,0,.62); opacity: 0; visibility: hidden;
      transition: opacity .22s ease, visibility .22s; }
    #wb-bladdek.wb-open { opacity: 1; visibility: visible; }
    #wb-blad { display: flex; position: fixed; z-index: 47;
      left: 0; right: 0; margin-inline: auto; width: auto;
      max-width: min(620px, calc(100% - 24px));
      bottom: calc(68px + env(safe-area-inset-bottom) + 10px);
      flex-direction: column; max-height: 68svh; overflow: hidden;
      border: 1px solid var(--wb-border, #2a2d31); border-radius: 16px;
      background: var(--wb-surface-1, #0c0c0d); box-shadow: 0 24px 60px rgba(0,0,0,.6);
      font-family: "Inter Tight", sans-serif;
      opacity: 0; visibility: hidden; transform: translateY(14px);
      transition: opacity .22s ease, transform .3s cubic-bezier(.16,1,.3,1), visibility .3s; }
    #wb-blad.wb-open { opacity: 1; visibility: visible; transform: translateY(0); }
    #wb-blad .wb-blad-kop { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between;
      gap: 12px; padding: 12px 10px 12px 16px; border-bottom: 1px solid var(--wb-border, #2a2d31); }
    #wb-blad .wb-blad-titel { color: var(--wb-text, #fff); font: 700 var(--wb-fs-tekst)/1.3 "Inter Tight", sans-serif; }
    #wb-blad .wb-blad-sluit { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center;
      border: 0; background: none; border-radius: 10px; cursor: pointer; color: var(--wb-text-nav, #adb0b7); }
    #wb-blad .wb-blad-sluit svg { width: 20px; height: 20px; display: block; }
    #wb-blad .wb-blad-sluit:hover { color: var(--wb-text, #fff); background: var(--wb-surface-hover, var(--wb-surface-2, rgba(255,255,255,.075))); }
    #wb-blad .wb-blad-lijf { min-height: 0; flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; padding: 8px; }
    #wb-blad .wb-dd-row { display: flex; gap: 10px; align-items: center; padding: 8px 10px;
      border-radius: 10px; text-decoration: none; transition: background-color .15s ease; }
    #wb-blad .wb-dd-row:hover { background: var(--wb-surface-hover, var(--wb-surface-2, rgba(255,255,255,.075))); }
    #wb-blad .wb-dd-row:focus-visible { outline: 2px solid var(--wb-text, #fff); outline-offset: 1px; background: var(--wb-surface-hover, var(--wb-surface-2, rgba(255,255,255,.075))); }
    #wb-blad .wb-dd-ic { width: 40px; height: 40px; flex-shrink: 0; }
    #wb-blad .wb-dd-ic svg { width: 100%; height: 100%; display: block; }
    #wb-blad .wb-dd-txt { display: block; min-width: 0; }
    #wb-blad .wb-dd-title { display: block; color: var(--wb-text, #fff); font: 600 var(--wb-fs-tekst)/1.4 "Inter Tight", sans-serif; }
    #wb-blad .wb-dd-desc { display: block; color: var(--wb-text-nav, #adb0b7); font: 500 var(--wb-fs-label)/1.4 "Inter Tight", sans-serif; }
    #wb-blad .wb-dd-row-actief { background: var(--wb-surface-2, #131315); }
    #wb-blad .wb-blad-los .wb-dd-ic { display: none; }
    #wb-blad .wb-blad-los .wb-dd-title { font-weight: 650; }
    #wb-blad .wb-blad-groep { border-top: 1px solid var(--wb-border, #2a2d31); }
    #wb-blad .wb-blad-groep > button { display: flex; width: 100%; min-height: 46px; align-items: center;
      justify-content: space-between; gap: 12px; padding: 10px; border: 0; background: none; cursor: pointer;
      border-radius: 10px; color: var(--wb-text, #fff); text-align: left;
      font: 650 var(--wb-fs-tekst)/1.35 "Inter Tight", sans-serif; }
    #wb-blad .wb-blad-groep > button:hover { background: var(--wb-surface-hover, var(--wb-surface-2, rgba(255,255,255,.05))); }
    #wb-blad .wb-blad-groep > button svg { width: 12px; height: 8px; flex-shrink: 0;
      color: var(--wb-text-nav, #adb0b7); transition: transform .22s ease; }
    #wb-blad .wb-blad-groep > button[aria-expanded="true"] svg { transform: rotate(180deg); }
    #wb-blad .wb-blad-paneel { padding-bottom: 6px; }
    #wb-blad .wb-blad-streep { height: 1px; margin: 8px 2px; background: var(--wb-border, #2a2d31); }
    #wb-blad .wb-blad-actie { display: flex; width: 100%; align-items: center; gap: 10px; padding: 11px 10px;
      border: 0; background: none; border-radius: 10px; cursor: pointer; text-decoration: none;
      color: var(--wb-text-nav, #adb0b7); font: 600 var(--wb-fs-tekst)/1.4 "Inter Tight", sans-serif; }
    #wb-blad .wb-blad-actie:hover { background: var(--wb-surface-hover, var(--wb-surface-2, rgba(255,255,255,.075))); color: var(--wb-text, #fff); }
    #wb-blad .wb-blad-actie svg { width: 20px; height: 20px; flex-shrink: 0; }
    #wb-blad .wb-blad-voet { flex-shrink: 0; padding: 8px; border-top: 1px solid var(--wb-border, #2a2d31); }
    #wb-blad .wb-blad-compact { display: flex; align-items: center; justify-content: space-between;
      gap: 10px; flex-wrap: wrap; margin-bottom: 8px; }
    #wb-blad .wb-blad-icoonknop { display: inline-flex; width: 44px; height: 44px; flex-shrink: 0;
      align-items: center; justify-content: center; padding: 0; cursor: pointer;
      border: 1px solid var(--wb-border, #2a2d31); border-radius: 12px; background: none;
      color: var(--wb-text-nav, #adb0b7); transition: color .15s, background-color .15s; }
    #wb-blad .wb-blad-icoonknop:hover { color: var(--wb-text, #fff); background: var(--wb-surface-hover, var(--wb-surface-2, #26282b)); }
    #wb-blad .wb-blad-icoonknop svg { width: 19px; height: 19px; display: block; }
    #wb-blad .wb-blad-knop { display: flex; align-items: center; justify-content: center;
      padding: 14px 18px; border-radius: 12px; text-decoration: none;
      background: var(--wb-text, #fff); color: var(--wb-canvas, #000);
      font: 700 var(--wb-fs-tekst)/1 "Inter Tight", sans-serif; }
  }
  #wb-blad .wb-blad-weergave .wb-v-maan { display: none; }
  html[data-wb-view="light"] #wb-blad .wb-blad-weergave .wb-v-zon { display: none; }
  html[data-wb-view="light"] #wb-blad .wb-blad-weergave .wb-v-maan { display: block; }
  html[data-wb-view="light"] #wb-blad { box-shadow: 0 24px 60px rgba(14, 18, 25, .16); }
  html[data-wb-view="light"] #wb-bladdek { background: rgba(10, 10, 11, .38); }
  @media (max-width: 809px) {
    section { padding-left: 12px !important; padding-right: 12px !important; }
    .wb-wrap, .wb-redactie-wrap { width: min(1200px, 100%) !important; }
    .wb-bk, .wb-blog-uitgelicht-inhoud, .wb-cf-kaart, .wb-ck-kaart,
    .wb-contact-formulier, .wb-contact-route, .wb-cpm-paneel, .wb-f-panel,
    .wb-faq-kaart,
    .wb-feature-copy, .wb-g-kaart, .wb-ghk-kaart, .wb-gk, .wb-gr-groep,
    .wb-kp-hk, .wb-kp-route-data, .wb-kp-route-node, .wb-kp-stap,
    .wb-lj-groep, .wb-metric, .wb-mk-flow-stap, .wb-mk-paneel,
    .wb-mk-visual-inhoud, .wb-protocol, .wb-sc-hk, .wb-sc-kaart,
    .wb-sm-kaart, .wb-sub-benefits, .wb-sub-card, .wb-sz, .wb-tk-card,
    .wb-vg-kaart, .wb-z-kaart, .wb-zk {
      padding-left: 16px !important; padding-right: 16px !important;
    }
    .wb-kp-stap, .wb-protocol-row, .wb-contact-stap {
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 10px !important;
    }
    .wb-contact-route::before, .wb-contact-route::after,
    .wb-protocol-row::before, .wb-protocol-row::after,
    .wb-kp-stap::before, .wb-kp-stap::after { content: none !important; }
    .wb-kp-stap > *, .wb-protocol-row > *, .wb-contact-stap > * {
      grid-column: auto !important;
    }
  }
  @media (max-width: 1199px) and (prefers-reduced-motion: reduce) {
    #wb-nav { animation: none !important; }
    #wb-blad, #wb-bladdek, #wb-blad .wb-blad-groep > button svg { transition: none; }
  }
  html[data-wb-view="light"] .wb-context-icon > rect:first-of-type,
  html[data-wb-view="light"] .wb-tab-icon > rect:first-of-type {
    fill: transparent;
    stroke: var(--wb-border, #cdcfd5);
  }
  html[data-wb-view="light"] .wb-acc-ic,
  html[data-wb-view="light"] .wb-ck-ic,
  html[data-wb-view="light"] .wb-sc-blok-ic,
  html[data-wb-view="light"] .wb-zr-ic,
  html[data-wb-view="light"] .wb-kp-stapnr,
  html[data-wb-view="light"] .wb-sc-stapnr,
  html[data-wb-view="light"] .wb-z-stapnr,
  html[data-wb-view="light"] .wb-kp-zuster-huidig img,
  html[data-wb-view="light"] .wb-kp-zusters .wb-kp-secundair img {
    background: transparent !important;
    border-color: var(--wb-border, #cdcfd5) !important;
  }
  html[data-wb-view="light"] .wb-kp-stapnr,
  html[data-wb-view="light"] .wb-sc-stapnr,
  html[data-wb-view="light"] .wb-z-stapnr { color: var(--wb-text, #0a0a0b) !important; }
@media (max-width: 809px) {
    .wb-index-line { grid-template-columns: minmax(96px, 112px) minmax(0, 1fr) !important; gap: 16px !important; }
    .wb-index-line strong.wb-index-word { white-space: normal !important; }
    .wb-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .wb-metric { padding: 14px !important; }
    .wb-faq-contact { margin-bottom: 34px !important; }
    .wb-acv-rechts { min-height: 0 !important; aspect-ratio: 728 / 382; }
    .wb-acv-og { object-fit: contain !important; }
    .wb-tp-sectie p, .wb-tp-sectie li, .wb-tp-sectie dd,
    .wb-artikel-prose p, .wb-artikel-prose li,
    .wb-prose p, .wb-prose li { overflow-wrap: break-word; }
  }
  @media (min-width: 481px) and (max-width: 809px) {
    main { max-width: none !important; }
  }
  @media (min-width: 810px) {
    #wb-faq { align-items: stretch; }
    #wb-faq:has(.wb-faq-kaart[open]) { align-items: start; }
  }
  @media (min-width: 810px) and (max-width: 1199px) {
    figure:has(> img[src*="/hero-productkaarten/"]),
    figure:has(> div > img[src*="/hero-productkaarten/"]) { display: none !important; }
  }
  @media (min-width: 811px) and (max-width: 1199px) {
    #wb-footer .wb-f-top { display: block !important; columns: 3; column-gap: 40px; }
    #wb-footer .wb-f-brand { column-span: all; margin-bottom: 40px; }
    #wb-footer .wb-f-col { break-inside: avoid; margin-bottom: 34px; }
    #wb-footer .wb-f-col:last-of-type { margin-bottom: 0; }
  }
  @media (max-width: 1024px) {
    .wb-ah-kaartkolom,
    .wb-bk,
    .wb-gh-kaartkolom,
    .wb-kp-hero-kaartkolom,
    .wb-sc-hero-kaartkolom,
    .wb-sph-kaartkolom,
    .wb-vh-kaartkolom,
    .wb-zh-kaartkolom { max-width: none; }
  }
  #wb-cookie { position: fixed; z-index: 45; left: 12px; right: 12px;
    bottom: calc(12px + var(--wb-cookie-onder, 0px) + env(safe-area-inset-bottom, 0px));
    display: flex; justify-content: flex-end; pointer-events: none; }
  #wb-cookie[hidden] { display: none; }
  #wb-cookie .wb-ck-kaart { pointer-events: auto; width: 100%; max-width: 440px; min-width: 0;
    position: relative; overflow: hidden; border-radius: 20px;
    border: 1px solid var(--wb-border, #2a2d31); background: var(--wb-surface-1, #0c0c0d);
    padding: 22px; display: flex; flex-direction: column; gap: 18px;
    box-shadow: 0 24px 60px rgb(0 0 0 / 0.45), 0 2px 8px rgb(0 0 0 / 0.30);
    font-family: "Inter Tight", sans-serif; }
  #wb-cookie .wb-ck-kaart::before { content: ""; position: absolute; inset: 0 0 auto; height: 1px;
    background: linear-gradient(90deg, transparent, var(--wb-border-strong, #5f636c), transparent); }
  html[data-wb-view="light"] #wb-cookie .wb-ck-kaart {
    box-shadow: 0 24px 60px rgb(10 10 11 / 0.14), 0 2px 8px rgb(10 10 11 / 0.08); }
  #wb-cookie .wb-ck-kop { display: flex; align-items: flex-start; gap: 14px; }
  #wb-cookie .wb-ck-tegel { flex: 0 0 auto; width: 44px; height: 44px; border-radius: 14px;
    display: inline-flex; align-items: center; justify-content: center;
    border: 1px solid var(--wb-border, #2a2d31); background: var(--wb-surface-3, #17191b);
    color: var(--wb-text, #fff); }
  #wb-cookie .wb-ck-tegel svg { width: 22px; height: 22px; display: block; }
  #wb-cookie .wb-ck-koptekst { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
  #wb-cookie .wb-ck-titel { margin: 0; color: var(--wb-text, #fff);
    font: 600 var(--wb-fs-subkop)/1.25 "Inter Tight", sans-serif; letter-spacing: -.01em; }
  #wb-cookie .wb-ck-tekst { margin: 0; color: var(--wb-text-body, #92969f);
    font: 500 var(--wb-fs-tekst)/1.6 "Inter Tight", sans-serif; }
  #wb-cookie .wb-ck-links { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 2px 0 0; }
  #wb-cookie .wb-ck-links a { color: var(--wb-text-nav, #adb0b7); text-decoration: underline;
    text-underline-offset: 3px; font: 500 var(--wb-fs-label)/1.5 "Inter Tight", sans-serif; }
  #wb-cookie .wb-ck-links a:hover { color: var(--wb-text, #fff); }
  #wb-cookie .wb-ck-lijst { list-style: none; margin: 0; padding: 0;
    border: 1px solid var(--wb-border, #2a2d31); border-radius: 14px; overflow: hidden; }
  #wb-cookie .wb-ck-lijst li { display: flex; align-items: flex-start; gap: 12px; padding: 14px;
    background: var(--wb-surface-2, #131315); }
  #wb-cookie .wb-ck-lijst li + li { border-top: 1px solid var(--wb-border, #2a2d31); }
  #wb-cookie .wb-ck-ic { flex: 0 0 auto; width: 20px; height: 20px; margin-top: 1px;
    color: var(--wb-icon, #d6d8dc); }
  #wb-cookie .wb-ck-ic svg { width: 100%; height: 100%; display: block; }
  #wb-cookie .wb-ck-soort { min-width: 0; flex: 1 1 auto; }
  #wb-cookie .wb-ck-regel { display: flex; align-items: center; justify-content: space-between;
    gap: 12px; min-width: 0; }
  #wb-cookie .wb-ck-naam { color: var(--wb-text, #fff); min-width: 0;
    font: 600 var(--wb-fs-tekst)/1.4 "Inter Tight", sans-serif; }
  #wb-cookie .wb-ck-vast { flex: 0 0 auto; color: var(--wb-text-muted, #818791); white-space: nowrap;
    font: 600 var(--wb-fs-label)/1.4 "Inter Tight", sans-serif; }
  #wb-cookie .wb-ck-uitleg { margin: 6px 0 0; color: var(--wb-text-muted, #818791);
    font: 500 var(--wb-fs-label)/1.55 "Inter Tight", sans-serif; }
  #wb-cookie .wb-ck-schuif { flex: 0 0 auto; position: relative; width: 42px; height: 24px;
    padding: 0; border: 0; border-radius: 999px; cursor: pointer;
    background: var(--wb-text-faint, #777c86); transition: background-color .2s ease; }
  #wb-cookie .wb-ck-schuif[aria-checked="true"] { background: var(--wb-text, #fff); }
  #wb-cookie .wb-ck-schuif::after { content: ""; position: absolute; top: 3px; left: 3px;
    width: 18px; height: 18px; border-radius: 50%; background: var(--wb-canvas, #000);
    transition: transform .2s cubic-bezier(.22,1,.36,1); }
  #wb-cookie .wb-ck-schuif[aria-checked="true"]::after { transform: translateX(18px); }
  #wb-cookie .wb-ck-acties { display: flex; flex-wrap: wrap; gap: 10px; }
  #wb-cookie .wb-ck-knop { flex: 1 1 150px; min-width: 0; min-height: 46px; padding: 0 18px;
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    border-radius: 12px; cursor: pointer; text-align: center;
    font: 600 var(--wb-fs-tekst)/1.2 "Inter Tight", sans-serif;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease; }
  #wb-cookie .wb-ck-hoofd { border: 1px solid var(--wb-text, #fff);
    background: var(--wb-text, #fff); color: var(--wb-canvas, #000); }
  #wb-cookie .wb-ck-hoofd:hover { background: var(--wb-text-hover, #e8e8e8);
    border-color: var(--wb-text-hover, #e8e8e8); }
  #wb-cookie .wb-ck-tweede { border: 1px solid var(--wb-border-strong, #5f636c);
    background: transparent; color: var(--wb-text-nav, #adb0b7); }
  #wb-cookie .wb-ck-tweede:hover { background: var(--wb-surface-hover, #26282b);
    color: var(--wb-text, #fff); }
  #wb-cookie .wb-ck-derde { align-self: flex-start; margin: -6px 0 0; padding: 6px 0;
    border: 0; background: none; cursor: pointer; color: var(--wb-text-nav, #adb0b7);
    text-decoration: underline; text-underline-offset: 3px;
    font: 500 var(--wb-fs-label)/1.4 "Inter Tight", sans-serif; }
  #wb-cookie .wb-ck-derde:hover { color: var(--wb-text, #fff); }
  #wb-cookie [hidden] { display: none; }
  #wb-cookie .wb-ck-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
  @keyframes wb-ck-binnen { from { transform: translateY(16px); } }
  #wb-cookie .wb-ck-kaart { animation: wb-ck-binnen .42s cubic-bezier(.22,1,.36,1); }
  @media (prefers-reduced-motion: reduce) {
    #wb-cookie .wb-ck-kaart { animation: none; }
    #wb-cookie .wb-ck-schuif, #wb-cookie .wb-ck-schuif::after { transition: none; }
  }
  @media (max-width: 1199px) {
    #wb-cookie { --wb-cookie-onder: 68px; }
  }
  @media (max-width: 559px) {
    #wb-cookie { left: 10px; right: 10px; }
    #wb-cookie .wb-ck-kaart { max-width: none; padding: 18px; gap: 16px; }
    #wb-cookie .wb-ck-acties { flex-direction: column; }
    #wb-cookie .wb-ck-knop { flex: 0 0 auto; width: 100%; }
  }
  @media (max-height: 700px) {
    #wb-cookie .wb-ck-kaart { padding: 16px 18px; gap: 12px; }
    #wb-cookie .wb-ck-kop { gap: 12px; }
    #wb-cookie .wb-ck-tegel { width: 36px; height: 36px; border-radius: 11px; }
    #wb-cookie .wb-ck-tegel svg { width: 18px; height: 18px; }
    #wb-cookie .wb-ck-koptekst { gap: 4px; }
    #wb-cookie .wb-ck-lijst li { padding: 11px 12px; }
    #wb-cookie .wb-ck-knop { min-height: 42px; }
  }
  @media (max-width: 379px) {
    #wb-cookie .wb-ck-kop { gap: 12px; }
    #wb-cookie .wb-ck-tegel { width: 38px; height: 38px; border-radius: 12px; }
    #wb-cookie .wb-ck-tegel svg { width: 19px; height: 19px; }
    #wb-cookie .wb-ck-lijst li { padding: 12px; gap: 10px; }
  }