.b-plaatskaart__in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,calc(5*var(--vw)),5rem);align-items:center}
.b-plaatskaart__tekst .b-kopgroep{margin-bottom:1.3rem}
.b-plaatskaart__feiten{display:grid;gap:0;margin:0 0 1.2rem}
.b-plaatskaart__feiten div{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:1rem;padding:.8rem 0;border-top:1px dashed var(--b-lijn)}
.b-plaatskaart__feiten div:last-child{border-bottom:1px dashed var(--b-lijn)}
.b-plaatskaart__feiten dt{color:var(--b-bordeaux);font:600 .72rem/1.5 var(--font-kop);letter-spacing:.1em;text-transform:uppercase}
.b-plaatskaart__feiten dd{margin:0;display:grid;gap:.15rem}
.b-plaatskaart__feiten b{font:700 1.2rem/1.2 var(--font-titel);color:var(--b-inkt)}
.b-plaatskaart__feiten span{color:var(--b-zacht);font-size:.9rem;line-height:1.45}
.b-plaatskaart__legenda{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem .9rem;font-size:.86rem;color:var(--b-zacht)}
.b-plaatskaart__legenda li{display:flex;align-items:center;gap:.5rem}
.b-plaatskaart__teken{flex:none;position:relative;width:1.6rem;height:1rem}
.b-plaatskaart__teken--route::before{content:"";position:absolute;inset:50% 0 auto;height:6px;margin-top:-3px;border-radius:3px;background:var(--b-signaal);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--b-lijn-grijs)}
.b-plaatskaart__teken--start::before{content:"";position:absolute;left:.3rem;top:0;width:1rem;height:1rem;border-radius:50%;background:var(--b-bordeaux);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--b-lijn-grijs)}
.b-plaatskaart__tekst .b-knoppen{margin-top:1.4rem}
.b-plaatskaart__beeld{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto clamp(4rem,calc(8*var(--vw)),7.5rem) auto;isolation:isolate}
.b-plaatskaart__route{grid-column:2 / -1;grid-row:1 / 3;position:relative;z-index:0;margin:0;overflow:hidden;border-radius:var(--b-r-media);
background:#F7F2EC;clip-path:polygon(0 0,100% 0,100% calc(100% - 2.2rem),0 100%);box-shadow:var(--b-schaduw)}
.b-plaatskaart__route img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;transition:transform .9s var(--b-ease);transform-origin:50% 60%}
.b-plaatskaart__centrum{grid-column:1 / 6;grid-row:2 / 4;align-self:start;position:relative;z-index:1;margin:0;padding:.4rem;border-radius:1.3rem;
background:var(--b-wit);box-shadow:0 1px 2px rgba(10,10,10,.06),0 30px 60px -30px rgba(50,6,14,.55);rotate:-4deg;transition:rotate .6s var(--b-ease),scale .6s var(--b-ease)}
.b-plaatskaart__centrum img{display:block;width:100%;height:auto;border-radius:1rem}
.b-plaatskaart__centrum figcaption{position:absolute;left:50%;bottom:-.9rem;translate:-50% 0;white-space:nowrap;padding:.38rem .8rem;border-radius:999px;
background:var(--b-bordeaux);color:#fff;font:600 .78rem/1.2 var(--font-kop)}
.b-plaatskaart__bron{grid-column:6 / -1;grid-row:3;margin:1rem 0 0 1.4rem;color:var(--b-zacht);font-size:.78rem;line-height:1.5}
.b-plaatskaart__bron a{color:var(--b-bordeaux);text-decoration:underline;text-underline-offset:2px}
@media (hover:hover){
.b-plaatskaart__beeld:hover .b-plaatskaart__route img{transform:scale(1.035)}
.b-plaatskaart__beeld:hover .b-plaatskaart__centrum{rotate:0deg;scale:1.03}
}
@media (max-width:899px){
.b-plaatskaart__in{grid-template-columns:minmax(0,1fr)}
.b-plaatskaart__beeld{max-width:42rem;grid-template-rows:auto clamp(4rem,calc(14*var(--vw)),6.5rem) auto}
.b-plaatskaart__centrum{grid-column:1 / 7}
.b-plaatskaart__bron{grid-column:7 / -1;margin-left:.9rem}
}
@media (max-width:520px){
.b-plaatskaart__feiten div{grid-template-columns:minmax(0,1fr);gap:.3rem}
.b-plaatskaart__beeld{grid-template-rows:auto 3rem auto}
.b-plaatskaart__route{grid-column:1 / -1}
.b-plaatskaart__centrum{grid-column:1 / 9}
.b-plaatskaart__centrum figcaption{font-size:.72rem}
.b-plaatskaart__bron{grid-column:1 / -1;grid-row:4;margin:1.6rem 0 0}
}
@media (prefers-reduced-motion:reduce){
.b-plaatskaart__route img,.b-plaatskaart__centrum{transition:none}
}
.b-plaatskaart__beeld{position:relative}
.b-plaatskaart__wagen{position:absolute;z-index:2;right:-7%;bottom:28%;width:50%;margin:0;filter:drop-shadow(0 20px 24px rgba(10,10,10,.38))}
.b-plaatskaart__wagen img{display:block;width:100%;height:auto}
.b-plaatskaart__bron{max-width:60%}
@media (max-width:899px){.b-plaatskaart__wagen{width:60%;bottom:10%}}
@media (max-width:520px){.b-plaatskaart__wagen{width:64%;bottom:16%;right:-2%}}
@media (min-width:900px){
.b-plaatskaart__in{align-items:stretch}
.b-plaatskaart__beeld{height:100%;grid-template-rows:minmax(0,1fr) clamp(4rem,calc(8*var(--vw)),7.5rem) auto}
.b-plaatskaart__route{display:flex}
.b-plaatskaart__route img{aspect-ratio:auto;height:100%;width:100%;object-fit:cover;object-position:50% 50%}
}
