#top.hero {
    background-image: linear-gradient(180deg, rgba(15, 28, 46, 0.31), rgba(15, 28, 46, 0.51)),
        url("../../../assets/wohnsitz/hero.webp");
    background-position: 60% 80%;
    min-height: var(--hero-height-without-cta);
}

#top.hero .hero-grid {
    min-height: calc(var(--hero-height-without-cta) - 80px);
}

.three-boxes-card {
    --three-boxes-card-bg: var(--color-off-white);
}
.three-boxes, .target-group {
    background: var(--color-off-white);
    border-top: 1px solid rgba(15, 28, 46, 0.08);
    border-bottom: 1px solid rgba(15, 28, 46, 0.08);
}
@media (max-width: 720px) {
    #top.hero {
        background-position: 55% 40%;
        min-height: var(--hero-height-without-cta-mobile);
    }

    #top.hero .hero-grid {
        min-height: calc(var(--hero-height-without-cta-mobile) - 80px);
    }
}