.hk{background:#fff;position:relative;z-index:20;border-bottom:1px solid #e3e8ee;font-family:Roboto,Arial,sans-serif}.hk-w{max-width:1240px;margin:auto;padding:0 32px;box-sizing:border-box}.hk-r{display:flex;align-items:center;gap:44px;padding-top:22px;padding-bottom:22px}.hk-l{flex:none;display:block}.hk-l img{display:block;height:38px}.hk-n{display:flex;align-items:center;gap:34px}.hk-n a{font-size:16.5px;font-weight:500;color:#153259;text-decoration:none;white-space:nowrap;transition:color var(--dur) ease}.hk-e{margin-left:auto;display:flex;align-items:center;gap:28px}.hk-ph{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;text-decoration:none}.hk-ph b{font-size:17px;font-weight:700;color:#0086c8;white-space:nowrap}.hk-st small{display:block;font-size:13px;color:#5b6673;white-space:nowrap;margin-top:2px}.hk-st small.lv7{display:inline-flex;align-items:center;gap:6px;color:#1a8a3f;font-weight:500}.hk .lv7 i{position:relative;display:block;width:8px;height:8px;border-radius:50%;background:#1a8a3f}.hk .lv7 i:after{content:"";position:absolute;inset:0;border-radius:50%;background:#1a8a3f;animation:hk-p 1.8s var(--ease-out) infinite}@keyframes hk-p{to{transform:scale(2.2);opacity:0}}.hk-ad{display:block;border:2px solid #153259;border-radius:4px;padding:10px 18px;font-size:16px;font-weight:700;color:#153259;text-decoration:none;white-space:nowrap;transition:background-color var(--dur) ease,color var(--dur) ease}.hk-ct{position:relative;display:flex;align-items:center;color:#153259;text-decoration:none;transition:color var(--dur) ease}.hk-mi{display:none}.hk-m{display:none}
@media (hover:hover) and (pointer:fine){.hk-n a:hover,.hk-ct:hover{color:#0086c8}.hk-ad:hover{background:#153259;color:#fff}}
@media (prefers-reduced-motion:reduce){.hk .lv7 i:after{animation:none}}
@container (max-width:1100px) and (min-width:861px){.hk-r{gap:22px}.hk-n{gap:18px}.hk-e{gap:16px}.hk-st{display:none}}
@container (max-width:860px){.hk-w{padding:0 16px}.hk-r{gap:8px;padding-top:12px;padding-bottom:12px}.hk-l img{height:28px}.hk-n,.hk-ph,.hk-ad{display:none}.hk-e{gap:2px}.hk-mi{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:0;padding:0;color:#153259;cursor:pointer;text-decoration:none}.hk-ct{width:44px;height:44px;justify-content:center}.hk-m:not([hidden]){display:block;padding:4px 16px 12px;border-top:1px solid #e3e8ee}.hk-m a{display:block;padding:12px 0;font-size:17px;font-weight:500;color:#153259;text-decoration:none;border-bottom:1px solid #eef1f4}.hk-m a:last-child{border-bottom:0}}

.hk-u{background:#f3f6f9;padding:9px 0;font-size:14px;color:#3a4552}.hk-u .hk-w{display:flex;align-items:center;justify-content:space-between}.hk-u .hk-w>div{display:flex;align-items:center;gap:26px}.hk-u a{color:#3a4552;text-decoration:none}.hk-rv span{color:#f5b301;letter-spacing:1px}.hk-rv:hover,.hk-co:hover{text-decoration:underline}.hk-u .hk-ph{flex-direction:row;align-items:center;gap:8px}.hk-u .hk-ph b{font-size:15px}.hk-u .hk-st small{margin:0}.hk-ct{gap:8px;font-size:16px;font-weight:500;white-space:nowrap}.hk-e{gap:0}
@container (max-width:1100px) and (min-width:861px){.hk-ct span{display:none}.hk-u .hk-w>div{gap:16px}}
@container (max-width:860px){.hk-u{font-size:13px;padding:7px 0}.hk-u .hk-w{justify-content:center}.hk-rv,.hk-co{display:none}.hk-u .hk-w>div{gap:14px}.hk-ct span{display:none}.hk-e{gap:2px}}

.hk{box-shadow:0 10px 24px -18px rgba(21,50,89,.22)}.hk-u{border-bottom:1px solid #e9eef3}.hk-rv b{font-weight:700;color:#153259}.hk-us{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.hk-us svg{color:#1a8a3f;flex:none}.hk-u .hk-ph{gap:14px}.hk-n a{position:relative;padding:8px 0}.hk-n a:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:1px;background:#0086c8;transform:scaleX(0);transform-origin:left;transition:transform 180ms var(--ease-out)}.hk-n a[aria-current]:after{transform:scaleX(1)}.hk-ad{padding:9px 18px;font-size:15.5px;transition:background-color var(--dur) ease,color var(--dur) ease,transform var(--dur) ease}.hk-ad:active{transform:scale(.97)}.hk-ct{gap:13px}.hk .hk-ct[data-c]:after{left:13px;top:-8px;min-width:17px;height:17px;padding:0 4px;font-size:11px;line-height:17px;box-shadow:0 0 0 2px #fff}
@media (hover:hover) and (pointer:fine){.hk-n a:hover:after{transform:scaleX(1)}}
@container (min-width:861px){.hk-e{gap:24px}}

.ft9.bf{background:#fff;padding:48px 0 22px;border-top:1px solid #e3e8ee;font-family:Roboto,Arial,sans-serif}.bf-w{max-width:1240px;margin:auto;padding:0 32px;box-sizing:border-box}.bf-g{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:32px}.bf-g a{display:block;padding:4px 0;font-size:15px;color:#3a4552;text-decoration:none}.bf-g b{display:block;margin:0 0 8px;font-size:16px;font-weight:500;color:#153259}.bf-l img{display:block;height:30px;margin:0 0 16px}.bf-g a.bf-l{padding:0}.bf-g a.bf-t{font-size:20px;font-weight:700;color:#0086c8;padding:0}.bf-b .hk-st{display:block;margin:2px 0 6px}.bf .lv7 i{position:relative;display:block;width:8px;height:8px;border-radius:50%;background:#1a8a3f}.bf small{font-size:13px;color:#5b6673}.bf small.lv7{display:inline-flex;align-items:center;gap:7px;color:#1a8a3f;font-weight:500}.bf-u{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin-top:30px;padding-top:18px;border-top:1px solid #e3e8ee;font-size:14.5px;color:#3a4552}.bf-u a{color:inherit;text-decoration:none}.bf-u a span{color:#f5b301;letter-spacing:1px}.bf-u b{font-weight:700;color:#153259}.bf-p{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.bf-p img{display:block;height:20px;width:auto}.bf-p img.wr{height:24px}
@media (hover:hover) and (pointer:fine){.bf-g a:not(.bf-l):hover,.bf-u a:hover{color:#0086c8;text-decoration:underline}}
@media (min-width:1200px){.bf{zoom:1.1}}
@media (max-width:860px){.ft9.bf{padding:32px 0 calc(22px + 72px)}.bf-w{padding:0 16px}.bf-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.bf-b{grid-column:1/-1}.bf-g>div:last-child{grid-column:1/-1;columns:2;column-gap:16px}.bf-g>div:last-child b{column-span:all}.bf-g a{padding:10px 0;font-size:15px}.bf-g a.bf-t{padding:6px 0 0}.bf-u{justify-content:center;text-align:center}.bf-p{justify-content:center}}
.tl-i{display:inline-block;flex:none;width:1em;height:1em;margin-right:.4em;vertical-align:-.14em}.hk-u .tl-i{width:.95em;height:.95em}

/* Twijfelregel: bereikbaarheid voor het telefoonnummer */
.tw-on{display:inline-flex;align-items:center;gap:7px;margin-right:4px;font-weight:500;color:#1a8a3f;white-space:nowrap}
.tw-on i{width:8px;height:8px;border-radius:50%;background:#1a8a3f;box-shadow:0 0 0 3px rgba(26,138,63,.18)}

/* Smalle telefoons: nette regelafbreking (geen los woord op de laatste regel) en bellinks als knop op een regel. */
h1,h2,h3,h4{text-wrap:balance}p,li,dd,blockquote,figcaption{text-wrap:pretty}
a.btn[href^="tel:"],a.cta[href^="tel:"]{white-space:nowrap}
@media (max-width:860px){a.btn[href^="tel:"]{padding-left:10px;padding-right:10px}}
.w2c b,.t8,.hp-t b{text-wrap:balance}
@media (max-width:860px){.ac-dt,.cc-n,.rv .c,.sbq a.c{display:inline-block;padding:11px 0;margin:-11px 0}}

/* Telefoon: het winkelwagenicoon staat gecentreerd in een tikvlak van 44 px; het tellertje hoort op de rechterbovenhoek van het icoon. */
@container (max-width:860px){.hk .hk-ct[data-c]:after{left:23px;top:3px}}

/* Telefoon: de regels onder de winkelwagenknop breken niet meer halverwege een zinsdeel af.
   De bezorgdatum staat op een eigen regel, en "Twijfelt u?" krijgt de twee acties elk op een eigen regel. Desktop blijft ongewijzigd. */
@media (max-width:860px){
.two .hp,.sp-i .hp{line-height:1.9}
.two .hp a,.sp-i .hp a{white-space:nowrap}
.two .hp a[href^="tel:"],.sp-i .hp a[href^="tel:"]{display:block;width:max-content;margin-top:2px}
}
@media (max-width:860px){.ln li .mb9{white-space:nowrap}}
@media (max-width:380px){.ln li .mb9{font-size:14.5px}}