@font-face{font-family:'Sora';font-style:normal;font-weight:100 800;font-display:swap;src:url(../fonts/sora-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:100 800;font-display:swap;src:url(../fonts/sora-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:#F7F7F6; --creme-2:#FFF4F4; --secundair:#FFF4F4; --bruin:#450A14; --zand:#F4CCCD; --goud-hover:#943D45; --licht-hover:#FCE5E5;
--goud:#79242F; --goud-licht:#FFF4F4; --goud-diep:#79242F; --goud-donker:#B2575E;
--teal-paneel:#79242F; --geel:#FF5100; --teal-op-navy:#F4CCCD; --oranje:#D24204; --oranje-hover:#AB3606; --geel-rand:#AB3606; --geel-rand-aa:#AB3606;
--ant:#0A0A0A; --ant-diep:#0A0A0A; --ant-zacht:#676767; --wit:#FFFFFF; --lijn:#F4CCCD;
--ok:#1E7A3C; --fout:#B42318;
--bordeaux-800:#601621; --bruin-diep:#32060E;
--font-kop:'Sora',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
--font-tekst:'Sora',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
--font-titel:'Sora',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
--font-display:'Sora',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
--maxw:1200px; --pad:clamp(16px,calc(4*var(--vw)),40px); --r:18px;
--ease:cubic-bezier(.22,.61,.36,1);
--schaduw:0 18px 50px -22px rgba(10,10,10,.35);
--schaduw-lg:0 40px 90px -40px rgba(10,10,10,.55);
--schaduw-kaart:0 1px 2px rgba(10,10,10,.05),0 14px 34px -22px rgba(10,10,10,.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:600;line-height:1.18;letter-spacing:-.01em;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)}
.eyebrow{font:600 .76rem/1.3 var(--font-kop);letter-spacing:.12em;text-transform:uppercase;color:var(--goud-diep);display:inline-flex;align-items:center;gap:.75rem;margin:0 0 1.1rem}
.eyebrow::before{content:"";width:2rem;height:1px;background:var(--goud-diep);flex:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.9rem 1.5rem;border-radius:2rem;font:600 .95rem/1.2 var(--font-kop);letter-spacing:.005em;text-transform:none;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:-.05em;order:2}
.btn--ant{background:var(--goud);color:#fff}
.btn--ant:hover{background:var(--goud-hover);color:#fff}
.btn--goud{background:var(--goud);color:#fff}
.btn--goud:hover{background:var(--goud-hover);color:#fff}
.btn--lijn{background:var(--secundair);border-color:var(--zand);color:var(--goud-diep)}
.btn--lijn:hover{background:var(--licht-hover);border-color:var(--zand);color:var(--goud-diep)}
.btn--groen{background:var(--oranje);border-color:var(--oranje);color:#fff}
.btn--groen:hover{background:var(--goud);border-color:var(--goud);color:#fff}
.btn--groen svg{color:#fff}
:is(.hero,.leadblock__panel,.footer,.opslag__kaart,.venster,.blok--navy .blok__boven,.zeker__card,.scorepaneel,.pk,.split__tekst,.calc__uit,.dozen__card) .btn--groen:hover{background:var(--oranje-hover);border-color:var(--oranje-hover)}
:is(.hero,.leadblock__panel,.footer,.opslag__kaart,.venster,.blok--navy .blok__boven,.zeker__card,.scorepaneel,.pk,.split__tekst,.calc__uit,.dozen__card) :is(.btn--goud,.btn--ant){background:var(--oranje);border-color:var(--oranje)}
:is(.hero,.leadblock__panel,.footer,.opslag__kaart,.venster,.blok--navy .blok__boven,.zeker__card,.scorepaneel,.pk,.split__tekst,.calc__uit,.dozen__card) :is(.btn--goud,.btn--ant):hover{background:var(--oranje-hover);border-color:var(--oranje-hover)}
.btn--lg{padding:1.1rem 1.8rem;font-size:1rem}
.btn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--goud-diep);outline-offset:3px}
:is(.hero,.of-box,.leadblock__panel,.footer,.opslag__kaart,.venster,.blok--navy .blok__boven,.zeker__card,.scorepaneel,.pk,.split__tekst,.calc__uit,.dozen__card,.topbar:not(.is-stuck)) :focus-visible{outline-color:#fff}
:is(.of-pill,.topbar .mega,.lf__done,.scorepaneel__keurmerken) :focus-visible{outline-color:var(--goud-diep)}
.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.is-stuck .topbar__logo img{opacity:0}
.topbar.is-stuck .topbar__logo img+img{opacity:1}
.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:.88rem}
.topbar.is-stuck{background:rgba(247,247,246,.92);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);box-shadow:0 2px 10px rgba(10,10,10,.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(10,10,10,.42) 0%,rgba(10,10,10,.40) 42%,rgba(10,10,10,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(10,10,10,0) 30%,rgba(10,10,10,.55) 100%),
linear-gradient(180deg,rgba(10,10,10,.62) 0%,rgba(10,10,10,.18) 26%,rgba(10,10,10,.3) 58%,rgba(10,10,10,.92) 100%)}
.hero__grain{position:absolute;inset:0;z-index:-1;opacity:.05;pointer-events:none;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.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:.12em;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,calc(4.7*var(--vw)),3.55rem);font-weight:700;line-height:1.05;letter-spacing:-.02em;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.35);margin:0}
.hero__title--merk{font-size:clamp(2.4rem,calc(4.4*var(--vw)),3.35rem)}
.hero__title__sub{display:block;margin-top:.45rem;font-size:.52em;line-height:1.15;letter-spacing:-.01em}
.hero__title em{font-style:normal;white-space:nowrap;color:#fff;background:linear-gradient(180deg,transparent 62%,rgba(255,81,0,.9) 62%);padding-inline:.06em}
.hero__sub{margin:.9rem auto 0;font-size:clamp(1.1rem,calc(1.4*var(--vw)),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%}
.hero__pic{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero__person{position:absolute;z-index:0;left:50%;transform:translateX(-50%);bottom:calc(clamp(56px,calc(7.5*var(--vw)),104px) - 80px);height:min(420px,54%);width:auto;pointer-events:none;filter:drop-shadow(0 12px 22px rgba(0,0,0,.3))}
@media(min-width:1080px){.hero{min-height:664px}}
@media(min-width:1080px){.hero__content{padding-top:calc(5.35rem + 33px)}}
@media(max-width:1240px){.hero__person{height:min(380px,44%)}}
@media(max-width:1080px){
.hero{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;min-height:min(84vh,760px)}
.hero .wrap{order:1}
.hero__pic{position:static;order:2;z-index:auto;pointer-events:auto;min-height:min(calc(calc(92*var(--vw)) / 1.747573),clamp(200px,calc(32*var(--vw)),340px))}
.hero__content{padding-block:9.5rem 1.2rem;max-width:none}
.hero__sub{max-width:34rem}
.hero__person{position:static;left:auto;transform:none;bottom:auto;display:block;height:auto;max-height:clamp(200px,calc(32*var(--vw)),340px);max-width:92%;margin:0 auto}
}
@media(max-width:620px){
.hero{min-height:min(76vh,600px)}
.hero__content{padding-block:10rem .8rem}
.hero .eyebrow{font-size:.8rem}
}
.offerte-overlay{position:relative;margin-top:0;z-index:6;padding:0 clamp(16px,calc(4*var(--vw)),40px) 60px;background:var(--creme-2);display:flow-root}
.of-wrap{position:relative;max-width:var(--maxw);margin:clamp(-104px,calc(-7.5*var(--vw)),-56px) auto 0}
.of-box{position:relative;z-index:2;background:var(--teal-paneel);color:#fff;border-radius:28px;padding:clamp(28px,calc(3.4*var(--vw)),44px) clamp(28px,calc(4*var(--vw)),52px);box-shadow:0 24px 60px -10px rgba(121,36,47,.38)}
.of-trust{position:absolute;top:20px;right:24px;z-index:5}
.of-title{font-family:var(--font-titel);font-weight:600;letter-spacing:-.02em;line-height:1.05;font-size:clamp(1.6rem,calc(2.6*var(--vw)),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(10,10,10,.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='%230A0A0A' 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(10,10,10,.12);width:1px;align-self:center;height:38px}
.of-cta{display:inline-flex;align-items:center;gap:10px;background:var(--oranje);color:#fff;border:none;border-radius:2rem;padding:15px 26px;font:600 15px/1.2 var(--font-kop);letter-spacing:.005em;text-transform:none;cursor:pointer;white-space:nowrap}
.of-cta:hover{background:var(--goud)}
.of-cta svg{width:12px;height:12px;margin-top:-2px}
@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(10,10,10,.08)}
.of-cta{justify-content:center;border-radius:14px;padding:13px 20px}
}
.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(--geel);margin-top:-.15em}
.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:600 .72rem/1.3 var(--font-kop);letter-spacing:.08em;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:400}
.lf__field input:focus-visible,.lf__field select:focus-visible{outline:3px solid #fff;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__optie{display:inline-flex;align-self:flex-start;align-items:center;gap:.45rem;margin-top:.15rem;cursor:pointer;width:fit-content;font-size:.8rem;font-weight:700;color:#fff}
.lf__optie input[type=checkbox]{appearance:auto;-webkit-appearance:checkbox;accent-color:#fff;width:16px;height:16px;min-width:16px;margin:0;padding:0;flex:none}
.lf__actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.35rem}
.lf__hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;overflow:hidden}
.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}
@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{display:grid;grid-template-columns:minmax(0,1fr);background:var(--bruin-diep)}
.footer>*{grid-column:1}
.footer__media{grid-row:1;position:relative;z-index:-1;pointer-events:none;clip-path:inset(0 0 -40px 0)}
.footer>.wrap{grid-row:1;width:100%}
.footer__onder{grid-row:2}
.footer__balk{grid-row:3}
.footer__media::before{content:"";position:absolute;inset:0 0 0 auto;width:52%;
background:linear-gradient(165deg,var(--bordeaux-800) 0%,var(--bruin) 78%);clip-path:polygon(24% 0,100% 0,100% 100%,0 100%)}
.footer__media::after{content:"";position:absolute;top:-70px;right:calc(max(0px,(100% - var(--maxw)) / 2) - 40px);width:360px;aspect-ratio:1;
border:1.5px solid rgba(244,204,205,.2);border-radius:50%;
background:radial-gradient(circle at 93.3% 75%,var(--geel) 0 5px,transparent 5.5px)}
.footer__media img{position:absolute;z-index:1;bottom:0;right:max(var(--pad),calc((100% - var(--maxw)) / 2 + var(--pad)));
width:min(42%,560px);height:auto;filter:drop-shadow(0 16px 14px rgba(20,2,6,.55));transition:transform .7s var(--ease)}
.footer:has(.footer__claim:hover) .footer__media img{transform:translateX(-14px)}
@media(prefers-reduced-motion:reduce){.footer__media img{transition:none}.footer:has(.footer__claim:hover) .footer__media img{transform:none}}
@media(max-width:1100px){.footer__media img{width:40%}}
@media(min-width:901px) and (max-width:1100px){.footer .footer__claim{max-width:calc(58% - 2rem)}}
@media(max-width:900px){
.footer__media{height:calc(min(calc(86*var(--vw)),520px) * .572 + 34px)}
.footer>.wrap{grid-row:2}
.footer__onder{grid-row:3}
.footer__balk{grid-row:4}
.footer__media::before{width:100%;clip-path:polygon(0 0,100% 0,100% 58%,0 100%)}
.footer__media::after{top:-150px;right:-120px;width:300px}
.footer__media img{width:min(calc(86*var(--vw)),520px);right:auto;left:50%;bottom:0;transform:translateX(-50%)}
.footer:has(.footer__claim:hover) .footer__media img{transform:translateX(-50%)}
}
.footer__claim{max-width:36rem;padding-block:clamp(3.2rem,calc(6*var(--vw)),5rem) clamp(2.4rem,calc(4*var(--vw)),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,calc(3.75*var(--vw)),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,calc(3*var(--vw)),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__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:600 .85rem/1.3 var(--font-kop);letter-spacing:.12em;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);overflow-wrap:anywhere}
.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:44px}
.merk--epv img{height:50px}
.merk--tm img{height:50px}
.merk--fedemac img{height:30px}
.merk--iam img{height:52px}
@media(max-width:1080px){
.footer__merken{justify-content:center;gap:1.2rem 1.9rem}
.merk--ev img{height:34px}
.merk--epv img{height:38px}
.merk--tm img{height:38px}
.merk--fedemac img{height:23px}
.merk--iam img{height:40px}
}
.footer__balk{background:var(--bruin-diep);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: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(247,247,246,.96);backdrop-filter:blur(8px);border-top:1px solid var(--lijn)}
.mcta .btn{width:100%;padding:.78rem .5rem;font-size:.9rem}
@media(max-width:767.98px){.mcta{display:grid}.footer__balk .wrap{padding-bottom:6.5rem}}
.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{transition:none}
}
@media print{
.topbar,.hero,.offerte-overlay,#diensten,#werkwijze,#dozen,#calc,#waarom,#reviews,#inpaktips,#faq,#offerte,.footer,.mcta{display:none!important}
[data-reveal],[data-reveal-groep]>*{opacity:1!important;transform:none!important}
}
.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:.84rem}
.topbar.is-stuck .topbar__tel{font-size:.95rem}
.topbar__reviews{display:none;align-items:center;gap:.55rem;text-decoration:none;color:var(--ant);padding:.2rem .5rem .2rem 0;margin-right:.3rem}
.topbar.is-stuck .topbar__reviews{display:inline-flex;animation:topbar-in .35s var(--ease)}
@keyframes topbar-in{from{opacity:0;transform:translateY(-4px)}}
.topbar__g{width:22px;height:22px;flex:none;--ik-a:var(--goud-diep);--ik-b:var(--geel)}
.topbar__rv{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:.35rem;line-height:1}
.topbar__sterren{display:inline-flex;gap:1px;color:var(--geel)}
.topbar__sterren svg{width:13px;height:13px}
.topbar__rv b{font:700 1rem/1 var(--font-display)}
.topbar__rv small{grid-column:1/-1;font:400 .68rem/1.2 var(--font-kop);letter-spacing:.03em;color:var(--ant-zacht);margin-top:.2rem;white-space:nowrap}
.topbar__reviews:hover .topbar__rv b{color:var(--goud-diep)}
@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}
.topbar__reviews{gap:.35rem;margin-right:0;padding-right:.2rem}
.topbar__rv small{display:none}
.topbar__sterren svg:not(:first-child){display:none}
}
.footer__claim{max-width:44rem;padding-block:clamp(1.6rem,calc(3*var(--vw)),2.5rem) clamp(1.2rem,calc(2*var(--vw)),1.6rem)}
.footer__claim .eyebrow{margin-bottom:.55rem}
.footer__claim h2{font-size:clamp(1.5rem,calc(2.4*var(--vw)),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,calc(1.9*var(--vw)),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:.88rem}
@media(max-width:620px){.footer__knoppen{flex-direction:column;align-items:flex-start}.footer__knoppen .btn{width: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:.1em}
}
.hero__video{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
@media(max-width:760px),(prefers-reduced-motion:reduce){.hero__video{display:none}}
.footer__logo{height:50px}
.nav{display:flex;align-items:center;align-self:flex-start;margin-top:.6rem}
.topbar.is-stuck .nav{margin-top:0}
.nav__links{display:flex;align-items:center;gap:1.15rem;list-style:none;margin:0;padding:0}
.nav__links>li{position:relative}
.nav__links>li>a,.nav__trigger{
display:inline-flex;align-items:center;gap:.3rem;
font:600 .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(calc(100*var(--vw)) - 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--1 .mega__grid{grid-template-columns:minmax(0,1fr)}
.mega--3 .mega__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.mega__label{
margin:0 0 .85rem;font:600 .7rem/1 var(--font-kop);
letter-spacing:.12em;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);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{gap:.85rem}
.mega__foot svg{width:14px;height:14px}
.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}
.drawer.is-open{visibility:visible;pointer-events:auto}
.drawer__scrim{
position:absolute;inset:0;width:100%;height:100%;
background:rgba(69,10,20,.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:600 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:600 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{display:inline-flex;align-items:center;gap:.55rem;font:600 1rem/1 var(--font-kop);color:var(--ant);text-decoration:none}
.drawer__tel svg{width:18px;height:18px}
.topbar__logo{flex:none}
.topbar__tel,.topbar .btn{white-space:nowrap}
@media(min-width:1024px){
.topbar__rv small{display:none}
.topbar__sterren svg:not(:first-child){display:none}
.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}
}
.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(247,247,246,.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(247,247,246,.72)}
.pk__kruim a:hover{color:var(--creme)}
.pk h1{margin:0;color:var(--creme);font-size:clamp(1.75rem,calc(3.2*var(--vw)),2.5rem);line-height:1.12}
.pk__lead{margin:.7rem 0 0;font-size:1rem;line-height:1.6;max-width:52ch;color:rgba(247,247,246,.9)}
.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,calc(12*var(--vw)),11rem) clamp(1.6rem,calc(3*var(--vw)),2.6rem)}
.hero--pagina .hero__title{font-size:clamp(1.9rem,calc(3.6*var(--vw)),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}}
h1,h2,h3,h4,.hero__title,.pk h1{overflow-wrap:break-word}
.hero--pagina .hero__content{padding-bottom:calc(clamp(56px,calc(7.5*var(--vw)),104px) + 35px)}
@media(min-width:881px) and (max-width:1080px){
.of-trust{position:static;justify-content:flex-start;flex-wrap:wrap;margin-bottom:14px}
}
.hero--pagina .hero__bg img[src*="inpakken-keuken"]{object-position:center 24%}
#reviews:has(.art){position:relative}
#waarom{position:relative}
.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}
.jur{padding-block:clamp(2rem,calc(4*var(--vw)),3rem) clamp(2.6rem,calc(5*var(--vw)),4rem)}
.jur__intro{max-width:66ch}
.jur__intro p{margin:0 0 .9rem;color:var(--ant-zacht);line-height:1.75;font-size:1.02rem}
.jur__blok{max-width:72ch;scroll-margin-top:96px;margin-top:clamp(1.8rem,calc(3.5*var(--vw)),2.6rem);
padding-top:clamp(1.6rem,calc(3*var(--vw)),2.2rem);border-top:1px solid var(--lijn)}
.jur__blok h2{margin:0;font-size:clamp(1.2rem,calc(2.1*var(--vw)),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}
}
.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:600 .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 #fff;outline-offset:0}
@media(prefers-reduced-motion:reduce){.skiplink{transition:none}}
@media(max-width:767.98px){
html{scroll-padding-bottom:calc(6rem + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){
.topbar.is-stuck .topbar__reviews{animation:none}
.topbar,.topbar__logo img,.topbar__logo img+img{transition:none}
.drawer__panel,.nav__chev{transition:none}
}
.lf__field>label[for]{font:600 .72rem/1.3 var(--font-kop);letter-spacing:.08em;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)}
.lf__fout--velden{list-style:none;margin:0;padding:0}
.lf__fout--velden a{color:var(--fout)}
.lf__foutlijst:focus{outline:3px solid var(--fout);outline-offset:-3px}
.hero__videoknop{position:absolute;right:var(--pad);top:10rem;z-index:3;
display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;
background:var(--bruin);color:var(--creme);border:2px solid var(--creme);border-radius:999px;
cursor:pointer}
.hero__videoknop svg{width:16px;height:16px;fill:currentColor}
.hero__videoknop__lbl{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.hero__videoknop:hover{background:var(--ant)}
.hero__videoknop:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media(max-width:760px),(prefers-reduced-motion:reduce){.hero__videoknop{display:none}}
main[tabindex="-1"]:focus{outline:none}
.lf__adresveld{position:relative}
.lf__keuzes{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;margin:0;padding:.25rem;list-style:none;background:#fff;border-radius:12px;box-shadow:0 12px 28px rgba(10,10,10,.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)}
.hero__video{overflow:hidden;opacity:0;transition:opacity .9s var(--ease);container-type:size}
.hero__video.is-aan{opacity:1}
.hero__video iframe{position:absolute;top:50%;left:50%;width:100%;height:100%;width:max(100cqw,177.78cqh);height:max(100cqh,56.25cqw);transform:translate(-50%,-50%);border:0;pointer-events:none}
.hero__videoknop[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.hero__video{transition:none}}
.plaatsen li:has(>a){padding:0}
.plaatsen a{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;border-radius:999px;color:inherit;text-decoration:none}
.plaatsen a:hover{text-decoration:underline;text-underline-offset:3px}
.lf__row--eind{align-items:end}
.lf__privacy{margin:.1rem 0 0;font-size:.8rem;line-height:1.5;color:#fff}
.lf__privacy a{color:#fff;font-weight:700}
.footer__rooster .footer__logo{display:block;height:56px;width:auto;margin:0 0 .4rem}
.footer__rooster p+ul,.footer__rooster address+ul{margin-top:.9rem}
.footer__merkenkop{flex:0 0 100%;margin:0;font:600 .85rem/1.3 var(--font-kop);letter-spacing:.12em;text-transform:uppercase;color:var(--teal-op-navy)}
.merk--epv img{height:50px}
.merk--fedemac img{height:30px}
.merk--iam img{height:48px}
@media(max-width:940px){
.footer__merkenkop{text-align:center}
.merk--epv img{height:40px}
.merk--fedemac img{height:24px}
.merk--iam img{height:38px}
}
.footer__rooster address a{overflow-wrap:anywhere}
@media(min-width:1241px){.hero__person{height:min(400px,49%)}}
.offerte-overlay{background:var(--creme)}
@media(min-width:761px){
.of-pill{grid-template-columns:1fr 1px 1fr 1px .7fr 1px 1fr auto}
.of-field{padding:8px 14px}
}
@media(min-width:761px) and (max-width:1139px){
.of-pill{grid-template-columns:1fr 1fr;border-radius:22px;gap:4px}
.of-divider{display:none}
.of-field{padding:10px 18px;border-bottom:1px solid rgba(10,10,10,.08)}
.of-cta{grid-column:1/-1;justify-content:center;border-radius:14px;padding:14px 22px}
}
@media(min-width:761px){
.of-box{padding:clamp(18px,calc(1.9*var(--vw)),26px) clamp(22px,calc(2.6*var(--vw)),34px);border-radius:22px}
.of-title{font-size:clamp(1.2rem,calc(1.55*var(--vw)),1.5rem);margin:0 0 2px}
.of-sub{font-size:14px;margin:0 0 12px;max-width:62ch}
.of-pill{padding:6px}
.of-field{padding:5px 14px}
.of-field span{margin-bottom:2px}
.of-cta{padding:12px 22px;font-size:14px}
.of-divider{height:32px}
}
@media(min-width:1140px) and (max-width:1279px){
.of-field input,.of-field select{font-size:14px}
}
.pk{--pk-schuin:clamp(1rem,calc(3.4*var(--vw)),3.5rem);overflow:hidden;isolation:isolate;padding-bottom:calc(2rem + var(--pk-schuin));
clip-path:polygon(0 0,100% 0,100% calc(100% - var(--pk-schuin)),0 100%)}
.pk::before{content:"";position:absolute;z-index:-1;right:-4rem;top:calc(var(--pk-bar) + 1rem);width:clamp(13rem,calc(24*var(--vw)),20rem);aspect-ratio:1;
translate:0 -22%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath d='M86 15A52 52 0 1 0 108 42' fill='none' stroke='%23FF5100' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='108' cy='42' r='3.2' fill='%23FF5100'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}
.pk::after{content:"";position:absolute;z-index:-2;inset:0 0 0 38%;pointer-events:none;
background:radial-gradient(rgba(247,247,246,.13) 1px,transparent 1.6px) 0 0/16px 16px;
-webkit-mask-image:linear-gradient(90deg,transparent,#000 65%);mask-image:linear-gradient(90deg,transparent,#000 65%)}
.pk h1::after{content:"";display:block;width:3.2rem;height:4px;margin-top:.85rem;border-radius:4px;background:var(--oranje)}
@media(max-width:620px){.pk::before{right:-7rem;width:15rem}}
.jur__blok{position:relative;border-top-color:transparent}
.jur__blok::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,var(--oranje) 0 3rem,var(--lijn) 3rem)}
.jur__nr{display:inline-grid;place-items:center;min-width:2.2rem;height:2.2rem;margin-right:.5rem;padding:0 .35rem;border:2px solid var(--oranje);
border-radius:999px;color:var(--goud-diep);font-size:.8em;line-height:1;vertical-align:.12em}
.hero__bron{position:absolute;z-index:1;right:max(var(--pad),calc((100% - var(--maxw)) / 2 + var(--pad)));bottom:calc(clamp(56px,calc(7.5*var(--vw)),104px) + 10px);
margin:0;max-width:26rem;color:rgba(255,255,255,.78);font-size:.72rem;line-height:1.4;text-align:right;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.hero__bron a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.hero__bron a:hover{color:#fff}
@media(max-width:1080px){
.hero__bron{right:.3rem;bottom:calc(clamp(56px,calc(7.5*var(--vw)),104px) + 14px);max-width:none;white-space:nowrap;writing-mode:vertical-rl;rotate:180deg;font-size:.6rem}
.hero__bron-rest{display:none}
}
.footer{overflow-x:clip}
.nv{display:inline-block;width:.78em;height:.78em;margin-left:.3em;vertical-align:-.06em;flex:none;overflow:visible}
.offerte-overlay + .b-sectie:is(.b-grond--wit,.b-grond--creme,.b-grond--roze){padding-top:calc(var(--b-ruimte) * .5)}
.vt{display:flex;align-items:center;background:rgba(0,0,0,.26);border:1px solid rgba(255,255,255,.2);
border-radius:18px;padding:10px 6px}
.vt__cel{display:flex;flex-direction:column;align-items:center;gap:6px;padding:2px 16px;color:#fff;text-decoration:none}
.vt__cel+.vt__cel{border-left:1px solid rgba(255,255,255,.22)}
a.vt__cel{transition:opacity .2s ease}
a.vt__cel:hover{opacity:.82}
.vt__cel--ev{justify-content:center;padding-inline:18px}
.vt__logo{display:block;width:auto;height:34px}
.vt__score{display:flex;align-items:baseline;gap:6px}
.vt__cijfer{font:700 1.1rem/1 var(--font-display);letter-spacing:-.02em}
.vt__bron{font:500 .64rem/1 var(--font-tekst);color:rgba(255,255,255,.88)}
.vt__sterren{position:relative;display:inline-block;line-height:0}
.vt__sterren>span{display:flex;gap:1px}
.vt__sterren svg{width:12px;height:12px}
.vt__sterren-leeg{color:rgba(255,255,255,.34)}
.vt__sterren-vol{position:absolute;inset:0;color:#FF5100;clip-path:inset(0 calc(100% - var(--vul)) 0 0)}
@media(max-width:880px){
.vt{padding:8px 2px}
.vt__cel{padding-inline:8px;gap:4px}
.vt__sterren svg{width:9px;height:9px}
.vt__logo{height:22px}
.vt__score{flex-direction:column;align-items:center;gap:2px}
.vt__cijfer{font-size:.92rem}
.vt__bron{font-size:.52rem}
}
@media(max-width:380px){
.vt{padding:8px 1px}
.vt__cel{padding-inline:5px}
.vt__sterren svg{width:8px;height:8px}
.vt__logo{height:18px}
.vt__cijfer{font-size:.85rem}
.vt__bron{font-size:.46rem}
}
.footer__rooster .footer__logo{height:112px;max-width:100%;object-fit:contain;object-position:left center}
@media(max-width:900px){.footer__rooster .footer__logo{height:90px}}
@media(min-width:1140px){
.footer__plaatsen{grid-auto-flow:column;grid-template-rows:repeat(6,auto);
grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.2rem}
}
.merk--ev img{height:53px}
.merk--epv img{height:60px}
.merk--tm img{height:60px}
.merk--fedemac img{height:36px}
.merk--iam img{height:58px}
@media(max-width:940px){
.merk--ev img{height:34px}
.merk--epv img{height:40px}
.merk--tm img{height:38px}
.merk--fedemac img{height:24px}
.merk--iam img{height:38px}
}
.footer__media img{aspect-ratio:1600/915;object-fit:contain;object-position:bottom right}
@media(max-width:900px){.footer__media img{object-position:bottom center}}
@media(min-width:901px){.footer__media{min-height:calc(min(calc(42*var(--vw)),560px) * .572)}}
@media(min-width:1100px){
.footer__legal{gap:.3rem .8rem}
.footer__legal a + a::before{content:"\00B7";margin-right:.8rem;color:rgba(255,255,255,.45)}
}
@media(min-width:1100px) and (max-width:1139.98px){
.footer__legal{gap:.3rem 1.3rem}
.footer__legal a + a::before{content:none;margin-right:0}
}
.of-gevonden{margin:10px 0 0;padding-left:18px;font-size:14px;line-height:1.45;color:rgba(255,255,255,.92)}
.of-gevonden + .of-gevonden{margin-top:2px}
.of-gevonden--mis{color:rgba(255,255,255,.72)}
@media (max-width:640px){.of-gevonden{padding-left:0;font-size:13px}}
:root{--groen-actie:#1E7A3C; --groen-actie-hover:#166534; --wa-groen:#188841; --wa-groen-hover:#136B34}
.btn--groen{background:var(--groen-actie);border-color:var(--groen-actie);color:#fff}
.btn--groen:hover{background:var(--groen-actie-hover);border-color:var(--groen-actie-hover);color:#fff}
:is(.hero,.leadblock__panel,.footer,.opslag__kaart,.venster,.blok--navy .blok__boven,.zeker__card,.scorepaneel,.pk,.split__tekst,.calc__uit,.dozen__card,.b-grond--donker,.b-grond--bordeaux) :is(.btn--goud,.btn--ant).btn--groen{background:var(--groen-actie);border-color:var(--groen-actie)}
:is(.hero,.leadblock__panel,.footer,.opslag__kaart,.venster,.blok--navy .blok__boven,.zeker__card,.scorepaneel,.pk,.split__tekst,.calc__uit,.dozen__card,.b-grond--donker,.b-grond--bordeaux) .btn--groen:hover{background:var(--groen-actie-hover);border-color:var(--groen-actie-hover)}
.of-cta{background:var(--groen-actie)}
.of-cta:hover{background:var(--groen-actie-hover)}
.btn--bresser{background:var(--oranje);border-color:var(--oranje);color:#fff}
.btn--bresser:hover{background:var(--goud);border-color:var(--goud);color:#fff}
.btn--bresser svg{color:#fff}
:is(.hero,.leadblock__panel,.footer,.opslag__kaart,.venster,.blok--navy .blok__boven,.zeker__card,.scorepaneel,.pk,.split__tekst,.calc__uit,.dozen__card,.b-grond--donker,.b-grond--bordeaux) .btn--bresser:hover{background:var(--oranje-hover);border-color:var(--oranje-hover)}
.wa-zweef{position:fixed;right:clamp(14px,calc(3*var(--vw)),26px);bottom:clamp(14px,calc(3*var(--vw)),26px);z-index:55;
display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;
background:var(--wa-groen);color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.28);text-decoration:none}
.wa-zweef svg{position:relative;z-index:1;width:30px;height:30px}
.wa-zweef::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--wa-groen);
animation:wa-puls 2.4s cubic-bezier(.22,.61,.36,1) infinite}
.wa-zweef:hover{background:var(--wa-groen-hover)}
.wa-zweef:hover::before{background:var(--wa-groen-hover)}
@keyframes wa-puls{0%{transform:scale(1);opacity:.55}70%{transform:scale(1.75);opacity:0}100%{transform:scale(1.75);opacity:0}}
@media(max-width:767.98px){.wa-zweef{bottom:calc(76px + env(safe-area-inset-bottom));width:52px;height:52px}
.wa-zweef svg{width:28px;height:28px}}
body.drawer-open .wa-zweef{display:none}
.wa-zweef:focus-visible{box-shadow:0 0 0 3px #fff,0 10px 24px rgba(0,0,0,.28)}
@media (prefers-reduced-motion:reduce){.wa-zweef::before{animation:none;opacity:0}}
@media print{.wa-zweef{display:none!important}}
.btn--wa{background:var(--wa-groen);border-color:var(--wa-groen);color:#fff}
.btn--wa:hover{background:var(--wa-groen-hover);border-color:var(--wa-groen-hover);color:#fff}
.btn--wa svg{width:16px;height:16px;order:0;color:#fff}
:is(.hero,.leadblock__panel,.footer,.opslag__kaart,.venster,.blok--navy .blok__boven,.zeker__card,.scorepaneel,.pk,.split__tekst,.calc__uit,.dozen__card,.b-grond--donker,.b-grond--bordeaux) .btn--wa:hover{background:var(--wa-groen-hover);border-color:var(--wa-groen-hover)}
.hero .eyebrow{background:var(--goud);color:#fff;padding:.5rem .95rem;border-radius:999px;text-shadow:none;
gap:.6rem;max-width:100%}
.hero .eyebrow::before{background:#fff;width:24px}
@media (max-width:520px){
.hero .eyebrow{padding:.45rem .85rem;font-size:.75rem}
.hero .eyebrow::before{display:none}
}
@media (max-width:419.98px){
.hero .eyebrow{display:flex;justify-content:center;text-align:center;border-radius:14px;
padding:.5rem .9rem;line-height:1.45}
}
:root{
--b-r-control:8px; --b-r-kaart:15px; --b-r-media:20px;
--b-signaal:#FF5100; --b-actie:#D24204; --b-actie-hover:#AB3606;
--b-inkt:#0A0A0A; --b-zacht:#676767; --b-lijn:#F4CCCD; --b-lijn-grijs:#E4E2DF;
--b-wit:#FFFFFF; --b-creme:#F7F7F6; --b-roze:#FFF4F4; --b-roze-100:#FCE5E5;
--b-bordeaux:#79242F; --b-bordeaux-800:#601621; --b-donker:#450A14; --b-diepst:#32060E; --b-op-donker:#F4CCCD;
--b-ruimte:clamp(4rem,2.8rem + calc(5*var(--vw)),7.5rem);
--b-ease:cubic-bezier(.22,.61,.36,1); --b-duur:.6s;
--b-schaduw:0 1px 2px rgba(10,10,10,.05),0 18px 40px -24px rgba(10,10,10,.32);
--vw:min(1dvw,14.4px);
}
.b-sectie{position:relative;padding-block:var(--b-ruimte);background:var(--b-grond,var(--b-wit));color:var(--b-inkt);overflow-x:clip}
.b-grond--wit,.b-grond--creme,.b-grond--roze{--b-grond:var(--b-creme)}
body{position:relative;background:var(--b-creme)}
body::before,body::after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none}
body::before{background:radial-gradient(circle,rgba(121,36,47,.15) 1px,transparent 1.5px) 0 0/16px 16px;
-webkit-mask:radial-gradient(24rem 17rem at 0% 8.3%,#000 20%,transparent 72%) 0 0/100% 360rem repeat-y,
radial-gradient(24rem 18rem at 100% 83.3%,#000 20%,transparent 72%) 0 0/100% 360rem repeat-y;
mask:radial-gradient(24rem 17rem at 0% 8.3%,#000 20%,transparent 72%) 0 0/100% 360rem repeat-y,
radial-gradient(24rem 18rem at 100% 83.3%,#000 20%,transparent 72%) 0 0/100% 360rem repeat-y}
body::after{background:
url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%203600'%3E%3Cpath%20d='M105.0%20188.7A120%20120%200%201%200%20187.1%20185.9'%20fill='none'%20stroke='%23EFC3C5'%20stroke-width='1.6'%20stroke-linecap='round'/%3E%3Ccircle%20cx='187.1'%20cy='185.9'%20r='3.4'%20fill='%23FF5100'/%3E%3Cpath%20d='M40%201990C170%201985%20262%202045%20238%202125S150%202232%20214%202290'%20fill='none'%20stroke='%23EFC3C5'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-dasharray='7%209'/%3E%3Ccircle%20cx='214'%20cy='2290'%20r='7'%20fill='none'%20stroke='%23FF5100'%20stroke-width='1.6'/%3E%3Ccircle%20cx='214'%20cy='2290'%20r='2.4'%20fill='%23FF5100'/%3E%3C/svg%3E") left -18rem top 0/30rem 360rem repeat-y,
url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%203600'%3E%3Ccircle%20cx='150'%20cy='1200'%20r='112'%20fill='none'%20stroke='%23EFC3C5'%20stroke-width='1.6'%20stroke-linecap='round'/%3E%3Ccircle%20cx='150'%20cy='1200'%20r='80'%20fill='none'%20stroke='%23EFC3C5'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-dasharray='3%207'/%3E%3Ccircle%20cx='74.8'%20cy='1172.6'%20r='3.4'%20fill='%23FF5100'/%3E%3Cpath%20d='M300%202948L36%202985M300%202978L66%203011'%20fill='none'%20stroke='%23EFC3C5'%20stroke-width='1.6'%20stroke-linecap='round'/%3E%3Cpath%20d='M36%202985L78%202979'%20stroke='%23FF5100'%20stroke-width='2.6'%20stroke-linecap='round'/%3E%3C/svg%3E") right -18rem top 0/30rem 360rem repeat-y}
.b-sectie:is(.b-grond--wit,.b-grond--creme,.b-grond--roze){background:transparent}
@media (max-width:700px){
body::before{
-webkit-mask:radial-gradient(14rem 10rem at 0% 8.3%,#000 20%,transparent 72%) 0 0/100% 162rem repeat-y,
radial-gradient(14rem 10rem at 100% 83.3%,#000 20%,transparent 72%) 0 0/100% 162rem repeat-y;
mask:radial-gradient(14rem 10rem at 0% 8.3%,#000 20%,transparent 72%) 0 0/100% 162rem repeat-y,
radial-gradient(14rem 10rem at 100% 83.3%,#000 20%,transparent 72%) 0 0/100% 162rem repeat-y}
body::after{background-size:13.5rem 162rem;background-position:left -8.1rem top 0,right -8.1rem top 0}
}
@media print{body{background:#fff}body::before,body::after{display:none}}
.b-grond--donker{--b-grond:var(--b-donker);color:#fff}
.b-grond--bordeaux{--b-grond:var(--b-bordeaux);color:#fff}
.b-sectie:is(.b-grond--donker,.b-grond--bordeaux){
--b-schuin:clamp(1.25rem,calc(4.4*var(--vw)),4.75rem);
padding-block:calc(var(--b-ruimte) + var(--b-schuin));
background:
linear-gradient(to top left,var(--b-grond) 50%,transparent calc(50% + 1px)) top/100% var(--b-schuin) no-repeat,
linear-gradient(to bottom right,var(--b-grond) 50%,transparent calc(50% + 1px)) bottom/100% var(--b-schuin) no-repeat,
linear-gradient(var(--b-grond),var(--b-grond)) center/100% calc(100% - 2 * var(--b-schuin) + 2px) no-repeat}
.b-sectie:is(.b-grond--wit,.b-grond--creme,.b-grond--roze) + .b-sectie:is(.b-grond--wit,.b-grond--creme,.b-grond--roze){padding-top:calc(var(--b-ruimte) * .5)}
.b-kopgroep{max-width:46rem;margin-bottom:clamp(2rem,1.4rem + calc(2*var(--vw)),3.25rem)}
.b-kopgroep--midden{margin-inline:auto;text-align:center}
.b-label{display:inline-flex;align-items:center;gap:.55rem;margin:0 0 1.1rem;padding:.46rem .82rem .42rem;border-radius:999px;
background:var(--b-roze);color:var(--b-bordeaux);font:600 .74rem/1 var(--font-kop);letter-spacing:.1em;text-transform:uppercase}
.b-label::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--b-signaal);flex:none}
:is(.b-grond--donker,.b-grond--bordeaux) .b-label{background:rgba(255,255,255,.09);color:var(--b-op-donker)}
.b-kop{margin:0;font:700 clamp(2rem,1.25rem + calc(2.7*var(--vw)),3.3rem)/1.06 var(--font-titel);letter-spacing:-.028em;color:inherit;text-wrap:balance}
.b-kop em{font-style:normal;color:var(--b-bordeaux)}
:is(.b-grond--donker,.b-grond--bordeaux) .b-kop em{color:var(--b-op-donker)}
.b-lead{margin:1.1rem 0 0;font-size:clamp(1.05rem,1rem + calc(.3*var(--vw)),1.22rem);line-height:1.62;color:var(--b-zacht);max-width:58ch;text-wrap:pretty}
.b-kopgroep--midden .b-lead{margin-inline:auto}
:is(.b-grond--donker,.b-grond--bordeaux) .b-lead{color:rgba(255,255,255,.84)}
.b-tekst p{margin:.9rem 0 0;color:var(--b-zacht);max-width:62ch;line-height:1.7}
.b-sectie .b-tekst a:not(.btn),.b-sectie .b-lead a:not(.btn){color:var(--b-bordeaux);font-weight:600;text-decoration:underline;text-underline-offset:3px}
:is(.b-grond--donker,.b-grond--bordeaux) :is(.b-tekst,.b-lead) a:not(.btn){color:#fff}
:is(.b-grond--donker,.b-grond--bordeaux) .b-tekst p{color:rgba(255,255,255,.84)}
.b-knoppen{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.6rem}
@media(max-width:620px){.b-knoppen .btn{flex:1 1 100%}}
:is(.b-grond--donker,.b-grond--bordeaux) :is(.btn--goud,.btn--ant){background:var(--b-actie);border-color:var(--b-actie);color:#fff}
:is(.b-grond--donker,.b-grond--bordeaux) :is(.btn--goud,.btn--ant,.btn--groen):hover{background:var(--b-actie-hover);border-color:var(--b-actie-hover);color:#fff}
:is(.b-grond--donker,.b-grond--bordeaux) :focus-visible{outline-color:#fff}
.b-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}
.b-sectie img{max-width:100%}
@media (prefers-reduced-motion:reduce){
.b-sectie *,.b-sectie *::before,.b-sectie *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}
@media print{.b-sectie{padding-block:1.5rem;background:#fff;color:#000}}
.b-offerte{background:transparent;padding-block:clamp(3.75rem,3rem + calc(2*var(--vw)),4.6rem) var(--b-ruimte);overflow:clip}
.b-offerte__kaart{position:relative;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);background:var(--b-wit);border-radius:var(--b-r-media);box-shadow:0 1px 2px rgba(10,10,10,.06),0 40px 80px -48px rgba(10,10,10,.6)}
.b-offerte__zij{position:relative;display:flex;flex-direction:column;background:var(--b-donker);border-radius:var(--b-r-media) 0 0 var(--b-r-media)}
.b-offerte__podium{position:relative;height:clamp(19rem,calc(calc(37.7*var(--vw)) - 2rem),24.85rem)}
.b-offerte__verhuizer{position:absolute;left:50%;bottom:4px;width:min(125%,516px);max-width:none;height:auto;transform:translateX(-50%);filter:drop-shadow(0 22px 20px rgba(10,10,10,.28));transition:transform .6s var(--b-ease)}
img.b-offerte__verhuizer{max-width:none}
.b-offerte__podium::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:14px;background:var(--b-signaal);transform:skewY(-4deg)}
.b-offerte__zijtekst{padding:clamp(1.6rem,calc(2.8*var(--vw)),2.4rem) clamp(1.3rem,calc(2.6*var(--vw)),2.4rem) clamp(1.6rem,calc(2.8*var(--vw)),2.4rem)}
.b-offerte__zijtekst .b-label{background:var(--b-wit)}
.b-offerte__kop em{color:var(--b-signaal)}
.b-offerte__kop{font-size:clamp(1.75rem,1.15rem + calc(1.6*var(--vw)),2.45rem)}
.b-offerte__stappen{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;gap:1rem;counter-reset:stap}
.b-offerte__stappen li{position:relative;display:grid;grid-template-columns:2.2rem minmax(0,1fr);column-gap:.8rem;counter-increment:stap}
.b-offerte__stappen li::before{content:counter(stap);grid-row:1 / span 2;font:700 1.6rem/1 var(--font-titel);color:var(--b-signaal);font-variant-numeric:tabular-nums}
.b-offerte__stappen b{font:600 1.02rem/1.3 var(--font-kop);color:#fff}
.b-offerte__stappen span{color:rgba(255,255,255,.84);font-size:.94rem;line-height:1.5}
.b-offerte__bel{margin:1.7rem 0 0;color:rgba(255,255,255,.84);font-size:.94rem}
.b-offerte__tel{display:inline-flex;align-items:center;gap:.7rem;margin-top:.5rem;padding:.55rem 1rem .55rem .6rem;border:2px solid var(--b-signaal);border-radius:var(--b-r-control);background:var(--b-wit);color:var(--b-inkt);font:700 clamp(1.4rem,1.1rem + calc(.9*var(--vw)),1.8rem)/1.1 var(--font-titel);font-variant-numeric:tabular-nums;letter-spacing:-.01em;text-decoration:none;min-height:44px}
.b-offerte__tel svg{width:2.1rem;height:2.1rem;flex:none;padding:.45rem;border-radius:50%;background:var(--b-signaal);color:var(--b-inkt);transition:transform .4s var(--b-ease)}
.b-offerte__form{padding:clamp(1.5rem,calc(3.2*var(--vw)),3rem)}
.b-offerte__intro{margin:0;color:var(--b-zacht);line-height:1.6;max-width:60ch}
.b-offerte .lf{margin-top:1.4rem;gap:1rem}
.b-offerte .lf__row{gap:1rem}
.b-offerte .lf__field{gap:.35rem}
.b-offerte .lf__field>span,.b-offerte .lf__field>label[for]{color:var(--b-inkt);font:600 .84rem/1.3 var(--font-kop);letter-spacing:.005em;text-transform:none}
.b-offerte .lf__field input:not([type=checkbox]),.b-offerte .lf__field select{min-height:48px;border:1.5px solid var(--b-lijn-grijs);border-radius:var(--b-r-control);background:var(--b-wit);font-weight:500;padding:.6rem .85rem}
.b-offerte .lf__field input:focus-visible,.b-offerte .lf__field select:focus-visible{outline:3px solid var(--b-bordeaux);outline-offset:1px}
.b-offerte .lf__field--sel::after{bottom:1.15rem}
.b-offerte .lf__optie{color:var(--b-inkt);font-weight:600}
.b-offerte .lf__optie input[type=checkbox]{accent-color:var(--b-bordeaux)}
.b-offerte .lf__privacy{color:var(--b-zacht)}
.b-offerte .lf__privacy a{color:var(--b-bordeaux)}
.b-offerte .lf__actions .btn svg{transition:transform .35s var(--b-ease)}
.b-offerte .lf__done{border-color:var(--b-lijn)}
.b-offerte .lf>.lf__row:first-of-type{position:relative;gap:0;border:2px solid var(--b-inkt);border-radius:12px;background:var(--b-wit);box-shadow:5px 5px 0 var(--b-roze-100)}
.b-offerte .lf>.lf__row:first-of-type::after{content:"";position:absolute;left:50%;top:.95rem;width:2.5rem;height:2.5rem;margin-left:-1.25rem;border-radius:50%;background:var(--b-signaal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A0A0A' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15m-6-6l6 6-6 6'/%3E%3C/svg%3E") center/1.15rem no-repeat;pointer-events:none}
.b-offerte .lf__adres{padding:1rem 1.2rem 1.1rem}
.b-offerte .lf__adres+.lf__adres{border-left:2px dashed var(--b-lijn);padding-left:2rem}
.b-offerte .lf__adres>label[for]{font:700 clamp(1.45rem,1.15rem + calc(1*var(--vw)),1.95rem)/1 var(--font-titel);letter-spacing:-.025em;color:var(--b-inkt)}
.b-offerte .lf__adres input:not([type=checkbox]){border:0;border-bottom:2px solid var(--b-lijn-grijs);border-radius:0;padding:.55rem 0;font-size:1.06rem}
.b-offerte .lf__adres input:not([type=checkbox]):focus-visible{outline:0;border-bottom-color:var(--b-bordeaux);box-shadow:0 2px 0 var(--b-bordeaux)}
@media (hover:hover){
.b-offerte__kaart:hover .b-offerte__verhuizer{transform:translate(-50%,-8px)}
.b-offerte__tel:hover svg{transform:rotate(-12deg) scale(1.06)}
.b-offerte .lf__field input:not([type=checkbox]):hover,.b-offerte .lf__field select:hover{border-color:var(--b-lijn)}
.b-offerte .lf__actions .btn:hover svg{transform:translateX(4px)}
}
.b-offerte__kaart:focus-within .b-offerte__verhuizer{transform:translate(-50%,-8px)}
.b-offerte__tel:focus-visible svg{transform:rotate(-12deg) scale(1.06)}
.b-offerte .lf__actions .btn:focus-visible svg{transform:translateX(4px)}
@media (max-width:900px){
.b-offerte{padding-top:clamp(3.75rem,calc(11*var(--vw)),5rem)}
.b-offerte__kaart{grid-template-columns:1fr}
.b-offerte__form{order:-1}
.b-offerte__zij{border-radius:0 0 var(--b-r-media) var(--b-r-media)}
.b-offerte__zijtekst{border-radius:0 0 var(--b-r-media) var(--b-r-media)}
.b-offerte__podium{height:clamp(15.5rem,calc(calc(67.9*var(--vw)) - 1rem),20.65rem)}
.b-offerte__verhuizer{width:min(92%,432px)}
.b-offerte__stappen{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}
}
@media (max-width:600px){
.b-offerte .lf>.lf__row:first-of-type{grid-template-columns:1fr}
.b-offerte .lf__adres+.lf__adres{border-left:0;border-top:2px dashed var(--b-lijn);padding-left:1.2rem}
.b-offerte .lf>.lf__row:first-of-type::after{left:auto;right:.9rem;top:.8rem;margin:0;transform:rotate(90deg)}
.b-offerte .lf__adres:first-child>label[for]{padding-right:3.5rem}
.b-offerte__tel{font-size:1.45rem}
}
@media (prefers-reduced-motion:reduce){
.b-offerte__kaart:hover .b-offerte__verhuizer,.b-offerte__kaart:focus-within .b-offerte__verhuizer{transform:translateX(-50%)}
.b-offerte__tel svg,.b-offerte .lf__actions .btn svg{transform:none!important}
}
.b-offerte__zij{background:transparent}
.b-offerte__podium::after{content:none}
.b-offerte__zijtekst{position:relative;z-index:1;flex:1;background:var(--b-donker);border-radius:0 0 0 var(--b-r-media);color:#fff}
.b-offerte__zijtekst::before{content:"";position:absolute;left:0;right:0;bottom:calc(100% - 1px);height:2.4rem;pointer-events:none;
background:linear-gradient(to top left,var(--b-donker) 50%,transparent calc(50% + 1px))}
.b-offerte .lf__field textarea{min-height:5.5rem;width:100%;resize:vertical;border:1.5px solid var(--b-lijn-grijs);border-radius:var(--b-r-control);background:var(--b-wit);
color:var(--b-inkt);font-family:inherit;font-size:1rem;font-weight:500;line-height:1.5;padding:.6rem .85rem}
.b-offerte .lf__field textarea::placeholder{color:#767674;font-weight:400}
.b-offerte .lf__field textarea:focus-visible{outline:3px solid var(--b-bordeaux);outline-offset:1px}
@media (hover:hover){.b-offerte .lf__field textarea:hover{border-color:var(--b-lijn)}}
.b-stemmen__in{display:grid;grid-template-columns:minmax(0,17rem) minmax(0,1fr);grid-template-areas:"kop kop" "score rail";
column-gap:clamp(2rem,.6rem + calc(3.6*var(--vw)),4.75rem);align-items:center}
.b-stemmen__in>.b-kopgroep{grid-area:kop}
.b-stemmen__score{grid-area:score;display:grid;justify-items:start;gap:.9rem}
.b-stemmen__in>.b-stemmen__rail{grid-area:rail}
.b-stemmen__podium{position:relative;width:100%;height:21.5rem;isolation:isolate}
.b-stemmen__stapel{--v:1.2rem;position:absolute;z-index:0;right:-.2rem;bottom:1.5rem;width:12rem;height:12.5rem}
.b-stemmen__stapel::before,.b-stemmen__stapel::after{content:"";position:absolute;inset:0;border-radius:var(--b-r-media);transition:transform .6s var(--b-ease)}
.b-stemmen__stapel::before{background:linear-gradient(150deg,var(--b-bordeaux),var(--b-donker));transform:translate(var(--v),calc(-1*var(--v)));
box-shadow:0 18px 34px -20px rgba(50,6,14,.55)}
.b-stemmen__stapel::after{background:var(--b-roze-100);box-shadow:0 1px 2px rgba(10,10,10,.06),0 16px 30px -18px rgba(50,6,14,.4)}
.b-stemmen__persoon{position:absolute;z-index:1;right:-.9rem;bottom:1.5rem;height:17.5rem;transform-origin:50% 100%;
filter:drop-shadow(0 12px 14px rgba(50,6,14,.3));transition:transform .6s var(--b-ease)}
.b-stemmen__persoon img{display:block;width:auto;height:100%;max-width:none}
.b-stemmen__podium--zonder .b-stemmen__stapel{display:none}
.b-stemmen__podium>.b-stemmen__boog{position:absolute;z-index:2;left:0;bottom:0}
.b-stemmen__podium--zonder>.b-stemmen__boog{left:50%;transform:translateX(-50%)}
.b-stemmen__boog{position:relative;display:grid;place-items:center;width:10.5rem;aspect-ratio:1;border-radius:50%;
background:var(--b-wit);color:var(--b-inkt);box-shadow:var(--b-schaduw);text-align:center}
.b-stemmen__ring{position:absolute;inset:.45rem;width:calc(100% - .9rem);height:calc(100% - .9rem);transform:rotate(-62deg);overflow:visible}
.b-stemmen__ring circle{fill:none;stroke:var(--b-signaal);stroke-width:5;stroke-linecap:round;stroke-dashoffset:0;
transition:stroke-dashoffset 1.5s var(--b-ease)}
.b-stemmen__boog.is-wacht .b-stemmen__ring circle{stroke-dashoffset:96;transition:none}
.b-stemmen__getal{position:relative;margin:0;display:grid;justify-items:center;gap:.3rem}
.b-stemmen__getal b{font:700 3.1rem/.9 var(--font-titel);letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.b-stemmen__getal span{max-width:6.6rem;font:600 .74rem/1.25 var(--font-kop);color:var(--b-zacht)}
.b-stemmen__boog--groot{width:clamp(13rem,10rem + calc(8*var(--vw)),17rem)}
.b-stemmen__boog--groot .b-stemmen__ring circle{stroke-width:4}
.b-stemmen__boog--groot .b-stemmen__getal b{font-size:clamp(3.8rem,2.6rem + calc(3*var(--vw)),5.2rem)}
.b-stemmen__boog--groot .b-stemmen__getal span{max-width:9rem;font-size:.9rem}
.b-stemmen__kv{display:inline-flex;align-items:center;gap:.805rem;min-height:44px;padding:.5175rem 1.035rem .5175rem .6325rem;border-radius:var(--b-r-control);
background:var(--b-wit);border:1px solid var(--b-lijn-grijs);color:var(--b-inkt);font:600 .9775rem/1.2 var(--font-kop);text-decoration:none;
justify-self:center;transition:transform .4s var(--b-ease)}
.b-stemmen__kv img{width:auto;height:2.3rem}
.b-stemmen__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(--b-ease)}
.b-stemmen__rail{position:relative;min-width:0}
.b-stemmen__kaarten{display:flex;align-items:stretch;gap:1.15rem;margin:0;padding:.9rem .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(--b-lijn) transparent}
.b-stemmen__kaarten:focus-visible{outline:3px solid var(--b-actie);outline-offset:2px;border-radius:var(--b-r-kaart)}
.b-stemmen__kaarten:has(.is-open){align-items:flex-start}
.b-stemmen .b-stemmen__kaarten{margin-inline-end:calc(-1*(max(0px,(calc(100*var(--vw)) - var(--maxw))/2) + var(--pad)));
padding-inline-end:calc(max(0px,(calc(100*var(--vw)) - var(--maxw))/2) + var(--pad))}
.b-stemmen__rail--js .b-stemmen__kaarten{scrollbar-width:none}
.b-stemmen__rail--js .b-stemmen__kaarten::-webkit-scrollbar{display:none}
.b-stemmen__kaart{position:relative;z-index:0;flex:0 0 min(22.5rem,84%);display:flex;flex-direction:column;scroll-snap-align:start;
padding:1.35rem 1.45rem 1.25rem;border-radius:var(--b-r-kaart);background:var(--b-wit);color:var(--b-inkt);
box-shadow:0 1px 2px rgba(10,10,10,.05),0 14px 28px -22px rgba(10,10,10,.3);transition:transform .45s var(--b-ease)}
.b-stemmen__kaart::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;box-shadow:0 30px 44px -26px rgba(69,10,20,.45);
opacity:0;transition:opacity .45s var(--b-ease)}
.b-stemmen__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(--b-signaal);transform-origin:20% 60%;transition:transform .45s var(--b-ease)}
.b-grond--wit .b-stemmen__kaart{background:var(--b-creme);box-shadow:none}
.b-stemmen__titel{margin:0 0 .5rem;font:600 1.15rem/1.3 var(--font-kop);letter-spacing:-.01em;color:var(--b-inkt)}
.b-stemmen__tekst{margin:0}
.b-stemmen__tekst p{margin:0;color:var(--b-zacht);font-size:.96rem;line-height:1.65}
.b-stemmen__rail--js .b-stemmen__tekst:not(.is-open) p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;overflow:hidden}
.b-stemmen__lees{align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;margin:0;padding:0;border:0;background:none;
color:var(--b-bordeaux);font:600 .9rem/1.2 var(--font-kop);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.b-stemmen__lees[hidden]{display:none}
.b-stemmen__wie{margin:auto 0 0;padding-top:1rem;border-top:1px solid var(--b-lijn);font-size:.85rem;line-height:1.5;color:var(--b-zacht)}
.b-stemmen__tekst+.b-stemmen__wie,.b-stemmen__lees+.b-stemmen__wie{margin-top:auto}
.b-stemmen__tekst{margin-bottom:.9rem}
.b-stemmen__lees{margin:-.5rem 0 .5rem}
.b-stemmen__wie b{color:var(--b-inkt);font-weight:600}
.b-stemmen__cijfer{position:absolute;top:1.3rem;right:1.3rem;margin:0;min-width:2.9rem;padding:.42rem .7rem .4rem;border-radius:var(--b-r-control);
background:var(--b-inkt);color:#fff;font:700 1rem/1 var(--font-kop);font-variant-numeric:tabular-nums;text-align:center;
box-shadow:inset 5px 0 0 var(--b-signaal),inset -5px 0 0 var(--b-signaal)}
.b-stemmen__nav{display:flex;align-items:center;gap:.6rem;margin-top:.1rem}
.b-stemmen__nav[hidden]{display:none}
.b-stemmen__knop{display:inline-grid;place-items:center;width:48px;height:48px;padding:0;border-radius:50%;border:1.5px solid var(--b-inkt);
background:transparent;color:var(--b-inkt);cursor:pointer}
.b-stemmen__knop--terug svg{transform:scaleX(-1)}
.b-stemmen__knop[aria-disabled="true"]{opacity:.35;cursor:default}
.b-stemmen__voortgang{position:relative;flex:0 1 9rem;height:4px;margin-inline:.4rem;border-radius:4px;background:rgba(10,10,10,.12);overflow:hidden}
.b-stemmen__voortgang i{position:absolute;inset:0 auto 0 0;width:40%;border-radius:inherit;background:var(--b-signaal)}
:is(.b-grond--donker,.b-grond--bordeaux) .b-stemmen__stapel::before{background:rgba(255,255,255,.1)}
:is(.b-grond--donker,.b-grond--bordeaux) .b-stemmen__stapel::after{background:rgba(255,255,255,.18)}
:is(.b-grond--donker,.b-grond--bordeaux) .b-stemmen__knop{border-color:#fff;color:#fff}
:is(.b-grond--donker,.b-grond--bordeaux) .b-stemmen__voortgang{background:rgba(255,255,255,.2)}
:is(.b-grond--donker,.b-grond--bordeaux) .b-stemmen__kaarten{scrollbar-color:rgba(255,255,255,.3) transparent}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
.b-stemmen__score:hover .b-stemmen__stapel{--v:1.55rem}
}
@media (hover:hover){
.b-stemmen__kaart:hover{transform:translateY(-6px)}
.b-stemmen__kaart:hover::after{opacity:1}
.b-stemmen__kaart:hover::before{transform:translateX(.4rem) rotate(-8deg)}
.b-stemmen__score:hover .b-stemmen__persoon{transform:scale(1.03)}
.b-stemmen__kv:hover{transform:translateY(-3px)}
.b-stemmen__knop:not([aria-disabled="true"]):hover{background:var(--b-inkt);color:#fff}
:is(.b-grond--donker,.b-grond--bordeaux) .b-stemmen__knop:not([aria-disabled="true"]):hover{background:#fff;color:var(--b-inkt)}
.b-stemmen__knop:not([aria-disabled="true"]):hover svg{transform:translateX(3px)}
.b-stemmen__knop--terug:not([aria-disabled="true"]):hover svg{transform:scaleX(-1) translateX(3px)}
}
.b-stemmen__kaart:focus-within{transform:translateY(-6px)}
.b-stemmen__kaart:focus-within::after{opacity:1}
.b-stemmen__kaart:focus-within::before{transform:translateX(.4rem) rotate(-8deg)}
.b-stemmen__kv:focus-visible{transform:translateY(-3px)}
@media (max-width:900px){
.b-stemmen__in{grid-template-columns:minmax(0,1fr);grid-template-areas:"kop" "score" "rail"}
.b-stemmen__score{align-items:center;margin-bottom:.6rem}
.b-stemmen__podium{grid-column:1/-1;height:14.5rem}
.b-stemmen__stapel{--v:.85rem;right:calc(4% + .6rem);bottom:.9rem;width:9.25rem;height:8.75rem}
.b-stemmen__persoon{right:4%;bottom:.9rem;height:12.75rem}
.b-stemmen__podium>.b-stemmen__boog{bottom:.2rem}
.b-stemmen__boog{width:8.6rem}
.b-stemmen__getal b{font-size:2.5rem}
.b-stemmen__getal span{max-width:5.4rem;font-size:.7rem}
.b-stemmen__kaart{flex-basis:min(22rem,84%)}
}
@media (max-width:420px){
.b-stemmen__kv span{display:none}
}
@media (prefers-reduced-motion:reduce){
.b-stemmen__kaart:hover,.b-stemmen__kaart:focus-within,.b-stemmen__score:hover .b-stemmen__persoon,.b-stemmen__kv:hover,.b-stemmen__kv:focus-visible{transform:none}
.b-stemmen__kaart:hover::before,.b-stemmen__kaart:focus-within::before,.b-stemmen__knop:hover svg{transform:none}
.b-stemmen__knop--terug:hover svg{transform:scaleX(-1)}
}
.b-vragen__in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"gesprek kop" "voet kop";
column-gap:clamp(2rem,.8rem + calc(4.6*var(--vw)),5.5rem);align-items:start}
.b-vragen__kop{grid-area:kop;position:sticky;top:6.5rem;max-width:30rem}
.b-vragen__kop .b-kop{font-size:clamp(2rem,1.3rem + calc(2.2*var(--vw)),3rem)}
.b-vragen__gesprek{grid-area:gesprek;display:flex;flex-direction:column;gap:.6rem;min-width:0}
.b-vragen__voet{grid-area:voet;min-width:0;margin-top:1.75rem;container:b-voet/inline-size}
.b-vragen__podium{position:relative;margin-top:2rem}
.b-vragen__podium[hidden]{display:none}
.b-vragen__beeld{position:relative;isolation:isolate;display:block;margin:1.1rem 0 0;padding:0 1rem 1rem}
.b-vragen__beeld::before{content:"";position:absolute;z-index:-1;inset:30% 0 0;border-radius:0 0 var(--b-r-media) var(--b-r-media);
background:linear-gradient(165deg,var(--b-roze-100),#F8D9D9);clip-path:polygon(0 0,100% 30%,100% 100%,0 100%)}
.b-vragen__beeld{padding:0}
.b-vragen__beeld::before{inset:36% 0 0}
.b-vragen__beeld img{display:block;width:auto;max-width:100%;height:clamp(17rem,12rem + calc(7*var(--vw)),22rem);margin:0 auto;filter:drop-shadow(0 14px 14px rgba(50,6,14,.22));clip-path:inset(-4rem -4rem 0 -4rem);
transform-origin:50% 100%;transition:transform .6s var(--b-ease)}
.b-vragen__bel{position:relative;z-index:2;display:grid;grid-template-columns:3.3rem minmax(0,1fr);column-gap:.9rem;align-items:center;
margin:0;color:var(--b-zacht);font-size:.95rem;line-height:1.35}
.b-vragen__bel::before{content:"";grid-row:1/span 2;width:3.3rem;height:3.3rem;border-radius:50%;
background:var(--b-wit) url(/assets/img/deco/monogram-schijf.webp) center/118% no-repeat;box-shadow:0 0 0 1px var(--b-lijn),0 8px 18px -10px rgba(69,10,20,.35)}
.b-vragen__bel a{grid-column:2;justify-self:start;display:inline-flex;align-items:center;min-height:44px;color:var(--b-inkt);
font:700 1.28rem/1.15 var(--font-titel);letter-spacing:-.01em;font-variant-numeric:tabular-nums;text-decoration:none;
background:linear-gradient(var(--b-signaal),var(--b-signaal)) 0 88%/100% 3px no-repeat}
.b-vragen__onderwerp{display:flex;align-items:center;gap:.7rem;margin:1.4rem 0 .1rem;color:var(--b-bordeaux);
font:600 .92rem/1.3 var(--font-kop);scroll-margin-top:7rem}
.b-vragen__onderwerp::before{content:"";flex:none;width:1.6rem;height:3px;border-radius:3px;background:var(--b-signaal)}
.b-vragen__gesprek>.b-vragen__onderwerp:first-child{margin-top:0}
.b-vragen__onderwerp[hidden]{display:none}
.b-vraag{margin:0;border-radius:var(--b-r-kaart);background:var(--b-wit);
box-shadow:0 1px 2px rgba(10,10,10,.04),0 12px 26px -22px rgba(10,10,10,.3)}
.b-vraag[hidden]{display:none}
.b-vraag__v{position:relative;display:block;min-height:3.9rem;padding:1.05rem 4.2rem 1.05rem 1.35rem;border-radius:var(--b-r-kaart);
color:var(--b-inkt);font:600 1.04rem/1.45 var(--font-kop);text-wrap:pretty;cursor:pointer;list-style:none}
.b-vraag__v::-webkit-details-marker{display:none}
.b-vraag__v::after{content:"";position:absolute;right:1rem;top:1.95rem;width:2.2rem;height:2.2rem;margin-top:-1.1rem;border-radius:50%;
background:var(--b-roze) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5.5v13M5.5 12h13' fill='none' stroke='%2379242F' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/1rem no-repeat;
transition:transform .35s var(--b-ease)}
.b-vraag[open]>.b-vraag__v{color:var(--b-bordeaux)}
.b-vraag[open]>.b-vraag__v::after{background-color:var(--b-bordeaux);transform:rotate(45deg);
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5.5v13M5.5 12h13' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")}
.b-vraag__v:focus-visible{outline:3px solid var(--b-actie);outline-offset:2px}
.b-vraag__a{position:relative;margin:0 1.35rem;padding:1rem 0 1.35rem 3.1rem;border-top:1px solid var(--b-lijn);
color:rgba(10,10,10,.8);font-size:1rem;line-height:1.7}
.b-vraag__a::before{content:"";position:absolute;left:0;top:1.05rem;width:2.15rem;height:2.15rem;border-radius:50%;
background:var(--b-wit) url(/assets/img/deco/monogram-schijf.webp) center/118% no-repeat;box-shadow:0 0 0 1px var(--b-lijn)}
.b-vraag__a p{margin:0 0 .7rem;max-width:62ch}
.b-vraag__a ul{margin:0 0 .7rem;padding-left:1.15rem;max-width:60ch}
.b-vraag__a li+li{margin-top:.3rem}
.b-vraag__a>:last-child{margin-bottom:0}
.b-vraag__a a{color:var(--b-bordeaux);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.b-vraag[open]>.b-vraag__a{animation:b-vraag-in .4s var(--b-ease) both}
@keyframes b-vraag-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.b-vragen__voet>p{margin:0;color:var(--b-zacht);line-height:1.65}
.b-vragen__voet>*+p{margin-top:.8rem}
.b-vragen__voet p a{color:var(--b-bordeaux);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.b-vragen__voet:has(.plaatsen){padding:1.35rem 1.4rem 1.45rem;border-radius:var(--b-r-kaart);background:var(--b-roze-100)}
.b-vragen__voet:has(.plaatsen)>p{color:rgba(10,10,10,.78)}
.b-vragen__voet .plaatsen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;justify-content:stretch;
max-width:none;margin:1rem 0 0;padding:0;list-style:none}
@container b-voet (min-width:34rem){.b-vragen__voet .plaatsen{grid-template-columns:repeat(3,minmax(0,1fr))}}
.b-vragen__voet .plaatsen li{display:block;margin:0;padding:0;border:0;border-radius:0;background:none;font:inherit;letter-spacing:0}
.b-vragen__voet .plaatsen a{display:flex;align-items:center;gap:.5rem;min-height:2.9rem;margin:0;padding:.5rem .8rem;
border-radius:var(--b-r-control);background:var(--b-wit);color:var(--b-inkt);font:600 .9rem/1.2 var(--font-kop);letter-spacing:0;
text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}
.b-vragen__voet .plaatsen svg{flex:none;width:1rem;height:1rem;margin:0;color:var(--b-signaal);transition:transform .3s var(--b-ease)}
.b-vragen__voet .plaatsen a:focus-visible{outline:3px solid var(--b-actie);outline-offset:2px}
.b-vragen__voet .plaatsen+p{margin-top:1rem}
.b-vragen__invoer{display:flex;align-items:center;gap:.8rem;min-height:3.5rem;margin-top:1rem;padding:.45rem .5rem .45rem 1.1rem;
border:1px solid var(--b-lijn);border-radius:var(--b-r-kaart);background:var(--b-wit);color:var(--b-inkt);
font:600 .98rem/1.3 var(--font-kop);text-decoration:none}
.b-vragen__invoer::before{content:"";flex:none;width:1.3rem;height:1.3rem;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2379242F' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3.5 6.5 8.5 7 8.5-7' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
.b-vragen__invoer>span{min-width:0;overflow-wrap:anywhere}
.b-vragen__invoer::after{content:"";flex:none;margin-left:auto;width:2.6rem;height:2.6rem;border-radius:50%;
background:var(--b-actie) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h14M12 5l7 7-7 7' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/1.1rem no-repeat;
transition:transform .35s var(--b-ease)}
.b-vragen__invoer:focus-visible{outline:3px solid var(--b-actie);outline-offset:3px}
:is(.b-grond--donker,.b-grond--bordeaux) :is(.b-vragen__onderwerp,.b-vragen__bel){color:var(--b-op-donker)}
:is(.b-grond--donker,.b-grond--bordeaux) .b-vragen__bel a{color:#fff}
:is(.b-grond--donker,.b-grond--bordeaux) .b-vragen__beeld::before{background:rgba(255,255,255,.08)}
:is(.b-grond--donker,.b-grond--bordeaux) .b-vragen__voet:not(:has(.plaatsen))>p{color:rgba(255,255,255,.84)}
:is(.b-grond--donker,.b-grond--bordeaux) .b-vragen__voet:not(:has(.plaatsen)) p a{color:#fff}
@media (hover:hover){
.b-vraag__v:hover{color:var(--b-bordeaux)}
.b-vraag__v:hover::after{transform:scale(1.1)}
.b-vraag[open]>.b-vraag__v:hover::after{transform:rotate(45deg) scale(1.1)}
.b-vragen__kop:hover .b-vragen__beeld img{transform:scale(1.03)}
.b-vragen__voet .plaatsen a:hover{color:var(--b-bordeaux);text-decoration-color:currentColor}
.b-vragen__voet .plaatsen a:hover svg{transform:translateY(-2px)}
.b-vragen__invoer:hover::after{transform:translateX(4px)}
}
.b-vraag__v:focus-visible::after{transform:scale(1.1)}
.b-vraag[open]>.b-vraag__v:focus-visible::after{transform:rotate(45deg) scale(1.1)}
.b-vragen__podium:focus-within .b-vragen__beeld img{transform:scale(1.03)}
.b-vragen__voet .plaatsen a:focus-visible svg{transform:translateY(-2px)}
.b-vragen__invoer:focus-visible::after{transform:translateX(4px)}
@media (max-width:900px),(max-height:820px){
.b-vragen__kop{position:static}
}
@media (max-width:900px){
.b-vragen__in{grid-template-columns:minmax(0,1fr);grid-template-areas:"kop" "gesprek" "voet"}
.b-vragen__kop{max-width:none;margin-bottom:2rem}
.b-vragen__podium{margin-top:1.5rem}
.b-vragen__beeld{max-width:34rem;padding:0}
}
@media (max-width:520px){
.b-vraag__v{min-height:3.6rem;padding:.95rem 3.6rem .95rem 1.1rem;font-size:.98rem}
.b-vraag__v::after{right:.8rem;top:1.8rem;width:2rem;height:2rem;margin-top:-1rem}
.b-vraag__a{margin:0 1.1rem;padding:.9rem 0 1.15rem 2.55rem;font-size:.97rem}
.b-vraag__a::before{top:.95rem;width:1.8rem;height:1.8rem}
.b-vragen__voet:has(.plaatsen){padding:1.15rem 1rem 1.2rem}
.b-vragen__voet .plaatsen a{padding:.45rem .65rem;font-size:.86rem}
.b-vragen__bel a{font-size:1.15rem}
}
@media (prefers-reduced-motion:reduce){
.b-vraag__v:hover::after,.b-vraag__v:focus-visible::after,.b-vragen__kop:hover .b-vragen__beeld img,.b-vragen__podium:focus-within .b-vragen__beeld img,.b-vragen__voet .plaatsen a:hover svg,.b-vragen__voet .plaatsen a:focus-visible svg,
.b-vragen__invoer:hover::after,.b-vragen__invoer:focus-visible::after{transform:none}
.b-vraag[open]>.b-vraag__v::after,.b-vraag[open]>.b-vraag__v:hover::after,.b-vraag[open]>.b-vraag__v:focus-visible::after{transform:rotate(45deg)}
.b-vraag[open]>.b-vraag__a{animation:none}
}
@media print{
.b-vragen__beeld{display:none}
.b-vragen__kop{position:static}
.b-vraag{box-shadow:none;border:1px solid #ddd}
}
.b-vragen__gesprek{position:relative;isolation:isolate;counter-reset:b-vraag}
.b-vragen__gesprek::before{content:"";position:absolute;z-index:-1;inset:-1.1rem 1.8rem -1.1rem -1.1rem;pointer-events:none;
border-radius:var(--b-r-media);background:var(--b-roze-100) radial-gradient(rgba(121,36,47,.15) 1px,transparent 1.6px) 0 0/16px 16px;
transform:rotate(-1.2deg)}
:is(.b-grond--donker,.b-grond--bordeaux) .b-vragen__gesprek::before{background:rgba(255,255,255,.06) radial-gradient(rgba(255,255,255,.14) 1px,transparent 1.6px) 0 0/16px 16px}
.b-vraag{position:relative;counter-increment:b-vraag;transition:transform .35s var(--b-ease)}
.b-vraag::before{content:"";position:absolute;z-index:1;left:0;top:.9rem;bottom:.9rem;width:4px;border-radius:0 4px 4px 0;
background:var(--b-signaal);transform:scaleY(0);transition:transform .35s var(--b-ease)}
.b-vraag[open]::before{transform:scaleY(1)}
.b-vraag__v{padding-left:3.5rem}
.b-vraag__v::before{content:counter(b-vraag,decimal-leading-zero);position:absolute;left:1.35rem;top:1.47rem;color:var(--b-signaal);
font:700 .78rem/1 var(--font-titel);letter-spacing:.04em;font-variant-numeric:tabular-nums}
.b-vragen__kop{isolation:isolate}
.b-vragen__kop::after{content:"?";position:absolute;z-index:-1;right:-.4rem;top:-2.2rem;pointer-events:none;color:transparent;
-webkit-text-stroke:2px var(--b-lijn);font:700 clamp(10rem,6rem + calc(8*var(--vw)),15rem)/1 var(--font-titel)}
@media (hover:hover){
.b-vraag:hover{transform:translateX(-4px)}
}
@media (max-width:900px){
.b-vragen__kop::after{top:-1.5rem;font-size:9rem}
}
@media (max-width:520px){
.b-vraag__v{padding-left:2.9rem}
.b-vraag__v::before{left:1.1rem;top:1.35rem}
.b-vragen__gesprek::before{inset:-.7rem 1rem -.7rem -.7rem}
}
@media (prefers-reduced-motion:reduce){
.b-vraag,.b-vraag::before{transition:none}
.b-vraag:hover{transform:none}
}
@media print{
.b-vragen__gesprek::before,.b-vragen__kop::after{display:none}
}