/* ── Wrapper ── */
.hero {
  position: relative;   /* Koordinatensystem */
  min-height: 80px; /* 380  */
  overflow: hidden;      /* Bild-Overflow abschneiden */
  display: flex;
  align-items: flex-end; /* Text unten */
  border-radius: 10px;
}

/* ── Hintergrundbild ── */
.hero-bg {
  position: absolute;
  inset: 0;             /* füllt Wrapper komplett */
  background-image: url('https://neu.collina-toscana.com/wp-content/uploads/2026/02/cropped-Montevettolini-scaled-1-1024x614.jpg');
  background-size: cover;
  background-position: center;
}

/* ── Overlay (Lesbarkeit) ── */
.hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.80) 0%,
    rgba(0,0,0,0.10) 100%
  );
}

/* ── Text-Bereich ── */
.hero-content {
  position: relative;
  z-index: 1;            /* über Bild + Overlay */
  padding: 40px 44px;
  color: #fff;
}