/* =========================================================
   3WA site helpers — stylesheet  (v2.8.0)
   Huisstijl: Geist (koppen) / Roboto (lopende tekst)
   Kleuren volgens huisstijl website.pptx
   ========================================================= */

:root{
  --wa3-blue:#2B77E3;
  --wa3-blue-dark:#123260;
  --wa3-white:#FFFFFF;
  --wa3-orange:#FD6721;
  --wa3-gold:#E0A016;
  --wa3-black:#101010;
  --wa3-gray-900:#212227;
  --wa3-gray-700:#434444;
  --wa3-gray-200:#E4E4E4;
  --wa3-tint:#F5F8FE;
}

/* --- Fonts -------------------------------------------------
   Zelf-hosten heeft de voorkeur (geen verzoek naar Google).
   Zet hieronder je eigen @font-face regels zodra je de .woff2
   bestanden van Geist en Roboto in assets/fonts/ hebt gezet, en
   verwijder dan de Google Fonts <link> uit 3wa-site-helpers.php.
   Tot die tijd laadt de plugin de fonts via Google Fonts. --- */

body, .wa3-sec{ font-family:'Roboto', sans-serif; color:var(--wa3-black); }
.wa3-sec h1, .wa3-sec h2, .wa3-sec h3, .wa3-sec h4,
.wa3-h1, .wa3-h2, .wa3-h3{ font-family:'Geist', sans-serif; font-weight:700; margin:0; color:var(--wa3-blue-dark); }
.wa3-sec a{ color:var(--wa3-blue); text-decoration:none; }
.wa3-sec a:hover{ color:var(--wa3-blue-dark); }

/* --- Generic ------------------------------------------------ */
.wa3-eyebrow{ font-family:'Geist',sans-serif; font-weight:700; font-size:13px; letter-spacing:.03em; text-transform:uppercase; color:var(--wa3-blue); }
.wa3-btn{ display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:14px 26px; border-radius:8px; font-family:'Roboto',sans-serif; font-weight:700; font-size:15px; cursor:pointer; border:2px solid transparent; white-space:nowrap; }
.wa3-btn-primary{ background:var(--wa3-orange); color:var(--wa3-white) !important; }
.wa3-btn-outline{ background:transparent; color:var(--wa3-blue-dark) !important; border:2px solid var(--wa3-blue-dark); }
.wa3-btn-outline-onblue{ background:transparent; color:var(--wa3-white) !important; border:2px solid var(--wa3-white); }
.wa3-card{ background:var(--wa3-white); border:1px solid var(--wa3-gray-200); border-radius:14px; padding:24px; }
.wa3-pill{ padding:8px 16px; border-radius:999px; background:var(--wa3-tint); font-size:13px; font-weight:700; color:var(--wa3-blue-dark); display:inline-block; }

