.inline-link{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.compact-contact{background:linear-gradient(145deg,#f8fbfc,#eef8f7);border-top:1px solid var(--line)}
.compact-contact .contact-form-copy h2{font-size:clamp(2.5rem,5vw,4.25rem)}
.onepage-blog{background:#fff;padding-top:105px}
.onepage-blog .blog-card-copy h3{font-size:1.5rem;line-height:1.15;margin:10px 0 14px}
.onepage-blog .blog-card-media{height:220px;aspect-ratio:auto}
.onepage-blog .blog-card-media img{object-fit:cover}
.onepage-blog .blog-card:nth-child(2) .blog-card-media img,.onepage-blog .blog-card:nth-child(3) .blog-card-media img{object-fit:contain;padding:14px;background:linear-gradient(145deg,#edf5f8,#f5faf8)}
.onepage-blog .blog-card-copy strong{display:block}
.hubspot-contact-form{min-height:420px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 45px rgba(12,54,78,.08)}
.hubspot-contact-form noscript p{margin:0;color:var(--muted)}
.hubspot-contact-form noscript a{color:var(--blue);font-weight:700}
.contact-feedback .planner-success{margin:0}
#contact,#blog,#demo,#producten,#beheer,#sectoren,#over-ons,#werkwijze,#oplossing{scroll-margin-top:92px}
.footer-column a[href="#blog"],.footer-column a[href="#contact"]{font-weight:720;color:#fff}
@media(max-width:880px){.onepage-blog{padding-top:82px}}
@media(max-width:620px){.hubspot-contact-form{min-height:460px;padding:18px;border-radius:18px}.onepage-blog{padding-top:66px}.onepage-blog .blog-card-media{height:205px}}
/* HubSpot's supported embed variables keep labels legible on the white card. */
:root {
  --hsf-global__font-family: Geist, Arial, sans-serif;
  --hsf-global__font-size: 16px;
  --hsf-global__color: #12334a;
  --hsf-heading__color: #12334a;
  --hsf-richtext__color: #425a6b;
  --hsf-field-label__color: #12334a;
  --hsf-field-label__font-size: 16px;
  --hsf-field-description__color: #425a6b;
  --hsf-field-footer__color: #425a6b;
  --hsf-field-input__color: #12334a;
  --hsf-field-input__placeholder-color: #526878;
  --hsf-field-input__background-color: #f5f8fa;
  --hsf-field-input__border-color: #8295a3;
  --hsf-field-textarea__color: #12334a;
  --hsf-field-textarea__placeholder-color: #526878;
  --hsf-field-textarea__background-color: #f5f8fa;
  --hsf-field-textarea__border-color: #8295a3;
  --hsf-background__background-color: #fff;
  --hsf-button__color: #fff;
  --hsf-button__background-color: #006bb5;
  --hsf-field-label-requiredindicator__color: #bd2020;
}

.contact-advice-photo{margin:32px 0 0;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff}.contact-advice-photo img{display:block;width:100%;height:260px;object-fit:cover}.contact-advice-photo figcaption{padding:16px 20px;font-size:16px;color:#12334a;font-weight:600}@media(max-width:620px){.contact-advice-photo img{height:210px}}

/* Dark contact surface contrasts with the white labels configured in HubSpot. */
.compact-contact .hubspot-contact-form{background:#0b2f50;border-color:#244c6c;color:#fff}.hubspot-contact-form noscript p,.hubspot-contact-form noscript a{color:#fff}

/* An opaque viewport panel. No backdrop-filter: it traps fixed descendants
   inside the header on mobile Safari and Chromium. */
.site-header{background:#fff!important;opacity:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important;filter:none!important;z-index:10000;isolation:isolate}
.site-header .mobile-nav[hidden]{display:none!important}
@media(min-width:1001px){.site-header .mobile-nav,.site-header .menu-button{display:none!important}}
@media(max-width:1000px){
 .site-header .header-inner{display:flex;justify-content:space-between;gap:16px;min-height:76px;height:auto;padding-top:8px;padding-bottom:8px;background:#fff}
 .site-header .logo-link{min-width:0;max-width:175px}
 .site-header .desktop-nav,.site-header .header-cta{display:none!important}
 .site-header button.menu-button{display:flex!important;visibility:visible!important;opacity:1!important;position:relative;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:72px;height:54px;padding:8px;border:1px solid #0b2f50;border-radius:12px;background:#0b2f50!important;color:#fff;cursor:pointer;z-index:2}
 .site-header .menu-button span{display:block!important;flex:none;width:22px;height:2px;min-height:2px;margin:0;background:#fff!important}
 .site-header .menu-button:after{content:'Menu';display:block;font:600 12px/1.1 Arial,sans-serif;color:#fff}
 .site-header .menu-button[aria-expanded=true]:after{content:'Sluiten'}
 .site-header .mobile-nav:not([hidden]){display:block!important;position:fixed!important;top:var(--avx-menu-top,77px)!important;right:0!important;bottom:0!important;left:0!important;width:100%;height:auto!important;max-height:none;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:24px max(24px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:#fff!important;background-image:none!important;color:#0b2f50;z-index:1;visibility:visible!important;opacity:1!important;pointer-events:auto;transform:none!important;transition:none;border-top:1px solid #d7e5ed;box-shadow:none}
 .site-header .mobile-nav nav{display:flex;flex-direction:column;max-width:560px;margin:auto;background:#fff;opacity:1}
 .site-header .mobile-nav nav>a:not(.button){display:flex;justify-content:space-between;align-items:center;min-height:56px;padding:17px 2px;border-bottom:1px solid #d7e5ed;color:#0b2f50!important;font-size:1.125rem;line-height:1.5;font-weight:650;text-decoration:none}
 .site-header .mobile-nav .button{margin-top:24px;color:#fff!important;min-height:54px}
 body.menu-open{overflow:hidden!important;overscroll-behavior:none}
}
@media(min-width:783px){body.admin-bar .site-header{top:32px}}
@media(min-width:601px) and (max-width:782px){body.admin-bar .site-header{top:46px}}