.hero-carousel .hero-slides{position:relative;height:560px;overflow:hidden;background:var(--soft)}
.hero-carousel .hero-slide{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.4s ease}
.hero-carousel .hero-slide.is-active{opacity:1}
.hero-carousel:focus-visible{outline:3px solid #af986c;outline-offset:4px}
@media(max-width:700px){.hero-carousel .hero-slides{height:auto;aspect-ratio:1139/1381}}
@media(prefers-reduced-motion:reduce){.hero-carousel .hero-slide{transition:none}}
.hero-carousel .hero-slide[src$="neubau-mehrfamilienhaus-nordschwarzwald.webp"]{object-position:58% 50%}
@media(max-width:700px){.hero-carousel .hero-slide[src$="neubau-mehrfamilienhaus-nordschwarzwald.webp"]{object-position:44% 50%}}