.b-vinden__in{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2.6rem,calc(5*var(--vw)),4.5rem)}
.b-vinden__chips{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.b-vinden__chip{display:flex;align-items:center;gap:.7rem;height:100%;padding:.85rem 1.1rem;border-radius:999px;
background:var(--b-wit);border:1px solid var(--b-lijn);color:var(--b-inkt);font:600 .92rem/1.3 var(--font-kop);
text-decoration:none;transition:transform .35s var(--b-ease),border-color .35s var(--b-ease)}
.b-vinden__chip svg{width:1.15rem;height:1.15rem;flex:none;color:var(--b-signaal)}
.b-vinden__chip b{font-variant-numeric:tabular-nums}
.b-vinden__chip small{display:block;font:500 .8rem/1.3 var(--font-kop);color:var(--b-zacht)}
.b-vinden__adres{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1.6rem,calc(3*var(--vw)),2.6rem);align-items:center}
.b-vinden__kaart{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--b-r-media);
background:var(--b-roze-100);box-shadow:var(--b-schaduw);aspect-ratio:4/3;
clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 2.2rem))}
.b-vinden__map{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 46%}
.b-vinden__fig{position:absolute;z-index:2;right:2%;bottom:0;width:38%;height:auto;
filter:drop-shadow(-12px 10px 20px rgba(50,6,14,.3))}
.b-vinden__speld{position:absolute;z-index:3;left:.9rem;top:.9rem;margin:0;display:inline-flex;align-items:center;gap:.45rem;
padding:.5rem .9rem;border-radius:999px;background:rgba(255,255,255,.95);border:1px solid var(--b-lijn);
color:var(--b-bordeaux);font:600 .8rem/1.2 var(--font-kop);box-shadow:0 8px 18px -10px rgba(10,10,10,.5)}
.b-vinden__speld svg{width:1rem;height:1rem;flex:none;color:var(--b-signaal)}
.b-vinden__tekst .b-kopgroep{margin-bottom:clamp(1.2rem,calc(2.4*var(--vw)),1.8rem)}
.b-vinden__gegevens{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.b-vinden__gegevens li{display:flex;align-items:center;gap:1rem;padding:1.05rem 1.15rem;border-radius:var(--b-r-kaart);
background:var(--b-wit);border:1px solid var(--b-lijn);transition:transform .35s var(--b-ease)}
.b-vinden__ico{display:grid;place-items:center;width:3.5rem;height:3.5rem;flex:none;border-radius:50%;
background:var(--b-roze);color:var(--b-bordeaux);box-shadow:inset 0 0 0 1px var(--b-lijn)}
.b-vinden__ico svg{width:1.75rem;height:1.75rem}
.b-vinden__gegevens b{display:block;font:600 .92rem/1.3 var(--font-kop);color:var(--b-inkt)}
.b-vinden__gegevens div span{display:block;margin-top:.15rem;font-size:.9rem;line-height:1.5;color:var(--b-zacht)}
.b-vinden__gegevens a{color:var(--b-bordeaux);text-decoration:underline;text-underline-offset:3px}
.b-vinden__gegevens li:last-child{grid-column:1 / -1}
.b-vinden__adres .b-knoppen{margin-top:1.4rem}
.b-vinden__persoonlijk{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1.6rem,calc(3*var(--vw)),2.6rem);align-items:center}
.b-vinden__subkop{margin:.9rem 0 0;font:700 clamp(1.5rem,1.1rem + calc(1.6*var(--vw)),2.2rem)/1.14 var(--font-titel);
letter-spacing:-.022em;color:var(--b-inkt);text-wrap:balance}
.b-vinden__subkop em{font-style:normal;color:var(--b-bordeaux)}
.b-vinden__pertekst p{margin:1rem 0 0;color:var(--b-zacht);line-height:1.7;max-width:56ch}
.b-vinden__pertekst .b-knoppen{margin-top:1.6rem}
.b-vinden__perfoto{position:relative;margin:0;border-radius:var(--b-r-media);overflow:hidden;box-shadow:var(--b-schaduw)}
.b-vinden__perfoto img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:50% 38%;
transition:transform .7s var(--b-ease)}
.b-vinden__kanalen{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}
.b-vinden__kanaal{display:flex;flex-direction:column;gap:.55rem;height:100%;padding:1.35rem 1.4rem 1.4rem;
border-radius:var(--b-r-kaart);background:var(--b-wit);border:1px solid var(--b-lijn);
box-shadow:0 1px 2px rgba(10,10,10,.04);transition:transform .4s var(--b-ease),box-shadow .4s var(--b-ease)}
.b-vinden__kanaal .b-vinden__ico{width:4.2rem;height:4.2rem}
.b-vinden__kanaal .b-vinden__ico svg{width:2.1rem;height:2.1rem}
.b-vinden__kanaal h3{margin:.35rem 0 0;font:600 1.12rem/1.3 var(--font-kop);color:var(--b-inkt)}
.b-vinden__kanaal p{margin:0;color:var(--b-zacht);font-size:.94rem;line-height:1.6}
.b-vinden__kanaal a{margin-top:auto;padding-top:.3rem;color:var(--b-bordeaux);font-weight:600;
text-decoration:underline;text-underline-offset:3px}
.b-vinden__kanaal a svg{width:.9rem;height:.9rem;margin-left:.35rem;vertical-align:-.05em}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
.b-vinden__chip:hover{transform:translateY(-3px);border-color:var(--b-signaal)}
.b-vinden__gegevens li:hover{transform:translateY(-3px)}
.b-vinden__kanaal:hover{transform:translateY(-5px);box-shadow:0 2px 4px rgba(10,10,10,.05),0 20px 34px -20px rgba(10,10,10,.45)}
.b-vinden__perfoto:hover img{transform:scale(1.04)}
}
.b-vinden__chip:focus-visible,.b-vinden__kanaal a:focus-visible{outline:3px solid var(--b-actie);outline-offset:3px}
@media (min-width:700px){
.b-vinden__chips{grid-template-columns:repeat(4,minmax(0,1fr))}
.b-vinden__kanalen{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1000px){
.b-vinden__adres{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:clamp(2rem,calc(4*var(--vw)),3.6rem)}
.b-vinden__persoonlijk{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(2rem,calc(4*var(--vw)),3.6rem)}
.b-vinden__kaart{aspect-ratio:1;clip-path:polygon(0 0,100% 0,100% calc(100% - 2.6rem),0 100%)}
}
@media (max-width:519px){
.b-vinden__gegevens{grid-template-columns:minmax(0,1fr)}
}
