/* Ontruimingsbedrijf: mobile-first surface and motion layer. */
/* Outfit, Copyright 2021 The Outfit Project Authors; SIL OFL 1.1. */
@font-face{font-family:Outfit;font-style:normal;font-weight:300 800;font-display:swap;src:url('/assets/fonts/outfit-latin-variable-20261020.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.brand-ontruiming{font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.brand-ontruiming{--glass:rgba(255,252,247,.86);--ui-shadow:0 12px 36px #173f3410;background-image:url('/assets/images/paper-relief-mobile-20261020.webp');background-size:1536px auto;background-repeat:repeat-y;background-position:center top}
.brand-ontruiming .site-header{position:sticky;top:max(8px,env(safe-area-inset-top));z-index:90;width:min(1240px,calc(100% - 24px));margin:10px auto 0;border:1px solid #ffffffc9;border-radius:23px;background:var(--glass);box-shadow:0 4px 18px #173f3409;transition:box-shadow .25s,border-color .25s;-webkit-backdrop-filter:blur(20px) saturate(125%);backdrop-filter:blur(20px) saturate(125%)}
.brand-ontruiming .site-header.is-scrolled{border-color:#cad8cbbf;box-shadow:var(--ui-shadow)}
.brand-ontruiming .header-row{width:100%;min-height:68px;padding:10px 12px;gap:12px;flex-wrap:wrap}
.brand-ontruiming .site-header .brand{min-width:0;gap:9px;flex:1 1 auto}
.brand-ontruiming .site-header .brand img{width:36px;height:36px;flex:0 0 36px}
.brand-ontruiming .site-header .brand strong{font-size:clamp(.88rem,3.9vw,1.08rem);letter-spacing:-.025em;overflow-wrap:normal}
.brand-ontruiming .nav-toggle{display:none;position:relative;flex:0 0 48px;width:48px;height:48px;min-height:48px;padding:0;border:1px solid #b6cbb9;border-radius:50%;background:#eff3eb;color:var(--ink);box-shadow:inset 0 1px #ffffffc7;place-items:center}
.brand-ontruiming .nav-toggle svg{position:absolute;width:24px;height:24px;transition:opacity .2s,transform .25s}
.brand-ontruiming .nav-toggle .menu-close{opacity:0;transform:rotate(-70deg) scale(.7)}
.brand-ontruiming .nav-toggle[aria-expanded=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.brand-ontruiming .nav-toggle[aria-expanded=true] .menu-open{opacity:0;transform:rotate(70deg) scale(.7)}
.brand-ontruiming .nav-toggle[aria-expanded=true] .menu-close{opacity:1;transform:none}
.brand-ontruiming .site-nav{display:flex;position:static;flex:1 0 100%;flex-direction:column;align-items:stretch;gap:2px;padding:8px;background:transparent;border:0;box-shadow:none;font-size:.94rem}
.brand-ontruiming .site-nav>a{min-height:48px;padding:10px 15px;border-radius:13px;transition:background .2s,color .2s}
.brand-ontruiming .site-nav>a:hover,.brand-ontruiming .site-nav>a[aria-current=page]{background:#e5ede2;color:var(--ink)}
.brand-ontruiming .site-nav .nav-contact{justify-content:space-between;margin-top:5px;padding:12px 18px;border:0;border-radius:999px;background:var(--ink);color:var(--paper)}
.visual-ui-ready .brand-ontruiming .header-row{flex-wrap:nowrap}
.visual-ui-ready .brand-ontruiming .nav-toggle{display:grid}
.visual-ui-ready .brand-ontruiming .site-nav{position:absolute;top:calc(100% + 9px);left:0;right:0;max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;padding:10px;border:1px solid #d3ddcf;border-radius:23px;background:#fcfaf5f5;box-shadow:var(--ui-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.visual-ui-ready .brand-ontruiming .site-nav:not(.is-open){display:none}
.visual-ui-ready .brand-ontruiming .site-nav.is-open{display:flex;animation:nav-arrive .22s ease-out both}
.brand-ontruiming .hero-home{margin-top:10px}
.brand-ontruiming .hero-home .hero-copy>.eyebrow{display:none}
.brand-ontruiming .hero-inner{margin-top:12px}
.brand-ontruiming .section,.brand-ontruiming .hero-inner,.brand-ontruiming .cta-section,.brand-ontruiming .site-footer{position:relative;isolation:isolate;background-image:url('/assets/images/abstract-arches-20261020.svg'),linear-gradient(#f8f5efcf,#f8f5efcf),url('/assets/images/paper-relief-mobile-20261020.webp');background-repeat:no-repeat,no-repeat,repeat;background-position:right top,center,center;background-size:min(85%,640px) auto,cover,768px auto}
.brand-ontruiming .section::before,.brand-ontruiming .cta-section::before{content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/images/abstract-arches-20261020.svg') left bottom/min(66%,540px) auto no-repeat;opacity:.55;pointer-events:none}
.brand-ontruiming .section:nth-of-type(even){background-position:left top,center,center}
.brand-ontruiming .section.band{background-color:#e7ede5;background-image:url('/assets/images/abstract-arches-20261020.svg'),linear-gradient(#e7ede5e0,#e7ede5e0),url('/assets/images/paper-relief-mobile-20261020.webp')}
.brand-ontruiming .cta-section{background-color:#dfe9df;background-image:url('/assets/images/abstract-arches-20261020.svg'),linear-gradient(#dfe9dfce,#dfe9dfce),url('/assets/images/paper-relief-mobile-20261020.webp')}
.brand-ontruiming .site-footer{background-image:url('/assets/images/abstract-arches-20261020.svg'),linear-gradient(#173f34f2,#173f34f2),url('/assets/images/paper-relief-mobile-20261020.webp');background-position:right bottom,center,center;background-size:640px auto,cover,768px auto;padding-bottom:110px}
.brand-ontruiming .card,.brand-ontruiming .preparation-card,.brand-ontruiming .callback-section,.brand-ontruiming .contact-aside{background-image:url('/assets/images/abstract-arches-20261020.svg');background-size:280px auto;background-repeat:no-repeat;background-position:right bottom;box-shadow:0 8px 24px #173f3405}
.brand-ontruiming .tool{background-image:url('/assets/images/abstract-arches-20261020.svg');background-size:300px auto;background-repeat:no-repeat;background-position:right top}
.brand-ontruiming .floating-contact,.brand-ontruiming .widget-reopen{position:fixed;inset:var(--contact-top,auto) var(--contact-right,max(18px,env(safe-area-inset-right))) var(--contact-bottom,max(18px,env(safe-area-inset-bottom))) var(--contact-left,auto)!important;z-index:80;width:62px;height:62px;min-height:62px;max-width:none;margin:0;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;touch-action:auto}
.brand-ontruiming .floating-contact{display:block}
.brand-ontruiming .floating-contact .widget-handle{display:none}
.brand-ontruiming .floating-contact a,.brand-ontruiming .widget-reopen{display:grid;place-items:center;width:62px;height:62px;min-height:62px;padding:0;border:1px solid #ffffff80;border-radius:50%;background:linear-gradient(145deg,#376d56,#173f34);color:#fffdf6;box-shadow:0 8px 24px #173f3430,inset 0 1px #ffffff36;transition:transform .2s,box-shadow .2s}
.brand-ontruiming .floating-contact a:hover,.brand-ontruiming .widget-reopen:hover{transform:translateY(-3px);box-shadow:0 12px 30px #173f3440}
.brand-ontruiming .whatsapp-icon{width:31px;height:31px;display:block}
.brand-ontruiming .widget-label{position:absolute;right:calc(100% + 12px);top:50%;width:max-content;max-width:200px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:#fffcf7;color:var(--ink);box-shadow:var(--ui-shadow);font-size:.78rem;line-height:1.3;opacity:0;visibility:hidden;transform:translate(5px,-50%);transition:opacity .2s,transform .2s;pointer-events:none}
.brand-ontruiming .floating-contact a:hover .widget-label,.brand-ontruiming .floating-contact a:focus-visible .widget-label{opacity:1;visibility:visible;transform:translate(0,-50%)}
.brand-ontruiming .floating-contact [data-widget-close]{position:absolute;right:-12px;top:-22px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;display:grid;place-items:center;isolation:isolate;color:var(--ink);border-radius:50%}
.brand-ontruiming .floating-contact [data-widget-close]::before{content:'';position:absolute;width:24px;height:24px;z-index:-1;border:1px solid var(--line);border-radius:50%;background:#fffcf7;box-shadow:0 2px 6px #173f3410}
.brand-ontruiming .floating-contact [data-widget-close] svg{width:12px;height:12px}
.brand-ontruiming .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.brand-ontruiming.nav-is-open .floating-contact,.brand-ontruiming.nav-is-open .widget-reopen,.brand-ontruiming.consent-visible .floating-contact,.brand-ontruiming.consent-visible .widget-reopen,.brand-ontruiming:has(input:focus,textarea:focus,select:focus) .floating-contact,.brand-ontruiming:has(input:focus,textarea:focus,select:focus) .widget-reopen{visibility:hidden;pointer-events:none}
.brand-ontruiming .reveal-ready{transition:opacity .6s ease-out,translate .6s cubic-bezier(.2,.65,.3,1)}
.brand-ontruiming .reveal-ready:not(.is-visible){opacity:0;translate:-18px 0}
.brand-ontruiming .background-ready::before{transition:opacity .85s ease-out,transform .85s ease-out}
.brand-ontruiming .background-ready:not(.is-visible)::before{opacity:0;transform:translateX(-22px)}
@keyframes nav-arrive{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
@media(min-width:721px){.brand-ontruiming{background-image:url('/assets/images/paper-relief-20261020.webp')}.brand-ontruiming .section,.brand-ontruiming .hero-inner,.brand-ontruiming .cta-section{background-image:url('/assets/images/abstract-arches-20261020.svg'),linear-gradient(#f8f5efcf,#f8f5efcf),url('/assets/images/paper-relief-20261020.webp');background-size:640px auto,cover,1536px auto}.brand-ontruiming .section.band{background-image:url('/assets/images/abstract-arches-20261020.svg'),linear-gradient(#e7ede5e0,#e7ede5e0),url('/assets/images/paper-relief-20261020.webp')}.brand-ontruiming .cta-section{background-image:url('/assets/images/abstract-arches-20261020.svg'),linear-gradient(#dfe9dfce,#dfe9dfce),url('/assets/images/paper-relief-20261020.webp')}.brand-ontruiming .site-footer{padding-bottom:50px}.brand-ontruiming .floating-contact,.brand-ontruiming .floating-contact a,.brand-ontruiming .widget-reopen{width:66px;height:66px;min-height:66px}}
@media(min-width:881px){.brand-ontruiming .site-header{top:14px;margin-top:14px;border-radius:28px}.brand-ontruiming .header-row{min-height:80px;padding:12px 26px;gap:24px}.brand-ontruiming .site-header .brand{flex:0 1 auto;gap:11px}.brand-ontruiming .site-header .brand img{width:42px;height:42px;flex-basis:42px}.visual-ui-ready .brand-ontruiming .nav-toggle{display:none}.visual-ui-ready .brand-ontruiming .site-nav,.visual-ui-ready .brand-ontruiming .site-nav:not(.is-open),.brand-ontruiming .site-nav{position:static;display:flex;flex:0 1 auto;flex-direction:row;align-items:center;gap:2px;max-height:none;overflow:visible;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;font-size:.79rem;animation:none}.brand-ontruiming .site-nav>a{min-height:44px;padding:8px 12px}.brand-ontruiming .site-nav .nav-contact{gap:16px;margin:0 0 0 6px;padding:10px 20px}.brand-ontruiming .hero-home{margin:12px 14px 0;border-radius:28px}.brand-ontruiming .hero-inner{margin:12px 14px 0;border-radius:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.brand-ontruiming .reveal-ready,.brand-ontruiming .background-ready::before,.brand-ontruiming .nav-toggle svg,.brand-ontruiming .site-nav.is-open,.brand-ontruiming .floating-contact a,.brand-ontruiming .widget-reopen{animation:none!important;transition:none!important}.brand-ontruiming .reveal-ready:not(.is-visible){opacity:1;translate:none}.brand-ontruiming .background-ready:not(.is-visible)::before{opacity:.55;transform:none}}
@media print{.brand-ontruiming .site-header{position:static}.brand-ontruiming .floating-contact,.brand-ontruiming .widget-reopen{display:none}.brand-ontruiming .reveal-ready{opacity:1!important;translate:none!important}}

/* Direct dragging, edge snapping and drop-to-hide, matching Klussterk. */
.brand-ontruiming .floating-contact a{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.brand-ontruiming .floating-contact a svg{pointer-events:none}
.brand-ontruiming .floating-contact.is-dragging{z-index:130;cursor:grabbing}
.brand-ontruiming .floating-contact.is-dragging a{cursor:grabbing;transform:none;box-shadow:0 14px 36px #173f3450}
.brand-ontruiming .floating-contact.is-dragging .widget-label{visibility:hidden}
.brand-ontruiming.is-contact-dragging{user-select:none;-webkit-user-select:none}
.brand-ontruiming .floating-contact.is-snapping{transition:left .2s ease-out,top .2s ease-out}
.brand-ontruiming .floating-contact.is-left .widget-label{right:auto;left:calc(100% + 12px)}
.brand-ontruiming .widget-remove{position:fixed;left:50%;bottom:max(22px,env(safe-area-inset-bottom));z-index:120;display:flex;align-items:center;justify-content:center;gap:10px;max-width:calc(100% - 32px);min-height:64px;padding:12px 22px;border:1px solid #b5c5b3;border-radius:999px;background:#fffcf7ee;color:var(--ink);box-shadow:0 8px 32px #173f3428;transform:translateX(-50%);pointer-events:none;backdrop-filter:blur(16px);font-size:.83rem;font-weight:550}
.brand-ontruiming .widget-remove>svg{width:24px;height:24px;flex-shrink:0}
.brand-ontruiming .widget-remove.is-active{background:#f2dfd1;border-color:var(--accent);color:#71391f;box-shadow:0 0 0 5px #b56a4820}
@media(prefers-reduced-motion:reduce){.brand-ontruiming .floating-contact.is-snapping{transition:none}}
@media print{.brand-ontruiming .widget-remove{display:none}}

/* Network contact control: one round CTA and a separate, quiet restore tab. */
body .floating-contact[data-widget]{position:fixed;inset:var(--contact-top,auto) var(--contact-right,max(18px,env(safe-area-inset-right))) var(--contact-bottom,max(18px,env(safe-area-inset-bottom))) var(--contact-left,auto)!important;z-index:80;display:block;width:62px;height:62px;min-height:62px;max-width:none;margin:0;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;touch-action:auto}
body .floating-contact[data-widget] a{display:grid;place-items:center;width:62px;height:62px;min-height:62px;padding:0;border:1px solid #ffffff90;border-radius:50%;background:linear-gradient(145deg,var(--primary),var(--ink));color:#fff;box-shadow:0 8px 26px color-mix(in srgb,var(--ink) 25%,transparent),inset 0 1px #ffffff40;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;transition:box-shadow .2s}
body .floating-contact[data-widget] a:hover{transform:none;box-shadow:0 10px 30px color-mix(in srgb,var(--ink) 35%,transparent)}
body .floating-contact[data-widget] .whatsapp-icon{display:block;width:31px;height:31px;pointer-events:none}
body .floating-contact[data-widget] .widget-label{position:absolute;right:calc(100% + 12px);top:50%;width:max-content;max-width:min(200px,calc(100vw - 110px));padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font-size:.78rem;line-height:1.3;white-space:normal;opacity:0;visibility:hidden;transform:translateY(-50%);pointer-events:none;transition:opacity .2s}
body .floating-contact[data-widget].is-left .widget-label{right:auto;left:calc(100% + 12px)}
@media(hover:hover){body .floating-contact[data-widget] a:hover .widget-label{opacity:1;visibility:visible}}
body .floating-contact[data-widget] a:focus-visible .widget-label{opacity:1;visibility:visible}
body .floating-contact[data-widget] [data-widget-close]{position:absolute;right:-12px;top:-22px;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink);isolation:isolate}
body .floating-contact[data-widget] [data-widget-close]::before{content:'';position:absolute;z-index:-1;width:24px;height:24px;border:1px solid var(--line);border-radius:50%;background:var(--card);box-shadow:0 2px 8px #0001}
body .floating-contact[data-widget] [data-widget-close] svg{width:12px;height:12px}
body .widget-reopen[data-widget-reopen]{position:fixed;inset:auto 0 max(24px,env(safe-area-inset-bottom)) auto!important;z-index:80;display:grid;place-items:center;width:30px;height:48px;min-height:48px;min-width:30px;max-width:30px;margin:0;padding:0;border:1px solid var(--line);border-right:0;border-radius:16px 0 0 16px;background:color-mix(in srgb,var(--card) 92%,transparent);color:var(--ink);box-shadow:-3px 3px 16px #0001;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:none;transition:background .2s}
body .widget-reopen[data-widget-reopen]::before{content:'';position:absolute;inset:-2px 0 -2px -14px}
body .widget-reopen[data-widget-reopen]:hover{transform:none;background:var(--soft)}
body .widget-reopen[data-widget-reopen]>svg{width:20px;height:20px}
body .floating-contact[data-widget].is-dragging{z-index:130}
body .floating-contact[data-widget].is-dragging a{cursor:grabbing;transform:none}
body.is-contact-dragging{user-select:none;-webkit-user-select:none}
body .floating-contact[data-widget].is-snapping{transition:left .2s ease-out,top .2s ease-out}
.widget-move-help{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
body .widget-remove[data-widget-remove]{position:fixed;left:50%;bottom:max(22px,env(safe-area-inset-bottom));z-index:120;display:flex;align-items:center;justify-content:center;gap:10px;max-width:calc(100% - 32px);min-height:64px;padding:12px 22px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);box-shadow:0 8px 32px #0002;transform:translateX(-50%);pointer-events:none;font-size:.83rem;font-weight:550}
body .widget-remove[data-widget-remove]>svg{width:24px;height:24px;flex-shrink:0}
body .widget-remove[data-widget-remove].is-active{background:var(--soft);border-color:var(--accent);box-shadow:0 0 0 4px var(--soft)}
body [data-widget][hidden],body [data-widget-reopen][hidden],body [data-widget-remove][hidden]{display:none!important}
body.contact-consent-visible [data-widget],body.contact-consent-visible [data-widget-reopen],body.contact-nav-open [data-widget],body.contact-nav-open [data-widget-reopen],body:has(input:focus,textarea:focus,select:focus) [data-widget],body:has(input:focus,textarea:focus,select:focus) [data-widget-reopen]{visibility:hidden;pointer-events:none}
@media(prefers-reduced-motion:reduce){body .floating-contact[data-widget].is-snapping{transition:none}}
@media print{body [data-widget],body [data-widget-reopen],body [data-widget-remove]{display:none}}

/* Proofreading review: align card links and keep form layouts within their columns. */
.cards>.card{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.cards>.card>.text-link:last-child{margin-top:auto;padding-top:24px}
.split>*,.callback-section>*,.form-grid>*{min-width:0}
.callback-section{align-items:start}
.tool-check:has(select){display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start}
.tool-check select{width:100%;max-width:100%;min-width:0}
.page-home .section.band .split>div>.card{margin-top:16px}
.page-home .section.band .split>div>.card>h3{margin-top:0}
.home-situations{margin-top:32px}
.home-situations h3{margin-bottom:10px}
