@font-face{font-family:'Sora';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/sora-400-700-latin.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}
@font-face{font-family:'Sora';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/sora-400-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
--creme:#F4F6F9; --creme-2:#EBEFF4; --secundair:#EBEFF4; --bruin:#020D41; --zand:#D5DDE8; --goud-hover:#7FD4FB; --licht-hover:#DCE6F0;
--goud:#33BCFA; --goud-licht:#EBEFF4; --goud-diep:#00498F; --goud-donker:#33BCFA;
--teal-paneel:#007AC0; --geel:#FFC400; --teal-op-navy:#33BCFA; --oranje:#33BCFA; --oranje-hover:#7FD4FB; --geel-rand:#007AC0; --geel-rand-aa:#007AC0;
--ant:#000000; --ant-diep:#020D41; --ant-zacht:#2F2F2F; --wit:#FFFFFF; --lijn:#D5DDE8;
--ok:#2E6B3A; --fout:#A33A2E;
--font-kop:'Sora','Helvetica Neue',Arial,sans-serif;
--font-tekst:'Sora','Helvetica Neue',Arial,sans-serif;
--font-titel:'Sora','Helvetica Neue',Arial,sans-serif;
--font-display:'Sora','Helvetica Neue',Arial,sans-serif;
--maxw:1300px; --pad:clamp(16px,4vw,40px); --r:15px;
--ease:cubic-bezier(.22,.61,.36,1);
--schaduw:0 18px 50px -22px rgba(2,13,65,.35);
--schaduw-lg:0 40px 90px -40px rgba(2,13,65,.55);
--schaduw-kaart:0 1px 2px rgba(2,13,65,.05),0 14px 34px -22px rgba(2,13,65,.28);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--creme);color:var(--ant);font:400 1.09rem/1.6 var(--font-tekst);overflow-x:clip}
h1,h2,h3,h4{font-family:var(--font-titel);font-weight:700;line-height:1.18;letter-spacing:.02em;margin:0 0 .6em;color:var(--ant)}
p{margin:0 0 1.15em;line-height:1.72}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
svg{fill:none}
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}
.sectie{padding-block:clamp(3.5rem,7vw,6rem)}
.sectie:not(.sectie--creme2) + .sectie:not(.sectie--creme2){padding-top:clamp(2.5rem,4vw,3.5rem)}
.sectie--creme2{background:var(--creme-2)}
.label,.eyebrow{font:700 .76rem/1.3 var(--font-kop);letter-spacing:.18em;text-transform:uppercase;color:var(--goud-diep);display:inline-flex;align-items:center;gap:.75rem;margin:0 0 1.1rem}
.label::before,.eyebrow::before{content:"";width:2rem;height:1px;background:var(--goud-diep);flex:none}
.kop{font-size:clamp(2.05rem,3.6vw,2.95rem);color:var(--goud-diep)}
.intro{font-size:1.2rem;color:var(--ant-zacht);max-width:62ch}
.sectiekop{max-width:760px;margin-bottom:clamp(2rem,4vw,3rem)}
.sectiekop--midden{margin-inline:auto;text-align:center}
.sectiekop--midden .label{justify-content:center}
.sectiekop--midden .intro{margin-inline:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;padding:.98rem 1.6rem;border-radius:2rem;font:700 .8rem/1.2 var(--font-kop);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:1px solid transparent;cursor:pointer;white-space:normal;text-align:center;transition:none}
.btn svg{width:12px;height:12px;flex:none;margin-top:-.15em;order:2}
.btn--lijn{background:var(--secundair);border-color:var(--secundair);color:#000}
.btn--lijn:hover{background:var(--licht-hover);color:#000}
.btn--wa{background:var(--wit);border-color:var(--lijn);color:var(--ant)}
.btn--wa:hover{background:var(--goud-licht);border-color:var(--goud-donker);color:var(--ant)}
.btn--wa svg{width:15px;height:15px;order:0;margin-top:-.1em;color:#25D366}
.btn--lg{padding:1.2rem 1.9rem;font-size:.88rem}
.btn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--goud-diep);outline-offset:3px}
.knoprij{display:flex;flex-wrap:wrap;gap:.8rem;align-items:stretch}
@media(max-width:620px){
.knoprij{max-width:23rem}
.knoprij .btn{width:100%}
}
.topbar{position:fixed;inset:0 0 auto 0;z-index:50;padding:.9rem 0;transition:background .35s var(--ease),box-shadow .35s var(--ease),padding .35s var(--ease)}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.topbar__logo{position:relative;display:flex;align-items:center}
.topbar__logo img{height:101px;width:auto;transition:opacity .35s var(--ease),height .35s var(--ease)}
.topbar__logo img+img{position:absolute;left:0;top:50%;transform:translateY(-50%);opacity:0}
.topbar__actions{display:flex;align-items:center;gap:.7rem}
.topbar__tel{display:inline-flex;align-items:center;gap:.5rem;font:600 1rem/1 var(--font-kop);letter-spacing:.02em;color:#fff;text-decoration:none;padding:.5rem .4rem .4rem;transition:color .35s var(--ease)}
.topbar__tel svg{width:18px;height:18px}
.topbar .btn{padding:.7rem 1.15rem;font-size:.82rem}
.topbar.is-stuck{background:rgba(246,244,236,.92);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);box-shadow:0 2px 10px rgba(29,29,27,.06);padding:.55rem 0}
@media(min-width:1024px){
.topbar::before{content:"";position:absolute;inset:0 0 auto 0;height:150px;z-index:-1;pointer-events:none;
background:linear-gradient(180deg,rgba(29,29,27,.42) 0%,rgba(29,29,27,.40) 42%,rgba(29,29,27,0) 100%);
transition:opacity .35s var(--ease)}
.topbar.is-stuck::before{opacity:0}
}
.topbar.is-stuck .topbar__logo img,.topbar.is-stuck .topbar__logo img+img{height:67px}
@media(min-width:1200px){
.topbar__logo img{height:115px}
.topbar.is-stuck .topbar__logo img,.topbar.is-stuck .topbar__logo img+img{height:72px}
}
.topbar.is-stuck .topbar__tel{color:var(--ant)}
@media(max-width:620px){
.topbar__tel{display:none}
.topbar .btn{padding:.62rem .85rem}
.topbar__logo img,.topbar__logo img+img,.topbar.is-stuck .topbar__logo img,.topbar.is-stuck .topbar__logo img+img{height:67px}
}
.hero{position:relative;min-height:min(92vh,860px);display:grid;align-items:stretch;overflow:hidden;isolation:isolate;background:var(--ant-diep)}
.hero__bg{position:absolute;inset:0;z-index:-3;display:block}
.hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center top}
.hero__veil{position:absolute;inset:0;z-index:-2;pointer-events:none;
background:
radial-gradient(120% 90% at 70% 18%,rgba(29,29,27,0) 30%,rgba(29,29,27,.55) 100%),
linear-gradient(180deg,rgba(29,29,27,.62) 0%,rgba(29,29,27,.18) 26%,rgba(29,29,27,.3) 58%,rgba(29,29,27,.92) 100%)}
.hero__content{position:relative;z-index:1;padding-block:5.35rem 9rem;max-width:56rem;margin-inline:auto;text-align:center;color:#fff}
.hero .eyebrow{color:var(--teal-op-navy);font-size:.8rem;font-weight:600;letter-spacing:.14em;text-shadow:0 2px 12px rgba(0,0,0,.55);margin-bottom:.6rem}
.hero .eyebrow::before{background:var(--teal-op-navy);width:32px;height:2px}
.hero__title{font-size:clamp(2.5rem,4.7vw,3.55rem);line-height:1.05;letter-spacing:-.02em;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.35);margin:0}
.hero__title--merk{font-size:clamp(2.4rem,4.4vw,3.35rem)}
.hero__title__sub{display:block;margin-top:.45rem;font-size:.52em;line-height:1.15;letter-spacing:-.01em}
.hero__title em{font-style:normal;white-space:nowrap;color:#fff;background:linear-gradient(180deg,transparent 62%,rgba(0,161,155,.9) 62%);padding-inline:.06em}
.hero .wrap{width:100%}
.hero__pic{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero__person{position:absolute;z-index:0;left:50%;transform:translateX(-50%);bottom:calc(clamp(56px,7.5vw,104px) - 80px);height:min(420px,54%);width:auto;pointer-events:none;filter:drop-shadow(0 12px 22px rgba(0,0,0,.3))}
@media(min-width:1080px){
.hero{min-height:664px}
}
@media(min-width:1080px){
.hero__content{padding-top:calc(5.35rem + 33px)}
}
@media(max-width:1240px){
.hero__person{height:min(380px,44%)}
}
@media(max-width:1080px){
.hero{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;min-height:min(84vh,760px)}
.hero .wrap{order:1}
.hero__pic{position:static;order:2;z-index:auto;pointer-events:auto;min-height:min(calc(92vw / 1.747573),clamp(200px,32vw,340px))}
.hero__content{padding-block:9.5rem 1.2rem;max-width:none}
.hero__person{position:static;left:auto;transform:none;bottom:auto;display:block;height:auto;max-height:clamp(200px,32vw,340px);max-width:92%;margin:0 auto}
}
@media(max-width:620px){
.hero{min-height:min(76vh,600px)}
.hero__content{padding-block:10rem .8rem}
.hero .eyebrow{font-size:.8rem}
}
.offerte-overlay{position:relative;margin-top:0;z-index:6;padding:0 clamp(16px,4vw,40px) 60px;background:var(--creme-2);display:flow-root}
.of-wrap{position:relative;max-width:var(--maxw);margin:clamp(-104px,-7.5vw,-56px) auto 0}
.of-box{position:relative;z-index:2;background:var(--teal-paneel);color:#fff;border-radius:28px;padding:clamp(28px,3.4vw,44px) clamp(28px,4vw,52px);box-shadow:0 24px 60px -10px rgba(0,128,122,.42)}
.of-trust{position:absolute;top:20px;right:24px;z-index:5}
.of-title{font-family:var(--font-titel);font-weight:700;letter-spacing:-.02em;line-height:1.05;font-size:clamp(1.6rem,2.6vw,2.1rem);margin:0 0 8px;color:#fff}
.of-sub{font-size:16px;color:#fff;margin:0 0 22px}
.of-form{margin:0}
.of-pill{display:grid;grid-template-columns:.8fr 1px .8fr 1px 1fr 1px 1.2fr auto;align-items:stretch;gap:0;background:#fff;border-radius:999px;overflow:hidden;padding:8px;box-shadow:0 8px 24px rgba(29,29,27,.18)}
.of-field{display:flex;flex-direction:column;justify-content:center;padding:8px 18px;min-width:0;cursor:text}
.of-field span{font:600 11px/1 var(--font-kop);color:var(--ant);letter-spacing:.06em;margin:0 0 4px;text-transform:uppercase;opacity:.78}
.of-field input,.of-field select{border:none;outline:none;background:none;font-family:var(--font-tekst);font-size:16px;color:var(--ant);width:100%;padding:0;line-height:1.4;-webkit-appearance:none;appearance:none}
.of-field input::placeholder{color:#767674}
.of-field select{cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231D1D1B' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 0 center;padding-right:18px}
.of-field input[type="date"]{color:var(--ant)}
.of-field input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(.15);cursor:pointer;opacity:.7}
.of-field input:focus-visible,.of-field select:focus-visible{outline:2px solid var(--goud-diep);outline-offset:2px;border-radius:6px}
.of-divider{background:rgba(29,29,27,.12);width:1px;align-self:center;height:38px}
.of-cta{display:inline-flex;align-items:center;gap:10px;background:var(--oranje);color:var(--ant);border:none;border-radius:2rem;padding:15px 26px;font:700 13px/1.2 var(--font-kop);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
.of-cta:hover{background:var(--oranje-hover)}
.of-cta svg{width:12px;height:12px;margin-top:-2px}
.keurmerken{display:flex;align-items:center;gap:0;width:max-content;max-width:100%;padding:5px 6px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.18);border-radius:999px}
.keurmerk{width:96px;height:52px;padding:9px;flex:none;display:grid;place-items:center;text-decoration:none;color:#fff;transition:opacity .2s ease}
.keurmerk+.keurmerk{border-left:1px solid rgba(255,255,255,.24)}
a.keurmerk:hover{opacity:.82}
.keurmerk img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.keurmerk--kv img{filter:brightness(0) invert(1)}
.keurmerk--score{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.keurmerk--score.keurmerk--kv img{max-height:21px}
.keurmerk__cijfer{font:700 1.05rem/1 var(--font-display);color:#fff}
.keurmerk--tekst{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center}
.keurmerk__kop{font:700 .95rem/1 var(--font-kop);color:#fff;letter-spacing:.04em;text-transform:uppercase}
.keurmerk__sub{font:600 .58rem/1.15 var(--font-tekst);color:rgba(255,255,255,.76)}
@media(max-width:880px){
.of-trust{position:static;justify-content:flex-start;flex-wrap:wrap;margin-bottom:14px}
}
@media(max-width:760px){
.offerte-overlay{padding-bottom:48px}
.of-wrap{margin-top:-48px}
.of-pill{grid-template-columns:1fr;border-radius:18px;padding:8px;gap:6px}
.of-divider{display:none}
.of-field{padding:10px 16px;border-bottom:1px solid rgba(29,29,27,.08)}
.of-cta{justify-content:center;border-radius:14px;padding:13px 20px}
}
@media(max-width:560px){
.keurmerken{width:100%;padding:4px 5px}
.keurmerk{width:auto;flex:1 1 0;min-width:0;height:48px;padding:6px}
.keurmerk--score.keurmerk--kv img{max-height:16px}
.keurmerk__cijfer{font-size:.95rem}
.keurmerk__kop{font-size:.78rem}
.keurmerk__sub{font-size:.52rem}
}
.diensten{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
.dienst{background:var(--teal-paneel);color:var(--wit);overflow:hidden;transition:transform .2s,background .2s}
.dienst:hover{background:var(--goud-diep);transform:translateY(-3px)}
.dienst h3{font-size:1.3rem;margin-bottom:.45rem;color:var(--wit)}
.dienst p{margin:0;color:var(--wit);font-size:1.04rem}
@media(max-width:900px){
.diensten{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
.diensten{grid-template-columns:1fr}
}
.stap{border-top:1px solid var(--goud);padding-top:1.1rem}
.stap h3{font-size:1.37rem;margin-bottom:.45rem}
.stap p{margin:0;color:var(--ant-zacht);font-size:1.04rem}
.dozen{padding:clamp(2.6rem,5vw,4.2rem) 0 0;background:var(--creme)}
.dozen:not(:has(+ .calc)){padding-bottom:clamp(2.6rem,5vw,4.2rem)}
.badge{position:absolute;right:16px;bottom:16px;background:var(--bruin);color:var(--creme);border-radius:16px;padding:.95rem 1.15rem;box-shadow:var(--schaduw);z-index:2}
.blok{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:stretch}
.blok+.blok{margin-top:clamp(3.5rem,7vw,6rem)}
.blok__foto{position:relative;align-self:stretch;aspect-ratio:auto;min-height:19rem;border-radius:var(--r);overflow:hidden;background:var(--zand);margin:0}
.blok__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.blok__foto figcaption{position:absolute;left:1rem;right:1rem;bottom:1rem;background:rgba(29,29,27,.72);color:var(--creme);font:600 .78rem/1.3 var(--font-kop);letter-spacing:.08em;text-transform:uppercase;padding:.55rem .9rem;border-radius:10px;backdrop-filter:blur(4px)}
.blok__tekst{align-self:center}
.team{display:flex;flex-wrap:wrap;gap:1rem 1.6rem;margin-top:1.6rem;list-style:none;padding:0}
.lid{display:flex;align-items:center;gap:.8rem}
.lid b{display:block;font:700 .95rem/1.25 var(--font-titel)}
.lid span{font-size:.85rem;color:var(--ant-zacht)}
.plaatsen{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:1.2rem 0 0}
.plaatsen li{display:inline-flex;align-items:center;gap:.4rem;background:var(--wit);border:1px solid var(--lijn);border-radius:999px;padding:.4rem .85rem;font:600 .82rem/1.1 var(--font-kop);letter-spacing:.03em}
.plaatsen svg{width:14px;height:14px;color:var(--goud-diep);margin-top:-.15em}
.blok--stapel{grid-template-columns:1fr;gap:clamp(2.2rem,4vw,3.2rem)}
.blok__boven{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:stretch}
.blok--stapel .blok__foto{align-self:stretch;aspect-ratio:auto;min-height:19rem}
@media(max-width:860px){
.blok__boven{grid-template-columns:1fr;gap:1.8rem}
.blok--stapel .blok__foto{aspect-ratio:4/5;min-height:0}
}
@media(max-width:860px){
.blok{grid-template-columns:1fr;gap:1.8rem}
.blok__foto{order:-1;height:auto;min-height:0;aspect-ratio:4/5;width:100%;max-width:30rem;margin-inline:auto}
}
.vcl-item.verborgen{display:none}
.vcl-item.klaar .t{text-decoration:line-through;color:#6B6B68}
.vcl-badge.geld{background:var(--zand);border-color:var(--goud-donker);color:var(--goud-diep)}
.tips-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;counter-reset:tip;max-width:1280px;margin:0 auto}
.tip{display:grid;grid-template-columns:36px 1fr;gap:12px;background:#fff;border:1px solid var(--lijn);border-radius:14px;padding:16px 18px;counter-increment:tip}
.tip::before{content:counter(tip);width:36px;height:36px;border-radius:999px;background:var(--goud-licht);border:1px solid var(--goud);display:grid;place-items:center;font:600 14px/1 var(--font-kop);color:var(--goud-diep)}
.tip strong{display:block;font-size:15.5px;color:var(--ant);margin-bottom:3px}
.tip span{font-size:15px;line-height:1.6;color:var(--ant-zacht)}
@media(max-width:860px){
.tips-grid{grid-template-columns:1fr}
}
.faq{max-width:none;margin-inline:0;counter-reset:faq}
.faq details{border-bottom:1px solid var(--lijn)}
.faq details:first-of-type{border-top:1px solid var(--lijn)}
.faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:3.4rem minmax(0,1fr) 1.6rem;align-items:center;gap:0 1.4rem;padding:1.5rem 0 1.35rem;font:700 1.25rem/1.35 var(--font-titel);color:var(--ant);overflow-wrap:anywhere}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{counter-increment:faq;content:counter(faq,decimal-leading-zero);font:600 1rem/1 var(--font-kop);letter-spacing:.1em;color:var(--goud-diep)}
.faq details[open] summary{color:var(--goud-diep)}
.faq__tk{position:relative;width:1.15rem;height:1.15rem;justify-self:end}
.faq__tk::before,.faq__tk::after{content:"";position:absolute;inset:50% 0 auto 0;height:2px;background:var(--goud-diep);transform:translateY(-50%);transition:opacity .2s,transform .25s}
.faq__tk::after{transform:translateY(-50%) rotate(90deg)}
.faq details[open] .faq__tk::after{opacity:0;transform:translateY(-50%) rotate(0)}
.faq summary:hover{color:var(--goud-diep)}
.faq details p{margin:0 0 1.5rem;padding-left:4.8rem;color:var(--ant-zacht);max-width:74ch;overflow-wrap:anywhere}
@media(max-width:620px){
.faq summary{grid-template-columns:2.4rem minmax(0,1fr) 1.2rem;gap:0 .8rem;font-size:1.08rem;padding:1.2rem 0 1.05rem}
.faq details p{padding-left:3.2rem}
}
.lf__done{padding:1.5rem 1.3rem;background:#fff;border:1px solid var(--lijn);border-radius:16px;color:var(--ant);line-height:1.55}
.lf__done a{font-weight:700}
.lfcalc{margin-top:.2rem;border:1px solid rgba(255,255,255,.45);border-radius:14px;background:rgba(0,0,0,.12);overflow:hidden}
.lfcalc.is-toegevoegd{border-color:#fff;background:rgba(0,0,0,.2)}
.footer{position:relative;isolation:isolate;background:var(--bruin);color:#fff;font-size:.95rem}
.footer a:not(.btn){color:#fff;text-decoration:none}
.footer a:not(.btn):hover{text-decoration:underline}
.footer__media{position:absolute;inset:0;z-index:-1;overflow:hidden}
.footer__media img{width:100%;height:100%;object-fit:cover;object-position:40% 30%;transform:translate(20%,-21%)}
.footer__media::after{content:"";position:absolute;inset:0;background:
linear-gradient(to bottom,rgba(2,13,65,.62) 0%,rgba(2,13,65,.2) 18%,rgba(2,13,65,.42) 100%),
linear-gradient(100deg,rgba(2,13,65,.96) 0%,rgba(2,13,65,.88) 30%,rgba(2,13,65,.42) 60%,rgba(2,13,65,.22) 80%,rgba(2,13,65,.5) 100%)}
.footer__claim{max-width:36rem;padding-block:clamp(3.2rem,6vw,5rem) clamp(2.4rem,4vw,3.2rem)}
.footer__claim .eyebrow{color:var(--teal-op-navy);margin-bottom:1rem}
.footer__claim .eyebrow::before{background:var(--teal-op-navy)}
.footer__claim h2{color:#fff;font-size:clamp(2.05rem,3.75vw,2.95rem);margin:0 0 1rem;max-width:16ch}
.footer__claim p{color:rgba(255,255,255,.8);margin:0 0 1.7rem;max-width:44ch;line-height:1.7}
.footer__tel{display:inline-flex;align-items:center;gap:.8rem;font:600 clamp(1.6rem,3vw,2.15rem)/1 var(--font-kop);color:#fff!important;text-decoration:none!important;margin-bottom:1.3rem}
.footer__tel svg{width:24px;height:24px;color:var(--teal-op-navy);flex:none}
.footer__knoppen{display:flex;gap:.7rem;flex-wrap:wrap}
.footer__onder{position:relative;padding-top:118px;background:linear-gradient(to bottom,rgba(2,13,65,0) 0,rgba(2,13,65,.5) 46px,rgba(2,13,65,.93) 102px,rgba(2,13,65,.985) 150px,rgba(2,13,65,.99) 100%)}
.footer__rooster{border-top:1px solid rgba(255,255,255,.16);display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem 2rem;padding-block:1.9rem}
.footer__rooster>*{min-width:0}
.footer__rooster h2{font:700 .85rem/1.3 var(--font-kop);letter-spacing:.22em;text-transform:uppercase;color:var(--teal-op-navy);margin:0 0 .6rem}
.footer__rooster address{font-style:normal;font-size:.9rem;line-height:1.7;color:rgba(255,255,255,.8)}
.footer__rooster p{margin:.6rem 0 0;font-size:.85rem;color:rgba(255,255,255,.62);line-height:1.6}
.footer__rooster ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem;font-size:.9rem}
.footer__logo{height:64px;width:auto;margin-bottom:.9rem}
.footer__merken{border-top:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:space-between;gap:1.3rem 1.6rem;flex-wrap:wrap;padding-block:1.6rem}
.merk{display:block;flex:0 0 auto}
a.merk{opacity:.82;transition:opacity .25s var(--ease)}
a.merk:hover,a.merk:focus-visible{opacity:1}
.merk img{display:block;width:auto}
.merk--ev img{height:58px}
.merk--tm img{height:50px}
@media(max-width:940px){
.footer__merken{justify-content:center;gap:1.2rem 1.9rem}
.merk--ev img{height:44px}
.merk--tm img{height:38px}
}
.footer__balk{background:#010830;color:rgba(255,255,255,.58);font-size:.82rem}
.footer__balk .wrap{display:flex;justify-content:space-between;gap:.8rem 1.6rem;flex-wrap:wrap;padding-block:1.05rem}
.footer__balk a{color:rgba(255,255,255,.8)}
@media(max-width:900px){
.footer__rooster{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
.footer__knoppen{width:100%;max-width:23rem}
.footer__knoppen .btn{width:100%}
.footer__balk .wrap{flex-direction:column;align-items:flex-start;gap:.45rem}
}
@media(max-width:700px){
.footer__media img{object-position:44% 34%;transform:none}
.footer__media::after{background:linear-gradient(to bottom,rgba(2,13,65,.88) 0%,rgba(2,13,65,.72) 26%,rgba(2,13,65,.58) 58%,rgba(2,13,65,.6) 100%)}
}
@media(max-width:520px){
.footer__rooster{grid-template-columns:1fr}
}
.mcta{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;grid-template-columns:1fr 1fr;gap:.5rem;padding:.55rem var(--pad) calc(.55rem + env(safe-area-inset-bottom));background:rgba(246,244,236,.96);backdrop-filter:blur(8px);border-top:1px solid var(--lijn)}
.mcta .btn{width:100%;padding:.78rem .5rem;font-size:.82rem}
.mcta .btn--lijn{background:var(--bruin);border-color:var(--bruin);color:#fff}
.mcta .btn--lijn:hover,.mcta .btn--lijn:focus-visible{background:var(--goud-diep);border-color:var(--goud-diep);color:#fff}
@media(max-width:767.98px){
.mcta{display:grid}
.footer__balk .wrap{padding-bottom:calc(9rem + env(safe-area-inset-bottom))}
}
.wa-zweef{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:58;
display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;
box-shadow:0 8px 20px -6px rgba(2,13,65,.45)}
.wa-zweef svg{width:30px;height:30px}
.wa-zweef:focus-visible{outline:3px solid var(--geel);outline-offset:3px}
@media(hover:hover){
.wa-zweef{transition:box-shadow .2s var(--ease)}
.wa-zweef:hover{box-shadow:0 12px 26px -6px rgba(2,13,65,.6)}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.wa-zweef{transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.wa-zweef:hover{transform:scale(1.08)}
}
@media(max-width:767.98px){
.wa-zweef{bottom:calc(61px + env(safe-area-inset-bottom) + 12px)}
}
body.drawer-open .wa-zweef,body:has(.m3c-balk.is-zichtbaar) .wa-zweef{visibility:hidden}
@media print{
.wa-zweef{display:none}
}
.js [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.js [data-reveal].in{opacity:1;transform:none}
.js [data-reveal-groep]>*{opacity:0;transform:translateY(16px);transition:opacity .55s var(--ease),transform .55s var(--ease)}
.js [data-reveal-groep]>*.in{opacity:1;transform:none}
.js .hero [data-reveal]{opacity:1;transform:translateY(14px);transition-duration:.85s}
.js .hero [data-reveal].in{transform:none}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
.js [data-reveal],.js .hero [data-reveal],.js [data-reveal-groep]>*{opacity:1;transform:none;transition:none}
.btn,.dienst,.dienst__nis img{transition:none}
}
@media print{
.topbar,.hero,.offerte-overlay,.trust,#diensten,#werkwijze,#dozen,#calc,#waarom,#reviews,#inpaktips,#faq,#offerte,.footer,.mcta,.vcl-acties,.vcl-tabs,.vcl-filters,.vcl-nav,.wa-rij{display:none!important}
[data-reveal],[data-reveal-groep]>*{opacity:1!important;transform:none!important}
}
.opslag{position:relative;overflow:hidden;padding-top:clamp(3rem,6vw,5rem);background:var(--creme,#F6F4EC)}
.opslag__band{position:absolute;left:0;right:0;bottom:115px;height:clamp(300px,19vw,400px);background:linear-gradient(90deg,var(--goud),var(--teal-paneel));transform:skewY(-5deg);z-index:1;overflow:hidden;backface-visibility:hidden}
.opslag__mark{position:absolute;left:2%;top:50%;transform:translateY(-50%);height:34%;width:auto;opacity:.97}
.opslag__script{position:absolute;right:2.5%;top:50%;transform:translateY(-50%);height:46%;width:auto;opacity:.97}
.opslag__lijn{position:absolute;left:0;right:0;bottom:100px;height:18px;background:var(--bruin);transform:skewY(-5deg);z-index:3;backface-visibility:hidden}
.opslag__in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,4rem);align-items:end}
.opslag__kaart{position:relative;z-index:4;background:var(--bruin);color:var(--creme,#F6F4EC);border-radius:18px;padding:clamp(1.4rem,3vw,2.2rem);margin-bottom:150px;box-shadow:0 24px 50px -28px rgba(29,29,27,.55)}
.opslag__kaart .kop{color:var(--creme,#F6F4EC);font-size:clamp(1.75rem,2.9vw,2.4rem);margin-bottom:.6em}
.opslag__kaart .intro{color:rgba(246,244,236,.82);max-width:52ch}
.opslag__kaart .label{color:var(--teal-op-navy)}
.opslag__kaart .label::before,.opslag__kaart .label::after{background:var(--teal-op-navy);color:var(--teal-op-navy)}
.opslag__fig{position:relative;height:620px;z-index:2}
.opslag__persoon{position:absolute;bottom:114px;left:50%;transform:translateX(-50%);height:520px;width:auto;max-width:none;z-index:2;filter:drop-shadow(0 30px 30px rgba(34,49,78,.35));clip-path:polygon(0 0,100% 0,100% calc(100% - 45px),0 100%)}
.opslag .btn--omlijnd{border:1.5px solid rgba(246,244,236,.6);color:var(--creme,#F6F4EC);background:transparent}
.opslag .btn--omlijnd:hover{background:rgba(246,244,236,.12);color:var(--creme,#F6F4EC)}
@media(min-width:901px) and (max-width:1600px){
.opslag__mark{height:30%;left:2%}
.opslag__kaart{margin-left:14%}
.opslag__script{height:44%}
}
@media(max-width:900px){
.opslag__in{grid-template-columns:1fr;gap:0}
.opslag__band{bottom:39px;height:230px}
.opslag__mark{height:30%;left:2%}
.opslag__script{height:40%;right:3%}
.opslag__kaart{margin-bottom:1rem;margin-left:0}
.opslag__fig{height:480px}
.opslag__persoon{bottom:24px;height:440px;clip-path:polygon(0 0,100% 0,100% calc(100% - 25px),0 100%)}
.opslag__lijn{bottom:30px;height:12px}
}
.split{position:relative;overflow:hidden;background:var(--creme,#F6F4EC);color:var(--creme,#F6F4EC)}
.split::before{content:"";position:absolute;inset:0 45% 0 0;background:var(--bruin);z-index:2}
.split .btn--omlijnd{border:1.5px solid rgba(246,244,236,.6);color:var(--creme,#F6F4EC);background:transparent}
.split .btn--omlijnd:hover{background:rgba(246,244,236,.12);color:var(--creme,#F6F4EC)}
@media(max-width:900px){
.split{background:var(--bruin)}
.split::before{display:none}
}
.venster{position:relative;overflow:hidden;padding-top:clamp(3rem,6vw,5rem);background:var(--bruin);color:var(--creme,#F6F4EC)}
.venster .btn--omlijnd{border:1.5px solid rgba(246,244,236,.6);color:var(--creme,#F6F4EC);background:transparent}
.venster .btn--omlijnd:hover{background:rgba(246,244,236,.12);color:var(--creme,#F6F4EC)}
.topbar .wrap{align-items:flex-start}
.topbar__actions{margin-left:auto;margin-top:.6rem}
.topbar.is-stuck .wrap{align-items:center}
.topbar.is-stuck .topbar__actions{margin-top:0}
@media(max-width:760px){
.topbar .wrap{align-items:center}
.topbar__actions{margin-top:0}
}
.topbar.is-stuck{padding:.4rem 0}
.topbar.is-stuck .topbar__logo img,.topbar.is-stuck .topbar__logo img+img{height:62px}
@media(min-width:1200px){
.topbar.is-stuck .topbar__logo img,.topbar.is-stuck .topbar__logo img+img{height:67px}
}
.topbar.is-stuck .btn{padding:.57rem 1rem;font-size:.76rem}
.topbar.is-stuck .topbar__tel{font-size:.95rem}
@keyframes topbar-in{from{opacity:0;transform:translateY(-4px)}}
@media(max-width:760px){
.topbar.is-stuck .topbar__logo img,.topbar.is-stuck .topbar__logo img+img{height:58px}
.topbar.is-stuck .btn{padding:.54rem .8rem}
}
.opslag__fig{position:relative;height:auto;min-height:max(680px,calc(clamp(420px,46vw,620px) + 112px));margin-right:calc((min(100vw,var(--maxw)) - 100vw)/2)}
.opslag__persoon{position:absolute;left:0;right:auto;bottom:112px;transform:none;height:clamp(420px,46vw,620px);width:auto;max-width:none;z-index:2;filter:none;
clip-path:polygon(0 0,100% 0,100% 90%,0 100%)}
.opslag__lijn{z-index:6}
@media(max-width:900px){
.opslag__fig{min-height:0;margin-right:0;height:auto}
.opslag__persoon{position:static;height:auto;width:100%;max-width:420px;margin:0 auto;clip-path:none}
}
.footer__claim{max-width:44rem;padding-block:clamp(1.6rem,3vw,2.5rem) clamp(1.2rem,2vw,1.6rem)}
.footer__claim .eyebrow{margin-bottom:.55rem}
.footer__claim h2{font-size:clamp(1.5rem,2.4vw,1.95rem);margin:0 0 .55rem;max-width:22ch}
.footer__claim p:not(.eyebrow){margin:0 0 .9rem;max-width:52ch;line-height:1.55;font-size:.95rem}
.footer__tel{font-size:clamp(1.15rem,1.9vw,1.45rem);margin-bottom:.8rem}
.footer__tel svg{width:19px;height:19px}
.footer__knoppen{display:flex;flex-wrap:wrap;gap:.7rem}
.footer__knoppen .btn{padding:.74rem 1.3rem;font-size:.78rem}
@media(max-width:620px){
.footer__knoppen{flex-direction:column;align-items:flex-start}
.footer__knoppen .btn{width:100%}
}
.footer__onder{padding-top:62px;background:linear-gradient(to bottom,rgba(2,13,65,0) 0,rgba(2,13,65,.5) 24px,rgba(2,13,65,.93) 54px,rgba(2,13,65,.985) 80px,rgba(2,13,65,.99) 100%)}
@media(max-width:520px){
.footer__rooster{grid-template-columns:1fr 1fr;gap:1.4rem 1.2rem}
.footer__rooster address,.footer__rooster ul{font-size:.85rem;line-height:1.6}
.footer__rooster h2{font-size:.78rem;letter-spacing:.16em}
}
@media(min-width:901px){
.ringen__duo,.split__trio,.opslag__persoon{max-width:100%}
}
@media(max-width:900px){
.opslag__lijn{display:none}
.opslag__fig{padding-top:clamp(70px,20vw,120px)}
.opslag__persoon{position:relative;z-index:1;margin-bottom:-165px}
.opslag__band{z-index:0}
}
.hero__video{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
@media(max-width:760px),(prefers-reduced-motion:reduce){
.hero__video{display:none}
}
.hero__yt{overflow:hidden;container-type:size;opacity:0;transition:opacity .6s var(--ease)}
.hero__yt.is-speelt{opacity:1}
.hero__yt iframe{--b:max(100cqw,calc(2.4 * (100cqh + 72px)));position:absolute;top:-72px;left:50%;width:var(--b);height:calc(var(--b) / 2);transform:translateX(-50%);border:0}
@media(min-width:761px) and (prefers-reduced-motion:no-preference){
.hero__bg:has(+ .hero__yt){container-type:size;overflow:hidden}
.hero__bg:has(+ .hero__yt) img{--b:max(100cqw,calc(2.4 * (100cqh + 72px)));position:absolute;top:-72px;left:50%;width:var(--b);max-width:none;height:calc(var(--b) / 2.4);transform:translateX(-50%)}
}
.footer__logo{height:50px}
.nav{display:flex;align-items:center;align-self:flex-start;margin-top:.6rem}
.topbar.is-stuck .nav{margin-top:0}
.nav__links{display:flex;align-items:center;gap:1.15rem;list-style:none;margin:0;padding:0}
.nav__links>li{position:relative}
.nav__links>li>a,.nav__trigger{
display:inline-flex;align-items:center;gap:.3rem;
font:700 .9rem/1 var(--font-kop);letter-spacing:.01em;
color:#fff;text-decoration:none;white-space:nowrap;
padding:.55rem 0;cursor:pointer;transition:color .25s var(--ease);
}
.nav__chev{width:13px;height:13px;transition:transform .25s var(--ease)}
.nav__links li.is-open .nav__chev{transform:rotate(180deg)}
.nav__links>li>a:hover,.nav__trigger:hover,.nav__links li.is-open>.nav__trigger{color:var(--teal-op-navy)}
.topbar.is-stuck .nav__links>li>a,.topbar.is-stuck .nav__trigger{color:var(--ant)}
.topbar.is-stuck .nav__links>li>a:hover,.topbar.is-stuck .nav__trigger:hover,
.topbar.is-stuck .nav__links li.is-open>.nav__trigger{color:var(--goud-diep)}
.mega{
position:absolute;top:calc(100% + 12px);left:0;
transform:translateY(-8px);
width:max-content;max-width:min(1060px,calc(100vw - 3rem));
background:var(--wit);border:1px solid var(--lijn);border-radius:var(--r);
padding:1.6rem 1.9rem 0;box-shadow:var(--schaduw-lg);
opacity:0;visibility:hidden;pointer-events:none;
transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s;
z-index:60;
}
.mega::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}
.nav__links li.is-open>.mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.mega__grid{display:grid;gap:1.5rem 2.4rem;padding-bottom:1.3rem}
.mega__label{
margin:0 0 .85rem;font:700 .7rem/1 var(--font-kop);
letter-spacing:.13em;text-transform:uppercase;color:var(--ant-zacht);
}
.mega__col ul{list-style:none;margin:0;padding:0;display:grid;gap:.62rem}
.mega__col a{
display:block;font:400 .93rem/1.35 var(--font-tekst);color:var(--ant);
text-decoration:none;transition:color .2s var(--ease),transform .2s var(--ease);
}
.mega__col a:hover{color:var(--goud-diep)}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
.mega__col a:hover{transform:translateX(2px)}
}
.mega__foot{
margin:0 -1.9rem;padding:.9rem 1.9rem;text-align:center;
border-top:1px solid var(--lijn);background:var(--creme);
border-radius:0 0 var(--r) var(--r);
}
.mega__foot a{
display:inline-flex;align-items:center;gap:.5rem;
font:600 .92rem/1 var(--font-kop);color:var(--goud-diep);text-decoration:none;
transition:gap .2s var(--ease);
}
.mega__foot a:hover svg{transform:translateX(.35rem)}
.mega__foot svg{width:14px;height:14px;transition:transform .2s var(--ease)}
.nav-toggle{
display:none;align-items:center;justify-content:center;
width:44px;height:44px;padding:0;margin-left:.2rem;
background:none;border:0;color:#fff;cursor:pointer;
}
.nav-toggle svg{width:26px;height:26px}
.topbar.is-stuck .nav-toggle{color:var(--ant)}
.drawer{position:fixed;inset:0;z-index:120;visibility:hidden;pointer-events:none;overflow:hidden;overflow:clip}
.drawer.is-open{visibility:visible;pointer-events:auto}
.drawer__scrim{
position:absolute;inset:0;width:100%;height:100%;
background:rgba(34,49,78,.55);border:0;padding:0;cursor:pointer;
opacity:0;transition:opacity .3s var(--ease);
}
.drawer.is-open .drawer__scrim{opacity:1}
.drawer__panel{
position:absolute;inset:0 0 0 auto;width:min(420px,100%);
display:flex;flex-direction:column;background:var(--wit);
transform:translateX(100%);transition:transform .32s var(--ease);z-index:1;
}
.drawer.is-open .drawer__panel{transform:translateX(0)}
body.drawer-open .mcta{display:none}
.drawer__head{
display:flex;align-items:center;justify-content:space-between;gap:1rem;
padding:calc(.9rem + env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) .9rem max(1.25rem,env(safe-area-inset-left));
border-bottom:1px solid var(--lijn);flex:0 0 auto;
}
.drawer__logo img{height:52px;width:auto;display:block}
.drawer__close{display:grid;place-items:center;width:44px;height:44px;background:none;border:0;color:var(--ant);cursor:pointer}
.drawer__close svg{width:24px;height:24px}
.drawer__nav{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:.4rem 0 1rem}
.drawer__group{border-bottom:1px solid var(--lijn)}
.drawer__group>summary{
display:flex;align-items:center;justify-content:space-between;
padding:.95rem 1.25rem;font:700 1rem/1.3 var(--font-kop);color:var(--ant);
cursor:pointer;list-style:none;
}
.drawer__group>summary::-webkit-details-marker{display:none}
.drawer__group>summary::after{
content:"";width:9px;height:9px;margin-left:1rem;flex:0 0 auto;
border-right:2px solid var(--ant-zacht);border-bottom:2px solid var(--ant-zacht);
transform:rotate(45deg) translateY(-2px);transition:transform .2s var(--ease);
}
.drawer__group[open]>summary{color:var(--goud-diep)}
.drawer__group[open]>summary::after{transform:rotate(-135deg) translateY(-2px)}
.drawer__group a{display:block;padding:.6rem 1.25rem .6rem 2rem;font-size:.94rem;color:var(--ant-zacht);text-decoration:none}
.drawer__group a:hover{color:var(--goud-diep);background:var(--creme)}
.drawer__group a:last-child{padding-bottom:1rem}
.drawer__link{
display:block;padding:.95rem 1.25rem;font:700 1rem/1.3 var(--font-kop);
color:var(--ant);text-decoration:none;border-bottom:1px solid var(--lijn);
}
.drawer__link:hover{color:var(--goud-diep)}
.drawer__foot{
flex:0 0 auto;display:grid;gap:.7rem;
padding:1.1rem max(1.25rem,env(safe-area-inset-right)) calc(1.1rem + env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left));
border-top:1px solid var(--lijn);background:var(--creme);
}
.drawer__cta{justify-content:center}
.drawer__tel,.drawer__wa{display:inline-flex;align-items:center;gap:.55rem;font:600 1rem/1 var(--font-kop);color:var(--ant);text-decoration:none}
.drawer__tel svg,.drawer__wa svg{width:18px;height:18px}
.topbar__logo{flex:none}
.topbar__tel,.topbar .btn{white-space:nowrap}
@media(min-width:1024px){
.topbar__actions{margin-left:0}
.nav{align-self:auto;margin-top:calc(.6rem + 4px)}
}
@media(max-width:1199.98px){
.topbar__tel{display:none}
}
@media(max-width:1023.98px){
.nav{display:none}
.nav-toggle{display:inline-flex}
}
@media(max-width:767.98px){
.topbar .btn--wa{display:none}
}
.leeg{color:var(--ant-zacht);font-style:italic}
.hero--pagina{min-height:min(69vh,645px)}
@media(min-width:1080px){
.hero--pagina{min-height:498px}
}
@media(max-width:1080px){
.hero--pagina{min-height:min(63vh,570px)}
}
@media(max-width:620px){
.hero--pagina{min-height:min(57vh,450px)}
}
.hero--pagina .hero__bg img{object-position:center 34%}
.hero--pagina .hero__content{padding-block:clamp(9rem,12vw,11rem) clamp(1.6rem,3vw,2.6rem)}
.hero--pagina .hero__title{font-size:clamp(1.9rem,3.6vw,2.9rem)}
@media(max-width:620px){
.hero--pagina .hero__content{padding-block:7.5rem 1.2rem}
}
h1,h2,h3,h4,.kop,.hero__title,.pk h1{overflow-wrap:break-word}
a.dienst{text-decoration:none}
a.dienst h3::after{content:"";display:inline-block;width:.42em;height:.42em;margin-left:.45em;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg) translateY(-.06em);transition:transform .2s var(--ease)}
a.dienst:hover h3::after{transform:rotate(45deg) translate(.16em,-.22em)}
a.dienst:focus-visible{outline:3px solid var(--geel);outline-offset:3px}
.cert-kaart{background:var(--wit);border:1px solid var(--lijn);border-radius:24px;padding:clamp(1.8rem,3.6vw,3rem)}
.cert-kaart .kop{max-width:26ch;margin-bottom:.4em}
.cert-merken{display:flex;flex-wrap:wrap;align-items:flex-start;gap:clamp(.9rem,2vw,1.5rem);margin-top:clamp(1.5rem,3vw,2.2rem);padding-top:clamp(1.4rem,2.8vw,2rem);border-top:1px solid var(--lijn)}
.cert-spring{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:140px;text-decoration:none;color:var(--ant);font:700 .8rem/1.3 var(--font-kop);letter-spacing:.02em;text-align:center;transition:color .25s var(--ease)}
.cert-spring small{display:block;font:400 .74rem/1.3 var(--font-kop);letter-spacing:0;color:var(--ant-zacht)}
.cert-spring:hover{color:var(--goud-diep)}
.cert-chip{display:grid;place-items:center;grid-auto-flow:column;gap:.5rem;width:140px;height:90px;padding:14px;background:var(--creme);border:1px solid var(--lijn);border-radius:14px;transition:border-color .25s var(--ease)}
.cert-chip img{display:block;width:auto;height:auto;max-width:122px;max-height:68px}
.cert-spring:hover .cert-chip{border-color:var(--goud-diep)}
.hero--pagina .hero__content{padding-bottom:calc(clamp(56px,7.5vw,104px) + 35px)}
.keurmerk--score{flex-direction:row;gap:.55rem}
.keurmerk--kv.keurmerk--score{width:auto;padding-inline:14px}
.keurmerk--score.keurmerk--kv img{height:34px;width:auto;max-height:none;max-width:none}
.keurmerk__cijfer{font-size:1.4rem}
@media(min-width:881px) and (max-width:1080px){
.of-trust{position:static;justify-content:flex-start;flex-wrap:wrap;margin-bottom:14px}
}
@media(max-width:560px){
.keurmerk--kv.keurmerk--score{padding-inline:8px;flex:1.5 1 0}
.keurmerk--score{gap:.4rem}
.keurmerk--score.keurmerk--kv img{height:24px;max-height:none}
.keurmerk__cijfer{font-size:1.1rem}
}
.hero--pagina .hero__bg img[src*="inpakken-keuken"]{object-position:center 24%}
#reviews:has(.art-3){position:relative}
#waarom{position:relative}
.stap{border-top:0;padding-top:0}
.stap:not(:nth-child(4n+1)){border-left:1px solid rgba(0,161,155,.16);padding-left:var(--stap-gap)}
.stap h3{min-height:2.36em;display:flex;align-items:flex-end}
@media(max-width:900px){
.stap:not(:nth-child(4n+1)){border-left:0;padding-left:0}
.stap:not(:nth-child(2n+1)){border-left:1px solid rgba(0,161,155,.16);padding-left:var(--stap-gap)}
.stap h3{min-height:0;display:block}
}
@media(max-width:520px){
.stap:not(:nth-child(2n+1)){border-left:0;padding-left:0}
.stap+.stap{border-top:1px solid rgba(0,161,155,.16);padding-top:var(--stap-gap)}
}
.footer__balk .wrap{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.55rem}
.footer__balk small{font-size:1em}
.footer__legal{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem 1.3rem}
.footer__legal a{color:rgba(255,255,255,.8);text-decoration:none}
.footer__legal a:hover,.footer__legal a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:3px}
.footer__legal-knop{appearance:none;background:none;border:0;padding:0;margin:0;font:inherit;line-height:inherit;color:#fff;text-decoration:none;cursor:pointer}
.footer__legal-knop:hover,.footer__legal-knop:focus-visible{text-decoration:underline;text-underline-offset:3px}
.jur{padding-block:clamp(2rem,4vw,3rem) clamp(2.6rem,5vw,4rem)}
.jur__intro{max-width:66ch}
.jur__intro p{margin:0 0 .9rem;color:var(--ant-zacht);line-height:1.75;font-size:1.02rem}
.jur__blok{max-width:72ch;scroll-margin-top:96px;margin-top:clamp(1.8rem,3.5vw,2.6rem);
padding-top:clamp(1.6rem,3vw,2.2rem);border-top:1px solid var(--lijn)}
.jur__blok h2{margin:0;font-size:clamp(1.2rem,2.1vw,1.5rem);line-height:1.3;color:var(--goud-diep)}
.jur__blok h3{margin:1.5rem 0 0;font-size:1.02rem}
.jur__blok p{margin:.85rem 0 0;color:var(--ant-zacht);line-height:1.75}
.jur__blok a:not(.btn),.jur__intro a:not(.btn),.jur__kaart a:not(.btn){color:var(--goud-diep);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.jur__lijst{margin:.9rem 0 0;padding:0;list-style:none;display:grid;gap:.75rem}
.jur__lijst li{position:relative;padding-left:1.2rem;color:var(--ant-zacht);line-height:1.7}
.jur__lijst li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--goud)}
.jur__lijst b{color:var(--ant)}
@media(max-width:600px){
.jur__blok{max-width:none}
}
.av{padding-block:clamp(2.4rem,5vw,3.8rem)}
.jur__lijst a{font-weight:400}
.skiplink{position:fixed;top:0;left:max(12px,env(safe-area-inset-left));z-index:70;transform:translateY(-140%);
background:var(--bruin);color:var(--creme);font:700 .95rem/1 var(--font-kop);
padding:.85rem 1.4rem;border-radius:0 0 12px 12px;text-decoration:none;
transition:transform .18s var(--ease)}
.skiplink:focus{transform:translateY(0)}
.skiplink:focus-visible{outline:3px solid var(--goud-diep);outline-offset:3px}
@media(prefers-reduced-motion:reduce){
.skiplink{transition:none}
}
@media(max-width:767.98px){
html{scroll-padding-bottom:calc(6rem + env(safe-area-inset-bottom))}
}
.keurmerk__sub{color:#fff}
@media(prefers-reduced-motion:reduce){
.topbar,.topbar__logo img,.topbar__logo img+img{transition:none}
.drawer__panel,.nav__chev,.lfcalc__chev{transition:none}
}
.hero__videoknop{position:absolute;right:var(--pad);top:10rem;z-index:3;
display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;
background:var(--bruin);color:var(--creme);border:2px solid var(--creme);border-radius:999px;
cursor:pointer}
.hero__videoknop svg{width:16px;height:16px;fill:currentColor}
.hero__videoknop__lbl{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.hero__videoknop:hover{background:var(--ant)}
.hero__videoknop:focus-visible{outline:3px solid var(--bruin);outline-offset:0}
@media(max-width:760px),(prefers-reduced-motion:reduce){
.hero__videoknop{display:none}
}
main[tabindex="-1"]:focus{outline:none}
.lf__adresveld{position:relative}
.lf__keuzes{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;margin:0;padding:.25rem;list-style:none;background:#fff;border-radius:12px;box-shadow:0 12px 28px rgba(29,29,27,.3);max-height:14rem;overflow:auto}
.lf__keuze{padding:.5rem .55rem;border-radius:8px;color:var(--ant);font-size:.9rem;font-weight:600;line-height:1.3;cursor:pointer}
.lf__keuze:hover,.lf__keuze[aria-selected="true"]{background:var(--creme-2)}
:root{--offerte:#7BD534;--offerte-tekst:#020D41;--offerte-rand:#166909;--offerte-hover:#166909}
a.btn[href$="#offerte"],a.ev-btn[href$="#offerte"],#lfForm button[type=submit],#ofForm .of-cta{background:var(--offerte);border:1px solid var(--offerte);color:var(--offerte-tekst)}
a.btn[href$="#offerte"] svg,a.ev-btn[href$="#offerte"] svg,#lfForm button[type=submit] svg,#ofForm .of-cta svg{color:inherit}
a.btn[href$="#offerte"]:hover,a.btn[href$="#offerte"]:focus-visible,a.ev-btn[href$="#offerte"]:hover,a.ev-btn[href$="#offerte"]:focus-visible,#lfForm button[type=submit]:hover,#lfForm button[type=submit]:focus-visible,#ofForm .of-cta:hover,#ofForm .of-cta:focus-visible{background:var(--offerte-hover);border-color:var(--offerte-rand);color:#fff;box-shadow:none}
.sb-verborgen{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sb-diensten__kop{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem}
.sb-diensten__kop .sectiekop{margin-bottom:0}
.sb-diensten__grid{list-style:none;margin:clamp(2rem,4vw,3rem) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem 1.1rem}
.sb-dienst{position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;border-radius:var(--r);box-shadow:var(--schaduw-kaart);overflow:hidden}
.sb-dienst__beeld{position:relative}
.sb-dienst__foto{display:block;width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;object-position:center 30%}
.sb-dienst__ico{position:absolute;right:.8rem;bottom:-1.4rem;width:3.2rem;height:3.2rem;display:grid;place-items:center;border-radius:14px;background:#fff;box-shadow:var(--schaduw-kaart)}
.sb-dienst__ico img{width:34px;height:34px}
.sb-dienst__tekst{display:flex;flex:1;flex-direction:column;padding:1.5rem 1.25rem 1.25rem}
.sb-dienst h3{font-size:1.12rem;margin:0 0 .5rem;color:var(--goud-diep)}
.sb-dienst h3 a{color:inherit;text-decoration:none}
.sb-dienst h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.sb-dienst p{margin:0 0 1rem;font-size:.95rem;color:var(--ant-zacht)}
.sb-dienst__pijl{margin-top:auto;width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:50%;background:var(--goud-licht);color:var(--goud-diep)}
.sb-dienst__pijl svg{width:16px;height:16px}
.sb-dienst:focus-within{outline:3px solid var(--goud-diep);outline-offset:3px}
.sb-dienst h3 a:focus-visible{outline:none}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.sb-dienst{transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.sb-dienst:hover{transform:translateY(-4px);box-shadow:var(--schaduw)}
.sb-dienst:hover .sb-dienst__pijl{background:var(--goud-diep);color:#fff}
}
@media(max-width:980px){
.sb-diensten__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
.sb-diensten__kop{display:block}
.sb-diensten__grid{grid-template-columns:1fr;gap:.8rem}
.sb-dienst{flex-direction:row;min-height:8rem}
.sb-dienst__beeld{flex:none;width:7.25rem}
.sb-dienst__foto{position:absolute;inset:0;height:100%;aspect-ratio:auto}
.sb-dienst__ico,.sb-dienst__pijl{display:none}
.sb-dienst__tekst{padding:.9rem 1rem}
.sb-dienst h3{font-size:1.02rem;margin-bottom:.3rem}
.sb-dienst p{margin:0;font-size:.88rem}
}
.sb-voordelen__rij{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(1.2rem,3vw,2rem);align-items:stretch}
.sb-voordelen__foto{margin:0;border-radius:var(--r);overflow:hidden;min-height:100%}
.sb-voordelen__foto img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%}
.sb-voordelen__kaarten{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.sb-voordelen__kaarten li{padding:clamp(1.25rem,2.4vw,2rem);border:1px solid var(--lijn);border-radius:var(--r);background:#fff}
.sb-voordelen__kaarten li:nth-child(2){background:color-mix(in srgb,var(--geel) 10%,#fff)}
.sb-voordelen__kaarten li:nth-child(3){background:var(--creme)}
.sb-voordelen__kaarten li:nth-child(4){background:var(--goud-licht)}
.sb-voordelen__kaarten img{display:block;width:44px;height:44px;margin-bottom:1rem}
.sb-voordelen__kaarten h3{font-size:1.15rem;color:var(--goud-diep);margin-bottom:.45rem}
.sb-voordelen__kaarten p{margin:0;font-size:.97rem;color:var(--ant-zacht)}
.sb-voordelen__kaarten a{color:var(--goud-diep)}
@media(max-width:860px){
.sb-voordelen__rij{grid-template-columns:1fr}
.sb-voordelen__foto img{aspect-ratio:4/3;height:auto}
}
@media(max-width:560px){
.sb-voordelen__kaarten{grid-template-columns:1fr}
}
.sb-voordelen__kaarten li{border-color:transparent}
.sb-voordelen__kaarten li:nth-child(1){background:#CDEAF9}
.sb-voordelen__kaarten li:nth-child(2){background:#F8EDCB}
.sb-voordelen__kaarten li:nth-child(3){background:#DFEFCF}
.sb-voordelen__kaarten li:nth-child(4){background:#E3DEF3}
.sb-pop+.sb-voordelen__kaarten li:nth-child(1){background:#007DC2}
.sb-pop+.sb-voordelen__kaarten li:nth-child(2){background:var(--geel)}
.sb-pop+.sb-voordelen__kaarten li:nth-child(3){background:#6DB23F}
.sb-pop+.sb-voordelen__kaarten li:nth-child(4){background:#00498F}
.sb-pop+.sb-voordelen__kaarten :is(h3,p,a){color:var(--wit)}
.sb-pop+.sb-voordelen__kaarten img{filter:brightness(0) invert(1)}
@media(min-width:861px){
.sectie.sb-voordelen{padding-block:3.375rem}
.sb-voordelen .sectiekop{margin-bottom:1.75rem}
.sb-voordelen__foto{position:relative;min-height:0}
.sb-voordelen__foto img{position:absolute;inset:0;object-position:center top}
.sb-voordelen__kaarten li{padding:1.5rem}
.sb-voordelen__kaarten img{width:36px;height:36px;margin-bottom:.6rem}
}
.sb-voordelen__foto.sb-pop{position:relative;container-type:inline-size;overflow:visible;border-radius:0;min-height:0}
.sb-voordelen__foto.sb-pop img{position:absolute;inset:auto auto -1cqw -49cqw;width:149cqw;max-width:none;height:auto;aspect-ratio:1000/708;object-fit:fill}
.sb-pop__foto{clip-path:inset(26.84cqw 0 1cqw 49cqw round var(--r))}
@media(max-width:860px){
.sb-voordelen__foto.sb-pop{aspect-ratio:505/420}
}
.sb-voordelen__foto.sb-pop--vlak img{inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:20% 50%}
.sb-pop--vlak .sb-pop__foto{clip-path:inset(0 round var(--r))}
.sb-voordelen__foto.sb-pop--vlak img{object-position:60% 40%}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
.js .sb-pop+.sb-voordelen__kaarten li{transition:opacity .55s var(--ease),transform .55s var(--ease),translate .22s ease,box-shadow .22s ease;transition-delay:0s,0s,0s,0s!important}
.js .sb-pop+.sb-voordelen__kaarten li:nth-child(2){transition-delay:70ms,70ms,0s,0s!important}
.js .sb-pop+.sb-voordelen__kaarten li:nth-child(3){transition-delay:140ms,140ms,0s,0s!important}
.js .sb-pop+.sb-voordelen__kaarten li:nth-child(4){transition-delay:210ms,210ms,0s,0s!important}
.sb-pop+.sb-voordelen__kaarten li img{transition:scale .22s ease}
.sb-pop+.sb-voordelen__kaarten li:hover{translate:0 -5px;box-shadow:0 10px 22px rgba(0,30,60,.18)}
.sb-pop+.sb-voordelen__kaarten li:hover img{scale:1.12}
}
@media(min-width:861px){
.sb-voordelen__rij:has(>.sb-pop){grid-template-columns:1.15fr .85fr}
.sb-voordelen__foto.sb-pop{grid-column:2;grid-row:1;aspect-ratio:100/77.652;align-self:end}
.sb-pop+.sb-voordelen__kaarten{grid-column:1;grid-row:1;grid-template-rows:repeat(2,1fr)}
.sb-pop+.sb-voordelen__kaarten li{display:grid;grid-template-columns:auto 1fr;align-items:center;align-content:start;column-gap:.8rem}
.sb-pop+.sb-voordelen__kaarten img{margin:0}
.sb-pop+.sb-voordelen__kaarten h3{margin:0;text-wrap:balance}
.sb-pop+.sb-voordelen__kaarten p{grid-column:1/-1;margin-top:.6rem}
.sb-voordelen:has(.sb-pop) .sectiekop{margin-bottom:3.5rem}
}
@media(min-width:480px) and (max-width:860px){
.sb-voordelen:has(.sb-pop) .sectiekop{margin-bottom:calc(7.2vw + 1rem)}
}
.sb-toennu__paneel{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center;padding:clamp(1.4rem,4.5vw,3.5rem);border-radius:28px;background:linear-gradient(135deg,#fff 0%,var(--creme-2) 100%);box-shadow:var(--schaduw)}
.sb-toennu__links,.sb-toennu__rechts{min-width:0}
.sb-toennu__fotos{position:relative;display:flex;align-items:flex-end;margin-top:clamp(1.2rem,2.4vw,1.8rem);padding-bottom:1rem}
.sb-toennu__fotos figure{position:relative;margin:0;padding:8px;background:#fff;border-radius:14px;box-shadow:var(--schaduw)}
.sb-toennu__fotos img{display:block;border-radius:8px;object-fit:cover}
.sb-toennu__toen{width:46%;transform:rotate(-4deg);z-index:1}
.sb-toennu__toen img{width:100%;aspect-ratio:4/3.4;height:auto;object-position:55% 50%}
.sb-toennu__bron{margin:.7rem 0 0;max-width:34rem;font-size:.78rem;line-height:1.45;color:var(--ant-zacht)}
.sb-toennu__bron a{color:inherit;text-underline-offset:2px}
.sb-toennu__nu{width:62%;transform:rotate(2deg);z-index:2}
.sb-toennu__fotos .sb-toennu__nu{margin-left:-10%}
.sb-toennu__nu img{width:100%;aspect-ratio:4/3;height:auto;object-position:62% center}
.sb-toennu__fotos figcaption{position:absolute;left:1rem;bottom:1rem;padding:.25rem .7rem;border-radius:99px;background:var(--bruin);color:var(--creme);font:700 .72rem/1.3 var(--font-kop);letter-spacing:.12em;text-transform:uppercase}
.sb-toennu__toen figcaption{top:1rem;bottom:auto}
.sb-toennu__nu figcaption{background:var(--geel);color:var(--ant)}
.sb-toennu__lead{font-weight:600;color:var(--ant)}
.sb-toennu__rechts p:not(.sb-toennu__lead){color:var(--ant-zacht)}
.sb-toennu__rechts .btn{margin-top:.6rem;width:auto}
@media(max-width:860px){
.sb-toennu__paneel{grid-template-columns:1fr}
}
@media(max-width:520px){
.sb-toennu__rechts .btn{width:100%}
}
.sb-toennu__fotos{margin-top:clamp(2.4rem,4.6vw,3.6rem)}
.sb-toennu__beeld{position:relative}
.sb-toennu__raam{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:8px}
.sb-toennu__nu :is(.sb-toennu__foto,.sb-toennu__uit){position:absolute;left:-3.968%;top:-53.84%;width:158.73%;max-width:none;height:auto;aspect-ratio:auto;border-radius:0;object-fit:fill}
.sb-toennu__nu .sb-toennu__uit{left:0;width:100%;z-index:2;pointer-events:none;clip-path:inset(0 0 10.8% 0);filter:drop-shadow(8px 6px 7px rgba(2,13,65,.45)) drop-shadow(1px 1px 2px rgba(2,13,65,.3))}
.sb-sterren{--vul:100%;display:block;flex:none;width:5.5em;height:1.1em;background:linear-gradient(90deg,var(--geel) var(--vul),var(--lijn) 0);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 24'%3E%3Cg id='s'%3E%3Cpath d='M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3l-5.9 3.3 1.3-6.6L2.5 9.4l6.6-.8z'/%3E%3C/g%3E%3Cuse href='%23s' x='24'/%3E%3Cuse href='%23s' x='48'/%3E%3Cuse href='%23s' x='72'/%3E%3Cuse href='%23s' x='96'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 24'%3E%3Cg id='s'%3E%3Cpath d='M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3l-5.9 3.3 1.3-6.6L2.5 9.4l6.6-.8z'/%3E%3C/g%3E%3Cuse href='%23s' x='24'/%3E%3Cuse href='%23s' x='48'/%3E%3Cuse href='%23s' x='72'/%3E%3Cuse href='%23s' x='96'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.sb-sterren--9{--vul:90%}
.sb-opslag .opslag__mark,.sb-venster .venster__mark{aspect-ratio:243/139;object-fit:cover;object-position:top}
.sb-opslag .opslag__mark{width:auto}
.sb-opslag .opslag__persoon{clip-path:none;bottom:123px}
@media(max-width:900px){
.sb-opslag{padding-top:2rem;padding-bottom:calc(4.4vw + clamp(12px,2.2vw,30px) - 2px)}
.sb-opslag .opslag__kaart{margin-bottom:0}
.sb-opslag .opslag__fig{height:250px;padding-top:0}
.sb-opslag .opslag__persoon{position:absolute;left:50%;bottom:7px;transform:translateX(-50%);height:236px;width:auto;max-width:none;margin:0;clip-path:polygon(0 0,100% 0,100% calc(100% - 14.55px),0 100%)}
.sb-opslag .opslag__band{bottom:calc(4.4vw + clamp(12px,2.2vw,30px) + 12px);height:150px}
.sb-opslag .opslag__mark{height:34%}
.sb-opslag .opslag__script{height:40%}
}
h1,h2,h3,h4,.kop,.hero__title{font-weight:600;letter-spacing:0}
.label{color:#676767}
.btn{border-radius:5px;letter-spacing:.05em;font-weight:600}
.btn:not([class*="btn--"]){background:var(--bruin);border-color:var(--bruin);color:#fff}
.btn:not([class*="btn--"]):hover{background:var(--goud-diep);border-color:var(--goud-diep);color:#fff}
.btn:not([class*="btn--"]) svg{color:var(--goud)}
.btn--lijn-wit{background:transparent;border-color:rgba(255,255,255,.55);color:#fff}
.btn--lijn-wit:hover{background:rgba(255,255,255,.12);color:#fff}
.btn--lijn-wit svg{order:0;width:16px;height:16px}
a.btn.btn--offerte,button.btn.btn--offerte,a.btn[href^="/offerte/"],a.btn[href$="#offerte"],#lfForm button[type=submit]{background:var(--offerte);border:1px solid var(--offerte);color:var(--offerte-tekst)}
a.btn.btn--offerte svg,button.btn.btn--offerte svg,a.btn[href^="/offerte/"] svg{color:inherit}
a.btn.btn--offerte:hover,a.btn.btn--offerte:focus-visible,button.btn.btn--offerte:hover,button.btn.btn--offerte:focus-visible,
a.btn[href^="/offerte/"]:hover,a.btn[href^="/offerte/"]:focus-visible{background:var(--offerte-hover);border-color:var(--offerte-rand);color:#fff;box-shadow:none}
a.btn.btn--offerte:focus-visible,button.btn.btn--offerte:focus-visible,a.btn[href^="/offerte/"]:focus-visible,a.btn[href$="#offerte"]:focus-visible,
a.ev-btn[href$="#offerte"]:focus-visible,#lfForm button[type=submit]:focus-visible,#ofForm .of-cta:focus-visible{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px #fff,0 0 0 5px var(--offerte-rand)}
.topbar,.topbar.is-stuck{background:var(--bruin);padding:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.topbar.is-stuck{box-shadow:0 4px 18px rgba(2,13,65,.28)}
.topbar::before{display:none}
.topbar .wrap{min-height:78px;align-items:center}
.topbar .topbar__logo{align-self:flex-start;flex:none;background:#fff;border-radius:0 0 20px 20px;padding:.55rem .8rem .7rem;margin-bottom:-62px;box-shadow:0 12px 26px -14px rgba(2,13,65,.55);transition:margin .3s var(--ease),padding .3s var(--ease)}
@media(prefers-reduced-motion:reduce){
.topbar,.topbar .topbar__logo{transition:none}
}
.topbar .topbar__logo img{position:static;transform:none;opacity:1;height:120px;width:auto}
.topbar.is-stuck .topbar__logo{margin-bottom:-24px;padding:.35rem .55rem .45rem}
.topbar.is-stuck .topbar__logo img{height:80px}
.topbar .nav,.topbar.is-stuck .nav{margin-top:0;align-self:center}
.nav__trigger{background:none;border:0;font:700 .9rem/1 var(--font-kop)}
.nav__links>li>a,.nav__trigger,.topbar.is-stuck .nav__links>li>a,.topbar.is-stuck .nav__trigger{color:#fff;font-weight:600}
.nav__links>li>a:hover,.nav__trigger:hover,.nav__links li.is-open>.nav__trigger,
.topbar.is-stuck .nav__links>li>a:hover,.topbar.is-stuck .nav__trigger:hover,.topbar.is-stuck .nav__links li.is-open>.nav__trigger{color:var(--goud)}
.nav__links>li>a[aria-current="page"]{color:var(--goud)}
.topbar__tel,.topbar.is-stuck .topbar__tel{color:#fff}
.topbar__tel:hover{color:var(--goud)}
.topbar .nav-toggle,.topbar.is-stuck .nav-toggle{color:#fff}
@media(max-width:1200px){
.topbar .topbar__logo img{height:101px}
.topbar .topbar__logo{margin-bottom:-51px}
}
@media(max-width:620px){
.topbar .wrap{min-height:64px}
.topbar .topbar__logo,.topbar.is-stuck .topbar__logo{padding:.35rem .5rem .45rem;margin-bottom:-27px;border-radius:0 0 14px 14px}
.topbar .topbar__logo img,.topbar.is-stuck .topbar__logo img{height:69px}
}
.topbar:not(.is-stuck){background-color:transparent;box-shadow:none}
.topbar::before{display:block;content:"";position:absolute;inset:0 0 auto 0;height:150px;z-index:-1;pointer-events:none;
background:linear-gradient(180deg,rgba(2,13,65,.46) 0%,rgba(2,13,65,.46) 50%,rgba(2,13,65,.2) 75%,rgba(2,13,65,0) 100%);
transition:opacity .35s var(--ease)}
.topbar.is-stuck::before{opacity:0}
.topbar:not(.is-stuck) .nav__links>li>a[aria-current="page"],.topbar:not(.is-stuck) .nav__links>li>a:hover,
.topbar:not(.is-stuck) .nav__trigger:hover,.topbar:not(.is-stuck) .nav__links li.is-open>.nav__trigger,
.topbar:not(.is-stuck) .topbar__tel:hover{color:#fff;text-decoration:underline 2px var(--goud);text-underline-offset:.45em}
body:not(:has(.hero)) .topbar{background-color:var(--bruin)}
body:not(:has(.hero)) .topbar::before{display:none}
.mega__col ul{gap:.5rem}
.mega__col a{font-size:.9rem}
.mega__col a[aria-current="page"],.mega__foot a[aria-current="page"]{color:var(--goud-diep);font-weight:600}
.mega__foot{background:var(--creme)}
.drawer__group a.drawer__sub{padding:.42rem 1.25rem .42rem 3rem;font-size:.9rem}
.drawer__group--koppen a:last-child{padding-bottom:1rem}
.drawer__group a[aria-current="page"]{color:var(--goud-diep);font-weight:600}
.hero__veil{background:linear-gradient(180deg,rgba(2,13,65,.62) 0%,rgba(2,13,65,.38) 45%,rgba(2,13,65,.72) 100%)}
.hero--pagina .hero__content{padding-block:clamp(9.5rem,13vw,11.5rem) clamp(1.8rem,3.4vw,2.8rem)}
.hero--home{min-height:min(86vh,720px)}
.hero--home .hero__title{font-size:clamp(2rem,4.4vw,3.4rem);max-width:24ch;margin-inline:auto;line-height:1.15}
.hero--home .hero__sub{max-width:62ch;margin-inline:auto;font-size:clamp(1rem,1.4vw,1.15rem)}
.hf1-hero{min-height:560px}
.hf1-hero .hero__content{padding-bottom:calc(clamp(56px,7.5vw,104px) + 2rem)}
.hf1{background:var(--creme);padding-bottom:0}
.hf1 .of-box{border-radius:15px;padding:clamp(20px,2vw,28px) clamp(20px,2.4vw,32px);box-shadow:0 26px 60px -20px rgba(2,13,65,.6)}
.hf1 .of-title{letter-spacing:0;font-weight:600;font-size:clamp(1.45rem,2.2vw,1.85rem);margin-bottom:6px}
.hf1 .of-sub{max-width:62ch;line-height:1.55;margin-bottom:16px}
.hf1 .of-pill{border-radius:10px;padding:6px;grid-template-columns:1fr 1px 1fr 1px .9fr 1px 1.1fr auto}
.hf1 .of-field{padding:6px 14px}
.hf1 .of-field span{color:var(--bruin)}
.hf1 .of-cta{border-radius:5px;letter-spacing:.05em;font-weight:600;padding:13px 22px}
.hf1-tel{margin:10px 0 0;font-size:.9rem;color:rgba(255,255,255,.9)}
.hf1-tel a{color:#fff;font-weight:600;white-space:nowrap}
@media(max-width:760px){
.hf1 .of-pill{grid-template-columns:1fr;border-radius:10px;gap:4px}
.hf1 .of-cta{border-radius:5px;margin-top:2px}
.hf1 .of-field:last-of-type{border-bottom:0}
}
@media(max-width:620px){
.hero--home .hero__sub{margin-top:.6rem}
.hf1-hero{min-height:0}
.hf1-hero .hero__content{padding-top:6.6rem;padding-bottom:calc(48px + 1.2rem)}
.hf1 .of-box{padding:16px 12px 14px}
.hf1 .of-title{font-size:1.28rem;margin-bottom:10px}
.hf1 .of-sub{display:none}
.hf1 .of-pill{padding:6px}
.hf1 .of-field{padding:7px 12px}
.hf1 .of-cta{padding:12px 18px}
.hf1-tel{margin-top:8px;font-size:.86rem}
}
.hf1 .of-box{padding-block:clamp(18px,1.8vw,24px)}
.hf1 .of-box{background:var(--teal-paneel)}
.hf1 .hf1-tel{color:#fff}
.hf1 .of-sub{margin-bottom:14px}
.hf1-tel{margin-top:8px}
@media(max-width:620px){
.hf1 .of-box{padding-top:13px;padding-bottom:12px}
.hf1 .of-title{margin-bottom:6px}
.hf1 .of-field{padding-block:6px}
}
.topbar__kv{display:inline-flex;align-items:center;gap:.4rem;color:#fff;text-decoration:none;line-height:1;padding:.3rem .25rem;margin-right:.3rem;white-space:nowrap;flex:none}
.topbar__kv .kv-icoon{width:20px;height:18px;flex:none}
.topbar__kv b{font:700 .95rem/1 var(--font-titel)}
.topbar__kv .sb-sterren{font-size:.62rem}
.topbar__kv:hover b{color:var(--goud)}
@media(max-width:620px){
.topbar__kv{gap:.3rem;margin-right:.1rem;padding-inline:.1rem}
.topbar__kv .sb-sterren{width:1.1em;-webkit-mask-size:auto 100%;mask-size:auto 100%;font-size:.8rem}
}
.sbf__optioneel{font-weight:400;color:var(--ant-zacht)}
.sbf__notitie a,.sbf__vink a,.sbf__verstuur a,.sbf__klaar a{color:var(--goud-diep)}
.sbf__melding{margin:0;font-weight:600;color:var(--fout)}
.sbf__melding:empty{display:none}
.sbf__klaar{padding:.4rem 0;line-height:1.55}
.sbf__klaar strong{display:block;font-size:1.15rem;color:var(--goud-diep);margin-bottom:.3rem}
.sbf__klaar:focus{outline:none}
@media(min-width:861px){
.sb-diensten__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.sb-nieuw{display:inline-block;margin-left:.35rem;padding:.2rem .45rem;border-radius:5px;background:var(--offerte);color:var(--offerte-tekst);font:600 .66rem/1 var(--font-kop);letter-spacing:.06em;text-transform:uppercase;vertical-align:middle}
.sb-dienst h3{color:var(--bruin)}
.sectie.bh-nieuws,.sectie:not(.sectie--creme2) + .sectie.bh-nieuws{padding-top:clamp(3.25rem,4.6vw,4.2rem)}
.sectie.bh-nieuws{padding-bottom:clamp(3rem,5vw,4.5rem)}
.bh-nieuws .sectiekop{margin-bottom:clamp(1.5rem,2.6vw,2.2rem)}
.bh-nieuws__raster{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,1.8vw,1.5rem)}
.bh-nieuws__kaart{position:relative;min-width:0;display:flex;flex-direction:column;border-radius:var(--r);overflow:hidden;background:var(--wit);
box-shadow:0 1px 2px rgba(2,13,65,.1),0 16px 34px -20px rgba(2,13,65,.4)}
.bh-nieuws__beeld{aspect-ratio:16/10;overflow:hidden;background:var(--goud-diep)}
.bh-nieuws__foto{display:block;width:100%;height:100%;object-fit:cover}
.bh-nieuws__tekst{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0;padding:1.25rem 1.4rem 1.4rem}
.bh-nieuws__kaart h3{margin:0 0 .5rem;font-size:clamp(1.08rem,1.35vw,1.2rem);line-height:1.3}
.bh-nieuws__kaart h3 a{color:var(--ant-diep);text-decoration:none}
.bh-nieuws__kaart h3 a::after{content:"";position:absolute;inset:0}
.bh-nieuws__kaart p{margin:0 0 1rem;font-size:.95rem;line-height:1.6;color:var(--ant-zacht)}
.bh-nieuws__meer{display:inline-flex;align-items:center;gap:.4rem;margin-top:auto;font:600 .92rem/1.3 var(--font-kop);color:var(--goud-diep)}
.bh-nieuws__meer svg{width:16px;height:16px}
.bh-nieuws__kaart:focus-within{outline:3px solid var(--goud-diep);outline-offset:3px}
.bh-nieuws__kaart h3 a:focus-visible{outline:none}
.bh-nieuws__voet{margin:clamp(1.6rem,2.8vw,2.2rem) 0 0;text-align:center}
@media(prefers-reduced-motion:no-preference){
.bh-nieuws__kaart,.bh-nieuws__foto,.bh-nieuws__meer svg{transition:transform .3s var(--ease)}
.bh-nieuws__kaart:hover{transform:translateY(-4px)}
.bh-nieuws__kaart:hover .bh-nieuws__foto{transform:scale(1.05)}
.bh-nieuws__kaart:hover .bh-nieuws__meer svg{transform:translateX(3px)}
}
@media(max-width:900px){
.bh-nieuws__raster{grid-template-columns:1fr}
.bh-nieuws__kaart{flex-direction:row}
.bh-nieuws__beeld{flex:0 0 42%;aspect-ratio:auto;min-height:180px}
}
@media(max-width:560px){
.bh-nieuws__kaart{flex-direction:column}
.bh-nieuws__beeld{flex:none;aspect-ratio:16/10;min-height:0}
}
.bh-nieuws__kaart:has(.bh-nieuws__beeld--pop){overflow:visible}
.bh-nieuws__beeld--pop{position:relative;overflow:clip visible;background:none;container-type:inline-size}
.bh-nieuws__raam{position:absolute;inset:0;overflow:hidden;border-radius:var(--r) var(--r) 0 0;background:var(--goud-diep)}
.bh-nieuws__beeld--pop img{position:absolute;left:calc(var(--pl)*1cqw);top:calc(var(--pt)*1cqw);width:calc(var(--pw)*1cqw);max-width:none;height:auto;
aspect-ratio:var(--par);object-fit:fill;transform-origin:50% calc(var(--pt)*-1cqw)}
.bh-nieuws__uit{pointer-events:none;
clip-path:inset(0 calc((var(--pw) + var(--pl) - 100)*1cqw) calc((var(--pw)/var(--par) + var(--pt))*1cqw - 1px) calc(var(--pl)*-1cqw))}
.bh-nieuws .sectiekop{margin-bottom:clamp(2.6rem,4vw,3.4rem)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.bh-nieuws__uit{transition:transform .3s var(--ease)}
.bh-nieuws__kaart:hover .bh-nieuws__uit{transform:scale(1.05)}
}
@media(max-width:900px){
.bh-nieuws__raster{row-gap:3.25rem}
.bh-nieuws__beeld--pop{align-self:flex-start;aspect-ratio:16/10;min-height:0}
}
@media(max-width:560px){
.bh-nieuws__beeld--pop{align-self:stretch}
}
.footer{--footer-rgb:0,46,99;--footer-waas:.35;background:rgb(var(--footer-rgb))}
.footer__balk{background:#00224D}
.footer__claim .eyebrow{color:#7FD4FB}
.footer__claim .eyebrow::before{background:#7FD4FB}
.footer__boven{position:relative;isolation:isolate}
@media(min-width:701px){
.footer__boven{padding-bottom:40px;overflow:hidden}
.footer__claim{position:relative;isolation:isolate;width:fit-content}
.footer__claim::before{content:"";position:absolute;inset:.25rem .25rem .5rem -3rem;z-index:-1;background:rgba(var(--footer-rgb),.82);filter:blur(14px);pointer-events:none}
}
@media(min-width:1441px){
.footer__boven{min-height:calc(362px + (100vw - 1440px) * .33);display:flex;flex-direction:column;justify-content:center}
.footer__boven>.wrap{width:100%}
}
.footer__media{position:absolute;inset:0;z-index:-1;overflow:hidden}
.footer__media::after{content:"";position:absolute;inset:0;
background:linear-gradient(to bottom,rgba(var(--footer-rgb),0) calc(100% - 88px),rgb(var(--footer-rgb)) 100%),rgba(var(--footer-rgb),var(--footer-waas))}
.footer__media img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 55%;transform:none;
-webkit-mask-image:none;mask-image:none}
@media(min-width:1441px){
.footer__media img{object-position:50% 70%}
}
.footer__onder{padding-top:0;background:none}
.footer__onder h2{font:700 .85rem/1.3 var(--font-kop);letter-spacing:.22em;text-transform:uppercase;color:var(--teal-op-navy);margin:0 0 .6rem}
.footer__rooster{grid-template-columns:1.2fr 1fr 1fr 1.1fr;padding-block:1rem .9rem}
.footer__merk .footer__logo{display:block;width:108px;height:auto;margin:0 0 .6rem}
.footer__merk p{margin:0}
.footer__vestigingen{border-top:1px solid rgba(255,255,255,.16);padding-block:1rem 1.1rem}
.footer__vest{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem 1.6rem}
.footer__vest li{display:grid;align-content:start;font-size:.88rem;line-height:1.55;color:rgba(255,255,255,.8)}
.footer__vest b{font-weight:600;color:#fff;margin-bottom:.1rem}
.footer__vest b a{color:inherit}
.footer__vest li{grid-template-columns:max-content minmax(0,1fr);grid-template-rows:repeat(4,auto) 1fr;column-gap:.3rem}
.footer__vest li>*{grid-column:1/-1}
.footer__vest li>.footer__route{grid-row:5;align-self:end;justify-self:start}
@media(min-width:1320px){
.footer__vest li>span:first-of-type{grid-column:1;grid-row:2}
.footer__vest li>.footer__route{grid-column:2;grid-row:2;align-self:baseline}
}
.footer__vest a.footer__route{font-weight:400;font-size:.8rem;color:var(--teal-op-navy);text-decoration:underline;text-underline-offset:2px}
.footer__vest a.footer__route:hover{color:#fff}
.footer__vest a.footer__route{padding-bottom:5px;margin-bottom:-5px}
.footer__rooster{border-top:0}
.footer__rooster{padding-block:.5rem .6rem}
.footer__vestigingen{padding-block:.8rem .9rem}
.footer__merken{align-items:center;justify-content:space-between;padding-block:.9rem 1rem;border-top:1px solid rgba(255,255,255,.16)}
.merk--ev img,.merk--epv img,.merk--tm img,.merk--iam img{height:56px;width:auto}
.merk--fedemac img{height:41px;width:auto}
span.merk{opacity:.82}
.footer__balk .wrap{flex-direction:row;justify-content:center;align-items:baseline;gap:.4rem 2.2rem}
.footer__kvk{white-space:nowrap}
@media(max-width:767.98px){
.footer__balk .wrap{flex-direction:column;align-items:center;gap:.45rem}
.footer__balk small .footer__sep{display:none}
.footer__kvk{display:block}
}
@media(max-width:1100px){
.footer__vest{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
.footer__rooster{grid-template-columns:1fr 1fr}
.footer__merken{justify-content:center;gap:1.2rem 2.2rem}
}
@media(max-width:700px){
.footer__boven{padding-top:calc(100vw / 1.9)}
.footer__media{bottom:auto;height:calc(100vw / 1.9)}
.footer__media img{object-position:50% 50%}
.footer__media::after{background:linear-gradient(to bottom,rgba(var(--footer-rgb),0) 70%,rgb(var(--footer-rgb)) 100%)}
}
@media(max-width:520px){
.footer__rooster{grid-template-columns:1.1fr .9fr;gap:1.4rem .8rem}
.footer__merk{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;column-gap:1.1rem;align-items:start}
.footer__merk .footer__logo{grid-row:1/3;width:88px;margin:0}
.footer__rooster>div:last-child{grid-column:1/-1}
.footer__rooster>div:last-child ul{grid-template-columns:1fr 1fr;column-gap:1.2rem}
.footer__vest{grid-template-columns:1fr 1fr;gap:1rem 1.2rem}
.footer__onder h2{font-size:.78rem;letter-spacing:.16em}
.merk--ev img,.merk--epv img,.merk--tm img,.merk--iam img{height:44px}
.merk--fedemac img{height:32px}
}
.blok__boven>*{min-width:0}
.kop{overflow-wrap:break-word}
.sb-diensten:has(.sb-diensten__grid--secties){padding-block:clamp(2.5rem,5vw,4rem)}
.sb-diensten:has(.sb-diensten__grid--3){padding-block:clamp(1.75rem,2.8vw,2.25rem)}
.sb-diensten:has(.sb-diensten__grid--3) .sectiekop{margin-bottom:0}
.sb-diensten__grid--3{margin-top:clamp(1rem,2vw,1.4rem);gap:.9rem}
.sb-diensten__grid--3 .sb-dienst__foto{object-position:center 28%}
@media(min-width:621px){
.sb-diensten__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sb-diensten__grid--3:has(>li:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.sb-diensten__grid--3 .sb-dienst__foto{aspect-ratio:3/1}
.sb-diensten__grid--3 .sb-dienst__ico{width:2.5rem;height:2.5rem;bottom:-1rem;border-radius:11px}
.sb-diensten__grid--3 .sb-dienst__ico img{width:26px;height:26px}
.sb-diensten__grid--3 .sb-dienst__tekst{padding:.75rem 3.2rem .8rem 1.1rem}
.sb-diensten__grid--3 .sb-dienst h3{font-size:1.05rem;margin-bottom:.25rem}
.sb-diensten__grid--3 .sb-dienst p{margin:0;font-size:.88rem;line-height:1.5}
.sb-diensten__grid--3 .sb-dienst__pijl{position:absolute;right:.9rem;bottom:.9rem;width:2rem;height:2rem}
}
@media(min-width:861px){
.sb-diensten__grid--3:has(>li:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
}
.sb-diensten:has(.sb-diensten__grid--3) .sectiekop{max-width:none}
.sb-diensten:has(.sb-diensten__grid--3) .sectiekop>.intro{max-width:none;font-size:1.05rem;margin-top:.45rem}
@media(max-width:620px){
.sb-diensten:has(.sb-diensten__grid--3) .kop{font-size:1.75rem}
.sb-diensten:has(.sb-diensten__grid--3) .sectiekop>.intro{display:none}
.sb-diensten__grid--3{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
.sb-diensten__grid--3 .sb-dienst{flex-direction:column;min-height:0}
.sb-diensten__grid--3 .sb-dienst__beeld{width:auto}
.sb-diensten__grid--3 .sb-dienst__foto{position:static;aspect-ratio:2/1;height:auto}
.sb-diensten__grid--3 .sb-dienst__tekst{padding:.55rem .7rem .65rem}
.sb-diensten__grid--3 .sb-dienst h3{font-size:.93rem;line-height:1.25;margin:0}
.sb-diensten__grid--3 .sb-dienst p{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.sb-diensten__grid--3>li:last-child:nth-child(odd){grid-column:1/-1}
.sb-diensten__grid--3>li:last-child:nth-child(odd) .sb-dienst__foto{aspect-ratio:4/1}
}
.sb-zakelijk{overflow:clip}
.sectie.sb-zakelijk{padding-block:clamp(2.5rem,5vw,4rem)}
.sb-zakelijk__kop{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:3.25rem}
.sb-zakelijk__kop>div{min-width:0}
.sb-zakelijk .kop{margin-bottom:.5rem;font-size:clamp(2rem,3vw,2.6rem)}
.sb-zakelijk .intro{margin:0;font-size:1.1rem;max-width:none}
.sb-zakelijk__kop .btn{flex:none}
.sb-zakelijk__raster{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:2.5rem;align-items:stretch}
.sb-zakelijk__uitgelicht{position:relative;display:flex;min-width:0}
.sb-zakelijk__schuin{position:absolute;z-index:0;top:2.4rem;right:1.8rem;bottom:-1.1rem;left:-1.1rem;border-radius:var(--r);background:var(--bruin);transform:rotate(-2.2deg)}
.sb-zakelijk__kaart{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;min-width:0;border-radius:var(--r);background:var(--wit);box-shadow:var(--schaduw-lg)}
.sb-zakelijk__media{position:relative;flex:1;display:flex;min-height:clamp(14rem,21vw,17.5rem)}
.sb-zakelijk__foto{position:relative;flex:1;margin:0;overflow:hidden;border-radius:var(--r) var(--r) 0 0;background:var(--creme-2)}
.sb-zakelijk__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.sb-zakelijk__tag{position:absolute;z-index:2;top:1rem;left:1rem;margin:0;padding:.4rem .85rem;border-radius:2rem;background:var(--bruin);color:var(--wit);font:600 .72rem/1.2 var(--font-kop);letter-spacing:.12em;text-transform:uppercase}
.sb-zakelijk__persoon{position:absolute;z-index:2;top:-2.6rem;right:4%;bottom:-.6rem;width:38%;margin:0;overflow:hidden}
.sb-zakelijk__persoon img{width:100%;height:auto;filter:drop-shadow(6px 10px 10px rgba(2,13,65,.28))}
.sb-zakelijk__tekstvak{z-index:3;padding:1.2rem 1.6rem 1.4rem;border-top:4px solid var(--goud);border-radius:0 0 var(--r) var(--r);background:var(--wit)}
.sb-zakelijk__titel{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.3rem}
.sb-zakelijk h3{margin:0;color:var(--bruin);font-size:1.25rem;line-height:1.25}
.sb-zakelijk h3 a{color:inherit;text-decoration:none}
.sb-zakelijk h3 a::after{content:"";position:absolute;inset:0;z-index:4}
.sb-zakelijk__tekstvak p{margin:0;font-size:1rem;line-height:1.5}
.sb-zakelijk__pijl{flex:none;display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--creme-2);color:var(--bruin)}
.sb-zakelijk__pijl svg{width:18px;height:18px}
:is(.sb-zakelijk__kaart,.sb-zakelijk__rij):is(:hover,:focus-within) .sb-zakelijk__pijl{background:var(--goud)}
.sb-zakelijk__rijen{display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:.85rem;min-width:0;margin:0;padding:0;list-style:none}
.sb-zakelijk__rij{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.1rem;padding:1rem 1.25rem;border-radius:var(--r);background:var(--wit);box-shadow:var(--schaduw-kaart)}
.sb-zakelijk__icoon{width:3.25rem;height:3.25rem;padding:.6rem;border-radius:12px;background:rgba(51,188,250,.16)}
.sb-zakelijk__rij>div{min-width:0}
.sb-zakelijk__rij h3{margin-bottom:.2rem;font-size:1.1rem}
.sb-zakelijk__rij p{margin:0;font-size:.95rem;line-height:1.45}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.sb-dienst__ico{transition:transform .25s var(--ease)}
.sb-diensten:not(#aanbod,#diensten6) .sb-dienst:is(:hover,:focus-within) .sb-dienst__ico{transform:translateY(-3px) scale(1.08)}
:is(.sb-zakelijk__kaart,.sb-zakelijk__rij){transition:transform .25s var(--ease),box-shadow .25s var(--ease),background-color .25s var(--ease)}
.sb-zakelijk__kaart:is(:hover,:focus-within){transform:translateY(-3px)}
.sb-zakelijk__rij:is(:hover,:focus-within){transform:translateY(-3px);box-shadow:var(--schaduw);background:color-mix(in srgb,var(--bruin) 88%,var(--goud-hover))}
:is(.sb-zakelijk__icoon,.sb-zakelijk__pijl){transition:transform .25s var(--ease)}
.sb-zakelijk__rij:is(:hover,:focus-within) .sb-zakelijk__icoon{transform:scale(1.1)}
:is(.sb-zakelijk__kaart,.sb-zakelijk__rij):is(:hover,:focus-within) .sb-zakelijk__pijl{transform:translateX(2px)}
.c7-b43__tekst img{transition:transform .25s var(--ease)}
.c7-b43__stap:is(:hover,:focus-within) .c7-b43__tekst img{transform:translateY(-2px) scale(1.08)}
}
@media(max-width:900px){
.sb-zakelijk__kop{flex-direction:column;align-items:flex-start;gap:1.25rem;margin-bottom:2.75rem}
.sb-zakelijk__raster{grid-template-columns:minmax(0,1fr);gap:2.5rem}
.sb-zakelijk__schuin{transform:rotate(-1.2deg)}
.sb-zakelijk__media{min-height:15rem}
.sb-zakelijk__rijen{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
.sb-zakelijk .intro{display:none}
.sb-zakelijk__kop{align-items:stretch;gap:1rem;margin-bottom:2rem}
.sb-zakelijk .kop{font-size:1.8rem;margin:0}
.sb-zakelijk__kop>div{max-width:none}
.sb-zakelijk__raster{gap:1.4rem}
.sb-zakelijk__schuin{top:1.4rem;right:1rem;bottom:-.6rem;left:-.45rem;transform:rotate(-1.8deg)}
.sb-zakelijk__media{min-height:8.5rem}
.sb-zakelijk__tag{display:none}
.sb-zakelijk__persoon{top:-1.6rem;right:4%;width:34%}
.sb-zakelijk__tekstvak{padding:.8rem 1rem .9rem}
.sb-zakelijk h3{font-size:1.06rem}
.sb-zakelijk__tekstvak p{font-size:.9rem;line-height:1.45}
.sb-zakelijk__pijl{width:2.25rem;height:2.25rem}
.sb-zakelijk__rijen{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.sb-zakelijk__rij{grid-template-columns:minmax(0,1fr);gap:0;padding:.75rem .85rem}
.sb-zakelijk__icoon,.sb-zakelijk__rij p,.sb-zakelijk__rij .sb-zakelijk__pijl{display:none}
.sb-zakelijk__rij h3{margin:0;font-size:.95rem}
}
@media(max-width:560px){
.sb-zakelijk--tekst-mobiel .intro{display:block;margin-top:.6rem;font-size:1rem}
.sb-zakelijk--tekst-mobiel .sb-zakelijk__rijen{grid-template-columns:minmax(0,1fr)}
.sb-zakelijk--tekst-mobiel .sb-zakelijk__rij p{display:block;margin-top:.2rem;font-size:.9rem;line-height:1.45}
}
@media(min-width:761px){
.hero--home.hf1-hero{min-height:clamp(560px,calc(100vh - 190px),664px)}
}
@media(min-width:761px){
.hero--home.hf1-hero{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}
.hero--home.hf1-hero .wrap{order:1;flex:none}
.hero--home.hf1-hero .hero__content{padding-bottom:.4rem}
.hero--home .hero__pic{position:relative;inset:auto;order:2;flex:1 1 auto;min-height:0;z-index:0;pointer-events:none}
.hero--home .hero__person{position:absolute;left:50%;top:auto;transform:translateX(-50%);bottom:calc(clamp(56px,7.5vw,104px) - 80px);
height:calc(100% - clamp(56px,7.5vw,104px) + 80px);width:auto;max-width:none;max-height:none;margin:0;filter:drop-shadow(0 12px 22px rgba(0,0,0,.3))}
}
@media(max-width:760px){
.hero--home.hf1-hero .hero__content{padding-bottom:.4rem}
.hero--home .hero__pic{position:relative;order:2;min-height:0;display:block;z-index:0}
.hero--home .hero__person{position:static;transform:none;display:block;height:clamp(150px,44vw,190px);width:auto;max-width:96%;max-height:none;object-fit:contain;object-position:bottom;margin:0 auto}
}
section>.wrap>.sectiekop:last-child{margin-bottom:0}
.tips-grid+.sectiekop{margin-top:clamp(1.25rem,2.5vw,2rem)}
@media(min-width:861px){
.sb-diensten__grid--3:has(>li:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
}
.sb-route{--route-overlap:clamp(2rem,3.2vw,2.75rem);--route-kader:17%;--route-gap:1.1rem;position:relative;background:var(--teal-paneel);color:var(--wit);padding-block:clamp(3rem,5.5vw,4.25rem)}
.sb-route__in{display:grid;grid-template-columns:minmax(0,11fr) minmax(0,13fr);column-gap:clamp(2rem,4vw,3.5rem);align-items:end}
.sb-route__tekst{min-width:0;padding-bottom:calc(var(--route-overlap) + 1.4rem)}
.sb-route .label{color:var(--wit)}
.sb-route .label::before{background:var(--wit)}
.sb-route .kop{color:var(--wit);max-width:20ch}
.sb-route .intro{color:var(--wit);font-size:1.1rem;line-height:1.6;max-width:40ch;margin-bottom:1.6rem}
.sb-route__beeld{position:relative;min-width:0;aspect-ratio:1360/842}
.sb-route__foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:80% 50%;clip-path:inset(var(--route-kader) 0 0 0 round var(--r))}
.sb-route__wagen{position:absolute;left:17.94%;top:9.98%;width:70.74%;height:auto;z-index:2;pointer-events:none}
.sb-route__strook{grid-column:1/-1;position:relative;z-index:3;min-width:0;margin-top:calc(-1 * var(--route-overlap));padding:1.4rem 1.6rem 1.5rem;border-radius:var(--r);background:var(--wit);box-shadow:0 1px 2px rgba(2,13,65,.08),0 28px 50px -28px rgba(2,13,65,.7);color:var(--ant-zacht)}
.sb-route__lijst{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.2rem var(--route-gap)}
.sb-route__stop{position:relative;min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding-top:calc(22px + .8rem)}
.sb-route__pin{position:absolute;left:0;top:0;z-index:1;width:22px;height:22px;border-radius:50%;background:var(--wit);box-shadow:inset 0 0 0 6px var(--teal-paneel)}
.sb-route__stop--hoofd .sb-route__pin{box-shadow:inset 0 0 0 6px var(--bruin)}
.sb-route__stop::before{content:"";position:absolute;top:10px;left:22px;right:calc(-1 * var(--route-gap));border-top:2px dashed var(--goud)}
.sb-route__stop:last-child::before{display:none}
.sb-route__stop h3{margin:0 0 .35rem;font-size:1.08rem;line-height:1.25;letter-spacing:.01em;color:var(--bruin)}
.sb-route__stop h3 a{color:inherit;text-decoration:none}
.sb-route__stop h3 a:hover{text-decoration:underline;text-underline-offset:.2em}
.sb-route__tag{position:absolute;left:30px;top:1px;z-index:1;padding:.32rem .55rem;border-radius:99px;background:var(--creme-2);color:var(--goud-diep);font:700 .62rem/1 var(--font-kop);letter-spacing:.12em;text-transform:uppercase}
.sb-route__stop p{margin:0 0 .7rem;font-size:.95rem;line-height:1.5}
.sb-route__stop .sb-route__links{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;margin:auto 0 0}
.sb-route__tel,.sb-route__route{display:inline-flex;align-items:center;gap:.4rem;color:var(--goud-diep);font-size:.9rem;font-weight:600;line-height:1.35;white-space:nowrap;text-decoration:none}
.sb-route__tel svg,.sb-route__route svg{width:14px;height:14px;flex:none}
.sb-route__tel:hover{text-decoration:underline;text-underline-offset:.2em}
.sb-route__route{font-weight:700;border-bottom:2px solid var(--zand)}
.sb-route__route:hover{border-color:currentColor}
@media(max-width:1180px){
.sb-route__lijst{grid-template-columns:repeat(3,minmax(0,1fr))}
.sb-route__stop:nth-child(3n)::before{display:none}
}
@media(max-width:900px){
.sb-route__in{grid-template-columns:minmax(0,1fr)}
.sb-route__tekst{padding-bottom:1.2rem}
.sb-route .kop{max-width:none}
.sb-route__lijst{grid-template-columns:repeat(2,minmax(0,1fr))}
.sb-route__stop:nth-child(3n)::before{display:block}
.sb-route__stop:nth-child(2n)::before,.sb-route__stop:last-child::before{display:none}
}
@media(max-width:560px){
.sb-route{--route-kader:20%}
.sb-route__strook{padding:1.2rem 1.1rem 1.3rem}
.sb-route__lijst{grid-template-columns:minmax(0,1fr)}
.sb-route__stop{padding:0 0 0 2.1rem}
.sb-route__stop::before,.sb-route__stop:nth-child(n)::before{display:block;top:22px;left:10px;right:auto;bottom:-1.2rem;border-top:0;border-left:2px dashed var(--goud)}
.sb-route__stop:nth-child(n):last-child::before{display:none}
.sb-route__stop h3{display:flex;flex-wrap:wrap;align-items:center;column-gap:.4rem;min-height:44px;margin:-11px 0 0}
.sb-route__tag{position:static}
.sb-route__stop .sb-route__links{flex-direction:row;flex-wrap:wrap;gap:0 1.4rem}
.sb-route__stop h3 a,.sb-route__tel,.sb-route__route{display:inline-flex;align-items:center;min-height:44px}
.sb-route__route{border-bottom:0;text-decoration:underline;text-decoration-color:var(--zand);text-decoration-thickness:2px;text-underline-offset:.35em}
}
.sb-verhaal{--vh-over:4.5rem;--vh-vlak:var(--creme-2);--vh-kop:var(--goud-diep);--vh-lead:var(--ant-zacht);--vh-tekst:var(--ant-zacht);--vh-label:#676767;--vh-link:var(--goud-diep);
--vh-kaart:var(--bruin);--vh-kaarttekst:#D5DDE8;--vh-kaartlabel:var(--goud);--vh-chip:rgba(255,255,255,.08);--vh-chiprand:rgba(255,255,255,.28);--vh-chiptekst:var(--wit);--vh-kaartlink:var(--wit);
background-color:var(--vh-vlak);color:var(--vh-tekst);overflow-x:clip}
.sb-verhaal:is(.sb-verhaal--donker,.sb-verhaal--blauw){--vh-kaart:var(--wit);--vh-kaarttekst:var(--ant-zacht);--vh-kaartlabel:var(--goud-diep);--vh-chip:var(--creme-2);--vh-chiprand:var(--creme-2);--vh-chiptekst:var(--bruin);--vh-kaartlink:var(--goud-diep)}
.sectie.sb-verhaal,.sectie:not(.sectie--creme2)+.sectie.sb-verhaal{padding-block:clamp(3rem,4vw,3.6rem) clamp(2.75rem,4vw,3.5rem)}
.sb-verhaal__raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(2rem,4.5vw,4.5rem);align-items:center}
.sb-verhaal--spiegel .sb-verhaal__beeld{order:-1}
.sb-verhaal__tekst{min-width:0}
.sb-verhaal .label{color:var(--vh-label)}
.sb-verhaal .label::before{background:var(--vh-label)}
.sb-verhaal .kop{color:var(--vh-kop);margin-bottom:.9rem;font-size:clamp(2rem,3vw,2.6rem)}
.sb-verhaal .intro{color:var(--vh-lead);font-size:1.08rem;line-height:1.6;max-width:none;margin-bottom:.9rem}
.sb-verhaal__tekst p:not(.intro,.label,.sb-verhaal__noot){margin-bottom:.9rem;font-size:.97rem;line-height:1.62}
.sb-verhaal__tekst a{color:var(--vh-link);text-decoration-color:var(--goud);text-decoration-thickness:2px;text-underline-offset:3px}
.sb-verhaal__acties{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.4rem;margin-top:1.4rem}
.sb-verhaal__noot{margin:0;font-size:.9rem;line-height:1.5}
.sb-verhaal__beeld{min-width:0}
.js .sb-verhaal__tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}
.js .sb-verhaal__panelen{display:grid}
.js .sb-verhaal__paneel{grid-area:1/1;margin:0;visibility:hidden}
.js [data-tabs]:not(.is-klaar) .sb-verhaal__paneel:first-child,.js .sb-verhaal__paneel.is-actief{visibility:visible}
.js .sb-verhaal__paneelkop{display:none}
@media(max-width:900px){
.sb-verhaal__raster{grid-template-columns:minmax(0,1fr);gap:2.5rem}
.sb-verhaal--spiegel .sb-verhaal__beeld{order:0}
.sb-verhaal__beeld{max-width:40rem;padding-top:1rem}
}
@media(max-width:560px){
.sb-verhaal{--vh-over:2.5rem}
.sb-verhaal__acties{flex-direction:column;align-items:stretch}
.sb-verhaal__acties .btn{width:100%}
}
.js .sb-gegevens__kopieer{display:inline-flex;align-items:center;min-height:32px;padding:.3rem .8rem;border:1px solid var(--lijn);border-radius:2rem;
background:var(--creme);color:var(--goud-diep);font:700 .72rem/1 var(--font-kop);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.js .sb-gegevens__kopieer:hover{border-color:var(--goud-diep)}
.js .sb-gegevens__kopieer:focus-visible{outline:3px solid var(--goud);outline-offset:2px}
.js .sb-gegevens__kopieer.is-klaar{background:var(--offerte);border-color:var(--offerte);color:var(--offerte-tekst)}
:root{--vlak-a:#F4F6F9;--vlak-b:#E1E8F0}
:where(main > :nth-child(odd)){background-color:var(--vlak-b)}
:where(main > :nth-child(even)){background-color:var(--vlak-a)}
main > :is(.sectie--creme2,.opslag):nth-child(odd){background-color:var(--vlak-b)}
main > :is(.sectie--creme2,.opslag):nth-child(even){background-color:var(--vlak-a)}
main > .sb-verhaal:not(.sb-verhaal--donker,.sb-verhaal--blauw,.sb-verhaal--wit):nth-child(odd){--vh-vlak:var(--vlak-b)}
main > .sb-verhaal:not(.sb-verhaal--donker,.sb-verhaal--blauw,.sb-verhaal--wit):nth-child(even){--vh-vlak:var(--vlak-a)}
:root{--rh-laag:clamp(8px,1.25vw,18px);--rh-vlak:clamp(10px,1.5vw,22px);--rh-gewoon:clamp(12px,2.2vw,30px);--rh-steil:clamp(16px,2.65vw,38px);
--rv-schuin-op:polygon(0 100%,100% 0,100% 100%);--rv-schuin-in:polygon(0 0,100% 0,0 100%);
--rv-terug-op:polygon(0 0,100% 100%,0 100%);--rv-terug-in:polygon(0 0,100% 0,100% 100%);
--rv-helling-op:polygon(0 100%,40% 100%,100% 0,100% 100%);--rv-helling-in:polygon(0 0,100% 0,40% 100%,0 100%);
--rv-afrit-op:polygon(0 0,60% 100%,100% 100%,0 100%);--rv-afrit-in:polygon(0 0,100% 0,100% 100%,60% 100%);
--rv-punt-op:polygon(0 0,50% 100%,100% 0,100% 100%,0 100%);--rv-punt-in:polygon(0 0,100% 0,50% 100%);
--rv-knik-op:polygon(0 0,68% 100%,100% 0,100% 100%,0 100%);--rv-knik-in:polygon(0 0,100% 0,68% 100%)}
main > *{position:relative;--r-op:var(--rv-schuin-op);--r-in:var(--rv-schuin-in);--r-h:var(--rh-gewoon);--r-uit:var(--rv-schuin-in);--r-uh:var(--rh-gewoon)}
main > :nth-child(7n+3){--r-op:var(--rv-terug-op);--r-in:var(--rv-terug-in);--r-h:var(--rh-laag)}
main > :nth-child(7n+2){--r-uit:var(--rv-terug-in);--r-uh:var(--rh-laag)}
main > :nth-child(7n+4){--r-op:var(--rv-punt-op);--r-in:var(--rv-punt-in)}
main > :nth-child(7n+3){--r-uit:var(--rv-punt-in);--r-uh:var(--rh-gewoon)}
main > :nth-child(7n+5){--r-op:var(--rv-helling-op);--r-in:var(--rv-helling-in);--r-h:var(--rh-steil)}
main > :nth-child(7n+4){--r-uit:var(--rv-helling-in);--r-uh:var(--rh-steil)}
main > :nth-child(7n+6){--r-op:var(--rv-terug-op);--r-in:var(--rv-terug-in);--r-h:var(--rh-vlak)}
main > :nth-child(7n+5){--r-uit:var(--rv-terug-in);--r-uh:var(--rh-vlak)}
main > :nth-child(7n+7){--r-op:var(--rv-knik-op);--r-in:var(--rv-knik-in)}
main > :nth-child(7n+6){--r-uit:var(--rv-knik-in);--r-uh:var(--rh-gewoon)}
main > :nth-child(7n+8){--r-op:var(--rv-afrit-op);--r-in:var(--rv-afrit-in)}
main > :nth-child(7n+7){--r-uit:var(--rv-afrit-in);--r-uh:var(--rh-gewoon)}
main > :is(.hf1,.jurtoc),main > :has(+ .venster){--r-uh:var(--rh-laag)}
main > :is(.sb-diensten,.sb-impact,.pk) + *{--r-h:var(--rh-laag)}
main > * + *::before{content:"";position:absolute;left:0;right:0;bottom:calc(100% - 1px);height:calc(var(--r-h) + 1px);background-color:inherit;
clip-path:var(--r-op);pointer-events:none}
main > :is(.opslag,.venster,.sb-nabericht,.sb-hubplaat,.sb-impact,.sb-crew,.sb-zakelijk)::before,
main > :is(.hf1,.jurtoc) + *::before{content:none}
main > :is(.hf1,.jurtoc)::after,
main > :not(.venster,.opslag):has(+ :is(.opslag,.venster,.sb-nabericht,.sb-hubplaat,.sb-impact,.sb-crew,.sb-zakelijk))::after{
content:"";position:absolute;left:0;right:0;top:calc(100% - 1px);height:calc(min(var(--r-uh),var(--rh-gewoon)) + 1px);background-color:inherit;clip-path:var(--r-uit);
z-index:1;pointer-events:none}
main > .sb-zakelijk + .opslag::before{content:"";position:absolute;left:0;right:0;top:0;bottom:auto;height:min(var(--r-h),var(--rh-gewoon));
background-color:var(--vlak-b);clip-path:var(--r-in);z-index:1;pointer-events:none}
main > .sb-zakelijk + .opslag:nth-child(odd)::before{background-color:var(--vlak-a)}
main > .venster{padding-bottom:var(--r-uh)}
main > .venster + *::before{z-index:2}
.tip{background:var(--bruin);border-color:var(--bruin)}
.tip::before{background:var(--goud);border-color:var(--goud);color:var(--bruin)}
.tip strong{color:var(--wit)}
.tip span{color:var(--licht-hover)}
main > .sectie:is(.sb-fs,.sb-contact){background-color:var(--goud-diep)}
main > :is(.sb-fs,.sb-contact) .sectiekop .label{color:var(--goud-hover)}
main > :is(.sb-fs,.sb-contact) .sectiekop .label::before{background:var(--goud-hover)}
main > :is(.sb-fs,.sb-contact) .sectiekop .kop{color:var(--wit)}
main > :is(.sb-fs,.sb-contact) .sectiekop p,main > :is(.sb-fs,.sb-contact) .sectiekop .intro,main > .sb-fs .sb-fs__alt{color:var(--licht-hover)}
.sb-diensten .sb-dienst{background:var(--bruin);box-shadow:0 1px 2px rgba(2,13,65,.12),0 16px 34px -18px rgba(2,13,65,.6)}
.sb-diensten .sb-dienst h3{color:var(--wit)}
.sb-diensten .sb-dienst p{color:var(--licht-hover)}
.sb-diensten .sb-dienst__pijl{background:var(--goud);color:var(--bruin)}
.sb-toennu__paneel{background:var(--bruin)}
.sb-toennu__paneel .label{color:var(--goud-hover)}
.sb-toennu__paneel .label::before{background:var(--goud-hover)}
.sb-toennu__paneel :is(.kop,h2,h3){color:var(--wit)}
.sb-toennu__paneel .sb-toennu__lead{color:var(--wit)}
.sb-toennu__paneel .sb-toennu__rechts p:not(.sb-toennu__lead),.sb-toennu__paneel .sb-toennu__bron{color:var(--licht-hover)}
.sb-zakelijk__schuin{background:var(--goud)}
.sb-zakelijk__kaart,.sb-zakelijk__tekstvak,.sb-zakelijk__rij{background:var(--bruin)}
.sb-zakelijk__tekstvak h3,.sb-zakelijk__rij h3{color:var(--wit)}
.sb-zakelijk__tekstvak p,.sb-zakelijk__rij p{color:var(--licht-hover)}
.sb-zakelijk__icoon{background:var(--creme-2)}
.sb-zakelijk__kaart,.sb-zakelijk__tekstvak{background:var(--geel)}
.sb-zakelijk__tekstvak :is(h3,p){color:var(--bruin)}
.sb-zakelijk__schuin{background:var(--goud-diep)}
.hero--home .hero__title--merk{font-size:clamp(2.2rem,4.4vw,3.35rem);max-width:none;line-height:1.05;letter-spacing:-.02em}
.hero--home .hero__title__sub{display:block;margin-top:.45rem;font-size:.52em;line-height:1.15;letter-spacing:-.01em}
.hero__wissel{display:inline-block;color:var(--offerte);transition:opacity .25s var(--ease),transform .25s var(--ease)}
.hero__wissel.is-weg{opacity:0;transform:translateY(.25em)}
@media(max-width:440px){
.hero--home .hero__wissel{display:block}
}
@media(prefers-reduced-motion:reduce){
.hero__wissel{transition:none}
}
@media(min-width:1080px){
.hero--home.hf1-hero .hero__content{padding-top:calc(5.35rem + 33px)}
}
@media(min-width:761px){
.hero--home .hero__person{height:min(359px,calc(100% - clamp(56px,7.5vw,104px) + 80px))}
}
.hf1 .keurmerk--ev{width:112px;padding:9px 12px}
.hf1 .keurmerk--tekst{width:auto;padding:9px 16px}
.hf1 .keurmerk__cijfer{font-size:1.4rem}
.hf1 .keurmerk__kop{font-size:.95rem}
.hf1 .keurmerk__sub{font-size:.6rem;color:rgba(255,255,255,.82)}
.hf1 .of-trust{top:clamp(18px,1.8vw,24px);right:clamp(20px,2.4vw,32px)}
@media(min-width:1081px){
.hf1 .of-sub{max-width:min(737px,calc(100% - 383px))}
}
.sb-kerncijfers{padding-block:clamp(2rem,3vw,2.6rem) clamp(2.2rem,3.4vw,2.9rem)}
.sb-kerncijfers .wrap{max-width:calc(var(--maxw) + 2*var(--pad))}
.sb-kerncijfers__rij{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 1px 2px rgba(2,13,65,.05),0 18px 40px -24px rgba(2,13,65,.32)}
.sb-kerncijfer{display:flex;align-items:center;gap:.8rem;margin:0;padding:1.15rem clamp(20px,2.4vw,32px);color:#3A4670}
.sb-kerncijfer + .sb-kerncijfer{border-left:1px solid #E1E8F0}
.sb-kerncijfer__ic{flex:none;width:40px;height:40px;color:var(--bruin)}
.sb-kerncijfer p{margin:0;font-size:.94rem;line-height:1.4;text-wrap:balance}
.sb-kerncijfer b{display:block;margin-bottom:.15rem;color:var(--bruin);font:700 1rem/1.25 var(--font-kop)}
@media(min-width:1101px) and (max-width:1379px){
.sb-kerncijfer{padding-inline:20px}
}
@media(max-width:1100px){
.sb-kerncijfers__rij{grid-template-columns:repeat(2,minmax(0,1fr))}
.sb-kerncijfer:nth-child(odd){border-left:0}
.sb-kerncijfer:nth-child(n+3){border-top:1px solid #E1E8F0}
}
@media(max-width:560px){
.sb-kerncijfers__rij{grid-template-columns:minmax(0,1fr)}
.sb-kerncijfer{padding:.85rem 1rem;gap:.75rem}
.sb-kerncijfer + .sb-kerncijfer{border-left:0;border-top:1px solid #E1E8F0}
.sb-kerncijfer__ic{width:36px;height:36px}
.sb-kerncijfer p{font-size:.9rem}
.sb-kerncijfer b{font-size:1rem}
}
.sb-diensten__grid--wit{--dk-r:4px;row-gap:calc(30px + .35rem);margin-top:calc(30px + .35rem)}
main > .sb-diensten .sb-diensten__grid--wit .sb-dienst{background:var(--wit);border-radius:var(--dk-r);overflow:visible;
box-shadow:0 0 0 1px rgba(2,13,65,.07),0 1px 2px rgba(2,13,65,.08),0 16px 32px -20px rgba(2,13,65,.4)}
main > .sb-diensten .sb-diensten__grid--wit .sb-dienst h3{color:var(--bruin)}
main > .sb-diensten .sb-diensten__grid--wit .sb-dienst p{color:var(--ant-zacht)}
main > .sb-diensten .sb-diensten__grid--wit .sb-dienst__pijl{background:var(--goud-licht);color:var(--goud-diep)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
main > .sb-diensten .sb-diensten__grid--wit .sb-dienst:hover .sb-dienst__pijl{background:var(--goud-diep);color:var(--wit)}
}
.sb-diensten__grid--wit .sb-dienst__beeld{border-radius:var(--dk-r) var(--dk-r) 0 0}
.sb-diensten__grid--wit .sb-dienst__ico{border-radius:var(--dk-r)}
.sb-dpop{--fa:3.15;container-type:inline-size;aspect-ratio:var(--fa);
--p:clamp(30px,100cqw / var(--fa) * .16,40px);
--ph:max((100cqw / var(--fa) + var(--p)) / (1 - var(--d0)),100cqw / var(--ar));
--pw:calc(var(--ph) * var(--ar));
--pt:calc(-1 * (var(--d0) * var(--ph) + var(--p)));
--pl:clamp(100cqw - var(--pw),50cqw - var(--mid) * var(--pw),0px)}
.sb-dpop__raam{position:absolute;inset:0;overflow:hidden;border-radius:inherit}
.sb-dpop__boven{position:absolute;left:0;right:0;bottom:100%;height:calc(var(--p) + 40px);overflow:hidden;pointer-events:none}
.sb-diensten__grid--3 .sb-dpop .sb-dienst__foto,.sb-dpop__boven>img{position:absolute;right:auto;bottom:auto;left:var(--pl);
width:var(--pw);height:var(--ph);max-width:none;aspect-ratio:auto;object-fit:fill;border-radius:0}
.sb-diensten__grid--3 .sb-dpop .sb-dienst__foto{top:var(--pt)}
.sb-dpop__boven>img{top:calc(var(--pt) + var(--p) + 40px);
filter:drop-shadow(0 10px 12px rgba(2,13,65,.3)) drop-shadow(0 2px 3px rgba(2,13,65,.22))}
.sb-dpop--verhuizen{--d0:.067;--mid:.832;--ar:1.3333}
.sb-dpop--opslag{--d0:.288;--mid:.643;--ar:1.3333}
.sb-dpop--meubelprojecten{--d0:.106;--mid:.573;--ar:1.4993}
.sb-dpop--gebouwbeheer{--d0:.103;--mid:.335;--ar:1.5}
.sb-dpop--assetmanagement{--d0:.218;--mid:.63;--ar:1.3333}
.sb-dpop--duurzame-werkomgeving{--d0:.286;--mid:.256;--ar:1.3712}
@media(max-width:620px){
.sb-diensten__grid--wit{row-gap:calc(30px + .45rem);margin-top:calc(30px + .45rem)}
.sb-dpop{--fa:2}
.sb-diensten__grid--wit>li:last-child:nth-child(odd) .sb-dpop{--fa:4}
}
.hero .art-b6{position:absolute;left:75.35%;top:63.68%;width:255px;opacity:.34;z-index:5;pointer-events:none}
#diensten .art-b7{position:absolute;left:84.5%;top:9.14%;width:123px;opacity:.48;z-index:5;pointer-events:none}
#waarom .art-b1{position:absolute;left:82.26%;top:2.67%;width:144px;z-index:5;pointer-events:none}
#reviews .art-b2{position:absolute;left:6.95%;top:2.9%;width:160px;z-index:5;pointer-events:none}
#sinds-1923 .art-b4{position:absolute;left:91.35%;top:-1.94%;width:108px;opacity:.67;z-index:5;pointer-events:none}
@media(max-width:1279.98px){
.art-b1,.art-b2,.art-b3,.art-b4,.art-b6,.art-b7{display:none}
}
.sb-ob__kaart{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);margin-top:44px;background:#fff;border-radius:var(--r);box-shadow:var(--schaduw-kaart)}
.sb-ob__kaart::before{content:"";position:absolute;inset:0;z-index:0;border:1px solid var(--geel);border-radius:inherit;pointer-events:none}
.sb-ob__zij{position:relative;order:2;display:flex;flex-direction:column;min-width:0}
.sb-ob__beeld{position:relative;flex:1 0 auto;min-height:330px}
.sb-ob__fig{position:absolute;z-index:1;right:34px;top:-44px;height:calc(100% + 58px);width:auto;max-width:none;pointer-events:none;user-select:none}
.sb-ob__paneel{position:relative;z-index:2;padding:26px 44px 44px;color:#fff}
.sb-ob__paneel::before{content:"";position:absolute;z-index:-1;left:0;right:1px;bottom:1px;top:-60px;background:var(--teal-paneel);border-radius:0 0 calc(var(--r) - 1px) 0;clip-path:polygon(0 0,42% 60px,100% 60px,100% 100%,0 100%)}
.sb-ob__label{display:inline-flex;align-items:center;gap:.75rem;margin:0;font:700 .76rem/1.3 var(--font-kop);letter-spacing:.18em;text-transform:uppercase}
.sb-ob__label::before{content:"";width:2rem;height:1px;background:currentColor;flex:none}
.sb-ob__kop{margin:14px 0 22px;color:#fff;font-size:clamp(1.9rem,2.7vw,2.4rem);line-height:1.1}
.sb-ob__kop span{display:block;text-decoration:underline;text-decoration-color:var(--offerte);text-decoration-thickness:.12em;text-underline-offset:.16em}
.sb-ob__stappen{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:16px}
.sb-ob__stappen li{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:12px;align-items:start;align-content:start}
.sb-ob__stappen li:not(:last-child)::after{content:"";position:absolute;left:16px;top:40px;bottom:-12px;width:2px;background:rgba(255,255,255,.6)}
.sb-ob__nr{grid-row:span 2;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--ant-diep);font:700 1rem/1 var(--font-kop)}
.sb-ob__stappen strong{font:700 1rem/1.35 var(--font-kop);text-wrap:balance}
.sb-ob__stappen span:not(.sb-ob__nr){font-size:.92rem;line-height:1.5;text-wrap:pretty}
.sb-ob__belzin{margin:0 0 10px;font-size:.95rem;font-weight:500;line-height:1.4}
.sb-ob__bel{display:inline-flex;align-items:center;gap:12px;min-height:64px;padding:10px 22px 10px 10px;border:1px solid #fff;border-radius:5px;background:#fff;color:var(--ant-diep);font:700 1.45rem/1 var(--font-kop);text-decoration:none;white-space:nowrap}
.sb-ob__bel:hover{background:var(--creme-2);border-color:var(--creme-2)}
.sb-ob__bel:focus-visible{outline:3px solid #fff;outline-offset:3px}
.sb-ob__belico{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--creme-2);flex:none}
.sb-ob__belico svg{width:22px;height:22px}
.sb-ob__form{position:relative;min-width:0;margin:0;padding:40px 44px}
.sb-ob__intro{margin:0 0 22px;max-width:62ch;color:#3D4658;font-size:1rem;line-height:1.6}
.sb-ob__velden{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}
.sb-ob__vn,.sb-ob__veld--breed,.sb-ob__verstuur,.sb-ob__melding{grid-column:1/-1}
.sb-ob__vn{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:22px;align-items:start;min-width:0;margin:0;padding:16px 20px 18px;border:2px solid var(--ant-diep);border-radius:12px}
.sb-ob__vn::before{content:"";position:absolute;top:16px;bottom:16px;left:50%;border-left:1.5px dashed #7C8AA0}
.sb-ob__deel{display:flex;flex-direction:column;min-width:0}
.sb-ob__deel>label:first-child{margin:0 0 2px;color:var(--ant-diep);font:700 1.3rem/1.2 var(--font-kop)}
.sb-ob__vn input[type=text]{width:100%;min-height:44px;margin:0;padding:8px 0;border:0;border-bottom:1.5px solid #7C8AA0;border-radius:0;background:transparent;color:var(--ant-diep);font:500 1rem/1.3 var(--font-tekst)}
.sb-ob__pijl{position:relative;z-index:1;align-self:center;display:grid;place-items:center;width:40px;height:40px;border:2px solid var(--teal-paneel);border-radius:50%;background:#fff}
.sb-ob__pijl svg{width:18px;height:18px}
.sb-ob__veld{display:flex;flex-direction:column;gap:6px;min-width:0}
.sb-ob__veld>label:first-child{color:var(--ant-diep);font:600 .85rem/1.3 var(--font-kop)}
.sb-ob__veld input:not([type=checkbox]),.sb-ob__veld select,.sb-ob__veld textarea{width:100%;min-height:48px;margin:0;padding:11px 14px;border:1px solid #7C8AA0;border-radius:8px;background:#fff;color:var(--ant-diep);font:500 1rem/1.3 var(--font-tekst)}
.sb-ob__veld textarea{min-height:92px;resize:vertical;line-height:1.45}
.sb-ob__veld select{-webkit-appearance:none;appearance:none;padding-right:42px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23020D41' d='M5.5 8.5l6.5 7 6.5-7z'/%3E%3C/svg%3E") no-repeat right 14px center/16px}
.sb-ob__veld input[aria-invalid="true"],.sb-ob__veld select[aria-invalid="true"]{border-color:var(--fout)}
.sb-ob__form ::placeholder{color:#5A6478;opacity:1}
.sb-ob__vink{display:inline-flex;align-items:center;gap:8px;min-height:24px;margin-top:10px;color:var(--ant-diep);font:500 .85rem/1.3 var(--font-tekst);cursor:pointer}
.sb-ob__vink input{flex:none;width:18px;height:18px;margin:0;accent-color:var(--teal-paneel)}
.sb-ob__form input:focus-visible,.sb-ob__form select:focus-visible,.sb-ob__form textarea:focus-visible{outline:3px solid var(--goud-diep);outline-offset:1px}
.sb-ob__verstuur{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:4px}
.sb-ob__verstuur p{flex:1 1 220px;margin:0;color:#5A6478;font-size:.8rem;line-height:1.5}
.sb-ob__verstuur a{color:var(--goud-diep);font-weight:600}
@media (max-width:900px){
.sb-ob__kaart{grid-template-columns:minmax(0,1fr)}
.sb-ob__zij{order:0}
.sb-ob__beeld{min-height:230px}
.sb-ob__fig{right:22px}
.sb-ob__paneel{padding:26px 24px 32px}
.sb-ob__paneel::before{left:1px;right:1px;bottom:0;border-radius:0}
.sb-ob__kop{font-size:clamp(1.75rem,7.4vw,2.2rem)}
.sb-ob__form{padding:28px 20px}
.sb-ob__velden{grid-template-columns:minmax(0,1fr)}
.sb-ob__vn{grid-template-columns:minmax(0,1fr);row-gap:6px;padding:14px 16px 16px}
.sb-ob__vn::before{display:none}
.sb-ob__pijl{justify-self:center;width:36px;height:36px;transform:rotate(90deg)}
}
@media (max-width:620px){
.sb-ob__verstuur .btn{width:100%}
.sb-ob__bel{width:100%;max-width:23rem}
.sb-ob__bel{font-size:min(1.45rem,calc((100vw - 178px) * .116))}
}
.mega--plan .mega__grid{gap:0 2.6rem}
.mega--k1 .mega__grid{grid-template-columns:max-content;min-width:15rem}
.mega--k2 .mega__grid{grid-template-columns:repeat(2,max-content)}
.mega--k3 .mega__grid{grid-template-columns:repeat(3,max-content)}
.mega--plan .mega__label{color:var(--bruin)}
.drawer__label{margin:0;padding:.9rem 1.25rem .25rem 2rem;font:700 .72rem/1.2 var(--font-kop);letter-spacing:.12em;text-transform:uppercase;color:var(--bruin)}
.hf1 .of-box::before{content:"";position:absolute;inset:0;border:1px solid var(--ant-diep);border-radius:inherit;pointer-events:none}
main > .hf1:has(+ .sb-kerncijfers){background-color:var(--vlak-b)}
main > .hf1:has(+ .sb-kerncijfers)::after{content:none}
.sb-kerncijfer__ic--clay{width:48px;height:48px;max-width:none;margin:-4px 0}
@media(max-width:560px){
.sb-kerncijfer__ic--clay{width:44px;height:44px;margin:-4px 0}
}
.hf1 .keurmerk--ev img{translate:0 -4px}
@media(max-width:560px){
.hf1 .keurmerk--ev img{height:34px;max-height:none;translate:0 -2px}
}
.tmh,.tmh + .offerte-overlay{--over:clamp(1.8rem,4vw,3.2rem)}
.tmh{padding-top:var(--tb,78px);background:var(--bruin)}
.tmh + .offerte-overlay .of-wrap{margin-top:calc(-1 * var(--over))}
.tmh__band{position:relative;overflow:hidden;background:var(--bruin);color:#fff;display:flex;flex-direction:column;justify-content:center;
--boven:1.9rem;--onder:1.2rem;padding-block:var(--boven) calc(var(--over) + var(--onder));
--tk:.5;--gat:2rem;--schuin:6rem;
--naad:calc(max(var(--pad),(100% - var(--maxw)) / 2) + min(100% - 2 * var(--pad),var(--maxw)) * var(--tk) + var(--gat))}
.tmh__wrap{width:min(100% - 2 * var(--pad),var(--maxw));margin-inline:auto}
.tmh__foto,.tmh__figuur{display:none}
.tmh__tekst{position:relative;z-index:2}
.tmh-kruim{font-size:.82rem;margin-bottom:.5rem}
.tmh-kruim ol{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:0}
.tmh-kruim li+li::before{content:"/";margin-right:.4rem;opacity:.6}
.tmh-kruim a,.tmh-kruim span{color:rgba(255,255,255,.92);text-decoration:none}
.tmh-kruim a:hover{text-decoration:underline}
.tmh-eyebrow{display:flex;align-items:center;gap:.55rem;margin:0;font:700 .78rem/1.2 var(--font-kop);letter-spacing:.14em;text-transform:uppercase;color:#fff}
.tmh-eyebrow::before{content:"";flex:none;width:26px;height:2px;border-radius:2px;background:var(--offerte)}
.tmh h1{margin:.7rem 0 0;color:#fff;font:700 clamp(2rem,3.7vw,2.9rem)/1.08 var(--font-titel);letter-spacing:0}
.tmh-aan,.tmh-vervolg{display:block;font-size:.56em;line-height:1.2;font-weight:600;letter-spacing:-.01em}
.tmh-wissel{display:grid;justify-items:start;margin:.06em 0 .12em;padding-bottom:.16em;font-style:normal;font-size:min(1.27em,9.6vw);line-height:1;overflow:hidden}
.tmh-wissel>span{grid-area:1/1;white-space:normal;text-wrap:balance;opacity:0;transform:translateY(.75em);text-decoration:underline var(--offerte);
text-decoration-thickness:.12em;text-underline-offset:.1em;text-decoration-skip-ink:auto;
transition:transform .6s cubic-bezier(.2,.75,.2,1),opacity .45s ease}
.tmh-wissel>.is-actief{opacity:1;transform:none}
.tmh-wissel>.is-weg{transform:translateY(-.75em)}
.tmh-wissel>span::before{content:attr(data-w)}
@media (prefers-reduced-motion:reduce){
.tmh-wissel>span{transition:none}
}
.tmh h1 .tmh-wissel{margin-right:-.25rem}
.tmh__lead{margin:.8rem 0 0;max-width:34em;color:rgba(255,255,255,.92);font-size:clamp(1rem,1.2vw,1.05rem);line-height:1.6}
.tmh-acties{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem}
.tmh-knop{display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1.4rem;border-radius:50px;
font:700 .96rem/1 var(--font-kop);text-decoration:none;white-space:nowrap;transition:transform .2s var(--ease)}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
.tmh-knop:hover{transform:translateY(-2px)}
}
.tmh-knop svg{width:18px;height:18px;flex:none}
.tmh-knop--wit{background:#fff;color:var(--bruin);box-shadow:0 10px 22px -10px rgba(0,0,0,.45)}
.tmh-knop--blauw{background:var(--teal-paneel);color:#fff}
.tmh__band :focus-visible{outline-color:#fff}
@media (max-width:480px){
.tmh-acties .tmh-knop{width:100%;justify-content:center;white-space:normal;line-height:1.25}
}
@media (max-width:480px){
.tmh__band{min-height:27.55rem}
}
@media (min-width:861px) and (max-width:1023.98px){
.tmh__band{min-height:calc(47rem - 27.6vw)}
}
@media (min-width:1024px) and (max-width:1279.98px){
.tmh__band{min-height:calc(15.8rem + 21.1vw)}
}
@media (min-width:1280px){
.tmh__band{min-height:min(26.69rem + 7.5vw,33.56rem)}
}
@media (min-width:861px){
.tmh__band{justify-content:flex-start;--boven:3.7rem;--onder:clamp(1.6rem,5vw - 2.15rem,2.5rem)}
.tmh h1{margin-top:.9rem}
.tmh-wissel{margin:.1em 0 .16em}
.tmh__lead{margin-top:1rem}
.tmh-acties{margin-top:1.8rem}
.tmh__tekst>*{max-width:calc(var(--tk) * 100%)}
.tmh__tekst>.tmh__lead{max-width:min(34em,calc(var(--tk) * 100%))}
.tmh__foto{display:block;position:absolute;top:0;left:var(--naad);width:calc(100% - var(--naad));height:100%;object-fit:cover;
object-position:55% 50%;clip-path:polygon(var(--schuin) 0,100% 0,100% 100%,0 100%)}
.tmh__figuur{display:block;position:absolute;z-index:1;bottom:0;left:calc(var(--naad) - 2.5rem);
height:calc((100% - clamp(.8rem,1.6vw,1.3rem)) * .85);width:auto;max-width:none;pointer-events:none;user-select:none;
filter:drop-shadow(0 14px 24px rgba(0,0,0,.35))}
}
@media (min-width:761px) and (max-width:860px){
.tmh__band{--boven:3.7rem}
}
@media (min-width:1200px){
.tmh__band{--boven:4.9rem}
}
@media (max-width:760px){
.tmh-kruim{display:none}
.tmh__lead{line-height:1.5}
}
.tmh__persoon{display:none}
@media (min-width:861px){
.tmh__persoon{display:block;position:absolute;z-index:1;margin:0;left:calc(var(--naad) - 1.5rem);bottom:calc(var(--over) + 2.2rem);
width:clamp(13rem,17vw,16.5rem);pointer-events:none;user-select:none}
.tmh__persoon picture{display:block;aspect-ratio:1;border-radius:50%;overflow:hidden;border:6px solid #fff;
background:linear-gradient(180deg,var(--creme-2),#fff);box-shadow:0 18px 34px -12px rgba(0,0,0,.5)}
.tmh__persoon img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.tmh__kaartje{position:absolute;left:50%;bottom:-1rem;transform:translateX(-50%);white-space:nowrap;padding:.55rem 1rem;
border-radius:50px;background:var(--bruin);color:#fff;font:500 .84rem/1.2 var(--font-kop);box-shadow:0 10px 22px -10px rgba(0,0,0,.55)}
.tmh__kaartje b{font-weight:700;color:#FFC400}
}
@media (min-width:1024px) and (max-width:1199.98px){
.tmh__kaartje{white-space:normal;width:max-content;max-width:100%;text-align:center;text-wrap:balance}
}
.of-adres>label{font:600 11px/1 var(--font-kop);color:var(--ant);letter-spacing:.06em;margin:0 0 4px;text-transform:uppercase;opacity:.78;cursor:text}
.hf1 .of-adres>label{color:var(--bruin)}
.of-pill:has(.lf__keuzes:not([hidden])){overflow:visible}
.of-adres .lf__keuzes{left:-8px;right:-8px}
@media(min-width:761px){
.of-adres .lf__keuzes{right:auto;width:max-content;min-width:calc(100% + 16px);max-width:26rem}
}
@media(max-width:760px){
.hf1 .of-adres:last-of-type{border-bottom:1px solid rgba(29,29,27,.08)}
}
.sbr{position:relative;background:var(--creme-2);color:var(--bruin);overflow-x:clip;
padding:clamp(1.5rem,.5rem + 3vw,3rem) 0 clamp(3.5rem,2.4rem + 4vw,6rem)}
.sbr__in{--sbr-boven:.9rem;--sbr-onder:calc(1.4rem + .1rem + 48px);display:grid;grid-template-columns:minmax(0,26rem) minmax(0,1fr);
grid-template-areas:"kop kop" "score rail";column-gap:clamp(2rem,.6rem + 3.6vw,4.75rem);align-items:stretch}
.sbr__kopgroep{grid-area:kop;max-width:46rem;margin-bottom:clamp(3.5rem,2.6rem + 2vw,4.5rem)}
.sbr__kopgroep .eyebrow{display:flex;margin:0 0 1.1rem}
.sbr__kop{font-size:clamp(1.9rem,3.6vw,2.8rem);text-wrap:balance}
.sbr__kop em{font-style:normal;color:var(--teal-paneel)}
.sbr__lead{margin:1.1rem 0 0;max-width:58ch;font-size:clamp(1rem,.95rem + .25vw,1.12rem);line-height:1.62;color:var(--ant-zacht);text-wrap:pretty}
.sbr__score{grid-area:score;position:relative;display:grid;justify-items:start;gap:.9rem}
.sbr__rail{grid-area:rail;position:relative;min-width:0}
.sbr__vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sbr__podium{position:absolute;inset:0 0 var(--sbr-onder);isolation:isolate}
.sbr__stapel{--v:1.68rem;position:absolute;z-index:0;top:calc(var(--sbr-boven) + var(--v));right:-.28rem;bottom:0;width:20rem}
.sbr__stapel::before,.sbr__stapel::after{content:"";position:absolute;inset:0;border-radius:var(--r);transition:transform .6s var(--ease)}
.sbr__stapel::before{background:linear-gradient(150deg,var(--teal-paneel),var(--goud-diep));transform:translate(var(--v),calc(-1*var(--v)));
box-shadow:0 18px 34px -20px rgba(2,13,65,.55)}
.sbr__stapel::after{background:#D6EEFB;box-shadow:0 1px 2px rgba(2,13,65,.06),0 16px 30px -18px rgba(2,13,65,.4)}
.sbr__persoon{position:absolute;z-index:1;right:-1.26rem;bottom:0;height:calc(100% + 2.5rem);transform-origin:50% 100%;
filter:drop-shadow(0 12px 14px rgba(2,13,65,.3));transition:transform .6s var(--ease)}
.sbr__persoon img{display:block;width:auto;height:100%;max-width:none}
.sbr__podium>.sbr__boog{position:absolute;z-index:2;left:0;bottom:-1rem}
.sbr__boog{position:relative;display:grid;place-items:center;width:14.7rem;aspect-ratio:1;border-radius:50%;
background:#fff;color:var(--bruin);box-shadow:var(--schaduw);text-align:center}
.sbr__ring{position:absolute;inset:.63rem;width:calc(100% - 1.26rem);height:calc(100% - 1.26rem);transform:rotate(-62deg);overflow:visible}
.sbr__ring circle{fill:none;stroke:var(--teal-paneel);stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset 1.5s var(--ease)}
.sbr__boog.is-wacht .sbr__ring circle{transition:none}
.sbr__getal{position:relative;margin:0}
.sbr__getal>span[aria-hidden]{display:grid;justify-items:center;gap:.42rem}
.sbr__getal b{font:700 4.34rem/.9 var(--font-kop);letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.sbr__sub{max-width:9.24rem;font:600 1.04rem/1.25 var(--font-kop);color:var(--ant-zacht)}
.sbr__profiel{justify-self:center;display:inline-flex;align-items:center;gap:.8rem;min-height:44px;margin:0;
padding:.5rem 1rem .5rem .75rem;border-radius:10px;background:#fff;border:1px solid var(--lijn);
color:var(--bruin);font:600 .98rem/1.2 var(--font-kop);transition:transform .4s var(--ease)}
.sbr__score>.sbr__profiel{position:absolute;left:0;right:0;bottom:2px;width:fit-content;margin-inline:auto}
.sbr__profiel img{width:auto;height:1.45rem}
.sbr__nv{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sbr__kaarten{display:flex;align-items:stretch;gap:1.15rem;margin:0;padding:var(--sbr-boven) .25rem 1.4rem;list-style:none;overflow-x:auto;
scroll-snap-type:x mandatory;scroll-padding-inline:.25rem;overscroll-behavior-x:contain;scrollbar-width:thin;
scrollbar-color:var(--lijn) transparent}
.sbr__kaarten:focus-visible{outline:3px solid var(--goud-diep);outline-offset:2px;border-radius:var(--r)}
.sbr__kaarten:has(.is-open){align-items:flex-start}
.sbr .sbr__kaarten{--sbr-rand:max(1.2rem,(100vw - var(--maxw)) / 2);margin-inline-end:calc(-1 * var(--sbr-rand));
padding-inline-end:var(--sbr-rand)}
.sbr__rail--js .sbr__kaarten{scrollbar-width:none}
.sbr__rail--js .sbr__kaarten::-webkit-scrollbar{display:none}
.sbr__kaart{position:relative;z-index:0;flex:0 0 min(27rem,84%);display:flex;flex-direction:column;scroll-snap-align:start;
padding:1.35rem 1.45rem 1.25rem;border-radius:var(--r);background:#fff;color:var(--bruin);
box-shadow:0 1px 2px rgba(2,13,65,.05),0 14px 28px -22px rgba(2,13,65,.3);transition:transform .45s var(--ease)}
.sbr__kaart::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;box-shadow:0 30px 44px -26px rgba(2,13,65,.45);
opacity:0;transition:opacity .45s var(--ease)}
.sbr__kaart::before{content:"\201C";content:"\201C" / "";display:block;height:2.2rem;margin:-.35rem 0 .45rem -.15rem;
font:700 4.6rem/1 var(--font-titel);color:var(--teal-paneel);transform-origin:20% 60%;transition:transform .45s var(--ease)}
.sbr__tekst{margin:0 0 .9rem}
.sbr__tekst p{margin:0;color:var(--ant-zacht);font-size:.96rem;line-height:1.65}
.sbr__rail--js .sbr__tekst:not(.is-open) p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;overflow:hidden}
.sbr__lees{align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;margin:-.5rem 0 .5rem;padding:0;border:0;background:none;
color:var(--goud-diep);font:600 .9rem/1.2 var(--font-kop);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.sbr__lees[hidden]{display:none}
.sbr__wie{margin:auto 0 0;padding-top:1rem;border-top:1px solid var(--lijn);font-size:.85rem;line-height:1.5;color:var(--ant-zacht)}
.sbr__wie b{color:var(--bruin);font-weight:600}
.sbr__cijfer{position:absolute;top:1.3rem;right:1.3rem;display:flex;gap:.12rem;margin:0;padding:.45rem .7rem;border-radius:8px;
background:var(--bruin);box-shadow:inset 5px 0 0 var(--goud),inset -5px 0 0 var(--goud)}
.sbr__fotos{flex:1 1 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem;min-height:10rem;margin:0 0 .9rem;padding:0;list-style:none}
.sbr__fotos>li:nth-child(n+3){display:none}
.sbr__foto{position:relative;display:block;width:100%;height:100%;padding:0;border:0;border-radius:10px;overflow:hidden;
background:var(--creme-2);cursor:zoom-in}
.sbr__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.sbr__foto:focus-visible{outline:3px solid var(--goud-diep);outline-offset:2px}
.sbr__nav{display:flex;align-items:center;gap:.6rem;margin-top:.1rem}
.sbr__nav[hidden]{display:none}
.sbr__knop{display:inline-grid;place-items:center;width:48px;height:48px;padding:0;border-radius:50%;border:1.5px solid var(--bruin);
background:transparent;color:var(--bruin);cursor:pointer}
.sbr__knop svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;
transition:transform .4s var(--ease)}
.sbr__knop--terug svg{transform:scaleX(-1)}
.sbr__knop[aria-disabled="true"]{opacity:.35;cursor:default}
.sbr__voortgang{position:relative;flex:0 1 9rem;height:4px;margin-inline:.4rem;border-radius:4px;background:rgba(2,13,65,.12);overflow:hidden}
.sbr__voortgang i{position:absolute;inset:0 auto 0 0;width:40%;border-radius:inherit;background:var(--teal-paneel)}
.sbr__vergroting{width:fit-content;max-width:calc(100vw - 9rem);max-height:none;margin:auto;padding:0;border:0;background:transparent;
color:#fff;overflow:visible}
.sbr__vergroting::backdrop{background:rgba(2,6,30,.88)}
.sbr__vergroting figure{position:relative;margin:0;display:grid;justify-items:center;gap:.75rem}
.sbr__vergroting img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 10rem);border-radius:10px;
background:#0b1433;object-fit:contain}
.sbr__vergroting figcaption{font-size:.9rem;color:rgba(255,255,255,.85);text-align:center}
.sbr__vk{position:absolute;display:inline-grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;
background:#fff;color:var(--bruin);cursor:pointer;box-shadow:0 6px 20px -8px rgba(0,0,0,.5)}
.sbr__vk svg{width:1.2rem;height:1.2rem;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sbr__vk--dicht{top:.6rem;right:.6rem}
.sbr__vk--terug,.sbr__vk--verder{top:calc(50% - 1.5rem - 24px)}
.sbr__vk--terug{left:-3.75rem}
.sbr__vk--terug svg{transform:scaleX(-1)}
.sbr__vk--verder{right:-3.75rem}
.sbr__vk[hidden]{display:none}
.sbr__vk:focus-visible{outline:3px solid var(--goud);outline-offset:3px}
html.sbr-vast{overflow:hidden}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
.sbr__score:hover .sbr__stapel{--v:2.17rem}
}
@media (hover:hover){
.sbr__kaart:hover{transform:translateY(-6px)}
.sbr__kaart:hover::after{opacity:1}
.sbr__kaart:hover::before{transform:translateX(.4rem) rotate(-8deg)}
.sbr__score:hover .sbr__persoon{transform:scale(1.03)}
a.sbr__profiel:hover{transform:translateY(-3px)}
.sbr__foto:hover img{transform:scale(1.04)}
.sbr__knop:not([aria-disabled="true"]):hover{background:var(--bruin);color:#fff}
.sbr__knop:not([aria-disabled="true"]):hover svg{transform:translateX(3px)}
.sbr__knop--terug:not([aria-disabled="true"]):hover svg{transform:scaleX(-1) translateX(3px)}
}
.sbr__kaart:focus-within{transform:translateY(-6px)}
.sbr__kaart:focus-within::after{opacity:1}
.sbr__kaart:focus-within::before{transform:translateX(.4rem) rotate(-8deg)}
a.sbr__profiel:focus-visible{transform:translateY(-3px)}
@media (max-width:900px){
.sbr__in{grid-template-columns:minmax(0,1fr);grid-template-areas:"kop" "score" "rail"}
.sbr__score{align-items:center;margin-bottom:.6rem}
.sbr__kopgroep{margin-bottom:clamp(2rem,1.4rem + 2vw,3.25rem)}
.sbr__score>.sbr__profiel{position:static;width:auto;margin:0}
.sbr__podium{position:relative;inset:auto;grid-column:1/-1;justify-self:center;width:100%;max-width:22rem;height:20.3rem}
.sbr__stapel{--v:1.19rem;top:auto;right:1.19rem;bottom:1.26rem;width:12.95rem;height:12.25rem}
.sbr__persoon{right:.21rem;bottom:1.26rem;height:17.85rem}
.sbr__podium>.sbr__boog{bottom:.28rem}
.sbr__boog{width:12.04rem}
.sbr__getal b{font-size:3.22rem}
.sbr__getal>span[aria-hidden]{gap:.31rem}
.sbr__sub{max-width:7.56rem;font-size:.9rem}
.sbr__kaart{flex-basis:min(26.4rem,84%)}
.sbr__vergroting{max-width:calc(100vw - 2rem)}
.sbr__vk--terug,.sbr__vk--verder{top:auto;bottom:-3.9rem}
.sbr__vk--terug{left:calc(50% - 56px)}
.sbr__vk--verder{right:calc(50% - 56px)}
.sbr__vergroting figcaption{margin-bottom:3.9rem}
}
@media (max-width:420px){
a.sbr__profiel span{display:none}
}
@media (prefers-reduced-motion:reduce){
.sbr__kaart:hover,.sbr__kaart:focus-within,.sbr__score:hover .sbr__persoon,a.sbr__profiel:hover,a.sbr__profiel:focus-visible,.sbr__foto:hover img{transform:none}
.sbr__kaart:hover::before,.sbr__kaart:focus-within::before,.sbr__knop:hover svg{transform:none}
.sbr__knop--terug:hover svg{transform:scaleX(-1)}
.sbr *,.sbr *::before,.sbr *::after{transition-duration:.001ms!important}
}
.sbr .sbr__kop{font-size:clamp(1.9rem,3.6vw,2.8rem)}
.sbr__kopgroep .label{display:flex;margin:0 0 1.1rem}
.sbr__getal .sb-sterren{font-size:1.375rem}
.sbr__cijfer{align-items:center;gap:.45rem}
.sbr__cijfer .sb-sterren{font-size:.8rem}
.sbr__cijfer b{color:#fff;font:600 .8rem/1 var(--font-kop)}
.sbr__profiel img{height:1.9rem}
.sbr__profiel{text-decoration:none}
.sbr .sbr__kaarten{--sbr-rand:calc(max(0px,(100vw - var(--maxw)) / 2) + var(--pad))}
@media (min-width:901px){
.sbr__persoon{height:min(calc(100% + 2.5rem),27rem)}
}
@media (min-width:901px){
.sbr__stapel,.sbr__persoon{bottom:4.5rem}
}
@media (max-width:900px){
.sbr__podium{height:calc(20.3rem + 4.9rem)}
.sbr__stapel,.sbr__persoon{bottom:calc(1.26rem + 4.9rem)}
}
@media (min-width:1280px){
.sbr{padding-top:10.5rem}
}
@media (max-width:900px){
.sbr__getal .sb-sterren{font-size:1.17rem}
}
@media(max-width:389px){
.topbar .wrap{gap:.5rem}
.topbar__actions{gap:.45rem}
.topbar .btn{padding-inline:.7rem}
.nav-toggle{flex:none}
}
@media(max-width:359px){
.topbar__kv{display:none}
}
.sb-ob__fig{left:50%;right:auto;transform:translateX(-50%)}
@media (max-width:900px){
.sb-ob__fig{right:auto}
}
.di-e{--v:clamp(.9rem,1.9vw,1.6rem);--rr:calc(var(--r)*1.6);position:relative;padding:var(--v) var(--v) 0 0}
.di-e__podium{position:relative;isolation:isolate}
.di-e__vlak{position:absolute;inset:0;z-index:-1;border-radius:var(--rr);background:linear-gradient(150deg,var(--teal-paneel),var(--goud-diep));transform:translate(var(--v),calc(-1*var(--v)));box-shadow:0 18px 34px -20px rgba(2,13,65,.55)}
.di-e__foto{margin:0;border-radius:var(--rr);overflow:hidden;aspect-ratio:5/4;background:var(--creme-2);box-shadow:var(--schaduw-lg)}
.di-e__foto img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--di-foto-pos,50% 40%)}
.di-e__badge.is-wacht .di-e__ring circle{transition:none}
.di-e__vlak,.di-e__foto img{transition:transform .6s var(--ease)}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
.di-e__podium:hover .di-e__vlak{transform:translate(calc(var(--v)*1.29),calc(-1.29*var(--v)))}
.di-e__podium:hover .di-e__foto img{transform:scale(1.03)}
}
@media (prefers-reduced-motion:reduce){
.di-e *,.di-e *::before,.di-e *::after{transition-duration:.001ms!important}
}
.sb-zakelijk__persoon--voet{overflow:visible}
.sb-zakelijk__persoon--voet img{position:absolute;right:0;bottom:0;width:auto;height:100%;max-width:none}
@media (min-width:901px) and (max-width:1249px){
#voor-particulieren .sb-zakelijk__tag{top:auto;bottom:1rem}
}
@media (min-width:901px) and (max-width:960px){
#voor-particulieren .sb-zakelijk__tag{top:.5rem;bottom:auto}
}
.c7-dpop--particuliere-verhuizing{--d0:.270;--mid:.556;--ar:1.3333}
.c7-dpop--zakelijke-verhuizing{--d0:.135;--mid:.474;--ar:1.3333}
.c7-dpop--internationale-verhuizing{--d0:.367;--mid:.325;--ar:1.3333}
.c7-dpop--zorg-verhuizing{--d0:.223;--mid:.534;--ar:1.3333}
.c7-dpop--duurzaam-verhuizen{--d0:.130;--mid:.645;--ar:1.3333}
.c7-dpop--meubeltransport{--d0:.146;--mid:.758;--ar:1.3333}
.c7-dpop--particuliere-opslag{--d0:.142;--mid:.474;--ar:1.3333}
.c7-dpop--container-opslag{--d0:.109;--mid:.193;--ar:1.3333}
.c7-dpop--veilingen{--d0:.211;--mid:.405;--ar:1.3333}
.c7-dpop--opslag-assets{--d0:.119;--mid:.696;--ar:1.3333}
.c7-dpop--handyman-services{--d0:.22;--mid:.524;--ar:1.3333}
.c7-dpop--offerte-videogesprek{--d0:.156;--mid:.545;--ar:1.3333}
.c7-dpop--verhuisbedrijf-baarle-nassau{--d0:.018;--mid:.401;--ar:1.3333}
.c7-dpop--bergen-op-zoom{--d0:.139;--mid:.425;--ar:1.3333}
.c7-dpop--verhuisbedrijf-best{--d0:.021;--mid:.263;--ar:1.3333}
.c7-dpop--verhuisbedrijf-boxtel{--d0:.070;--mid:.515;--ar:1.3333}
.c7-dpop--verhuisbedrijf-dongen{--d0:.058;--mid:.630;--ar:1.3333}
.c7-dpop--verhuisbedrijf-dordrecht{--d0:.058;--mid:.362;--ar:1.3333}
.c7-dpop--verhuisbedrijf-drunen{--d0:.077;--mid:.475;--ar:1.3333}
.c7-dpop--verhuisbedrijf-etten-leur{--d0:.019;--mid:.305;--ar:1.3333}
.c7-dpop--verhuisbedrijf-helvoirt{--d0:.035;--mid:.426;--ar:1.3333}
.c7-dpop--verhuisbedrijf-kaatsheuvel{--d0:.056;--mid:.394;--ar:1.3333}
.c7-dpop--verhuisbedrijf-moerdijk{--d0:.077;--mid:.720;--ar:1.3333}
.c7-dpop--verhuisbedrijf-oirschot{--d0:.100;--mid:.483;--ar:1.3333}
.c7-dpop--verhuisbedrijf-oosterhout{--d0:.077;--mid:.578;--ar:1.3333}
.c7-dpop--verhuisbedrijf-oss{--d0:.018;--mid:.270;--ar:1.3333}
.c7-dpop--verhuisbedrijf-oudenbosch{--d0:.037;--mid:.353;--ar:1.3333}
.c7-dpop--verhuisbedrijf-poppel{--d0:.035;--mid:.734;--ar:1.3333}
.c7-dpop--verhuisbedrijf-raamsdonksveer{--d0:.068;--mid:.505;--ar:1.3333}
.c7-dpop--verhuisbedrijf-roermond{--d0:.074;--mid:.508;--ar:1.3333}
.c7-dpop--roosendaal{--d0:.070;--mid:.623;--ar:1.3333}
.c7-dpop--verhuisbedrijf-rucphen{--d0:.081;--mid:.341;--ar:1.3333}
.c7-dpop--verhuisbedrijf-schijndel{--d0:.061;--mid:.598;--ar:1.3333}
.c7-dpop--verhuisbedrijf-sint-oedenrode{--d0:.165;--mid:.478;--ar:1.3333}
.c7-dpop--verhuisbedrijf-steenbergen{--d0:.081;--mid:.702;--ar:1.3333}
.c7-dpop--verhuisbedrijf-udenhout{--d0:.079;--mid:.550;--ar:1.3333}
.c7-dpop--verhuisbedrijf-vlijmen{--d0:.079;--mid:.355;--ar:1.3333}
.c7-dpop--verhuisbedrijf-vught{--d0:.107;--mid:.570;--ar:1.3333}
.c7-dpop--verhuisbedrijf-waalwijk{--d0:.060;--mid:.733;--ar:1.3333}
.c7-dpop--verhuisbedrijf-weert{--d0:.039;--mid:.674;--ar:1.3333}
.c7-dpop--verhuisbedrijf-zevenbergen{--d0:.093;--mid:.552;--ar:1.3333}
.c7-dpop--verhuisbedrijf-zundert{--d0:.082;--mid:.505;--ar:1.3333}
.c7-dpop--meubelmontage{--d0:.191;--mid:.547;--ar:1.3333}
.c7-dpop--antiek-en-kunst-verhuizen{--d0:.175;--mid:.495;--ar:1.3333}
.c7-dpop--dozencalculator{--d0:.310;--mid:.551;--ar:1.3333}
.c7-dpop--full-service-verhuizing{--d0:.154;--mid:.366;--ar:1.3333}
.c7-dpop--inpakservice{--d0:.112;--mid:.962;--ar:1.3333}
.c7-dpop--piano-verhuizen{--d0:.130;--mid:.598;--ar:1.3333}
.c7-dpop--senioren-verhuizen{--d0:.084;--mid:.613;--ar:1.3333}
.c7-dpop--spoedverhuizing{--d0:.347;--mid:.455;--ar:1.3333}
.c7-dpop--verhuisdozen-huren{--d0:.355;--mid:.645;--ar:1.3333}
.c7-dpop--verhuisprijscalculator{--d0:.122;--mid:.550;--ar:1.3333}
.c7-dpop--kantoor-verhuizen{--d0:.158;--mid:.227;--ar:1.3333}
.c7-dpop--logistiek-full-service{--d0:.316;--mid:.593;--ar:1.3333}
.c7-dpop--groupage-transport{--d0:.244;--mid:.362;--ar:1.3333}
.c7-dpop--winkelverhuizing{--d0:.111;--mid:.498;--ar:1.3333}
.c7-dpop--meubelprojecten-zak{--d0:.407;--mid:.591;--ar:1.3333}
.c7-dpop--huismeester{--d0:.274;--mid:.407;--ar:1.3333}
.c7-dpop--onderhoud{--d0:.151;--mid:.483;--ar:1.3333}
.c7-dpop--verduurzamen{--d0:.268;--mid:.513;--ar:1.3333}
.c7-dpop--inventarisatie{--d0:.186;--mid:.976;--ar:1.3333}
.c7-dpop--circulair-meubilair{--d0:.116;--mid:.504;--ar:1.3333}
.c7-dpop--wms-en-meubelpaspoort{--d0:.125;--mid:.626;--ar:1.3333}
.c7-dpop--inkoop-en-verkoop-assets{--d0:.089;--mid:.503;--ar:1.3333}
.c7-dpop--erkende-projectverhuizer{--d0:.065;--mid:.529;--ar:1.3333}
:is(#aanbod,#diensten6) .sb-dienst__ico:has(>img[src*="/img/iconen/"]){width:3.4rem;height:3.4rem}
:is(#aanbod,#diensten6) .sb-dienst__ico>img[src*="/img/iconen/"]{width:46px;height:46px}
@media(min-width:621px){
:is(#aanbod,#diensten6) .sb-diensten__grid--3 .sb-dienst__ico:has(>img[src*="/img/iconen/"]){width:3rem;height:3rem}
:is(#aanbod,#diensten6) .sb-diensten__grid--3 .sb-dienst__ico>img[src*="/img/iconen/"]{width:40px;height:40px}
:is(#aanbod,#diensten6) .sb-diensten__grid--3 .sb-dienst:has(.sb-dienst__ico>img[src*="/img/iconen/"]) h3{padding-right:3.6rem}
}
:is(main > :is(#aanbod,#diensten6) .sb-diensten__grid--wit, main > #aanbod.sb-diensten--overzicht .sb-diensten__grid) .sb-dienst{
box-shadow:0 0 0 1px rgba(51,188,250,.55),0 1px 2px rgba(2,13,65,.08),0 16px 32px -20px rgba(2,13,65,.4)}
:is(main > :is(#aanbod,#diensten6) .sb-diensten__grid--wit, main > #aanbod.sb-diensten--overzicht .sb-diensten__grid) .sb-dienst__pijl{background:var(--teal-paneel)}
:is(main > :is(#aanbod,#diensten6) .sb-diensten__grid--wit, main > #aanbod.sb-diensten--overzicht .sb-diensten__grid) .sb-dienst__pijl svg{filter:brightness(0) invert(1)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
#aanbod .sb-dienst__ico>img[src*="/img/iconen/"]{transition:transform .25s var(--ease)}
#aanbod .sb-dienst:hover .sb-dienst__ico>img[src*="/img/iconen/"]{transform:translateY(-3px) scale(1.25)}
:is(main > :is(#aanbod,#diensten6) .sb-diensten__grid--wit, main > #aanbod.sb-diensten--overzicht .sb-diensten__grid) .sb-dienst:hover{
box-shadow:0 0 0 1.5px var(--offerte),0 0 26px -6px rgba(51,188,250,.55),0 22px 38px -22px rgba(2,13,65,.45)}
:is(main > :is(#aanbod,#diensten6) .sb-diensten__grid--wit, main > #aanbod.sb-diensten--overzicht .sb-diensten__grid) .sb-dienst__pijl{transition:background-color .25s var(--ease)}
:is(main > :is(#aanbod,#diensten6) .sb-diensten__grid--wit, main > #aanbod.sb-diensten--overzicht .sb-diensten__grid) .sb-dienst:hover .sb-dienst__pijl{background:var(--goud-diep)}
}
@media(prefers-reduced-motion:no-preference){
#aanbod .sb-dienst:focus-within .sb-dienst__ico>img[src*="/img/iconen/"]{transition:transform .25s var(--ease);transform:translateY(-3px) scale(1.25)}
}
.di-i{--rr:calc(var(--r)*1.6);position:relative;padding:clamp(2.25rem,5vw,3.25rem) 0 0}
.di-i__vh{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.di-i__vlak{position:relative}
.di-i__foto{margin:0;border-radius:var(--rr);overflow:hidden;aspect-ratio:4/3;background:var(--creme-2)}
.di-i__foto img{display:block;width:100%;height:100%;object-fit:cover;object-position:40% 60%}
.di-i__knip{position:absolute;z-index:1;left:0;right:0;bottom:0;height:140%;overflow:hidden;border-radius:0 var(--rr) var(--rr) 0;pointer-events:none}
.di-i__persoon{position:absolute;right:-17%;bottom:0;width:auto;height:74%;filter:drop-shadow(-10px 12px 14px rgba(2,13,65,.32));transform-origin:50% 100%}
.di-i__kaart{position:relative;z-index:2;margin:calc(-1*clamp(3.2rem,7vw,5rem)) clamp(.5rem,1.2vw,1rem) 0 clamp(1.25rem,3vw,2.5rem);padding:1.4rem clamp(1.15rem,2.2vw,1.6rem) 1.6rem;border-radius:0 var(--r) var(--r) var(--r);background:var(--bruin);box-shadow:var(--schaduw-lg)}
.di-i__tabs{position:absolute;left:0;right:0;bottom:100%;display:flex;gap:.3rem}
.di-i__tab{min-height:42px;padding:.55rem .95rem .5rem;border:0;border-radius:12px 12px 0 0;background:var(--wit);color:var(--bruin);font:600 .8rem/1.2 var(--font-kop);cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease)}
.di-i__tab:hover{background:var(--licht-hover)}
.di-i__tab[aria-selected="true"]{background:var(--bruin);color:var(--wit)}
.di-i__tab:focus-visible{outline:3px solid var(--goud);outline-offset:2px}
.di-i__label{margin:0 0 .6rem;color:var(--goud);font:700 .74rem/1.35 var(--font-kop);letter-spacing:.14em;text-transform:uppercase}
.di-i__panelen{display:grid}
.di-i__paneel{grid-area:1/1;visibility:hidden}
.di-i__paneel.is-actief,.di-i__panelen:not(:has(.is-actief))>:first-child{visibility:visible}
.di-i__paneel p{margin:0;color:var(--lijn);font-size:.95rem;line-height:1.6}
.di-i__paneel a{color:var(--wit);text-decoration-color:var(--goud);text-decoration-thickness:2px;text-underline-offset:3px}
@media(max-width:1100px){
.di-i__tab{padding:.55rem .7rem .5rem;font-size:.76rem}
}
@media(max-width:560px){
.di-i__persoon{right:-22%;height:72%}
.di-i__tabs{gap:.2rem}
.di-i__tab{flex:1 1 auto;min-height:44px;padding:.5rem .4rem .45rem;font-size:.7rem}
.di-i__kaart{margin:-2.5rem .5rem 0 .75rem;padding:1.05rem 1rem 1.2rem}
}
.di-i__badge.is-wacht .di-i__ring circle{transition:none}
.di-i__foto img,.di-i__persoon,.di-i__kaart{transition:transform .6s var(--ease)}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
.di-i:hover .di-i__foto img{transform:scale(1.03)}
.di-i:hover .di-i__persoon{transform:scale(1.02)}
.di-i:hover .di-i__kaart{transform:translateY(-3px)}
}
@media (prefers-reduced-motion:reduce){
.di-i *,.di-i *::before,.di-i *::after{transition-duration:.001ms!important}
}
[data-pagina] #reviews .art-b2{left:74.6%;top:5.54%;right:auto;bottom:auto;opacity:.5}
@media(prefers-reduced-motion:no-preference){
.js .c7-ctp:not(.in) .c7-ctp__stapel::before{transform:none;transition:none}
.js .c7-ctp .c7-ctp__stapel::before{transition:transform .9s var(--ease)}
.js .c7-ctp .c7-ctp__persoon>img{transition:opacity .8s var(--ease),translate .8s var(--ease)}
.js .c7-ctp:not(.in) .c7-ctp__persoon>img{opacity:0;translate:0 12%}
.js .c7-ctp .c7-ctp__boog{transition:scale .55s cubic-bezier(.34,1.56,.64,1) .25s,opacity .3s var(--ease) .25s,border-color .2s,transform .2s,box-shadow .2s}
.js .c7-ctp:not(.in) .c7-ctp__boog{scale:.6;opacity:0}
}
.c7-wg{overflow-x:clip}
.c7-wg .label::before{background:var(--geel)}
.c7-wg .kop{position:relative;display:inline-block;padding-bottom:.35rem}
.c7-wg .kop::after{content:"";position:absolute;left:0;bottom:0;width:3.2rem;height:4px;border-radius:2px;background:var(--geel)}
.js .c7-wg__alle [data-reveal]{opacity:1;transform:none;transition:none}
.js .c7-wg__wagen{opacity:0;transform:translateX(-40px);transition:opacity .8s var(--ease) .25s,transform .8s var(--ease) .25s}
.js .c7-wg__beeld.in .c7-wg__wagen{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
.js .c7-wg__wagen{opacity:1;transform:none;transition:none}
}
.c7-rijen .sb-zakelijk__rij{grid-template-columns:auto minmax(0,1fr)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.js .c7-keur__kaarten>.c7-keur__kaart{transition:opacity .55s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease)}
.js .c7-keur__kaarten>.c7-keur__kaart.in:hover{transform:translateY(-6px);box-shadow:var(--schaduw)}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.js .c7-kev .review{transition:opacity .7s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease)}
.js .c7-kev .review.in:hover{transform:translateY(-4px);box-shadow:var(--schaduw)}
}
.c7-fv--navy{background:var(--bruin)}
.c7-fv--navy .c7-fv__kop .kop{color:var(--wit)}
.c7-fv--navy .c7-fv__kop .label{color:var(--goud)}
.c7-fv--navy .c7-fv__kop .intro{color:var(--lijn)}
.c7-fv__kop{margin-bottom:1.2rem}
.c7-fv__meer{margin:1.6rem 0 0}
.c7-fv__raster{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2.4rem,5vw,5rem)}
.c7-fv6{grid-template-areas:". kop" "foto vragen" ". meer";row-gap:0;align-items:start}
.c7-fv6__kop{grid-area:kop}
.c7-fv6__foto{grid-area:foto;display:flex;justify-content:center}
.c7-fv6__vragen{grid-area:vragen}
.c7-fv6__meer{grid-area:meer}
.c7-fv-foto{--uit:clamp(56px,8vw,96px);--zij:clamp(1rem,3vw,2.5rem);position:relative;width:min(100%,440px);height:32rem}
.c7-fv-foto__navy{position:absolute;inset:0;border-radius:22px;background:var(--goud-diep);transform:translate(22px,22px);transition:transform .35s ease}
.c7-fv-foto__vlak{position:absolute;inset:0;border-radius:28px;background:var(--goud);overflow:hidden}
.c7-fv-foto__knip{position:absolute;inset:0;clip-path:inset(calc(-1 * var(--uit) - 10px) calc(-1 * var(--zij)) 0 calc(-1 * var(--zij)) round 0 0 28px 28px)}
.c7-fv-foto__persoon{position:absolute;left:50%;bottom:0;height:calc(100% + var(--uit));width:auto;max-width:calc(100% + 2 * var(--zij));object-fit:contain;object-position:50% 100%;transform:translateX(-50%);transform-origin:50% 100%;transition:transform .35s ease}
.c7-fv-foto__merk{position:absolute;z-index:2;left:-18px;bottom:-34px;display:grid;justify-items:center;gap:.55rem}
.c7-fv-badge{margin:0;width:132px;height:132px;border-radius:50%;background:var(--wit);box-shadow:0 14px 34px rgba(2,13,65,.22);display:grid;place-content:center;text-align:center;transition:transform .35s ease}
.c7-fv-badge__in{display:grid;justify-items:center;gap:.25rem}
.c7-fv-badge b{font:800 2.5rem/1 var(--font-kop);color:var(--bruin)}
.c7-fv-badge .sb-sterren{display:block;font-size:.72rem}
.c7-fv-badge small{font:600 .64rem/1.2 var(--font-kop);color:var(--ant-zacht)}
.c7-fv-alle{display:inline-flex;align-items:center;gap:.4rem;padding:.38rem .75rem .38rem .5rem;border-radius:999px;background:var(--wit);box-shadow:0 8px 20px rgba(2,13,65,.16);color:var(--bruin);font:700 .78rem/1 var(--font-kop);text-decoration:none;white-space:nowrap;transition:color .2s,transform .2s}
.c7-fv-alle img{width:18px;height:18px}
.c7-fv--navy .c7-fv__meer .btn:not([class*="btn--"]){background:var(--geel);border-color:var(--geel);color:var(--bruin)}
.c7-fv--navy .c7-fv__meer .btn:not([class*="btn--"]):hover{background:var(--wit);border-color:var(--wit);color:var(--bruin)}
.c7-fv--navy .c7-fv__meer .btn:not([class*="btn--"]) svg{color:var(--bruin)}
.c7-fv--navy .c7-fv__meer .btn:focus-visible{outline-color:var(--wit)}
.c7-fv-alle__pijl{width:14px;height:14px;transition:transform .2s}
.c7-fv-faqkaart details{background:var(--wit);border:0;border-radius:16px;padding:0 1.2rem;margin-bottom:.7rem;transition:transform .25s ease}
.c7-fv-faqkaart details:first-of-type{border-top:0}
.c7-fv-faqkaart details:last-of-type{margin-bottom:0}
.c7-fv-faqkaart summary{padding:1.05rem 0;font-size:1.08rem}
.c7-fv-faqkaart summary::before{color:var(--geel)}
.c7-fv-faqkaart details > p:last-child{padding-bottom:1rem}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
.c7-fv-foto:hover .c7-fv-foto__persoon{transform:translateX(-50%) translateY(-8px) scale(1.02)}
.c7-fv-foto:hover .c7-fv-foto__navy{transform:translate(30px,28px)}
.c7-fv-foto:hover .c7-fv-badge{transform:rotate(-6deg)}
.c7-fv-alle:hover{color:var(--goud-diep)}
.c7-fv-alle:hover .c7-fv-alle__pijl{transform:translate(2px,-2px)}
.c7-fv-faqkaart details:hover{transform:translateX(4px)}
}
@media (prefers-reduced-motion:reduce){
.c7-fv-foto__persoon,.c7-fv-foto__navy,.c7-fv-badge,.c7-fv-alle,.c7-fv-alle__pijl,.c7-fv-faqkaart details{transition:none}
}
@media (max-width:900px){
.c7-fv__raster{grid-template-columns:minmax(0,1fr)}
.c7-fv6{grid-template-areas:"foto" "kop" "vragen" "meer"}
.c7-fv-foto{width:min(74%,330px);height:auto;aspect-ratio:1/1.1;margin:var(--uit) auto 3.6rem}
}
@media (max-width:560px){
.c7-fv-foto__navy{transform:translate(14px,14px)}
.c7-fv-foto__merk{left:-10px;bottom:-30px}
.c7-fv-badge{width:100px;height:100px}
.c7-fv-badge b{font-size:2rem}
.c7-fv-badge small{max-width:4.4rem;font-size:.6rem}
}
.c7-fv6--maat .c7-fv6__foto{position:relative;display:block}
.c7-fv-maat{width:140%;visibility:hidden;pointer-events:none}
.c7-fv6--maat .c7-fv-foto{position:absolute;inset:0;width:min(100%,440px);height:auto;margin-inline:auto}
@media (max-width:900px){
.c7-fv-maat{display:none}
.c7-fv6--maat .c7-fv6__foto{display:flex;justify-content:center}
.c7-fv6--maat .c7-fv-foto{position:relative;inset:auto;width:min(74%,330px);height:auto;margin:var(--uit) auto 3.6rem}
}
.c7-ev-badge.is-wacht .di-e__ring circle{transition:none}
@media(prefers-reduced-motion:no-preference){
.js .c7-ev-keurrij .c7-ev-badge{transition:transform .6s cubic-bezier(.34,1.56,.64,1) .25s,opacity .3s var(--ease) .25s}
.js .c7-ev-keurrij:not(.in) .c7-ev-badge{transform:scale(.6);opacity:0}
.js .c7-ev-keurrij .c7-ev-keurrij__persoon{transition:transform .7s var(--ease) .35s}
.js .c7-ev-keurrij .c7-ev-keurrij__persoon+.c7-ev-keurrij__persoon{transition-delay:.5s}
.js .c7-ev-keurrij:not(.in) .c7-ev-keurrij__persoon{transform:translateY(55%)}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.js .c7-ev-zeker__lijst>li{transition:opacity .55s var(--ease),transform .3s var(--ease),background-color .3s var(--ease)}
.js .c7-ev-zeker__lijst>li.in:hover{transform:translateY(-4px);background-color:rgba(255,255,255,.12)}
.js .c7-ev-epv .sb-zakelijk__rijen>.sb-zakelijk__rij{transition:opacity .55s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease)}
.js .c7-ev-epv .sb-zakelijk__rijen>.sb-zakelijk__rij.in:hover{transform:translateY(-4px);box-shadow:var(--schaduw)}
}
@media (prefers-reduced-motion:no-preference){
.js .c7-cert-beweeg:not(.in) .sb-zakelijk__schuin{transform:rotate(0deg) translate(-14px,-14px);opacity:0}
.js .c7-cert-beweeg:not(.in) .sb-zakelijk__persoon img{transform:translateY(12%);opacity:0}
.js .c7-cert-beweeg:not(.in) .sb-zakelijk__tag{transform:scale(.6);opacity:0}
}
@media (max-width:560px){
.cert-kaart:has(.c7-cert-band){padding-inline:1rem}
}
@media (prefers-reduced-motion:no-preference){
.js .c7-intro__beeld:not(.in) .c7-intro__achter{translate:0 0}
.js .c7-intro__beeld:not(.in) .c7-intro__persoon{translate:-50% 12%;opacity:0}
.js .c7-intro__beeld:not(.in) .c7-intro__merk{scale:.6;opacity:0}
@media (hover:hover){
.c7-intro__beeld.in:hover .c7-intro__persoon{translate:-50% -8px;scale:1.02;transition-delay:0s}
.c7-intro__beeld.in:hover .c7-intro__achter{translate:30px 28px;transition:translate .35s ease}
}
}
@media(prefers-reduced-motion:no-preference){
:is(.c7-wb-kader,.c7-wb-figuur img){transition:translate .8s var(--ease) .1s,opacity .8s var(--ease) .1s,transform .35s ease}
.js .c7-wb-beeld:not(.in) .c7-wb-stapel::before{translate:calc(-1*var(--v)) var(--v)}
.js .c7-wb-beeld:not(.in) .c7-wb-podium--bonus .c7-wb-stapel::before{translate:var(--v) var(--v)}
.js .c7-wb-beeld:not(.in) .c7-wb-stapel::after{scale:.94;opacity:0}
.js .c7-wb-beeld:not(.in) .c7-wb-kader{translate:0 8%;opacity:0}
.js .c7-wb-beeld:not(.in) .c7-wb-figuur img{translate:0 14%;opacity:0}
.js .c7-wb-beeld:not(.in) .c7-wb-badge{scale:.6;opacity:0}
.js .c7-wb-beeld:not(.in) .c7-wb-podium::before{opacity:0}
.js [data-reveal]:not(.in) .c7-wb-marker{background-size:0 .2em}
}
.c7-vest .c7-vest__wie .sb-dpop{--fa:1.1765;border-radius:8px}
.c7-vest .c7-vest__wie .sb-dpop__raam>img{position:absolute;left:var(--pl);top:var(--pt);width:var(--pw);height:var(--ph);max-width:none;aspect-ratio:auto;object-fit:fill;border-radius:0}
.c7-vest .c7-vest__wie .sb-dpop__boven>img{width:var(--pw);height:var(--ph);aspect-ratio:auto;object-fit:fill;border-radius:0}
.c7-vest .c7-vest__wie figcaption{top:auto;bottom:1rem;z-index:1}
.c7-vest .sb-toennu__fotos:has(.c7-vest__naam){padding-bottom:3.4rem}
@media(max-width:860px){
.c7-vest .sb-toennu__fotos:has(.sb-toennu__uit){margin-top:calc(clamp(2.4rem,4.6vw,3.6rem) + 2.4rem)}
}
.c7-vest--blauw .sb-toennu__paneel{background:var(--goud-diep)}
.c7-vest:is(.c7-vest--navy,.c7-vest--blauw,.c7-vest--groen) .sb-toennu__rechts .btn:not([class*="btn--"]){background:var(--wit);border-color:var(--wit);color:var(--bruin)}
.c7-vest:is(.c7-vest--navy,.c7-vest--blauw,.c7-vest--groen) .sb-toennu__rechts .btn:not([class*="btn--"]):hover{background:var(--goud-licht);border-color:var(--goud-licht);color:var(--bruin)}
.c7-vest:is(.c7-vest--navy,.c7-vest--blauw,.c7-vest--groen) .sb-toennu__rechts .btn:not([class*="btn--"]) svg{color:var(--goud-diep)}
.c7-vest:is(.c7-vest--creme,.c7-vest--geel) .sb-toennu__paneel :is(.kop,h2,h3,.sb-toennu__lead){color:var(--bruin)}
.c7-vest:is(.c7-vest--creme,.c7-vest--geel) .sb-toennu__paneel .sb-toennu__rechts p:not(.sb-toennu__lead){color:var(--ant)}
.c7-vest:is(.c7-vest--creme,.c7-vest--geel) .btn--lijn-wit{border-color:var(--bruin);color:var(--bruin)}
.c7-vest:is(.c7-vest--creme,.c7-vest--geel) .btn--lijn-wit:hover{background:rgba(2,13,65,.08);color:var(--bruin)}
@media (prefers-reduced-motion:no-preference){
.js .c7-vest .sb-dpop__boven>img{transition:opacity .8s var(--ease),transform .8s var(--ease)}
.js .c7-vest [data-reveal]:not(.in) .sb-dpop__boven>img{opacity:0;transform:translateY(12%)}
.js .c7-vest .c7-vest__fig{transition:opacity .8s var(--ease),translate .8s var(--ease)}
.js .c7-vest [data-reveal]:not(.in) .c7-vest__fig{opacity:0;translate:0 12%}
}
@media(prefers-reduced-motion:no-preference){
.js .sb-werkwijze__beeld:not(.in) .sb-werkwijze__persoon{translate:0 12%;opacity:0}
.js .sb-werkwijze__beeld:not(.in) .sb-werkwijze__foto::before{background-size:0 100%}
.js .sb-werkwijze__beeld:not(.in) .sb-werkwijze__foto::after{translate:-40rem 0}
}
@font-face{font-family:'Archivo Expanded';font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/archivo-900-expanded-latin.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}
:where(.c7-dz-sectie ul,.c7-dz-sectie ol){list-style:none;margin:0;padding:0}
@media(prefers-reduced-motion:no-preference){
.js .c7-dz-eigen>li:not(.in) .c7-dz-eigen__getal{scale:.6;opacity:0}
.js .c7-dz-sterren>li:not(.in) .c7-dz-ster{scale:.55;rotate:-30deg}
.js .c7-dz-kaarten>li:not(.in) .c7-dz-kaart__ico,.js .c7-dz-tegels>li:not(.in) .c7-dz-tegel__ico,.js .c7-dz-ambitie>li:not(.in) .c7-dz-ambitie__ico{scale:.7;opacity:0}
.js .c7-dz-sdg:not(.in) .c7-dz-sdg__tegel{scale:.4;opacity:0}
.js .c7-dz-band>li+li:not(.in)::before{scale:0}
}
@media(prefers-reduced-motion:no-preference){
.js .c7-vk-rij .c7-cert-badge{transition:transform .6s cubic-bezier(.34,1.56,.64,1) .3s,opacity .3s var(--ease) .3s}
.js .c7-vk-rij:not(.in) .c7-cert-badge{transform:scale(.6) rotate(-6deg);opacity:0}
.js .c7-vk-rij .c7-vk-rij__persoon{transition:transform .7s var(--ease) .4s}
.js .c7-vk-rij:not(.in) .c7-vk-rij__persoon{transform:translateY(55%)}
}
.di-i__label{color:var(--geel)}
.di-i__tab{position:relative;background:var(--wit);color:var(--bruin)}
.di-i__tab:hover{background:#FFF3C4}
.di-i__tab[aria-selected="true"]{background:var(--bruin);color:var(--wit);box-shadow:inset 0 3px 0 var(--geel)}
.sb-verhaal{--vh-tab-uit:var(--wit);--vh-tab-uittekst:var(--bruin);--vh-kaartlabel:var(--geel)}
.sb-verhaal:is(.sb-verhaal--donker,.sb-verhaal--blauw){--vh-tab-uit:var(--creme-2);--vh-kaartlabel:var(--goud-diep)}
.js .sb-verhaal__kaart:has(.sb-verhaal__tabs){border-top-left-radius:0;margin-top:calc(-1 * var(--vh-over) + 3rem)}
.js .sb-verhaal__tabs{position:absolute;left:0;right:0;bottom:100%;margin:0;gap:.3rem;flex-wrap:wrap-reverse}
@media(max-width:560px){
.js .sb-verhaal__tabs{gap:.2rem}
.js .sb-verhaal__tabs{flex-wrap:nowrap}
}
@media(max-width:380px){
.js .sb-verhaal__tabs{gap:.15rem}
}
@media (prefers-reduced-motion:no-preference){
.js .c7-cert-band--persoon:not(.in) .c7-cert-persoon img{transform:translateX(-50%) translateY(22%)}
.js .c7-cert-band--persoon:not(.in) .c7-cert-persoon__geel{transform:translate(-50%,0)}
}
.cert-spring{width:152px;padding-inline:6px;margin-inline:-6px}
@media(prefers-reduced-motion:no-preference){
.js .c7-blog [data-reveal-groep]>:not(.in) .c7-blog__clay{scale:.6;opacity:0}
}
@media(prefers-reduced-motion:no-preference){
#diensten6 .sb-dienst__ico>img{transition:scale .6s cubic-bezier(.34,1.56,.64,1) .35s,opacity .3s ease .35s,transform .3s var(--ease);
animation:c7-d6-zweef 4s ease-in-out infinite}
.js #diensten6 [data-reveal-groep]>:not(.in) .sb-dienst__ico>img{scale:.6;opacity:0}
#diensten6 .sb-dienst:nth-child(2) .sb-dienst__ico>img{transition-delay:.43s,.43s,0s;animation-duration:4.4s;animation-delay:-1.1s}
#diensten6 .sb-dienst:nth-child(3) .sb-dienst__ico>img{transition-delay:.51s,.51s,0s;animation-duration:3.6s;animation-delay:-2.3s}
#diensten6 .sb-dienst:nth-child(4) .sb-dienst__ico>img{transition-delay:.59s,.59s,0s;animation-duration:4.6s;animation-delay:-.6s}
#diensten6 .sb-dienst:nth-child(5) .sb-dienst__ico>img{transition-delay:.67s,.67s,0s;animation-duration:3.8s;animation-delay:-3.1s}
#diensten6 .sb-dienst:nth-child(6) .sb-dienst__ico>img{transition-delay:.75s,.75s,0s;animation-duration:4.2s;animation-delay:-1.7s}
#diensten6 .sb-dienst:focus-within .sb-dienst__ico>img{transform:rotate(-6deg) scale(1.15)}
}
@keyframes c7-d6-zweef{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -2px;rotate:-4deg}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
#diensten6 .sb-dienst:hover .sb-dienst__ico>img{transform:rotate(-6deg) scale(1.15)}
}
.js .sb-verhaal__tabs,.di-i__tabs{flex-wrap:nowrap}
@media(max-width:480px){
.sb-verhaal__tab,.di-i__tab{flex:1 1 0;padding-inline:.35rem;line-height:1.15}
}
@media(max-width:359px){
.sb-verhaal__tab,.di-i__tab{-webkit-hyphens:auto;hyphens:auto}
}
.js .sb-verhaal__tabs:has(>:nth-child(5)),.di-i__tabs:has(>:nth-child(5)){overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
.sb-verhaal__tabs:has(>:nth-child(5))>*,.di-i__tabs:has(>:nth-child(5))>*{flex:0 0 auto}
.sb-verhaal__tabs:has(>:nth-child(5)) :focus-visible,.di-i__tabs:has(>:nth-child(5)) :focus-visible{outline-offset:-3px}
.btn--omlijnd{border:1.5px solid currentColor;background:transparent;text-wrap:balance}
.btn--omlijnd:hover{background:color-mix(in srgb,currentColor 12%,transparent)}
.c7-b43{--b43-geel:#FFC400;--b43-blauw:#007AC0;--b43-groen:#7BD534;--b43-navy:#020D41;--b43-plat:112px;--b43-fig:206px}
.c7-b43 .sectiekop{margin-bottom:0}
.c7-b43__stappen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.2rem,2.5vw,2.2rem);margin:0;padding:0;list-style:none}
.c7-b43__stap{min-width:0}
.c7-b43__plateau{position:relative;height:var(--b43-plat);margin-top:calc(var(--b43-fig) - var(--b43-plat) + 1.6rem);border-radius:var(--r);background:var(--b43-kleur);box-shadow:var(--schaduw)}
.c7-b43__plateau::after{content:"";position:absolute;z-index:1;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1.5px rgba(2,13,65,.28);pointer-events:none}
.c7-b43__stap--geel{--b43-kleur:var(--b43-geel)}
.c7-b43__stap--blauw{--b43-kleur:var(--b43-blauw)}
.c7-b43__stap--groen{--b43-kleur:var(--b43-groen)}
.c7-b43__figuur{position:absolute;z-index:2;left:50%;bottom:0;height:var(--b43-fig);width:auto;max-width:none;translate:-50% 0;filter:drop-shadow(6px 8px 9px rgba(2,13,65,.28))}
.c7-b43__nr{position:absolute;z-index:3;left:1rem;top:-1.1rem;display:grid;place-content:center;width:2.6rem;height:2.6rem;border-radius:50%;background:#fff;color:var(--b43-navy);font:700 1.15rem/1 var(--font-kop);box-shadow:0 0 0 3px var(--b43-kleur),var(--schaduw)}
.c7-b43__tekst{display:flex;align-items:flex-start;gap:.9rem;margin-top:1.3rem}
.c7-b43__tekst img{flex:none;width:52px;height:52px}
.c7-b43__tekst h3{margin:0 0 .35rem;color:var(--b43-navy);font:600 1.12rem/1.3 var(--font-kop)}
.c7-b43__tekst p{margin:0;color:var(--ant-zacht);font-size:.98rem;line-height:1.5}
.c7-b43__acties{justify-content:center;margin-top:clamp(1.8rem,3vw,2.6rem)}
.c7-b43 .btn--omlijnd{color:var(--b43-navy)}
@media(max-width:860px){
.c7-b43{--b43-plat:96px;--b43-fig:176px}
.c7-b43__stappen{grid-template-columns:minmax(0,1fr);gap:.6rem}
.c7-b43__acties .btn{flex:1 1 100%}
}
.c7-b43{overflow-x:clip}
.c7-b43__stap{--v:calc(clamp(1.2rem,2.5vw,2.2rem)*1.68/2.2);isolation:isolate}
.c7-b43__plateau::before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:var(--b43-kleur);
box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--b43-navy) 28%,transparent);transform:translate(var(--v),calc(-1*var(--v)));
transition:transform .6s var(--ease);pointer-events:none}
.c7-b43__figuur{transform-origin:50% 100%;transition:transform .6s var(--ease)}
@media (max-width:860px){
.c7-b43__stap{--v:calc(var(--pad)*1.68/2.2)}
}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
.c7-b43__stap:hover{--v:calc(clamp(1.2rem,2.5vw,2.2rem)*2.17/2.2)}
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) and (max-width:860px){
.c7-b43__stap:hover{--v:calc(var(--pad)*2.17/2.2)}
}
@media (hover:hover){
.c7-b43__stap:hover .c7-b43__figuur{transform:scale(1.03)}
}
@media (prefers-reduced-motion:reduce){
.c7-b43__stap:hover .c7-b43__figuur{transform:none}
.c7-b43__plateau::before,.c7-b43__figuur{transition-duration:.001ms!important}
}
.c7-vgl{--vgl-uit:3.5rem;--vgl-fig:11.5rem;--vgl-pad:clamp(1.3rem,2.4vw,2.2rem);overflow:clip}
.c7-vgl .label::before{background:var(--geel)}
.c7-vgl__kop .intro{margin:0}
.c7-vgl__tafel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto 1fr;margin-top:calc(var(--vgl-uit) + 1.6rem);border-radius:var(--r);background:var(--wit);box-shadow:var(--schaduw-kaart)}
.c7-vgl__kolom{display:grid;grid-row:span 2;grid-template-rows:subgrid;min-width:0}
.c7-vgl__kolom+.c7-vgl__kolom{border-left:1px solid var(--lijn)}
.c7-vgl__hoofd{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:9.5rem;padding:1.5rem calc(var(--vgl-fig) + var(--vgl-pad) + .6rem) 1.5rem calc(var(--vgl-pad) + .5rem);background:var(--offerte)}
.c7-vgl__kolom:first-child .c7-vgl__hoofd{border-radius:var(--r) 0 0 0}
.c7-vgl__kolom:last-child .c7-vgl__hoofd{border-radius:0 var(--r) 0 0}
.c7-vgl__hoofd::after{content:"";position:absolute;z-index:1;inset:9px;border-radius:8px;box-shadow:inset 0 0 0 1.5px var(--bruin);pointer-events:none}
.c7-vgl__hoofd .label{margin-bottom:.5rem;color:var(--bruin)}
.c7-vgl__hoofd .label::before{background:var(--bruin)}
.c7-vgl__hoofd h3{margin:0;color:var(--bruin);font:600 clamp(1.35rem,2.1vw,1.75rem)/1.2 var(--font-kop)}
.c7-vgl__raam{position:absolute;z-index:2;right:var(--vgl-pad);top:calc(-1 * var(--vgl-uit));bottom:0;width:var(--vgl-fig);padding-inline:10px;overflow:hidden;pointer-events:none}
.c7-vgl__raam img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 0;filter:drop-shadow(-4px 6px 8px rgba(2,13,65,.3))}
.c7-vgl__kolom:last-child .c7-vgl__raam{width:calc(var(--vgl-fig) - 1rem)}
.c7-vgl__schijf{position:absolute;z-index:3;left:0;bottom:0;display:grid;place-items:center;width:4rem;height:4rem;border-radius:50%;background:var(--geel);box-shadow:0 0 0 4px var(--wit),var(--schaduw);transform:translate(-50%,50%)}
.c7-vgl__schijf img{width:40px;height:40px}
.c7-vgl__inhoud{display:grid;grid-template-rows:1fr auto;justify-items:start;gap:1.5rem;padding:1rem var(--vgl-pad) clamp(1.5rem,2.6vw,2.2rem)}
.c7-vgl__lijst{display:grid;align-content:start;justify-self:stretch;margin:0;padding:0;list-style:none}
.c7-vgl__lijst li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;min-height:5rem;padding:.8rem 0;border-bottom:1px solid var(--lijn)}
.c7-vgl__lijst img{width:44px;height:44px}
.c7-vgl__lijst p{margin:0;color:var(--ant);font-size:1rem;line-height:1.5}
.c7-vgl__knoppen{justify-content:center;margin-top:clamp(1.6rem,3vw,2.4rem)}
@media(max-width:860px){
.c7-vgl{--vgl-uit:2.6rem;--vgl-fig:8.25rem}
.c7-vgl__tafel{grid-template-columns:minmax(0,1fr);grid-template-rows:none}
.c7-vgl__kolom{grid-row:auto;grid-template-rows:auto auto}
.c7-vgl__kolom+.c7-vgl__kolom{border-left:0}
.c7-vgl__kolom:first-child .c7-vgl__hoofd{border-radius:var(--r) var(--r) 0 0}
.c7-vgl__kolom:last-child .c7-vgl__hoofd{border-radius:0}
.c7-vgl__kolom:first-child .c7-vgl__inhoud{padding-bottom:calc(var(--vgl-uit) + 1.6rem)}
.c7-vgl__hoofd{min-height:8.5rem;padding-right:calc(var(--vgl-fig) + var(--vgl-pad) + .2rem)}
.c7-vgl__schijf{display:none}
.c7-vgl__lijst li{min-height:0}
}
@media(max-width:560px){
.c7-vgl__hoofd h3{font-size:1.25rem}
.c7-vgl__lijst img{width:40px;height:40px}
.c7-vgl__lijst p{font-size:.96rem}
.c7-vgl__inhoud>.btn{justify-self:stretch}
.c7-vgl__knoppen{max-width:none}
.c7-vgl__knoppen .btn{flex:1 1 100%}
}
@media(max-width:359px){
.c7-vgl{--vgl-fig:7.25rem;--vgl-pad:1rem}
.c7-vgl__hoofd .label{gap:.5rem}
.c7-vgl__hoofd .label::before{width:1.2rem}
.c7-vgl__hoofd h3{font-size:1.12rem;text-wrap:balance}
}
.c7-b42b{--b42b-geel:#FFC400;--b42b-navy:#020D41;--b42b-blauw:#007AC0;--b42b-val:34px;--b42b-over:5.2rem;overflow:clip}
.sectie.c7-b42b{padding-bottom:clamp(1.5rem,3vw,2.5rem)}
.c7-b42b__podium{position:relative;z-index:1;display:grid;margin-top:clamp(3.5rem,7vw,5.5rem)}
.c7-b42b__vak,.c7-b42b__kaart{grid-area:1/1}
.c7-b42b__vak{position:relative;margin:0;align-self:stretch;min-height:clamp(360px,35vw,470px);border-radius:var(--r);box-shadow:var(--schaduw-lg);background:var(--creme-2)}
.c7-b42b__raam{position:absolute;inset:0;overflow:hidden;border-radius:inherit}
.c7-b42b__raam img{width:100%;height:100%;object-fit:cover;object-position:22% 50%}
.c7-b42b__raam::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,13,65,0) 36%,rgba(2,13,65,.86) 52%,#020D41 60%)}
.c7-b42b__vak::after{content:"";position:absolute;z-index:1;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1.5px var(--b42b-geel);pointer-events:none}
.c7-b42b__figuur{position:absolute;z-index:2;left:7%;bottom:0;height:124%;aspect-ratio:.64;overflow:hidden;filter:drop-shadow(8px 10px 12px rgba(2,13,65,.32))}
.c7-b42b__figuur img{display:block;width:100%;height:auto;max-width:none}
.c7-b42b__cijfer{position:absolute;z-index:3;left:calc(7% + clamp(250px,27vw,350px));top:1.4rem;display:grid;place-content:center;width:8.2rem;height:8.2rem;margin:0;border-radius:50%;background:var(--b42b-geel);color:var(--b42b-navy);text-align:center;box-shadow:var(--schaduw)}
.c7-b42b__cijfer strong{font:700 1.9rem/1 var(--font-kop)}
.c7-b42b__cijfer span{margin-top:.25rem;padding-inline:.7rem;font:600 .72rem/1.25 var(--font-kop)}
.c7-b42b__kaart{position:relative;z-index:3;justify-self:end;align-self:start;width:min(42%,500px);margin:2.2rem 3.5% calc(var(--b42b-over) + 1.4rem) 0;padding:2rem 2rem 2.1rem;border-radius:var(--r);border-top:4px solid var(--b42b-geel);background:#fff;box-shadow:var(--schaduw)}
.c7-b42b .kop{margin-bottom:.6rem;font-size:clamp(1.7rem,2.7vw,2.3rem)}
.c7-b42b .intro{margin:0 0 1.4rem;font-size:1.05rem}
.c7-b42b .btn--omlijnd{color:var(--b42b-navy)}
.c7-b42b__lint{position:relative;z-index:3;isolation:isolate;margin-top:calc(-1 * var(--b42b-over));padding:calc(var(--b42b-val) + .9rem) 0 calc(var(--b42b-val) + .8rem);color:var(--b42b-navy)}
.c7-b42b__lint::before,.c7-b42b__lint::after{content:"";position:absolute;inset:0;z-index:-1;clip-path:polygon(0 0,100% var(--b42b-val),100% 100%,0 calc(100% - var(--b42b-val)))}
.c7-b42b__lint::before{background:var(--b42b-navy);transform:translateY(-6px)}
.c7-b42b__lint::after{background:var(--b42b-geel)}
.c7-b42b__lintin{display:flex;align-items:center;gap:1rem 2.5rem;flex-wrap:wrap}
.c7-b42b__lintin>p{margin:0;font:700 .78rem/1.3 var(--font-kop);letter-spacing:.16em;text-transform:uppercase}
.c7-b42b__lintin ul{display:flex;flex-wrap:wrap;gap:.6rem 2.2rem;margin:0;padding:0;list-style:none}
.c7-b42b__lintin li{display:flex;align-items:center;gap:.6rem;font:600 1.05rem/1.3 var(--font-kop)}
.c7-b42b__lintin img{flex:none;width:44px;height:44px}
@media(max-width:1000px){
.c7-b42b__figuur{left:2%;height:116%}
.c7-b42b__cijfer{left:auto;right:calc(50% + 1rem);top:auto;bottom:calc(var(--b42b-over) + 1rem);width:7rem;height:7rem}
.c7-b42b__cijfer strong{font-size:1.6rem}
.c7-b42b__kaart{width:48%;margin-right:3%;padding:1.5rem 1.4rem 1.6rem}
}
@media(max-width:700px){
.c7-b42b{--b42b-val:18px;--b42b-over:0rem}
.c7-b42b__podium{margin-top:3.6rem}
.c7-b42b__vak{grid-area:1/1;min-height:0;height:250px}
.c7-b42b__raam img{object-position:70% 50%}
.c7-b42b__raam::after{content:none}
.c7-b42b__figuur{left:3%;bottom:auto;top:-46px;height:296px;aspect-ratio:.6}
.c7-b42b__cijfer{right:1rem;top:1rem;bottom:auto;width:6.6rem;height:6.6rem}
.c7-b42b__cijfer strong{font-size:1.5rem}
.c7-b42b__cijfer span{font-size:.66rem}
.c7-b42b__kaart{grid-area:2/1;justify-self:stretch;width:auto;margin:-2.2rem .8rem 0;padding:1.5rem 1.3rem 1.6rem}
.c7-b42b__lint{margin-top:1.6rem}
.c7-b42b__lintin{gap:.7rem}
.c7-b42b__lintin ul{flex-direction:column;gap:.5rem}
}
.c7-b42b__figuur{transform-origin:50% 100%;transition:transform .6s var(--ease)}
@media (hover:hover){
.c7-b42b__podium:hover .c7-b42b__figuur{transform:scale(1.03)}
}
@media (prefers-reduced-motion:reduce){
.c7-b42b__podium:hover .c7-b42b__figuur{transform:none}
.c7-b42b__figuur{transition-duration:.001ms!important}
}
@media (min-width:1101px){
.c7-b42b__raam img{object-position:22% 20%}
}
.c7-dpop--de-bresser-brussel{--d0:.065;--mid:.497;--ar:1.3333}
.c7-dpop--verhuisbedrijf-den-bosch{--d0:.030;--mid:.429;--ar:1.3333}
.c7-dpop--verhuisbedrijf-eindhoven{--d0:.091;--mid:.660;--ar:1.3333}
.c7-dpop--verhuisbedrijf-tilburg{--d0:.120;--mid:.424;--ar:1.3333}
.c7-dpop--verhuisbedrijf-oisterwijk{--d0:.081;--mid:.339;--ar:1.3333}
.c7-dpop--verhuisbedrijf-venlo{--d0:.057;--mid:.492;--ar:1.3333}
.c7-dpop--breda{--d0:.107;--mid:.571;--ar:1.3333}
.c7-dpop--verhuisbedrijf-maastricht{--d0:.053;--mid:.487;--ar:1.3333}
.c7-dpop--verhuisbedrijf-hilvarenbeek{--d0:.063;--mid:.367;--ar:1.3333}
.c7-dpop--verhuisbedrijf-goirle{--d0:.068;--mid:.356;--ar:1.3333}
.c7-dpop--verhuisbedrijf-bavel{--d0:.070;--mid:.636;--ar:1.3333}
@media(max-width:359.98px){
.c7-wg .sb-dpop{--p:min(30px,max(100cqw / var(--fa) * .269 / (.731 - var(--d0)),100cqw / var(--ar) * .269))}
}
.sb-zakelijk__persoon--smal img{display:block;width:84.5%;margin-left:auto}
.js .vck-lijst .vcl-fase:not(.aan){display:none}
@media print{
body:has(.vck-lijst) main>*:not(#checklist){display:none!important}
}
.js .m3c-kamers.is-klaar .m3c-paneel:not(.is-actief){display:none}
.js .m3c-kamers.is-klaar .m3c-paneel+.m3c-paneel{margin-top:0}
@media (max-width:1000px){
.js .m3c-balk{position:fixed;left:0;right:0;bottom:var(--m3c-onder,0px);z-index:59;display:flex;align-items:center;justify-content:space-between;gap:1rem;
padding:.6rem var(--pad) calc(.6rem + env(safe-area-inset-bottom));background:var(--bruin);color:var(--wit);box-shadow:0 -10px 24px -14px rgba(2,13,65,.5);
transform:translateY(calc(100% + var(--m3c-onder,0px)));visibility:hidden;transition:transform .35s var(--ease),visibility 0s linear .35s}
.js .m3c-balk.is-zichtbaar{transform:none;visibility:visible;transition:transform .35s var(--ease)}
}
@media (max-width:767.98px){
.js .m3c-balk{padding-bottom:.6rem}
}
@media (prefers-reduced-motion:reduce){
.m3c-som::before,.m3c-som::after,.m3c-tab,.m3c-knop,.js .m3c-balk,.js .m3c-balk.is-zichtbaar{transition:none}
}
@media(prefers-reduced-motion:reduce){
.faq__tk::before,.faq__tk::after,.mega,.mega__foot a,.mega__foot svg,.drawer__group>summary::after,a.dienst h3::after{transition:none}
}
@media(prefers-reduced-motion:no-preference){
.js .sb-team__rij>.sb-persoon{transition:opacity .55s var(--ease),transform .55s var(--ease),translate .3s ease;transition-delay:0s,0s,0s!important}
.js .sb-team__rij>.sb-persoon:nth-child(2){transition-delay:70ms,70ms,0s!important}
.js .sb-team__rij>.sb-persoon:nth-child(3){transition-delay:140ms,140ms,0s!important}
.js .sb-team__rij>.sb-persoon:nth-child(4){transition-delay:210ms,210ms,0s!important}
.js .sb-team__rij>.sb-persoon:nth-child(5){transition-delay:280ms,280ms,0s!important}
.js .sb-team__rij>.sb-persoon:nth-child(6){transition-delay:350ms,350ms,0s!important}
.js .sb-team__rij>.sb-persoon:nth-child(7){transition-delay:420ms,420ms,0s!important}
.js .sb-team__rij>.sb-persoon:nth-child(8){transition-delay:490ms,490ms,0s!important}
.js .sb-team__rij>.sb-persoon:nth-child(n+9){transition-delay:560ms,560ms,0s!important}
}
@media(prefers-reduced-motion:no-preference){
@media(hover:hover){.c7-ctp:hover .c7-ctp__persoon{translate:0 -4px;scale:1.03}}
}
@media(prefers-reduced-motion:no-preference){
.js .c7-plek--a .c7-plek__gegevens:not(.in) .c7-plek__lijst>div{opacity:0;translate:0 14px}
.js .c7-plek--a .c7-plek__kaartvak:not(.in) .c7-plek__bellen{opacity:0;translate:24px 0}
}
@keyframes c7a-veer{0%,62%,100%{transform:translate(-50%,-84%)}72%{transform:translate(-50%,-100%)}82%{transform:translate(-50%,-80%)}90%{transform:translate(-50%,-88%)}}
@keyframes c7a-halo{0%,62%,100%{opacity:.9;transform:scale(1)}72%{opacity:.45;transform:scale(.7)}86%{opacity:1;transform:scale(1.25)}}

/* c7-f12 */
.merk--ev img{height:50px;width:auto}
@media(max-width:940px){.merk--ev img{height:40px}}
.mega__foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;text-align:left}
.mega__foot a.mega__ev{display:block;flex:none;line-height:0;gap:0}
.mega__ev img{display:block;height:36px;width:auto}
.mega__foot a.mega__ev:focus-visible{outline:2px solid var(--goud-diep);outline-offset:3px;border-radius:4px}
.drawer__evruimte{flex:1 1 0;min-height:0;container-type:size;display:flex;align-items:center;justify-content:center;padding:0 1.25rem}
.drawer__ev{display:block;line-height:0}
.drawer__ev img{display:block;height:40px;width:auto;max-width:100%}
.drawer__ev:focus-visible{outline:2px solid var(--goud-diep);outline-offset:3px;border-radius:4px}
.drawer__nav{flex:0 1 auto}
@container (max-height:64px){.drawer__ev{display:none}}
.drawer__panel:has(.drawer__group[open]) .drawer__evruimte{display:none}
.drawer__panel:has(.drawer__group[open]) .drawer__nav{flex:1 1 auto}

/* c7-f12b */
.c7-kev__ster{background:#fff;border-radius:50%;padding:.7rem;box-sizing:border-box;object-fit:contain}
.drawer__ev img{width:min(84cqw,340px,calc(78cqh*4.03));height:auto;max-width:none}
.mega__ev img{height:44px}
/* c7-f12c */
.c7-blog__clay{background:#fff;border-radius:50%;box-sizing:border-box;padding:4px;object-fit:contain;filter:none;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.c7-dz-kaart__ico,.c7-dz-tegel__ico,.c7-faq__icoon,.c7-plek__pin,.dzc__doos{filter:none}
/* c7-kc-logo */ .kc-logo{flex:none;display:flex;align-items:center;justify-content:center;width:96px;height:48px}.kc-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.kc-logo--oist img{transform:scale(1.15)}.sb-kerncijfers .sb-kerncijfer{justify-content:center}@media(min-width:901px){.sb-kerncijfers .sb-kerncijfer{flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:.75rem}.sb-kerncijfers .kc-logo{width:128px;height:64px;justify-content:center}.sb-kerncijfers .kc-logo img{object-position:center}.kc-logo--oist img{transform-origin:center}}
/* c7-geel-rand */ :root{--c7-geel-rand:1px} .sb-dienst__ico,.sb-zakelijk__icoon,.c7-blog__clay,.c7-kev__ster,.c7-wb-badge,.usps .ico{outline:var(--c7-geel-rand) solid #FFC400;outline-offset:calc(-1 * var(--c7-geel-rand))}
/* c7-12g */ .sb-kerncijfers .kc-logo--ev{width:144px}@media(min-width:901px){.sb-kerncijfers .kc-logo--ev{width:200px}}@media(min-width:768px){.footer__balk .wrap{padding-inline:max(var(--pad),88px)}}