
.bl4 .blco-hero{min-height:clamp(400px,60vh,660px)}
.bl4 .blco-hero .hero__in{padding-block:clamp(86px,12vh,140px) clamp(40px,6vh,76px)}
.bl4 .blco-heroin{max-width:min(var(--wrap),1180px)}
.bl4 .blco-hero h1{font-size:clamp(2.05rem,4.9vw,3.8rem);line-height:1.03;max-width:17ch}
.bl4 .blco-lead{margin-top:1.1em;max-width:64ch}
.bl4 .blco-lead p{color:#E6E3D8;font-size:clamp(1rem,1.2vw,1.14rem);line-height:1.72;margin:0}
.bl4 .blco-lead p+p{margin-top:.75em}
.bl4 .blco-hero .blco-knoppen{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px}
.bl4 .blco-band{padding-block:clamp(48px,6.6vw,96px)}
.bl4 .blco-band--wit{background:var(--kaart)}
.bl4 .blco-band .sectiekop{margin-bottom:clamp(20px,3vw,36px)}
.bl4 .blco-band .sectiekop h2{font-size:clamp(1.55rem,3.1vw,2.5rem)}
.bl4 .blco-kolom{max-width:65ch}
.bl4 .blco-tekst p{margin:0 0 1.05em;font-size:1.04rem;line-height:1.75;color:var(--tekst)}
.bl4 .blco-tekst p:last-child{margin-bottom:0}
.bl4 .blco-tekst a{color:var(--knop);text-decoration:underline;text-underline-offset:3px}
.bl4 .blco-tekst a:hover{color:var(--knop-h)}
.bl4 .blco-tekst ul{list-style:none;margin:0 0 1.2em;padding:0}
.bl4 .blco-tekst ul:last-child{margin-bottom:0}
.bl4 .blco-tekst li{padding:12px 0;border-top:1px solid var(--rand);font-size:1.01rem;line-height:1.68;list-style:none}
.bl4 .blco-tekst li:first-child{border-top:0}
.bl4 .blco-tekst li b{font-family:var(--smal);font-weight:700;letter-spacing:.02em;color:var(--tekst)}
.bl4 .blco-beeld{margin:0 0 clamp(26px,3.4vw,44px)}
.bl4 .blco-beeld img{width:100%;height:clamp(190px,28vw,400px);object-fit:cover;border-radius:2px}
.bl4 .blco-meer{margin-top:clamp(28px,3.6vw,48px);border-top:1px solid var(--rand);padding-top:16px}
.bl4 .blco-meer>summary{cursor:pointer;font-family:var(--smal);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.84rem;color:var(--knop);list-style:none;padding:6px 0}
.bl4 .blco-meer>summary::-webkit-details-marker{display:none}
.bl4 .blco-meer>summary::after{content:" +"}
.bl4 .blco-meer[open]>summary::after{content:" -"}
.bl4 .blco-meer>summary:hover{color:var(--knop-h)}
.bl4 .blco-meer>summary:focus-visible{outline:2px solid var(--knop);outline-offset:3px}
.bl4 .blco-uitleg{max-width:68ch;margin-top:12px}
.bl4 .blco-uitleg h3{font-size:clamp(1.02rem,1.4vw,1.16rem);margin:1.5em 0 .5em;letter-spacing:-.02em;line-height:1.25}
.bl4 .blco-uitleg h3:first-child{margin-top:.4em}
.bl4 .blco-winkel h2{color:#fff}
.bl4 .blco-winkel .sectiekop{margin-bottom:clamp(18px,2.4vw,28px)}
.bl4 .blco-winkel .blco-tekst p{color:#C3C6B8;font-size:1.02rem}
.bl4 .blco-winkel .blco-tekst a{color:var(--zand)}
.bl4 .blco-winkel .blco-tekst a:hover{color:#fff}
.bl4 .blco-winkel .blco-beeld{margin:0}
.bl4 .blco-winkel .blco-beeld img{height:clamp(220px,26vw,330px)}
.bl4 .blco-intro{max-width:68ch}
.bl4 .blco-intro+.blco-kolom{margin-top:1.05em}
.bl4 .blco-vw{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.bl4 .blco-aanb{margin-top:clamp(22px,2.8vw,34px)}
.bl4 .blco-ak{display:flex;flex-direction:column;background:var(--kaart);border:1px solid var(--rand);border-radius:2px;overflow:hidden}
.bl4 .blco-band--wit .blco-ak{background:var(--grond)}
.bl4 .blco-ak__fig{margin:0;display:block}
.bl4 .blco-ak__beeld{display:block;padding:14px;background:#F7F5EF;border-bottom:1px solid var(--rand)}
.bl4 .blco-ak__beeld img{width:100%;height:196px;object-fit:contain;object-position:center}
@media(max-width:619px){.bl4 .blco-ak__beeld img{height:208px}}
.bl4 .blco-ak__in{display:flex;flex-direction:column;flex:1 1 auto;padding:20px}
.bl4 .blco-ak__titel{font-size:1rem;line-height:1.3;letter-spacing:-.02em;margin:0}
.bl4 .blco-ak__titel{color:var(--tekst)}
.bl4 .blco-ak__deel{display:block;font-weight:700}
@media(min-width:620px){.bl4 .blco-ak__titel{min-height:142px}.bl4 .blco-ak__deel{min-height:57px}}
.bl4 .blco-ak__deel~.blco-ak__deel{margin-top:14px;padding-top:14px;border-top:1px solid var(--rand)}
.bl4 .blco-ak__deel::before{content:attr(data-rol);display:block;font-family:var(--smal);font-weight:700;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;line-height:1;color:var(--zand-donker);margin-bottom:7px}
.bl4 .blco-ak__kort{margin:16px 0 0;font-size:1rem;line-height:1.6;color:var(--stil)}
.bl4 .blco-ak__fles{margin:16px 0 0;margin-top:auto;padding-top:4px;border-top:1px solid var(--rand);font-family:var(--smal);font-size:.92rem;letter-spacing:.03em;line-height:1.45}
.bl4 .blco-ak__fles a{display:inline-flex;align-items:center;min-height:44px;color:var(--knop);text-decoration:underline;text-underline-offset:3px;font-weight:700}
.bl4 .blco-ak__fles a:hover{color:var(--knop-h)}
.bl4 .blco-ak__fles a:focus-visible{outline:2px solid var(--knop);outline-offset:3px}
.bl4 .blco-ak__fles{display:flex;flex-wrap:wrap;gap:8px}
.bl4 .blco-ak__fles a.blco-ak__link{flex:1 1 118px;display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:44px;padding:7px 8px;border:1px solid var(--knop);border-radius:2px;color:var(--knop);text-decoration:none;font-family:var(--smal);font-weight:700;font-size:.87rem;letter-spacing:.03em;line-height:1.3}
.bl4 .blco-ak__fles a.blco-ak__link:hover{background:var(--knop);color:#fff}
.bl4 .blco-ak__fles a.blco-ak__link:focus-visible{outline:2px solid var(--knop);outline-offset:3px}
.bl4 .blco-car__raam{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:12px}
.bl4 .blco-car__raam:focus-visible{outline:2px solid var(--knop);outline-offset:3px}
.bl4 .blco-car__spoor{display:flex;align-items:stretch;gap:14px;width:max-content;padding:4px}
.bl4 .blco-car__spoor>.blco-ak{flex:0 0 clamp(200px,68vw,244px)}
@media(min-width:620px){.bl4 .blco-car__spoor{gap:18px}.bl4 .blco-car__spoor>.blco-ak{flex:0 0 300px}}
.bl4 .blco-car__bediening{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}
.bl4 .blco-car__knop,.bl4 .blco-car__pauze{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border:1px solid var(--knop);border-radius:2px;background:var(--kaart);color:var(--knop);font-family:var(--smal);font-weight:700;font-size:.87rem;letter-spacing:.03em;line-height:1.25;cursor:pointer}
.bl4 .blco-car__knop{padding:8px}
.bl4 .blco-car__knop:hover,.bl4 .blco-car__pauze:hover{background:var(--knop);color:#fff}
.bl4 .blco-car__knop:focus-visible,.bl4 .blco-car__pauze:focus-visible{outline:2px solid var(--knop);outline-offset:3px}
.bl4 .blco-car__knop svg{width:22px;height:22px;display:block}
.bl4 .blco-car__pauze{margin-left:auto}
.bl4 .blco-car__pauze[hidden]{display:none}
.bl4 .blco-zoek{background:var(--kaart);border-bottom:1px solid var(--rand);padding-block:clamp(22px,3vw,34px)}
.bl4 .blco-zoek__rij{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.bl4 .blco-zoek__rij label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.bl4 .blco-zoek__rij input[type=search]{flex:1 1 260px;min-width:200px;min-height:48px;padding:13px 16px;border:1px solid var(--rand);background:#fff;font-size:16px;font-family:inherit;color:var(--tekst);border-radius:2px}
.bl4 .blco-zoek__rij input[type=search]::placeholder{color:var(--stil);opacity:1}
.bl4 .blco-zoek__rij input[type=search]:focus-visible{outline:2px solid var(--knop);outline-offset:2px;border-color:var(--knop)}
.bl4 .blco-zoek__alles{min-height:48px;min-width:44px;padding:10px 18px;border:1px solid var(--knop);border-radius:2px;background:var(--kaart);color:var(--knop);font-family:var(--smal);font-weight:700;font-size:.9rem;letter-spacing:.03em;line-height:1.2;cursor:pointer}
.bl4 .blco-zoek__alles:hover{background:var(--knop);color:#fff}
.bl4 .blco-zoek__alles:focus-visible{outline:2px solid var(--knop);outline-offset:3px}
.bl4 .blco-zoek__voet{margin:10px 0 0;font-size:1rem;line-height:1.55;color:var(--stil);max-width:70ch}
.bl4 .blco-zoek__groepen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(14px,2vw,28px);align-items:start;margin-top:18px}
.bl4 .blco-zoek__groep{border:0;margin:0;padding:0;min-width:0}
.bl4 .blco-zoek__kop{display:flex;align-items:center;min-height:44px;margin:0;padding:0;font-family:var(--smal);font-weight:700;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--zand-donker)}
.bl4 .blco-zoek__keuzen{display:flex;flex-wrap:wrap;margin-top:10px}
.bl4 .blco-zoek__uitleg{margin:14px 0 0;font-size:1rem;line-height:1.55;color:var(--stil);max-width:70ch}
.bl4 .blco-zoek__uitleg b{color:var(--tekst);font-weight:700}
.bl4 .blco-zoek__keuze{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 12px;margin:0 8px 8px 0;border:1px solid var(--rand);border-radius:2px;background:var(--grond);font-size:1rem;line-height:1.3;color:var(--tekst);cursor:pointer}
.bl4 .blco-zoek__keuze:hover{border-color:var(--knop)}
.bl4 .blco-zoek__keuze input{width:18px;height:18px;accent-color:var(--knop);margin:0;flex:none}
.bl4 .blco-zoek__keuze input:focus-visible{outline:2px solid var(--knop);outline-offset:3px}
.bl4 .blco-zoek__n{font-family:var(--smal);font-weight:700;font-size:.82rem;color:var(--stil)}
.bl4 .blco-zoek__stand{margin:16px 0 0;font-family:var(--smal);font-weight:700;font-size:.95rem;letter-spacing:.02em;color:var(--tekst)}
.bl4 .blco-leeg{margin-top:18px;padding:20px;border:1px solid var(--rand);border-radius:2px;background:var(--grond);max-width:70ch}
.bl4 .blco-leeg__kop{font-family:var(--kop);font-weight:800;font-size:1.2rem;letter-spacing:-.02em;line-height:1.2;margin:0 0 8px;color:var(--tekst)}
.bl4 .blco-leeg p{margin:0 0 12px;font-size:1rem;line-height:1.6;color:var(--tekst)}
.bl4 .blco-leeg p:last-child{margin-bottom:0}
.bl4 .blco-car--raster .blco-car__raam{overflow:visible;padding-bottom:0}
.bl4 .blco-car--raster .blco-car__spoor{display:grid;width:auto;grid-template-columns:repeat(auto-fill,minmax(244px,1fr));align-items:stretch}
@media(min-width:620px){.bl4 .blco-car--raster .blco-car__spoor{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}
.bl4 .blco-car--raster .blco-car__bediening{display:none}
.bl4 .blco-car--raster [data-blco-kopie],.bl4 .blco-car--vast [data-blco-kopie]{display:none}
.bl4 .blco-car__meer{margin:16px 0 0}
.bl4 .blco-car__meer a:focus-visible{outline:2px solid var(--knop);outline-offset:3px}
.bl4 .blco-soort .hero__knoppen a:focus-visible,.bl4 .blco-slot .blco-knoppen a:focus-visible{outline:2px solid var(--zand);outline-offset:3px}
.bl4 .blco-car--raster .blco-car__meer{display:none}
.bl4 .blco-car--vast .blco-car__raam{overflow:visible;padding-bottom:0}
.bl4 .blco-car--vast .blco-car__spoor{display:grid;width:auto;grid-template-columns:repeat(auto-fill,minmax(244px,1fr));align-items:stretch}
@media(min-width:620px){.bl4 .blco-car--vast .blco-car__spoor{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}
.bl4 .blco-car--vast .blco-car__bediening,.bl4 .blco-car--vast .blco-car__meer{display:none}
.bl4 .blco-zoek__veld{position:relative;flex:1 1 260px;min-width:200px}
.bl4 .blco-zoek__rij .blco-zoek__veld input[type=search]{width:100%;flex:none;min-width:0}
.bl4 .blco-zoek__lijst{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 4px);margin:0;padding:0;list-style:none;background:#fff;border:1px solid var(--knop);border-radius:2px;box-shadow:0 10px 26px rgba(14,17,9,.20);max-height:min(56vh,340px);overflow-y:auto}
.bl4 .blco-zoek__lijst[hidden]{display:none}
.bl4 .blco-zoek__voorstel{display:block;padding:10px 14px;min-height:44px;cursor:pointer;border-top:1px solid var(--rand);line-height:1.35}
.bl4 .blco-zoek__voorstel:first-child{border-top:0}
.bl4 .blco-zoek__vnaam{display:block;font-size:1rem;color:var(--tekst)}
.bl4 .blco-zoek__vfles{display:block;font-family:var(--smal);font-size:.86rem;letter-spacing:.03em;color:var(--zand-donker);margin-top:2px}
.bl4 .blco-zoek__voorstel:hover,.bl4 .blco-zoek__voorstel[aria-selected="true"]{background:var(--knop-h)}
.bl4 .blco-zoek__voorstel:hover .blco-zoek__vnaam,.bl4 .blco-zoek__voorstel[aria-selected="true"] .blco-zoek__vnaam{color:#fff}
.bl4 .blco-zoek__voorstel:hover .blco-zoek__vfles,.bl4 .blco-zoek__voorstel[aria-selected="true"] .blco-zoek__vfles{color:#E6E3D8}
.bl4 .blco-zoek__geen{display:block;padding:12px 14px;font-size:1rem;color:var(--stil)}
.bl4 .blco-zoek__groep--vouw.is-vouw>.blco-zoek__kop{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.bl4 .blco-zoek__groep--vouw .blco-zoek__vouwknop{margin:0}
.bl4 .blco-zoek__vouwknop{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid var(--knop);border-radius:2px;background:var(--kaart);color:var(--knop);font-family:var(--smal);font-weight:700;font-size:.9rem;letter-spacing:.03em;line-height:1.25;cursor:pointer}
.bl4 .blco-zoek__vouwknop:hover{background:var(--knop);color:#fff}
.bl4 .blco-zoek__vouwknop:hover .blco-zoek__vouwn{color:#fff}
.bl4 .blco-zoek__vouwknop:focus-visible{outline:2px solid var(--knop);outline-offset:3px}
.bl4 .blco-zoek__vouwn{font-weight:500;color:var(--stil)}
.bl4 .blco-zoek__vouwpijl{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid currentColor}
.bl4 .blco-zoek__vouwknop[aria-expanded="true"] .blco-zoek__vouwpijl{border-top:0;border-bottom:6px solid currentColor}
.bl4 .blco-zoek__groep--vouw .blco-zoek__keuzen[hidden]{display:none}
.bl4 .blco-zoek__groep--vouw.is-vouw .blco-zoek__keuzen{margin-top:10px}
.bl4 .blco-zoek__groepen .blco-zoek__vouwknop{border:0;background:transparent;padding:0;margin:0;min-height:44px;gap:10px;color:var(--zand-donker);font-family:var(--smal);font-weight:700;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase}
.bl4 .blco-zoek__groepen .blco-zoek__vouwknop .blco-zoek__vouwkop{text-decoration:underline;text-decoration-color:var(--zand-diep);text-underline-offset:5px}
.bl4 .blco-zoek__groepen .blco-zoek__vouwknop:hover{background:transparent;color:var(--knop)}
.bl4 .blco-zoek__groepen .blco-zoek__vouwn{font-weight:500;font-size:.88rem;letter-spacing:.02em;text-transform:none;color:var(--stil)}
.bl4 .blco-zoek__groepen .blco-zoek__vouwknop:hover .blco-zoek__vouwn{color:var(--knop)}
.bl4 .blco-zoek__groepen .blco-zoek__vouwknop:focus-visible{outline:2px solid var(--knop);outline-offset:4px}
.bl4 .blco-zoek__groep--vouw.is-vouw .blco-zoek__keuzen{padding:3px}
@media(max-width:619px){.bl4 .blco-zoek__groep--vouw.is-vouw .blco-zoek__keuzen{max-height:min(48vh,330px);overflow-y:auto;-webkit-overflow-scrolling:touch}}
.bl4 .blco-slot{background:var(--nacht);padding-block:clamp(22px,2.6vw,34px)}
.bl4 .blco-slot .nix{margin:0;font-family:var(--smal);font-size:1rem;letter-spacing:.02em;line-height:1.5;color:#E6E3D8}
.bl4 .blco-slot .nix b{color:var(--zand)}
.bl4 .blco-kruimel{margin:0 0 10px;font-family:var(--smal);font-size:.95rem;letter-spacing:.02em;line-height:1.5;color:#C3C6B8}
.bl4 .blco-kruimel a{color:var(--zand);text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:11px 0}
.bl4 .blco-kruimel a:hover{color:#fff}
.bl4 .blco-kruimel a:focus-visible{outline:2px solid var(--zand);outline-offset:3px}
.bl4 .blco-soort .blco-hero{min-height:auto}
.bl4 .blco-soort .blco-hero .hero__in{padding-block:clamp(64px,9vh,112px) clamp(34px,5vh,60px)}
.bl4 .blco-soort .blco-hero h1{max-width:20ch}
.bl4 .blco-slot .blco-knoppen{margin:0 0 16px;display:flex;flex-wrap:wrap;gap:10px}
