.b-dag__kop{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin-bottom:clamp(2.6rem,calc(5*var(--vw)),3.5rem)}
.b-dag .b-kopgroep{margin:0}
.b-dag__noot{margin:0;max-width:48ch;line-height:1.7;color:rgba(255,255,255,.84)}
.b-dag__mozaiek{position:relative;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));
grid-template-areas:"a a" "b c" "b e" "d d" "f g";
grid-template-rows:clamp(210px,calc(58*var(--vw)),380px) clamp(190px,calc(52*var(--vw)),300px) clamp(190px,calc(52*var(--vw)),300px) clamp(200px,calc(52*var(--vw)),320px) clamp(190px,calc(52*var(--vw)),300px)}
.b-dag__tegel{position:relative;margin:0;overflow:hidden;border-radius:10px;background:var(--b-diepst)}
.b-dag__tegel--a{grid-area:a}
.b-dag__tegel--b{grid-area:b}
.b-dag__tegel--c{grid-area:c}
.b-dag__tegel--d{grid-area:d}
.b-dag__tegel--e{grid-area:e}
.b-dag__tegel--f{grid-area:f}
.b-dag__tegel--g{grid-area:g}
.b-dag__tegel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--b-ease)}
.b-dag__tegel figcaption{position:absolute;left:0;right:0;bottom:0;padding:.65rem .75rem .6rem;background:rgba(50,6,14,.92);color:#fff;
font:600 clamp(.76rem,.7rem + calc(.25*var(--vw)),.96rem)/1.3 var(--font-kop)}
.b-dag__keur{position:absolute;z-index:2;right:-4px;top:-2rem;display:block;width:clamp(124px,calc(26*var(--vw)),176px);
padding:.5rem .6rem;border-radius:8px;background:#fff;box-shadow:0 14px 18px rgba(0,0,0,.45);
transform:translate(min(10%,calc(var(--pad) - 10px)),-10%)}
.b-dag__keur img{display:block;width:100%;height:auto}
.b-dag__feiten{list-style:none;margin:clamp(2.2rem,calc(4*var(--vw)),3rem) 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:1.2rem 2rem}
.b-dag__feit{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.9rem;align-items:start;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.16)}
.b-dag__feit>svg{width:40px;height:40px;padding:9px;border-radius:50%;background:rgba(255,255,255,.08);color:var(--b-signaal)}
.b-dag__feit h3{margin:.25rem 0 .3rem;font:600 1.15rem/1.3 var(--font-kop);color:#fff}
.b-dag__feit p{margin:0;line-height:1.6;color:rgba(255,255,255,.8)}
.b-dag__feit a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
@media (hover:hover){
.b-dag__tegel:hover img{transform:scale(1.05)}
.b-dag__feit a:hover{text-decoration-thickness:2px}
}
@media (min-width:760px){
.b-dag__feiten{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1000px){
.b-dag__kop{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(2rem,calc(5*var(--vw)),4.5rem);align-items:end}
.b-dag__mozaiek{gap:12px;grid-template-columns:repeat(12,minmax(0,1fr));
grid-template-areas:"a a a a a b b b c c c c" "d d d d d b b b e e e e" "f f f f f f g g g g g g";
grid-template-rows:clamp(250px,calc(22*var(--vw)),320px) clamp(200px,calc(17*var(--vw)),250px) clamp(220px,calc(19.5*var(--vw)),280px)}
.b-dag__tegel figcaption{padding:.8rem .95rem .75rem}
}