.b-woonvormen{isolation:isolate}
.b-woonvormen__in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,calc(4*var(--vw)),4rem);align-items:center}
.b-woonvormen__tekst .b-kopgroep{margin-bottom:0}
.b-woonvormen__beeld{position:relative;margin-right:calc(-1 * max(var(--pad),(calc(100*var(--vw)) - var(--maxw)) / 2 + var(--pad)));padding-bottom:3rem}
.b-woonvormen__foto{margin:0;aspect-ratio:3/2;overflow:hidden;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);background:var(--b-roze)}
.b-woonvormen__foto img{display:block;width:100%;height:100%;object-fit:cover;object-position:60% 50%;transition:transform .9s var(--b-ease)}
.b-woonvormen__bord{position:absolute;left:clamp(-2rem,calc(-2*var(--vw)),-1rem);bottom:0;width:min(21rem,58%);padding:1rem 1.25rem .6rem;border-radius:10px;background:var(--b-bordeaux);color:#fff;box-shadow:0 30px 50px -30px rgba(10,10,10,.7)}
.b-woonvormen__bordkop{margin:0 0 .35rem;font:600 .74rem/1.2 var(--font-kop);letter-spacing:.12em;text-transform:uppercase;color:var(--b-op-donker)}
.b-woonvormen__lijst{list-style:none;margin:0;padding:0}
.b-woonvormen__lijst li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 0;border-top:1px solid rgba(255,255,255,.16);font:600 1.05rem/1.3 var(--font-kop)}
.b-woonvormen__lijst li:first-child{border-top:0}
.b-woonvormen__lijst svg{width:1.05rem;height:1.05rem;flex:none;color:var(--b-signaal)}
@media (hover:hover){
.b-woonvormen__beeld:hover .b-woonvormen__foto img{transform:scale(1.04)}
}
@media (max-width:899px){
.b-woonvormen__in{grid-template-columns:1fr}
.b-woonvormen__beeld{order:-1;margin:0 calc(-1 * var(--pad));padding-bottom:0}
.b-woonvormen__foto{clip-path:polygon(0 0,100% 0,100% 86%,0 100%)}
.b-woonvormen__bord{position:relative;left:auto;bottom:auto;width:auto;max-width:24rem;margin:-2.6rem var(--pad) 0}
}
@media (prefers-reduced-motion:reduce){
.b-woonvormen__foto img{transform:none!important}
}
@media (min-width:1441px){.b-woonvormen__foto{border-radius:0 var(--b-r-media) var(--b-r-media) 0}}
