:root{
  --ox-navy:#071b2c;
  --ox-navy-2:#0d2b42;
  --ox-copper:#c9822b;
  --ox-copper-hover:#a9671f;
  --ox-paper:#f5f2ec;
  --ox-white:#ffffff;
  --ox-ink:#102235;
  --ox-muted:#5f6b75;
  --ox-line:#ddd6ca;
  --ox-success:#17633b;
  --ox-error:#a33232;
  --ox-shadow:0 22px 60px rgba(7,27,44,.12);
  --ox-radius:10px;
  --ox-width:1180px;
  --ox-button-height:52px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;color:var(--ox-ink);background:var(--ox-white);font-family:Inter,Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
body.ox-menu-open{overflow:hidden}
a{color:inherit}
button,input,select,textarea{font:inherit}
img{max-width:100%}
.ox-shell{width:min(calc(100% - 40px),var(--ox-width));margin:0 auto}
.ox-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ox-eyebrow{margin:0 0 12px;color:var(--ox-copper);font-size:12px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
h1,h2,h3{margin:0;font-family:"DM Serif Display",Georgia,serif;font-weight:400;line-height:1.06;letter-spacing:-.015em}
h1{font-size:clamp(43px,6.2vw,76px)}
h2{font-size:clamp(34px,4.7vw,55px)}
h3{font-size:26px}
p{margin:0}
.ox-muted{color:var(--ox-muted)}

/* Eén knopstijl voor de hele publieke site */
.ox-action,
.ox-header-cta,
.ox-form-next,
.ox-form-submit,
.ox-mobile-actions a,
button.ox-action,
a.ox-action{
  min-height:var(--ox-button-height);
  padding:0 24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border:1px solid var(--ox-copper);
  border-radius:6px;
  color:#fff;
  background:var(--ox-copper);
  box-shadow:none;
  font-weight:800;
  line-height:1.2;
  text-decoration:none;
  cursor:pointer;
  transition:background-color .16s ease,border-color .16s ease,transform .16s ease;
}
.ox-action:hover,.ox-action:focus-visible,
.ox-header-cta:hover,.ox-header-cta:focus-visible,
.ox-form-next:hover,.ox-form-next:focus-visible,
.ox-form-submit:hover,.ox-form-submit:focus-visible,
.ox-mobile-actions a:hover,.ox-mobile-actions a:focus-visible{
  color:#fff;background:var(--ox-copper-hover);border-color:var(--ox-copper-hover);transform:translateY(-1px);outline:none
}
.ox-action:disabled,.ox-form-next:disabled,.ox-form-submit:disabled{opacity:.56;cursor:not-allowed;transform:none}
.ox-text-link{display:inline-flex;align-items:center;gap:7px;color:var(--ox-copper-hover);font-weight:800;text-decoration:none}
.ox-text-link:hover,.ox-text-link:focus-visible{text-decoration:underline}
.ox-back{padding:8px 0;border:0;background:transparent;color:var(--ox-muted);font-weight:750;cursor:pointer;text-decoration:underline;text-underline-offset:4px}

.ox-site-header{position:sticky;top:0;z-index:1000;height:76px;color:#fff;background:var(--ox-navy);border-bottom:1px solid rgba(255,255,255,.1)}
.ox-header-inner{width:min(calc(100% - 48px),1380px);height:76px;margin:auto;display:flex;align-items:center;gap:28px}
.ox-brand{display:flex;align-items:center;flex:0 0 auto;text-decoration:none}
.ox-brand img{display:block;width:205px;height:auto}
.ox-main-navigation{flex:1;display:flex;align-items:center;justify-content:center;gap:27px}
.ox-main-navigation a,.ox-header-phone{color:#fff;text-decoration:none;font-size:13px;font-weight:750;white-space:nowrap}
.ox-main-navigation a:hover,.ox-main-navigation a:focus-visible,.ox-main-navigation a[aria-current="page"],.ox-header-phone:hover{color:#efb66f}
.ox-header-actions{display:flex;align-items:center;gap:17px;flex:0 0 auto}
.ox-header-phone{padding-left:18px;border-left:1px solid rgba(255,255,255,.22)}
.ox-menu-toggle{display:none;width:44px;height:44px;padding:0;border:0;color:#fff;background:transparent;font-size:28px;cursor:pointer}

.ox-hero{overflow:hidden;color:#fff;background:linear-gradient(118deg,var(--ox-navy) 0%,#0c3049 64%,#123d58 100%)}
.ox-hero-grid{min-height:620px;padding:68px 0 72px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);align-items:center;gap:clamp(48px,7vw,90px)}
.ox-hero-copy{max-width:720px}
.ox-hero h1{max-width:760px}
.ox-hero h1 span{color:#efb66f}
.ox-hero-lead{max-width:670px;margin-top:24px;color:rgba(255,255,255,.82);font-size:18px}
.ox-hero-trust{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:30px;color:rgba(255,255,255,.78);font-size:14px;font-weight:650}
.ox-hero-trust span{display:flex;align-items:center;gap:8px}
.ox-hero-trust span::before{content:"✓";color:#efb66f;font-weight:900}

.ox-quickstart{padding:29px;background:#fff;color:var(--ox-ink);border-top:5px solid var(--ox-copper);border-radius:var(--ox-radius);box-shadow:0 28px 70px rgba(0,0,0,.24)}
.ox-quickstart h2{font-family:Inter,Arial,sans-serif;font-size:24px;font-weight:850;letter-spacing:-.02em}
.ox-quickstart>p{margin-top:7px;color:var(--ox-muted);font-size:14px}
.ox-project-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:21px 0}
.ox-project-option{position:relative}
.ox-project-option input{position:absolute;opacity:0;pointer-events:none}
.ox-project-option label{min-height:64px;padding:12px 13px;display:flex;align-items:center;gap:11px;border:1px solid var(--ox-line);border-radius:8px;background:#fff;font-size:14px;font-weight:750;cursor:pointer;transition:.15s}
.ox-project-option label svg{width:23px;height:23px;flex:0 0 auto;color:var(--ox-copper)}
.ox-project-option input:checked+label{border-color:var(--ox-copper);background:#fff7ed;box-shadow:0 0 0 2px rgba(201,130,43,.12)}
.ox-project-option input:focus-visible+label{outline:3px solid rgba(201,130,43,.25);outline-offset:2px}
.ox-quick-location{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.ox-field input,.ox-field select,.ox-field textarea{
  width:100%;min-height:52px;padding:12px 14px;border:1px solid #cfc7ba;border-radius:6px;color:var(--ox-ink);background:#fff;outline:none
}
.ox-field textarea{min-height:135px;resize:vertical}
.ox-field input:focus,.ox-field select:focus,.ox-field textarea:focus{border-color:var(--ox-copper);box-shadow:0 0 0 3px rgba(201,130,43,.12)}
.ox-field label,.ox-field-label{display:block;margin-bottom:7px;color:var(--ox-ink);font-size:13px;font-weight:800}
.ox-quickstart .ox-action{width:100%}
.ox-quick-note{margin-top:11px;text-align:center;color:var(--ox-muted);font-size:12px}

.ox-trustbar{border-bottom:1px solid var(--ox-line);background:#fff}
.ox-trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.ox-trust-item{padding:25px 26px;border-right:1px solid var(--ox-line)}
.ox-trust-item:first-child{border-left:1px solid var(--ox-line)}
.ox-trust-item strong{display:block;color:var(--ox-navy);font-size:15px}
.ox-trust-item span{display:block;margin-top:3px;color:var(--ox-muted);font-size:13px}

.ox-section{padding:clamp(70px,6vw,92px) 0}
.ox-section-soft{background:var(--ox-paper)}
.ox-section-dark{color:#fff;background:var(--ox-navy)}
.ox-section-head{max-width:770px;margin-bottom:42px}
.ox-section-head p:not(.ox-eyebrow){max-width:690px;margin-top:16px;color:var(--ox-muted);font-size:17px}
.ox-section-dark .ox-section-head p:not(.ox-eyebrow){color:rgba(255,255,255,.72)}

.ox-kitchen-feature{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px;align-items:center}
.ox-kitchen-copy>p:not(.ox-eyebrow){margin-top:18px;color:var(--ox-muted);font-size:17px}
.ox-kitchen-copy .ox-action{margin-top:28px}
.ox-check-panel{padding:34px;background:#fff;border:1px solid var(--ox-line);border-radius:var(--ox-radius);box-shadow:var(--ox-shadow)}
.ox-check-panel h3{font-family:Inter,Arial,sans-serif;font-size:20px;font-weight:850}
.ox-check-list{display:grid;gap:0;margin:18px 0 0;padding:0;list-style:none}
.ox-check-list li{padding:14px 0 14px 34px;position:relative;border-bottom:1px solid var(--ox-line);color:var(--ox-muted)}
.ox-check-list li:last-child{border-bottom:0}
.ox-check-list li::before{content:"✓";position:absolute;left:0;top:13px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--ox-copper);font-size:12px;font-weight:900}

.ox-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ox-service-card{min-height:100%;padding:30px;display:flex;flex-direction:column;border:1px solid var(--ox-line);border-radius:var(--ox-radius);background:#fff;transition:.17s}
.ox-service-card:hover{transform:translateY(-3px);box-shadow:var(--ox-shadow)}
.ox-service-card.is-primary{border-top:5px solid var(--ox-copper)}
.ox-service-icon{width:48px;height:48px;margin-bottom:24px;display:grid;place-items:center;border-radius:9px;color:var(--ox-copper);background:#fff3e4}
.ox-service-icon svg{width:27px;height:27px}
.ox-service-card h3{font-size:28px}
.ox-service-card p{flex:1;margin:14px 0 22px;color:var(--ox-muted)}

.ox-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ox-step{padding:28px;border:1px solid rgba(255,255,255,.14);border-radius:var(--ox-radius);background:rgba(255,255,255,.045)}
.ox-step b{display:grid;width:42px;height:42px;place-items:center;margin-bottom:22px;border-radius:50%;color:var(--ox-navy);background:#efb66f}
.ox-step h3{font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:850}
.ox-step p{margin-top:9px;color:rgba(255,255,255,.68);font-size:14px}

.ox-reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ox-review{padding:28px;border:1px solid var(--ox-line);border-top:4px solid var(--ox-copper);border-radius:var(--ox-radius);background:#fff}
.ox-review-stars{color:var(--ox-copper);letter-spacing:.12em}
.ox-review blockquote{margin:18px 0 24px;color:#344653;font-size:15px;line-height:1.75}
.ox-review footer{padding-top:17px;border-top:1px solid var(--ox-line)}
.ox-review footer strong{display:block}
.ox-review footer span{display:block;margin-top:3px;color:var(--ox-muted);font-size:13px}

.ox-scan{background:linear-gradient(180deg,#f4f0e8 0%,#fff 100%)}
.ox-scan-shell{max-width:930px;margin:auto;overflow:hidden;border:1px solid var(--ox-line);border-radius:12px;background:#fff;box-shadow:var(--ox-shadow)}
.ox-scan-head{padding:38px 40px 26px;border-bottom:1px solid var(--ox-line)}
.ox-scan-head p:not(.ox-eyebrow){margin-top:13px;color:var(--ox-muted)}
.ox-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:24px}
.ox-progress span{height:5px;border-radius:99px;background:#e6e0d5}
.ox-progress span.is-active{background:var(--ox-copper)}
.ox-progress-label{margin-top:9px;color:var(--ox-muted);font-size:12px;font-weight:750}
.ox-scan-form{padding:34px 40px 40px}
.ox-form-step[hidden]{display:none!important}
.ox-form-step h3{margin-bottom:24px;font-family:Inter,Arial,sans-serif;font-size:22px;font-weight:850}
.ox-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ox-field-full{grid-column:1/-1}
.ox-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ox-choice{position:relative}
.ox-choice input{position:absolute;opacity:0}
.ox-choice label{min-height:58px;padding:12px 14px;display:flex;align-items:center;border:1px solid #cfc7ba;border-radius:7px;font-size:14px;font-weight:750;cursor:pointer}
.ox-choice input:checked+label{border-color:var(--ox-copper);background:#fff7ed;box-shadow:0 0 0 2px rgba(201,130,43,.1)}
.ox-checkboxes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ox-check{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--ox-line);border-radius:7px;background:#fff}
.ox-check input{width:18px;height:18px;margin-top:2px;accent-color:var(--ox-copper)}
.ox-form-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:27px}
.ox-form-actions.is-first{justify-content:flex-end}
.ox-form-actions .ox-form-next,.ox-form-actions .ox-form-submit{min-width:210px}
.ox-upload{padding:20px;border:1px dashed #b8aa94;border-radius:8px;background:#faf8f4}
.ox-upload small{display:block;margin-top:10px;color:var(--ox-muted)}
.ox-photo-list{display:grid;gap:7px;margin-top:12px}
.ox-photo-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;background:#fff;border:1px solid var(--ox-line);border-radius:6px;font-size:13px}
.ox-photo-row button{padding:0;border:0;color:var(--ox-error);background:transparent;font-weight:800;cursor:pointer}
.ox-consent{display:flex;align-items:flex-start;gap:11px;margin-top:18px;color:var(--ox-muted);font-size:13px}
.ox-consent input{width:18px;height:18px;margin-top:2px;accent-color:var(--ox-copper)}
.ox-status{margin-top:17px;padding:0;font-weight:750}
.ox-status.ok{padding:13px;border-radius:6px;color:var(--ox-success);background:#e9f6ee}
.ox-status.err{padding:13px;border-radius:6px;color:var(--ox-error);background:#faecec}
.ox-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}

.ox-faq-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:75px}
.ox-faq-list{display:grid;gap:10px}
.ox-faq-list details{padding:0 20px;border:1px solid var(--ox-line);border-radius:8px;background:#fff}
.ox-faq-list summary{position:relative;padding:18px 35px 18px 0;list-style:none;font-weight:800;cursor:pointer}
.ox-faq-list summary::-webkit-details-marker{display:none}
.ox-faq-list summary::after{content:"+";position:absolute;right:0;top:13px;color:var(--ox-copper);font-size:26px}
.ox-faq-list details[open] summary::after{content:"−"}
.ox-faq-list details p{padding:0 0 18px;color:var(--ox-muted)}

.ox-final-cta{padding:58px 0;color:#fff;background:var(--ox-navy)}
.ox-final-grid{display:flex;align-items:center;justify-content:space-between;gap:40px}
.ox-final-grid h2{font-size:clamp(33px,4vw,48px)}
.ox-final-grid p{margin-top:10px;color:rgba(255,255,255,.7)}

.ox-site-footer{padding:56px 0 25px;color:rgba(255,255,255,.72);background:#051522}
.ox-footer-grid{display:grid;grid-template-columns:1.4fr .65fr .9fr;gap:55px}
.ox-footer-logo{width:210px;margin-bottom:16px}
.ox-footer-grid h3{margin-bottom:14px;color:#fff;font-family:Inter,Arial,sans-serif;font-size:15px;font-weight:850}
.ox-footer-links{display:grid;gap:8px}
.ox-footer-links a{text-decoration:none}
.ox-footer-links a:hover{text-decoration:underline}
.ox-footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:42px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:12px}

.ox-mobile-actions{display:none}

/* Diensten- en keukenpagina */
.ox-page-hero{color:#fff;background:linear-gradient(118deg,var(--ox-navy),#103b57)}
.ox-page-hero-grid{min-height:540px;padding:70px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.78fr);align-items:center;gap:70px}
.ox-page-hero p.ox-lead{max-width:650px;margin:22px 0 0;color:rgba(255,255,255,.78);font-size:18px}
.ox-page-hero .ox-action{margin-top:29px}
.ox-summary-card{padding:30px;border-radius:var(--ox-radius);color:var(--ox-ink);background:#fff;box-shadow:0 24px 65px rgba(0,0,0,.23)}
.ox-summary-card h2{font-family:Inter,Arial,sans-serif;font-size:21px;font-weight:850}
.ox-summary-card ol{margin:18px 0 0;padding:0;list-style:none;counter-reset:steps}
.ox-summary-card li{counter-increment:steps;display:grid;grid-template-columns:38px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid var(--ox-line)}
.ox-summary-card li:last-child{border-bottom:0}
.ox-summary-card li::before{content:counter(steps,decimal-leading-zero);color:var(--ox-copper);font-weight:900}
.ox-summary-card small{display:block;color:var(--ox-muted)}
.ox-wide-list{display:grid;gap:14px}
.ox-wide-row{display:grid;grid-template-columns:62px 1fr;gap:20px;padding:25px;border:1px solid var(--ox-line);border-radius:var(--ox-radius);background:#fff}
.ox-wide-row b{display:grid;width:48px;height:48px;place-items:center;border-radius:8px;color:var(--ox-copper);background:#fff3e4}
.ox-wide-row p{margin-top:7px;color:var(--ox-muted)}
.ox-two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.ox-bullet-list{margin:23px 0 0;padding:0;list-style:none}
.ox-bullet-list li{position:relative;padding:11px 0 11px 29px;border-bottom:1px solid var(--ox-line)}
.ox-bullet-list li::before{content:"✓";position:absolute;left:0;color:var(--ox-copper);font-weight:900}

@media(max-width:1050px){
  .ox-header-phone{display:none}
  .ox-main-navigation{gap:18px}
  .ox-hero-grid,.ox-page-hero-grid{grid-template-columns:1fr;gap:42px}
  .ox-quickstart{max-width:720px}
  .ox-trust-grid{grid-template-columns:1fr 1fr}
  .ox-trust-item:nth-child(3){border-left:1px solid var(--ox-line)}
  .ox-kitchen-feature{grid-template-columns:1fr;gap:38px}
  .ox-service-grid,.ox-reviews-grid{grid-template-columns:1fr 1fr}
  .ox-process-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .ox-site-header,.ox-header-inner{height:68px}
  .ox-header-inner{width:calc(100% - 28px)}
  .ox-brand img{width:176px}
  .ox-header-cta{display:none}
  .ox-menu-toggle{display:flex;align-items:center;justify-content:center}
  .ox-main-navigation{position:fixed;inset:68px 0 auto 0;display:none;padding:17px 22px 24px;flex-direction:column;align-items:stretch;gap:0;background:var(--ox-navy);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 24px 40px rgba(0,0,0,.24)}
  .ox-main-navigation.is-open{display:flex}
  .ox-main-navigation a{padding:15px 4px;border-bottom:1px solid rgba(255,255,255,.1)}
  .ox-mobile-actions{position:fixed;left:0;right:0;bottom:0;z-index:1100;display:grid;grid-template-columns:1fr 1.35fr;padding:6px;gap:6px;background:var(--ox-navy);box-shadow:0 -7px 25px rgba(0,0,0,.2)}
  .ox-mobile-actions a{min-height:50px;padding:0 10px;font-size:13px}
  body{padding-bottom:68px}
  .ox-faq-grid{grid-template-columns:1fr;gap:30px}
  .ox-final-grid{align-items:flex-start;flex-direction:column}
  .ox-two-col{grid-template-columns:1fr;gap:38px}
}
@media(max-width:680px){
  .ox-shell{width:min(calc(100% - 28px),var(--ox-width))}
  h1{font-size:42px}
  h2{font-size:35px}
  .ox-hero-grid{min-height:auto;padding:58px 0 64px}
  .ox-hero-lead{font-size:16px}
  .ox-quickstart{padding:22px}
  .ox-project-options,.ox-quick-location,.ox-choice-grid,.ox-checkboxes,.ox-form-grid{grid-template-columns:1fr}
  .ox-trust-grid,.ox-service-grid,.ox-reviews-grid,.ox-process-grid{grid-template-columns:1fr}
  .ox-trust-item,.ox-trust-item:first-child,.ox-trust-item:nth-child(3){border-left:0;border-right:0;border-bottom:1px solid var(--ox-line)}
  .ox-section{padding:68px 0}
  .ox-check-panel{padding:25px}
  .ox-scan-head{padding:28px 22px 22px}
  .ox-scan-form{padding:26px 22px 30px}
  .ox-field-full{grid-column:auto}
  .ox-form-actions{align-items:stretch;flex-direction:column-reverse}
  .ox-form-actions.is-first{flex-direction:column}
  .ox-form-actions .ox-form-next,.ox-form-actions .ox-form-submit{width:100%;min-width:0}
  .ox-page-hero-grid{min-height:auto;padding:58px 0}
  .ox-footer-grid{grid-template-columns:1fr;gap:32px}
  .ox-footer-bottom{flex-direction:column}
  .ox-wide-row{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ox-action,.ox-service-card{transition:none}}
@media(max-width:680px){
  .ox-hero-trust{display:none}
  .ox-hero-grid{padding-top:46px}
}

/* Conversie-polish v3 */
#diensten{padding-bottom:76px}
#diensten + .ox-section-dark{padding-top:82px}
.ox-scan + .ox-section{padding-top:82px;padding-bottom:76px}
@media(max-width:680px){#diensten{padding-bottom:58px}#diensten + .ox-section-dark{padding-top:64px}.ox-scan + .ox-section{padding-top:64px;padding-bottom:58px}}


/* Sprint 2 v11 — Contact, Kennisbank en Over Oxavix */
.ox-compact-hero{color:#fff;background:linear-gradient(118deg,var(--ox-navy),#103b57)}
.ox-compact-hero-grid,.ox-knowledge-hero{min-height:510px;padding:70px 0;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.78fr);align-items:center;gap:70px}
.ox-compact-lead{max-width:720px;margin-top:22px;color:rgba(255,255,255,.78);font-size:18px}
.ox-inline-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:30px}
.ox-on-dark{color:#efb66f}
.ox-contact-summary,.ox-principle-summary,.ox-knowledge-side{padding:31px;border:1px solid rgba(255,255,255,.14);border-radius:var(--ox-radius);background:rgba(255,255,255,.06)}
.ox-contact-summary h2{font-size:36px}
.ox-contact-summary small{display:block;margin-top:18px;color:rgba(255,255,255,.65)}
.ox-contact-lines{display:grid;margin-top:21px}
.ox-contact-lines a{display:grid;gap:2px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.13);text-decoration:none}
.ox-contact-lines a:last-child{border-bottom:0}
.ox-contact-lines span{color:rgba(255,255,255,.72);font-size:14px}
.ox-contact-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ox-contact-card{padding:30px;display:flex;flex-direction:column;border:1px solid var(--ox-line);border-radius:var(--ox-radius);background:#fff}
.ox-contact-number{width:44px;height:44px;display:grid;place-items:center;margin-bottom:22px;border-radius:50%;color:#fff;background:var(--ox-copper);font-weight:900}
.ox-contact-card p{flex:1;margin:14px 0 24px;color:var(--ox-muted)}
.ox-contact-card .ox-action{width:100%}
.ox-support-copy,.ox-body-copy p{margin-top:18px;color:var(--ox-muted);font-size:17px}
.ox-body-copy p:first-child{margin-top:0}
.ox-location-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:70px;align-items:center}
.ox-location-grid>div:first-child>p:not(.ox-eyebrow){margin-top:18px;color:var(--ox-muted);font-size:17px}
.ox-address-card{padding:30px;display:grid;gap:7px;border:1px solid var(--ox-line);border-top:5px solid var(--ox-copper);border-radius:var(--ox-radius);background:#fff;box-shadow:var(--ox-shadow)}
.ox-address-card strong{font-size:19px}
.ox-address-card span{color:var(--ox-muted)}
.ox-address-card .ox-text-link{margin-top:12px}
.ox-knowledge-side{display:grid;grid-template-columns:45px 1fr;gap:7px 15px}
.ox-knowledge-side span{grid-row:span 2;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:var(--ox-navy);background:#efb66f;font-weight:900}
.ox-knowledge-side strong{align-self:end}
.ox-knowledge-side p{margin-bottom:20px;color:rgba(255,255,255,.67);font-size:14px}
.ox-filter-row{display:flex;flex-wrap:wrap;gap:9px;margin:-18px 0 30px}
.ox-filter-row span{padding:7px 12px;border:1px solid var(--ox-line);border-radius:99px;color:var(--ox-muted);background:var(--ox-paper);font-size:12px;font-weight:800}
.ox-article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ox-article-card{min-height:100%;padding:28px;display:flex;flex-direction:column;border:1px solid var(--ox-line);border-radius:var(--ox-radius);background:#fff;transition:.17s}
.ox-article-card:first-child{border-top:5px solid var(--ox-copper)}
.ox-article-card:hover{transform:translateY(-3px);box-shadow:var(--ox-shadow)}
.ox-article-tag{color:var(--ox-copper-hover);font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.ox-article-card h3{margin-top:13px;font-size:28px}
.ox-article-card p{flex:1;margin:14px 0 22px;color:var(--ox-muted)}
.ox-principle-summary>strong{font-family:"DM Serif Display",Georgia,serif;font-size:32px;font-weight:400}
.ox-principle-summary>p{margin-top:10px;color:rgba(255,255,255,.68)}
.ox-principle-summary ul{display:grid;gap:9px;margin:23px 0 0;padding:0;list-style:none}
.ox-principle-summary li{position:relative;padding-left:25px}
.ox-principle-summary li::before{content:"✓";position:absolute;left:0;color:#efb66f;font-weight:900}
.ox-principles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ox-principles-grid article{padding:27px;border:1px solid var(--ox-line);border-radius:var(--ox-radius);background:#fff}
.ox-principles-grid b{display:grid;width:42px;height:42px;place-items:center;margin-bottom:20px;border-radius:50%;color:#fff;background:var(--ox-copper)}
.ox-principles-grid h3{font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:850}
.ox-principles-grid p{margin-top:9px;color:var(--ox-muted);font-size:14px}

@media(max-width:1050px){
  .ox-compact-hero-grid,.ox-knowledge-hero{grid-template-columns:1fr;gap:38px}
  .ox-contact-summary,.ox-principle-summary,.ox-knowledge-side{max-width:720px}
  .ox-contact-card-grid,.ox-article-grid{grid-template-columns:1fr 1fr}
  .ox-principles-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .ox-compact-hero-grid,.ox-knowledge-hero{min-height:auto;padding:58px 0}
  .ox-inline-actions{align-items:stretch;flex-direction:column}
  .ox-inline-actions .ox-action{width:100%}
  .ox-contact-card-grid,.ox-article-grid,.ox-principles-grid,.ox-location-grid{grid-template-columns:1fr}
  .ox-location-grid{gap:34px}
  .ox-contact-summary,.ox-principle-summary,.ox-knowledge-side{padding:24px}
}

/* V12: één designsysteem voor lokale pagina's, diensten en Kennisbank */
.ox-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px;color:rgba(255,255,255,.58);font-size:13px}.ox-breadcrumbs a{color:inherit;text-decoration:none}.ox-breadcrumbs a:hover{color:#efb66f}.ox-unified-hero{color:#fff;background:linear-gradient(118deg,var(--ox-navy),#103b57)}.ox-unified-hero-light{color:var(--ox-navy);background:var(--ox-paper)}.ox-unified-hero-light .ox-breadcrumbs{color:var(--ox-muted)}.ox-unified-hero>.ox-shell{padding-top:68px;padding-bottom:68px}.ox-unified-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(310px,.72fr);gap:70px;align-items:center}.ox-unified-hero h1{max-width:900px;font-size:clamp(46px,6vw,78px);line-height:.98}.ox-unified-hero-light h1{max-width:980px}.ox-unified-lead{max-width:780px;margin-top:22px;color:rgba(255,255,255,.78);font-size:18px;line-height:1.7}.ox-unified-hero-light .ox-unified-lead{color:var(--ox-muted)}.ox-unified-meta{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px;color:var(--ox-muted);font-size:13px}.ox-unified-summary{padding:30px;border:1px solid rgba(255,255,255,.15);border-radius:var(--ox-radius);background:rgba(255,255,255,.06)}.ox-unified-summary>strong{font-family:"DM Serif Display",Georgia,serif;font-size:31px;font-weight:400}.ox-unified-summary>p{margin-top:12px;color:rgba(255,255,255,.7)}.ox-unified-summary ul{display:grid;gap:9px;margin:22px 0 0;padding:0;list-style:none}.ox-unified-summary li{position:relative;padding-left:24px}.ox-unified-summary li:before{content:"✓";position:absolute;left:0;color:#efb66f;font-weight:900}.ox-prose-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:60px;align-items:start}.ox-prose{min-width:0}.ox-prose>div,.ox-prose>section,.ox-prose>article{display:block}.ox-prose h2{margin:50px 0 18px;font-size:clamp(31px,4vw,48px);line-height:1.08}.ox-prose h2:first-child{margin-top:0}.ox-prose h3{margin:32px 0 12px;font-family:Inter,Arial,sans-serif;font-size:22px;font-weight:850;line-height:1.25}.ox-prose h4{margin:24px 0 10px;font-family:Inter,Arial,sans-serif;font-size:18px}.ox-prose p,.ox-prose li,.ox-prose address{color:var(--ox-muted);font-size:17px;line-height:1.78}.ox-prose p{margin:0 0 18px}.ox-prose ul,.ox-prose ol{display:grid;gap:9px;margin:18px 0 26px;padding-left:23px}.ox-prose a{color:var(--ox-copper-hover);font-weight:700;text-decoration-thickness:1px;text-underline-offset:3px}.ox-prose blockquote{margin:28px 0;padding:20px 24px;border-left:4px solid var(--ox-copper);background:var(--ox-paper);color:var(--ox-navy);font-size:18px}.ox-prose details{margin:10px 0;border:1px solid var(--ox-line);border-radius:10px;background:#fff}.ox-prose summary{padding:18px 20px;cursor:pointer;color:var(--ox-navy);font-weight:800}.ox-prose details p,.ox-prose details ul{padding:0 20px 18px}.ox-prose table{width:100%;margin:26px 0;border-collapse:collapse}.ox-prose th,.ox-prose td{padding:13px;border:1px solid var(--ox-line);text-align:left}.ox-prose th{color:var(--ox-navy);background:var(--ox-paper)}.ox-prose-sidebar{position:sticky;top:112px;display:grid;gap:18px}.ox-side-box{padding:26px;border:1px solid var(--ox-line);border-radius:var(--ox-radius);background:#fff;box-shadow:0 16px 35px rgba(7,27,44,.06)}.ox-side-box h3{font-family:"DM Serif Display",Georgia,serif;font-size:29px;font-weight:400}.ox-side-box p:not(.ox-eyebrow){margin:12px 0 22px;color:var(--ox-muted);font-size:14px;line-height:1.65}.ox-side-box .ox-action{width:100%}.ox-side-links a{display:block;padding:11px 0;border-bottom:1px solid var(--ox-line);color:var(--ox-copper-hover);font-weight:750;text-decoration:none}.ox-side-links a:last-child{border-bottom:0}.ox-unified-hero-light+.ox-section{padding-top:70px}.ox-prose .art-highlight,.ox-prose .highlight,.ox-prose .callout{margin:28px 0;padding:22px;border-left:4px solid var(--ox-copper);background:var(--ox-paper)}
@media(max-width:980px){.ox-unified-hero-grid,.ox-prose-layout{grid-template-columns:1fr}.ox-unified-summary{max-width:720px}.ox-prose-sidebar{position:static;grid-template-columns:1fr 1fr}.ox-prose-sidebar .ox-side-box{height:100%}}
@media(max-width:680px){.ox-unified-hero>.ox-shell{padding-top:52px;padding-bottom:52px}.ox-unified-hero h1{font-size:43px}.ox-unified-hero-grid{gap:34px}.ox-prose-sidebar{grid-template-columns:1fr}.ox-prose p,.ox-prose li,.ox-prose address{font-size:16px}.ox-prose h2{margin-top:38px}}

/* V13: ankers blijven zichtbaar onder de vaste header */
#zolderscan{scroll-margin-top:96px}