.block-hero {
    background-size: cover;
    background-position: center;
    min-height: 500px;
    display: flex;
    align-items: center;
    text-align: center;
}
/* Hero hat sein eigenes vertikales Spacing */
main > section.block-hero { padding: 80px 0 !important; }
.block-hero .hero-content-inner {
    background: rgba(255, 255, 255, 0.92);
    padding: 50px;
    border-radius: var(--radius-lg);
    max-width: 760px;
    margin: 0 auto;
}
.block-hero h1 { margin-bottom: 16px; color: var(--brand-primary-dark); }
.block-hero .hero-text { margin-bottom: 24px; font-size: 1.1rem; color: var(--text-medium); }

/* Variante: links ausgerichtet (über Datenfeld layout='left' steuerbar) */
.block-hero.layout-left { text-align: left; }
.block-hero.layout-left .hero-content-inner { margin: 0; }

@media (max-width: 768px) {
    .block-hero { min-height: 400px; padding: 40px 0; }
    .block-hero .hero-content-inner { padding: 30px 20px; }
}