{"id":13,"date":"2026-07-27T13:30:44","date_gmt":"2026-07-27T13:30:44","guid":{"rendered":"https:\/\/superp.nl\/sxblue\/?page_id=13"},"modified":"2026-08-17T09:44:46","modified_gmt":"2026-08-17T07:44:46","slug":"contact","status":"publish","type":"page","link":"https:\/\/superp.nl\/sxblue\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\n<section class=\"wp-block-group alignfull sxb-hero has-global-padding is-layout-constrained wp-container-core-group-is-layout-bd18a06e wp-block-group-is-layout-constrained gs_dnBIHM\">\n<div class=\"wp-block-group sxb-hero__inner is-layout-flow wp-block-group-is-layout-flow\">\n<h1 class=\"wp-block-heading sxb-hero__title\">Welk proces loopt voor geen meter? <em>Bel ons even.<\/em><\/h1>\n\n\n\n<p class=\"sxb-hero__sub wp-block-paragraph\">Je hoeft het niet eerst allemaal zelf uit te vogelen. Geen gedoe met voorbereidingen of vragenlijsten vooraf. Neem gewoon even contact op, vertel ons in vijf minuten waar je tegen aan loopt en wat je het allerliefste gisteren al opgelost zag. Wij geven je meteen antwoord: kunnen we dit nu fixen? En als het nog te vroeg is, hoor je van ons precies wat er nog mist.<\/p>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-group alignfull sxb-section sxb-cta-section sxb-cta-section--tight has-global-padding is-layout-constrained wp-container-core-group-is-layout-bd18a06e wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group sxb-cta has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns sxb-cta__grid is-layout-flex wp-container-core-columns-is-layout-8d39b2df wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column sxb-cta__kolom is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"sxb-eyebrow wp-block-paragraph\">Je gesprekspartner<\/p>\n\n\n\n<h2 class=\"wp-block-heading sxb-cta__title\">Klaar voor <em>actie?<\/em><\/h2>\n\n\n\n<p class=\"sxb-cta__lead wp-block-paragraph\">Wij staan te popelen om je te helpen! Of je nu een vraag hebt, meer informatie wilt of gewoon eens wilt brainstormen, wij zijn er voor je. Vul het formulier in, bel ons op of kom langs op ons kantoor. Aarzel niet en neem vandaag nog contact met ons op.<\/p>\n\n\n\n<div class=\"wp-block-group sxb-persoon is-nowrap is-layout-flex wp-container-core-group-is-layout-48e44fb7 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full is-resized sxb-persoon__foto sxb-persoon__foto-large\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"500\" src=\"https:\/\/superp.nl\/wp-content\/uploads\/sites\/3\/2025\/06\/IMGL2649-kopie.png\" alt=\"Erik Ferweda\" class=\"wp-image-11573\" style=\"object-fit:cover;object-position:50% 50%;width:150px;height:150px\" srcset=\"https:\/\/superp.nl\/sxblue\/wp-content\/uploads\/sites\/3\/2025\/06\/IMGL2649-kopie.png 750w, https:\/\/superp.nl\/sxblue\/wp-content\/uploads\/sites\/3\/2025\/06\/IMGL2649-kopie-300x200.png 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group sxb-persoon__body has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"sxb-persoon__naam wp-block-paragraph\">Erik Ferweda<\/p>\n\n\n\n<p class=\"sxb-persoon__rol wp-block-paragraph\">Unit Lead Salesforce, SxBlue<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column sxb-cta__kolom is-layout-flow wp-block-column-is-layout-flow\"><div class=\"forms_wrapper\"><a href=\"#after-greyd-form-1\" class=\"greyd_skip_link\">Skip form<\/a><form class=\"greyd_form requirement-style__required\" name=\"form_18536\" id=\"greyd-form-1\" data-id=\"18536\" data-form-mode=\"normal\" data-title=\"Let%26%238217%3BsTalk\" data-nonce=\"ee46f0bf08\" data-send=\"enable\" method=\"POST\" enctype=\"multipart\/form-data\">\t\t<div hidden aria-hidden=\"true\" aria-disabled=\"true\">\n\t\t\t<label for=\"contact_me_by_fax_only\" aria-hidden=\"true\">\n\t\t\t\t<input\n\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\tclass=\"input validation\"\n\t\t\t\t\tname=\"contact_me_by_fax_only\"\n\t\t\t\t\tid=\"contact_me_by_fax_only\"\n\t\t\t\t\tvalue=\"true\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t>\n\t\t\t\tContact me by fax only\n\t\t\t<\/label>\n\t\t\t<input\n\t\t\t\ttype=\"text\"\n\t\t\t\tclass=\"input validation\"\n\t\t\t\tname=\"set_your_password\"\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\ttabindex=\"-1\"\n\t\t\t\tautocomplete=\"off\"\n\t\t\t>\n\t\t<\/div>\n\t\t\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8d39b2df wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column col-12 col-sm-auto is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-greyd-forms-input input-wrapper gs_b8Nf5e\" style=\"padding-right:0;padding-left:0\"><div class=\"input-inner-wrapper\"><input class=\"input validation \" type=\"text\" name=\"input_firstname\" id=\"input_firstname___id6adad48ea5c8b\" placeholder=\"Voornaam\" autocomplete=\"on\" required data-required=\"required\" title=\"Please fill out this field\" rows=\"\"\/><span class=\"input-field-icon\" aria-hidden=\"true\"><\/span><\/div><\/div>\n\n\n\n<div class=\"wp-block-greyd-forms-input input-wrapper gs_w1sw5r\" style=\"padding-right:0;padding-left:0\"><div class=\"input-inner-wrapper\"><input class=\"input validation \" type=\"email\" name=\"input_email\" id=\"input_email___id6adad48ea5cde\" aria-describedby=\"tt-input_email___id6adad48ea5cde\" placeholder=\"Email Adres\" autocomplete=\"on\" pattern=\"\\w+([\\-+\\.]\\w+)*@\\w+([\\-\\.]\\w+)*\\.\\w+([\\-\\.]\\w+)*\" required data-required=\"required\" title=\"Please fill out this field\" rows=\"\"\/><span class=\"input-field-icon\" aria-hidden=\"true\"><\/span><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column col-12 col-sm-auto is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-greyd-forms-input input-wrapper gs_k6aQfp\" style=\"padding-right:0;padding-left:0\"><div class=\"input-inner-wrapper\"><input class=\"input validation \" type=\"text\" name=\"input_lastname\" id=\"input_lastname___id6adad48ea5d70\" placeholder=\"Achternaam\" autocomplete=\"on\" required data-required=\"required\" title=\"Please fill out this field\" rows=\"\"\/><span class=\"input-field-icon\" aria-hidden=\"true\"><\/span><\/div><\/div>\n\n\n\n<div class=\"wp-block-greyd-forms-input input-wrapper gs_N2sNfw\" style=\"padding-right:0;padding-left:0\"><div class=\"input-inner-wrapper\"><input class=\"input validation \" type=\"tel\" name=\"input_phone\" id=\"input_phone___id6adad48ea5d9c\" aria-describedby=\"tt-input_phone___id6adad48ea5d9c\" placeholder=\"Mobiel nummer\" autocomplete=\"on\" pattern=\"\\(?\\+?[\\s0-9]{0,4}\\(?[0-9]{1,4}\\)?[\\-\\s\\\/0-9]{4,16}\" required data-required=\"required\" title=\"Please fill out this field\" rows=\"\"\/><span class=\"input-field-icon\" aria-hidden=\"true\"><\/span><\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-greyd-forms-input input-wrapper gs_v6lxWh\" style=\"padding-right:0;padding-left:0\"><div class=\"input-inner-wrapper\"><input class=\"input validation \" type=\"text\" name=\"input_organization\" id=\"input_organization___id6adad48ea5eac\" placeholder=\"Bedrijfsnaam\" autocomplete=\"on\" required data-required=\"required\" title=\"Please fill out this field\" rows=\"\"\/><span class=\"input-field-icon\" aria-hidden=\"true\"><\/span><\/div><\/div>\n\n\n\n<div class=\"wp-block-greyd-forms-input input-wrapper gs_AhmZ4R\"><div class=\"input-inner-wrapper\"><textarea class=\"input validation \" type=\"text\" name=\"input_description\" id=\"input_description___id6adad48ea5ee9\" placeholder=\"Uw bericht\" autocomplete=\"on\" data-required=\"optional\" title=\"Please fill out this field\" rows=\"5\"><\/textarea><span class=\"input-field-icon\" aria-hidden=\"true\"><\/span><\/div><\/div>\n\n\n\n<button class=\"wp-block-greyd-forms-submitbutton button submitbutton gs_lv16HP  sxb-cta__form is-style-prim\" style=\"padding-right:0;padding-left:0\" type=\"submit\" name=\"submit\" data-text=\"Stuur\"><span class=\"greyd_upload_progress\"><span class=\"spinner\"><span class=\"dot-loader\"><\/span><span class=\"dot-loader dot-loader--2\"><\/span><span class=\"dot-loader dot-loader--3\"><\/span><\/span><span class=\"bar\"><\/span><\/span><span style=\"flex:1\">Stuur<\/span><\/button><style class=\"greyd-styles\">.gs_lv16HP.submitbutton { width: 100%; } <\/style>\n\n\n\n<div data-sitekey=\"0x4AAAAAAEJSkCKiiR_-JbCB\" class=\"cf-turnstile wp-block-greyd-forms-turnstile turnstile-container wp-block-hidden-desktop wp-block-hidden-mobile wp-block-hidden-tablet\" data-theme=\"auto\" data-size=\"normal\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<\/form><div class=\"after-message animate_fast\" role=\"status\" aria-live=\"polite\"><div class=\"message\"><\/div><\/div><div id=\"after-greyd-form-1\"><\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-group alignfull sxb-section sxb-section--bone sxb-bezoek has-global-padding is-layout-constrained wp-container-core-group-is-layout-bd18a06e wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns are-vertically-aligned-center sxb-bezoek__grid is-layout-flex wp-container-core-columns-is-layout-8d39b2df wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center sxb-bezoek__body is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:48%;width:48%\">\n<p class=\"sxb-eyebrow wp-block-paragraph\">Langskomen<\/p>\n\n\n\n<h2 class=\"wp-block-heading sxb-section__title\">Rijnzathe 6, De Meern<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ons kantoor zit aan de A12 bij Utrecht, in hetzelfde pand als de SAP-, Mendix- en securitycollega\u2019s van SUPERP. Parkeren kan voor de deur. Koffie staat klaar en is verrassend goed.<\/p>\n\n\n\n<ul class=\"wp-block-list sxb-kpis\">\n<li><span class=\"sxb-kpi__k\">Adres<\/span><span class=\"sxb-kpi__v\">Rijnzathe 6, 3454 PV Utrecht<\/span><\/li>\n\n\n\n<li><span class=\"sxb-kpi__k\">Telefoon<\/span><span class=\"sxb-kpi__v\">+31 (0)30 303 9400<\/span><\/li>\n\n\n\n<li><span class=\"sxb-kpi__k\">E-mail<\/span><span class=\"sxb-kpi__v\">info@sxblue.nl<\/span><\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center sxb-bezoek__kaartkolom is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"sxb-kaartvak\">\n  <iframe src=\"https:\/\/maps.google.com\/maps?q=Rijnzathe%206%2C%203454%20PV%20De%20Meern&amp;z=15&amp;output=embed\"\n          title=\"Kaart: Rijnzathe 6, De Meern\" loading=\"lazy\"\n          referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n<\/figure>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ==========================================================================\n   SxBlue \u2014 CSS voor de patterns \"Hero\" en \"Metrics\"\n   Plaats deze regels in Greyd Plugin \u2192 Theme Assets \u2192 CSS\n   (of in style.css van je child theme).\n\n   De kleuren komen uit Global Styles. Zodra je daar een palette-kleur met\n   slug \"dark\", \"cyan\", \"ink\", \"muted\" of \"line\" aanmaakt, pakt dit bestand\n   die automatisch op. De hex na de komma is de fallback.\n   ========================================================================== *\/\n\n:root{\n  --sxb-dark:  var(--wp--preset--color--dark,  #00343C);\n  --sxb-cyan:  var(--wp--preset--color--cyan,  #39C2DD);\n  --sxb-ink:   var(--wp--preset--color--ink,   #062B32);\n  --sxb-muted: var(--wp--preset--color--muted, #5B7379);\n  --sxb-line:  var(--wp--preset--color--line,  #E4E9EA);\n  --sxb-off:   var(--wp--preset--color--off,   #FAFAFA);\n  --sxb-bone:  var(--wp--preset--color--bone,  #F5F0EA);\n  --sxb-mist:  var(--wp--preset--color--mist,  #E2E6E7);\n  --sxb-sand:  var(--wp--preset--color--sand,  #F2E6D0);\n  \/* Raleway in twee rollen: display = light + strak gespatieerd, tekst = regular. *\/\n  --sxb-display: \"Raleway\", system-ui, sans-serif;\n  --sxb-shadow: 0 1px 2px rgba(0,52,60,.05), 0 8px 24px -12px rgba(0,52,60,.16);\n  --sxb-shadow-lg: 0 2px 4px rgba(0,52,60,.04), 0 24px 60px -20px rgba(0,52,60,.26);\n  \/* E\u00e9n bron van waarheid voor de contentbreedte van alle SxBlue-secties. *\/\n  --sxb-content: 1200px;\n}\n\n\/* ==========================================================================\n   0. CONTENTBREEDTE \u2014 \u00e9\u00e9n kolom van 1200px voor alle secties\n\n   Het Greyd-thema zet content-size op 1008px. De hero heeft in zijn\n   blokinstellingen 1200px, dus die oogt breder. Regel 0a tilt de\n   WP-layoutvariabele overal op naar --sxb-content.\n\n   Maar daarmee ben je er nog niet, want WordPress lost een constrained\n   layout op met \"max-width + margin-inline:auto op elk kind\". Dat levert\n   twee problemen op die je op de pagina ziet:\n\n   1. In de hero. De sectie is display:flex (zie 2b). Een flexitem met\n      auto-marges krijgt geen stretch meer maar shrink-to-fit, dus\n      .sxb-hero__inner kromp naar de breedte van de H1 (max-width:15ch,\n      \u00b1716px) in plaats van de volle 1200px.\n\n   2. In de andere secties. Elk kind wordt afzonderlijk gecentreerd in\n      plaats van links uitgelijnd. De titel (20ch) en de lead (62ch) zweven\n      daardoor los van de kaartenrij eronder. De eyebrow schoot nog verder\n      weg: die is display:inline-flex, en auto-marges centreren alleen\n      blok-elementen \u2014 dus die plakte tegen de linkerrand van het scherm.\n\n   0b lost beide op door de sectie zelf de kolom te laten zijn (grid met \u00e9\u00e9n\n   spoor van 1200px, gecentreerd) en de auto-marges van de kinderen uit te\n   zetten. De kinderen lijnen dan links uit binnen die kolom en houden hun\n   eigen max-width voor de leesbaarheid.\n\n   Wil je alles smaller of breder? Pas alleen --sxb-content hierboven aan.\n   ========================================================================== *\/\n\n\/* --- 0a. de layoutvariabele ------------------------------------------- *\/\n.entry-content,\n.sxb-section,\n.sxb-hero,\n.sxb-scan-section,\n.sxb-cta-section,\n.sxb-metrics{\n  --wp--style--global--content-size: var(--sxb-content);\n}\n\n\/* --- 0b. de kolom ----------------------------------------------------- *\/\n\n\/* Hero: de inner is een flexitem, dus expliciet volle breedte forceren,\n   anders krimpt hij mee met de smalste tekstregel erin. *\/\n.sxb-hero > .sxb-hero__inner{\n  width: 100%;\n  max-width: var(--sxb-content);\n  margin-inline: auto;\n}\n\n\/* Overige secties: de sectie is de kolom. *\/\n.sxb-section,\n.sxb-scan-section,\n.sxb-cta-section{\n  display: grid;\n  grid-template-columns: min(var(--sxb-content), 100%);\n  justify-content: center;\n}\n\n\/* De klasse staat er dubbel in om WP's eigen layoutregel te verslaan; die\n   is `margin-left:auto !important`, vandaar ook de !important hier. *\/\n.sxb-section.sxb-section > *,\n.sxb-scan-section.sxb-scan-section > *,\n.sxb-cta-section.sxb-cta-section > *{\n  margin-left: 0 !important;\n  margin-right: 0 !important;\n  justify-self: stretch;\n}\n\n\/* ==========================================================================\n   1. EYEBROW  (herbruikbaar, ook buiten de hero)\n   De cyaan stip is een pseudo-element \u2014 geen extra <span> in het pattern,\n   want die overleeft een re-save in de editor niet altijd.\n   ========================================================================== *\/\n\n.sxb-eyebrow{\n  display:inline-flex;\n  align-items:center;\n  gap:9px;\n  margin-bottom:18px;\n  font-size:11.5px !important;\n  font-weight:700 !important; \n  letter-spacing:.16em;\n  text-transform:uppercase;\n  color:var(--sxb-dark) !important; \n  opacity:.72;\n}\n.sxb-eyebrow::before{\n  content:\"\";\n  width:6px;\n  height:6px;\n  border-radius:50%;\n  background:var(--sxb-cyan);\n  flex:0 0 auto;\n}\n\n\/* ==========================================================================\n   2. HERO\n   ========================================================================== *\/\n\n.sxb-hero{\n  position:relative;\n  overflow:hidden;\n  padding-block:clamp(62px,9vw,128px) clamp(40px,5vw,72px);\n}\n\n\/* Zachte cyaan gloed rechtsboven. Puur decoratief. *\/\n.sxb-hero::before{\n  content:\"\";\n  position:absolute;\n  width:900px;\n  height:900px;\n  right:-380px;\n  top:-520px;\n  background:radial-gradient(circle, rgba(57,194,221,.17), transparent 62%);\n  pointer-events:none;\n  z-index:0;\n}\n.sxb-hero > *{position:relative;z-index:1}\n\n.sxb-hero__title{\n  font-family:var(--sxb-display);\n  font-weight:300;\n  font-size:clamp(38px,5.8vw,78px);\n  line-height:1.05;\n  letter-spacing:-.035em;\n  max-width:15ch;\n  margin-bottom:28px;\n}\n.sxb-hero__title em{\n  font-style:italic;\n  color:#0d6f7e;\n}\n\n.sxb-hero__sub{\n  font-size:clamp(18px,1.7vw,22px);\n  line-height:1.5;\n  max-width:50ch;\n  color:var(--sxb-muted);\n  margin-bottom:34px;\n}\n\n.sxb-hero__actions{gap:12px}\n\n\/* Het buttons-blok is in WordPress zelf al flex (.is-layout-flex).\n   Buiten WordPress moet dat hier gebeuren, anders stapelen de knoppen. *\/\n.sxb-hero__actions:not(.is-layout-flex){\n  display:flex;\n  flex-wrap:wrap;\n  align-items:center;\n}\n\n\/* ==========================================================================\n   2b. HERO OP SCHERMHOOGTE  (.sxb-hero--full)\n   De hero plus het cijferblok vullen samen precies het eerste scherm; alles\n   daaronder vraagt om scrollen.\n\n   --sxb-header-h is de hoogte van alles wat b\u00f3ven de hero staat. Standaard\n   74px, de hoogte van de navigatie. In de HTML-mockups staat er ook nog een\n   debugbalk boven, dus daar meet sxb.js de werkelijke hoogte en overschrijft\n   deze waarde. Zet hem in WordPress op de hoogte van je Greyd-header als die\n   afwijkt, of laat hem staan.\n\n   svh in plaats van vh: op mobiel telt vh de adresbalk mee die bij het\n   scrollen wegschuift, waardoor de hero net te hoog wordt en het cijferblok\n   onder de vouw valt. De vh-regel erboven is de fallback voor oudere\n   browsers; die negeren de svh-regel eronder.\n   ========================================================================== *\/\n\n.sxb-hero--full{\n  min-height:calc(100vh - var(--sxb-header-h, 74px));\n  min-height:calc(100svh - var(--sxb-header-h, 74px));\n}\n\n\/* De sectie is de flexkolom die de hoogte vasthoudt; .sxb-hero__inner is het\n   enige kind en verdeelt de ruimte binnen de contentbreedte.\n\n   Waarom die tussenlaag nodig is: WordPress geeft elk kind van een\n   constrained groep max-width plus margin-inline:auto. Zou de sectie zelf de\n   flexkolom zijn, dan zouden de smalle tekstblokken (de H1 is max-width:15ch)\n   gecentreerd worden in plaats van links uitgelijnd. Door alles in \u00e9\u00e9n kind te\n   zetten dat zelf g\u00e9\u00e9n constrained layout heeft, gebeurt dat niet. In de\n   mockups doet .wrap hetzelfde werk. *\/\n.sxb-hero--full{\n  display:flex;\n  flex-direction:column;\n}\n.sxb-hero__inner{\n  display:flex;\n  flex-direction:column;\n  flex:1;\n}\n\n\/* Het cijferblok zakt naar de onderkant, de tekst blijft bovenin staan.\n   margin-top:auto slokt alle vrije ruimte op tussen de knoppen en het blok. *\/\n.sxb-hero--full .sxb-metrics{margin-top:auto}\n\n\/* Lage schermen \u2014 landscape op een telefoon, of een klein venster naast een\n   ander programma. Daar wordt schermvullend juist benauwd, dus dan laten we\n   de hero gewoon meegroeien met zijn inhoud. *\/\n@media (max-height:640px){\n  .sxb-hero--full{min-height:0}\n  .sxb-hero--full .sxb-metrics{margin-top:clamp(46px,6vw,84px)}\n}\n\n\/* Het buttons-blok is in WordPress zelf al flex (.is-layout-flex).\n   Buiten WordPress moet dat hier gebeuren, anders stapelen de knoppen. *\/\n.sxb-hero__actions:not(.is-layout-flex){\n  display:flex;\n  flex-wrap:wrap;\n  align-items:center;\n}\n\n\/* ==========================================================================\n   3. KNOPPEN\n   .sxb-btn staat op de wrapper (.wp-block-button), dus stylen we het <a>.\n   De tweede selector (.sxb-btn > a) is voor buiten WordPress, waar die\n   wp-element-button-klassen er niet zijn.\n   ========================================================================== *\/\n\n.sxb-btn .wp-block-button__link,\n.sxb-btn > a{\n  display:inline-flex;\n  align-items:center;\n  gap:9px;\n  text-decoration:none;\n  background:var(--sxb-dark);\n  color:#fff;\n  font-weight:600;\n  font-size:15px;\n  padding:13px 22px;\n  border-radius:10px;\n  border:none;\n  box-shadow:var(--sxb-shadow);\n  transition:transform .18s, box-shadow .18s, background .18s;\n}\n.sxb-btn .wp-block-button__link:hover,\n.sxb-btn > a:hover{\n  transform:translateY(-1px);\n  box-shadow:var(--sxb-shadow-lg);\n  background:#0a4550;\n}\n\n.sxb-btn--ghost .wp-block-button__link,\n.sxb-btn--ghost > a{\n  background:#fff;\n  color:var(--sxb-ink);\n  border:1px solid var(--sxb-line);\n}\n.sxb-btn--ghost .wp-block-button__link:hover,\n.sxb-btn--ghost > a:hover{\n  background:var(--sxb-bone);\n  color:var(--sxb-ink);\n}\n\n\/* ==========================================================================\n   4. METRICS\n   Los pattern: werkt onder de hero, maar net zo goed als losse band elders.\n   ========================================================================== *\/\n\n.sxb-metrics{\n  border-top:1px solid rgba(0,52,60,.14);\n  margin-top:clamp(46px,6vw,84px);\n  padding-top:28px;\n}\n\n\/* Staat het blok direct n\u00e1 de hero binnen dezelfde container?\n   Dan haalt deze regel de dubbele bovenmarge weg. *\/\n.sxb-hero + .sxb-metrics{margin-top:0}\n\n\/* Zit het metricsblok in een eigen wrapper \u2014 zoals in de HTML-mockups, waar\n   de rand moet uitlijnen met de herotekst erboven \u2014 dan matcht die\n   +-selector niet. Deze klasse doet hetzelfde. *\/\n.sxb-metrics--tight{margin-top:0}\n\n.sxb-metrics__grid{gap:32px}\n\n\/* Het columns-blok is in WordPress zelf al flex. Buiten WordPress heeft\n   het grid deze regels nodig, anders staan de drie cijfers onder elkaar. *\/\n.sxb-metrics__grid:not(.is-layout-flex){\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n}\n@media (max-width:820px){\n  .sxb-metrics__grid:not(.is-layout-flex){grid-template-columns:1fr}\n}\n\n.sxb-metric__value{\n  font-family:var(--sxb-display);\n  font-weight:300;\n  font-size:clamp(34px,3.4vw,48px);\n  line-height:1;\n  letter-spacing:-.04em;\n  color:var(--sxb-ink);\n  margin:0;\n}\n\n.sxb-metric__label{\n  font-size:13.5px;\n  line-height:1.5;\n  color:var(--sxb-muted);\n  margin-top:8px;\n  max-width:24ch;\n}\n\n@media (max-width:820px){\n  .sxb-metrics__grid{gap:22px}\n}\n\n\/* ==========================================================================\n   4b. SECTIEKOP  (gedeeld door Expertises, Services en elk volgend pattern)\n   E\u00e9n set klassen voor eyebrow \u2192 H2 \u2192 lead. Zo begint elke sectie op de site\n   met hetzelfde ritme, zonder dat iemand de opmaak per pagina overtypt.\n   ========================================================================== *\/\n\n.sxb-section{\n  padding-block:clamp(58px,7.5vw,110px);\n}\n\n.sxb-section__title{\n  font-family:var(--sxb-display);\n  font-weight:300;\n  font-size:clamp(29px,3.9vw,48px);\n  line-height:1.1;\n  letter-spacing:-.03em;\n  max-width:20ch;\n  margin-bottom:16px;\n}\n.sxb-section__title em{font-style:italic;color:#0d6f7e}\n\n.sxb-section__lead{\n  font-size:clamp(18px,1.6vw,21px);\n  line-height:1.55;\n  color:var(--sxb-muted);\n  max-width:62ch;\n  margin-bottom:0;\n}\n\n\/* Kleine regel onder een sectie: doorverwijzing, voorbehoud of bronvermelding. *\/\n.sxb-section__note{\n  margin-top:24px;\n  margin-bottom:0;\n  font-size:14.5px;\n  color:var(--sxb-muted);\n}\n.sxb-section__note a{\n  color:var(--sxb-ink);\n  font-weight:600;\n  text-decoration:none;\n  border-bottom:1px solid var(--sxb-cyan);\n  padding-bottom:2px;\n}\n\n\/* ==========================================================================\n   7. EXPERTISES  (kaartgrid)\n   Werkt met elk aantal kaarten. De grid-layout van het bovenliggende blok\n   bepaalt het aantal kolommen; bij 6 kaarten wordt dat 3 \u00d7 2 op desktop.\n   Hergebruik: zet er drie kaarten in en je hebt een \"Wat je krijgt\"-blok.\n   ========================================================================== *\/\n\n.sxb-cards{\n  margin-top:30px;\n  gap:clamp(14px,1.6vw,20px);\n}\n\n.sxb-card{\n  display:flex;\n  flex-direction:column;\n  height:100%;\n  padding:clamp(22px,2.4vw,30px);\n  background:#fff;\n  border:1px solid rgba(0,52,60,.09);\n  border-radius:14px;\n  box-shadow:0 1px 2px rgba(0,52,60,.035);\n  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;\n}\n\n\/* Hover pakt de hele kaart, ook al zit de link alleen in de laatste alinea.\n   :focus-within houdt hetzelfde effect aan voor toetsenbordgebruikers.\n   Bewust ingetogen: 1px omhoog en een zachte schaduw. Het cyaan zit in de\n   rand en het icoonvlak, niet in een sprong. *\/\n.sxb-card:hover,\n.sxb-card:focus-within{\n  transform:translateY(-1px);\n  box-shadow:0 1px 2px rgba(0,52,60,.04), 0 14px 32px -18px rgba(0,52,60,.22);\n  border-color:rgba(57,194,221,.55);\n}\n\n\/* Het icoonvlak neemt zowel een <svg> als een tekstlabel (01, 02, SAP).\n   De fontregels blijven dus staan, ook nu de expertises een icoon hebben:\n   het servicespattern gebruikt hetzelfde vlak met cijfers. *\/\n.sxb-card__icon{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:40px;\n  height:40px;\n  margin-bottom:18px;\n  border-radius:11px;\n  background:rgba(57,194,221,.12);\n  font-size:15px;\n  font-weight:700;\n  letter-spacing:.01em;\n  color:var(--sxb-dark);\n  transition:background .18s ease;\n}\n.sxb-card:hover .sxb-card__icon,\n.sxb-card:focus-within .sxb-card__icon{\n  background:rgba(57,194,221,.24);\n}\n\n\/* Iconen zijn stroke-only en erven de kleur van het vlak. E\u00e9n set regels\n   hier betekent dat een nieuw icoon alleen een <path> hoeft te zijn. *\/\n.sxb-card__icon svg{\n  display:block;\n  width:21px;\n  height:21px;\n  fill:none;\n  stroke:currentColor;\n  stroke-width:1.5;\n  stroke-linecap:round;\n  stroke-linejoin:round;\n}\n\n.sxb-card__title{\n  font-family:var(--sxb-display);\n  font-weight:400;\n  font-size:clamp(21px,2.1vw,27px);\n  line-height:1.15;\n  letter-spacing:-.025em;\n  margin-bottom:10px;\n}\n\n.sxb-card__text{\n  font-size:15.5px;\n  line-height:1.6;\n  color:var(--sxb-muted);\n  margin-bottom:14px;\n}\n\n\/* margin-top:auto duwt de link naar de onderkant, zodat kaarten met\n   verschillende tekstlengtes toch op \u00e9\u00e9n lijn eindigen. *\/\n.sxb-card__more{\n  margin-top:auto !important;\n  margin-bottom:0 !important;\n  font-size:14.5px !important;\n  font-weight:600 !important;\n}\n.sxb-card__more a{\n  color:var(--sxb-ink);\n  text-decoration:none;\n}\n.sxb-card__more a::after{\n  content:\" \\2192\";\n  display:inline-block;\n  transition:transform .18s;\n}\n.sxb-card:hover .sxb-card__more a::after{transform:translateX(3px)}\n\n\/* Kaart als link over het hele oppervlak, zonder de link te verstoppen\n   voor schermlezers. Werkt alleen als de kaart position:relative heeft. *\/\n.sxb-card{position:relative}\n.sxb-card__more a::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  border-radius:inherit;\n}\n\n\/* Variant: warme kaart. Gebruik deze zodra een pagina al twee donkere\n   vlakken heeft (schrijfwijzer \u00a76.1 staat er maximaal twee toe). *\/\n.sxb-card--sand{\n  background:var(--wp--preset--color--sand,#F2E6D0);\n  border-color:rgba(0,52,60,.12);\n  box-shadow:none;\n}\n.sxb-card--sand .sxb-card__text{color:#2c4a50}\n\n\/* ==========================================================================\n   8. SERVICES  (tabs met KPI-panelen)\n   Zonder JS staan alle panelen onder elkaar en leest de sectie gewoon door.\n   sxb-tabs.js voegt .sxb-services--tabbed toe en verbergt de rest; alles\n   hieronder wat tabs maakt, hangt dus aan die klasse.\n   ========================================================================== *\/\n\n.sxb-tabs{\n  gap:8px;\n  margin:26px 0 22px;\n}\n\n\/* In WordPress krijgt de tabbalk een flex-layout van het group-blok\n   (.is-layout-flex). Buiten WordPress moet dat hier gebeuren, anders\n   stapelen de tabs verticaal. Zelfde constructie als bij .sxb-cards. *\/\n.sxb-tabs:not(.is-layout-flex){\n  display:flex;\n  flex-wrap:wrap;\n  align-items:center;\n}\n\n.sxb-tab{\n  margin:0;\n  font-size:14.5px;\n  font-weight:600;\n}\n.sxb-tab a{\n  display:inline-block;\n  padding:11px 20px;\n  border:1px solid var(--sxb-line);\n  border-radius:99px;\n  background:#fff;\n  color:var(--sxb-muted);\n  text-decoration:none;\n  transition:background .16s, border-color .16s, color .16s;\n}\n.sxb-tab a:hover,\n.sxb-tab a:focus-visible{\n  border-color:var(--sxb-cyan);\n  color:var(--sxb-ink);\n}\n.sxb-tab.is-active a{\n  background:var(--sxb-dark);\n  border-color:var(--sxb-dark);\n  color:#fff;\n}\n\n\/* Zonder JS heeft de tabbalk geen functie behalve springen naar een paneel.\n   Dat mag zichtbaar blijven \u2014 de links werken dan als ankers. *\/\n\n.sxb-panel{\n  padding:clamp(26px,3.4vw,46px);\n  background:#fff;\n  border:1px solid var(--sxb-line);\n  border-radius:14px;\n  box-shadow:var(--sxb-shadow);\n}\n\/* Panelen onder elkaar (geen JS): ruimte ertussen. *\/\n.sxb-panel + .sxb-panel{margin-top:16px}\n\/* Met JS staat er altijd maar \u00e9\u00e9n paneel; die marge is dan overbodig. *\/\n.sxb-services--tabbed .sxb-panel + .sxb-panel{margin-top:0}\n.sxb-services--tabbed .sxb-panel[hidden]{display:none}\n\n.sxb-panel__grid{gap:clamp(26px,4vw,56px)}\n\n\/* In WordPress is .sxb-panel__grid een wp-block-columns en regelt Gutenberg\n   de kolommen zelf. In een losse HTML-mockup (of als iemand de columns-block\n   vervangt) valt hij terug op deze grid. *\/\n.sxb-panel__grid:not(.wp-block-columns){\n  display:grid;\n  grid-template-columns:1.15fr 1fr;\n}\n@media (max-width:900px){\n  .sxb-panel__grid:not(.wp-block-columns){grid-template-columns:1fr}\n}\n\n\/* Idem voor het kaartgrid: Gutenberg zet hier zelf een grid-layout op,\n   maar buiten WordPress heeft .sxb-cards die regels nodig. *\/\n.sxb-cards:not(.is-layout-grid){\n  display:grid;\n  grid-template-columns:repeat(auto-fit,minmax(290px,1fr));\n}\n\n\/* Variant: vier kaarten op \u00e9\u00e9n rij (Services).\n   Expliciete kolommen in plaats van auto-fit, want vier kaarten in een\n   auto-fit-grid vallen tussen ruwweg 780 en 1040px uit elkaar in 3 + 1.\n   Dubbele klasse zodat deze regel wint van de layout-CSS die WordPress\n   zelf op het grid-blok zet. *\/\n.sxb-cards.sxb-cards--4{grid-template-columns:repeat(4,minmax(0,1fr))}\n@media (max-width:1000px){\n  .sxb-cards.sxb-cards--4{grid-template-columns:repeat(2,minmax(0,1fr))}\n}\n@media (max-width:620px){\n  .sxb-cards.sxb-cards--4{grid-template-columns:1fr}\n}\n\n.sxb-panel__label{\n  margin-bottom:12px;\n  font-size:11px;\n  font-weight:700;\n  letter-spacing:.2em;\n  text-transform:uppercase;\n  color:var(--sxb-muted);\n}\n\n.sxb-panel__title{\n  font-family:var(--sxb-display);\n  font-weight:400;\n  font-size:clamp(21px,2.1vw,27px);\n  line-height:1.15;\n  letter-spacing:-.025em;\n  margin-bottom:10px;\n}\n\n.sxb-panel__promise{\n  margin:0 0 14px;\n  max-width:40ch;\n  font-size:16.5px;\n  font-weight:600;\n  color:var(--sxb-ink);\n}\n\n.sxb-panel p:not(.sxb-panel__label):not(.sxb-panel__promise){\n  font-size:16px;\n  line-height:1.62;\n  color:var(--sxb-muted);\n  max-width:62ch;\n}\n\n\/* ---- KPI-lijst ----\n   Een gewone lijst in de editor, een tweekoloms tabel op het scherm.\n   Elke <li> bevat twee spans: .sxb-kpi__k (label) en .sxb-kpi__v (waarde).\n   Haalt een redacteur die spans weg, dan valt het terug op een nette lijst. *\/\n\n.sxb-kpis{\n  list-style:none;\n  margin:0;\n  padding:0;\n  border-top:1px solid var(--sxb-line);\n}\n.sxb-kpis li{\n  display:flex;\n  justify-content:space-between;\n  gap:14px;\n  padding:13px 0;\n  border-bottom:1px solid var(--sxb-line);\n  font-size:14.5px;\n}\n.sxb-kpi__k{color:var(--sxb-muted)}\n.sxb-kpi__v{font-weight:700;text-align:right}\n\n@media (max-width:900px){\n  .sxb-panel__grid{gap:26px}\n}\n\n\/* ==========================================================================\n   9. CTA  (donker blok met gesprekspartner)\n   Twee varianten op \u00e9\u00e9n stijl:\n     .sxb-cta            links copy + persoon, rechts een formulier\n     .sxb-cta--knoppen   links copy + knoppen, rechts persoon + naschrift\n   Het hele blok is donker; alles erbinnen gaat daarom uit van wit op\n   var(--sxb-dark) en niet andersom.\n   ========================================================================== *\/\n\n\/* De CTA sluit een pagina af en staat dus bijna altijd direct onder een\n   andere sectie. Twee keer sectiepadding is dan een gat; deze modifier haalt\n   de bovenste weg. Zelfde constructie als sxb-metrics--tight. *\/\n.sxb-cta-section--tight{padding-top:0}\n\n.sxb-cta{\n  background:var(--sxb-dark);\n  color:#fff;\n  border-radius:22px;\n  padding:clamp(30px,4.4vw,64px);\n  overflow:hidden;\n}\n\n\/* WordPress zet .wp-block-columns zelf op flex. Buiten WordPress bestaat\n   die klasse niet, vandaar de fallback \u2014 zelfde constructie als bij\n   .sxb-cards. Onder 900px stapelen de kolommen sowieso. *\/\n.sxb-cta__grid:not(.wp-block-columns){\n  display:grid;\n  grid-template-columns:1.05fr .95fr;\n  gap:clamp(28px,4vw,56px);\n  align-items:start;\n}\n.sxb-cta__grid.wp-block-columns{gap:clamp(28px,4vw,56px)}\n@media(max-width:900px){\n  .sxb-cta__grid:not(.wp-block-columns){grid-template-columns:1fr}\n  .sxb-cta__grid.wp-block-columns{flex-wrap:wrap}\n  .sxb-cta__grid.wp-block-columns > .wp-block-column{flex-basis:100% !important}\n}\n\n\/* De eyebrow staat hier op donker: witte tekst, stip blijft cyaan.\n   !important omdat de basisregel bovenaan dit bestand ook !important is;\n   zonder dit wordt de eyebrow donkerteal op donkerteal en dus onleesbaar.\n   De bone-variant hieronder heeft het niet nodig, die wil juist donker. *\/\n.sxb-cta:not(.sxb-cta--bone) .sxb-eyebrow{color:#fff !important;opacity:.8}\n\n.sxb-cta__title{\n  font-family:var(--sxb-display);\n  font-weight:300;\n  font-size:clamp(27px,3.4vw,43px);\n  line-height:1.12;\n  letter-spacing:-.03em;\n  max-width:18ch;\n  color:#fff;\n  margin-bottom:14px;\n}\n.sxb-cta__title em{font-style:italic;color:var(--sxb-cyan)}\n\n.sxb-cta__lead{\n  font-size:clamp(16.5px,1.5vw,18.5px);\n  line-height:1.6;\n  color:rgba(255,255,255,.74);\n  max-width:52ch;\n  margin-bottom:0;\n}\n\n\/* Kleine regel onder het formulier of naast de persoon: reactietijd,\n   voorbehoud, doorverwijzing. *\/\n.sxb-cta__note{\n  margin-top:14px;\n  margin-bottom:0;\n  font-size:13.5px;\n  line-height:1.55;\n  color:rgba(255,255,255,.6);\n}\n.sxb-cta__note--center{text-align:center}\n\n\/* --------------------------------------------------------------------------\n   9a. Gesprekspartner\n   Foto links, naam\/rol\/contact rechts. Werkt met en zonder foto: staat er\n   geen afbeelding in het image-blok, dan blijft het vlak leeg maar houdt de\n   rij zijn hoogte, zodat de tekst niet verspringt.\n   -------------------------------------------------------------------------- *\/\n\n.sxb-persoon{\n  align-items:center;\n  gap:15px;\n  margin-top:30px;\n}\n.sxb-persoon:not(.is-layout-flex){display:flex}\n\/* In de knoppenvariant staat de persoon bovenaan de rechterkolom. Dan is de\n   bovenmarge een gat in plaats van ruimte. *\/\n.sxb-cta__kolom > .sxb-persoon:first-child{margin-top:0}\n.sxb-persoon__foto{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  flex:0 0 auto;\n  width:74px;\n  height:74px;\n  margin:0;\n  border-radius:50%;\n  background:rgba(255,255,255,.12);\n  overflow:hidden;\n  \/* Alleen zichtbaar zolang er nog geen foto in zit. *\/\n  font-size:11px;\n  letter-spacing:.08em;\n  color:rgba(255,255,255,.5);\n}\n.sxb-persoon__foto-large{\n  width:150px !important;\n  height:150px !important;\n}\n.sxb-persoon__foto img{\n  display:block;\n  width:100%;\n  height:100%;\n  border-radius:50%;\n  object-fit:cover;\n}\n\/* min-width:0 laat een lang e-mailadres afbreken in plaats van de flexrij\n   op te rekken. Zonder dit duwt \u00e9\u00e9n adres de foto uit het blok. *\/\n.sxb-persoon__body{min-width:0}\n\n.sxb-persoon__naam{\n  margin:0;\n  font-weight:700;\n  font-size:17px;\n  color:#fff;\n}\n.sxb-persoon__rol,\n.sxb-persoon__contact{\n  margin:0;\n  font-size:13.5px;\n  line-height:1.5;\n  color:rgba(255,255,255,.72);\n}\n.sxb-persoon__contact{margin-top:5px}\n.sxb-persoon__contact a{\n  color:var(--sxb-cyan);\n  text-decoration:none;\n}\n.sxb-persoon__contact a:hover{text-decoration:underline}\n\n\/* --------------------------------------------------------------------------\n   9b. Knoppen op donker\n   De gewone .sxb-btn is donker op licht; hier is het net andersom. Deze twee\n   modifiers draaien dat om, zodat het knoppenpaar uit de hero ook binnen het\n   CTA-blok bruikbaar is.\n   -------------------------------------------------------------------------- *\/\n\n.sxb-cta__acties{margin-top:28px}\n.sxb-cta__acties:not(.is-layout-flex){\n  display:flex;\n  flex-wrap:wrap;\n  gap:12px;\n}\n\n.sxb-cta .sxb-btn--cyan .wp-block-button__link,\n.sxb-cta .sxb-btn--cyan > a{\n  background:var(--sxb-cyan);\n  color:var(--sxb-dark);\n  box-shadow:none;\n}\n.sxb-cta .sxb-btn--cyan .wp-block-button__link:hover,\n.sxb-cta .sxb-btn--cyan > a:hover{background:#4fcde6}\n\n.sxb-cta .sxb-btn--outline .wp-block-button__link,\n.sxb-cta .sxb-btn--outline > a{\n  background:transparent;\n  color:#fff;\n  border:1px solid rgba(255,255,255,.28);\n  box-shadow:none;\n}\n.sxb-cta .sxb-btn--outline .wp-block-button__link:hover,\n.sxb-cta .sxb-btn--outline > a:hover{\n  background:rgba(255,255,255,.08);\n  color:#fff;\n}\n\n\/* --------------------------------------------------------------------------\n   9c. Formuliervak\n   Deze regels staan bewust op de container en niet op een eigen klasse per\n   veld: het formulier komt uit Greyd Forms en die genereert zijn eigen\n   markup. Door op elementtype te selecteren pakt de stijl elk Greyd-veld,\n   ook een dat er later bij komt.\n   -------------------------------------------------------------------------- *\/\n\n.sxb-cta__form label{\n  display:block;\n  font-size:13px;\n  font-weight:600;\n  color:rgba(255,255,255,.8);\n  margin:14px 0 6px;\n}\n.sxb-cta__form input:not([type=submit]):not([type=checkbox]):not([type=radio]),\n.sxb-cta__form select,\n.sxb-cta__form textarea{\n  width:100%;\n  background:rgba(255,255,255,.06);\n  border:1px solid rgba(255,255,255,.16);\n  border-radius:10px;\n  padding:12px 14px;\n  color:#fff;\n  font:inherit;\n  font-size:15px;\n}\n.sxb-cta__form textarea{min-height:96px;resize:vertical}\n.sxb-cta__form ::placeholder{color:rgba(255,255,255,.4)}\n.sxb-cta__form select option{color:var(--sxb-ink)}\n.sxb-cta__form input:focus,\n.sxb-cta__form select:focus,\n.sxb-cta__form textarea:focus{\n  outline:2px solid var(--sxb-cyan);\n  outline-offset:1px;\n  border-color:transparent;\n}\n.sxb-cta__form button[type=submit],\n.sxb-cta__form input[type=submit]{\n  width:100%;\n  margin-top:18px;\n  background:var(--sxb-cyan);\n  color:var(--sxb-dark);\n  border:none;\n  border-radius:10px;\n  padding:14px 22px;\n  font:inherit;\n  font-size:15px;\n  font-weight:600;\n  cursor:pointer;\n  transition:background .18s;\n}\n.sxb-cta__form button[type=submit]:hover,\n.sxb-cta__form input[type=submit]:hover{background:#4fcde6}\n\n\/* Twee velden naast elkaar (voornaam\/achternaam). In Greyd Forms doe je dit\n   met een columns-blok; deze klasse is de handmatige variant. *\/\n.sxb-cta__form .sxb-form-rij{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:12px;\n}\n@media(max-width:560px){\n  .sxb-cta__form .sxb-form-rij{grid-template-columns:1fr;gap:0}\n}\n\n\/* Placeholder die alleen in de editor staat, tot er een Greyd-formulier in\n   het vak zit. Verwijder je hem niet, dan valt hij op de voorkant ook op \u2014\n   dat is de bedoeling. *\/\n.sxb-cta__slot{\n  border:1px dashed rgba(255,255,255,.3);\n  border-radius:12px;\n  padding:20px;\n  color:rgba(255,255,255,.6);\n  font-size:14px;\n  text-align:center;\n}\n\n\/* Op donker heeft de KPI-lijst uit het servicespattern lichtere lijnen nodig. *\/\n.sxb-cta .sxb-kpis,\n.sxb-cta .sxb-kpis li{border-color:rgba(255,255,255,.18)}\n.sxb-cta .sxb-kpi__k{color:rgba(255,255,255,.7)}\n.sxb-cta .sxb-kpi__v{color:#fff}\n\n\/* ==========================================================================\n   5. RALEWAY LADEN\n   Bij voorkeur via Global Styles \u2192 Typography \u2192 Fonts (Font Library), zodat\n   de font lokaal gehost wordt en de editor hem \u00f3\u00f3k kent. Lukt dat niet,\n   dan is dit de fallback \u2014 zet deze regel dan bovenaan het bestand.\n   @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Raleway:ital,wght@0,200..800;1,200..800&display=swap\");\n   Let op: een @import is trager dan een <link> in de <head> en telt mee\n   in je Core Web Vitals. Font Library heeft de voorkeur.\n   ========================================================================== *\/\n\n\/* ==========================================================================\n   6. EDITOR\n   Zonder dit ziet de hero er in de backend anders uit dan op de voorkant.\n   Voeg toe aan Theme Assets \u2192 CSS (Editor), of laad hetzelfde bestand mee.\n   ========================================================================== *\/\n\n.editor-styles-wrapper .sxb-hero::before{display:none}\n\n\/* In de editor moeten \u00e1lle servicepanelen zichtbaar zijn, anders kan een\n   redacteur de verborgen tabs niet bewerken. sxb-tabs.js draait daar niet,\n   dus dit is alleen een vangnet voor als iemand hem toch meelaadt. *\/\n.editor-styles-wrapper .sxb-panel[hidden]{display:block !important}\n.editor-styles-wrapper .sxb-panel + .sxb-panel{margin-top:16px}\n\n\/* De klikbare overlay over een kaart maakt de tekst in de editor\n   onselecteerbaar. Uitzetten in de backend. *\/\n.editor-styles-wrapper .sxb-card__more a::before{display:none}\n\n\/* ==========================================================================\n   Architectuurstapel (Expertises)\n   Leest van onder naar boven, net als de Salesforce-architectuurplaat:\n   context draagt work, en daarop draaien agency, engagement en insight\n   naast elkaar. De twee specialismen staan los onder de stapel.\n   ========================================================================== *\/\n\n.sxb-arch{\n  margin-top:30px;\n  gap:clamp(12px,1.4vw,18px);\n}\n\n\/* Buiten WordPress mist de layout-klasse; dan zorgen deze regels voor het grid. *\/\n.sxb-arch:not(.is-layout-flex){\n  display:flex;\n  flex-direction:column;\n}\n\n.sxb-arch__row{\n  gap:clamp(12px,1.4vw,18px);\n}\n\n.sxb-arch__row:not(.is-layout-grid){\n  display:grid;\n}\n\n.sxb-arch__row--3:not(.is-layout-grid){grid-template-columns:repeat(3,1fr)}\n.sxb-arch__row--2:not(.is-layout-grid){grid-template-columns:repeat(2,1fr)}\n\n@media(max-width:900px){\n  .sxb-arch__row--3,\n  .sxb-arch__row--2{grid-template-columns:1fr}\n}\n\n\/* Brede laagkaart: icoon links, tekst ernaast. De kaart blijft \u00e9\u00e9n klikvlak. *\/\n.sxb-card--layer{\n  display:grid;\n  grid-template-columns:auto minmax(0,1fr);\n  align-items:center;\n  gap:clamp(16px,2vw,26px);\n  padding:clamp(18px,1.9vw,24px) clamp(22px,2.4vw,30px);\n}\n\n.sxb-card--layer .sxb-card__icon{margin-bottom:0}\n.sxb-card--layer .sxb-card__title{grid-column:2;margin-bottom:4px}\n.sxb-card--layer .sxb-card__text{grid-column:2;margin-bottom:8px}\n.sxb-card--layer .sxb-card__more{grid-column:2;margin-top:0}\n\n\/* Bijschrift boven de specialismen. *\/\n.sxb-arch__label{\n  margin:0;\n  font-size:13px;\n  letter-spacing:.14em;\n  text-transform:uppercase;\n  font-weight:700;\n  color:#5B7379;\n}\n\n\/* ==========================================================================\n   LAAGSECTIE (Expertises \u2014 \u00e9\u00e9n laag per sectie)\n   Tekst links, twee kaarten rechts. Drie achtergrondvarianten, zodat\n   opeenvolgende lagen op een pagina afwisselen: wit, bone, mist.\n   Schrijfwijzer \u00a76.1 staat maximaal twee donkere vlakken per pagina toe;\n   daarom is er hier bewust g\u00e9\u00e9n donkere variant.\n   ========================================================================== *\/\n\n.sxb-layer{\n  padding-block:clamp(58px,7.5vw,110px);\n}\n\n\/* De volle breedte van de achtergrond, de content binnen de kolom.\n   Zelfde constructie als .sxb-section, maar met een eigen naam zodat\n   je de achtergrond kunt zetten zonder de sectieregels te raken. *\/\n.sxb-layer--bone{\n  background:var(--sxb-bone);\n  border-top:1px solid var(--sxb-line);\n  border-bottom:1px solid var(--sxb-line);\n}\n.sxb-layer--mist{\n  background:var(--sxb-mist);\n  border-top:1px solid var(--sxb-line);\n  border-bottom:1px solid var(--sxb-line);\n}\n\n\/* Tekstkolom iets smaller dan de kaartkolom: de lopende tekst leest\n   prettiger op ~60 tekens, de kaarten hebben de ruimte harder nodig. *\/\n.sxb-layer__grid{\n  gap:clamp(30px,5vw,68px);\n}\n.sxb-layer__grid:not(.is-layout-flex):not(.is-layout-grid){\n  display:grid;\n  grid-template-columns:1fr 1.05fr;\n  align-items:center;\n}\n@media(max-width:960px){\n  .sxb-layer__grid:not(.is-layout-flex):not(.is-layout-grid){grid-template-columns:1fr}\n}\n\n\/* De beloftezin onder de H2: kort, vet, en op eigen regels afgebroken. *\/\n.sxb-layer__promise{\n  margin:0 0 18px;\n  max-width:36ch;\n  font-size:clamp(19px,1.9vw,23px);\n  font-weight:600;\n  line-height:1.35;\n  color:var(--sxb-ink);\n}\n\n.sxb-layer__body p{\n  margin-bottom:14px;\n  font-size:16px;\n  line-height:1.62;\n  color:var(--sxb-muted);\n  max-width:62ch;\n}\n.sxb-layer__body p:last-child{margin-bottom:0}\n\n\/* De twee kaarten rechts staan onder elkaar, niet naast elkaar. *\/\n.sxb-layer__cards{\n  gap:clamp(14px,1.6vw,20px);\n}\n.sxb-layer__cards:not(.is-layout-flex):not(.is-layout-grid){\n  display:grid;\n  grid-template-columns:1fr;\n}\n\n\/* Label boven in een kaart. Zelfde maat als .sxb-panel__label, maar\n   apart benoemd zodat je ze los kunt bijstellen. *\/\n.sxb-card__label{\n  margin-bottom:12px;\n  font-size:11px;\n  font-weight:700;\n  letter-spacing:.2em;\n  text-transform:uppercase;\n  color:var(--sxb-muted);\n}\n.sxb-card--sand .sxb-card__label{color:var(--sxb-dark);opacity:.7}\n.sxb-card--dark .sxb-card__label{color:var(--sxb-cyan)}\n\n\/* Opsomming in een kaart: geen bolletjes, wel een lijn tussen de regels. *\/\n.sxb-card__list{\n  list-style:none;\n  margin:2px 0 16px;\n  padding:0;\n  font-size:14.5px;\n  color:var(--sxb-muted);\n}\n.sxb-card__list li{\n  padding:6px 0;\n  border-bottom:1px solid var(--sxb-line);\n}\n.sxb-card__list li:last-child{border-bottom:none}\n\n\/* Donkere kaart, voor het blok waarin het onderscheid staat. *\/\n.sxb-card--dark{\n  background:var(--sxb-dark);\n  border-color:var(--sxb-dark);\n  color:#fff;\n}\n.sxb-card--dark .sxb-card__title{color:#fff}\n.sxb-card--dark .sxb-card__text{color:rgba(255,255,255,.74)}\n.sxb-card--dark .sxb-card__more a{color:var(--sxb-cyan)}\n\n\/* ==========================================================================\n   METRICS-BALK  (donker blok met vier cijfers)\n   De tegenhanger van .sxb-metrics: die is licht en staat in de hero,\n   deze is donker en staat halverwege of onderaan een pagina als bewijs.\n   ========================================================================== *\/\n\n.sxb-strip{\n  padding-block:clamp(10px,2vw,26px);\n}\n\n.sxb-strip__box{\n  padding:clamp(28px,3.6vw,50px);\n  background:var(--sxb-dark);\n  border-radius:20px;\n  color:#fff;\n  gap:26px;\n}\n.sxb-strip__box:not(.is-layout-flex):not(.is-layout-grid){\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n}\n@media(max-width:820px){\n  .sxb-strip__box:not(.is-layout-flex):not(.is-layout-grid){grid-template-columns:1fr 1fr}\n}\n\n\/* Het cijfer: display-font, licht gewicht, cyaan. Cyaan mag hier w\u00e9l als\n   tekstkleur, want het staat op donker (schrijfwijzer \u00a76.1). *\/\n.sxb-strip__value{\n  margin:0;\n  font-family:var(--sxb-display);\n  font-weight:300;\n  font-size:clamp(32px,3.6vw,50px);\n  letter-spacing:-.04em;\n  line-height:1;\n  color:var(--sxb-cyan);\n}\n.sxb-strip__label{\n  margin:10px 0 0;\n  font-size:13.5px;\n  line-height:1.5;\n  opacity:.74;\n  max-width:21ch;\n}\n\n\/* WP zet kolommen standaard naast elkaar met eigen marges; die willen we\n   hier niet, want het grid regelt de verdeling al. *\/\n.sxb-strip__box > *{margin:0}\n\n\/* ==========================================================================\n   WORDPRESS-CORRECTIES\n   Drie dingen die WordPress doet en die je in een losse HTML-mockup niet ziet.\n   Deze regels horen bij de patterns hierboven; haal ze niet weg.\n   ========================================================================== *\/\n\n\/* --- 1. Kaartinhoud stond gecentreerd ---------------------------------\n   Een groep met layout \"constrained\" krijgt van WordPress de regel\n   `margin-left:auto !important; margin-right:auto !important` op elk kind.\n   In .sxb-card, die flex-kolom is, centreren die auto-marges de kop, de\n   tekst en de lijst binnen de kaart. Op het scherm zag je een kaart met\n   alles gecentreerd, en lijstregels die smaller waren dan de kaart zelf.\n\n   Dit is dezelfde correctie als 0b bovenaan dit bestand, maar dan voor de\n   kaarten in plaats van de secties. De klasse staat dubbel om WP's\n   !important te verslaan. *\/\n.sxb-card.sxb-card > *,\n.sxb-arch.sxb-arch > *,\n.sxb-layer__body.sxb-layer__body > *{\n  margin-left:0 !important;\n  margin-right:0 !important;\n}\n\n\/* --- 2. Brede laagkaarten krompen ------------------------------------\n   Een verticale flexgroep krijgt in WordPress `align-items:flex-start`.\n   De twee brede kaarten in de stapel werden daardoor zo breed als hun\n   inhoud (907px, 823px) in plaats van de volle 1200px, waardoor de stapel\n   trapsgewijs naar links liep. *\/\n.sxb-arch{align-items:stretch}\n.sxb-arch > *{width:100%}\n\n\/* --- 3. Te veel lucht in de brede kaart -------------------------------\n   `gap` geldt in een grid voor rijen \u00e9n kolommen, en WordPress zet\n   daarbovenop nog block-gap-marges tussen de kinderen. Samen gaf dat een\n   gat van ruim 50px tussen de kop en de tekst. Kolomruimte houden we,\n   rijruimte niet. Het icoon strekt over alle rijen, zodat het naast de\n   hele tekstkolom staat en niet alleen naast de kop. *\/\n.sxb-card--layer{\n  column-gap:clamp(16px,2vw,26px);\n  row-gap:2px;\n}\n.sxb-card--layer.sxb-card--layer > *{margin-block-start:0}\n.sxb-card--layer .sxb-card__icon{grid-row:1 \/ -1;align-self:center}\n.sxb-card--layer .sxb-card__title{margin-bottom:2px}\n.sxb-card--layer .sxb-card__text{margin-bottom:6px;max-width:78ch}\n\n\/* --- CTA-kaart in een laagsectie -------------------------------------\n   De tweede kaart in een laag is geen opsomming maar een uitnodiging:\n   label, kop, \u00e9\u00e9n of twee zinnen en een knop. Iets ruimer van binnen dan\n   een gewone kaart, want hij staat er alleen voor. *\/\n.sxb-card--cta{\n  padding:clamp(26px,3vw,38px);\n}\n.sxb-card--cta .sxb-card__title{margin-bottom:8px}\n.sxb-card--cta .sxb-card__text{margin-bottom:0;max-width:42ch}\n\n.sxb-card__actions{\n  margin-top:20px;\n  gap:12px;\n}\n.sxb-card__actions:not(.is-layout-flex){\n  display:flex;\n  flex-wrap:wrap;\n  align-items:center;\n}\n\n\/* ==========================================================================\n   9d. CTA IN BONE  (.sxb-cta--bone)\n   Dezelfde CTA als hierboven, maar licht in plaats van donker. Bedoeld voor\n   pagina's die hun donkere vlakken al kwijt zijn aan bijvoorbeeld de\n   metricsbalk; schrijfwijzer \u00a76.1 staat er maximaal twee per pagina toe.\n\n   Alles wat hierboven wit-op-donker is, wordt hier ink-op-bone. De cyaan\n   accenten gaan eruit: cyaan is geen tekstkleur op licht. Het cursieve deel\n   van de titel en de contactlinks krijgen daarom het donkerdere teal dat ook\n   in de hero en de sectiekoppen staat.\n   ========================================================================== *\/\n\n.sxb-cta--bone{\n  background:var(--sxb-bone);\n  color:var(--sxb-ink);\n  border:1px solid var(--sxb-line);\n}\n\n.sxb-cta--bone .sxb-eyebrow{color:var(--sxb-dark);opacity:.72}\n.sxb-cta--bone .sxb-cta__title{color:var(--sxb-ink)}\n.sxb-cta--bone .sxb-cta__title em{color:#0d6f7e}\n.sxb-cta--bone .sxb-cta__lead{color:var(--sxb-muted)}\n.sxb-cta--bone .sxb-cta__note{color:var(--sxb-muted)}\n\n\/* --- gesprekspartner op licht --- *\/\n.sxb-cta--bone .sxb-persoon__foto{\n  background:rgba(0,52,60,.10);\n  color:rgba(0,52,60,.5);\n}\n.sxb-cta--bone .sxb-persoon__naam{color:var(--sxb-ink)}\n.sxb-cta--bone .sxb-persoon__rol,\n.sxb-cta--bone .sxb-persoon__contact{color:var(--sxb-muted)}\n.sxb-cta--bone .sxb-persoon__contact a{color:#0d6f7e}\n\n\/* --- formulier op licht ---\n   Witte velden op bone geven genoeg contrast zonder een tweede randkleur.\n   De verzendknop is de donkere knop uit de hero, niet de cyaan variant:\n   cyaan op bone haalt de contrastnorm voor tekst niet. *\/\n.sxb-cta--bone .sxb-cta__form label{color:var(--sxb-ink)}\n.sxb-cta--bone .sxb-cta__form input:not([type=submit]):not([type=checkbox]):not([type=radio]),\n.sxb-cta--bone .sxb-cta__form select,\n.sxb-cta--bone .sxb-cta__form textarea{\n  background:#fff;\n  border-color:rgba(0,52,60,.14);\n  color:var(--sxb-ink);\n}\n.sxb-cta--bone .sxb-cta__form ::placeholder{color:rgba(0,52,60,.38)}\n.sxb-cta--bone .sxb-cta__form input:focus,\n.sxb-cta--bone .sxb-cta__form select:focus,\n.sxb-cta--bone .sxb-cta__form textarea:focus{\n  outline:2px solid var(--sxb-dark);\n  outline-offset:1px;\n}\n.sxb-cta--bone .sxb-cta__form button[type=submit],\n.sxb-cta--bone .sxb-cta__form input[type=submit]{\n  background:var(--sxb-dark);\n  color:#fff;\n}\n.sxb-cta--bone .sxb-cta__form button[type=submit]:hover,\n.sxb-cta--bone .sxb-cta__form input[type=submit]:hover{background:#004b56}\n\n\/* --- overige elementen die van donker uitgingen --- *\/\n.sxb-cta--bone .sxb-cta__slot{\n  border-color:rgba(0,52,60,.28);\n  color:var(--sxb-muted);\n}\n.sxb-cta--bone .sxb-kpis,\n.sxb-cta--bone .sxb-kpis li{border-color:var(--sxb-line)}\n.sxb-cta--bone .sxb-kpi__k{color:var(--sxb-muted)}\n.sxb-cta--bone .sxb-kpi__v{color:var(--sxb-ink)}\n\n\/* ==========================================================================\n   2c. PAGINAKOP  (.sxb-hero--page)\n\n   Dezelfde hero, maar als kop van een binnenpagina: geen schermhoogte, een\n   kleinere H1 en ruimte voor een kruimelpad. Gebruik dit op services,\n   expertises, cases en elke andere pagina die geen homepage is. Combineer\n   nooit met .sxb-hero--full \u2014 dat zijn twee verschillende rollen.\n   ========================================================================== *\/\n\n.sxb-hero--page{\n  padding-block:clamp(44px,6.5vw,92px) clamp(30px,4vw,54px);\n}\n\n.sxb-hero--page .sxb-hero__title{\n  font-size:clamp(34px,4.6vw,62px);\n  max-width:17ch;\n  margin-bottom:24px;\n}\n\n.sxb-hero--page .sxb-hero__sub{\n  max-width:54ch;\n  margin-bottom:30px;\n}\n\n\/* Kruimelpad. Staat b\u00f3ven de eyebrow, dus de marge eronder is klein. *\/\n.sxb-crumb{\n  font-size:13px !important;\n  color:var(--sxb-muted) !important;\n  margin-bottom:20px !important;\n}\n.sxb-crumb a{\n  color:inherit;\n  text-decoration:none;\n}\n.sxb-crumb a:hover{color:var(--sxb-ink)}\n\n\/* ==========================================================================\n   4c. SECTIEVARIANTEN  (achtergrond en uitlijning)\n\n   De sectiekop uit 4b blijft hetzelfde; deze klassen regelen alleen waar de\n   sectie op staat en hoe hij is uitgelijnd. Zo wissel je het paginaritme af\n   (wit \u2192 bone \u2192 mist) zonder een tweede kopstijl te maken.\n\n   Schrijfwijzer \u00a76.1: hooguit twee donkere secties per pagina. Bone en mist\n   mogen zo vaak als je wilt, zolang twee dezelfde niet naast elkaar staan.\n   ========================================================================== *\/\n\n.sxb-section--bone{background:var(--sxb-bone)}\n.sxb-section--mist{background:var(--sxb-mist)}\n.sxb-section--sand{background:var(--sxb-sand)}\n\n\/* Minder hoogte, voor een sectie die tegen de vorige aan hoort te liggen. *\/\n.sxb-section--tight{padding-block:clamp(40px,5vw,72px)}\n\n\/* Gecentreerde kop. De kaarten eronder blijven links uitgelijnd; alleen de\n   eyebrow, de H2 en de lead schuiven naar het midden. *\/\n.sxb-section--center > .sxb-eyebrow,\n.sxb-section--center > .sxb-section__title,\n.sxb-section--center > .sxb-section__lead{\n  margin-inline:auto;\n  text-align:center;\n}\n.sxb-section--center > .sxb-section__title{max-width:24ch}\n\n\/* Smalle sectie: voor stappen en lange leestekst, waar 1200px te breed leest. *\/\n.sxb-section--narrow > *{max-width:860px;margin-inline:auto}\n\n\/* ==========================================================================\n   4d. CALLOUT  (.sxb-note)\n\n   E\u00e9n regel nuance die je niet in de lopende tekst wilt kwijtraken: een\n   voorbehoud, een uitzondering, een [CHECK] voor de eindredactie. Cyaan\n   randje links, geen kader eromheen, want het is geen waarschuwing.\n   ========================================================================== *\/\n\n.sxb-note{\n  margin-top:24px;\n  margin-bottom:0;\n  padding:13px 17px;\n  border-left:3px solid var(--sxb-cyan);\n  border-radius:0 8px 8px 0;\n  background:rgba(57,194,221,.09);\n  font-size:14.5px;\n  line-height:1.6;\n  color:var(--sxb-muted);\n  max-width:78ch;\n}\n.sxb-note strong{color:var(--sxb-ink)}\n\n\/* ==========================================================================\n   7b. KAARTGRID \u2014 EXTRA VARIANTEN\n\n   .sxb-cards--2 en --3 naast de bestaande --4. Expliciete kolommen om\n   dezelfde reden als bij --4: auto-fit laat twee of drie kaarten op\n   tussenbreedtes ongelijk uit elkaar vallen.\n   ========================================================================== *\/\n\n.sxb-cards.sxb-cards--2{grid-template-columns:repeat(2,minmax(0,1fr))}\n.sxb-cards.sxb-cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}\n@media (max-width:900px){\n  .sxb-cards.sxb-cards--3{grid-template-columns:repeat(2,minmax(0,1fr))}\n}\n@media (max-width:760px){\n  .sxb-cards.sxb-cards--2,\n  .sxb-cards.sxb-cards--3{grid-template-columns:1fr}\n}\n\n\/* De kernzin in een kaart: donker, halfvet, kort gehouden. Staat tussen de\n   titel en de lopende tekst en draagt de belofte van die kaart. *\/\n.sxb-card__promise{\n  font-size:clamp(17px,1.5vw,19.5px);\n  line-height:1.4;\n  font-weight:600;\n  color:var(--sxb-ink);\n  max-width:32ch;\n  margin-bottom:14px;\n}\n.sxb-card--dark .sxb-card__promise{color:#fff}\n\n\/* Een KPI-lijst in een kaart heeft geen bovenrand nodig; de tekst erboven\n   scheidt al genoeg. *\/\n.sxb-card .sxb-kpis{\n  margin-top:18px;\n  border-top:none;\n}\n\n\/* ==========================================================================\n   7c. LABELS  (.sxb-badges \/ .sxb-badge)\n\n   Kleine statuslabels in een kaart: leveringsvorm, doorlooptijd, taal. Nooit\n   alleen kleur als betekenis (schrijfwijzer \u00a76.1), dus het label is altijd\n   tekst. .sxb-badge--on is de nadrukvariant in donkerblauw.\n   ========================================================================== *\/\n\n.sxb-badges{\n  display:flex;\n  flex-wrap:wrap;\n  gap:8px;\n  margin:2px 0 16px;\n}\n.sxb-badge{\n  padding:6px 12px;\n  border-radius:99px;\n  border:1px solid var(--sxb-line);\n  background:#fff;\n  font-size:12.5px;\n  font-weight:600;\n  color:var(--sxb-muted);\n  white-space:nowrap;\n}\n.sxb-badge--on{\n  background:var(--sxb-dark);\n  border-color:var(--sxb-dark);\n  color:#fff;\n}\n\n\/* ==========================================================================\n   10. STAPPEN  (.sxb-steps)\n\n   Genummerde reeks voor een proces of tijdlijn. De verticale lijn loopt door\n   de nummers heen, dus de reeks leest als \u00e9\u00e9n beweging in plaats van als\n   losse blokjes. Werkt met elk aantal stappen.\n   ========================================================================== *\/\n\n.sxb-steps{\n  margin-top:30px;\n  gap:0;\n}\n.sxb-steps:not(.is-layout-flex):not(.is-layout-grid){display:block}\n\n.sxb-step{\n  position:relative;\n  display:grid;\n  grid-template-columns:56px 1fr;\n  gap:clamp(16px,2vw,26px);\n  padding-block:clamp(18px,2vw,24px);\n  border-top:1px solid var(--sxb-line);\n}\n.sxb-step:first-child{border-top:none;padding-top:0}\n.sxb-step:last-child{padding-bottom:0}\n\n\/* Het nummer. Display-font, licht, groot: het is een ori\u00ebntatiepunt, geen\n   opsommingsteken. *\/\n.sxb-step__n{\n  font-family:var(--sxb-display);\n  font-weight:300;\n  font-size:clamp(26px,2.8vw,36px);\n  line-height:1;\n  letter-spacing:-.03em;\n  color:var(--sxb-cyan);\n  margin:0;\n}\n\n.sxb-step__title{\n  font-size:clamp(18px,1.7vw,21px);\n  font-weight:700;\n  line-height:1.3;\n  margin:0 0 8px;\n}\n.sxb-step__text{\n  font-size:15.5px;\n  line-height:1.65;\n  color:var(--sxb-muted);\n  margin:0;\n  max-width:70ch;\n}\n.sxb-step__body > *:last-child{margin-bottom:0}\n\n@media (max-width:560px){\n  .sxb-step{grid-template-columns:40px 1fr;gap:14px}\n}\n\n\/* ==========================================================================\n   11. TOPOGRAFIE  (.sxb-topo + de drie hero-achtergronden)\n\n   E\u00e9n lege div in de hero die door sxb-topo.js met hoogtelijnen wordt\n   gevuld. Geen afbeelding: de tekening wordt berekend, dus geen extra\n   request, geen bijsnijden op mobiel en geen retina-versie.\n\n   De hero heeft zelf al .sxb-hero > *{position:relative;z-index:1}. Deze\n   laag zet dat expliciet terug naar 0, anders zou hij m\u00e9t de tekst\n   meeliften en er soms overheen komen.\n   ========================================================================== *\/\n\n.sxb-topo{\n  position:absolute;\n  inset:0;\n  overflow:hidden;\n  pointer-events:none;\n  z-index:0;\n}\n\n\/* De hero is in WordPress een constrained groep, en die geeft elk kind\n   max-width:1200px plus auto-marges. Zonder deze regel blijft de tekening\n   in de tekstkolom hangen in plaats van tot de rand van de sectie te lopen\n   -- op een breed scherm zie je hem dan halverwege ophouden. Twee klassen\n   diep zodat hij wint van de layout-CSS die WordPress zelf meestuurt. *\/\n.sxb-hero .sxb-topo{\n  max-width:none;\n  margin-inline:0;\n}\n.sxb-topo svg{width:100%;height:100%;display:block}\n\n\/* Het masker. De tekening hoort in de rechterbovenhoek te zitten en nergens\n   anders: niet achter de kop links, niet achter de cijfers onderaan.\n\n   E\u00e9n ovaal verloop, verankerd net buiten de hoek rechtsboven, dat naar\n   buiten toe uitdooft. Bewust \u00e9\u00e9n gradient en geen twee over elkaar:\n   mask-composite werkt niet in elke browser, een enkel radiaal masker wel.\n   De maten zijn afgestemd op de hero \u2014 de H1 is max 15ch en loopt dus tot\n   ongeveer 57% van het scherm; die zit al voorbij het nulpunt, net als de\n   hele cijferrij. Wil je de tekening ergens anders, verschuif dan alleen\n   het middelpunt (106% -10%); het script hoeft er niet voor aangepast.\n\n   Kent een browser mask-image niet, dan staat de tekening er gewoon\n   helemaal op. Houd de lijnopaciteit in sxb-topo.js dus laag genoeg dat\n   ook dat leesbaar blijft. *\/\n.sxb-topo svg{\n  -webkit-mask-image:radial-gradient(78% 115% at 106% -10%,\n    #000 0%, rgba(0,0,0,.92) 26%, rgba(0,0,0,.5) 50%, rgba(0,0,0,.15) 66%, transparent 80%);\n  mask-image:radial-gradient(78% 115% at 106% -10%,\n    #000 0%, rgba(0,0,0,.92) 26%, rgba(0,0,0,.5) 50%, rgba(0,0,0,.15) 66%, transparent 80%);\n}\n\n\/* Variant zonder masker: het hele vlak vullen. Voor een blok zonder tekst\n   erover, of om tijdens het ontwerpen te zien wat het masker wegneemt. *\/\n.sxb-topo--full svg{-webkit-mask-image:none;mask-image:none}\n\n\/* Op een telefoon is er geen rechterbovenhoek van betekenis meer: de kop\n   loopt over de volle breedte. Daar wordt het een vlakke strook langs de\n   bovenrand, en gaat de hele laag terug in dekking. *\/\n@media (max-width:780px){\n  .sxb-topo:not(.sxb-topo--full){opacity:.6}\n  .sxb-topo:not(.sxb-topo--full) svg{\n    -webkit-mask-image:radial-gradient(115% 40% at 108% -6%,\n      #000 0%, rgba(0,0,0,.6) 38%, rgba(0,0,0,.2) 62%, transparent 82%);\n    mask-image:radial-gradient(115% 40% at 108% -6%,\n      #000 0%, rgba(0,0,0,.6) 38%, rgba(0,0,0,.2) 62%, transparent 82%);\n  }\n}\n\n\/* --- 11a. de drie achtergronden ---------------------------------------- *\/\n\n.sxb-hero--wit{background:#fff}\n.sxb-hero--bone{background:var(--sxb-bone)}\n.sxb-hero--donker{background:var(--sxb-dark)}\n\n\/* Bone: de spookknop is wit en heeft dus geen rand van de achtergrond\n   nodig, maar wel iets meer contrast met het vlak eronder. *\/\n.sxb-hero--bone .sxb-btn--ghost .wp-block-button__link,\n.sxb-hero--bone .sxb-btn--ghost > a{border-color:rgba(0,52,60,.12)}\n\n\/* Donker: alles wat ink-op-licht was, wordt wit-op-donker. De eyebrow heeft\n   !important nodig omdat de basisregel in \u00a71 dat ook heeft. *\/\n.sxb-hero--donker{color:#fff}\n.sxb-hero--donker .sxb-eyebrow{color:#fff !important;opacity:.8}\n.sxb-hero--donker .sxb-hero__title{color:#fff}\n.sxb-hero--donker .sxb-hero__title em{color:var(--sxb-cyan)}\n.sxb-hero--donker .sxb-hero__sub{color:rgba(255,255,255,.74)}\n.sxb-hero--donker .sxb-metrics{border-top-color:rgba(255,255,255,.18)}\n.sxb-hero--donker .sxb-metric__value{color:var(--sxb-cyan)}\n.sxb-hero--donker .sxb-metric__label{color:rgba(255,255,255,.66)}\n\n\/* Knoppen op donker. Dezelfde twee modifiers als in de CTA (\u00a79b), maar die\n   regels zijn op .sxb-cta gescoped. Gebruik in de donkere hero dus\n   sxb-btn--cyan en sxb-btn--outline, niet sxb-btn en sxb-btn--ghost:\n   die zijn donker op licht en verdwijnen hier. *\/\n.sxb-hero--donker .sxb-btn--cyan .wp-block-button__link,\n.sxb-hero--donker .sxb-btn--cyan > a{\n  background:var(--sxb-cyan);\n  color:var(--sxb-dark);\n  box-shadow:none;\n}\n.sxb-hero--donker .sxb-btn--cyan .wp-block-button__link:hover,\n.sxb-hero--donker .sxb-btn--cyan > a:hover{background:#4fcde6}\n\n.sxb-hero--donker .sxb-btn--outline .wp-block-button__link,\n.sxb-hero--donker .sxb-btn--outline > a{\n  background:transparent;\n  color:#fff;\n  border:1px solid rgba(255,255,255,.32);\n  box-shadow:none;\n}\n.sxb-hero--donker .sxb-btn--outline .wp-block-button__link:hover,\n.sxb-hero--donker .sxb-btn--outline > a:hover{\n  background:rgba(255,255,255,.08);\n  color:#fff;\n}\n\n\/* De donkere hero telt mee als donker vlak. Staat de CTA er ook op de\n   pagina, dan zit je aan het maximum van twee uit schrijfwijzer \u00a76.1. *\/\n\n\/* In de editor hoeft de tekening er niet te staan: sxb-topo.js wordt alleen\n   op de frontend geladen. Dit houdt het lege vak onzichtbaar in plaats van\n   als een naadloos blok in beeld. *\/\n.editor-styles-wrapper .sxb-topo:empty{display:none}\n\n\/* ==========================================================================\n   12. BEZOEK  (.sxb-bezoek \u2014 adres + kaart, contactpagina)\n\n   Tekst links, kaartvak rechts. De achtergrond komt van .sxb-section--bone;\n   deze regels doen alleen de kolommen, de gegevenslijst en het kaartvak.\n\n   Het kaartvak is een Custom HTML-blok. Wat erin staat mag wisselen \u2014\n   plaatshouder, statische afbeelding met routelink, of een iframe \u2014 de\n   figure eromheen houdt de vorm vast: 4:3, ronde hoeken, rand, schaduw.\n   De drie embed-routes staan in de README onder \"sxb-bezoek\".\n   ========================================================================== *\/\n\n.sxb-bezoek__grid{gap:clamp(30px,5vw,68px)}\n.sxb-bezoek__grid.wp-block-columns{gap:clamp(30px,5vw,68px)}\n\n\/* WordPress zet .wp-block-columns zelf op flex. Buiten WordPress bestaat\n   die klasse niet, vandaar de fallback \u2014 zelfde constructie als sxb-cta. *\/\n.sxb-bezoek__grid:not(.wp-block-columns){\n  display:grid;\n  grid-template-columns:1fr 1.05fr;\n  align-items:center;\n}\n@media(max-width:960px){\n  .sxb-bezoek__grid:not(.wp-block-columns){grid-template-columns:1fr}\n}\n\n\/* Zelfde correctie als bij de laagsectie: WP centreert kinderen van een\n   kolom met auto-marges; hier hoort alles links te staan. *\/\n.sxb-bezoek__body.sxb-bezoek__body > *{\n  margin-left:0 !important;\n  margin-right:0 !important;\n}\n\n\/* Lopende tekst in de linkerkolom. De eyebrow en de note hebben hun\n   eigen regels en blijven erbuiten. *\/\n.sxb-bezoek__body > p:not(.sxb-eyebrow):not(.sxb-note){\n  font-size:16px;\n  line-height:1.62;\n  color:var(--sxb-muted);\n  max-width:52ch;\n}\n\n\/* De gegevenslijst: dezelfde .sxb-kpis als in de servicepanelen, smaller\n   gehouden zodat de waarden niet halverwege het blok zweven. *\/\n.sxb-bezoek .sxb-kpis{margin-top:24px;max-width:420px}\n\n\/* Het kaartvak. Een iframe of img erin vult het hele vlak; beide krijgen\n   dezelfde behandeling, zodat wisselen van embed-route geen CSS kost. *\/\n.sxb-kaartvak{\n  margin:0;\n  position:relative;\n  aspect-ratio:4\/3;\n  background:var(--sxb-mist);\n  border:1px solid rgba(0,52,60,.09);\n  border-radius:14px;\n  box-shadow:var(--sxb-shadow);\n  overflow:hidden;\n}\n.sxb-kaartvak iframe,\n.sxb-kaartvak img{\n  position:absolute;\n  inset:0;\n  width:100%;\n  height:100%;\n  border:0;\n  display:block;\n  object-fit:cover;\n}\n\n\/* Routelink over de hele kaart, voor de statische variant: een lege <a>\n   als laatste kind van de figure. Geef hem een aria-label, want er staat\n   geen tekst in. *\/\n.sxb-kaartvak > a{\n  position:absolute;\n  inset:0;\n  border-radius:inherit;\n}\n.sxb-kaartvak > a:focus-visible{\n  outline:2px solid var(--sxb-dark);\n  outline-offset:-2px;\n}\n\n\/* Plaatshouder tot er een kaart in zit. Valt bewust op, net als\n   .sxb-cta__slot: staat hij nog op de voorkant, dan zie je dat. *\/\n.sxb-kaartvak__slot{\n  position:absolute;\n  inset:0;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  padding:28px;\n  text-align:center;\n  font-size:13.5px;\n  font-weight:600;\n  line-height:1.6;\n  color:var(--sxb-muted);\n}\n\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Welk proces loopt voor geen meter? Bel ons even. Je hoeft het niet eerst allemaal zelf uit te vogelen. Geen gedoe met voorbereidingen of vragenlijsten vooraf. Neem gewoon even contact op, vertel ons in vijf minuten waar je tegen aan loopt en wat je het allerliefste gisteren al opgelost zag. Wij geven je meteen antwoord: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"greyd_block_editor_preview":[],"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Contact - SxBlue<\/title>\n<meta name=\"description\" content=\"Welk proces loopt voor geen meter? Bel ons even. Je hoeft het niet eerst allemaal zelf uit te vogelen. Geen gedoe met voorbereidingen of vragenlijsten\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/superp.nl\/sxblue\/contact\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contact - SxBlue\" \/>\n<meta property=\"og:description\" content=\"Welk proces loopt voor geen meter? Bel ons even. Je hoeft het niet eerst allemaal zelf uit te vogelen. Geen gedoe met voorbereidingen of vragenlijsten\" \/>\n<meta property=\"og:url\" content=\"https:\/\/superp.nl\/sxblue\/contact\/\" \/>\n<meta property=\"og:site_name\" content=\"SxBlue\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-17T07:44:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/superp.nl\/sxblue\/wp-content\/uploads\/sites\/3\/2025\/06\/IMGL2649-kopie.png\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/superp.nl\\\/sxblue\\\/contact\\\/\",\"url\":\"https:\\\/\\\/superp.nl\\\/sxblue\\\/contact\\\/\",\"name\":\"Contact - SxBlue\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/superp.nl\\\/sxblue\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/superp.nl\\\/sxblue\\\/contact\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/superp.nl\\\/sxblue\\\/contact\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/superp.nl\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2025\\\/06\\\/IMGL2649-kopie.png\",\"datePublished\":\"2026-07-27T13:30:44+00:00\",\"dateModified\":\"2026-08-17T07:44:46+00:00\",\"description\":\"Welk proces loopt voor geen meter? Bel ons even. Je hoeft het niet eerst allemaal zelf uit te vogelen. Geen gedoe met voorbereidingen of vragenlijsten\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/superp.nl\\\/sxblue\\\/contact\\\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/superp.nl\\\/sxblue\\\/contact\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/superp.nl\\\/sxblue\\\/contact\\\/#primaryimage\",\"url\":\"https:\\\/\\\/superp.nl\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2025\\\/06\\\/IMGL2649-kopie.png\",\"contentUrl\":\"https:\\\/\\\/superp.nl\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2025\\\/06\\\/IMGL2649-kopie.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/superp.nl\\\/sxblue\\\/contact\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/superp.nl\\\/sxblue\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contact\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/superp.nl\\\/sxblue\\\/#website\",\"url\":\"https:\\\/\\\/superp.nl\\\/sxblue\\\/\",\"name\":\"SxBlue\",\"description\":\"WIJ ZIJN SUPERB IN SALESFORCE\",\"publisher\":{\"@id\":\"https:\\\/\\\/superp.nl\\\/sxblue\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/superp.nl\\\/sxblue\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/superp.nl\\\/sxblue\\\/#organization\",\"name\":\"SxBlue\",\"url\":\"https:\\\/\\\/superp.nl\\\/sxblue\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/superp.nl\\\/sxblue\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/superp.nl\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2026\\\/07\\\/sxblue-logo.webp\",\"contentUrl\":\"https:\\\/\\\/superp.nl\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2026\\\/07\\\/sxblue-logo.webp\",\"width\":220,\"height\":88,\"caption\":\"SxBlue\"},\"image\":{\"@id\":\"https:\\\/\\\/superp.nl\\\/sxblue\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Contact - SxBlue","description":"Welk proces loopt voor geen meter? Bel ons even. Je hoeft het niet eerst allemaal zelf uit te vogelen. Geen gedoe met voorbereidingen of vragenlijsten","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/superp.nl\/sxblue\/contact\/","og_locale":"nl_NL","og_type":"article","og_title":"Contact - SxBlue","og_description":"Welk proces loopt voor geen meter? Bel ons even. Je hoeft het niet eerst allemaal zelf uit te vogelen. Geen gedoe met voorbereidingen of vragenlijsten","og_url":"https:\/\/superp.nl\/sxblue\/contact\/","og_site_name":"SxBlue","article_modified_time":"2026-08-17T07:44:46+00:00","og_image":[{"width":750,"height":500,"url":"https:\/\/superp.nl\/sxblue\/wp-content\/uploads\/sites\/3\/2025\/06\/IMGL2649-kopie.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Geschatte leestijd":"2 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/superp.nl\/sxblue\/contact\/","url":"https:\/\/superp.nl\/sxblue\/contact\/","name":"Contact - SxBlue","isPartOf":{"@id":"https:\/\/superp.nl\/sxblue\/#website"},"primaryImageOfPage":{"@id":"https:\/\/superp.nl\/sxblue\/contact\/#primaryimage"},"image":{"@id":"https:\/\/superp.nl\/sxblue\/contact\/#primaryimage"},"thumbnailUrl":"https:\/\/superp.nl\/wp-content\/uploads\/sites\/3\/2025\/06\/IMGL2649-kopie.png","datePublished":"2026-07-27T13:30:44+00:00","dateModified":"2026-08-17T07:44:46+00:00","description":"Welk proces loopt voor geen meter? Bel ons even. Je hoeft het niet eerst allemaal zelf uit te vogelen. Geen gedoe met voorbereidingen of vragenlijsten","breadcrumb":{"@id":"https:\/\/superp.nl\/sxblue\/contact\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/superp.nl\/sxblue\/contact\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/superp.nl\/sxblue\/contact\/#primaryimage","url":"https:\/\/superp.nl\/wp-content\/uploads\/sites\/3\/2025\/06\/IMGL2649-kopie.png","contentUrl":"https:\/\/superp.nl\/wp-content\/uploads\/sites\/3\/2025\/06\/IMGL2649-kopie.png"},{"@type":"BreadcrumbList","@id":"https:\/\/superp.nl\/sxblue\/contact\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/superp.nl\/sxblue\/"},{"@type":"ListItem","position":2,"name":"Contact"}]},{"@type":"WebSite","@id":"https:\/\/superp.nl\/sxblue\/#website","url":"https:\/\/superp.nl\/sxblue\/","name":"SxBlue","description":"WIJ ZIJN SUPERB IN SALESFORCE","publisher":{"@id":"https:\/\/superp.nl\/sxblue\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/superp.nl\/sxblue\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/superp.nl\/sxblue\/#organization","name":"SxBlue","url":"https:\/\/superp.nl\/sxblue\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/superp.nl\/sxblue\/#\/schema\/logo\/image\/","url":"https:\/\/superp.nl\/wp-content\/uploads\/sites\/3\/2026\/07\/sxblue-logo.webp","contentUrl":"https:\/\/superp.nl\/wp-content\/uploads\/sites\/3\/2026\/07\/sxblue-logo.webp","width":220,"height":88,"caption":"SxBlue"},"image":{"@id":"https:\/\/superp.nl\/sxblue\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/superp.nl\/sxblue\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/superp.nl\/sxblue\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/superp.nl\/sxblue\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/superp.nl\/sxblue\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/superp.nl\/sxblue\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":17,"href":"https:\/\/superp.nl\/sxblue\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":18985,"href":"https:\/\/superp.nl\/sxblue\/wp-json\/wp\/v2\/pages\/13\/revisions\/18985"}],"wp:attachment":[{"href":"https:\/\/superp.nl\/sxblue\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}