@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--ant{background:var(--goud);color:var(--ant)}
.btn--ant:hover{background:var(--goud-hover);color:var(--ant)}
.btn--goud{background:var(--goud);color:var(--ant)}
.btn--goud:hover{background:var(--goud-hover);color:var(--ant)}
.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 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__sub{margin:.9rem auto 0;font-size:clamp(1.1rem,1.4vw,1.28rem);max-width:54rem;color:rgba(255,255,255,.92);text-shadow:0 2px 14px rgba(0,0,0,.45)}
.hero .wrap{width:100%}
@media(min-width:1080px){
.hero{min-height:664px}
}
@media(min-width:1080px){
.hero__content{padding-top:calc(5.35rem + 33px)}
}
@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__content{padding-block:9.5rem 1.2rem;max-width:none}
.hero__sub{max-width:34rem}
}
@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}
.reviews{--kv-ster:#FFB612;--kv-ink:#111827;--kv-ink2:#627084;--kv-lijn:#D1D5DB;--kv-lijn2:#E4E8EE}
.reviews .sectiekop{max-width:none}
.reviews .intro{max-width:70ch}
.reviews__hoofd{display:grid;grid-template-columns:1fr 21rem;gap:1.6rem;margin-bottom:1.1rem}
.scorepaneel{background:var(--bruin);color:var(--wit);border-radius:16px;padding:1.4rem}
.scorepaneel__cijfer{margin:0 0 .5rem;display:flex;flex-direction:column}
.scorepaneel__cijfer b{font:700 3.6rem/1 var(--font-display);color:var(--geel)}
.scorepaneel__cijfer span{margin-top:.3rem;color:rgba(255,255,255,.72);font-size:.9rem}
.scorepaneel__keurmerken{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;padding-top:1.1rem;border-top:1px solid rgba(255,255,255,.18)}
.scorepaneel__keurmerken a{display:grid;place-items:center;background:var(--wit);border-radius:10px;padding:.75rem .6rem}
.scorepaneel__keurmerken img{width:100%;height:auto}
.review{display:flex;flex-direction:column;background:var(--wit);border:1px solid var(--kv-lijn);border-radius:12px;padding:1.15rem 1.2rem}
.review__rate{display:flex;align-items:center;gap:.5rem;margin:0 0 .55rem}
.review__rate b{font:700 .85rem/1 var(--font-kop);color:var(--kv-ink)}
.review h3{margin:0 0 .4rem;font-size:1rem;line-height:1.35;letter-spacing:0;color:var(--kv-ink)}
.review__tekst{margin:0 0 .9rem;color:#3D4757;font-size:.93rem;line-height:1.62;
display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}
.review__wie{display:flex;flex-direction:column;margin:auto 0 0;padding-top:.8rem;border-top:1px solid var(--kv-lijn2);font-size:.82rem;line-height:1.35;color:var(--kv-ink2)}
.review__wie b{color:var(--kv-ink);font-weight:600}
.reviews__voet{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;flex-wrap:wrap;margin-top:1.6rem}
.reviews__meer{margin:0}
.reviews__meer a{display:inline-flex;align-items:center;gap:.5rem;padding-bottom:.35rem;color:var(--goud-diep);font:600 .82rem/1 var(--font-kop);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--lijn);transition:border-color .2s}
.reviews__meer a:hover{border-bottom-color:var(--goud-diep)}
.reviews__meer svg{width:17px;height:17px;stroke:currentColor}
@media(max-width:1099.98px){
.reviews__hoofd{grid-template-columns:1fr}
}
@media(max-width:640px){
.review__tekst{display:block}
}
.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}
.usps{list-style:none;padding:0;margin:1.4rem 0 0;display:grid;gap:1.05rem}
.usps li{display:grid;grid-template-columns:44px 1fr;gap:.95rem;align-items:start}
.usps .ico{width:44px;height:44px;border-radius:50%;background:var(--goud-licht);display:grid;place-items:center;color:var(--goud-diep)}
.usps .ico svg{width:22px;height:22px}
.usps h3{font-size:1.26rem;margin:.35rem 0 .25rem}
.usps p{margin:0;color:var(--ant-zacht);font-size:1.03rem}
.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}
.usps--rij{grid-template-columns:repeat(4,1fr);gap:2rem 1.8rem;margin:0}
.usps--rij li{grid-template-columns:1fr;gap:.85rem;align-content:start}
.usps--rij h3{margin:0 0 .3rem;font-size:1.15rem;min-height:2.36em}
.usps--rij p{font-size:.98rem}
.usps--rij li{padding:1.4rem 1.3rem;border:1px solid var(--geel);border-radius:var(--r);background:var(--wit)}
@media(hover:hover){
.usps--rij li{transition:transform .25s var(--ease),box-shadow .25s var(--ease),background-color .25s var(--ease)}
.usps--rij li:is(:hover,:focus-within){box-shadow:var(--schaduw);background:color-mix(in srgb,var(--geel) 8%,var(--wit))}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.usps--rij li:is(:hover,:focus-within){transform:translateY(-3px)}
.usps--rij .ico{transition:transform .25s var(--ease)}
.usps--rij li:is(:hover,:focus-within) .ico{transform:translateY(-2px) scale(1.08)}
}
.blok--navy .blok__boven{background:var(--bruin);color:var(--creme);border-radius:24px;padding:clamp(1.6rem,3.2vw,2.8rem);align-items:center}
.blok--navy .label{color:var(--teal-op-navy)}
.blok--navy .label::before{background:var(--teal-op-navy)}
.blok--navy .kop{color:var(--creme)}
.blok--navy .intro{color:rgba(246,244,236,.72)}
.blok--navy .blok__foto{background:var(--bruin);border-bottom:6px solid var(--geel)}
@media(max-width:1080px){
.usps--rij{grid-template-columns:1fr 1fr}
}
@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:560px){
.usps--rij{grid-template-columns:1fr}
}
@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{margin:0 auto;max-width:var(--maxw)}
.vcl-top{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--lijn);border-radius:16px;padding:16px 18px;margin-bottom:16px}
.vcl-top label{font:600 13.5px/1.3 var(--font-tekst);color:var(--ant);display:flex;align-items:center;gap:10px}
.vcl-top input[type=date]{border:1.5px solid var(--lijn);border-radius:10px;padding:9px 12px;font-size:15px;font-family:var(--font-tekst);color:var(--ant);background:var(--creme);min-height:44px}
.vcl-progress{flex:1;min-width:200px;display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--ant-zacht)}
.vcl-bar{flex:1;height:8px;background:var(--lijn);border-radius:999px;overflow:hidden}
.vcl-bar span{display:block;height:100%;width:0;background:var(--goud-diep);border-radius:999px;transition:width .3s}
.vcl-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.vcl-chip,.vcl-tab{border:1px solid var(--lijn);background:#fff;border-radius:999px;padding:9px 14px;font:600 13px/1.2 var(--font-kop);letter-spacing:.04em;color:var(--ant);cursor:pointer;min-height:40px}
.vcl-chip.aan{background:var(--goud);border-color:var(--goud);color:var(--ant)}
.vcl-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.vcl-tab.aan{background:var(--goud);border-color:var(--goud);color:var(--ant)}
.vcl-tab .n{font:600 11px/1 var(--font-kop);opacity:.7;margin-left:6px}
.vcl-tab.aan .n{opacity:1}
.vcl-fase{display:none;background:#fff;border:1px solid var(--lijn);border-radius:16px;padding:8px 20px 20px}
.vcl-fase.aan{display:block}
.vcl-fase h3{font-size:22.5px;margin:16px 0 5px;color:var(--ant)}
.vcl-fase .vcl-datum{font-size:13px;color:var(--goud-diep);font-weight:600;margin:0 0 6px}
.vcl-item{display:grid;grid-template-columns:24px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--creme-2);align-items:start}
.vcl-item.verborgen{display:none}
.vcl-item input{width:20px;height:20px;margin-top:2px;accent-color:var(--goud-diep)}
.vcl-item label{cursor:pointer}
.vcl-item .t{font-weight:600;font-size:16px;color:var(--ant)}
.vcl-item.klaar .t{text-decoration:line-through;color:#6B6B68}
.vcl-item .u{display:block;font-size:14.5px;line-height:1.6;color:var(--ant-zacht);margin-top:3px}
.vcl-badge{display:inline-block;font:600 10.5px/1.3 var(--font-kop);letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;margin-left:6px;vertical-align:middle;background:var(--creme-2);border:1px solid var(--lijn);color:var(--ant-zacht)}
.vcl-badge.deadline{background:var(--bruin);border-color:var(--bruin);color:var(--creme)}
.vcl-badge.ht{background:var(--goud-licht);border-color:var(--goud);color:var(--goud-diep)}
.vcl-badge.geld{background:var(--zand);border-color:var(--goud-donker);color:var(--goud-diep)}
.vcl-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;align-items:center}
.vcl-acties{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;justify-content:center}
.vcl-knop{border:1px solid var(--secundair);background:var(--secundair);color:#000;border-radius:999px;padding:10px 16px;font:600 13px/1.2 var(--font-kop);letter-spacing:.04em;cursor:pointer;text-decoration:none;min-height:40px;display:inline-flex;align-items:center}
.vcl-knop:hover{background:var(--licht-hover);color:#000}
.vcl-acties .vcl-knop{background:#fff;border-color:#fff}
.vcl-acties .vcl-knop:hover{background:var(--licht-hover)}
.vcl-nav .btn{padding:.68rem 1.2rem;font-size:.8rem}
.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}
}
.leadblock{padding-block:clamp(3rem,6vw,5rem)}
.leadblock__card{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);border-radius:28px;overflow:hidden;box-shadow:var(--schaduw);background:var(--ant-diep)}
.leadblock__media{position:relative;min-height:420px}
.leadblock__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
.leadblock__panel{position:relative;color:#fff;padding:clamp(1.4rem,2.4vw,2.1rem);background:linear-gradient(140deg,#00837D 0%,var(--teal-paneel) 60%,#00726E 100%)}
.leadblock__panel::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 80% at 95% 0%,rgba(255,255,255,.14),transparent 55%)}
.leadblock__panel>*{position:relative}
.leadblock__panel .eyebrow{color:#fff}
.leadblock__panel .eyebrow::before{background:rgba(255,255,255,.75)}
.leadblock__panel h2{font-size:clamp(1.6rem,2.6vw,2.1rem);margin:.4rem 0 0;color:#fff}
.leadblock__panel .lead-p{margin:.5rem 0 0;color:#fff;max-width:52ch;font-size:.96rem}
.lf{margin-top:1rem;display:flex;flex-direction:column;gap:.55rem}
.lf__row{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;align-items:start}
.lf__field{display:flex;flex-direction:column;gap:.22rem;min-width:0}
.lf__field>span{font:700 .72rem/1.3 var(--font-kop);letter-spacing:.1em;text-transform:uppercase;color:#fff}
.lf__field input:not([type=checkbox]),.lf__field select{border:0;border-radius:12px;background:#fff;color:var(--ant);font-family:inherit;font-size:1rem;font-weight:600;padding:.55rem .8rem;width:100%;-webkit-appearance:none;appearance:none;min-height:42px}
.lf__field input:not([type=checkbox])::placeholder{color:#767674;font-weight:500}
.lf__field input:focus-visible,.lf__field select:focus-visible{outline:2px solid var(--ant);outline-offset:2px}
.lf__field--sel{position:relative}
.lf__field--sel::after{content:"";position:absolute;right:.9rem;bottom:.95rem;width:8px;height:8px;border-right:2px solid var(--ant);border-bottom:2px solid var(--ant);transform:rotate(45deg);pointer-events:none}
.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)}
@media(max-width:820px){
.leadblock__card{grid-template-columns:1fr}
.leadblock__media{min-height:0;aspect-ratio:16/10}
.leadblock__media img{object-position:50% 30%}
}
@media(max-width:460px){
.lf__row{grid-template-columns:1fr}
}
.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}
.vcl-fase{display:block!important;break-inside:avoid;border:0}
[data-reveal],[data-reveal-groep]>*{opacity:1!important;transform:none!important}
}
.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}
}
.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}
}
.hero__yt.is-speelt{opacity:1}
@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%)}
}
.leadblock__panel h2{max-width:calc(100% - 7.6rem)}
@media(max-width:820px){
.leadblock__panel h2{max-width:none}
}
.footer__logo{height:50px}
.zeker{padding-block:clamp(2.6rem,5vw,4.2rem);background:var(--creme)}
.zeker__card{position:relative;overflow:hidden;background:var(--bruin);color:var(--creme);border-radius:var(--r);padding:clamp(1.6rem,3.4vw,2.8rem);box-shadow:var(--schaduw-lg)}
.zeker__card::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--goud-diep) 0 30%,var(--goud) 30% 72%,var(--teal-op-navy) 72%)}
.zeker__head{display:flex;flex-wrap:wrap;gap:clamp(1.2rem,2.5vw,2.2rem);align-items:center}
.zeker__logo{flex:none;display:block;width:clamp(190px,20vw,260px);padding:0;background:none;border-radius:0}
.zeker__logo img{display:block;width:100%;height:auto}
.zeker__intro{flex:1 1 26ch;min-width:0}
.zeker__intro .eyebrow{color:var(--teal-op-navy);margin-bottom:.7rem}
.zeker__intro .eyebrow::before{background:var(--teal-op-navy)}
.zeker__intro h2{color:var(--creme);font-size:clamp(1.5rem,2.8vw,2.2rem);max-width:24ch;margin:0}
.zeker__intro p{margin:.8rem 0 0;color:rgba(246,244,236,.88);max-width:64ch}
.zeker__merk{flex:none;align-self:center;margin-left:auto;display:block;width:auto;height:clamp(112px,11vw,144px)}
.zeker__list{list-style:none;margin:clamp(1.6rem,3vw,2.2rem) 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:1rem clamp(1.4rem,3vw,2.6rem)}
.zeker__list li{display:flex;gap:.85rem;align-items:flex-start;padding-top:1rem;border-top:1px solid rgba(246,244,236,.15)}
.zeker__ok{flex:none;width:1.6rem;height:1.6rem;margin-top:.05rem;border-radius:50%;background:var(--goud);display:grid;place-items:center}
.zeker__ok svg{width:.95rem;height:.95rem;stroke:var(--bruin);stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.zeker__list b{display:block;font:700 .98rem/1.3 var(--font-titel);letter-spacing:0;margin-bottom:.15rem;color:var(--creme)}
.zeker__list li span:last-child{font-size:.92rem;line-height:1.5;color:rgba(246,244,236,.84)}
.zeker__cta{display:flex;flex-wrap:wrap;gap:.8rem 1.4rem;align-items:center;margin-top:clamp(1.6rem,3vw,2.2rem)}
.zeker__link{color:var(--creme);font-weight:600;font-size:.92rem;text-decoration:underline;text-underline-offset:3px}
.zeker__bron{margin:1.4rem 0 0;font-size:.78rem;color:rgba(246,244,236,.58)}
@media (max-width:900px){
.zeker__logo{width:165px;padding:0}
.zeker__merk{order:-1;margin-left:0;align-self:flex-start;height:90px}
.zeker__intro{flex-basis:100%}
.zeker__list{grid-template-columns:1fr;gap:.8rem}
.zeker__cta .btn{padding:.98rem 1.5rem;font-size:.8rem}
}
.tm{position:relative;overflow:hidden;background:var(--wit);padding-block:clamp(3rem,6vw,5rem);color:var(--ant)}
.tm__raat{position:absolute;right:-6%;top:-12%;width:min(58vw,760px);opacity:.16;pointer-events:none}
.tm__raat img{display:block;width:100%;height:auto}
.tm__in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.tm__logo{display:block;width:clamp(220px,24vw,300px);height:auto;margin:0 0 1.4rem}
.tm .label{color:var(--goud-diep)}
.tm .kop{font-size:clamp(1.7rem,2.9vw,2.4rem);margin-bottom:.5em}
.tm .intro{font-size:1.08rem;max-width:52ch;margin:0 0 1.5rem}
.tm__lijst{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.tm__lijst li{display:grid;grid-template-columns:3.2rem minmax(0,1fr);gap:1rem;align-items:start;padding:1.1rem 1.2rem;background:var(--creme);border-radius:var(--r)}
.tm__lijst b{display:block;font:700 1rem/1.3 var(--font-titel);color:var(--goud-diep);margin-bottom:.15rem;letter-spacing:0}
.tm__lijst p{margin:0;font-size:.95rem;line-height:1.5;color:var(--ant-zacht)}
.tm__bij{position:absolute;right:3%;bottom:7%;width:clamp(70px,7vw,96px);opacity:.95;pointer-events:none}
.tm__bij img{display:block;width:100%;height:auto}
.tm__cta{display:flex;flex-wrap:wrap;gap:.8rem 1.4rem;align-items:center}
.tm__link{color:var(--goud-diep);font-weight:600;font-size:.92rem;text-decoration:underline;text-underline-offset:3px}
@media (max-width:900px){
.tm__in{grid-template-columns:1fr;gap:1.6rem}
.tm__raat{right:-30%;top:-4%;width:110vw;opacity:.1}
.tm__logo{width:200px}
.tm__bij{display:none}
}
.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}
}
.pk{--pk-bar:130px;position:relative;background:var(--bruin);color:var(--creme);
padding-block:calc(var(--pk-bar) + 1.6rem) 2rem}
@media(min-width:1200px){
.pk{--pk-bar:144px}
}
@media(max-width:620px){
.pk{--pk-bar:96px}
}
.pk__kruim{font-size:.82rem;margin-bottom:.7rem;color:rgba(246,244,236,.72)}
.pk__kruim ol{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:0}
.pk__kruim li+li::before{content:"/";margin-right:.4rem;opacity:.55}
.pk__kruim a{color:rgba(246,244,236,.72)}
.pk__kruim a:hover{color:var(--creme)}
.pk h1{margin:0;color:var(--creme);font-size:clamp(1.75rem,3.2vw,2.5rem);line-height:1.12}
.pk__lead{margin:.7rem 0 0;font-size:1rem;line-height:1.6;max-width:52ch;color:rgba(246,244,236,.9)}
.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)}
.hero--pagina .pk__kruim{margin-bottom:.5rem;text-shadow:0 2px 12px rgba(0,0,0,.55)}
.hero--pagina .pk__kruim ol{justify-content:center}
.hero--pagina .hero__sub{margin-top:.6rem;font-size:1rem}
@media(max-width:620px){
.hero--pagina .hero__content{padding-block:7.5rem 1.2rem}
}
.cert-vak{overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--wit);border:1px solid var(--lijn);border-radius:var(--r)}
.cert-tabel{width:100%;min-width:40rem;border-collapse:collapse}
.cert-tabel caption{caption-side:top;text-align:left;padding:.85rem 1.1rem .2rem;font:600 .76rem/1.3 var(--font-kop);letter-spacing:.1em;text-transform:uppercase;color:var(--ant-zacht)}
.cert-tabel th,.cert-tabel td{padding:.85rem 1.1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--lijn);font-size:.95rem;line-height:1.55}
.cert-tabel thead th{background:var(--creme-2);font:700 .74rem/1.35 var(--font-kop);letter-spacing:.09em;text-transform:uppercase;color:var(--goud-diep)}
.cert-tabel tbody th{font-weight:700;color:var(--ant);width:22%}
.cert-tabel tbody td{color:var(--ant-zacht)}
.cert-tabel tbody tr:last-child th,.cert-tabel tbody tr:last-child td{border-bottom:0}
.cert-noot{margin:1.1rem 0 0;max-width:70ch;font-size:.92rem;line-height:1.7;color:var(--ant-zacht)}
.cert-knoprij{justify-content:center}
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-kolommen{columns:2;column-gap:clamp(1.8rem,4vw,3.4rem);margin-top:1rem}
.cert-kolommen p{margin:0 0 .9rem;color:var(--ant-zacht);font-size:1.05rem;line-height:1.65}
.cert-kolommen a{color:var(--goud-diep);font-weight:700}
.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)}
.zeker[id],.tm[id]{scroll-margin-top:96px}
@media(max-width:760px){
.cert-kolommen{columns:1}
}
.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}
.jurtoc{padding-block:clamp(1.6rem,3vw,2.2rem) 0}
.jurtoc__lijst{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.jurtoc__lijst a{display:inline-block;padding:.45rem .95rem;border:1px solid var(--lijn);border-radius:999px;
background:var(--wit);font-weight:700;font-size:.86rem;color:var(--ant);text-decoration:none;
transition:border-color .15s var(--ease),color .15s var(--ease)}
.jurtoc__lijst a:hover,.jurtoc__lijst a:focus-visible{border-color:var(--goud);color:var(--goud-diep)}
.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__versie{margin:1.2rem 0 0;font-size:.85rem;color:var(--ant-zacht)}
.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__nr{font-variant-numeric:tabular-nums}
.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)}
.jur__kaart{margin-top:1.1rem;background:var(--creme-2);border:1px solid var(--lijn);border-radius:var(--r);padding:1.2rem 1.4rem}
.jur__kaart p{margin:.35rem 0 0;color:var(--ant-zacht);line-height:1.7}
.jur__kaart p:first-child{margin-top:0}
@media(max-width:600px){
.jur__blok{max-width:none}
.jurtoc__lijst a{font-size:.82rem;padding:.4rem .85rem}
}
.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}
}
.lf__field>label[for]{font:700 .72rem/1.3 var(--font-kop);letter-spacing:.1em;text-transform:uppercase;color:#fff;cursor:pointer}
.lf__field input[aria-invalid="true"],.lf__field select[aria-invalid="true"]{box-shadow:0 0 0 2px var(--fout)}
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-pijllink{display:inline-flex;align-items:center;gap:.5rem;font:700 .95rem/1.3 var(--font-titel);color:var(--goud-diep);text-decoration:none;border-bottom:2px solid var(--zand);padding-bottom:.2rem;white-space:nowrap}
.sb-pijllink svg{width:16px;height:16px;flex:none}
.sb-pijllink:hover{border-color:var(--goud-diep)}
.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__kop .sb-pijllink{margin-top:1rem}
.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__actie{text-align:center;margin:clamp(1.6rem,3vw,2.4rem) 0 0}
@media(min-width:861px){
.sb-voordelen__actie{margin-top:1.25rem}
}
@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-veld{margin:0;display:grid;align-content:start;gap:.35rem;min-width:0}
.sb-veld label{font-weight:700;font-size:.9rem}
.sb-veld input,.sb-veld textarea{width:100%;padding:.75rem .85rem;border:1.5px solid #8A9199;border-radius:10px;font:inherit;font-size:1rem;background:#fff;color:var(--ant)}
.sb-veld textarea{resize:vertical;min-height:7rem}
.sb-veld input:focus-visible,.sb-veld textarea:focus-visible{outline:3px solid var(--goud-diep);outline-offset:1px;border-color:var(--goud-diep)}
.sb-veld small{font-size:.8rem;color:var(--ant-zacht)}
.sb-team__rij{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.5vw,1.8rem)}
.sb-persoon{margin-top:2.5rem;padding:0 1.25rem 1.6rem;border-radius:var(--r);background:#fff;box-shadow:var(--schaduw-kaart);text-align:center}
.sb-persoon__scherm{position:relative;margin:-2.5rem auto 1.3rem;aspect-ratio:16/11;border:10px solid var(--bruin);border-bottom-width:14px;border-radius:14px;background:linear-gradient(180deg,var(--creme-2),#fff);box-shadow:0 14px 0 -8px #C9CED6}
.sb-persoon__scherm img{position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:calc(100% + 1.8rem);width:auto;max-width:none}
.sb-persoon h3{margin:0 0 .4rem;font-size:1.15rem}
.sb-persoon__rol{display:inline-block;margin:0 0 .8rem;padding:.25rem .75rem;border-radius:99px;background:var(--goud-licht);color:var(--goud-diep);font:700 .7rem/1.3 var(--font-kop);letter-spacing:.12em;text-transform:uppercase}
.sb-persoon p:last-child{margin:0;font-size:.93rem;color:var(--ant-zacht)}
.sb-persoon a{color:var(--goud-diep)}
@media(max-width:860px){
.sb-team__rij{grid-template-columns:1fr;max-width:420px;margin-inline:auto}
}
.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-kennis__kaart{position:relative;display:grid;grid-template-columns:1.15fr .9fr;margin-top:3rem;border-radius:var(--r);background:#fff;box-shadow:var(--schaduw)}
.sb-kennis__wit{min-width:0;padding:clamp(1.6rem,4vw,2.8rem);padding-right:clamp(7rem,15vw,11.5rem)}
.sb-kennis__wit .kop{font-size:clamp(1.7rem,2.8vw,2.3rem)}
.sb-kennis__wit p{color:var(--ant-zacht)}
.sb-kennis__wit .btn{width:auto}
.sb-kennis__figuur{position:absolute;left:56%;bottom:0;transform:translateX(-50%);height:calc(100% + 3rem);max-height:520px;width:auto;max-width:none;z-index:2;pointer-events:none;filter:drop-shadow(0 12px 18px rgba(29,29,27,.25))}
.sb-kennis__navy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1rem;padding:clamp(1.6rem,4vw,2.6rem);padding-left:clamp(6rem,10vw,8.5rem);border-radius:0 var(--r) var(--r) 0;background:var(--bruin);color:var(--creme)}
.sb-kennis__tel{display:inline-flex;align-items:center;gap:.6rem;font:700 1.45rem/1.2 var(--font-titel);color:var(--geel);text-decoration:none}
.sb-kennis__tel svg{width:22px;height:22px;fill:currentColor}
.sb-kennis__lijst{list-style:none;margin:.3rem 0 0;padding:0;display:grid;gap:.75rem;font-size:.93rem}
.sb-kennis__lijst li{display:grid;grid-template-columns:20px 1fr;gap:.7rem;align-items:start}
.sb-kennis__lijst a{color:var(--creme);overflow-wrap:anywhere}
.sb-ic{width:20px;height:20px;fill:none;stroke:var(--geel);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-top:.15em}
@media(max-width:900px){
.sb-kennis__kaart{grid-template-columns:1fr;margin-top:0}
.sb-kennis__wit{padding-right:clamp(1.6rem,4vw,2.8rem)}
.sb-kennis__figuur{display:none}
.sb-kennis__navy{padding-left:clamp(1.6rem,4vw,2.6rem);border-radius:0 0 var(--r) var(--r)}
}
@media(max-width:520px){
.sb-kennis__wit .btn{width:100%}
.sb-kennis__tel{font-size:1.25rem}
}
.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%}
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 .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){
.hero--pagina.hf1-hero .hero__sub{display:none}
.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}
}
.sb-fs__rij{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}
.sb-fs .sectiekop{margin-bottom:0}
.sb-fs--vervolg{padding-top:0}
.sb-fs__alt{margin:1.1rem 0 0;color:var(--ant-zacht)}
.sb-fs__alt a{color:var(--goud-diep);font-weight:600;white-space:nowrap}
.sbf{position:relative;display:grid;gap:.85rem;margin:0;background:#fff;border-radius:var(--r);box-shadow:var(--schaduw-kaart);padding:clamp(1.2rem,2.6vw,1.9rem)}
.sectie:not(.sectie--creme2) .sbf{border:1px solid var(--lijn)}
.sbf__rij{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}
.sbf .sb-veld textarea{min-height:5.6rem}
.sbf .sb-veld select{width:100%;padding:.75rem 2.4rem .75rem .85rem;border:1.5px solid #8A9199;border-radius:10px;font:inherit;font-size:1rem;color:var(--ant);-webkit-appearance:none;appearance:none;cursor:pointer;background:#fff 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='%23020D41' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") no-repeat right .9rem center}
.sbf .sb-veld select:focus-visible{outline:3px solid var(--goud-diep);outline-offset:1px;border-color:var(--goud-diep)}
.sbf .sb-veld [aria-invalid="true"]{border-color:var(--fout)}
.sbf__optioneel{font-weight:400;color:var(--ant-zacht)}
.sbf__notitie{margin:0;padding:.7rem .9rem;border-radius:10px;background:var(--creme-2);font-size:.88rem;line-height:1.5}
.sbf__notitie a,.sbf__vink a,.sbf__verstuur a,.sbf__klaar a{color:var(--goud-diep)}
.sbf__verstuur{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.1rem}
.sbf__verstuur p{margin:0;flex:1 1 14rem;font-size:.8rem;color:var(--ant-zacht)}
.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(max-width:860px){
.sb-fs__rij{grid-template-columns:1fr;gap:1.4rem}
}
@media(max-width:620px){
.sb-fs{padding-block:2.4rem}
.sb-fs--vervolg{padding-top:0}
.sb-fs .kop{font-size:1.6rem}
.sb-fs .intro{font-size:.98rem;line-height:1.5}
.sb-fs__alt{display:none}
.sb-fs__rij{gap:1rem}
.sbf{gap:.6rem;padding:.95rem .9rem}
.sbf__rij{gap:.6rem}
.sbf .sb-veld{gap:.2rem}
.sbf .sb-veld label{font-size:.84rem}
.sbf .sb-veld input,.sbf .sb-veld select,.sbf .sb-veld textarea{padding:.58rem .7rem}
.sbf .sb-veld textarea{min-height:3.9rem}
.sbf__notitie{padding:.55rem .75rem;font-size:.84rem}
.sbf__verstuur .btn{width:100%}
.sbf__verstuur p{flex-basis:100%;font-size:.76rem}
}
@media(max-width:359px){
.sbf__rij{grid-template-columns:1fr}
}
@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}
@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}
}
.pk--404{padding-top:clamp(9rem,12vw,11rem)}
.nf__links{list-style:none;margin:1.2rem 0 2rem;padding:0;display:flex;flex-wrap:wrap;gap:.7rem 1.6rem}
.nf__links a{font-weight:600;color:var(--goud-diep)}
.leadblock__panel{background:linear-gradient(140deg,var(--teal-paneel) 0%,#0068A6 55%,var(--goud-diep) 100%)}
.leadblock__panel::before{display:none}
.lf [hidden]{display:none!important}
.lf__groep{border:0;margin:0;padding:0;min-width:0}
.lf__groep>legend{float:left;width:100%;padding:0;margin:0 0 .4rem;font:700 .72rem/1.3 var(--font-kop);letter-spacing:.1em;text-transform:uppercase;color:#fff}
.lf__groep>legend+*{clear:both}
.lf__chips{display:flex;flex-wrap:wrap;gap:.4rem}
.lf__chips label{display:inline-flex;align-items:center;gap:.45rem;min-height:36px;cursor:pointer;border:1px solid rgba(255,255,255,.6);border-radius:999px;padding:.35rem .85rem;font-size:.85rem;font-weight:700;line-height:1.2;color:#fff}
.lf__chips label:hover{background:rgba(255,255,255,.12)}
.lf__chips label:has(input:checked){background:#fff;border-color:#fff;color:var(--goud-diep)}
.lf__chips label:has(input:focus-visible){outline:2px solid #fff;outline-offset:2px}
.lf__chips input{appearance:auto;-webkit-appearance:auto;accent-color:var(--bruin);width:16px;height:16px;margin:0;flex:none}
.lf__field textarea{border:0;border-radius:12px;background:#fff;color:var(--ant);font:600 1rem/1.45 var(--font-tekst);padding:.6rem .8rem;width:100%;min-height:6.5rem;resize:vertical}
.lf__field textarea::placeholder{color:#767674;font-weight:500}
.lf__field textarea:focus-visible{outline:2px solid var(--ant);outline-offset:2px}
.blok__boven>*{min-width:0}
.kop{overflow-wrap:break-word}
@media(max-width:420px){
.blok--navy .kop{font-size:1.75rem}
}
.sb-diensten:has(.sb-diensten__grid--secties){padding-block:clamp(2.5rem,5vw,4rem)}
@media(max-width:620px){
.sb-diensten--overzicht .sb-diensten__kop .intro{display:none}
}
.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-bel{display:inline-flex;align-items:center;gap:.55rem;min-height:44px;color:var(--bruin);font-size:1rem;line-height:1.4;text-decoration:none}
.sb-bel svg{width:18px;height:18px;flex:none;color:var(--teal-paneel)}
.sb-bel strong{font-weight:700;text-decoration:underline;text-decoration-color:var(--goud);text-decoration-thickness:2px;text-underline-offset:4px}
.sb-bel:hover strong{text-decoration-color:var(--bruin)}
.sb-impact{--im-val:52px;--im-rand:8px;--im-over:7.5rem;--im-hoog:118%;overflow:clip}
.sectie.sb-impact{padding-block:clamp(2.5rem,5vw,4rem) clamp(1.5rem,3vw,2.5rem)}
.sb-impact__kop{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.2rem 3rem}
.sb-impact__kop>div{min-width:0}
.sb-impact .kop{margin-bottom:.6rem}
.sb-impact .intro{margin:0;max-width:58ch}
.sb-impact .btn--goud{border-color:var(--teal-paneel)}
.sb-impact__podium{position:relative;z-index:1;margin-top:4rem}
.sb-impact__foto{margin:0;aspect-ratio:16/5;border-radius:var(--r);overflow:hidden;box-shadow:var(--schaduw-lg);background:var(--creme-2)}
.sb-impact__foto img{width:100%;height:100%;object-fit:cover;object-position:50% 78%}
.sb-impact__tag{position:absolute;z-index:3;top:1.1rem;right:1.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-impact__persoon{position:absolute;z-index:2;left:7%;bottom:0;height:var(--im-hoog);width:auto;max-width:none;filter:drop-shadow(6px 10px 10px rgba(2,13,65,.3))}
.sb-impact__lint{position:relative;z-index:3;isolation:isolate;margin-top:calc(-1 * var(--im-over));padding:calc(var(--im-val) + 1.3rem) 0 calc(var(--im-val) + 1.2rem)}
.sb-impact__lint::before,.sb-impact__lint::after{content:"";position:absolute;inset:0;z-index:-1;clip-path:polygon(0 var(--im-val),100% 0,100% calc(100% - var(--im-val)),0 100%)}
.sb-impact__lint::before{background:var(--goud);transform:translateY(calc(-1 * var(--im-rand)))}
.sb-impact__lint::after{background:var(--bruin)}
.sb-impact__cijfers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-block:0;list-style:none}
.sb-impact__cijfers li{min-width:0;padding:0 1.5rem;border-left:1px solid rgba(51,188,250,.35)}
.sb-impact__cijfers li:first-child{padding-left:0;border-left:0}
.sb-impact__cijfers strong{display:block;color:var(--goud);font:600 clamp(1.8rem,3vw,2.5rem)/1.1 var(--font-kop)}
.sb-impact__cijfers span{display:block;margin-top:.35rem;color:var(--wit);font-size:.95rem;line-height:1.4}
@media(max-width:900px){
.sb-impact{--im-val:36px;--im-over:6rem}
.sb-impact__kop{grid-template-columns:minmax(0,1fr)}
.sb-impact__kop .btn{justify-self:start}
.sb-impact__podium{margin-top:3.5rem}
.sb-impact__foto{aspect-ratio:5/2}
.sb-impact__cijfers li{padding:0 1rem}
}
@media(max-width:560px){
.sb-impact{--im-val:20px;--im-rand:6px;--im-over:4.5rem;--im-hoog:122%}
.sb-impact .intro{display:none}
.sb-impact .kop{margin-bottom:0}
.sb-impact__kop{gap:1rem}
.sb-impact__kop .btn{justify-self:stretch}
.sb-impact__podium{margin-top:2.75rem}
.sb-impact__foto{aspect-ratio:16/9}
.sb-impact__foto img{object-position:72% 78%}
.sb-impact__tag{top:.7rem;right:.7rem;font-size:.64rem}
.sb-impact__persoon{left:5%}
.sb-impact__cijfers{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 0}
.sb-impact__cijfers li{padding:0 0 0 1rem}
.sb-impact__cijfers li:nth-child(odd){padding-left:0;border-left:0}
.sb-impact__cijfers strong{font-size:1.7rem}
.sb-impact__cijfers span{font-size:.86rem;line-height:1.35}
}
.sb-crew{overflow:clip}
.sectie.sb-crew{padding-block:clamp(4.5rem,6.5vw,6rem) clamp(2.5rem,4vw,3.5rem)}
.sb-crew__kaart{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;background:var(--wit);border-radius:var(--r);box-shadow:var(--schaduw-lg)}
.sb-crew__tekst{min-width:0;display:flex;flex-direction:column;padding:2.75rem 2.5rem 1.75rem 3rem}
.sb-crew .kop{max-width:18ch;font-size:clamp(1.9rem,3vw,2.6rem)}
.sb-crew .intro{font-size:1.06rem;max-width:44ch;margin-bottom:1.25rem}
.sb-crew__vinkjes{display:grid;gap:.55rem;margin:0 0 1.75rem;padding:0;list-style:none}
.sb-crew__vinkjes li{display:flex;align-items:center;gap:.7rem;color:var(--bruin);font-weight:600;line-height:1.35}
.sb-crew__vinkjes svg{flex:none;width:1.6rem;height:1.6rem;padding:.3rem;border-radius:50%;background:var(--creme-2);color:var(--teal-paneel)}
.sb-crew__acties{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-top:auto}
.sb-crew__podium{position:relative;min-width:0;min-height:22rem;display:flex;flex-direction:column;justify-content:flex-end;padding:1.25rem}
.sb-crew__veld{position:absolute;inset:0;z-index:0;border-radius:0 var(--r) var(--r) 0;background:radial-gradient(rgba(2,13,65,.1) 1.5px,transparent 1.6px) 0 0/22px 22px,var(--goud);clip-path:polygon(9% 0,100% 0,100% 100%,0 100%)}
.sb-crew__ploeg{position:absolute;z-index:1;top:-4rem;bottom:2.4rem;left:1.25rem;right:1.25rem;margin:0;overflow:hidden}
.sb-crew__ploeg img{position:absolute;top:6%;height:128%;width:auto;max-width:none;filter:drop-shadow(4px 8px 10px rgba(2,13,65,.25))}
.sb-crew__ploeg img:nth-child(1){left:0}
.sb-crew__ploeg img:nth-child(2){right:0}
.sb-crew__ploeg img:nth-child(3){z-index:1;top:0;left:50%;height:140%;transform:translateX(-50%)}
@media(min-width:561px){
.sb-crew__ploeg{container-type:size}
.sb-crew__ploeg img:is(:nth-child(1),:nth-child(2)){top:auto;bottom:0;height:auto}
.sb-crew__ploeg img:nth-child(1){width:min(290px,46.85cqw,50.6cqh)}
.sb-crew__ploeg img:nth-child(2){width:min(260px,42cqw,41.8cqh)}
.sb-crew__ploeg img:nth-child(3){top:auto;height:auto;width:min(64.02cqh,64.8cqw);bottom:calc(min(64.02cqh,64.8cqw) * -.625)}
}
.sb-crew__rollen{position:relative;z-index:2;display:flex;align-items:center;gap:1rem;padding:.5rem .6rem .5rem 1.25rem;border-radius:12px;background:var(--wit);box-shadow:var(--schaduw-kaart)}
.sb-crew__rollen-label{flex:none;margin:0;color:var(--goud-diep);font:700 .68rem/1.2 var(--font-kop);letter-spacing:.16em;text-transform:uppercase}
.sb-crew__rollen ul{display:flex;flex:1;min-width:0;margin:0;padding:0;list-style:none}
.sb-crew__rollen li{flex:1;min-width:0;display:flex}
.sb-crew__rollen li+li{border-left:1px solid var(--lijn)}
.sb-crew__rollen a{flex:1;display:flex;align-items:center;justify-content:center;min-height:44px;padding:.4rem .6rem;border-radius:8px;color:var(--bruin);font-weight:700;font-size:.92rem;text-align:center;text-decoration:none}
.sb-crew__rollen a:hover{color:var(--goud-diep);text-decoration:underline;text-underline-offset:.25em}
@media(max-width:900px){
.sb-crew__kaart{grid-template-columns:minmax(0,1fr)}
.sb-crew__podium{order:-1;min-height:300px}
.sb-crew__veld{border-radius:var(--r) var(--r) 0 0;clip-path:polygon(0 0,100% 0,100% 100%,0 92%)}
.sb-crew__ploeg{top:-2.5rem}
.sb-crew__tekst{padding:2rem}
.sb-crew .kop{max-width:20ch}
}
@media(max-width:560px){
.sectie.sb-crew{padding-block:3rem 2rem}
.sb-crew__podium{min-height:236px;padding:.8rem}
.sb-crew__ploeg{top:-2rem;bottom:2.4rem;left:.8rem;right:.8rem}
.sb-crew__rollen{flex-wrap:wrap;gap:.3rem;padding:.5rem}
.sb-crew__rollen-label{flex-basis:100%;padding:.1rem .3rem 0}
.sb-crew__rollen ul{flex-wrap:wrap;gap:.35rem}
.sb-crew__rollen li{flex:1 1 auto}
.sb-crew__rollen li+li{border-left:0}
.sb-crew__rollen a{min-height:40px;border:1px solid var(--lijn);border-radius:2rem;font-size:.85rem;padding:.3rem .8rem}
.sb-crew__tekst{padding:1.25rem 1.1rem 1.1rem}
.sb-crew .kop{font-size:1.7rem;margin-bottom:.8rem}
.sb-crew .intro{display:none}
.sb-crew__vinkjes{margin-bottom:1rem;gap:.4rem}
.sb-crew__vinkjes li{font-size:.92rem}
.sb-crew__acties{flex-direction:column;align-items:stretch;gap:.1rem}
.sb-crew__acties .btn{width:100%}
.sb-crew .sb-bel{justify-content:center;font-size:.92rem}
}
.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}
}
.sb-werkgebied{background:var(--bruin);padding-block:clamp(2.4rem,5vw,4rem)}
.sb-werkgebied .label{color:var(--goud)}
.sb-werkgebied .label::before{background:var(--goud)}
.sb-werkgebied .kop{color:var(--wit);margin-bottom:.5rem}
.sb-werkgebied .intro{color:var(--lijn);font-size:1.02rem;margin:0}
.sb-werkgebied__plaat{background:var(--wit);border-radius:var(--r);box-shadow:var(--schaduw-lg);padding:clamp(.9rem,2vw,1.4rem) clamp(1rem,2.2vw,1.6rem)}
.sb-werkgebied__lijst{list-style:none;margin:0;padding:0;columns:4;column-gap:clamp(.75rem,2vw,1.5rem)}
.sb-werkgebied__lijst li{break-inside:avoid}
.sb-werkgebied__lijst a{display:flex;align-items:center;gap:.5rem;min-height:32px;padding:.15rem .35rem;border-radius:8px;color:var(--bruin);font-size:.95rem;font-weight:600;line-height:1.25;text-decoration:none}
.sb-werkgebied__lijst a::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--goud)}
.sb-werkgebied__lijst a:hover{background:var(--creme-2);color:var(--goud-diep);text-decoration:underline;text-underline-offset:3px}
.sb-werkgebied__lijst a:focus-visible{outline:2px solid var(--goud-diep);outline-offset:1px}
@media(max-width:900px){
.sb-werkgebied__lijst{columns:3}
}
@media(max-width:560px){
.sb-werkgebied .kop{font-size:1.75rem}
.sb-werkgebied .intro{font-size:.95rem;line-height:1.5}
.sb-werkgebied__plaat{padding:.6rem .5rem}
.sb-werkgebied__lijst{column-gap:.25rem}
.sb-werkgebied__lijst a{min-height:28px;gap:.35rem;padding:.1rem .25rem;font-size:.8rem}
.sb-werkgebied__lijst a::before{width:5px;height:5px}
}
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-team{padding-block:clamp(3rem,5vw,4.5rem)}
.sb-team .sectiekop{margin-bottom:clamp(1.25rem,2.5vw,2rem)}
.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-werkwijze{--ww-over:4.25rem;background-color:var(--bruin);color:#D5DDE8;overflow-x:clip}
.sectie.sb-werkwijze,.sectie:not(.sectie--creme2)+.sectie.sb-werkwijze{padding-block:clamp(3rem,4.5vw,4rem) clamp(2.75rem,4vw,3.5rem)}
.sb-werkwijze__boven{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(2rem,4.5vw,4.5rem);align-items:end}
.sb-werkwijze__tekst{min-width:0;padding-bottom:calc(var(--ww-over) + 1.5rem)}
.sb-werkwijze .label{color:var(--goud)}
.sb-werkwijze .label::before{background:var(--goud)}
.sb-werkwijze .kop{color:var(--wit);margin-bottom:.9rem;font-size:clamp(2rem,3vw,2.6rem)}
.sb-werkwijze .intro{color:var(--wit);font-size:1.08rem;line-height:1.6;max-width:none;margin-bottom:.9rem}
.sb-werkwijze__tekst p:last-child{margin:0;font-size:.97rem;line-height:1.62}
.sb-werkwijze__tekst a{color:var(--wit);text-decoration-color:var(--goud);text-decoration-thickness:2px;text-underline-offset:3px}
.sb-werkwijze__beeld{position:relative;min-width:0;padding-top:3rem}
.sb-werkwijze__vlak{position:absolute;z-index:0;top:1.4rem;right:-1.4rem;width:58%;height:70%;border-radius:var(--r);background:var(--teal-paneel);transform:rotate(3deg)}
.sb-werkwijze__foto{position:relative;z-index:1;margin:0 0 0 12%;aspect-ratio:16/10;border-radius:var(--r);overflow:hidden;box-shadow:var(--schaduw-lg);background:var(--creme-2)}
.sb-werkwijze__foto img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.sb-werkwijze__persoon{position:absolute;z-index:2;left:0;top:0;height:calc(100% - var(--ww-over) + 2.4rem);width:auto;max-width:none;filter:drop-shadow(8px 10px 12px rgba(0,0,0,.35));pointer-events:none}
.sb-werkwijze__band{position:relative;z-index:3;margin-top:calc(-1 * var(--ww-over));padding:1.4rem 1.9rem 1.6rem;border-radius:var(--r);background:var(--wit);color:var(--ant-zacht);box-shadow:var(--schaduw-lg)}
.sb-werkwijze__band::before{content:"";position:absolute;z-index:-1;inset:-.7rem 2.5rem auto -.7rem;height:5rem;border-radius:var(--r);background:var(--goud);transform:rotate(-1.4deg);transform-origin:0 100%}
.sb-werkwijze__band::after{content:"";position:absolute;z-index:-1;inset:0;border-radius:var(--r);background:var(--wit)}
.sb-werkwijze__bandkop{margin:0 0 1rem;color:var(--bruin);font-size:1.15rem}
.sb-werkwijze__stappen{display:flex;gap:1.6rem;margin:0;padding:0;list-style:none;counter-reset:ww}
.sb-werkwijze__stappen li{position:relative;flex:1 1 0;min-width:0;counter-increment:ww}
#inleiding .sb-werkwijze__stappen li:first-child{flex-grow:1.55}
.sb-werkwijze__stappen strong{position:relative;display:flex;align-items:center;gap:.6rem;margin-bottom:.45rem;color:var(--bruin);font:600 1rem/1.25 var(--font-kop)}
.sb-werkwijze__stappen strong::before{content:counter(ww);flex:none;display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--bruin);color:var(--wit);font-size:.85rem}
.sb-werkwijze__stappen li+li::before{content:"";position:absolute;top:1rem;right:calc(100% + .35rem);width:1rem;border-top:2px dotted var(--teal-paneel)}
.sb-werkwijze__stappen p{margin:0;font-size:.88rem;line-height:1.5}
.sb-werkwijze__na{margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--lijn)}
.sb-werkwijze__nakop{margin:0 0 .35rem;color:var(--bruin);font:600 1rem/1.25 var(--font-kop)}
.sb-werkwijze__na p{margin:0;font-size:.88rem;line-height:1.5}
.sb-verhaal .sb-werkwijze__band--los .sb-werkwijze__nakop{color:var(--wit)}
.sb-werkwijze__stappen a{color:var(--goud-diep)}
.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}
.sb-verhaal__kaart{position:relative;z-index:3;margin:calc(-1 * var(--vh-over)) clamp(.75rem,2vw,1.75rem) 0;padding:1.25rem 1.5rem 1.4rem;border-radius:var(--r);background:var(--vh-kaart);color:var(--vh-kaarttekst);box-shadow:var(--schaduw-lg)}
.sb-verhaal__kaartlabel{margin:0 0 .85rem;color:var(--vh-kaartlabel);font:700 .74rem/1.35 var(--font-kop);letter-spacing:.14em;text-transform:uppercase}
.sb-verhaal__tabs{display:none}
.js .sb-verhaal__tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}
.sb-verhaal__tab{min-height:36px;padding:.4rem .75rem;border:1px solid var(--vh-chiprand);border-radius:2rem;background:var(--vh-chip);color:var(--vh-chiptekst);font:600 .78rem/1.2 var(--font-kop);cursor:pointer;text-align:left}
.sb-verhaal__tab:hover{border-color:var(--goud)}
.sb-verhaal__tab[aria-selected="true"]{background:var(--goud);border-color:var(--goud);color:var(--bruin)}
.sb-verhaal__tab:focus-visible{outline:3px solid var(--goud);outline-offset:2px}
.sb-verhaal__paneel+.sb-verhaal__paneel{margin-top:1rem}
.sb-verhaal__paneelkop{margin:0 0 .3rem;color:inherit;font-size:1rem}
.sb-verhaal__paneel p{margin:0;font-size:.95rem;line-height:1.6}
.sb-verhaal__kaart a{color:var(--vh-kaartlink);text-decoration-color:var(--goud);text-decoration-thickness:2px;text-underline-offset:3px}
.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}
.sb-verhaal__lijst{display:grid;gap:.45rem;margin:0;padding:0;list-style:none}
.sb-verhaal__lijst li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;align-items:start;font-size:.92rem;line-height:1.5}
.sb-verhaal__lijst svg{width:1.3rem;height:1.3rem;margin-top:.05rem}
@media(max-width:900px){
.sb-werkwijze__boven{grid-template-columns:minmax(0,1fr);gap:1.5rem}
.sb-werkwijze__tekst{padding-bottom:0}
.sb-werkwijze__beeld{max-width:36rem}
.sb-werkwijze__stappen{flex-wrap:wrap}
.sb-werkwijze__stappen li,#inleiding .sb-werkwijze__stappen li:first-child{flex:1 1 15rem}
.sb-werkwijze__stappen li+li::before{display:none}
.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-werkwijze{--ww-over:3rem}
.sb-werkwijze__beeld{padding-top:2rem}
.sb-werkwijze__persoon{height:calc(100% - var(--ww-over) + 1.5rem)}
.sb-werkwijze__band{padding:1.1rem 1.1rem 1.25rem}
.sb-werkwijze__band::before{inset:-.45rem 1.5rem auto -.45rem}
.sb-werkwijze__stappen{flex-direction:column;gap:1rem}
.sb-werkwijze__stappen li,#inleiding .sb-werkwijze__stappen li:first-child{flex:none}
.sb-verhaal{--vh-over:2.5rem}
.sb-verhaal__kaart{margin-inline:.5rem;padding:1rem 1.05rem 1.15rem}
.sb-verhaal__acties{flex-direction:column;align-items:stretch}
.sb-verhaal__acties .btn{width:100%}
}
.sb-verhaal__paneel p+p{margin-top:.7rem}
@media(max-width:560px){
.sb-verhaal__tab{min-height:44px}
}
.sb-werkwijze__band--los{margin-top:clamp(2.25rem,4vw,3.25rem)}
.sb-verhaal__lijst li>span strong{color:inherit;font-weight:700}
.sb-gegevens__nr{font-size:1.15rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.sb-gegevens__kopieer{display:none}
.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 > .venster{padding-bottom:var(--r-uh)}
main > .venster + *::before{z-index:2}
main > :not(.sb-verhaal--blauw) + .sb-fs--vervolg{padding-top:clamp(2.5rem,4vw,3.5rem)}
.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)}
main > .sb-fs .sb-fs__alt a{color:var(--wit)}
.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-persoon{background:var(--bruin)}
.sb-persoon h3{color:var(--wit)}
.sb-persoon p:last-child{color:var(--licht-hover)}
.sb-persoon a{color:var(--goud-hover)}
.jur__kaart{background:var(--bruin);border-color:var(--bruin)}
.jur__kaart p{color:var(--licht-hover)}
.jur__kaart b{color:var(--wit)}
.jur__kaart a:not(.btn){color:var(--wit)}
.sb-kennis__kaart{background:var(--goud-diep)}
.sb-kennis__wit .label{color:var(--goud-hover)}
.sb-kennis__wit .label::before{background:var(--goud-hover)}
.sb-kennis__wit .kop{color:var(--wit)}
.sb-kennis__wit p:not(.label){color:var(--licht-hover)}
.sb-crew__kaart{background:var(--bruin)}
.sb-crew__tekst .label{color:var(--goud-hover)}
.sb-crew__tekst .label::before{background:var(--goud-hover)}
.sb-crew .kop{color:var(--wit)}
.sb-crew .intro{color:var(--licht-hover)}
.sb-crew__vinkjes li{color:var(--wit)}
.sb-crew__acties .btn:not([class*="btn--"]){background:var(--wit);border-color:var(--wit);color:var(--bruin)}
.sb-crew__acties .btn:not([class*="btn--"]):hover{background:var(--goud);border-color:var(--goud);color:var(--bruin)}
.sb-crew__acties .btn:not([class*="btn--"]) svg{color:var(--goud-diep)}
.sb-crew .sb-bel{color:var(--wit)}
.sb-crew .sb-bel svg{color:var(--goud)}
.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-verhaal .sb-werkwijze__band--los,.sb-verhaal .sb-werkwijze__band--los::after{background:var(--bruin)}
.sb-verhaal .sb-werkwijze__band--los{color:var(--licht-hover)}
.sb-verhaal .sb-werkwijze__band--los :is(.sb-werkwijze__bandkop,.sb-werkwijze__stappen strong){color:var(--wit)}
.sb-verhaal .sb-werkwijze__band--los .sb-werkwijze__stappen strong::before{background:var(--goud);color:var(--bruin)}
.sb-verhaal .sb-werkwijze__band--los .sb-werkwijze__stappen a{color:var(--wit)}
.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__wissel.is-weg{opacity:0;transform:translateY(.25em)}
.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--opslag{--d0:.288;--mid:.643;--ar:1.3333}
.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}
}
.sb-werkwijze__foto img[src*="/de-bresser-verhuizingen-"]{object-position:100% 0;transform-origin:100% 0;transform:translateY(-34%) scale(1.14)}
@media(min-width:901px){
.sb-impact:has(img[src*="/warehouse-tilburg-"]){--im-hoog:111%}
.sb-impact__foto:has(img[src*="/warehouse-tilburg-"]){aspect-ratio:1220/405}
.sb-impact__foto img[src*="/warehouse-tilburg-"]{object-position:50% 100%;transform:translateY(-6%)}
.sectie.sb-impact:has(img[src*="/warehouse-tilburg-"]){padding-bottom:1.75rem}
}
#reviews .art-b2{position:absolute;left:6.95%;top:2.9%;width:160px;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{position:absolute;z-index:2;top:calc(-1*var(--v));left:calc(-1*min(1.4rem,var(--pad)*.7));display:grid;place-content:center;justify-items:center;gap:.15rem;width:clamp(6.8rem,9.5vw,8.8rem);aspect-ratio:1;margin:0;border-radius:50%;background:var(--wit);color:var(--bruin);box-shadow:var(--schaduw);text-align:center}
.di-e__ring{position:absolute;inset:.4rem;width:calc(100% - .8rem);height:calc(100% - .8rem);transform:rotate(-62deg);overflow:visible}
.di-e__ring circle{fill:none;stroke:var(--teal-paneel);stroke-width:5;stroke-linecap:round}
.di-e__getal{position:relative;font:700 clamp(1.5rem,2.1vw,1.85rem)/1 var(--font-kop);letter-spacing:-.03em}
.di-e__badgetekst{position:relative;width:5.6rem;font:600 .66rem/1.25 var(--font-kop);color:var(--ant-zacht)}
.di-e .di-e__kaart{position:relative;z-index:3;margin:calc(-1*clamp(3.2rem,7vw,5.5rem)) clamp(.5rem,1.2vw,1rem) 0 clamp(1.25rem,3vw,2.5rem)}
@media (max-width:560px){
.di-e .di-e__kaart{margin:-2.5rem .5rem 0 .75rem}
}
.di-e__ring circle{transition:stroke-dashoffset 1.5s var(--ease)}
.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}
}
.di-e__badge{left:calc(-1*min(1.4rem,var(--pad) - .75rem))}
.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}
@media(min-width:600px) and (max-width:860px){
.c7-team__rij{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}
}
.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__badge{position:absolute;z-index:3;top:calc(-1*clamp(1.25rem,2.6vw,2rem));left:calc(-1*min(.75rem,var(--pad)*.7));display:grid;place-content:center;justify-items:center;gap:.15rem;width:clamp(6rem,8.5vw,7.6rem);aspect-ratio:1;margin:0;border-radius:50%;background:var(--wit);color:var(--bruin);box-shadow:var(--schaduw);text-align:center}
.di-i__ring{position:absolute;inset:.4rem;width:calc(100% - .8rem);height:calc(100% - .8rem);transform:rotate(-62deg);overflow:visible}
.di-i__ring circle{fill:none;stroke:var(--teal-paneel);stroke-width:5;stroke-linecap:round}
.di-i__getal{position:relative;font:700 clamp(1.35rem,1.9vw,1.7rem)/1 var(--font-kop);letter-spacing:-.03em}
.di-i__badgetekst{position:relative;width:5rem;font:600 .62rem/1.25 var(--font-kop);color:var(--ant-zacht)}
.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:860px){
.di-i__badge{left:-.25rem}
}
@media(max-width:560px){
.di-i__badge{width:5.4rem;top:-1.25rem}
.di-i__getal{font-size:1.2rem}
.di-i__badgetekst{width:4.2rem;font-size:.55rem}
.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__ring circle{transition:stroke-dashoffset 1.5s var(--ease)}
.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] #meer-diensten .art-10{position:absolute;left:3.69%;top:-9.71%;width:392px;opacity:.4;z-index:5;pointer-events:none}
[data-pagina] #reviews .art-11{position:absolute;left:62.12%;top:15.7%;width:491px;opacity:.4;z-index:5;pointer-events:none}
[data-pagina] #offerte-aanvragen .art-12{position:absolute;left:88.27%;top:1.31%;width:137px;opacity:.7;z-index:5;pointer-events:none}
[data-pagina] #reviews .art-b2{left:74.6%;top:5.54%;right:auto;bottom:auto;opacity:.5}
@media(max-width:1279.98px){
.art-10,.art-11,.art-12{display:none}
}
.c7-ctp__lijst{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(2rem,4vw,3rem) clamp(1rem,2vw,2rem);
margin:clamp(2.4rem,4vw,3.4rem) 0 0;padding:0;list-style:none}
.c7-ctp{--v:clamp(.6rem,5cqw,1rem);container-type:inline-size;position:relative;display:flex;flex-direction:column;align-items:center;min-width:0}
.c7-ctp__podium{position:relative;width:100%;aspect-ratio:1/.9;isolation:isolate}
.c7-ctp__stapel{position:absolute;z-index:0;top:30%;left:var(--v);right:var(--v);bottom:0}
.c7-ctp__stapel::before,.c7-ctp__stapel::after{content:"";position:absolute;inset:0;border-radius:var(--r);transition:transform .6s var(--ease)}
.c7-ctp__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)}
.c7-ctp__stapel::after{background:#D6EEFB;box-shadow:0 1px 2px rgba(2,13,65,.06),0 16px 30px -18px rgba(2,13,65,.4)}
.c7-ctp__persoon{position:absolute;z-index:1;left:50%;bottom:0;height:92%;aspect-ratio:1;transform:translateX(-50%);
filter:drop-shadow(0 12px 14px rgba(2,13,65,.3))}
.c7-ctp__persoon img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:50% 100%}
.c7-ctp--betty .c7-ctp__persoon{height:100%}
.c7-ctp__boog{position:relative;z-index:3;order:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;
width:78cqw;aspect-ratio:1;margin-top:-26cqw;padding:9cqw;border:1.5px solid #fff;border-radius:50%;background:#fff;box-shadow:var(--schaduw);
color:var(--bruin);text-align:center;text-decoration:none}
.c7-ctp__wie{order:2;display:grid;justify-items:center;margin:.8rem 0 0;text-align:center}
.c7-ctp__wie strong{font:700 clamp(.84rem,5.4cqw,.95rem)/1.25 var(--font-kop);color:var(--bruin)}
.c7-ctp__wie span{font-size:clamp(.76rem,4.8cqw,.82rem);line-height:1.3;color:var(--ant-zacht)}
.c7-ctp__boog .c7-ctk__ico img{width:clamp(30px,15cqw,48px);height:clamp(30px,15cqw,48px)}
.c7-ctp__boog .c7-ctk__titel{font-size:clamp(.6rem,4cqw,.76rem);letter-spacing:.14em}
.c7-ctp__boog .c7-ctk__waarde{font-size:clamp(.74rem,5.2cqw,1rem);line-height:1.25;overflow-wrap:normal;text-wrap:balance}
.c7-ctp__boog .c7-ctk__actie{margin-top:.15rem;padding-top:0;font-size:clamp(.7rem,4.6cqw,.88rem);gap:.35rem}
.c7-ctp__boog .c7-ctk__actie svg{width:clamp(12px,5cqw,16px);height:clamp(12px,5cqw,16px)}
.c7-ctp__boog:focus-visible{outline:3px solid var(--goud);outline-offset:3px}
.c7-ctk__ico{display:block}
.c7-ctk__ico img{display:block;max-width:none}
.c7-ctk__titel{font:700 .76rem/1.3 var(--font-kop);letter-spacing:.16em;text-transform:uppercase;color:var(--goud-diep)}
.c7-ctk__waarde{font:700 1.2rem/1.3 var(--font-kop);color:var(--bruin)}
.c7-ctk__actie{display:inline-flex;align-items:center;gap:.45rem;font-weight:700;color:var(--goud-diep)}
.c7-ctk__actie svg{width:16px;height:16px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.c7-ctp__boog{transition:border-color .2s,transform .2s,box-shadow .2s}
.c7-ctk__actie svg{transition:transform .2s}
.c7-ctp__boog:hover{border-color:var(--goud-diep);transform:translateY(-2px)}
.c7-ctp__boog:hover .c7-ctk__actie svg{transform:translateX(3px)}
.c7-ctp:has(.c7-ctp__boog:hover) .c7-ctp__stapel::before{transform:translate(calc(var(--v) + 4px),calc(-1*var(--v) - 4px))}
}
@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}
}
@media(max-width:1100px){
.c7-ctp__lijst{column-gap:1rem}
}
@media(max-width:860px){
.c7-ctp__lijst{grid-template-columns:repeat(2,minmax(0,1fr));max-width:40rem;margin-inline:auto}
}
@media(max-width:520px){
.c7-ctp__lijst{grid-template-columns:minmax(0,1fr);max-width:17.5rem}
}
.c7-contact__meer{justify-content:center;margin-top:clamp(1.6rem,3vw,2.4rem)}
.c7-plek{background:var(--wit);overflow-x:clip}
.c7-plek__in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}
.c7-plek__kaartvak{position:relative;isolation:isolate;padding:0 clamp(.9rem,1.6vw,1.4rem) clamp(.9rem,1.6vw,1.4rem) 0}
.c7-plek__kaartvak::before{content:"";position:absolute;z-index:-1;inset:clamp(.9rem,1.6vw,1.4rem) 0 0 clamp(.9rem,1.6vw,1.4rem);
border-radius:var(--r);background:linear-gradient(150deg,var(--teal-paneel),var(--bruin));box-shadow:var(--schaduw-lg)}
.c7-plek__kaart{position:relative;margin:0;height:clamp(300px,34vw,440px);overflow:hidden;border:4px solid var(--wit);
border-radius:var(--r);box-shadow:var(--schaduw);background:#EAE6E1}
.c7-plek__beeld{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:none;object-position:50% 50%}
.c7-plek__pin{position:absolute;left:50%;top:50%;width:64px;height:64px;transform:translate(-50%,-84%);
filter:drop-shadow(0 8px 10px rgba(2,13,65,.35));pointer-events:none}
.c7-plek a.c7-plek__route{position:absolute;left:1rem;bottom:1rem;background:var(--geel);border-color:var(--geel);color:var(--bruin);box-shadow:0 10px 24px -12px rgba(2,13,65,.6)}
.c7-plek a.c7-plek__route:hover{background:#FFD54A;border-color:#FFD54A;color:var(--bruin)}
.c7-plek a.c7-plek__route:focus-visible{outline:3px solid var(--bruin);outline-offset:2px}
.c7-plek__bron{position:absolute;top:0;right:0;padding:.2rem .55rem;border-bottom-left-radius:8px;background:rgba(255,255,255,.9);
font-size:.72rem;line-height:1.4;color:var(--bruin)}
.c7-plek__bron a{color:var(--bruin);text-decoration:underline;text-underline-offset:2px}
.c7-plek .kop{margin:0 0 1rem;color:var(--bruin);font-size:clamp(1.7rem,2.6vw,2.2rem)}
.c7-plek__lijst{margin:0;padding:0}
.c7-plek__lijst>div{position:relative;display:grid;grid-template-columns:8rem minmax(0,1fr);gap:.2rem 1rem;align-items:center;
padding:.7rem 0 .7rem 3rem;border-top:1px solid var(--lijn)}
.c7-plek__lijst>div:last-child{border-bottom:1px solid var(--lijn)}
.c7-plek__lijst dt{margin:0;color:#5A6478;font:700 .72rem/1.3 var(--font-kop);letter-spacing:.12em;text-transform:uppercase}
.c7-plek__lijst dt img{position:absolute;left:0;top:50%;width:34px;height:34px;margin-top:-17px}
.c7-plek__lijst dd{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .8rem;color:var(--bruin);font:600 1rem/1.45 var(--font-kop);
overflow-wrap:anywhere}
.c7-plek__lijst dd a{color:var(--goud-diep);text-decoration:underline;text-decoration-color:var(--goud);text-underline-offset:3px}
.c7-plek__lijst dd a:hover{color:var(--bruin)}
.c7-plek__bellen{position:absolute;z-index:1;right:0;bottom:clamp(.9rem,1.6vw,1.4rem);width:auto;height:45%;max-width:none;
filter:drop-shadow(0 10px 12px rgba(2,13,65,.35));pointer-events:none}
@media(max-width:900px){
.c7-plek__in{grid-template-columns:minmax(0,1fr)}
.c7-plek__bellen{height:35%}
}
@media(max-width:599.98px){
.c7-plek__bellen{display:none}
}
@media(max-width:560px){
.c7-plek__kaart{height:300px}
.c7-plek__lijst>div{grid-template-columns:minmax(0,1fr);padding-left:2.8rem}
.c7-plek__lijst dt img{width:30px;height:30px;margin-top:-15px}
.c7-plek a.c7-plek__route{left:.7rem;bottom:.7rem;padding:.85rem 1.2rem}
}
.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)}
.c7-wg__in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);grid-template-areas:"beeld kop" "beeld tekst";column-gap:clamp(2rem,5vw,4.5rem);row-gap:1.2rem}
.c7-wg__kop{grid-area:kop;align-self:end}
.c7-wg__beeld{--wg-pl:clamp(5rem,13vw,11.25rem);--wg-kp:clamp(1.25rem,2.5vw,2.25rem);--wg-pb:1rem;--wg-w:clamp(154px,17.6vw,264px);
grid-area:beeld;position:relative;align-self:center;margin:0;padding:0 0 var(--wg-pb) var(--wg-pl)}
.c7-wg__kaartvak{background:var(--wit);border-radius:var(--r);padding:var(--wg-kp);transform:rotate(-1.2deg);box-shadow:.8rem .8rem 0 var(--geel),var(--schaduw-lg)}
.c7-wg__kaart{display:block;width:100%;height:auto}
.c7-wg__wagen{position:absolute;z-index:1;width:var(--wg-w);
left:calc(var(--wg-pl) + var(--wg-kp) + (100% - var(--wg-pl) - 2 * var(--wg-kp)) * .235 - clamp(.75rem,2vw,1.5rem) - var(--wg-w));
top:calc(var(--wg-kp) + clamp(.75rem,2vw,1.5rem));height:auto;max-width:none;filter:drop-shadow(0 14px 14px rgba(0,0,0,.35));pointer-events:none}
.c7-wg__tekst{grid-area:tekst;align-self:start}
.c7-wg__netwerk{display:flex;align-items:center;gap:1rem;margin:0 0 1.5rem;color:var(--wit);font-size:1.05rem;line-height:1.55}
.c7-wg__logo{flex:none;width:92px;height:auto}
.c7-wg__vlabel{margin:0 0 .6rem;color:var(--teal-op-navy);font:700 .72rem/1.3 var(--font-kop);letter-spacing:.12em;text-transform:uppercase}
.c7-wg__chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.5rem;padding:0;list-style:none}
.c7-wg__chips a,.c7-wg__chips span{display:inline-flex;align-items:center;gap:.4rem;min-height:40px;padding:.3rem .9rem .3rem .45rem;border:1.5px solid var(--goud);border-radius:999px;background:rgba(51,188,250,.14);color:var(--wit);font:600 .92rem/1.2 var(--font-kop);text-decoration:none}
.c7-wg__chips img{width:22px;height:22px}
.c7-wg__chips a:hover{background:var(--geel);border-color:var(--geel);color:var(--bruin)}
.c7-wg__chips a:focus-visible,.c7-wg__alle summary:focus-visible{outline:3px solid var(--geel);outline-offset:3px}
.c7-wg__chips .c7-wg__chip--hoofd a{background:var(--geel);border-color:var(--geel);color:var(--bruin)}
.c7-wg__chips .c7-wg__chip--hoofd a:hover{background:#FFD54A;border-color:#FFD54A}
.c7-wg__chips .c7-wg__chip--alle a{padding-left:.9rem;background:transparent;border-color:rgba(255,255,255,.45)}
.c7-wg__chips .c7-wg__chip--alle a:hover{background:var(--wit);border-color:var(--wit);color:var(--bruin)}
.c7-wg__chip--alle svg{width:14px;height:14px}
.c7-wg__knoppen{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 1.5rem}
.c7-wg__knop{display:inline-flex;align-items:center;gap:.5rem;min-height:48px;padding:.55rem 1.3rem .55rem .7rem;border-radius:50px;color:var(--bruin);font:700 .95rem/1.2 var(--font-kop);text-decoration:none;box-shadow:0 10px 22px -12px rgba(0,0,0,.5)}
.c7-wg__knop img{flex:none;width:30px;height:30px}
.c7-wg__knop--bel{background:var(--geel)}
.c7-wg__knop--app{background:#25D366}
.c7-wg__knop:focus-visible{outline:3px solid var(--geel);outline-offset:3px}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
.c7-wg__knop,.c7-wg__knop img{transition:transform .25s var(--ease)}
.c7-wg__knop:hover{transform:translateY(-2px)}
.c7-wg__knop:hover img{transform:scale(1.08)}
.c7-wg__knop--bel:hover{background:#FFD54A}
.c7-wg__knop--app:hover{background:#1EBE5A}
}
.c7-wg__alle{padding-top:1rem;border-top:1px solid rgba(255,255,255,.18)}
.c7-wg__alle summary{display:flex;align-items:center;gap:.6rem;min-height:40px;color:var(--wit);font:700 .95rem/1.3 var(--font-kop);list-style:none;cursor:pointer}
.c7-wg__alle summary::-webkit-details-marker{display:none}
.c7-wg__alle summary::before{content:"+";display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--geel);color:var(--bruin);font:700 1.1rem/1 var(--font-kop)}
.c7-wg__alle[open] summary::before{content:"\2212"}
.c7-wg__alle .sb-werkgebied__plaat{margin-top:1rem}
.c7-wg__alle .sb-werkgebied__lijst{columns:2}
.c7-wg__alle .sb-werkgebied__lijst a::before{background:var(--geel);box-shadow:0 0 0 1.5px var(--goud-diep) inset}
.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(max-width:900px){
.c7-wg__in{grid-template-columns:minmax(0,1fr);grid-template-areas:"kop" "beeld" "tekst";row-gap:1.6rem}
.c7-wg__beeld{--wg-pl:clamp(5rem,14vw,8rem);max-width:520px}
.c7-wg__alle .sb-werkgebied__lijst{columns:3}
}
@media(max-width:560px){
.c7-wg__beeld{--wg-pl:5rem;--wg-pb:.8rem;--wg-w:clamp(128px,34vw,160px)}
.c7-wg__kaartvak{transform:rotate(-.8deg);box-shadow:.45rem .45rem 0 var(--geel),var(--schaduw-lg)}
.c7-wg__netwerk{align-items:flex-start;font-size:.98rem}
.c7-wg__logo{width:72px}
.c7-wg__alle .sb-werkgebied__lijst{columns:2}
}
@media(prefers-reduced-motion:reduce){
.js .c7-wg__wagen{opacity:1;transform:none;transition:none}
}
.c7-zeker{background:var(--creme)}
.c7-zeker .zeker__card{background:var(--goud-diep)}
.c7-zeker .zeker__intro .eyebrow{color:var(--geel)}
.c7-zeker .zeker__intro .eyebrow::before{background:var(--geel)}
.c7-zeker .zeker__ok{position:relative;background:var(--geel)}
.c7-zeker .zeker__ok::after{content:"";width:.34rem;height:.62rem;margin-top:-.12rem;border:solid var(--bruin);border-width:0 3px 3px 0;transform:rotate(45deg)}
.c7-zeker .zeker__list li span:last-child{color:rgba(255,255,255,.9)}
.c7-zeker .zeker__bron{color:rgba(255,255,255,.72)}
.c7-zeker .zeker__link{color:var(--wit)}
.c7-rijen .sb-zakelijk__rij{grid-template-columns:auto minmax(0,1fr)}
.c7-tmz .di-i__persoon{height:90%;right:-6%}
.c7-tm__icoon{display:block;width:3.2rem;height:3.2rem;object-fit:contain}
.c7-tm__heel{white-space:nowrap}
.c7-keur__kaarten{list-style:none;margin:0;padding:2.2rem 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3rem 1rem}
.c7-keur__kaart{position:relative;display:flex;flex-direction:column;padding:3.4rem 1.3rem 1.3rem;background:var(--wit);border-radius:var(--r);box-shadow:var(--schaduw-kaart)}
.c7-keur__zegel{position:absolute;top:0;left:1.3rem;transform:translateY(-50%);display:grid;place-items:center;min-width:4.4rem;height:4.4rem;padding:0 .9rem;border-radius:999px;background:var(--goud-diep);color:var(--wit);font:700 .95rem/1 var(--font-kop);white-space:nowrap;box-shadow:var(--schaduw)}
.c7-keur__kaart--eigen{background:var(--bruin)}
.c7-keur__kaart--eigen .c7-keur__zegel{width:9rem;border-radius:14px;padding:.55rem .9rem}
.c7-keur__zegel img{display:block;width:100%;height:100%;object-fit:contain}
.c7-keur__zegel--logo{width:9rem;border-radius:14px;padding:.55rem .9rem;background:var(--wit)}
.c7-keur__zegel--logo img{display:block;width:auto;height:auto;max-width:100%;max-height:3.3rem;object-fit:contain}
.c7-keur__kaart h3{font-size:1.1rem;color:var(--goud-diep);margin:0 0 .45rem}
.c7-keur__kaart p{margin:0;font-size:.95rem;color:var(--ant-zacht)}
.c7-keur__kaart .c7-keur__houder{margin-top:auto;padding-top:.9rem;font:700 .72rem/1.35 var(--font-kop);letter-spacing:.08em;text-transform:uppercase;color:var(--goud-diep)}
.c7-keur__kaart--eigen h3{color:var(--wit)}
.c7-keur__kaart--eigen p{color:rgba(255,255,255,.88)}
.c7-keur__kaart--eigen .c7-keur__houder{color:var(--geel)}
@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(max-width:1100px){
.c7-keur__kaarten{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
.c7-keur__kaarten{grid-template-columns:1fr}
}
.c7-sdg{margin-top:clamp(2.4rem,5vw,3.6rem);padding:clamp(1.4rem,3vw,2.2rem);background:var(--wit);border-radius:var(--r);box-shadow:var(--schaduw-kaart)}
.c7-sdg__kop{font-size:1.2rem;color:var(--goud-diep);margin:0 0 .35rem}
.c7-sdg__intro{margin:0 0 1.2rem;color:var(--ant-zacht)}
.c7-sdg__lijst{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.7rem}
.c7-sdg__lijst li{display:flex;align-items:center;gap:.75rem;padding:.5rem .9rem .5rem .5rem;background:var(--creme);border-radius:999px;font-size:.93rem;font-weight:600;line-height:1.3;color:var(--bruin)}
.c7-sdg__lijst b{flex:none;display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:50%;background:var(--geel);color:var(--bruin);font:700 .95rem/1 var(--font-kop)}
.c7-faq{position:relative;background:var(--creme);overflow:clip}
.c7-faq__kaart:first-of-type::before{content:"";position:absolute;z-index:-1;left:-100vw;right:-100vw;top:clamp(2rem,4vw,4rem);height:clamp(15rem,26vw,22rem);background:var(--goud-diep);border-bottom:6px solid var(--geel);transform:skewY(-4deg)}
.c7-faq__in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.c7-faq__sprong{position:sticky;top:110px;padding-top:2.5rem}
.c7-faq__sprong ul{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.c7-faq__sprong a{display:flex;align-items:center;gap:.7rem;padding:.4rem 1rem .4rem .4rem;background:var(--wit);border-radius:999px;box-shadow:var(--schaduw-kaart);font:700 .9rem/1.25 var(--font-kop);color:var(--bruin);text-decoration:none}
.c7-faq__sprong a:hover,.c7-faq__sprong a:focus-visible{color:var(--goud-diep)}
.c7-faq__sprongicoon{flex:none;width:2.75rem;height:2.75rem}
.c7-faq__kaarten{display:grid;gap:clamp(3.8rem,6vw,4.8rem);padding-top:3rem}
.c7-faq__intro{margin:0 0 -1rem}
.c7-faq__kaart{position:relative;background:var(--wit);border-radius:var(--r);box-shadow:var(--schaduw);padding:clamp(3.4rem,5vw,4rem) clamp(1.2rem,3.5vw,2.6rem) clamp(.6rem,2vw,1.2rem);scroll-margin-top:130px}
.c7-faq__icoon{position:absolute;top:0;left:clamp(1.2rem,3.5vw,2.6rem);width:5.5rem;height:5.5rem;transform:translateY(-55%);filter:drop-shadow(0 10px 14px rgba(2,13,65,.22))}
.c7-faq__kaart .sectiekop{max-width:none;margin-bottom:1rem}
.c7-faq__kaart .kop{font-size:clamp(1.55rem,2.4vw,2rem)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.c7-faq__icoon{transition:transform .35s var(--ease)}
.c7-faq__kaart:hover .c7-faq__icoon{transform:translateY(-62%) rotate(-5deg)}
.c7-faq__sprong a{transition:transform .25s var(--ease),color .25s var(--ease)}
.c7-faq__sprong a:hover{transform:translateX(4px)}
}
@media(max-width:900px){
.c7-faq__in{grid-template-columns:1fr}
.c7-faq__sprong{position:static;padding-top:0}
.c7-faq__sprong ul{display:flex;flex-wrap:wrap;gap:.6rem}
.c7-faq__sprongicoon{width:2.2rem;height:2.2rem}
.c7-faq__sprong a{font-size:.84rem}
.c7-faq__kaarten{padding-top:2.6rem}
}
@media(max-width:560px){
.c7-faq__icoon{width:4.4rem;height:4.4rem}
}
.c7-kennis__icoon{width:34px;height:34px;flex:none}
.c7-kennis .sb-kennis__lijst li{grid-template-columns:28px 1fr;align-items:center}
.c7-kennis__ic{width:28px;height:28px}
.c7-kev{position:relative;background:var(--creme);overflow:clip}
.c7-kev .reviews__hoofd{align-items:end;margin-bottom:clamp(2.6rem,5vw,4rem)}
.c7-kev__score{position:relative;padding-top:2.4rem;box-shadow:var(--schaduw)}
.c7-kev__ster{position:absolute;top:0;right:1.2rem;width:5.5rem;height:5.5rem;transform:translateY(-50%) rotate(8deg);filter:drop-shadow(0 10px 14px rgba(2,13,65,.28))}
.c7-kev .scorepaneel .sb-sterren{font-size:1.2rem;margin:.2rem 0 1rem}
.c7-kev .scorepaneel__keurmerken img{max-width:9.5rem}
.c7-kev__lijst{position:relative;isolation:isolate;columns:3 18rem;column-gap:1.1rem}
.c7-kev__lijst::before{content:"";position:absolute;z-index:-1;left:-50vw;right:-50vw;top:-3.5rem;height:clamp(14rem,22vw,18rem);background:var(--goud-diep);border-bottom:6px solid var(--geel);transform:skewY(-3deg)}
.c7-kev .review{break-inside:avoid;margin:0;border-color:transparent;box-shadow:var(--schaduw-kaart)}
.c7-kev .review+.review{margin-top:1.1rem}
.c7-kev .review__tekst{display:block;overflow:visible}
.c7-kev .review__rate .sb-sterren{font-size:.85rem}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.c7-kev__ster{transition:transform .35s var(--ease)}
.c7-kev__score:hover .c7-kev__ster{transform:translateY(-58%) rotate(-6deg)}
.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)}
}
@media(max-width:560px){
.c7-kev__ster{width:4.4rem;height:4.4rem}
}
.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-fv-foto--rechts .c7-fv-foto__knip{clip-path:inset(calc(-1 * var(--uit) - 10px) 0 0 calc(-1 * var(--zij)) round 0 0 28px 28px)}
.c7-fv-foto--rechts .c7-fv-foto__persoon{left:auto;right:0;max-width:calc(100% + var(--zij));transform:none;transform-origin:100% 100%;object-position:100% 100%}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
.c7-fv-foto--rechts:hover .c7-fv-foto__persoon{transform:translateY(-8px)}
}
@media(max-width:620px){
.hero--pagina:has(.hero__bg img[src*="/hero/tilburg-team-"]) .pk__kruim ol{width:fit-content;margin-inline:auto;
border-radius:999px;background:rgba(2,13,65,.72);box-shadow:0 0 12px 6px rgba(2,13,65,.72)}
.hero--pagina:has(.hero__bg img[src*="/hero/tilburg-team-"]) .pk__kruim,
.hero--pagina:has(.hero__bg img[src*="/hero/tilburg-team-"]) .pk__kruim a{color:var(--creme)}
}
.c7-ev-accent{color:var(--teal-paneel);background:linear-gradient(var(--offerte),var(--offerte)) 0 92%/100% .12em no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.c7-ev-zeker .c7-ev-accent{color:var(--geel);background:none}
.c7-ev-keurrij{--ev-uit:clamp(7.5rem,15vw,14rem);position:relative;isolation:isolate;margin:0 0 clamp(2.8rem,5vw,4.2rem);padding-top:var(--ev-uit)}
.c7-ev-keurrij__personen{position:absolute;z-index:0;top:0;right:clamp(1.2rem,4vw,3.5rem);display:flex;align-items:flex-end;height:calc(var(--ev-uit) + 6rem);pointer-events:none;clip-path:inset(-3rem -3rem 0 -3rem)}
.c7-ev-keurrij__persoon{height:100%;margin:0}
.c7-ev-keurrij__persoon--kort{z-index:1;height:88.3%}
.c7-ev-keurrij__persoon+.c7-ev-keurrij__persoon{margin-left:calc((var(--ev-uit) + 6rem) * -.073)}
.c7-ev-keurrij__credit{position:relative;z-index:1;margin:.45rem .2rem 0 0;text-align:right;font-size:.72rem;color:var(--ant-zacht)}
.c7-ev-keurrij__persoon img{display:block;width:auto;height:100%;filter:drop-shadow(0 10px 14px rgba(2,13,65,.28))}
.c7-ev-keurkaart{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"logos tekst badge knop";align-items:center;gap:clamp(1.2rem,2.6vw,2.4rem);margin:0;padding:clamp(1rem,1.8vw,1.4rem) clamp(1.2rem,2.6vw,2.4rem) clamp(1rem,1.8vw,1.4rem) clamp(1rem,1.8vw,1.4rem);border-radius:calc(var(--r)*1.6);background:linear-gradient(90deg,var(--goud-diep) 0 30%,var(--goud) 30% 72%,var(--teal-op-navy) 72%) top/100% 5px no-repeat,var(--wit);box-shadow:var(--schaduw-lg)}
.c7-ev-keurkaart__logos{grid-area:logos;display:flex;align-items:center;gap:clamp(.8rem,1.4vw,1.2rem);padding:clamp(.9rem,1.4vw,1.2rem) clamp(1rem,1.6vw,1.4rem);border-radius:var(--r);background:linear-gradient(150deg,var(--teal-paneel),var(--goud-diep));box-shadow:0 18px 34px -20px rgba(2,13,65,.55)}
.c7-ev-keurkaart__logos img{display:block;width:auto;height:clamp(44px,4.2vw,58px)}
.c7-ev-keurkaart__tekst{grid-area:tekst;margin:0;max-width:34ch;font:600 clamp(1rem,1.25vw,1.1rem)/1.5 var(--font-kop);color:var(--bruin)}
.c7-ev-badge{grid-area:badge;position:relative;display:grid;place-content:center;justify-items:center;gap:.15rem;width:clamp(6.4rem,7.6vw,7.4rem);aspect-ratio:1;margin:0;border-radius:50%;background:var(--wit);color:var(--bruin);box-shadow:var(--schaduw);text-align:center}
.c7-ev-badge .di-e__badgetekst{width:5rem}
.c7-ev-badge.is-wacht .di-e__ring circle{transition:none}
.btn.c7-ev-knop{grid-area:knop;background:var(--teal-paneel);border-color:var(--teal-paneel);color:var(--wit)}
.btn.c7-ev-knop:hover,.btn.c7-ev-knop:focus-visible{background:var(--goud-diep);border-color:var(--goud-diep);color:var(--wit)}
.c7-ev-zeker .zeker__card{--ev-over:clamp(3rem,6vw,5.5rem);--ev-pad:clamp(1.6rem,3.4vw,2.8rem);overflow:visible;margin-top:var(--ev-over)}
.c7-ev-zeker .zeker__card::before{border-radius:var(--r) var(--r) 0 0}
.c7-ev-zeker__foto{position:relative;z-index:2;float:left;width:clamp(16rem,33%,25rem);margin:calc(-1*(var(--ev-over) + var(--ev-pad))) clamp(1.4rem,2.6vw,2.4rem) 1.4rem 0;aspect-ratio:1;border-radius:calc(var(--r)*1.6);overflow:hidden;background:var(--creme-2);box-shadow:0 0 0 6px var(--wit),var(--schaduw-lg)}
.c7-ev-zeker__foto img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.c7-ev-zeker .zeker__list{clear:both}
.c7-ev-zeker .zeker__head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:clamp(1.4rem,2.6vw,2.4rem);row-gap:1.2rem}
.c7-ev-zeker .zeker__logo{grid-column:1;grid-row:1;width:clamp(160px,14vw,210px)}
.c7-ev-zeker .zeker__merk{grid-column:1;grid-row:2;margin:0;height:clamp(84px,7.4vw,108px)}
.c7-ev-zeker .zeker__intro{grid-column:2;grid-row:1/3}
.c7-ev-pil{position:absolute;left:.8rem;bottom:.8rem;margin:0;padding:.4rem .8rem;border-radius:2rem;background:var(--wit);color:var(--bruin);font:600 .62rem/1.2 var(--font-kop);letter-spacing:.1em;white-space:nowrap;text-transform:uppercase;box-shadow:var(--schaduw-kaart)}
.c7-ev-zeker__lijst{gap:.8rem}
.c7-ev-zeker__lijst li{padding:1rem 1.1rem;border-top:0;border-radius:14px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.c7-ev-zeker .c7-ev-zeker__lijst li .c7-ev-getal{color:var(--geel);font-weight:700;font-size:1.06em}
.c7-ev-epv__paneel{--ev-boven:clamp(3rem,6vw,5rem);position:relative;isolation:isolate;padding:0 0 clamp(1.4rem,3vw,2.6rem) clamp(1.2rem,3vw,2.6rem)}
.c7-ev-epv__paneel::before{content:"";position:absolute;z-index:-1;inset:var(--ev-boven) 0 0 0;border-radius:calc(var(--r)*1.8);background:rgba(51,188,250,.16)}
.c7-ev-epv .sb-zakelijk__raster{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)}
.c7-ev-epv .sb-zakelijk__rijen{order:-1;padding-top:calc(var(--ev-boven) + clamp(1.2rem,2.4vw,2rem))}
.c7-ev-epv .sb-zakelijk__uitgelicht{margin-right:calc(-1*min(2.2rem,var(--pad) - 8px))}
@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){
.c7-ev-zeker__foto img{transition:transform .6s var(--ease)}
.c7-ev-zeker__foto:hover img{transform:scale(1.03)}
.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(max-width:1100px){
.c7-ev-keurkaart{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"logos tekst badge" "logos knop badge";row-gap:.9rem}
.btn.c7-ev-knop{justify-self:start}
}
@media(max-width:900px){
.c7-ev-epv__paneel{--ev-boven:2.4rem;padding:0 clamp(.8rem,3vw,1.6rem) clamp(1rem,3vw,1.6rem)}
.c7-ev-epv .sb-zakelijk__raster{grid-template-columns:minmax(0,1fr)}
.c7-ev-epv .sb-zakelijk__rijen{order:0;padding-top:0}
.c7-ev-epv .sb-zakelijk__uitgelicht{margin-right:0}
}
@media(max-width:760px){
.c7-ev-keurkaart{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"logos logos" "tekst tekst" "badge knop";gap:1rem}
.c7-ev-keurkaart__logos{justify-self:start}
.c7-ev-zeker .zeker__head{grid-template-columns:auto auto;justify-content:space-between;align-items:center}
.c7-ev-zeker .zeker__merk{grid-column:2;grid-row:1;height:clamp(64px,16vw,84px)}
.c7-ev-zeker .zeker__intro{grid-column:1/-1;grid-row:2}
.c7-ev-zeker__foto{float:none;width:min(100%,30rem);margin-right:0;aspect-ratio:3/2}
}
@media(max-width:560px){
.c7-ev-keurkaart__logos img{height:40px}
.c7-ev-zeker__foto{width:100%}
}
.sb-impact__foto.c7-impop{--fa:3.2;--d0:.161;--mid:.59;--ar:1.5;position:relative;overflow:visible;container-type:inline-size;
--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-impact__foto.c7-impop .c7-impop__raam{position:absolute;inset:0;overflow:hidden;border-radius:inherit}
.sb-impact__foto.c7-impop .c7-impop__boven{position:absolute;z-index:2;left:0;right:0;bottom:calc(100% - 3px);height:calc(var(--p) + 43px);overflow:hidden;pointer-events:none}
.sb-impact__foto.c7-impop::after{content:"";position:absolute;z-index:1;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1.5px var(--geel);pointer-events:none}
.sb-impact__foto.c7-impop .c7-impop__raam>img,.sb-impact__foto.c7-impop .c7-impop__boven>img{position:absolute;left:var(--pl);
width:var(--pw);height:var(--ph);max-width:none;object-fit:fill;border-radius:0}
.sb-impact__foto.c7-impop .c7-impop__raam>img{top:var(--pt)}
.sb-impact__foto.c7-impop .c7-impop__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-impact__podium:has(>.c7-impop) .sb-impact__persoon{height:min(var(--im-hoog),calc(100% + 3.25rem))}
@media(max-width:900px){
.sb-impact__foto.c7-impop{--fa:2.5}
.sb-impact__podium:has(>.c7-impop) .sb-impact__persoon{height:min(var(--im-hoog),calc(100% + 2.75rem))}
}
@media(max-width:560px){
.sb-impact__foto.c7-impop{--fa:1.7778}
.sb-impact__podium:has(>.c7-impop) .sb-impact__persoon{height:min(var(--im-hoog),calc(100% + 2rem))}
}
.c7-cert-band{--uit:clamp(48px,6vw,84px);position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,32%);margin-top:calc(clamp(1.6rem,3vw,2.2rem) + var(--uit));border-radius:22px;background:var(--bruin)}
.c7-cert-band--los{grid-template-columns:minmax(0,1fr);margin-top:clamp(1.6rem,3vw,2.2rem)}
.c7-cert-raster{display:grid;grid-template-columns:repeat(4,140px);gap:1.5rem 1.25rem;justify-content:center;align-content:center;margin:0;padding:clamp(1.6rem,3vw,2.4rem) clamp(1.2rem,2.4vw,2rem)}
.c7-cert-item{display:flex;flex-direction:column;align-items:center;gap:.45rem;text-align:center;text-decoration:none;color:var(--wit);font:700 .82rem/1.3 var(--font-kop)}
.c7-cert-item small{display:block;font:400 .74rem/1.3 var(--font-kop);color:var(--lijn)}
.c7-cert-badge{flex:none;display:grid;place-items:center;width:140px;height:90px;padding:12px;border-radius:14px;background:var(--wit);box-shadow:0 10px 24px rgba(2,13,65,.28);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.c7-cert-badge img{display:block;width:auto;height:auto;max-width:112px;max-height:62px}
.c7-cert-badge__masker{display:block;width:112px;height:60px;background:var(--bruin);-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat}
.c7-cert-badge__masker--ev{--logo:url(/assets/img/keurmerk/erkende-verhuizers-wit.svg)}
.c7-cert-badge__masker--epv{--logo:url(/assets/img/merk/erkende-projectverhuizers-wit.webp)}
.c7-cert-kaarten{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.2rem,2.4vw,1.8rem)}
.c7-cert-kaart{position:relative;display:flex;flex-direction:column;border-radius:var(--r);background:var(--wit);box-shadow:var(--schaduw-kaart);overflow:hidden;scroll-margin-top:100px;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.c7-cert-kaart__band{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem;padding:1.2rem 1.3rem;background:linear-gradient(135deg,var(--bruin) 0%,var(--goud-diep) 100%);border-bottom:4px solid var(--geel)}
.c7-cert-kaart__mini{display:flex;flex-wrap:wrap;gap:.45rem}
.c7-cert-mini{display:grid;place-items:center;width:92px;height:50px;padding:7px 9px;border:1px solid var(--lijn);border-radius:10px;background:var(--wit)}
.c7-cert-mini img{display:block;width:auto;height:auto;max-width:100%;max-height:36px}
.c7-cert-mini--blauw{background:var(--goud)}
.c7-cert-mini--breed{width:156px}
.c7-cert-kaart__tekst{flex:1;display:flex;flex-direction:column;gap:.7rem;padding:1.2rem 1.3rem 1.3rem}
.c7-cert-kaart h3{margin:0;color:var(--bruin);font-size:1.2rem;line-height:1.25}
.c7-cert-kaart p{margin:0;color:var(--ant-zacht);font-size:.97rem;line-height:1.55}
.c7-cert-kaart__meta{margin:auto 0 0;padding-top:.8rem;border-top:1px solid var(--lijn);font-size:.88rem;line-height:1.45}
.c7-cert-kaart__meta dt{font:700 .7rem/1.3 var(--font-kop);letter-spacing:.1em;text-transform:uppercase;color:var(--goud-diep)}
.c7-cert-kaart__meta dd{margin:.15rem 0 .55rem;color:var(--ant)}
.c7-cert-kaart__meta dd:last-child{margin-bottom:0}
@media (prefers-reduced-motion:no-preference){
.c7-cert-beweeg .sb-zakelijk__schuin{transition:transform .9s var(--ease) .15s,opacity .9s var(--ease) .15s}
.js .c7-cert-beweeg:not(.in) .sb-zakelijk__schuin{transform:rotate(0deg) translate(-14px,-14px);opacity:0}
.c7-cert-beweeg .sb-zakelijk__persoon img{transform-origin:50% 100%;transition:transform .8s var(--ease),opacity .8s var(--ease)}
.js .c7-cert-beweeg:not(.in) .sb-zakelijk__persoon img{transform:translateY(12%);opacity:0}
.c7-cert-beweeg .sb-zakelijk__tag{transition:transform .6s cubic-bezier(.34,1.56,.64,1) .55s,opacity .6s ease .55s}
.js .c7-cert-beweeg:not(.in) .sb-zakelijk__tag{transform:scale(.6);opacity:0}
.c7-cert-beweeg .sb-zakelijk__kaart,.c7-cert-beweeg .sb-zakelijk__foto img{transition:transform .6s var(--ease)}
.c7-cert-beweeg .sb-zakelijk__pijl{transition:background-color .3s var(--ease),color .3s var(--ease)}
}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
.c7-cert-item:hover .c7-cert-badge{transform:translateY(-4px);box-shadow:0 16px 30px rgba(0,0,0,.32)}
.c7-cert-kaart:hover{transform:translateY(-4px);box-shadow:var(--schaduw)}
.c7-cert-beweeg:hover .sb-zakelijk__kaart{transform:translateY(-3px)}
.c7-cert-beweeg:hover .sb-zakelijk__foto img{transform:scale(1.03)}
.c7-cert-beweeg:hover .sb-zakelijk__persoon img{transform:scale(1.02)}
.c7-cert-beweeg:hover .sb-zakelijk__schuin{transform:rotate(-3.4deg) translate(-4px,4px)}
.c7-cert-beweeg:hover .sb-zakelijk__pijl{background:var(--goud-diep);color:var(--wit)}
}
.c7-cert-item:focus-visible .c7-cert-badge{outline:3px solid var(--geel);outline-offset:3px}
@media (max-width:1100px){
.c7-cert-band{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:980px){
.c7-cert-kaarten{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
.c7-cert-raster{grid-template-columns:repeat(2,140px)}
}
@media (max-width:620px){
.c7-cert-kaarten{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
.cert-kaart:has(.c7-cert-band){padding-inline:1rem}
.c7-cert-raster{grid-template-columns:repeat(2,128px);gap:1.2rem .9rem;padding:1.4rem .9rem}
.c7-cert-raster .c7-cert-badge{width:128px;height:82px}
.c7-cert-raster .c7-cert-badge img{max-width:104px;max-height:56px}
.c7-cert-raster .c7-cert-badge__masker{width:104px;height:54px}
}
.c7-sdg--tegels .c7-sdg__lijst{grid-template-columns:repeat(7,minmax(0,1fr));gap:1rem}
.c7-sdg--tegels .c7-sdg__lijst li{flex-direction:column;justify-content:flex-start;gap:.6rem;padding:1rem .8rem 1.1rem;border-radius:var(--r);text-align:center}
.c7-sdg__tegel{display:block;width:88px;height:auto;filter:drop-shadow(0 6px 10px rgba(2,13,65,.18))}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
.c7-sdg__tegel{transition:transform .3s var(--ease)}
.c7-sdg--tegels .c7-sdg__lijst li:hover .c7-sdg__tegel{transform:translateY(-4px) scale(1.03)}
}
@media (max-width:980px){
.c7-sdg--tegels .c7-sdg__lijst{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.c7-sdg--tegels .c7-sdg__lijst li{-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word}
@media (min-width:981px) and (max-width:1239px){
.c7-sdg--tegels .c7-sdg__lijst{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:560px){
.c7-sdg--tegels .c7-sdg__lijst{grid-template-columns:repeat(2,minmax(0,1fr))}
.c7-sdg__tegel{width:76px}
}
@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}
}
}
.c7-wb-podium{--v:1.4rem;--vlak:var(--goud);position:relative;isolation:isolate}
.c7-wb-stapel{position:absolute;z-index:0;pointer-events:none}
.c7-wb-stapel::before,.c7-wb-stapel::after{content:"";position:absolute;inset:0;border-radius:var(--r)}
.c7-wb-stapel::before{background:var(--bruin);transform:translate(var(--v),calc(-1*var(--v)));box-shadow:0 18px 34px -20px rgba(2,13,65,.55)}
.c7-wb-stapel::after{background:var(--vlak);box-shadow:0 1px 2px rgba(2,13,65,.06),0 16px 30px -18px rgba(2,13,65,.4)}
.c7-wb-podium::before{content:"";position:absolute;z-index:0;width:7.5rem;height:5.5rem;pointer-events:none;
background:radial-gradient(circle,var(--teal-paneel) 1.6px,transparent 2.2px) 0 0/14px 14px;opacity:.6}
.c7-wb-badge{position:absolute;z-index:3;display:grid;place-items:center;width:5.25rem;height:5.25rem;border-radius:50%;
background:var(--wit);box-shadow:var(--schaduw)}
.c7-wb-badge img{display:block;width:56px;height:56px;max-width:none}
.c7-wb-podium--team{padding:15% calc(var(--v) + 1.25rem) 1.5rem 0}
.c7-wb-podium--team .c7-wb-stapel{top:var(--v);right:var(--v);bottom:3.5rem;width:72%}
.c7-wb-kader{position:relative;z-index:1;margin:0;aspect-ratio:1920/958}
.c7-wb-raam{position:absolute;inset:0;overflow:hidden;border-radius:var(--r);background:var(--creme-2);box-shadow:var(--schaduw-lg)}
.c7-wb-foto{position:absolute;left:0;top:-34.447%;width:100%;max-width:none;height:auto}
.c7-wb-uit{position:absolute;z-index:1;left:8.958%;top:-23.382%;width:71.875%;max-width:none;height:auto;pointer-events:none;
clip-path:inset(-40% -8% 4.3% -8%);filter:drop-shadow(5px 7px 7px rgba(2,13,65,.35))}
.c7-wb-podium--team::before{left:-.75rem;bottom:0}
.c7-wb-podium--team .c7-wb-badge{right:.25rem;bottom:.1rem}
.c7-wb-podium--bonus{--vlak:var(--geel);aspect-ratio:1.1}
.c7-wb-podium--bonus .c7-wb-stapel{left:var(--v);top:22%;bottom:0;width:76%}
.c7-wb-podium--bonus .c7-wb-stapel::before{transform:translate(calc(-1*var(--v)),calc(-1*var(--v)))}
.c7-wb-figuur{position:absolute;z-index:1;left:var(--v);top:0;bottom:0;width:76%;margin:0;display:flex;justify-content:center;
align-items:flex-end;padding-right:12%;filter:drop-shadow(0 12px 14px rgba(2,13,65,.3));clip-path:inset(-30% -30% 0 -30%)}
.c7-wb-figuur img{display:block;width:auto;height:100%;max-width:none;transform-origin:50% 100%}
.c7-wb-podium--bonus::before{right:0;bottom:-1rem}
.c7-wb-podium--bonus .c7-wb-badge{left:calc(var(--v) + 76% - 2.625rem);bottom:22%}
.c7-wb-dpop--chauffeur{--d0:.16;--mid:.563;--ar:1.3333}
@media(min-width:621px){
.c7-wb-kaarten .sb-dienst__beeld:not(.sb-dpop) .sb-dienst__foto{aspect-ratio:3.15}
}
.c7-wb-marker{--m:var(--goud);padding-inline:.04em;background:linear-gradient(var(--m),var(--m)) 0 94%/100% .2em no-repeat;
-webkit-box-decoration-break:clone;box-decoration-break:clone}
.c7-wb-marker--geel{--m:var(--geel)}
.c7-wb-lijst{display:grid;gap:.6rem;margin:0 0 1rem;padding:0;list-style:none}
.c7-wb-lijst li{position:relative;padding-left:2.1rem;font-size:.97rem;line-height:1.55}
.c7-wb-lijst li::before{content:"";position:absolute;left:0;top:.05rem;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--offerte)}
.c7-wb-lijst li::after{content:"";position:absolute;left:.5rem;top:.3rem;width:.36rem;height:.68rem;border:solid var(--bruin);
border-width:0 .15rem .15rem 0;transform:rotate(45deg)}
@media(prefers-reduced-motion:no-preference){
.c7-wb-stapel::before{transition:translate .9s var(--ease) .15s,transform .35s ease}
.c7-wb-stapel::after{transform-origin:0 100%;transition:scale .8s var(--ease),opacity .8s var(--ease)}
.c7-wb-podium--bonus .c7-wb-stapel::after{transform-origin:100% 100%}
:is(.c7-wb-kader,.c7-wb-figuur img){transition:translate .8s var(--ease) .1s,opacity .8s var(--ease) .1s,transform .35s ease}
.c7-wb-badge{transition:scale .6s cubic-bezier(.34,1.56,.64,1) .55s,opacity .3s ease .55s,rotate .35s ease}
.c7-wb-podium::before{transition:opacity .8s var(--ease) .3s}
.c7-wb-marker{transition:background-size .8s var(--ease) .35s}
.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}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.c7-wb-podium:hover .c7-wb-stapel::before{transform:translate(calc(var(--v) + 8px),calc(-1*var(--v) - 6px))}
.c7-wb-podium--bonus:hover .c7-wb-stapel::before{transform:translate(calc(-1*var(--v) - 8px),calc(-1*var(--v) - 6px))}
.c7-wb-podium:hover .c7-wb-kader{transform:translateY(-8px) scale(1.02)}
.c7-wb-podium:hover .c7-wb-figuur img{transform:scale(1.03)}
.c7-wb-podium:hover .c7-wb-badge{rotate:-6deg}
}
@media(max-width:560px){
.c7-wb-podium{--v:1rem}
.c7-wb-podium--team{padding-right:calc(var(--v) + .75rem)}
.c7-wb-podium::before{width:5.5rem;height:4rem}
.c7-wb-badge{width:4.25rem;height:4.25rem}
.c7-wb-badge img{width:44px;height:44px}
.c7-wb-podium--bonus .c7-wb-badge{left:calc(var(--v) + 76% - 2.125rem)}
}
.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-dpop--vest-brussel{--d0:0.326;--mid:0.452;--ar:1.3333}
.c7-vest .c7-vest__wie figcaption{top:auto;bottom:1rem;z-index:1}
.c7-vest .c7-vest__plaat{display:block;aspect-ratio:4/3.4;border-radius:8px;background:linear-gradient(160deg,var(--wit) 0%,var(--goud-licht) 55%,var(--zand) 100%)}
.c7-vest .c7-vest__fig{position:absolute;left:50%;bottom:8px;width:auto;height:122%;max-width:none;aspect-ratio:auto;object-fit:contain;border-radius:0;transform:translateX(-50%);z-index:1;pointer-events:none;
filter:drop-shadow(0 10px 12px rgba(2,13,65,.3)) drop-shadow(0 2px 3px rgba(2,13,65,.22))}
.c7-vest .c7-vest__wie--fig figcaption{z-index:2}
.c7-vest .c7-vest__wie--rand .c7-vest__fig{height:118%;clip-path:inset(-40px -40px 0 -40px)}
.c7-vest .c7-vest__wie--portret .c7-vest__fig{width:94%;height:auto;aspect-ratio:auto}
.c7-vest .sb-toennu__fotos:has(.c7-vest__naam){padding-bottom:3.4rem}
.c7-vest .c7-vest__wie .c7-vest__naam{top:calc(100% + .6rem);bottom:auto;left:.3rem;display:grid;width:max-content;max-width:none;padding:0;border-radius:0;
background:none;color:var(--wit);text-align:left;text-transform:none;letter-spacing:0}
.c7-vest .c7-vest__naam strong{font:700 .82rem/1.25 var(--font-kop)}
.c7-vest .c7-vest__naam span{font-size:.74rem;font-weight:500;line-height:1.3;opacity:.85}
.c7-vest:is(.c7-vest--creme,.c7-vest--geel) .c7-vest__wie .c7-vest__naam{color:var(--bruin)}
@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--groen .sb-toennu__paneel{background:var(--offerte-rand)}
.c7-vest--groen .sb-toennu__paneel .label{color:var(--wit)}
.c7-vest--groen .sb-toennu__paneel .label::before{background:var(--offerte)}
.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--creme .sb-toennu__paneel{background:linear-gradient(135deg,var(--wit) 0%,var(--creme-2) 100%);box-shadow:inset 0 0 0 1px var(--zand),var(--schaduw)}
.c7-vest--geel .sb-toennu__paneel{background:var(--geel)}
.c7-vest--creme .sb-toennu__paneel .label{color:var(--goud-diep)}
.c7-vest--creme .sb-toennu__paneel .label::before{background:var(--goud-diep)}
.c7-vest--geel .sb-toennu__paneel .label{color:var(--bruin)}
.c7-vest--geel .sb-toennu__paneel .label::before{background:var(--bruin)}
.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(min-width:901px){
.sb-werkwijze__boven{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
}
.sb-werkwijze__beeld{padding-top:3.5rem}
.sb-werkwijze__vlak{top:1rem;right:-1rem;width:68%;height:80%;background:var(--geel)}
.sb-werkwijze__foto{aspect-ratio:3/2}
.sb-werkwijze__foto::before{content:"";position:absolute;z-index:1;left:1rem;right:3.5rem;bottom:calc(var(--ww-over) + 5.1rem);height:4px;border-radius:2px;
background:repeating-linear-gradient(90deg,var(--geel) 0 14px,transparent 14px 24px) 0 0/100% 100% no-repeat}
.sb-werkwijze__foto::after{content:"";position:absolute;z-index:2;right:1rem;bottom:calc(var(--ww-over) + 2.9rem);width:4.5rem;height:4.5rem;border-radius:50%;
background:var(--wit) url(/assets/img/iconen/kleur/vrachtwagen.svg) center/56px no-repeat;
box-shadow:0 10px 24px -10px rgba(2,13,65,.6)}
@media(prefers-reduced-motion:no-preference){
.sb-werkwijze__persoon{transition:translate .8s var(--ease) .1s,opacity .8s var(--ease) .1s,transform .35s ease}
.sb-werkwijze__foto img{transition:scale .6s var(--ease)}
.sb-werkwijze__foto::before{transition:background-size 1.1s var(--ease) .2s}
.sb-werkwijze__foto::after{transition:translate 1.6s cubic-bezier(.3,.7,.2,1) .35s,rotate .35s ease}
.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}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.sb-werkwijze__beeld:hover .sb-werkwijze__persoon{transform:translateY(-8px) scale(1.02)}
.sb-werkwijze__beeld:hover .sb-werkwijze__foto img{scale:1.03}
.sb-werkwijze__beeld:hover .sb-werkwijze__foto::after{rotate:-8deg}
}
@media(max-width:900px){
.sb-werkwijze__beeld{max-width:40rem}
}
@media(max-width:560px){
.sb-werkwijze__vlak{right:0}
.sb-werkwijze__foto::before{bottom:calc(var(--ww-over) + 3.6rem);left:.75rem;right:2.9rem}
.sb-werkwijze__foto::after{width:3.5rem;height:3.5rem;right:.75rem;bottom:calc(var(--ww-over) + 1.9rem);background-size:44px}
}
@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}
.c7-dz-sectie{
--c7-dz-geel:#FAB617; --c7-dz-turkoois:#00AAA3; --c7-dz-turkoois-groot:#008F88; --c7-dz-turkoois-donker:#007C77; --c7-dz-turkoois-tekst:#005A56;
--c7-dz-groen:#32731E; --c7-dz-groen-helder:#1E8A3C; --c7-dz-lime:#C0D54B; --c7-dz-blauw:#00ADEF; --c7-dz-goud:#BC980B; --c7-dz-navy:#1B496B;
--c7-dz-raat:#C9E6E5; --c7-dz-blad:#EEF3DC; --c7-dz-inkt:#1D1D1B;
--c7-dz-display:'Archivo Expanded','Sora','Helvetica Neue',Arial,sans-serif;
--c7-dz-zeshoek:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
--c7-dz-ster:polygon(50% 0,61.9% 21.4%,85.4% 14.6%,78.6% 38.1%,100% 50%,78.6% 61.9%,85.4% 85.4%,61.9% 78.6%,50% 100%,38.1% 78.6%,14.6% 85.4%,21.4% 61.9%,0 50%,21.4% 38.1%,14.6% 14.6%,38.1% 21.4%);
--c7-dz-schaduw:0 2px 4px rgba(0,0,0,.05),0 22px 44px -24px rgba(0,0,0,.35);
position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(4rem,8vw,7rem);color:var(--c7-dz-inkt)
}
:where(.c7-dz-sectie ul,.c7-dz-sectie ol){list-style:none;margin:0;padding:0}
.c7-dz-sectie .label{color:var(--c7-dz-inkt)}
.c7-dz-sectie .label::before{background:currentColor}
.c7-dz-kopblok{position:relative;max-width:820px;margin-bottom:clamp(2.5rem,5vw,4rem)}
.c7-dz-kopblok--midden{margin-inline:auto;text-align:center}
.c7-dz-kopblok--midden .label{justify-content:center}
.c7-dz-kopblok--midden .c7-dz-intro{margin-inline:auto}
.c7-dz-kop{font-family:var(--c7-dz-display);font-weight:900;font-size:clamp(1.55rem,4.2vw,3.4rem);line-height:1;letter-spacing:.005em;text-transform:uppercase;color:var(--c7-dz-groen);margin:0 0 1.1rem;text-wrap:balance}
.c7-dz-intro{font-size:1.15rem;line-height:1.6;max-width:62ch;margin:0 0 1rem}
.c7-dz-kopblok p:last-child{margin-bottom:0}
.c7-dz-houder{margin:auto 0 0;padding-top:.9rem;font:700 .7rem/1.3 var(--font-kop);letter-spacing:.14em;text-transform:uppercase;color:var(--c7-dz-turkoois-tekst)}
.c7-dz-raat{--b:clamp(46px,5vw,70px);position:absolute;z-index:-1;display:grid;grid-template-columns:repeat(3,calc(var(--b)*.8));row-gap:5px;pointer-events:none}
.c7-dz-raat i{display:block;width:var(--b);aspect-ratio:1.1547;background:var(--c7-dz-raat);clip-path:var(--c7-dz-zeshoek);opacity:.6}
.c7-dz-raat i:nth-child(3n+2){translate:0 52%}
.c7-dz-raat--rechtsboven{top:1.2rem;right:-1.5rem}
.c7-dz-raat--rechtsonder{bottom:1.5rem;right:-1rem}
.c7-dz-raat--vel{z-index:0;bottom:-1.2rem;right:-1.4rem}
.c7-dz-vlucht{position:absolute;z-index:-1;left:-10%;top:5.5rem;width:120%;height:14rem;border-top:2px dashed var(--c7-dz-turkoois);border-radius:50%;opacity:.55;rotate:-3deg;pointer-events:none}
.c7-dz-vlucht--hoog{top:2rem;border-color:#fff;opacity:.8}
main > .c7-dz-sectie::before{content:none}
.c7-dz-foto .c7-dz-achter{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;object-fit:cover}
.c7-dz-foto::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.c7-dz-foto--licht::after{background:linear-gradient(180deg,rgba(255,255,255,.78) 0,rgba(255,255,255,.4) 38%,rgba(255,255,255,0) 72%)}
.c7-dz-zelf{background:var(--c7-dz-geel)}
.c7-dz-zelf .c7-dz-kop{color:var(--c7-dz-inkt)}
.c7-dz-zelf .c7-dz-intro a{color:var(--c7-dz-inkt);font-weight:700}
.c7-dz-eigen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4.6rem clamp(1rem,2vw,1.6rem);padding-top:3.4rem}
.c7-dz-eigen>li{display:flex}
.c7-dz-eigen__kaart{position:relative;flex:1;display:flex;flex-direction:column;background:#fff;border-radius:22px;padding:5.4rem 1.4rem 1.5rem;box-shadow:var(--c7-dz-schaduw)}
.c7-dz-eigen__kaart h3{font:700 1.2rem/1.25 var(--font-kop);margin:0 0 .5rem;color:var(--c7-dz-inkt)}
.c7-dz-eigen__kaart p{margin:0;font-size:.98rem;line-height:1.55}
.c7-dz-eigen__getal{position:absolute;top:0;left:50%;translate:-50% -50%;width:9.6rem;aspect-ratio:1.1547;clip-path:var(--c7-dz-zeshoek);display:grid;place-content:center;text-align:center;background:var(--c7-dz-turkoois-donker);color:#fff;font:900 1.7rem/1 var(--c7-dz-display)}
.c7-dz-eigen__getal small{display:block;font-size:.5em;letter-spacing:.08em;margin-bottom:.25em}
.c7-dz-eigen>li:nth-child(2) .c7-dz-eigen__getal{background:var(--c7-dz-groen)}
.c7-dz-eigen>li:nth-child(3) .c7-dz-eigen__getal{background:var(--c7-dz-navy)}
.c7-dz-eigen>li:nth-child(4) .c7-dz-eigen__getal{background:var(--c7-dz-lime);color:var(--c7-dz-inkt)}
.c7-dz-beleid::after{background:linear-gradient(180deg,rgba(12,36,6,.8) 0,rgba(12,36,6,.5) 34%,rgba(12,36,6,.3) 60%,rgba(12,36,6,.5) 100%)}
.c7-dz-beleid .label{color:#fff}
.c7-dz-motto{margin-bottom:clamp(2rem,4vw,3.2rem)}
.c7-dz-motto .c7-dz-kop{text-shadow:0 2px 24px rgba(0,0,0,.35);color:#fff;font-size:clamp(1.8rem,5.4vw,4.6rem);max-width:18ch;margin:0}
.c7-dz-motto .c7-dz-kop::before,.c7-dz-motto .c7-dz-kop::after{color:var(--c7-dz-lime);font-size:1.25em;line-height:0;vertical-align:-.28em}
.c7-dz-motto .c7-dz-kop::before{content:"\201C";margin-right:.08em}
.c7-dz-motto .c7-dz-kop::after{content:"\201D";margin-left:.08em}
.c7-dz-vel{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(1.6rem,4vw,3.5rem);background:#fff;border-radius:26px;padding:clamp(1.6rem,4vw,3.2rem);box-shadow:0 40px 90px -40px rgba(0,0,0,.6);overflow:hidden}
.c7-dz-vel>:not(.c7-dz-raat){position:relative;z-index:1}
.c7-dz-vel p{margin:0 0 1rem;line-height:1.65}
.c7-dz-initiaal::first-letter{float:left;font:900 4.4em/.8 var(--c7-dz-display);color:var(--c7-dz-turkoois-groot);margin:.08em .14em 0 0}
.c7-dz-vel__nadruk{font:700 1.18rem/1.45 var(--font-kop);color:var(--c7-dz-groen);border-left:4px solid var(--c7-dz-lime);padding-left:1rem}
.c7-dz-vel__foto{margin:1.4rem 0 0;border-radius:18px;overflow:hidden;aspect-ratio:4/3;box-shadow:var(--c7-dz-schaduw)}
.c7-dz-vel__foto img{display:block;width:100%;height:100%;object-fit:cover}
.c7-dz-missie{background:#fff}
.c7-dz-podium{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center}
.c7-dz-podium__foto{grid-column:2;grid-row:1;margin:0;border-radius:28px;overflow:hidden;aspect-ratio:1400/990;box-shadow:var(--c7-dz-schaduw)}
.c7-dz-podium__foto img{display:block;width:100%;height:100%;object-fit:cover}
.c7-dz-ballonnen{grid-column:1;grid-row:1;position:relative;z-index:1;display:grid;gap:1.6rem;margin-right:-22%}
.c7-dz-ballon--visie{margin-left:8%}
.c7-dz-ballon p{position:relative;margin:0;padding:1.4rem 1.5rem 1.2rem;border-radius:22px;background:var(--c7-dz-lime);font-size:1rem;line-height:1.55;box-shadow:var(--c7-dz-schaduw)}
.c7-dz-ballon--visie p{background:var(--c7-dz-blauw)}
.c7-dz-ballon p::after{content:"";position:absolute;left:2.2rem;bottom:-17px;width:30px;height:18px;background:inherit;clip-path:polygon(0 0,100% 0,0 100%)}
.c7-dz-ballon__woord{display:block;margin:1.3rem 0 0 .2rem;font:900 clamp(2rem,3.4vw,3rem)/.9 var(--c7-dz-display);text-transform:uppercase}
.c7-dz-ballon--missie .c7-dz-ballon__woord{color:var(--c7-dz-groen)}
.c7-dz-ballon--visie .c7-dz-ballon__woord{color:#006F9E}
.c7-dz-circulair{color:#fff}
.c7-dz-circulair::after{background:radial-gradient(ellipse 60% 42% at 22% 18%,rgba(8,30,6,.72),transparent 80%),linear-gradient(90deg,rgba(10,38,8,.72) 0,rgba(10,38,8,.5) 50%,rgba(10,38,8,.72) 100%)}
.c7-dz-circulair .label{color:#fff}
.c7-dz-circulair .c7-dz-kop{color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.4)}
.c7-dz-circulair__raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
.c7-dz-blad{margin-top:1.6rem;background:var(--c7-dz-blad);color:var(--c7-dz-inkt);border-radius:22px;padding:clamp(1.4rem,3vw,2.2rem);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.c7-dz-blad p{margin:0 0 .9rem;line-height:1.6}
.c7-dz-blad p:last-child{margin:0}
.c7-dz-blad__intro{font:700 1.12rem/1.45 var(--font-kop)}
.c7-dz-blad a{color:var(--c7-dz-groen);font-weight:700}
.c7-dz-sdg__beeld{position:relative;display:grid;justify-items:center;margin-bottom:1.6rem}
.c7-dz-sdg__raat{--w:clamp(80px,8.6vw,118px);position:relative;width:calc(var(--w)*2.5);height:calc(var(--w)*.866*3)}
.c7-dz-sdg__tegel{position:absolute;width:var(--w);aspect-ratio:1.1547;display:grid;place-items:center;scale:.96}
.c7-dz-sdg__tegel img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.3))}
.c7-dz-sdg__tegel--8{left:calc(var(--w)*.75);top:0}
.c7-dz-sdg__tegel--14{left:0;top:calc(var(--w)*.433)}
.c7-dz-sdg__tegel--9{left:calc(var(--w)*1.5);top:calc(var(--w)*.433)}
.c7-dz-sdg__tegel--17{left:calc(var(--w)*.75);top:calc(var(--w)*.866)}
.c7-dz-sdg__tegel--13{left:0;top:calc(var(--w)*1.299)}
.c7-dz-sdg__tegel--11{left:calc(var(--w)*1.5);top:calc(var(--w)*1.299)}
.c7-dz-sdg__tegel--12{left:calc(var(--w)*.75);top:calc(var(--w)*1.732)}
.c7-dz-sdg__woord{position:absolute;left:50%;bottom:-.1em;translate:-50% 0;z-index:-1;font:900 clamp(3.6rem,8vw,7rem)/1 var(--c7-dz-display);text-transform:uppercase;color:var(--c7-dz-blad);opacity:.9;white-space:nowrap}
.c7-dz-sdg__kop{font:900 clamp(1rem,1.6vw,1.3rem)/1.15 var(--c7-dz-display);text-transform:uppercase;color:var(--c7-dz-lime);margin:0 0 .5rem}
.c7-dz-sdg__intro{margin:0 0 1.1rem}
.c7-dz-sdg__lijst{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem 1.4rem}
.c7-dz-sdg__lijst li{display:flex;gap:.6rem;align-items:baseline;line-height:1.35}
.c7-dz-sdg__lijst b{flex:none;min-width:2.1rem;font:900 .95rem/1 var(--c7-dz-display);color:var(--c7-dz-lime)}
.c7-dz-ambities{background:linear-gradient(180deg,#EEF8FE 0,#fff 38%,#F6F9EC 100%)}
.c7-dz-ambitie{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.2rem,3vw,2.2rem);padding-top:1.4rem}
.c7-dz-ambitie>li{display:flex}
.c7-dz-ambitie__tegel{position:relative;flex:1;display:flex;flex-direction:column;border-radius:24px;padding:clamp(1.6rem,3vw,2.4rem);box-shadow:var(--c7-dz-schaduw)}
.c7-dz-ambitie__tegel h3{font:700 1.35rem/1.25 var(--font-kop);margin:.2rem 0 .5rem;color:inherit}
.c7-dz-ambitie__tegel p{margin:0;max-width:40ch}
.c7-dz-ambitie__tegel--turkoois{background:var(--c7-dz-turkoois-donker);color:#fff}
.c7-dz-ambitie__tegel--turkoois .c7-dz-houder{color:#fff}
.c7-dz-ambitie__tegel--lime{background:var(--c7-dz-lime)}
.c7-dz-ambitie__tegel--lime .c7-dz-groot{color:var(--c7-dz-groen)}
.c7-dz-ambitie__tegel--lime .c7-dz-houder{color:var(--c7-dz-inkt)}
.c7-dz-groot{font:900 clamp(3rem,6vw,5.2rem)/.95 var(--c7-dz-display);letter-spacing:-.01em}
.c7-dz-ambitie__ico{position:absolute;top:-2.6rem;right:clamp(1rem,3vw,2rem);width:clamp(84px,9vw,112px);height:auto}
.c7-dz-wimpels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.4vw,1.8rem);margin-top:clamp(2.4rem,4vw,3.4rem)}
.c7-dz-wimpels>li{display:flex}
.c7-dz-wimpel{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--c7-dz-navy);color:#fff;padding:1.8rem 1.4rem 4.4rem;clip-path:polygon(0 0,100% 0,100% 86%,50% 100%,0 86%);border-radius:18px 18px 0 0}
.c7-dz-wimpel h3{font:700 1.12rem/1.3 var(--font-kop);color:#fff;margin:.5rem 0 .4rem}
.c7-dz-wimpel p{margin:0;font-size:.97rem;line-height:1.5}
.c7-dz-wimpel .c7-dz-houder{color:var(--c7-dz-raat);margin-top:auto}
.c7-dz-wimpel__getal{font:900 clamp(2.4rem,4vw,3.3rem)/1 var(--c7-dz-display);color:var(--c7-dz-geel)}
.c7-dz-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(2.4rem,5vw,4rem);row-gap:2rem;margin-top:clamp(2.2rem,4vw,3rem);background:var(--c7-dz-goud);border-radius:26px;padding:clamp(1.6rem,3vw,2.4rem) clamp(1.4rem,3.4vw,2.8rem);box-shadow:var(--c7-dz-schaduw)}
.c7-dz-band>li{position:relative;display:flex;flex-direction:column}
.c7-dz-band>li+li::before{content:"";position:absolute;left:calc(clamp(2.4rem,5vw,4rem) / -2);top:1.3rem;translate:-50% 0;width:1.5rem;height:2.7rem;background:var(--c7-dz-geel);clip-path:polygon(62% 0,0 58%,42% 58%,30% 100%,100% 40%,56% 40%)}
.c7-dz-band__getal{font:900 clamp(1.8rem,3.3vw,2.9rem)/1 var(--c7-dz-display);color:var(--c7-dz-inkt);white-space:nowrap}
.c7-dz-band__getal small{font-size:.42em;letter-spacing:.06em;text-transform:uppercase}
.c7-dz-band h3{font:700 1.08rem/1.3 var(--font-kop);color:var(--c7-dz-inkt);margin:.7rem 0 .3rem}
.c7-dz-band p{margin:0;font-size:.97rem;line-height:1.5}
.c7-dz-band .c7-dz-houder{color:var(--c7-dz-inkt)}
.c7-dz-extra{margin-top:clamp(2.4rem,4vw,3.2rem);background:#fff;border:3px solid var(--c7-dz-turkoois);border-radius:26px;padding:clamp(1.5rem,3.4vw,2.6rem);box-shadow:var(--c7-dz-schaduw)}
.c7-dz-extra__kop{font:900 clamp(1.05rem,1.8vw,1.4rem)/1.15 var(--c7-dz-display);text-transform:uppercase;color:var(--c7-dz-turkoois-tekst);margin:0 0 .6rem}
.c7-dz-extra__intro{margin:0 0 1.8rem;max-width:80ch;line-height:1.6}
.c7-dz-extra__lijst{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem 1.6rem}
.c7-dz-extra__lijst li{position:relative;display:flex;align-items:center;gap:.9rem;line-height:1.4;font-weight:600}
.c7-dz-extra__wimpel,.c7-dz-extra__ster{flex:none;display:grid;place-content:center;font:900 1.02rem/1 var(--c7-dz-display);color:var(--c7-dz-inkt)}
.c7-dz-extra__wimpel{width:4.6rem;height:5.2rem;padding-bottom:.9rem;background:var(--c7-dz-goud);clip-path:polygon(0 0,100% 0,100% 72%,50% 100%,0 72%)}
.c7-dz-extra__ster{width:5.2rem;aspect-ratio:1;background:var(--c7-dz-geel);clip-path:var(--c7-dz-ster)}
.c7-dz-extra__ico{position:absolute;left:3.1rem;top:-1.1rem;width:44px;height:44px}
.c7-dz-bereikt .c7-dz-kop{color:var(--c7-dz-groen-helder);font-size:clamp(1.7rem,5vw,4rem)}
.c7-dz-kaarten{display:grid;gap:4.6rem clamp(1rem,2vw,1.6rem);padding-top:3.4rem}
.c7-dz-kaarten--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.c7-dz-kaarten--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.c7-dz-kaarten>li{display:flex}
.c7-dz-kaarten__breed{grid-column:1/-1}
.c7-dz-kaart{position:relative;flex:1;display:flex;flex-direction:column;background:#fff;border-radius:24px;padding:4.6rem 1.5rem 1.6rem;box-shadow:var(--c7-dz-schaduw)}
.c7-dz-kaart h3{font:700 1.3rem/1.2 var(--font-kop);color:var(--c7-dz-inkt);margin:0 0 .6rem}
.c7-dz-kaart h3 a{color:inherit;text-decoration-color:var(--c7-dz-turkoois);text-decoration-thickness:2px;text-underline-offset:4px}
.c7-dz-kaart p{margin:0;font-size:.98rem;line-height:1.55}
.c7-dz-kaart__ico{position:absolute;top:-3.3rem;left:50%;translate:-50% 0;width:104px;height:104px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.18))}
.c7-dz-kaarten--4 .c7-dz-kaart{text-align:center}
.c7-dz-kaart__zegel{position:absolute;right:1rem;bottom:-2.2rem;width:90px;height:90px;padding:6px;border-radius:50%;background:#fff;box-shadow:var(--c7-dz-schaduw)}
.c7-dz-kaarten--4 .c7-dz-kaart:has(.c7-dz-kaart__zegel){padding-bottom:3.4rem}
.c7-dz-kaarten--3 .c7-dz-kaart__ico{left:1.3rem;translate:none}
.c7-dz-kaart .c7-dz-kaart__tag{align-self:center;margin:0 0 .6rem;padding:.3rem .7rem;border-radius:999px;background:var(--c7-dz-turkoois-donker);color:#fff;font:700 .68rem/1.2 var(--font-kop);letter-spacing:.1em;text-transform:uppercase}
.c7-dz-kaart--turkoois{background:var(--c7-dz-turkoois-donker);color:#fff;padding:clamp(1.6rem,3vw,2.4rem)}
.c7-dz-kaart--turkoois h3{color:#fff;font:900 clamp(1.2rem,2.4vw,1.8rem)/1.1 var(--c7-dz-display);text-transform:uppercase}
.c7-dz-kaart--turkoois p{font-size:1.05rem;max-width:80ch}
.c7-dz-knop{margin:2.8rem 0 0;text-align:center}
.c7-dz-knop a{display:inline-flex;align-items:center;gap:.7rem;padding:1rem 1.7rem;border-radius:2rem;background:var(--c7-dz-inkt);color:#fff;font:700 .8rem/1.2 var(--font-kop);letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
.c7-dz-knop svg{width:16px;height:16px}
.c7-dz-kopblok--vlak{background:rgba(255,255,255,.9);border-radius:24px;padding:clamp(1.4rem,3vw,2.2rem);box-shadow:var(--c7-dz-schaduw)}
.c7-dz-init .c7-dz-kop{color:var(--c7-dz-groen)}
.c7-dz-init .wrap{position:relative}
.c7-dz-init__ster{position:absolute;right:0;top:1rem;display:grid;place-content:center;width:clamp(180px,20vw,280px);aspect-ratio:1;background:var(--c7-dz-geel);clip-path:var(--c7-dz-ster);font:900 clamp(4.5rem,8vw,7.5rem)/1 var(--c7-dz-display);color:var(--c7-dz-inkt);rotate:8deg}
.c7-dz-tag{display:inline-block;margin:0 0 1.2rem;padding:.45rem .9rem;border-radius:999px;background:var(--c7-dz-turkoois-donker);color:#fff;font:700 .74rem/1.2 var(--font-kop);letter-spacing:.12em;text-transform:uppercase}
.c7-dz-lucht{background:radial-gradient(ellipse 40% 22% at 22% 12%,rgba(255,255,255,.9),transparent 70%),radial-gradient(ellipse 34% 18% at 78% 30%,rgba(255,255,255,.75),transparent 70%),radial-gradient(ellipse 50% 20% at 55% 62%,rgba(255,255,255,.55),transparent 70%),linear-gradient(180deg,#4FAFE6 0,#9FD5F4 42%,#E6F4FC 100%)}
.c7-dz-lucht__ster{position:absolute;z-index:-1;left:-6rem;top:1.5rem;width:clamp(300px,40vw,560px);aspect-ratio:1;background:var(--c7-dz-geel);clip-path:var(--c7-dz-ster);rotate:-8deg}
.c7-dz-kopblok--blad{background:var(--c7-dz-blad);border-radius:24px;padding:clamp(1.4rem,3vw,2.2rem);box-shadow:var(--c7-dz-schaduw);max-width:700px}
.c7-dz-sterren{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2rem,4vw,3.2rem) clamp(1rem,3vw,2.4rem)}
.c7-dz-sterren>li{display:flex;flex-direction:column;align-items:center;text-align:center}
.c7-dz-ster{position:relative;isolation:isolate;display:grid;place-content:center;width:clamp(136px,17vw,228px);aspect-ratio:1;color:var(--c7-dz-inkt);margin-bottom:.8rem}
.c7-dz-ster::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--c7-dz-geel);clip-path:var(--c7-dz-ster)}
.c7-dz-ster__getal{font:900 clamp(1.4rem,2.5vw,2.3rem)/1 var(--c7-dz-display);text-align:center}
.c7-dz-ster__getal small{display:block;font-size:.55em;margin-top:.15em}
.c7-dz-sterren h3{font:900 clamp(.9rem,1.3vw,1.05rem)/1.15 var(--c7-dz-display);text-transform:uppercase;color:var(--c7-dz-turkoois-tekst);margin:0 0 .45rem}
.c7-dz-sterren p{margin:0;max-width:30ch;font-size:.97rem;line-height:1.5}
.c7-dz-sterren .c7-dz-houder{margin-top:.5rem}
.c7-dz-verder{background:#fff}
.c7-dz-tegels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4.4rem clamp(1rem,2.4vw,1.8rem);padding-top:2.6rem}
.c7-dz-tegels>li{display:flex}
.c7-dz-tegel{position:relative;flex:1;display:flex;flex-direction:column;border-radius:24px;padding:4.4rem 1.6rem 4.4rem;box-shadow:var(--c7-dz-schaduw)}
.c7-dz-tegel h3{font:900 clamp(1.05rem,1.7vw,1.35rem)/1.15 var(--c7-dz-display);text-transform:uppercase;margin:0 0 .6rem;color:inherit}
.c7-dz-tegel h3 a{color:inherit;text-decoration:none}
.c7-dz-tegel h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.c7-dz-tegel p{margin:0;line-height:1.55}
.c7-dz-tegel--geel{background:var(--c7-dz-geel)}
.c7-dz-tegel--turkoois{background:var(--c7-dz-turkoois-donker);color:#fff}
.c7-dz-tegel--lime{background:var(--c7-dz-lime)}
.c7-dz-tegel__ico{position:absolute;top:-3rem;left:1.4rem;width:100px;height:100px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.2))}
.c7-dz-tegel__pijl{position:absolute;right:1.3rem;bottom:1.3rem;display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:#fff}
.c7-dz-tegel__pijl svg{width:18px;height:18px}
.c7-dz-tegel a:focus-visible{outline:3px solid var(--c7-dz-inkt);outline-offset:3px}
@media(prefers-reduced-motion:no-preference){
.c7-dz-eigen__getal{transition:scale .6s cubic-bezier(.34,1.56,.64,1) .25s,opacity .3s ease .25s}
.js .c7-dz-eigen>li:not(.in) .c7-dz-eigen__getal{scale:.6;opacity:0}
.c7-dz-ster{transition:scale .8s cubic-bezier(.34,1.56,.64,1) .15s,rotate .8s var(--ease) .15s}
.js .c7-dz-sterren>li:not(.in) .c7-dz-ster{scale:.55;rotate:-30deg}
.c7-dz-kaart__ico,.c7-dz-tegel__ico,.c7-dz-ambitie__ico{transition:scale .6s cubic-bezier(.34,1.56,.64,1) .2s,opacity .3s ease .2s,rotate .35s ease}
.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}
.c7-dz-sdg__tegel{transition:scale .6s cubic-bezier(.34,1.56,.64,1),opacity .3s ease}
.js .c7-dz-sdg:not(.in) .c7-dz-sdg__tegel{scale:.4;opacity:0}
.c7-dz-sdg__tegel--8{transition-delay:.1s}
.c7-dz-sdg__tegel--9{transition-delay:.18s}
.c7-dz-sdg__tegel--11{transition-delay:.26s}
.c7-dz-sdg__tegel--12{transition-delay:.34s}
.c7-dz-sdg__tegel--13{transition-delay:.42s}
.c7-dz-sdg__tegel--14{transition-delay:.5s}
.c7-dz-sdg__tegel--17{transition-delay:.58s}
.c7-dz-band>li+li::before{transition:scale .5s cubic-bezier(.34,1.56,.64,1) .3s}
.js .c7-dz-band>li+li:not(.in)::before{scale:0}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.c7-dz-eigen__kaart,.c7-dz-kaart,.c7-dz-tegel,.c7-dz-ambitie__tegel,.c7-dz-ballon p{transition:translate .3s var(--ease),box-shadow .3s var(--ease)}
.c7-dz-eigen__kaart:hover,.c7-dz-kaart:hover,.c7-dz-tegel:hover,.c7-dz-ambitie__tegel:hover,.c7-dz-ballon p:hover{translate:0 -4px;box-shadow:0 2px 4px rgba(0,0,0,.06),0 30px 54px -24px rgba(0,0,0,.42)}
.c7-dz-kaart:hover .c7-dz-kaart__ico,.c7-dz-tegel:hover .c7-dz-tegel__ico,.c7-dz-ambitie__tegel:hover .c7-dz-ambitie__ico{rotate:-6deg;scale:1.03}
.c7-dz-vel__foto img,.c7-dz-podium__foto img{transition:scale .6s var(--ease)}
.c7-dz-vel__foto:hover img,.c7-dz-podium__foto:hover img{scale:1.03}
.c7-dz-ster::before{transition:rotate .5s var(--ease)}
.c7-dz-sterren>li:hover .c7-dz-ster::before{rotate:12deg}
}
@media(max-width:1200px){
.c7-dz-init__ster{display:none}
}
@media(max-width:1100px){
.c7-dz-eigen,.c7-dz-kaarten--4{grid-template-columns:repeat(2,minmax(0,1fr))}
.c7-dz-extra__lijst{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:900px){
.c7-dz-vel,.c7-dz-circulair__raster{grid-template-columns:minmax(0,1fr)}
.c7-dz-podium{grid-template-columns:minmax(0,1fr)}
.c7-dz-podium__foto{grid-column:1;grid-row:1}
.c7-dz-ballonnen{grid-column:1;grid-row:2;margin:-3rem 0 0;padding-inline:.6rem}
.c7-dz-ballon--visie{margin-left:0}
.c7-dz-kaarten--3,.c7-dz-tegels,.c7-dz-wimpels{grid-template-columns:repeat(2,minmax(0,1fr))}
.c7-dz-band{grid-template-columns:minmax(0,1fr)}
.c7-dz-band>li+li::before{left:auto;right:0;top:-1.6rem;translate:none;rotate:90deg}
.c7-dz-sterren{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
.c7-dz-eigen,.c7-dz-kaarten--4,.c7-dz-kaarten--3,.c7-dz-tegels,.c7-dz-wimpels,.c7-dz-ambitie{grid-template-columns:minmax(0,1fr)}
.c7-dz-ambitie{row-gap:3.4rem;padding-top:2.4rem}
.c7-dz-sdg__lijst{grid-template-columns:minmax(0,1fr)}
.c7-dz-raat{--b:40px}
}
.c7-vk-rij{--vk-uit:clamp(7rem,14vw,9rem);--vk-ruimte:var(--vk-uit);position:relative;isolation:isolate;margin-top:clamp(1.25rem,2.5vw,2rem);padding-top:var(--vk-ruimte)}
.c7-vk-rij>.sb-werkwijze__band{margin-top:0}
.c7-vk-rij>.sb-werkwijze__band::before{right:48%}
.c7-vk-rij__persoon{position:absolute;z-index:1;top:calc(var(--vk-ruimte) - var(--vk-uit));right:clamp(1.2rem,5vw,4.5rem);height:calc(var(--vk-uit) + 5.5rem);margin:0;pointer-events:none}
.c7-vk-rij__persoon img{display:block;width:auto;height:100%;filter:drop-shadow(0 10px 14px rgba(0,0,0,.35))}
.c7-vk-rij__persoon--liggend{aspect-ratio:700/567}
.c7-vk-rij__persoon--liggend img{width:100%}.c7-vk-rij__persoon--liggend{margin-top:-3rem}
.c7-vk-rij__credit{margin:.45rem .2rem 0 0;text-align:right;font-size:.72rem;color:var(--ant-zacht)}
.c7-vk-kop{display:flex;align-items:center;gap:clamp(1rem,2vw,1.6rem);margin:-1.4rem -1.9rem 1.4rem;padding:1rem 1.9rem;border-radius:var(--r) var(--r) 0 0;border-bottom:4px solid var(--geel);background:linear-gradient(100deg,var(--goud-diep),var(--teal-paneel))}
.c7-vk-kop .sb-werkwijze__bandkop{margin:0;color:var(--wit);font-size:clamp(1.15rem,1.6vw,1.35rem)}
.c7-vk-rij .sb-werkwijze__stappen strong::before{background:var(--goud-diep)}
.c7-vk-rij .sb-werkwijze__stappen li+li::before{border-top-color:var(--goud)}
@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%)}
}
@media(min-width:1100px){
.c7-vk-rij{--vk-uit:12rem;--vk-ruimte:2rem}
}
@media(max-width:560px){
.c7-vk-kop{margin:-1.1rem -1.1rem 1.1rem;padding:.9rem 1.1rem}
}
.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}
.sb-verhaal__tab{min-height:42px;padding:.55rem .95rem .5rem;border:0;border-radius:12px 12px 0 0;background:var(--vh-tab-uit);color:var(--vh-tab-uittekst);font:600 .8rem/1.2 var(--font-kop);text-align:center;transition:background .2s var(--ease),color .2s var(--ease)}
.sb-verhaal__tab:hover{border-color:transparent;background:#FFF3C4}
.sb-verhaal__tab[aria-selected="true"]{background:var(--vh-kaart);color:var(--vh-kaarttekst);border-color:transparent;box-shadow:inset 0 3px 0 var(--geel)}
@media(max-width:1100px){
.sb-verhaal__tab{padding:.55rem .7rem .5rem;font-size:.76rem}
}
@media(max-width:560px){
.js .sb-verhaal__tabs{gap:.2rem}
.sb-verhaal__tab{flex:1 1 auto;min-height:44px;padding:.5rem .4rem .45rem;font-size:.7rem}
.js .sb-verhaal__tabs{flex-wrap:nowrap}
.sb-verhaal__tab{min-width:0;padding-inline:.3rem;text-wrap:balance}
}
@media(max-width:380px){
.js .sb-verhaal__tabs{gap:.15rem}
.sb-verhaal__tab{font-size:.66rem}
}
@media(prefers-reduced-motion:reduce){
.sb-verhaal__tab{transition:none}
}
@media (min-width:900px){
.c7-cert-band.c7-cert-band--persoon{grid-template-columns:auto minmax(0,1fr)}
.c7-cert-band--persoon .c7-cert-raster{justify-content:start;padding-right:0}
}
.c7-cert-persoon{--boven:clamp(1rem,2vw,1.6rem);--schuif:clamp(.75rem,1.4vw,1.2rem);--h:min(calc(100cqh + var(--boven)*.6),96cqw);
position:relative;isolation:isolate;container-type:size;min-width:0;margin:var(--boven) clamp(1.4rem,3vw,2.6rem) clamp(1.4rem,2.6vw,2.2rem) clamp(1rem,2vw,1.8rem);
clip-path:inset(-50vh -3rem 0 -3rem);pointer-events:none}
.c7-cert-persoon__vlak,.c7-cert-persoon__geel{position:absolute;left:50%;bottom:0;width:min(calc(100cqw - var(--schuif)),calc(var(--h)*1.08));height:calc(var(--h)*.64);border-radius:22px}
.c7-cert-persoon__geel{z-index:0;background:var(--geel);transform:translate(calc(-50% + var(--schuif)),calc(-1*var(--schuif)))}
.c7-cert-persoon__vlak{z-index:1;background:var(--goud);transform:translateX(-50%)}
.c7-cert-persoon img{position:absolute;z-index:2;left:50%;bottom:0;width:auto;height:var(--h);max-width:none;transform:translateX(-50%);transform-origin:50% 100%;filter:drop-shadow(6px 10px 12px rgba(2,13,65,.3))}
@media (prefers-reduced-motion:no-preference){
.c7-cert-persoon img{transition:transform .8s var(--ease) .15s}
.c7-cert-persoon__geel{transition:transform .7s var(--ease) .35s}
.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)}
}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
.c7-cert-band--persoon:hover .c7-cert-persoon img{transform:translateX(-50%) scale(1.02)}
.c7-cert-band--persoon:hover .c7-cert-persoon__geel{transform:translate(calc(-50% + var(--schuif)*1.4),calc(-1.4*var(--schuif)))}
}
@media (min-width:900px) and (max-width:1240px){
.c7-cert-band--persoon .c7-cert-raster{grid-template-columns:repeat(4,112px);gap:1.2rem .75rem;padding-left:clamp(1rem,2vw,1.4rem)}
.c7-cert-band--persoon .c7-cert-badge{width:112px;height:72px;padding:10px}
.c7-cert-band--persoon .c7-cert-badge img{max-width:92px;max-height:48px}
.c7-cert-band--persoon .c7-cert-badge__masker{width:92px;height:46px}
.c7-cert-persoon{margin-right:clamp(1rem,2vw,1.4rem);margin-left:.8rem}
}
@media (max-width:899px){
.c7-cert-persoon{--boven:0px;height:clamp(15rem,62vw,19rem);margin:0 clamp(1rem,4vw,2rem) clamp(1rem,4vw,1.6rem)}
}
.cert-spring{width:152px;padding-inline:6px;margin-inline:-6px}
@media (max-width:700px){
.cert-tabel{min-width:0}
.cert-tabel,.cert-tabel caption,.cert-tabel tbody,.cert-tabel tr,.cert-tabel th,.cert-tabel td{display:block}
.cert-tabel thead{display:none}
.cert-tabel tbody tr{padding:.85rem 1.1rem;border-bottom:1px solid var(--lijn)}
.cert-tabel tbody tr:last-child{border-bottom:0}
.cert-tabel tbody th,.cert-tabel tbody td{width:auto;padding:0;border-bottom:0}
.cert-tabel tbody td{margin-top:.55rem}
.cert-tabel td[data-label]::before{content:attr(data-label);display:block;margin-bottom:.1rem;font:700 .7rem/1.35 var(--font-kop);letter-spacing:.09em;text-transform:uppercase;color:var(--goud-diep)}
}
@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)}
}
.c7-ev-pil{max-width:calc(100% - 1.6rem);white-space:normal}
@media (min-width:761px){
#cert-kop+.cert-kolommen p{margin:0}
#cert-kop+.cert-kolommen p+p{margin-top:.9rem}
}
@media (min-width:761px){
.cert-kolommen{margin-bottom:.9rem}
}
.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))}
}
.vck-lijst .vcl-bar span{background:var(--geel)}
.vck-lijst .vcl-tab{display:inline-flex;align-items:center}
.vck-lijst .vcl-tab img{width:26px;height:26px;margin:-5px .45rem -5px -6px}
.vck-lijst .vcl-fase{display:block;margin-top:1rem}
.js .vck-lijst .vcl-fase:not(.aan){display:none}
html:not(.js) .vck-js{display:none}
.vck-fasekop{display:flex;align-items:center;gap:1rem;margin-top:12px}
.vck-fasekop img{flex:none;width:56px;height:56px}
.vck-fasekop h3{margin:0}
.vck-fasekop .vcl-datum{margin:4px 0 0}
.vck-faseintro{margin:.7rem 0 .3rem;font-size:15px;color:var(--ant-zacht)}
.vck-noscript{margin:0 0 1rem;font-size:15px}
.vck-noscript .btn{margin-top:.6rem}
@media (max-width:560px){
.vck-fasekop img{width:44px;height:44px}
}
@media print{
body:has(.vck-lijst) main>*:not(#checklist){display:none!important}
.vck-lijst .vcl-tab img{display:none}
}
.ipt-inhoud{padding-block:clamp(1.4rem,3vw,2.2rem) calc(var(--rh-laag) + clamp(1.1rem,2.4vw,1.6rem))}
main > .ipt-inhoud + *{--r-h:var(--rh-laag)}
.ipt-inhoud__lijst{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none}
.ipt-inhoud__lijst a{display:inline-flex;align-items:center;gap:.55rem;min-height:44px;padding:.3rem 1.05rem .3rem .35rem;border-radius:999px;
background:#fff;border:1px solid var(--lijn);color:var(--bruin);font:600 .95rem/1.2 var(--font-kop);text-decoration:none;
box-shadow:var(--schaduw-kaart);transition:transform .4s var(--ease)}
.ipt-inhoud__lijst img{width:36px;height:36px}
.ipt-inhoud__lijst a:focus-visible{outline:3px solid var(--goud-diep);outline-offset:2px}
.sb-verhaal__lijst+p{margin-top:.9rem}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
.ipt-inhoud__lijst a:hover{transform:translateY(-3px)}
}
@media (prefers-reduced-motion:reduce){
.ipt-inhoud__lijst a{transition-duration:.001ms!important}
.ipt-inhoud__lijst a:hover{transform:none}
}
.dzc__raster{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:stretch;margin-top:clamp(1.8rem,3.5vw,2.8rem)}
.dzc__invoer{padding:clamp(1.3rem,2.6vw,2rem);border:1px solid var(--lijn);border-top:4px solid var(--goud);border-radius:var(--r);background:#fff;box-shadow:var(--schaduw)}
.dzc__kop{display:flex;align-items:center;gap:.85rem;margin-bottom:1.3rem}
.dzc__kop img{flex:none;width:52px;height:52px}
.dzc__kop h3{margin:0;font:700 1.2rem/1.25 var(--font-kop);color:var(--bruin)}
.dzc__velden{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.dzc__veld{display:grid;gap:.35rem;font:600 .9rem/1.3 var(--font-kop);color:var(--bruin)}
.dzc__veld input,.dzc__veld select{width:100%;min-height:48px;padding:.6rem .8rem;border:1.5px solid var(--lijn);border-radius:10px;background:var(--creme);font:500 1.05rem/1.2 var(--font-tekst);color:var(--bruin)}
.dzc__veld input:focus-visible,.dzc__veld select:focus-visible,.dzc__extras input:focus-visible{outline:3px solid var(--goud);outline-offset:2px}
.dzc__extras{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.3rem 0 0;padding:0;border:0}
.dzc__extras legend{width:100%;margin-bottom:.6rem;padding:0;font:600 .9rem/1.3 var(--font-kop);color:var(--bruin)}
.dzc__extras label{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.45rem .9rem;border:1.5px solid var(--lijn);border-radius:999px;background:var(--creme-2);font:500 .95rem/1.2 var(--font-tekst);color:var(--bruin);cursor:pointer}
.dzc__extras input{width:1.1rem;height:1.1rem;accent-color:var(--teal-paneel)}
.dzc__extras label:has(input:checked){border-color:var(--teal-paneel);background:#fff}
.dzc__hint{margin:1rem 0 0;font-size:.88rem;color:var(--ant-zacht)}
.dzc__uitslag{position:relative;isolation:isolate;display:flex;flex-direction:column;margin:1.68rem 1.68rem 0 0}
.dzc__stapel{--v:1.68rem;position:absolute;inset:0;z-index:-1}
.dzc__stapel::before{content:"";position:absolute;inset:0;border-radius:var(--r);background:linear-gradient(150deg,var(--teal-paneel),var(--goud-diep));
transform:translate(var(--v),calc(-1*var(--v)));transition:transform .6s var(--ease);box-shadow:0 18px 34px -20px rgba(2,13,65,.55)}
.dzc__plaat{position:relative;flex:1;display:flex;flex-direction:column;padding:clamp(1.2rem,2.2vw,1.7rem);border-radius:var(--r);background:var(--bruin);color:#fff;box-shadow:var(--schaduw-lg)}
.dzc__doos{position:absolute;top:-1.6rem;right:1.4rem;width:78px;height:78px;filter:drop-shadow(0 8px 10px rgba(2,13,65,.35))}
.dzc__label{margin:0 0 .4rem;font:700 .78rem/1.3 var(--font-kop);letter-spacing:.16em;text-transform:uppercase;color:var(--goud)}
.dzc__groot{margin:0;font:600 1.15rem/1.2 var(--font-kop)}
.dzc__groot strong{display:block;margin:.2rem 0;font:700 clamp(2.8rem,5.4vw,3.6rem)/1 var(--font-kop);color:var(--geel)}
.dzc__marge{margin:.45rem 0 .8rem;color:#D6EEFB}
.dzc__lijst{margin:0 0 .8rem;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.18)}
.dzc__lijst li{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.18)}
.dzc__lijst li[hidden]{display:none}
.dzc__lijst b{font:700 1.1rem/1.2 var(--font-kop);white-space:nowrap}
.dzc__prijs b{color:var(--geel)}
.dzc__noot{margin:0 0 1rem;font-size:.86rem;color:#D6EEFB}
.dzc__acties{gap:.7rem;margin-top:auto}
.dzc__acties .btn--omlijnd{color:#fff}
.dzc__noscript{margin:1.5rem 0 0;padding:1rem 1.2rem;border-left:4px solid var(--geel);background:var(--creme);color:var(--bruin)}
.dzc__noscript .btn{margin-top:.7rem;color:var(--bruin)}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
.dzc__uitslag:hover .dzc__stapel{--v:2.17rem}
.dzc-b42 .c7-b42b__figuur{transform-origin:50% 100%;transition:transform .6s var(--ease)}
.dzc-b42 .c7-b42b__podium:hover .c7-b42b__figuur{transform:scale(1.03)}
}
@media (prefers-reduced-motion:reduce){
.dzc__stapel::before,.dzc-b42 .c7-b42b__figuur{transition:none}
}
@media(max-width:900px){
.dzc__raster{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:560px){
.dzc__velden{grid-template-columns:minmax(0,1fr)}
.dzc__uitslag{margin:1.2rem 1.2rem 0 0}
.dzc__stapel{--v:1.2rem}
}
.m3c-ico{display:inline-block;width:28px;height:28px;margin:-.3rem .5rem 0 0;vertical-align:middle}
.m3c-som__ico{display:block;width:56px;height:56px;margin:0 0 .5rem}
.m3c-noscript{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem;margin:0 0 1.4rem;padding:1rem 1.2rem;background:var(--wit);border-left:4px solid var(--geel);border-radius:0 12px 12px 0}
.m3c-raster{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(1.4rem,3vw,2.6rem);align-items:start}
.m3c-kamers__label{margin:0 0 .6rem;font:700 .76rem/1.3 var(--font-kop);letter-spacing:.18em;text-transform:uppercase;color:var(--goud-diep)}
.m3c-tabs{display:flex;flex-wrap:wrap;gap:.45rem}
.m3c-tab{display:inline-flex;align-items:center;gap:.5rem;min-height:40px;padding:.35rem .4rem .35rem .85rem;border:1px solid var(--lijn);border-radius:2rem;background:var(--wit);color:var(--bruin);font:600 .8rem/1.2 var(--font-kop);cursor:pointer;transition:border-color .2s var(--ease),background .2s var(--ease)}
.m3c-tab:hover{border-color:var(--goud)}
.m3c-tab[aria-selected="true"]{background:var(--goud);border-color:var(--goud);color:var(--bruin)}
.m3c-tab__som{font-size:.72rem;font-weight:700;color:var(--ant-zacht);background:var(--creme-2);border-radius:2rem;padding:.24rem .55rem;white-space:nowrap}
.m3c-tab__som.is-actief{background:var(--bruin);color:var(--wit)}
.m3c-tab[aria-selected="true"] .m3c-tab__som:not(.is-actief){background:rgba(255,255,255,.55)}
.m3c-panelen{margin-top:1rem}
.m3c-paneel{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--r);box-shadow:var(--schaduw-kaart);padding:.3rem 1.3rem 1rem}
.m3c-paneel+.m3c-paneel{margin-top:1rem}
.js .m3c-kamers.is-klaar .m3c-paneel:not(.is-actief){display:none}
.js .m3c-kamers.is-klaar .m3c-paneel+.m3c-paneel{margin-top:0}
.m3c-paneel:focus-visible{outline:3px solid var(--goud-diep);outline-offset:3px}
.m3c-paneel__hulp{margin:.8rem 0 .2rem;font-size:.9rem;color:var(--ant-zacht)}
.m3c-paneel__rijen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem}
.m3c-rij{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.55rem 0;border-top:1px solid var(--lijn)}
.m3c-paneel__rijen .m3c-rij:nth-child(-n+2){border-top:0}
.m3c-rij__wat{margin:0;min-width:0;line-height:1.3}
.m3c-rij__naam{display:block;font-weight:600;font-size:.95rem;color:var(--ant)}
.m3c-rij__maat{display:block;font-size:.78rem;color:var(--ant-zacht)}
.m3c-rij.is-actief .m3c-rij__naam{color:var(--goud-diep)}
.m3c-rij__tel{display:flex;align-items:center;gap:.35rem;flex:none}
.m3c-knop{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--lijn);border-radius:50%;background:var(--creme);color:var(--bruin);cursor:pointer;transition:border-color .2s var(--ease),background .2s var(--ease)}
.m3c-knop:hover{border-color:var(--goud);background:var(--wit)}
.m3c-knop svg{width:14px;height:14px}
.m3c-rij__tel input{width:46px;height:36px;border:1px solid var(--lijn);border-radius:10px;background:var(--wit);color:var(--ant);font:700 .95rem/1 var(--font-tekst);text-align:center;-moz-appearance:textfield;appearance:textfield}
.m3c-rij__tel input::-webkit-outer-spin-button,.m3c-rij__tel input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.m3c-rij.is-actief input{border-color:var(--teal-paneel);color:var(--goud-diep)}
.m3c-som{--v:1.68rem;position:sticky;top:120px;isolation:isolate;margin:calc(var(--v) + .5rem) calc(var(--v) + .5rem) 0 0;border-radius:var(--r)}
.m3c-som__kaart{position:relative;z-index:1;background:var(--bruin);color:var(--wit);border-radius:var(--r);box-shadow:var(--schaduw);padding:clamp(1.3rem,2.5vw,1.7rem)}
.m3c-som::before,.m3c-som::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:var(--r);transition:transform .6s var(--ease)}
.m3c-som::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)}
.m3c-som::after{background:#D6EEFB;transform:translate(calc(var(--v)/2),calc(-.5*var(--v)));box-shadow:0 1px 2px rgba(2,13,65,.06),0 16px 30px -18px rgba(2,13,65,.4)}
.m3c-som__kaart>:first-child{margin-top:0}
.m3c-som .label{color:var(--goud);margin:0}
.m3c-som .label::before{background:var(--goud)}
.m3c-som__cijfer{display:flex;align-items:baseline;gap:.45rem;margin:.6rem 0 0}
.m3c-som__cijfer b{font:700 clamp(2.6rem,5vw,3.4rem)/1 var(--font-display);color:var(--geel)}
.m3c-som__cijfer span{font-size:1.15rem;font-weight:700;color:rgba(255,255,255,.8)}
.m3c-som__lijst{list-style:none;margin:1rem 0 0;padding:0}
.m3c-som__lijst li{display:flex;justify-content:space-between;gap:1rem;padding:.42rem 0;border-top:1px solid rgba(255,255,255,.18);font-size:.9rem}
.m3c-som__lijst li span:last-child{font-weight:700;white-space:nowrap}
.m3c-som__leeg{margin:1rem 0 0;padding-top:.6rem;border-top:1px solid rgba(255,255,255,.18);font-size:.9rem;color:rgba(255,255,255,.8)}
.m3c-som__acties{display:flex;flex-direction:column;gap:.6rem;margin-top:1.3rem}
.m3c-som__acties .btn{width:100%}
.m3c-som__video{margin:1rem 0 0;font-size:.9rem;color:rgba(255,255,255,.85)}
.m3c-som__video a{color:var(--goud);font-weight:700;text-underline-offset:3px}
.m3c-som__wis{margin-top:.8rem;padding:0;border:0;background:none;color:rgba(255,255,255,.8);font:inherit;font-size:.85rem;text-decoration:underline;cursor:pointer}
.m3c-som__wis:hover{color:var(--wit)}
.m3c-som a:focus-visible,.m3c-som button:focus-visible{outline-color:var(--geel)}
.m3c-uitleg{margin:clamp(1.6rem,3vw,2.2rem) 0 0;max-width:78ch;padding:1rem 1.2rem;background:var(--wit);border-left:4px solid var(--goud);border-radius:0 12px 12px 0;font-size:.92rem;line-height:1.6;color:var(--ant-zacht)}
.m3c-uitleg b{color:var(--bruin)}
.m3c-balk{display:none}
@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)}
.m3c-balk__som{margin:0;display:flex;align-items:baseline;gap:.4rem;font-weight:700}
.m3c-balk__som span{font:700 .72rem/1.2 var(--font-kop);letter-spacing:.14em;text-transform:uppercase;color:var(--goud)}
.m3c-balk__som b{font:700 1.6rem/1 var(--font-display);color:var(--geel)}
.m3c-balk .btn{flex:none;padding:.7rem 1.1rem}
.m3c-tab,.m3c-knop,.m3c-rij__tel input{scroll-margin-bottom:calc(5rem + env(safe-area-inset-bottom))}
}
@media (max-width:767.98px){
.js .m3c-balk{padding-bottom:.6rem}
.m3c-tab,.m3c-knop,.m3c-rij__tel input{scroll-margin-bottom:calc(10rem + env(safe-area-inset-bottom))}
}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
.m3c-som:hover{--v:2.17rem}
}
@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 (max-width:1000px){
.m3c-raster{grid-template-columns:1fr}
.m3c-som{position:relative;top:auto;max-width:34rem}
}
@media (max-width:720px){
.m3c-paneel{padding-inline:1rem}
.m3c-paneel__rijen{grid-template-columns:1fr}
.m3c-paneel__rijen .m3c-rij:nth-child(2){border-top:1px solid var(--lijn)}
.m3c-tab{min-height:44px}
.m3c-knop{width:40px;height:40px}
.m3c-rij__tel input{height:40px}
}
.vpc .leadblock__card{overflow:clip}
.vpc .leadblock__media{display:flex;align-items:flex-start;padding:clamp(1.2rem,2.4vw,2rem)}
.vpc .leadblock__media .vpc-uit img{position:static;inset:auto;width:56px;height:56px;object-fit:contain}
.vpc .vpc-foto{object-position:28% 50%}
.vpc-uit{--v:.7rem;position:sticky;top:6.5rem;isolation:isolate;width:100%;max-width:24rem;margin:var(--v) var(--v) 0 auto}
.vpc-uit::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:var(--r);background:var(--geel);transform:translate(var(--v),calc(-1*var(--v)));transition:transform .6s var(--ease)}
.vpc-uit__kaart{padding:1.3rem 1.3rem 1.4rem;border-radius:var(--r);background:var(--wit);color:var(--bruin);box-shadow:var(--schaduw)}
.vpc-uit__label,.vpc-uit__puntenkop{margin:.6rem 0 0;font:700 .72rem/1.3 var(--font-kop);letter-spacing:.1em;text-transform:uppercase;color:var(--goud-diep)}
.vpc-uit__bedrag{margin:.15rem 0 0;font:700 clamp(2rem,3.2vw,2.6rem)/1.1 var(--font-kop);font-variant-numeric:tabular-nums}
.vpc-uit__btw{margin:.15rem 0 0;font-size:.9rem;color:var(--ant-zacht)}
.vpc-uit__regels{display:grid;gap:.45rem;margin:1rem 0 0;padding:.8rem 0 0;list-style:none;border-top:2px solid var(--goud)}
.vpc-uit__regels li{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.45rem;border-bottom:1px solid var(--lijn);font-size:.92rem}
.vpc-uit__regels small{display:block;color:var(--ant-zacht);font-size:.8rem}
.vpc-uit__regels b{white-space:nowrap;font-variant-numeric:tabular-nums}
.vpc-uit__puntenkop{margin-top:1rem}
.vpc-uit__punten{display:grid;gap:.25rem;margin:.3rem 0 0;padding-left:1.1rem;color:var(--ant-zacht);font-size:.85rem}
.vpc-uit__knoppen{margin-top:1.1rem}
.vpc-uit .btn--omlijnd{color:var(--bruin)}
.vpc-velden{gap:1.1rem;margin-top:1.2rem}
.vpc-velden legend img{display:inline-block;width:28px;height:28px;margin:-.3rem .5rem 0 0;vertical-align:middle}
.vpc-velden .lf__chips{margin-top:.55rem}
.vpc-noot{margin:.25rem 0 0;color:var(--wit);font-size:.85rem}
.vpc-noot a,.vpc-noscript a{color:var(--wit);text-decoration:underline}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
.vpc-uit:hover{--v:.9rem}
}
@media (prefers-reduced-motion:reduce){
.vpc-uit::before{transition:none}
}
@media(max-width:820px){
.vpc .leadblock__media{order:2;aspect-ratio:auto;padding:1.6rem var(--pad) 1.8rem}
.vpc .vpc-foto{display:none}
.vpc-uit{position:relative;top:auto;max-width:none;margin:var(--v) var(--v) 0 0}
}
.ovg-b42b .c7-b42b__figuur{transform-origin:50% 100%;transition:transform .6s var(--ease)}
@media (hover:hover){
.ovg-b42b .c7-b42b__podium:hover .c7-b42b__figuur{transform:scale(1.03)}
}
@media (prefers-reduced-motion:reduce){
.ovg-b42b .c7-b42b__podium:hover .c7-b42b__figuur{transform:none}
.ovg-b42b .c7-b42b__figuur{transition-duration:.001ms}
}
@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}
.vcl-bar span{transition:none}
}
.sb-persoon__rol{background:var(--geel);color:var(--bruin)}
.sb-persoon__scherm::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--goud);pointer-events:none}
.sb-team__rij>.sb-persoon{transition:translate .3s ease}
.sb-persoon__scherm img{transform-origin:50% 100%;transition:transform .3s ease}
@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(hover:hover){
.sb-team__rij>.sb-persoon:hover{translate:0 -3px}
.sb-persoon:hover .sb-persoon__scherm img{transform:translateX(-50%) translateY(-4px) scale(1.03)}
}
.sb-team__rij>.sb-persoon:focus-within{translate:0 -3px}
.sb-persoon:focus-within .sb-persoon__scherm img{transform:translateX(-50%) translateY(-4px) scale(1.03)}
@media(prefers-reduced-motion:reduce){
.sb-team__rij>.sb-persoon,.sb-persoon__scherm img{transition:none}
.sb-team__rij>.sb-persoon:hover,.sb-team__rij>.sb-persoon:focus-within{translate:none}
.sb-persoon:hover .sb-persoon__scherm img,.sb-persoon:focus-within .sb-persoon__scherm img{transform:translateX(-50%)}
}
.c7-ctp__wie span{margin-top:.3rem;padding:.15rem .65rem;border-radius:99px;background:var(--geel);color:var(--bruin);font-weight:700}
.c7-ctp__stapel::after{box-shadow:inset 0 -4px 0 var(--goud),0 1px 2px rgba(2,13,65,.06),0 16px 30px -18px rgba(2,13,65,.4)}
@media(prefers-reduced-motion:no-preference){
.c7-ctp__persoon{transform-origin:50% 100%;transition:translate .3s ease,scale .3s ease}
.c7-ctp:focus-within .c7-ctp__persoon{translate:0 -4px;scale:1.03}
@media(hover:hover){.c7-ctp:hover .c7-ctp__persoon{translate:0 -4px;scale:1.03}}
}
.c7-plek--a{position:relative;background:var(--bruin);color:var(--wit);isolation:isolate}
.c7-plek--a::before,.c7-plek--a::after{content:"";position:absolute;z-index:1;left:0;right:0;height:6px;pointer-events:none;
background:linear-gradient(90deg,var(--geel) 0 38%,var(--goud) 38% 70%,var(--offerte) 70% 100%)}
.c7-plek--a::before{top:0}
.c7-plek--a::after{bottom:0;height:3px;background:var(--geel)}
.c7-plek--a .label{color:var(--geel)}
.c7-plek--a .label::before{background:var(--geel);height:2px}
.c7-plek--a .kop{position:relative;color:var(--wit);padding-bottom:.7rem;margin-bottom:1.4rem}
.c7-plek--a .kop::after{content:"";position:absolute;left:0;bottom:0;width:3.2rem;height:4px;border-radius:2px;background:var(--geel);
box-shadow:3.8rem 0 0 var(--offerte)}
.c7-plek--a .c7-plek__in{align-items:stretch}
.c7-plek--a .c7-plek__kaart{height:100%}
.c7-plek--a .c7-plek__beeld{object-fit:cover;object-position:50% 50%}
.c7-plek--a .c7-plek__kaartvak::before{background:var(--geel);box-shadow:none}
.c7-plek--a .c7-plek__kaart{border-color:var(--goud);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.c7-plek--a .c7-plek__bellen{right:clamp(-2.5rem,-3vw,-1rem);height:78%;filter:drop-shadow(0 14px 16px rgba(0,0,0,.45))}
@media(min-width:901px) and (max-width:1279.98px){
.c7-plek--a .c7-plek__bellen{height:auto;width:clamp(56px,6vw,76px);max-width:76px;right:clamp(-.5rem,-1vw,-.25rem)}
}
.c7-plek--a .c7-plek__kaart::after{content:"";position:absolute;left:50%;top:50%;width:46px;height:18px;margin:-9px 0 0 -23px;
border-radius:50%;background:radial-gradient(closest-side,rgba(255,196,0,.75),rgba(255,196,0,0));pointer-events:none}
.c7-plek--a .c7-plek__lijst{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.c7-plek--a .c7-plek__lijst>div,.c7-plek--a .c7-plek__lijst>div:last-child{display:block;padding:.85rem .9rem .85rem 3.4rem;border:0;
border-left:4px solid var(--geel);border-radius:10px;background:var(--wit);box-shadow:0 12px 24px -16px rgba(0,0,0,.6)}
.c7-plek--a .c7-plek__lijst>div:nth-child(4n+2),.c7-plek--a .c7-plek__lijst>div:nth-child(4n+3){background:var(--creme-2)}
.c7-plek--a .c7-plek__lijst>div:nth-child(n+5){grid-column:1/-1}
.c7-plek--a .c7-plek__lijst>div:last-child{border-left-color:var(--offerte)}
.c7-plek--a .sb-gegevens__nr{white-space:nowrap}
.c7-plek--a .c7-plek__lijst dt{margin:0 0 .15rem;color:#5A6478}
.c7-plek--a .c7-plek__lijst dt img{left:.8rem}
.c7-plek--a .c7-plek__lijst dd{font-size:.98rem}
.c7-plek--a .c7-plek__lijst dd a{color:var(--goud-diep)}
@media(max-width:1100px){
.c7-plek--a .c7-plek__lijst{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:900px){
.c7-plek--a .c7-plek__bellen{right:0;height:70%}
.c7-plek--a .c7-plek__kaart{height:clamp(300px,34vw,440px)}
}
@media(max-width:599.98px){
.c7-plek--a .c7-plek__bellen{display:block;height:68%}
}
@media(max-width:599.98px){
.c7-plek--a .c7-plek__bellen{height:auto;width:clamp(56px,6vw,76px);max-width:76px}
}
@media(max-width:479.98px){
.c7-plek--a .c7-plek__bellen{display:none}
}
@media(max-width:560px){
.c7-plek--a .c7-plek__lijst>div{padding-left:3.2rem}
.c7-plek--a .c7-plek__kaart{height:300px}
}
@media(prefers-reduced-motion:no-preference){
.c7-plek--a .c7-plek__lijst>div{transition:opacity .55s var(--ease),translate .55s var(--ease),transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.js .c7-plek--a .c7-plek__gegevens:not(.in) .c7-plek__lijst>div{opacity:0;translate:0 14px}
.c7-plek--a .c7-plek__lijst>div:nth-child(2){transition-delay:60ms,60ms,0s,0s,0s}
.c7-plek--a .c7-plek__lijst>div:nth-child(3){transition-delay:120ms,120ms,0s,0s,0s}
.c7-plek--a .c7-plek__lijst>div:nth-child(4){transition-delay:180ms,180ms,0s,0s,0s}
.c7-plek--a .c7-plek__lijst>div:nth-child(5){transition-delay:240ms,240ms,0s,0s,0s}
.c7-plek--a .c7-plek__lijst>div:nth-child(6){transition-delay:300ms,300ms,0s,0s,0s}
.c7-plek--a .c7-plek__lijst>div:nth-child(7){transition-delay:360ms,360ms,0s,0s,0s}
.c7-plek--a .c7-plek__lijst>div:hover,.c7-plek--a .c7-plek__lijst>div:focus-within{transform:translateY(-3px);border-left-color:var(--goud);
box-shadow:0 18px 28px -16px rgba(0,0,0,.7)}
.c7-plek--a .c7-plek__pin{animation:c7a-veer 2.8s ease-in-out infinite}
.c7-plek--a .c7-plek__kaart::after{animation:c7a-halo 2.8s ease-in-out infinite}
.c7-plek--a .c7-plek__bellen{transition:opacity .8s var(--ease) .2s,translate .8s var(--ease) .2s}
.js .c7-plek--a .c7-plek__kaartvak:not(.in) .c7-plek__bellen{opacity:0;translate:24px 0}
.c7-plek--a a.c7-plek__route{transition:transform .2s ease,background-color .2s ease}
.c7-plek--a a.c7-plek__route:hover{transform:translateY(-2px)}
}
@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-plek--a a.c7-plek__route{z-index:2}

/* 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-bottom:calc(80px + env(safe-area-inset-bottom))}}