/* Startseiten-Sektion (innerhalb von .container) */
.start-hero-content {
  text-align: center;
  padding-top: 2rem;
}

.start-hero-content p {
  font-size: 1.1rem;
  margin-top: 1.5rem;
  color: #222;
  max-width: 700px; /* Begrenzt die Breite des Absatzes für bessere Lesbarkeit */
  margin-left: auto;
  margin-right: auto;
  line-height: 1.8;
}

/* Bilddarstellung */
.start-image img {
  display: block;
  margin: 2rem auto 0 auto; /* zentriert + Abstand oben */
  max-width: 990px;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 8px; /* greift globale Regel, aber hier noch einmal bewusst gesetzt */
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); /* sanfter, aber tieferer Schatten */
}

/* Optional, falls figcaption genutzt wird */
.start-image figcaption {
  font-style: italic;
  font-size: 0.95rem;
  color: #666;
  margin-top: 0.5rem;
}

/* Mobile Optimierung */
@media (max-width: 768px) {
  .start-image img {
    max-height: 60vh;
    object-fit: cover;
  }
}