.b-lifthuur__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:"tekst foto" "stappen stappen";column-gap:clamp(2rem,calc(5*var(--vw)),5rem);align-items:center}
.b-lifthuur__tekst{grid-area:tekst}
.b-lifthuur__tekst .b-kopgroep{margin-bottom:0}
.b-lifthuur__foto{grid-area:foto;position:relative;margin:0;border-radius:var(--b-r-media);overflow:hidden;box-shadow:0 40px 70px -40px rgba(0,0,0,.85)}
.b-lifthuur__foto img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;transition:transform .8s var(--b-ease)}
.b-lifthuur__stappen{grid-area:stappen;list-style:none;counter-reset:trede;margin:clamp(2.2rem,calc(4*var(--vw)),3.4rem) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.8rem,calc(2*var(--vw)),1.4rem);align-items:stretch}
.b-lifthuur__stappen li{counter-increment:trede;position:relative;display:grid;grid-template-columns:2.6rem minmax(0,1fr);column-gap:.9rem;padding:1.1rem 1.2rem 1.2rem;border-radius:var(--b-r-kaart);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);transition:transform .45s var(--b-ease),background-color .45s var(--b-ease)}
.b-lifthuur__stappen li{align-content:start}
.b-lifthuur__stappen li:nth-child(1){margin-top:3.2rem}
.b-lifthuur__stappen li:nth-child(2){margin:1.6rem 0}
.b-lifthuur__stappen li:nth-child(3){margin-bottom:3.2rem}
.b-lifthuur__stappen li::before{content:counter(trede);grid-row:1 / span 2;display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--b-signaal);color:var(--b-inkt);font:700 1.15rem/1 var(--font-titel)}
.b-lifthuur__stappen b{font:600 1.08rem/1.3 var(--font-kop);color:#fff}
.b-lifthuur__stappen span{margin-top:.3rem;color:rgba(255,255,255,.82);font-size:.95rem;line-height:1.55}
.b-lifthuur__stappen a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media (hover:hover){
.b-lifthuur__stappen li:hover{transform:translateY(-5px);background-color:rgba(255,255,255,.11)}
.b-lifthuur__foto:hover img{transform:scale(1.04)}
}
@media (max-width:899px){
.b-lifthuur__in{grid-template-columns:1fr;grid-template-areas:"foto" "tekst" "stappen"}
.b-lifthuur__tekst{margin-top:1.8rem}
.b-lifthuur__stappen{grid-template-columns:1fr;gap:.7rem}
.b-lifthuur__stappen li:nth-child(1){margin:0}
.b-lifthuur__stappen li:nth-child(2){margin:0 0 0 1rem}
.b-lifthuur__stappen li:nth-child(3){margin:0 0 0 2rem}
}
@media (prefers-reduced-motion:reduce){
.b-lifthuur__stappen li,.b-lifthuur__foto img{transform:none!important}
}
.b-lifthuur__stappen{position:relative;isolation:isolate}
.b-lifthuur__stappen::before{content:"";position:absolute;z-index:-1;left:-2%;right:-2%;top:-1.4rem;bottom:-1.4rem;pointer-events:none;
background:linear-gradient(rgba(255,255,255,.05),rgba(255,255,255,.015));
clip-path:polygon(0 100%,0 60%,33.4% 60%,33.4% 35%,66.7% 35%,66.7% 8%,100% 8%,100% 100%)}
.b-lifthuur__stappen li{isolation:isolate;overflow:hidden;
background-image:linear-gradient(var(--b-signaal),var(--b-signaal));background-repeat:no-repeat;background-position:0 0;background-size:28% 3px;
transition:transform .4s var(--b-ease),background-color .3s,background-size .5s var(--b-ease)}
.b-lifthuur__stappen li::after{content:counter(trede,decimal-leading-zero);position:absolute;z-index:-1;right:.6rem;bottom:-1rem;
pointer-events:none;color:transparent;-webkit-text-stroke:1px rgba(244,204,205,.17);font:700 4.8rem/1 var(--font-titel);letter-spacing:-.04em}
@media (hover:hover){
.b-lifthuur__stappen li:hover{background-size:100% 3px}
}
@media (max-width:899px){
.b-lifthuur__stappen::before{display:none}
}
@media (prefers-reduced-motion:reduce){
.b-lifthuur__stappen li{transition:none}
}