/* ===== Zentrale Größen für alle Hero-Bereiche ===== */
:root{
  --hero-h-desktop: 36vh;
  --hero-h-mobile: 22vh;
  --hero-min-desktop: 220px;
  --hero-min-mobile: 110px;
  --fixed-header-offset: 80px; /* gleicht euren fixen Header aus */
}

/* Einheitliche Höhe + Abstand für Startseite (.slider-hero) und Unterseiten (.hero-img-text) */
.slider-hero,
.hero-img-text{
  height: var(--hero-h-desktop);
  min-height: var(--hero-min-desktop);
  margin-top: var(--fixed-header-offset);
}

@media (max-width:700px){
  .slider-hero,
  .hero-img-text{
    height: var(--hero-h-mobile);
    min-height: var(--hero-min-mobile);
  }
}

/* Einheitliche Caption-Optik (Start- und Unterseiten) */
.slider-hero .text,
.hero-img-text .text,
.hero-caption{
  background: rgba(0,0,0,.55);
  padding: 1.1rem 2.2rem;
  font-size: 1.5rem;
  border-radius: 4px;
  box-shadow: 0 4px 16px rgba(0,0,0,.10);
}

@media (max-width:700px){
  .slider-hero .text,
  .hero-img-text .text,
  .hero-caption{
    font-size: 1.02rem;
    padding: .7rem 1.1rem;
  }
}