/* --- Header --------------------------------------------------- */
.wa3-header{ display:flex; flex-direction:column; }
.wa3-header-top{ display:flex; align-items:center; justify-content:space-between; padding:12px 5%; background:var(--wa3-tint); flex-wrap:wrap; gap:10px; }
.wa3-header-sites{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.wa3-site-pill{ padding:7px 15px; border-radius:999px; font-size:12px; font-weight:700; color:var(--wa3-white) !important; }
.wa3-header-main{ display:flex; align-items:center; justify-content:space-between; padding:16px 5%; border-bottom:1px solid var(--wa3-gray-200); flex-wrap:wrap; gap:16px; }
.wa3-header-logo img{ height:32px; width:auto; display:block; }
.wa3-nav ul{ list-style:none; display:flex; gap:26px; margin:0; padding:0; flex-wrap:wrap; }
.wa3-nav a{ font-weight:700; font-size:14px; color:var(--wa3-black) !important; }
.wa3-nav a:hover{ color:var(--wa3-blue) !important; }
.wa3-search{ display:flex; border:1px solid var(--wa3-gray-200); border-radius:8px; overflow:hidden; }
.wa3-search input[type="search"]{ border:none; padding:12px 14px; font-family:'Roboto',sans-serif; font-size:14px; width:200px; }
.wa3-search button{ border:none; background:var(--wa3-tint); padding:12px 18px; font-weight:700; font-size:13px; color:var(--wa3-blue-dark); cursor:pointer; }

/* --- Hero ------------------------------------------------------ */
.wa3-hero{ position:relative; overflow:hidden; background:var(--wa3-blue-dark); padding:96px 5%; display:flex; flex-direction:column; gap:22px;
  background-image:
    radial-gradient(circle at 85% 20%, rgba(43,119,227,.55) 0, transparent 40%),
    radial-gradient(circle at 95% 80%, rgba(253,103,33,.35) 0, transparent 35%),
    repeating-linear-gradient(115deg, rgba(255,255,255,.05) 0px, rgba(255,255,255,.05) 1px, transparent 1px, transparent 36px);
}
.wa3-hero h1{ font-size:48px; line-height:1.15; color:var(--wa3-white); max-width:720px; }
.wa3-hero p{ font-size:17px; line-height:1.6; color:#DCE7FA; max-width:560px; margin:0; }
.wa3-hero .wa3-eyebrow{ color:#9DC0F7; }

/* --- Ankerbalk (tab-chips) -------------------------------------- */
.wa3-anchorbar{ display:flex; align-items:center; gap:16px; padding:28px 5%; border-bottom:1px solid var(--wa3-gray-200); flex-wrap:wrap; }
.wa3-pills a{ padding:10px 20px; border-radius:999px; border:1.5px solid var(--wa3-gray-200); font-weight:700; font-size:14px; color:var(--wa3-blue-dark) !important; background:var(--wa3-white); }
.wa3-pills a.is-active{ background:var(--wa3-blue-dark); color:var(--wa3-white) !important; border-color:var(--wa3-blue-dark); }

/* --- Themasectie (Werkplekken / Cloud / Beveiliging / Applicatiebeheer) --- */
.wa3-theme{ display:flex; gap:56px; padding:0; flex-wrap:wrap; }
.wa3-soft{ background:var(--wa3-tint); }
.wa3-theme.wa3-soft{ background:var(--wa3-tint); }
.wa3-themehead{ width:300px; flex-shrink:0; display:flex; flex-direction:column; gap:14px; }
.wa3-themehead__nr{ width:32px; height:32px; border-radius:999px; background:var(--wa3-blue-dark); color:var(--wa3-white); font-family:'Geist',sans-serif; font-weight:700; display:flex; align-items:center; justify-content:center; font-size:14px; }
.wa3-tiles{ flex-grow:1; display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px; }
.wa3-tile{ background:var(--wa3-white); border:1px solid var(--wa3-gray-200); border-radius:14px; padding:20px; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.wa3-tile--linked .wa3-tile__title{ color:var(--wa3-blue); }
.wa3-tile--empty{ border-style:dashed; }
.wa3-tile__title{ font-family:'Geist',sans-serif; font-weight:700; font-size:16px; }
.wa3-tile__text{ font-size:14px; color:var(--wa3-gray-700); margin-top:4px; }
.wa3-tile__arrow{ color:var(--wa3-blue); font-size:20px; flex-shrink:0; }

/* Patroon-varianten voor de themasecties, i.p.v. een vlak wit/grijs vlak */
.wa3-theme--dots{ background-image: radial-gradient(rgba(43,119,227,.18) 1.5px, transparent 1.5px); background-size:22px 22px; background-position:-10px -10px; }
.wa3-theme--stripes{ background-image: repeating-linear-gradient(135deg, rgba(43,119,227,.10) 0px, rgba(43,119,227,.10) 2px, transparent 2px, transparent 26px); }
.wa3-theme--accent{ background-image: radial-gradient(circle at 100% 0%, rgba(253,103,33,.10) 0, transparent 45%), radial-gradient(rgba(224,160,22,.14) 1.5px, transparent 1.5px); background-size: auto, 22px 22px; }
.wa3-theme--dark{ background-color:var(--wa3-blue-dark); background-image: radial-gradient(rgba(255,255,255,.12) 1.5px, transparent 1.5px); background-size:24px 24px; }
.wa3-theme--grid{ background-image: linear-gradient(rgba(43,119,227,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(43,119,227,.12) 1px, transparent 1px); background-size:28px 28px; }
.wa3-theme--diag{ background-image: repeating-linear-gradient(45deg, rgba(224,160,22,.12) 0px, rgba(224,160,22,.12) 1px, transparent 1px, transparent 18px); }
.wa3-theme--dark .wa3-themehead h2, .wa3-theme--dark .wa3-themehead h3{ color:var(--wa3-white); }
.wa3-theme--dark .wa3-themehead p{ color:#C7D6EE; }
.wa3-theme--dark .wa3-themehead__nr{ background:var(--wa3-orange); }
.wa3-theme--dark .wa3-tile{ background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.22); }
.wa3-theme--dark .wa3-tile__title{ color:var(--wa3-white); }
.wa3-theme--dark .wa3-tile__text{ color:#C7D6EE; }
.wa3-theme--dark .wa3-tile__arrow{ color:var(--wa3-white); }

/* --- Infoblok (Sparringpartner / Vooruitstrevende werkwijze) ------ */
.wa3-infoblok{ padding:56px 5%; display:flex; gap:56px; align-items:center; flex-wrap:wrap; }
.wa3-infoblok.wa3-soft{ background:var(--wa3-tint); }
.wa3-infoblok.wa3-reverse{ flex-direction:row-reverse; }
.wa3-infoblok__media{ width:420px; max-width:100%; height:280px; flex-shrink:0; border-radius:16px; background:var(--wa3-gray-200); background-size:cover; background-position:center; }
.wa3-infoblok__body{ display:flex; flex-direction:column; gap:12px; max-width:600px; }
.wa3-infoblok__body p{ font-size:15px; color:var(--wa3-gray-700); line-height:1.7; margin:0; }

/* --- Werkvormen -------------------------------------------------- */
.wa3-werkvormen{ background:var(--wa3-tint); padding:56px 5%; display:flex; flex-direction:column; gap:28px; }
.wa3-werkvormen__grid{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:20px; }

/* ===================================================================
   NATIVE-DIVI-VARIANTEN
   Vanaf hier: styling voor secties die zijn opgebouwd uit losse, native
   Divi-modules (Text/Button/Blurb) i.p.v. één shortcode-blok. Spacing en
   breedte van elke module stel je zelf in via Divi's eigen Design-tab
   (Spacing/Sizing) — dat hoeft dus niet meer in deze CSS geregeld te worden.
   =================================================================== */

/* --- Hero (native) ------------------------------------------------ */
.wa3-hero-native{ position:relative; overflow:hidden;
  background-image:
    radial-gradient(circle at 85% 20%, rgba(43,119,227,.55) 0, transparent 40%),
    radial-gradient(circle at 95% 80%, rgba(253,103,33,.35) 0, transparent 35%),
    repeating-linear-gradient(115deg, rgba(255,255,255,.05) 0px, rgba(255,255,255,.05) 1px, transparent 1px, transparent 36px);
}
.wa3-hero-native__eyebrow .wa3-eyebrow{ color:#9DC0F7; }
.wa3-hero-native__title h1{ font-family:'Geist',sans-serif; font-weight:700; font-size:48px; line-height:1.15; color:var(--wa3-white); max-width:720px; margin:0 0 4px 0; }
.wa3-hero-native__subtitle p{ font-family:'Roboto',sans-serif; font-size:17px; line-height:1.6; color:#DCE7FA; max-width:560px; margin:0 0 8px 0; }
.wa3-hero-native .et_pb_button.wa3-btn-primary{ margin-top:8px; }

/* Knop-module algemeen herstijlen naar onze eigen knoppen-look
   (Divi's eigen knop-defaults worden overschreven, vandaar !important) */
.et_pb_button.wa3-btn{ display:inline-flex !important; align-items:center; gap:6px; padding:14px 26px !important; border-radius:8px !important; font-family:'Roboto',sans-serif !important; font-weight:700 !important; font-size:15px !important; border:2px solid transparent !important; }
.et_pb_button.wa3-btn-primary{ background:var(--wa3-orange) !important; color:var(--wa3-white) !important; }
.et_pb_button.wa3-btn-primary:hover{ background:var(--wa3-orange) !important; opacity:.9; }
.et_pb_button.wa3-btn-outline{ background:transparent !important; color:var(--wa3-blue-dark) !important; border-color:var(--wa3-blue-dark) !important; }

/* --- Ankerbalk (native) -------------------------------------------- */
.wa3-anchorbar-native{ border-bottom:1px solid var(--wa3-gray-200); }
.wa3-anchor-label span{ font-size:14px; color:var(--wa3-gray-700); font-weight:500; }
/* oude pil-knoppen (v2.2–v2.3), blijven werken als er nog een oude import staat */
.et_pb_button.wa3-pill-btn{ padding:10px 20px !important; border-radius:999px !important; border:1.5px solid var(--wa3-gray-200) !important; font-weight:700 !important; font-size:14px !important; color:var(--wa3-blue-dark) !important; background:var(--wa3-white) !important; width:100%; text-align:center; }
.et_pb_button.wa3-pill-btn.is-active{ background:var(--wa3-blue-dark) !important; color:var(--wa3-white) !important; border-color:var(--wa3-blue-dark) !important; }

/* "Spring naar"-kolommen (v2.5.0) — vervangen door de pijlerkaarten
   hieronder (v2.8.0), maar blijven werken voor een oude import. */
.wa3-anchorcol-mod .wa3-anchorcol__title{ display:block; font-family:'Geist',sans-serif; font-weight:700; font-size:16px; color:var(--wa3-blue-dark) !important; text-decoration:none; margin-bottom:10px; }
.wa3-anchorcol-mod .wa3-anchorcol__title:hover{ color:var(--wa3-blue) !important; }
.wa3-anchorcol-mod .wa3-anchorcol__list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; }
.wa3-anchorcol-mod .wa3-anchorcol__list a{ font-size:14px; color:var(--wa3-gray-700) !important; text-decoration:none; }
.wa3-anchorcol-mod .wa3-anchorcol__list a:hover{ color:var(--wa3-blue) !important; }

/* --- Pijlerkop (titel + intro, boven elke pijler) --------------------- */
.wa3-pillarhead-mod .wa3-pillarhead{ display:flex; align-items:flex-start; gap:18px; }
.wa3-pillarhead-mod .wa3-pillarhead__nr{ width:40px; height:40px; flex-shrink:0; border-radius:999px; background:var(--wa3-blue-dark); color:var(--wa3-white); font-family:'Geist',sans-serif; font-weight:700; display:flex; align-items:center; justify-content:center; font-size:16px; }
.wa3-pillarhead-mod h2{ font-family:'Geist',sans-serif; font-weight:700; font-size:28px; margin:0 0 6px; }
.wa3-pillarhead-mod p{ font-size:15px; color:var(--wa3-gray-700); line-height:1.6; margin:0; max-width:560px; }
.wa3-theme--dark .wa3-pillarhead-mod h2{ color:var(--wa3-white); }
.wa3-theme--dark .wa3-pillarhead-mod p{ color:#C7D6EE; }
.wa3-theme--dark .wa3-pillarhead-mod .wa3-pillarhead__nr{ background:var(--wa3-orange); }

/* --- Themasectie linkerkolom als native tekst-module ---------------- */
.wa3-themehead-mod .wa3-themehead{ width:auto; }
.wa3-themehead-mod--sub .wa3-themehead h3{ font-family:'Geist',sans-serif; font-weight:700; font-size:19px; margin:0 0 8px; }
.wa3-themehead-mod--sub .wa3-themehead p{ margin:0; }
.wa3-theme--dark .wa3-themehead-mod--sub h3{ color:var(--wa3-white); }

/* --- Infoblok (native) ---------------------------------------------- */
.wa3-infoblok-native{ padding:0; }
.wa3-infoblok-native.wa3-soft{ background:var(--wa3-tint); }
.wa3-infoblok__body-mod p{ font-size:15px; color:var(--wa3-gray-700); line-height:1.7; margin:0 0 8px 0; }
.wa3-infoblok__media-mod .wa3-infoblok__media{ width:100%; height:280px; border-radius:16px; background:var(--wa3-gray-200); background-size:cover; background-position:center; }

/* --- Werkvormen (native) --------------------------------------------- */
.wa3-native-werkvormen{ background:var(--wa3-tint); }
.wa3-sec-title h2{ font-family:'Geist',sans-serif; font-weight:700; font-size:26px; margin:0; }
.wa3-sec-title--intro h2{ margin-top:4px; }
.wa3-sec-title--intro p{ font-size:15px; color:var(--wa3-gray-700); margin-top:6px; max-width:640px; }
.wa3-card-blurb .et_pb_blurb_content{ background:var(--wa3-white); border:1px solid var(--wa3-gray-200); border-radius:14px; padding:24px; display:block; }
.wa3-card-blurb .et_pb_main_blurb_image{ display:none; }
.wa3-card-blurb .et_pb_module_header{ font-family:'Geist',sans-serif; font-weight:700; font-size:18px; margin-top:8px; }
.wa3-card-blurb .et_pb_blurb_description p{ font-size:14px; color:var(--wa3-gray-700); line-height:1.6; margin-top:4px; }

@media (max-width: 980px){
  .wa3-hero-native__title h1{ font-size:34px; }
  .et_pb_button.wa3-pill-btn{ width:auto; }
}

/* --- Blogs (oude, smalle track t/m v2.7.0 — zie v2.8.0 carousel onderaan) */
.wa3-blogs{ padding:0 5%; display:flex; flex-direction:column; }
.wa3-blogs__track{ display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:8px; }
.wa3-blogs__card{ scroll-snap-align:start; flex:0 0 260px; border-radius:14px; overflow:hidden; border:1px solid var(--wa3-gray-200); background:var(--wa3-white); display:flex; flex-direction:column; }
.wa3-blogs__thumb{ height:170px; background-size:cover; background-position:center; background-color:var(--wa3-blue-dark); flex-shrink:0; }
.wa3-blogs__body{ padding:16px; display:flex; flex-direction:column; gap:6px; }
.wa3-blogs__title{ font-family:'Geist',sans-serif; font-weight:700; font-size:15px; line-height:1.4; }
.wa3-blogs__intro{ font-size:13px; color:var(--wa3-gray-700); line-height:1.5; }

/* --- Cases: koptekst-wrapper (achtergrondtint, geen padding meer) --- */
.wa3-cases{ background:var(--wa3-tint); padding:0; }
.wa3-cases__grid{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px; }

/* --- Cases-tegels (v2.6.0) --- */
.wa3-cases-tile{ border-radius:16px; min-height:240px; box-sizing:border-box; }
.wa3-cases-tile .et_pb_blurb_content{ min-height:240px; border-radius:16px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:28px; box-sizing:border-box; }
.wa3-cases-tile .et_pb_main_blurb_image{ display:none; }
.wa3-cases-tile .et_pb_module_header{ font-family:'Geist',sans-serif; font-weight:700; font-size:19px; color:var(--wa3-white); margin:0; }
.wa3-cases-tile--1 .et_pb_blurb_content{ background:var(--wa3-blue-dark); }
.wa3-cases-tile--2 .et_pb_blurb_content{ background:var(--wa3-blue); }
.wa3-cases-tile--3 .et_pb_blurb_content{ background:var(--wa3-gray-900); }
.wa3-cases-tile--4 .et_pb_blurb_content{ background:var(--wa3-gray-700); }
.wa3-cases-tile--empty .et_pb_blurb_content{ background:var(--wa3-white); border:1.5px dashed var(--wa3-gray-200); }
.wa3-cases-tile--empty .et_pb_module_header{ color:var(--wa3-gray-700); font-weight:500; font-size:14px; }
.wa3-cases__tile{ border-radius:14px; height:140px; display:flex; align-items:flex-end; padding:18px; box-sizing:border-box; color:var(--wa3-white); font-family:'Geist',sans-serif; font-weight:700; font-size:17px; background-size:cover; background-position:center; }
.wa3-cases__tile--empty{ background:var(--wa3-white); border:1.5px dashed var(--wa3-gray-200); align-items:center; justify-content:center; color:var(--wa3-gray-700); font-size:14px; }

/* --- Contact ---------------------------------------------------------- */
.wa3-contact{ padding:64px 5%; display:grid; grid-template-columns:1fr 1fr; gap:64px; }
.wa3-contact__intro{ display:flex; flex-direction:column; gap:16px; }
.wa3-contact__intro p{ font-size:15px; color:var(--wa3-gray-700); line-height:1.6; max-width:420px; margin:0; }
.wa3-contact__meta{ display:flex; flex-direction:column; gap:8px; margin-top:12px; font-size:14px; color:var(--wa3-gray-900); }
.wa3-contact__form input, .wa3-contact__form textarea{ width:100%; box-sizing:border-box; padding:13px 14px; border-radius:8px; border:1px solid var(--wa3-gray-200); font-family:'Roboto',sans-serif; font-size:14px; }
.wa3-contact__form label{ font-size:13px; font-weight:700; color:var(--wa3-gray-900); margin-bottom:6px; display:block; }

/* --- Afsluitende CTA-band ---------------------------------------------- */
.wa3-ctawrap{ padding:0 0 64px; }
.wa3-cta{ background:var(--wa3-blue-dark); border-radius:20px; padding:40px 48px; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.wa3-cta__avatar{ width:64px; height:64px; border-radius:999px; background:var(--wa3-gray-200); background-size:cover; background-position:center; flex-shrink:0; }
.wa3-cta__title{ font-family:'Geist',sans-serif; font-weight:700; font-size:18px; color:var(--wa3-white); }
.wa3-cta__text{ font-size:14px; color:#B9C9E8; max-width:480px; margin-top:4px; }

/* --- Footer ------------------------------------------------------------- */
.wa3-footer{ background:var(--wa3-black); padding:48px 5%; display:flex; flex-direction:column; gap:32px; }
.wa3-footer__grid{ display:grid; grid-template-columns:1.6fr 1fr 1fr; gap:32px; }
.wa3-footer h4{ font-family:'Geist',sans-serif; font-weight:700; color:var(--wa3-white); font-size:14px; margin:0 0 4px; }
.wa3-footer p, .wa3-footer div, .wa3-footer li{ font-size:13px; color:#CFCFCF; }
.wa3-footer ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; }
.wa3-footer a{ color:var(--wa3-blue) !important; }
.wa3-footer__bottom{ border-top:1px solid #2C2C2C; padding-top:20px; font-size:12px; color:#7A7A7A; }

/* --- Responsief ---------------------------------------------------------- */
@media (max-width: 980px){
  .wa3-theme{ flex-direction:column; gap:24px; }
  .wa3-themehead{ width:100%; }
  .wa3-tiles{ grid-template-columns:1fr; }
  .wa3-infoblok{ flex-direction:column !important; }
  .wa3-infoblok__media{ width:100%; }
  .wa3-cases__grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .wa3-contact{ grid-template-columns:1fr; }
  .wa3-footer__grid{ grid-template-columns:1fr; }
  .wa3-header-main{ flex-direction:column; align-items:flex-start; }
  .wa3-btn{ width:100%; }
}

/* =========================================================================
   DETAILPAGINA / "PRODUCTPAGINA" — 2A sjabloon
   ========================================================================= */

.wa3-crumb{ font-size:13px; color:var(--wa3-gray-700); display:flex; flex-wrap:wrap; gap:4px; margin-bottom:18px; }
.wa3-crumb a{ color:var(--wa3-gray-700) !important; text-decoration:none; }
.wa3-crumb a:hover{ color:var(--wa3-blue) !important; }

.wa3-lead{ font-size:19px; line-height:1.6; color:var(--wa3-gray-900); max-width:640px; margin-top:12px; }

.wa3-detailhero{ background:var(--wa3-blue-dark); padding:0; }
.wa3-detailhero .wa3-post-title{ font-family:'Geist',sans-serif; font-weight:700; font-size:clamp(28px,4vw,42px); color:var(--wa3-white); margin:0; line-height:1.15; }
.wa3-detailhero .wa3-lead{ color:#D8E3F7; }
.wa3-detailhero .wa3-crumb, .wa3-detailhero .wa3-crumb a{ color:#9DC0F7 !important; }

.wa3-detailbody{ padding:0; }
.wa3-content{ font-size:16px; line-height:1.75; color:var(--wa3-gray-900); }
.wa3-content h2{ font-family:'Geist',sans-serif; font-weight:700; font-size:24px; color:var(--wa3-blue-dark); margin:40px 0 14px; }
.wa3-content h3{ font-family:'Geist',sans-serif; font-weight:700; font-size:19px; color:var(--wa3-blue-dark); margin:28px 0 10px; }
.wa3-content p{ margin:0 0 16px; }
.wa3-content ul, .wa3-content ol{ margin:0 0 16px; padding-left:22px; }
.wa3-content li{ margin-bottom:8px; }
.wa3-content a{ color:var(--wa3-blue); }

.wa3-short{ background:var(--wa3-tint); border-radius:14px; padding:24px 28px; margin:0 0 28px; list-style:none; }
.wa3-short__label{ font-family:'Geist',sans-serif; font-weight:700; font-size:13px; letter-spacing:.03em; text-transform:uppercase; color:var(--wa3-blue); display:block; margin-bottom:12px; }
ul.wa3-short li{ position:relative; padding-left:26px; margin-bottom:8px; font-size:15px; color:var(--wa3-gray-900); }
ul.wa3-short li::before{ content:"✓"; position:absolute; left:0; top:0; color:var(--wa3-blue); font-weight:700; }

ol.wa3-steps{ list-style:none; counter-reset:wa3-step; padding:0; margin:0 0 28px; display:flex; flex-direction:column; gap:16px; }
ol.wa3-steps li{ counter-increment:wa3-step; position:relative; padding:18px 20px 18px 60px; background:var(--wa3-white); border:1px solid var(--wa3-gray-200); border-radius:12px; margin:0; }
ol.wa3-steps li::before{ content:counter(wa3-step); position:absolute; left:18px; top:18px; width:28px; height:28px; border-radius:999px; background:var(--wa3-blue-dark); color:var(--wa3-white); font-family:'Geist',sans-serif; font-weight:700; font-size:13px; display:flex; align-items:center; justify-content:center; }

.wa3-product{ display:flex; align-items:center; gap:18px; background:var(--wa3-tint); border-radius:14px; padding:20px 24px; margin:0 0 28px; }
.wa3-product__logo{ width:52px; height:52px; border-radius:10px; background:var(--wa3-white); border:1px solid var(--wa3-gray-200); flex-shrink:0; background-size:60%; background-position:center; background-repeat:no-repeat; }
.wa3-product__title{ font-family:'Geist',sans-serif; font-weight:700; font-size:16px; color:var(--wa3-blue-dark); }
.wa3-product__text{ font-size:14px; color:var(--wa3-gray-700); margin-top:2px; }

.wa3-faq{ margin:0 0 28px; display:flex; flex-direction:column; gap:10px; }
.wa3-faq details{ border:1px solid var(--wa3-gray-200); border-radius:12px; padding:16px 20px; }
.wa3-faq summary{ font-family:'Geist',sans-serif; font-weight:700; font-size:15px; color:var(--wa3-blue-dark); cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; }
.wa3-faq summary::-webkit-details-marker{ display:none; }
.wa3-faq summary::after{ content:"+"; font-size:20px; color:var(--wa3-blue); flex-shrink:0; margin-left:12px; }
.wa3-faq details[open] summary::after{ content:"–"; }
.wa3-faq p{ font-size:14px; color:var(--wa3-gray-700); line-height:1.6; margin:12px 0 0; }

.wa3-sidebar{ display:flex; flex-direction:column; gap:20px; position:sticky; top:24px; }
.wa3-sidebar-card{ background:var(--wa3-white); border:1px solid var(--wa3-gray-200); border-radius:14px; padding:22px; }
.wa3-sidebar-card--soft{ background:var(--wa3-tint); border:none; }

.wa3-verwant-lijst{ display:flex; flex-direction:column; margin-top:8px; }
.wa3-verwant-item{ display:flex; justify-content:space-between; align-items:center; gap:10px; padding:12px 0; border-top:1px solid var(--wa3-gray-200); }
.wa3-verwant-item__tekst{ display:flex; flex-direction:column; gap:2px; }
.wa3-verwant-item__titel{ font-size:15px; font-weight:700; font-family:'Geist',sans-serif; color:var(--wa3-black) !important; }
.wa3-verwant-item__intro{ font-size:13px; color:var(--wa3-gray-700) !important; line-height:1.4; }
.wa3-verwant-item__pijl{ color:var(--wa3-blue); flex-shrink:0; }

@media (max-width: 980px){
  .wa3-sidebar{ position:static; margin-top:32px; }
  .wa3-product{ flex-direction:column; align-items:flex-start; }
}

/* =========================================================================
   THEMA-ACHTERGROND OP PRODUCTPAGINA'S (v2.7.0)
   ========================================================================= */

body.wa3-thema-werkplekken .wa3-detailbody{ background-image: radial-gradient(rgba(43,119,227,.18) 1.5px, transparent 1.5px); background-size:22px 22px; background-position:-10px -10px; }
body.wa3-thema-cloud .wa3-detailbody{ background-color:var(--wa3-tint); background-image: repeating-linear-gradient(135deg, rgba(43,119,227,.10) 0px, rgba(43,119,227,.10) 2px, transparent 2px, transparent 26px); }
body.wa3-thema-beveiliging .wa3-detailbody{ background-color:var(--wa3-blue-dark); background-image: radial-gradient(rgba(255,255,255,.12) 1.5px, transparent 1.5px); background-size:24px 24px; }
body.wa3-thema-applicatiebeheer .wa3-detailbody{ background-color:var(--wa3-tint); background-image: radial-gradient(circle at 100% 0%, rgba(253,103,33,.10) 0, transparent 45%), radial-gradient(rgba(224,160,22,.14) 1.5px, transparent 1.5px); background-size: auto, 22px 22px; }
body.wa3-thema-cto-op-afstand .wa3-detailbody{ background-image: linear-gradient(rgba(43,119,227,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(43,119,227,.12) 1px, transparent 1px); background-size:28px 28px; }
body.wa3-thema-compliance-ciso .wa3-detailbody{ background-color:var(--wa3-tint); background-image: repeating-linear-gradient(45deg, rgba(224,160,22,.12) 0px, rgba(224,160,22,.12) 1px, transparent 1px, transparent 18px); }
body.wa3-thema-ai-support .wa3-detailbody{ background-color:var(--wa3-blue-dark); background-image: radial-gradient(rgba(255,255,255,.12) 1.5px, transparent 1.5px); background-size:24px 24px; }

body.wa3-thema-donker .wa3-detailbody .wa3-content{ color:#E4ECFB; }
body.wa3-thema-donker .wa3-detailbody .wa3-content h2,
body.wa3-thema-donker .wa3-detailbody .wa3-content h3{ color:var(--wa3-white); }
body.wa3-thema-donker .wa3-detailbody .wa3-content a{ color:#9DC0F7; }
body.wa3-thema-donker .wa3-sidebar-card{ background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.2); }
body.wa3-thema-donker .wa3-sidebar-card--soft{ background:rgba(255,255,255,.12); }
body.wa3-thema-donker .wa3-sidebar-card .wa3-product__title,
body.wa3-thema-donker .wa3-sidebar-card .wa3-verwant-item__titel,
body.wa3-thema-donker .wa3-sidebar-card a{ color:var(--wa3-white) !important; }
body.wa3-thema-donker .wa3-verwant-item__intro{ color:#C7D6EE !important; }
body.wa3-thema-donker .wa3-verwant-item{ border-color:rgba(255,255,255,.2); }
body.wa3-thema-donker .wa3-faq details{ border-color:rgba(255,255,255,.2); }

/* =========================================================================
   v2.10.1 — NAAST ELKAAR TE GEBRUIKEN
   Alle nieuwe stijlen (v2.8+) werken alleen binnen secties met de nieuwe
   klassen (wa3-sec, wa3-theme, wa3-pband, wa3-pillarnav, wa3-bcar). Een
   pagina met de oude layout (t/m v2.7) ziet er met deze plugin dus nog
   precies hetzelfde uit — handig om beide versies naast elkaar te tonen.
   ========================================================================= */

/* =========================================================================
   v2.9.0 — HOMEPAGE: RUSTIGER, STRAKKER IN DE HUISSTIJL

   Kleurregel: basis is altijd donkerblauw (#123260) + wit. Elke dienst
   (pijler) krijgt precies één accentkleur uit de huisstijl:
     ICT Support      → blauw  #2B77E3   (klasse wa3-p--ict)
     Sparring partner → goud   #E0A016   (klasse wa3-p--sparring)
     AI support       → oranje #FD6721   (klasse wa3-p--ai)
   Binnen een dienst komen geen andere accentkleuren voor.

   Hiërarchie:
     1. Dienst (pijler) → donkerblauwe band met gekleurde rand, H2 44px
     2. Onderdeel (Werkplekken, Cloud, ...) → eyebrow in dienstkleur + H3 30px
     3. Onderwerp (Automatisch patchen, ...) → tegel, titel 17px

   Let op: sectie-klassen staan in "module_class" (Advanced > CSS Class).
   ========================================================================= */

/* --- Basis: sectie-ritme ------------------------------------------------ */
.et_pb_section.wa3-sec{ padding:72px 0; }
.et_pb_section.wa3-sec .et_pb_row + .et_pb_row{ margin-top:28px; }
.et_pb_section.wa3-theme{ display:block; }
.et_pb_section.wa3-cases, .et_pb_section.wa3-infoblok-native{ padding:72px 0; }
.et_pb_section.wa3-hero-native{ padding:104px 0 96px; background-color:var(--wa3-blue-dark); }
/* (nummers: de nieuwe layout heeft ze niet meer; een oude pagina houdt ze) */

/* --- Dienstkleuren ---------------------------------------------------------
   --pc      accentkleur (vlakken, randen, patronen)
   --pc-ink  donkere variant voor tekst op wit (leesbaar, AA)
   --pc-dark variant voor tekst op donkerblauw
   --pc-tint heel lichte achtergrond
   --pc-line patroonkleur                                                    */
.wa3-p--ict{      --pc:#2B77E3; --pc-ink:#1F62C9; --pc-dark:#8DB9F7; --pc-tint:#F1F6FE; --pc-line:rgba(43,119,227,.16); }
.wa3-p--sparring{ --pc:#E0A016; --pc-ink:#8A6104; --pc-dark:#E0A016; --pc-tint:#FDF8EC; --pc-line:rgba(224,160,22,.26); }
.wa3-p--ai{       --pc:#FD6721; --pc-ink:#C4470B; --pc-dark:#FD7F42; --pc-tint:#FFF4EE; --pc-line:rgba(253,103,33,.18); }

/* --- Iconen (alleen nog in de dienstkaarten bovenaan en in knoppen) --------
   <div class="wa3-i wa3-i--laptop"></div> — CSS-masker, kleur = currentColor */
.wa3-i{ font-size:0; line-height:0; }
.wa3-i::before{ content:""; display:block; width:var(--wa3-i-size, 28px); height:var(--wa3-i-size, 28px); background-color:currentColor;
  -webkit-mask-image:var(--wa3-i); mask-image:var(--wa3-i);
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; -webkit-mask-size:contain; mask-size:contain; }
.wa3-i--laptop{ --wa3-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='11' rx='2'/%3E%3Cpath d='M2 19.5h20'/%3E%3C/svg%3E"); }
.wa3-i--cloud{ --wa3-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 18.5h10.5a4 4 0 0 0 .4-8A6 6 0 0 0 6.3 9 4.75 4.75 0 0 0 7 18.5z'/%3E%3C/svg%3E"); }
.wa3-i--shield{ --wa3-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7.5 3v5.2c0 4.6-3.1 8.4-7.5 9.8-4.4-1.4-7.5-5.2-7.5-9.8V6z'/%3E%3Cpath d='M8.8 12.2l2.2 2.2 4.3-4.4'/%3E%3C/svg%3E"); }
.wa3-i--apps{ --wa3-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='7' height='7' rx='1.8'/%3E%3Crect x='13.5' y='3.5' width='7' height='7' rx='1.8'/%3E%3Crect x='3.5' y='13.5' width='7' height='7' rx='1.8'/%3E%3Cpath d='M17 13.5v7M13.5 17h7'/%3E%3C/svg%3E"); }
.wa3-i--compass{ --wa3-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M15.8 8.2l-2.3 5.3-5.3 2.3 2.3-5.3z'/%3E%3C/svg%3E"); }
.wa3-i--clipboard{ --wa3-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='4.5' width='15' height='17' rx='2.2'/%3E%3Cpath d='M9 4.5V3h6v1.5'/%3E%3Cpath d='M8.8 13.2l2.2 2.2 4.3-4.4'/%3E%3C/svg%3E"); }
.wa3-i--sparkles{ --wa3-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 3l1.9 5.1L18 10l-5.1 1.9L11 17l-1.9-5.1L4 10l5.1-1.9z'/%3E%3Cpath d='M18.5 14.5l.8 2.2 2.2.8-2.2.8-.8 2.2-.8-2.2-2.2-.8 2.2-.8z'/%3E%3C/svg%3E"); }
.wa3-i--headset{ --wa3-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15v-3a8 8 0 0 1 16 0v3'/%3E%3Crect x='2.8' y='13.5' width='4.4' height='6.5' rx='1.6'/%3E%3Crect x='16.8' y='13.5' width='4.4' height='6.5' rx='1.6'/%3E%3Cpath d='M19 20.5c0 .9-1.8 1.8-4.5 1.8'/%3E%3C/svg%3E"); }
.wa3-i--chat{ --wa3-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 5h10.5a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H8.5L5 18v-3H3.5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2z'/%3E%3Cpath d='M19 9h1.5a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H19v3l-3.2-3H12'/%3E%3C/svg%3E"); }
.wa3-i--arrow{ --wa3-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12h15M13.5 6l6 6-6 6'/%3E%3C/svg%3E"); }
.wa3-i--chev-left{ --wa3-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5l-7 7 7 7'/%3E%3C/svg%3E"); }
.wa3-i--chev-right{ --wa3-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E"); }

/* --- 1. Dienstkaarten bovenaan --------------------------------------------- */
.et_pb_section.wa3-pillarnav{ padding:64px 0 72px; background-color:var(--wa3-tint); }
.wa3-pillarnav__head .wa3-eyebrow{ margin-bottom:6px; }
.wa3-pillarnav__head h2{ font-size:32px !important; line-height:1.2 !important; padding:0 !important; }
.wa3-pillarnav__row.et_pb_row{ display:flex; gap:24px; }
.wa3-pillarnav__row > .et_pb_column{ float:none; width:auto !important; flex:1 1 0; margin:0 !important; display:flex; flex-direction:column; }
.wa3-pillarnav__row .et_pb_text{ flex:1; margin:0 !important; display:flex; }
.wa3-pillarnav__row .et_pb_text_inner{ flex:1; display:flex; }

.wa3-pcard{ position:relative; flex:1; box-sizing:border-box; display:flex; flex-direction:column; gap:12px;
  padding:32px 28px 28px; border-radius:18px; background:#fff; border:1px solid var(--wa3-gray-200); border-top:6px solid var(--pc);
  box-shadow:0 10px 30px -22px rgba(18,50,96,.5); transition:transform .25s ease, box-shadow .25s ease; }
.wa3-pcard:hover{ transform:translateY(-4px); box-shadow:0 20px 40px -24px rgba(18,50,96,.55); }
.wa3-pcard__icon{ width:52px; height:52px; border-radius:14px; background:var(--pc-tint); color:var(--pc-ink); display:flex; align-items:center; justify-content:center; --wa3-i-size:26px; margin-bottom:6px; }
.wa3-pcard .wa3-pcard__title{ font-family:'Geist',sans-serif; font-weight:700; font-size:24px; line-height:1.2; color:var(--wa3-blue-dark) !important; }
.wa3-pcard .wa3-pcard__text{ font-size:15px; line-height:1.6; color:var(--wa3-gray-700); margin:0; padding:0; }
.wa3-pcard .wa3-pcard__chips{ list-style:none; margin:4px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:8px; line-height:1.2; }
.wa3-pcard .wa3-pcard__chips li{ margin:0; padding:0; }
.wa3-pcard .wa3-pcard__chips a{ display:inline-block; padding:7px 13px; border-radius:999px; font-size:13px; font-weight:700; color:var(--pc-ink) !important; background:var(--pc-tint); transition:background .2s, color .2s; }
.wa3-pcard .wa3-pcard__chips a:hover{ background:var(--pc); color:#fff !important; }
.wa3-pcard .wa3-pcard__more{ margin-top:auto; padding-top:14px; display:inline-flex; align-items:center; gap:8px; font-weight:700; font-size:15px; color:var(--wa3-blue-dark) !important; }
.wa3-pcard .wa3-pcard__more .wa3-i{ --wa3-i-size:18px; color:var(--pc-ink); transition:transform .2s; }
.wa3-pcard .wa3-pcard__more:hover .wa3-i{ transform:translateX(4px); }

/* --- 2. Dienstband (niveau 1): donkerblauw met rand in dienstkleur ----------- */
.et_pb_section.wa3-pband{ padding:80px 0 72px; background-color:var(--wa3-blue-dark); border-top:8px solid var(--pc); }
.wa3-pband-mod .wa3-pband__label{ display:inline-block; font-family:'Geist',sans-serif; font-weight:700; font-size:13px; letter-spacing:.06em; text-transform:uppercase;
  color:var(--pc-dark); padding:6px 14px; border-radius:999px; border:1.5px solid var(--pc-dark); margin-bottom:18px; }
.wa3-pband-mod h2{ font-size:46px !important; line-height:1.1 !important; padding:0 !important; margin:0 0 14px !important; color:#fff !important; }
.wa3-pband-mod p{ font-size:18px; line-height:1.6; color:#C7D6EE; max-width:640px; margin:0; padding:0; }

/* --- 3. Onderdeel (niveau 2) -------------------------------------------------- */
.wa3-theme .wa3-themehead-mod--sub .wa3-themehead{ gap:0; }
.wa3-themehead__icon{ display:none; }   /* iconen bij onderdelen zijn weg (v2.9.0) */
.wa3-theme .wa3-themehead .wa3-eyebrow{ color:var(--pc-ink, var(--wa3-blue)); margin-bottom:10px; }
.wa3-theme .wa3-themehead-mod--sub .wa3-themehead h3{ font-size:30px !important; line-height:1.15 !important; padding:0 !important; margin:0 0 12px; color:var(--wa3-blue-dark); }
.wa3-theme .wa3-themehead-mod--sub .wa3-themehead p{ font-size:16px; line-height:1.6; color:var(--wa3-gray-700); max-width:320px; }

/* --- Onderwerp-tegels (niveau 3) ---------------------------------------------- */
.wa3-theme .wa3-tile{ padding:20px 22px; transition:transform .2s ease, box-shadow .2s ease, border-color .2s; }
.wa3-theme .wa3-tile__title, .wa3-theme .wa3-tile--linked .wa3-tile__title{ font-size:17px; color:var(--wa3-blue-dark); }
.wa3-theme .wa3-tile__arrow{ width:32px; height:32px; border-radius:999px; background:var(--pc-tint, var(--wa3-tint)); color:var(--pc-ink, var(--wa3-blue));
  display:flex; align-items:center; justify-content:center; font-size:20px; line-height:1; transition:background .2s, color .2s, transform .2s; }
.wa3-theme a.wa3-tile:hover{ transform:translateY(-2px); border-color:var(--pc, var(--wa3-blue)); box-shadow:0 12px 24px -18px rgba(18,50,96,.5); }
.wa3-theme a.wa3-tile:hover .wa3-tile__arrow{ background:var(--pc, var(--wa3-blue)); color:#fff; }

/* --- Achtergronden per onderdeel: één patroon, in de dienstkleur ---------------
   wa3-pat--dots | wa3-pat--lines | wa3-pat--grid  (+ wa3-tinted = lichte tint) */
.et_pb_section.wa3-theme[class*="wa3-p--"]{ background-color:#fff; }
.et_pb_section.wa3-theme.wa3-tinted{ background-color:var(--pc-tint); }
.et_pb_section.wa3-pat--dots{ background-image:radial-gradient(var(--pc-line) 1.6px, transparent 1.6px); background-size:22px 22px; }
.et_pb_section.wa3-pat--lines{ background-image:repeating-linear-gradient(135deg, var(--pc-line) 0 1.5px, transparent 1.5px 22px); }
.et_pb_section.wa3-pat--grid{ background-image:linear-gradient(var(--pc-line) 1px, transparent 1px), linear-gradient(90deg, var(--pc-line) 1px, transparent 1px); background-size:32px 32px; }

/* --- 4. Blog-carousel (volle breedte) ---------------------------------------- */
.et_pb_section.wa3-blogs-sec{ padding:80px 0; background:#fff; overflow:hidden; }
.wa3-bcar{ --gutter:7.5%; position:relative; }
.wa3-bcar__track{ display:flex; gap:24px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth;
  padding:6px var(--gutter) 24px; scroll-padding-left:var(--gutter); scrollbar-width:none; }
.wa3-bcar__track::-webkit-scrollbar{ display:none; }
.wa3-bcar__track::after{ content:""; flex:0 0 1px; }
.wa3-bcar__slide{ flex:0 0 min(880px, 70%); scroll-snap-align:start; }
.wa3-bcar .wa3-bcar__card{ height:100%; display:grid; grid-template-columns:1.05fr 1fr; min-height:360px; border-radius:20px; overflow:hidden; background:#fff; border:1px solid var(--wa3-gray-200);
  box-shadow:0 18px 40px -28px rgba(18,50,96,.45); color:inherit !important; transition:transform .25s ease, box-shadow .25s ease; }
.wa3-bcar .wa3-bcar__card:hover{ transform:translateY(-4px); box-shadow:0 26px 48px -28px rgba(18,50,96,.55); }
.wa3-bcar__media{ position:relative; background-color:var(--wa3-blue-dark); background-size:cover; background-position:center; min-height:220px; }
/* placeholder zolang er geen uitgelichte afbeelding is: huisstijl-verloop blauw */
.wa3-bcar__media.is-empty{ background-image:linear-gradient(135deg, var(--wa3-blue) 0%, var(--wa3-blue-dark) 100%); }
.wa3-bcar__tag{ position:absolute; left:20px; top:20px; padding:7px 13px; border-radius:999px; background:#fff; color:var(--wa3-blue-dark); font-family:'Geist',sans-serif; font-weight:700; font-size:12px; letter-spacing:.03em; text-transform:uppercase; }
.wa3-bcar__body{ padding:36px 36px 32px; display:flex; flex-direction:column; gap:12px; }
.wa3-bcar__meta{ font-size:13px; color:var(--wa3-gray-700); font-weight:500; }
.wa3-bcar .wa3-bcar__title{ font-family:'Geist',sans-serif; font-weight:700; font-size:26px !important; line-height:1.2 !important; color:var(--wa3-blue-dark); margin:0; padding:0 !important; }
.wa3-bcar .wa3-bcar__intro{ font-size:16px; line-height:1.6; color:var(--wa3-gray-700); margin:0; padding:0 !important; }
.wa3-bcar__more{ margin-top:auto; padding-top:8px; display:inline-flex; align-items:center; gap:8px; font-weight:700; font-size:15px; color:var(--wa3-blue); }
.wa3-bcar__more .wa3-i{ --wa3-i-size:18px; transition:transform .2s; }
.wa3-bcar__card:hover .wa3-bcar__more .wa3-i{ transform:translateX(4px); }
.wa3-bcar__card--empty .wa3-bcar__title, .wa3-bcar__card--empty .wa3-bcar__intro{ color:var(--wa3-gray-700); }

.wa3-bcar__controls{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:8px var(--gutter) 0; }
.wa3-bcar__dots{ display:flex; gap:8px; }
.wa3-bcar__dot{ width:10px; height:10px; padding:0; border:none; border-radius:999px; background:var(--wa3-gray-200); cursor:pointer; transition:width .25s, background .25s; }
.wa3-bcar__dot.is-active{ width:32px; background:var(--wa3-blue-dark); }
.wa3-bcar__arrows{ display:flex; gap:10px; }
.wa3-bcar__btn{ width:48px; height:48px; border-radius:999px; border:1.5px solid var(--wa3-blue-dark); background:#fff; color:var(--wa3-blue-dark); display:flex; align-items:center; justify-content:center; cursor:pointer; --wa3-i-size:20px; transition:background .2s, color .2s, opacity .2s; }
.wa3-bcar__btn:hover:not(:disabled){ background:var(--wa3-blue-dark); color:#fff; }
.wa3-bcar__btn:disabled{ opacity:.3; cursor:default; }

/* --- Responsief ----------------------------------------------------------------- */
@media (max-width: 980px){
  .et_pb_section.wa3-sec{ padding:56px 0; }
  .et_pb_section.wa3-pband{ padding:56px 0; }
  .wa3-pband-mod h2{ font-size:34px !important; }
  .wa3-pillarnav__row.et_pb_row{ flex-direction:column; }
  .wa3-themehead-mod--sub .wa3-themehead h3{ font-size:26px !important; }
  .wa3-bcar__slide{ flex-basis:86%; }
  .wa3-bcar .wa3-bcar__card{ grid-template-columns:1fr; grid-template-rows:200px auto; min-height:0; }
  .wa3-bcar__body{ padding:24px; }
  .wa3-bcar .wa3-bcar__title{ font-size:21px !important; }
}
@media (prefers-reduced-motion: reduce){
  .wa3-bcar__track{ scroll-behavior:auto; }
  .wa3-pcard, .wa3-tile, .wa3-bcar__card{ transition:none; }
}
/* tegels: tekst mag krimpen; op mobiel altijd 1 kolom (overschrijft de inline kolommen van de shortcode) */
.wa3-tile > div:first-child{ min-width:0; }
@media (max-width: 767px){ .wa3-tiles{ grid-template-columns:1fr !important; } }

/* =========================================================================
   v2.10.0 — MEER KLEUR MET DE HUISSTIJL-GRADIENTS
   Iconen staan nu bij de onderdelen (Werkplekken, Cloud, ...), niet meer
   bij de diensten. Gradients per dienst:
     blauw  #2B77E3 → #123260   goud  #E0A016 → #8A6104   oranje  #FD6721 → #C4470B
   ========================================================================= */
.wa3-p--ict{      --pc-grad:linear-gradient(135deg, #2B77E3 0%, #123260 100%); --pc-tint2:#E1EDFC; }
.wa3-p--sparring{ --pc-grad:linear-gradient(135deg, #E0A016 0%, #8A6104 100%); --pc-tint2:#FAEDCC; }
.wa3-p--ai{       --pc-grad:linear-gradient(135deg, #FD6721 0%, #C4470B 100%); --pc-tint2:#FFE3D3; }

/* Dienstkaarten bovenaan: gekleurde kop met gradient, geen icoon */
.wa3-pcard{ border-top:1px solid var(--wa3-gray-200); overflow:hidden; padding:0 28px 28px; }
.wa3-pcard__icon{ display:none; }
.wa3-pcard__head{ margin:0 -28px 8px; padding:28px 28px 26px; color:#fff;
  background:linear-gradient(125deg, #123260 0%, #123260 35%, var(--pc) 120%); }
.wa3-pcard__label{ font-family:'Geist',sans-serif; font-weight:700; font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--pc-dark); margin-bottom:6px; }
.wa3-pcard .wa3-pcard__head .wa3-pcard__title{ color:#fff !important; font-size:26px; }
.wa3-pcard .wa3-pcard__text{ margin-top:6px; }

/* Dienstband: van donkerblauw naar de dienstkleur */
.et_pb_section.wa3-pband{ border-top:0; background-image:linear-gradient(115deg, #123260 0%, #123260 40%, var(--pc) 135%); }
.wa3-pband-mod .wa3-pband__label{ background:var(--pc); border-color:var(--pc); color:#fff; }
.wa3-p--sparring .wa3-pband-mod .wa3-pband__label, .wa3-p--ai .wa3-pband-mod .wa3-pband__label{ color:var(--wa3-blue-dark); }

/* Onderdeel: icoon terug, in een gradient-tegel */
.wa3-theme .wa3-themehead .wa3-themehead__icon{ display:flex; width:60px; height:60px; border-radius:16px; margin-bottom:22px; align-items:center; justify-content:center;
  --wa3-i-size:30px; color:#fff; background:var(--pc-grad); box-shadow:0 12px 24px -14px var(--pc); transform:none; }

/* Tegels: pijltje wordt gradient bij hover */
.wa3-theme a.wa3-tile:hover .wa3-tile__arrow{ background:var(--pc-grad); }

/* Getinte onderdelen: zacht verloop onder het patroon */
.et_pb_section.wa3-theme.wa3-tinted{ background-color:var(--pc-tint); }
.et_pb_section.wa3-tinted.wa3-pat--dots{ background-image:radial-gradient(var(--pc-line) 1.6px, transparent 1.6px), linear-gradient(160deg, var(--pc-tint) 0%, var(--pc-tint2) 100%); background-size:22px 22px, auto; }
.et_pb_section.wa3-tinted.wa3-pat--lines{ background-image:repeating-linear-gradient(135deg, var(--pc-line) 0 1.5px, transparent 1.5px 22px), linear-gradient(160deg, var(--pc-tint) 0%, var(--pc-tint2) 100%); }
.et_pb_section.wa3-tinted.wa3-pat--grid{ background-image:linear-gradient(var(--pc-line) 1px, transparent 1px), linear-gradient(90deg, var(--pc-line) 1px, transparent 1px), linear-gradient(160deg, var(--pc-tint) 0%, var(--pc-tint2) 100%); background-size:32px 32px, 32px 32px, auto; }

/* Blogs: placeholders in de drie huisstijl-gradients */
.wa3-bcar__slide:nth-child(3n+1) .wa3-bcar__media.is-empty{ background-image:linear-gradient(135deg, #2B77E3 0%, #123260 100%); }
.wa3-bcar__slide:nth-child(3n+2) .wa3-bcar__media.is-empty{ background-image:linear-gradient(135deg, #E0A016 0%, #8A6104 100%); }
.wa3-bcar__slide:nth-child(3n+3) .wa3-bcar__media.is-empty{ background-image:linear-gradient(135deg, #FD6721 0%, #C4470B 100%); }
.wa3-bcar__dot.is-active{ background:linear-gradient(90deg, #2B77E3, #123260); }
/* Band + kaartkop: donkerblauw met een strak diagonaal vlak in de dienst-gradient
   (geen doorlopend verloop blauw→goud; dat wordt modderig) */
.et_pb_section.wa3-pband{ background-image:none; background-color:var(--wa3-blue-dark); position:relative; overflow:hidden; }
.et_pb_section.wa3-pband::after{ content:""; position:absolute; top:0; right:0; bottom:0; width:34%; background:var(--pc-grad); clip-path:polygon(28% 0, 100% 0, 100% 100%, 0 100%); pointer-events:none; }
.et_pb_section.wa3-pband > .et_pb_row{ position:relative; z-index:1; }
.wa3-pcard__head{ position:relative; overflow:hidden; background:var(--wa3-blue-dark); }
.wa3-pcard__head::after{ content:""; position:absolute; top:0; right:0; bottom:0; width:30%; background:var(--pc-grad); clip-path:polygon(40% 0, 100% 0, 100% 100%, 0 100%); }
.wa3-pcard__head > *{ position:relative; z-index:1; }
@media (max-width: 980px){ .et_pb_section.wa3-pband::after{ width:22%; } }

/* =========================================================================
   v2.11.0 — EINDAFWERKING
   - Onderdelen (Werkplekken, Cloud, ...): alleen een lichte achtergrondkleur
     van de dienst, geen patronen meer.
   - Goud en oranje zijn exact de huisstijlkleuren (#E0A016 / #FD6721),
     zonder gradient en zonder afgeleide donkere tinten. Tekst die op goud
     of oranje niet leesbaar zou zijn, is donkerblauw; de dienstkleur zit
     dan in een vlak, streepje of icoon.
   - Blog-sectie lager; voorbeeldbeelden alleen in huisstijl-blauw.
   ========================================================================= */
.wa3-p--sparring{ --pc-grad:#E0A016; --pc-ink:var(--wa3-blue-dark); --pc-dark:#E0A016; }
.wa3-p--ai{       --pc-grad:#FD6721; --pc-ink:var(--wa3-blue-dark); --pc-dark:#FD6721; }

/* Achtergrond onderdelen: effen lichte tint, geen patroon */
.et_pb_section.wa3-theme[class*="wa3-p--"],
.et_pb_section.wa3-theme.wa3-tinted{ background-color:var(--pc-tint) !important; background-image:none !important; }
/* dun lijntje tussen twee onderdelen van dezelfde dienst */
.et_pb_section.wa3-theme[class*="wa3-p--"] + .et_pb_section.wa3-theme[class*="wa3-p--"]{ border-top:1px solid var(--pc-line); }

/* Kleine kop boven een onderdeel: donkerblauwe tekst met streepje in dienstkleur */
.wa3-theme .wa3-themehead .wa3-eyebrow{ color:var(--wa3-blue-dark); display:flex; align-items:center; gap:10px; }
.wa3-theme .wa3-themehead .wa3-eyebrow::before{ content:""; width:24px; height:4px; border-radius:2px; background:var(--pc); flex-shrink:0; }
.wa3-p--ict .wa3-themehead .wa3-eyebrow{ color:#1F62C9; }

/* Icoon-tegel: effen dienstkleur (ICT houdt de blauwe huisstijl-gradient) */
.wa3-theme .wa3-themehead .wa3-themehead__icon{ background:var(--pc-grad); box-shadow:0 12px 24px -16px var(--pc); }

/* Pijltjes in tegels en chips: donkerblauw op lichte tint, hover = dienstkleur */
.wa3-theme .wa3-tile{ background:#fff; }
.wa3-theme a.wa3-tile:hover .wa3-tile__arrow{ background:var(--pc); color:#fff; }
.wa3-p--sparring.wa3-theme a.wa3-tile:hover .wa3-tile__arrow,
.wa3-p--ai.wa3-theme a.wa3-tile:hover .wa3-tile__arrow{ color:var(--wa3-blue-dark); }
.wa3-pcard .wa3-pcard__chips a:hover{ background:var(--pc); }
.wa3-p--sparring .wa3-pcard__chips a:hover, .wa3-p--ai .wa3-pcard__chips a:hover{ color:var(--wa3-blue-dark) !important; }
.wa3-pcard .wa3-pcard__more .wa3-i{ color:var(--pc); }

/* Blogs: lager, en alleen blauw */
.et_pb_section.wa3-blogs-sec{ padding:64px 0; }
.wa3-bcar__slide{ flex-basis:min(760px, 62%); }
.wa3-bcar .wa3-bcar__card{ min-height:250px; grid-template-columns:.9fr 1.1fr; }
.wa3-bcar__media{ min-height:0; }
.wa3-bcar__body{ padding:26px 30px; gap:8px; }
.wa3-bcar .wa3-bcar__title{ font-size:22px !important; }
.wa3-bcar .wa3-bcar__intro{ font-size:15px; }
.wa3-bcar__media.is-empty,
.wa3-bcar__slide:nth-child(n) .wa3-bcar__media.is-empty{ background-image:linear-gradient(135deg, #2B77E3 0%, #123260 100%) !important; }
.wa3-bcar__dot.is-active{ background:var(--wa3-blue-dark); }
@media (max-width: 980px){
  .wa3-bcar__slide{ flex-basis:86%; }
  .wa3-bcar .wa3-bcar__card{ grid-template-columns:1fr; grid-template-rows:160px auto; }
}
/* blogs nog compacter: pijltjes rechtsboven naast de kop, kaarten lager */
.et_pb_section.wa3-blogs-sec{ padding:56px 0; }
.et_pb_section.wa3-blogs-sec .et_pb_row + .et_pb_row{ margin-top:20px; }
.wa3-bcar__track{ padding-bottom:16px; }
.wa3-bcar .wa3-bcar__card{ min-height:220px; }
.wa3-bcar__body{ padding:22px 28px; }
@media (min-width: 981px){
  .wa3-bcar__controls{ position:absolute; top:-64px; right:var(--gutter); padding:0; }
  .wa3-bcar__dots{ display:none; }
}

/* =========================================================================
   v2.12.0 — NAAR-BOVEN-KNOP
   ========================================================================= */
.wa3-i--chev-up{ --wa3-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 15l7-7 7 7'/%3E%3C/svg%3E"); }
.wa3-totop{ position:fixed; right:24px; bottom:24px; z-index:9999; width:52px; height:52px; padding:0; border:0; border-radius:999px; cursor:pointer;
  display:flex; align-items:center; justify-content:center; color:#fff; background:var(--wa3-blue-dark); --wa3-i-size:22px;
  box-shadow:0 10px 24px -10px rgba(18,50,96,.6); opacity:0; visibility:hidden; transform:translateY(12px);
  transition:opacity .25s ease, transform .25s ease, visibility .25s, background .2s; }
.wa3-totop.is-visible{ opacity:1; visibility:visible; transform:none; }
.wa3-totop:hover{ background:var(--wa3-blue); }
.wa3-totop:focus-visible{ outline:3px solid var(--wa3-orange); outline-offset:3px; }
.wa3-totop[hidden]{ display:none; }
@media (max-width: 767px){ .wa3-totop{ right:16px; bottom:16px; width:46px; height:46px; } }

/* =========================================================================
   v2.13.0 — LAATSTE AANPASSINGEN
   - Onderdelen: subtiel patroon in de dienstkleur, om en om op wit (stippen)
     en op de lichte tint (fijne diagonale lijnen). Rustig, maar wel onderscheid.
   - Tegels: korte tekst (samenvatting) onder de titel, max. 2 regels.
   - Dienstband zonder introtekst → compacter.
   ========================================================================= */
.wa3-p--ict{      --pc-pat:rgba(43,119,227,.13); }
.wa3-p--sparring{ --pc-pat:rgba(224,160,22,.20); }
.wa3-p--ai{       --pc-pat:rgba(253,103,33,.14); }

.et_pb_section.wa3-theme.wa3-pat--dots[class*="wa3-p--"]{ background-color:#fff !important;
  background-image:radial-gradient(var(--pc-pat) 1.4px, transparent 1.4px) !important; background-size:20px 20px !important; }
.et_pb_section.wa3-theme.wa3-pat--dots.wa3-tinted[class*="wa3-p--"]{ background-color:var(--pc-tint) !important; }
.et_pb_section.wa3-theme.wa3-pat--lines[class*="wa3-p--"]{ background-color:var(--pc-tint) !important;
  background-image:repeating-linear-gradient(135deg, var(--pc-pat) 0 1px, transparent 1px 22px) !important; background-size:auto !important; }
/* het lijntje tussen twee onderdelen is niet meer nodig: wit/tint wisselen al af */
.et_pb_section.wa3-theme[class*="wa3-p--"] + .et_pb_section.wa3-theme[class*="wa3-p--"]{ border-top:0; }

/* Tegels: korte tekst onder de titel, max. 2 regels */
.wa3-theme .wa3-tile{ align-items:center; }
.wa3-theme .wa3-tile__text{ font-size:14px; line-height:1.5; color:var(--wa3-gray-700); margin-top:4px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.wa3-theme .wa3-tile__text:empty{ display:none; }

/* Dienstband zonder intro */
.et_pb_section.wa3-pband{ padding:64px 0 60px; }
.wa3-pband-mod h2{ margin:0 !important; }

/* =========================================================================
   v2.14.0 — DRIEHOEKEN I.P.V. LIJNTJES
   De getinte onderdelen (Cloud, Applicatiebeheer, Compliance, AI) krijgen
   een heel transparant driehoekspatroon in de dienstkleur, in plaats van
   de diagonale lijnen. De stippen op wit blijven zoals ze zijn.
   ========================================================================= */
.et_pb_section.wa3-theme.wa3-pat--lines[class*="wa3-p--"],
.et_pb_section.wa3-theme.wa3-tinted[class*="wa3-p--"]{ background-image:none !important; position:relative; isolation:isolate; overflow:hidden; }
.et_pb_section.wa3-theme.wa3-tinted[class*="wa3-p--"]::before{ content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background-color:var(--pc); opacity:var(--pc-tri, .07);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='384.0' height='332.6' viewBox='0 0 384.0 332.6'%3E%3Cg fill='black'%3E%3Cpolygon points='-64.0,55.4 -32.0,0.0 0.0,55.4' fill-opacity='0.7'/%3E%3Cpolygon points='-32.0,0.0 32.0,0.0 0.0,55.4' fill-opacity='0.1'/%3E%3Cpolygon points='0.0,55.4 32.0,0.0 64.0,55.4' fill-opacity='0.4'/%3E%3Cpolygon points='32.0,0.0 96.0,0.0 64.0,55.4' fill-opacity='0.25'/%3E%3Cpolygon points='64.0,55.4 96.0,0.0 128.0,55.4' fill-opacity='0.55'/%3E%3Cpolygon points='96.0,0.0 160.0,0.0 128.0,55.4' fill-opacity='0.85'/%3E%3Cpolygon points='128.0,55.4 160.0,0.0 192.0,55.4' fill-opacity='0.1'/%3E%3Cpolygon points='160.0,0.0 224.0,0.0 192.0,55.4' fill-opacity='0.1'/%3E%3Cpolygon points='192.0,55.4 224.0,0.0 256.0,55.4' fill-opacity='1.0'/%3E%3Cpolygon points='224.0,0.0 288.0,0.0 256.0,55.4' fill-opacity='0.7'/%3E%3Cpolygon points='256.0,55.4 288.0,0.0 320.0,55.4' fill-opacity='0.1'/%3E%3Cpolygon points='288.0,0.0 352.0,0.0 320.0,55.4' fill-opacity='0.4'/%3E%3Cpolygon points='320.0,55.4 352.0,0.0 384.0,55.4' fill-opacity='0.7'/%3E%3Cpolygon points='352.0,0.0 416.0,0.0 384.0,55.4' fill-opacity='0.1'/%3E%3Cpolygon points='384.0,55.4 416.0,0.0 448.0,55.4' fill-opacity='0.4'/%3E%3Cpolygon points='416.0,0.0 480.0,0.0 448.0,55.4' fill-opacity='0.25'/%3E%3Cpolygon points='448.0,55.4 480.0,0.0 512.0,55.4' fill-opacity='0.55'/%3E%3Cpolygon points='480.0,0.0 544.0,0.0 512.0,55.4' fill-opacity='0.85'/%3E%3Cpolygon points='-96.0,110.9 -64.0,55.4 -32.0,110.9' fill-opacity='0.55'/%3E%3Cpolygon points='-64.0,55.4 0.0,55.4 -32.0,110.9' fill-opacity='0.1'/%3E%3Cpolygon points='-32.0,110.9 0.0,55.4 32.0,110.9' fill-opacity='0.7'/%3E%3Cpolygon points='0.0,55.4 64.0,55.4 32.0,110.9' fill-opacity='0.25'/%3E%3Cpolygon points='32.0,110.9 64.0,55.4 96.0,110.9' fill-opacity='0.1'/%3E%3Cpolygon points='64.0,55.4 128.0,55.4 96.0,110.9' fill-opacity='0.1'/%3E%3Cpolygon points='96.0,110.9 128.0,55.4 160.0,110.9' fill-opacity='0.55'/%3E%3Cpolygon points='128.0,55.4 192.0,55.4 160.0,110.9' fill-opacity='0.55'/%3E%3Cpolygon points='160.0,110.9 192.0,55.4 224.0,110.9' fill-opacity='0.1'/%3E%3Cpolygon points='192.0,55.4 256.0,55.4 224.0,110.9' fill-opacity='0.25'/%3E%3Cpolygon points='224.0,110.9 256.0,55.4 288.0,110.9' fill-opacity='0.1'/%3E%3Cpolygon points='256.0,55.4 320.0,55.4 288.0,110.9' fill-opacity='0.7'/%3E%3Cpolygon points='288.0,110.9 320.0,55.4 352.0,110.9' fill-opacity='0.55'/%3E%3Cpolygon points='320.0,55.4 384.0,55.4 352.0,110.9' fill-opacity='0.1'/%3E%3Cpolygon points='352.0,110.9 384.0,55.4 416.0,110.9' fill-opacity='0.7'/%3E%3Cpolygon points='384.0,55.4 448.0,55.4 416.0,110.9' fill-opacity='0.25'/%3E%3Cpolygon points='416.0,110.9 448.0,55.4 480.0,110.9' fill-opacity='0.1'/%3E%3Cpolygon points='448.0,55.4 512.0,55.4 480.0,110.9' fill-opacity='0.1'/%3E%3Cpolygon points='-64.0,166.3 -32.0,110.9 0.0,166.3' fill-opacity='0.55'/%3E%3Cpolygon points='-32.0,110.9 32.0,110.9 0.0,166.3' fill-opacity='0.1'/%3E%3Cpolygon points='0.0,166.3 32.0,110.9 64.0,166.3' fill-opacity='1.0'/%3E%3Cpolygon points='32.0,110.9 96.0,110.9 64.0,166.3' fill-opacity='0.7'/%3E%3Cpolygon points='64.0,166.3 96.0,110.9 128.0,166.3' fill-opacity='0.1'/%3E%3Cpolygon points='96.0,110.9 160.0,110.9 128.0,166.3' fill-opacity='0.25'/%3E%3Cpolygon points='128.0,166.3 160.0,110.9 192.0,166.3' fill-opacity='0.85'/%3E%3Cpolygon points='160.0,110.9 224.0,110.9 192.0,166.3' fill-opacity='0.85'/%3E%3Cpolygon points='192.0,166.3 224.0,110.9 256.0,166.3' fill-opacity='0.7'/%3E%3Cpolygon points='224.0,110.9 288.0,110.9 256.0,166.3' fill-opacity='0.1'/%3E%3Cpolygon points='256.0,166.3 288.0,110.9 320.0,166.3' fill-opacity='0.7'/%3E%3Cpolygon points='288.0,110.9 352.0,110.9 320.0,166.3' fill-opacity='0.7'/%3E%3Cpolygon points='320.0,166.3 352.0,110.9 384.0,166.3' fill-opacity='0.55'/%3E%3Cpolygon points='352.0,110.9 416.0,110.9 384.0,166.3' fill-opacity='0.1'/%3E%3Cpolygon points='384.0,166.3 416.0,110.9 448.0,166.3' fill-opacity='1.0'/%3E%3Cpolygon points='416.0,110.9 480.0,110.9 448.0,166.3' fill-opacity='0.7'/%3E%3Cpolygon points='448.0,166.3 480.0,110.9 512.0,166.3' fill-opacity='0.1'/%3E%3Cpolygon points='480.0,110.9 544.0,110.9 512.0,166.3' fill-opacity='0.25'/%3E%3Cpolygon points='-96.0,221.7 -64.0,166.3 -32.0,221.7' fill-opacity='0.7'/%3E%3Cpolygon points='-64.0,166.3 0.0,166.3 -32.0,221.7' fill-opacity='0.4'/%3E%3Cpolygon points='-32.0,221.7 0.0,166.3 32.0,221.7' fill-opacity='0.25'/%3E%3Cpolygon points='0.0,166.3 64.0,166.3 32.0,221.7' fill-opacity='0.1'/%3E%3Cpolygon points='32.0,221.7 64.0,166.3 96.0,221.7' fill-opacity='0.7'/%3E%3Cpolygon points='64.0,166.3 128.0,166.3 96.0,221.7' fill-opacity='1.0'/%3E%3Cpolygon points='96.0,221.7 128.0,166.3 160.0,221.7' fill-opacity='0.25'/%3E%3Cpolygon points='128.0,166.3 192.0,166.3 160.0,221.7' fill-opacity='0.4'/%3E%3Cpolygon points='160.0,221.7 192.0,166.3 224.0,221.7' fill-opacity='0.55'/%3E%3Cpolygon points='192.0,166.3 256.0,166.3 224.0,221.7' fill-opacity='0.25'/%3E%3Cpolygon points='224.0,221.7 256.0,166.3 288.0,221.7' fill-opacity='0.7'/%3E%3Cpolygon points='256.0,166.3 320.0,166.3 288.0,221.7' fill-opacity='0.1'/%3E%3Cpolygon points='288.0,221.7 320.0,166.3 352.0,221.7' fill-opacity='0.7'/%3E%3Cpolygon points='320.0,166.3 384.0,166.3 352.0,221.7' fill-opacity='0.4'/%3E%3Cpolygon points='352.0,221.7 384.0,166.3 416.0,221.7' fill-opacity='0.25'/%3E%3Cpolygon points='384.0,166.3 448.0,166.3 416.0,221.7' fill-opacity='0.1'/%3E%3Cpolygon points='416.0,221.7 448.0,166.3 480.0,221.7' fill-opacity='0.7'/%3E%3Cpolygon points='448.0,166.3 512.0,166.3 480.0,221.7' fill-opacity='1.0'/%3E%3Cpolygon points='-64.0,277.1 -32.0,221.7 0.0,277.1' fill-opacity='0.1'/%3E%3Cpolygon points='-32.0,221.7 32.0,221.7 0.0,277.1' fill-opacity='0.7'/%3E%3Cpolygon points='0.0,277.1 32.0,221.7 64.0,277.1' fill-opacity='0.7'/%3E%3Cpolygon points='32.0,221.7 96.0,221.7 64.0,277.1' fill-opacity='1.0'/%3E%3Cpolygon points='64.0,277.1 96.0,221.7 128.0,277.1' fill-opacity='0.85'/%3E%3Cpolygon points='96.0,221.7 160.0,221.7 128.0,277.1' fill-opacity='0.25'/%3E%3Cpolygon points='128.0,277.1 160.0,221.7 192.0,277.1' fill-opacity='0.1'/%3E%3Cpolygon points='160.0,221.7 224.0,221.7 192.0,277.1' fill-opacity='0.7'/%3E%3Cpolygon points='192.0,277.1 224.0,221.7 256.0,277.1' fill-opacity='0.7'/%3E%3Cpolygon points='224.0,221.7 288.0,221.7 256.0,277.1' fill-opacity='0.85'/%3E%3Cpolygon points='256.0,277.1 288.0,221.7 320.0,277.1' fill-opacity='0.25'/%3E%3Cpolygon points='288.0,221.7 352.0,221.7 320.0,277.1' fill-opacity='0.4'/%3E%3Cpolygon points='320.0,277.1 352.0,221.7 384.0,277.1' fill-opacity='0.1'/%3E%3Cpolygon points='352.0,221.7 416.0,221.7 384.0,277.1' fill-opacity='0.7'/%3E%3Cpolygon points='384.0,277.1 416.0,221.7 448.0,277.1' fill-opacity='0.7'/%3E%3Cpolygon points='416.0,221.7 480.0,221.7 448.0,277.1' fill-opacity='1.0'/%3E%3Cpolygon points='448.0,277.1 480.0,221.7 512.0,277.1' fill-opacity='0.85'/%3E%3Cpolygon points='480.0,221.7 544.0,221.7 512.0,277.1' fill-opacity='0.25'/%3E%3Cpolygon points='-96.0,332.6 -64.0,277.1 -32.0,332.6' fill-opacity='1.0'/%3E%3Cpolygon points='-64.0,277.1 0.0,277.1 -32.0,332.6' fill-opacity='0.4'/%3E%3Cpolygon points='-32.0,332.6 0.0,277.1 32.0,332.6' fill-opacity='0.85'/%3E%3Cpolygon points='0.0,277.1 64.0,277.1 32.0,332.6' fill-opacity='0.1'/%3E%3Cpolygon points='32.0,332.6 64.0,277.1 96.0,332.6' fill-opacity='0.7'/%3E%3Cpolygon points='64.0,277.1 128.0,277.1 96.0,332.6' fill-opacity='0.1'/%3E%3Cpolygon points='96.0,332.6 128.0,277.1 160.0,332.6' fill-opacity='0.7'/%3E%3Cpolygon points='128.0,277.1 192.0,277.1 160.0,332.6' fill-opacity='0.25'/%3E%3Cpolygon points='160.0,332.6 192.0,277.1 224.0,332.6' fill-opacity='0.55'/%3E%3Cpolygon points='192.0,277.1 256.0,277.1 224.0,332.6' fill-opacity='0.85'/%3E%3Cpolygon points='224.0,332.6 256.0,277.1 288.0,332.6' fill-opacity='0.7'/%3E%3Cpolygon points='256.0,277.1 320.0,277.1 288.0,332.6' fill-opacity='0.55'/%3E%3Cpolygon points='288.0,332.6 320.0,277.1 352.0,332.6' fill-opacity='1.0'/%3E%3Cpolygon points='320.0,277.1 384.0,277.1 352.0,332.6' fill-opacity='0.4'/%3E%3Cpolygon points='352.0,332.6 384.0,277.1 416.0,332.6' fill-opacity='0.85'/%3E%3Cpolygon points='384.0,277.1 448.0,277.1 416.0,332.6' fill-opacity='0.1'/%3E%3Cpolygon points='416.0,332.6 448.0,277.1 480.0,332.6' fill-opacity='0.7'/%3E%3Cpolygon points='448.0,277.1 512.0,277.1 480.0,332.6' fill-opacity='0.1'/%3E%3C/g%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='384.0' height='332.6' viewBox='0 0 384.0 332.6'%3E%3Cg fill='black'%3E%3Cpolygon points='-64.0,55.4 -32.0,0.0 0.0,55.4' fill-opacity='0.7'/%3E%3Cpolygon points='-32.0,0.0 32.0,0.0 0.0,55.4' fill-opacity='0.1'/%3E%3Cpolygon points='0.0,55.4 32.0,0.0 64.0,55.4' fill-opacity='0.4'/%3E%3Cpolygon points='32.0,0.0 96.0,0.0 64.0,55.4' fill-opacity='0.25'/%3E%3Cpolygon points='64.0,55.4 96.0,0.0 128.0,55.4' fill-opacity='0.55'/%3E%3Cpolygon points='96.0,0.0 160.0,0.0 128.0,55.4' fill-opacity='0.85'/%3E%3Cpolygon points='128.0,55.4 160.0,0.0 192.0,55.4' fill-opacity='0.1'/%3E%3Cpolygon points='160.0,0.0 224.0,0.0 192.0,55.4' fill-opacity='0.1'/%3E%3Cpolygon points='192.0,55.4 224.0,0.0 256.0,55.4' fill-opacity='1.0'/%3E%3Cpolygon points='224.0,0.0 288.0,0.0 256.0,55.4' fill-opacity='0.7'/%3E%3Cpolygon points='256.0,55.4 288.0,0.0 320.0,55.4' fill-opacity='0.1'/%3E%3Cpolygon points='288.0,0.0 352.0,0.0 320.0,55.4' fill-opacity='0.4'/%3E%3Cpolygon points='320.0,55.4 352.0,0.0 384.0,55.4' fill-opacity='0.7'/%3E%3Cpolygon points='352.0,0.0 416.0,0.0 384.0,55.4' fill-opacity='0.1'/%3E%3Cpolygon points='384.0,55.4 416.0,0.0 448.0,55.4' fill-opacity='0.4'/%3E%3Cpolygon points='416.0,0.0 480.0,0.0 448.0,55.4' fill-opacity='0.25'/%3E%3Cpolygon points='448.0,55.4 480.0,0.0 512.0,55.4' fill-opacity='0.55'/%3E%3Cpolygon points='480.0,0.0 544.0,0.0 512.0,55.4' fill-opacity='0.85'/%3E%3Cpolygon points='-96.0,110.9 -64.0,55.4 -32.0,110.9' fill-opacity='0.55'/%3E%3Cpolygon points='-64.0,55.4 0.0,55.4 -32.0,110.9' fill-opacity='0.1'/%3E%3Cpolygon points='-32.0,110.9 0.0,55.4 32.0,110.9' fill-opacity='0.7'/%3E%3Cpolygon points='0.0,55.4 64.0,55.4 32.0,110.9' fill-opacity='0.25'/%3E%3Cpolygon points='32.0,110.9 64.0,55.4 96.0,110.9' fill-opacity='0.1'/%3E%3Cpolygon points='64.0,55.4 128.0,55.4 96.0,110.9' fill-opacity='0.1'/%3E%3Cpolygon points='96.0,110.9 128.0,55.4 160.0,110.9' fill-opacity='0.55'/%3E%3Cpolygon points='128.0,55.4 192.0,55.4 160.0,110.9' fill-opacity='0.55'/%3E%3Cpolygon points='160.0,110.9 192.0,55.4 224.0,110.9' fill-opacity='0.1'/%3E%3Cpolygon points='192.0,55.4 256.0,55.4 224.0,110.9' fill-opacity='0.25'/%3E%3Cpolygon points='224.0,110.9 256.0,55.4 288.0,110.9' fill-opacity='0.1'/%3E%3Cpolygon points='256.0,55.4 320.0,55.4 288.0,110.9' fill-opacity='0.7'/%3E%3Cpolygon points='288.0,110.9 320.0,55.4 352.0,110.9' fill-opacity='0.55'/%3E%3Cpolygon points='320.0,55.4 384.0,55.4 352.0,110.9' fill-opacity='0.1'/%3E%3Cpolygon points='352.0,110.9 384.0,55.4 416.0,110.9' fill-opacity='0.7'/%3E%3Cpolygon points='384.0,55.4 448.0,55.4 416.0,110.9' fill-opacity='0.25'/%3E%3Cpolygon points='416.0,110.9 448.0,55.4 480.0,110.9' fill-opacity='0.1'/%3E%3Cpolygon points='448.0,55.4 512.0,55.4 480.0,110.9' fill-opacity='0.1'/%3E%3Cpolygon points='-64.0,166.3 -32.0,110.9 0.0,166.3' fill-opacity='0.55'/%3E%3Cpolygon points='-32.0,110.9 32.0,110.9 0.0,166.3' fill-opacity='0.1'/%3E%3Cpolygon points='0.0,166.3 32.0,110.9 64.0,166.3' fill-opacity='1.0'/%3E%3Cpolygon points='32.0,110.9 96.0,110.9 64.0,166.3' fill-opacity='0.7'/%3E%3Cpolygon points='64.0,166.3 96.0,110.9 128.0,166.3' fill-opacity='0.1'/%3E%3Cpolygon points='96.0,110.9 160.0,110.9 128.0,166.3' fill-opacity='0.25'/%3E%3Cpolygon points='128.0,166.3 160.0,110.9 192.0,166.3' fill-opacity='0.85'/%3E%3Cpolygon points='160.0,110.9 224.0,110.9 192.0,166.3' fill-opacity='0.85'/%3E%3Cpolygon points='192.0,166.3 224.0,110.9 256.0,166.3' fill-opacity='0.7'/%3E%3Cpolygon points='224.0,110.9 288.0,110.9 256.0,166.3' fill-opacity='0.1'/%3E%3Cpolygon points='256.0,166.3 288.0,110.9 320.0,166.3' fill-opacity='0.7'/%3E%3Cpolygon points='288.0,110.9 352.0,110.9 320.0,166.3' fill-opacity='0.7'/%3E%3Cpolygon points='320.0,166.3 352.0,110.9 384.0,166.3' fill-opacity='0.55'/%3E%3Cpolygon points='352.0,110.9 416.0,110.9 384.0,166.3' fill-opacity='0.1'/%3E%3Cpolygon points='384.0,166.3 416.0,110.9 448.0,166.3' fill-opacity='1.0'/%3E%3Cpolygon points='416.0,110.9 480.0,110.9 448.0,166.3' fill-opacity='0.7'/%3E%3Cpolygon points='448.0,166.3 480.0,110.9 512.0,166.3' fill-opacity='0.1'/%3E%3Cpolygon points='480.0,110.9 544.0,110.9 512.0,166.3' fill-opacity='0.25'/%3E%3Cpolygon points='-96.0,221.7 -64.0,166.3 -32.0,221.7' fill-opacity='0.7'/%3E%3Cpolygon points='-64.0,166.3 0.0,166.3 -32.0,221.7' fill-opacity='0.4'/%3E%3Cpolygon points='-32.0,221.7 0.0,166.3 32.0,221.7' fill-opacity='0.25'/%3E%3Cpolygon points='0.0,166.3 64.0,166.3 32.0,221.7' fill-opacity='0.1'/%3E%3Cpolygon points='32.0,221.7 64.0,166.3 96.0,221.7' fill-opacity='0.7'/%3E%3Cpolygon points='64.0,166.3 128.0,166.3 96.0,221.7' fill-opacity='1.0'/%3E%3Cpolygon points='96.0,221.7 128.0,166.3 160.0,221.7' fill-opacity='0.25'/%3E%3Cpolygon points='128.0,166.3 192.0,166.3 160.0,221.7' fill-opacity='0.4'/%3E%3Cpolygon points='160.0,221.7 192.0,166.3 224.0,221.7' fill-opacity='0.55'/%3E%3Cpolygon points='192.0,166.3 256.0,166.3 224.0,221.7' fill-opacity='0.25'/%3E%3Cpolygon points='224.0,221.7 256.0,166.3 288.0,221.7' fill-opacity='0.7'/%3E%3Cpolygon points='256.0,166.3 320.0,166.3 288.0,221.7' fill-opacity='0.1'/%3E%3Cpolygon points='288.0,221.7 320.0,166.3 352.0,221.7' fill-opacity='0.7'/%3E%3Cpolygon points='320.0,166.3 384.0,166.3 352.0,221.7' fill-opacity='0.4'/%3E%3Cpolygon points='352.0,221.7 384.0,166.3 416.0,221.7' fill-opacity='0.25'/%3E%3Cpolygon points='384.0,166.3 448.0,166.3 416.0,221.7' fill-opacity='0.1'/%3E%3Cpolygon points='416.0,221.7 448.0,166.3 480.0,221.7' fill-opacity='0.7'/%3E%3Cpolygon points='448.0,166.3 512.0,166.3 480.0,221.7' fill-opacity='1.0'/%3E%3Cpolygon points='-64.0,277.1 -32.0,221.7 0.0,277.1' fill-opacity='0.1'/%3E%3Cpolygon points='-32.0,221.7 32.0,221.7 0.0,277.1' fill-opacity='0.7'/%3E%3Cpolygon points='0.0,277.1 32.0,221.7 64.0,277.1' fill-opacity='0.7'/%3E%3Cpolygon points='32.0,221.7 96.0,221.7 64.0,277.1' fill-opacity='1.0'/%3E%3Cpolygon points='64.0,277.1 96.0,221.7 128.0,277.1' fill-opacity='0.85'/%3E%3Cpolygon points='96.0,221.7 160.0,221.7 128.0,277.1' fill-opacity='0.25'/%3E%3Cpolygon points='128.0,277.1 160.0,221.7 192.0,277.1' fill-opacity='0.1'/%3E%3Cpolygon points='160.0,221.7 224.0,221.7 192.0,277.1' fill-opacity='0.7'/%3E%3Cpolygon points='192.0,277.1 224.0,221.7 256.0,277.1' fill-opacity='0.7'/%3E%3Cpolygon points='224.0,221.7 288.0,221.7 256.0,277.1' fill-opacity='0.85'/%3E%3Cpolygon points='256.0,277.1 288.0,221.7 320.0,277.1' fill-opacity='0.25'/%3E%3Cpolygon points='288.0,221.7 352.0,221.7 320.0,277.1' fill-opacity='0.4'/%3E%3Cpolygon points='320.0,277.1 352.0,221.7 384.0,277.1' fill-opacity='0.1'/%3E%3Cpolygon points='352.0,221.7 416.0,221.7 384.0,277.1' fill-opacity='0.7'/%3E%3Cpolygon points='384.0,277.1 416.0,221.7 448.0,277.1' fill-opacity='0.7'/%3E%3Cpolygon points='416.0,221.7 480.0,221.7 448.0,277.1' fill-opacity='1.0'/%3E%3Cpolygon points='448.0,277.1 480.0,221.7 512.0,277.1' fill-opacity='0.85'/%3E%3Cpolygon points='480.0,221.7 544.0,221.7 512.0,277.1' fill-opacity='0.25'/%3E%3Cpolygon points='-96.0,332.6 -64.0,277.1 -32.0,332.6' fill-opacity='1.0'/%3E%3Cpolygon points='-64.0,277.1 0.0,277.1 -32.0,332.6' fill-opacity='0.4'/%3E%3Cpolygon points='-32.0,332.6 0.0,277.1 32.0,332.6' fill-opacity='0.85'/%3E%3Cpolygon points='0.0,277.1 64.0,277.1 32.0,332.6' fill-opacity='0.1'/%3E%3Cpolygon points='32.0,332.6 64.0,277.1 96.0,332.6' fill-opacity='0.7'/%3E%3Cpolygon points='64.0,277.1 128.0,277.1 96.0,332.6' fill-opacity='0.1'/%3E%3Cpolygon points='96.0,332.6 128.0,277.1 160.0,332.6' fill-opacity='0.7'/%3E%3Cpolygon points='128.0,277.1 192.0,277.1 160.0,332.6' fill-opacity='0.25'/%3E%3Cpolygon points='160.0,332.6 192.0,277.1 224.0,332.6' fill-opacity='0.55'/%3E%3Cpolygon points='192.0,277.1 256.0,277.1 224.0,332.6' fill-opacity='0.85'/%3E%3Cpolygon points='224.0,332.6 256.0,277.1 288.0,332.6' fill-opacity='0.7'/%3E%3Cpolygon points='256.0,277.1 320.0,277.1 288.0,332.6' fill-opacity='0.55'/%3E%3Cpolygon points='288.0,332.6 320.0,277.1 352.0,332.6' fill-opacity='1.0'/%3E%3Cpolygon points='320.0,277.1 384.0,277.1 352.0,332.6' fill-opacity='0.4'/%3E%3Cpolygon points='352.0,332.6 384.0,277.1 416.0,332.6' fill-opacity='0.85'/%3E%3Cpolygon points='384.0,277.1 448.0,277.1 416.0,332.6' fill-opacity='0.1'/%3E%3Cpolygon points='416.0,332.6 448.0,277.1 480.0,332.6' fill-opacity='0.7'/%3E%3Cpolygon points='448.0,277.1 512.0,277.1 480.0,332.6' fill-opacity='0.1'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-size:384.0px 332.6px; mask-size:384.0px 332.6px; -webkit-mask-repeat:repeat; mask-repeat:repeat; }
.wa3-p--sparring{ --pc-tri:.10; }
.wa3-p--ai{ --pc-tri:.08; }

/* =========================================================================
   v2.15.0 — NIEUWE TEKSTEN
   - Cases: tegels met branchenaam + korte tekst (6 kleuren)
   - Contact: links "Over ons" met adressen, rechts contactkanalen + formulier
   ========================================================================= */
/* Cases */
.wa3-cases-tile, .wa3-cases-tile .et_pb_blurb_content{ min-height:0; height:100%; }
.et_pb_section.wa3-cases .et_pb_row{ display:flex; flex-wrap:wrap; }
.et_pb_section.wa3-cases .et_pb_column{ display:flex; }
.et_pb_section.wa3-cases .et_pb_column > .wa3-cases-tile{ flex:1; }
.wa3-cases-tile .et_pb_blurb_content{ align-items:flex-start; justify-content:flex-start; text-align:left; padding:28px 28px 30px; max-width:none; }
.wa3-cases-tile .et_pb_blurb_container{ display:flex; flex-direction:column; gap:10px; }
.wa3-cases-tile .et_pb_module_header{ font-size:21px !important; line-height:1.2 !important; padding:0 !important; }
.wa3-cases-tile .et_pb_blurb_description{ font-family:'Roboto',sans-serif; font-size:15px; line-height:1.6; color:rgba(255,255,255,.86); }
.wa3-cases-tile .et_pb_blurb_description p{ margin:0; padding:0; }
.wa3-cases-tile .et_pb_module_header::after{ content:""; display:block; width:28px; height:4px; border-radius:2px; background:var(--wa3-orange, #FD6721); margin-top:12px; }
.wa3-cases-tile--2 .et_pb_module_header::after{ background:#E0A016; }
.wa3-cases-tile--3 .et_pb_module_header::after{ background:#8DB9F7; }
.wa3-cases-tile--4 .et_pb_module_header::after{ background:#E0A016; }
.wa3-cases-tile--5 .et_pb_blurb_content{ background:#1F62C9; }
.wa3-cases-tile--5 .et_pb_module_header::after{ background:#fff; }
.wa3-cases-tile--6 .et_pb_blurb_content{ background:#fff; border:1.5px solid var(--wa3-gray-200); }
.wa3-cases-tile--6 .et_pb_module_header{ color:var(--wa3-blue-dark); }
.wa3-cases-tile--6 .et_pb_blurb_description{ color:var(--wa3-gray-700); }
@media (max-width:980px){ .et_pb_section.wa3-cases .et_pb_column{ width:100% !important; } }

/* Contact */
.wa3-contact--v2{ padding:88px 7.5%; gap:72px; align-items:start; }
.wa3-contact--v2 h2{ font-family:'Geist',sans-serif; font-weight:700; font-size:34px; line-height:1.15; color:var(--wa3-blue-dark); margin:0 0 16px; padding:0; }
.wa3-contact--v2 p{ font-size:16px; line-height:1.65; color:var(--wa3-gray-700); margin:0 0 12px; padding:0; max-width:520px; }
.wa3-contact__adressen{ display:grid; grid-template-columns:1fr 1fr; gap:24px; margin:28px 0 24px; font-size:15px; line-height:1.6; color:var(--wa3-gray-900); }
.wa3-contact__kop{ font-family:'Geist',sans-serif; font-weight:700; font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--wa3-blue); margin-bottom:6px; }
.wa3-contact__noot{ font-size:13px; color:var(--wa3-gray-700); margin-top:4px; }
.wa3-contact__bedrijf{ font-size:13px; line-height:1.7; color:var(--wa3-gray-700); padding-top:20px; border-top:1px solid var(--wa3-gray-200); }
.wa3-contact__bedrijf strong{ color:var(--wa3-gray-900); }
.wa3-contact__kanalen{ list-style:none !important; margin:16px 0 20px !important; padding:0 !important; display:flex; flex-direction:column; gap:0; border-top:1px solid var(--wa3-gray-200); }
.wa3-contact__kanalen li{ display:flex; justify-content:space-between; gap:16px; padding:12px 0; border-bottom:1px solid var(--wa3-gray-200); font-size:15px; color:var(--wa3-gray-700); line-height:1.4; }
.wa3-contact__kanalen a{ font-family:'Geist',sans-serif; font-weight:700; color:var(--wa3-blue-dark) !important; }
.wa3-contact__kanalen a:hover{ color:var(--wa3-blue) !important; }
.wa3-contact__afspraak{ width:fit-content; }
.wa3-contact__of{ font-size:14px; color:var(--wa3-gray-700); margin:26px 0 14px; }
@media (max-width:980px){ .wa3-contact--v2{ gap:48px; padding:64px 5%; } .wa3-contact__adressen{ grid-template-columns:1fr; } }