.b-momenten__paneel{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:1.6rem;
padding:clamp(1.5rem,1rem + calc(3*var(--vw)),3.25rem) clamp(1.25rem,.8rem + calc(3*var(--vw)),3.25rem) clamp(6.5rem,4.5rem + calc(6*var(--vw)),10rem);
border-radius:var(--b-r-media);background:var(--b-roze-100)}
.b-momenten .b-kopgroep{margin:0}
.b-momenten .b-label{background:#fff}
.b-momenten__combi{align-self:end}
.b-momenten__intro{margin:0;font:600 1rem/1.4 var(--font-kop);color:var(--b-inkt)}
.b-momenten__lijn{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:1.1rem 0 0;padding:0;list-style:none}
.b-momenten__lijn li{position:relative;display:flex;flex-direction:column;align-items:center;gap:.15rem;text-align:center}
.b-momenten__lijn li:not(:last-child)::after{content:"";position:absolute;top:25px;left:calc(50% + 34px);right:calc(-50% - .5rem + 34px);
border-top:2px dashed var(--b-bordeaux);opacity:.4}
.b-momenten__lijn svg{width:52px;height:52px;margin-bottom:.5rem;padding:13px;border-radius:50%;background:#fff;color:var(--b-bordeaux);
box-shadow:0 10px 20px -14px rgba(69,10,20,.55)}
.b-momenten__lijn b{font:600 1.02rem/1.2 var(--font-kop);color:var(--b-inkt)}
.b-momenten__lijn span{font-size:.84rem;line-height:1.35;color:var(--b-zacht);text-wrap:balance}
.b-momenten__noot{margin:1.3rem 0 0;font-size:.95rem;line-height:1.6;color:var(--b-zacht)}
.b-momenten__noot a{color:var(--b-bordeaux);font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.b-momenten__situaties{position:relative;z-index:1;list-style:none;margin:calc(-1 * clamp(5rem,3.5rem + calc(5*var(--vw)),8rem)) 0 0;
padding:0 clamp(0rem,calc(2*var(--vw)),1.5rem);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem clamp(.75rem,calc(2*var(--vw)),1.5rem)}
.b-momenten__situatie:first-child{grid-column:1/-1}
.b-momenten__foto{margin:0;overflow:hidden;border-radius:var(--b-r-media);aspect-ratio:4/5;background:var(--b-roze);
box-shadow:0 28px 46px -30px rgba(69,10,20,.55)}
.b-momenten__situatie:first-child .b-momenten__foto{aspect-ratio:16/10}
.b-momenten__situatie:nth-child(2){margin-top:1.75rem}
.b-momenten__foto img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--b-ease)}
.b-momenten__situatie h3{margin:.95rem 0 .25rem;font:600 clamp(1.05rem,.95rem + calc(.5*var(--vw)),1.35rem)/1.25 var(--font-kop);letter-spacing:-.01em}
.b-momenten__situatie p{margin:0;font-size:.95rem;line-height:1.55;color:var(--b-zacht)}
@media (hover:hover){
.b-momenten__foto:hover img{transform:scale(1.05)}
.b-momenten__noot a:hover{text-decoration-thickness:2px}
}
@media (min-width:900px){
.b-momenten__paneel{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(2rem,calc(5*var(--vw)),4.5rem);align-items:end}
.b-momenten__situaties{grid-template-columns:minmax(0,5fr) minmax(0,4fr) minmax(0,3fr);align-items:start;column-gap:clamp(1.25rem,calc(2.5*var(--vw)),2rem);
padding:0 clamp(1.5rem,calc(3*var(--vw)),3rem)}
.b-momenten__situatie:first-child{grid-column:auto}
.b-momenten__situatie:first-child .b-momenten__foto{aspect-ratio:4/3}
.b-momenten__situatie:first-child{margin-top:5rem}
.b-momenten__situatie:nth-child(2){margin-top:2.5rem}
.b-momenten__situatie:nth-child(2) .b-momenten__foto{aspect-ratio:1/1}
.b-momenten__situatie:nth-child(3){margin-top:0}
.b-momenten__situatie:nth-child(3) .b-momenten__foto{aspect-ratio:3/4}
}
.b-momenten__meer{margin-top:clamp(2rem,calc(4*var(--vw)),3rem);padding-top:1.4rem;border-top:1px dashed var(--b-lijn)}
.b-momenten__meerkop{margin:0;color:var(--b-bordeaux);font:600 .92rem/1.3 var(--font-kop)}
.b-momenten__labels{list-style:none;margin:.8rem 0 0;padding:0}
.b-momenten__labels li{display:grid;grid-template-columns:2.1rem minmax(0,1fr);gap:.9rem;align-items:baseline;
padding:.6rem 0;border-bottom:1px solid var(--b-lijn);font:400 .98rem/1.5 var(--font-tekst);color:var(--b-inkt)}
.b-momenten__labels li:last-child{border-bottom:0}
.b-momenten__cijfer{font:700 .9rem/1.45 var(--font-kop);font-variant-numeric:tabular-nums;letter-spacing:.02em;
color:var(--b-bordeaux)}
.b-momenten__meernoot{margin:1.1rem 0 0;max-width:62ch;color:var(--b-zacht);font-size:.95rem;line-height:1.6}
