body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
}

.hero-image-wrapper {
  min-height: 240px; /* Mobile Sicherheit */
}

@media (min-width: 576px) {
  .hero-image-wrapper {
    min-height: 320px;
  }
}

@media (min-width: 992px) {
  .hero-image-wrapper {
    min-height: 380px;
  }
}


/* Overlay */
.hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.75),
    rgba(0,0,0,0.2)
  );
}

/* Textcontainer – KEINE feste Höhe */
.hero-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1.5rem 0;
}

/* Typo bewusst begrenzen */
.hero-title {
  font-size: clamp(1.6rem, 4vw, 2.6rem);
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 0.75rem;
}

.hero-teaser {
  font-size: 1.05rem;
  max-width: 48rem;
  margin-bottom: 0.75rem;
}


/* Lesebreite */
.article-content {
  max-width: 68ch;
  font-size: 1.05rem;
  line-height: 1.75;
}

.article-content p {
  margin-bottom: 1.5rem;
}

/* Headline Feinschliff */
h1, h2, h3 {
  letter-spacing: -0.02em;
}

/* Links */
a:hover {
  text-decoration: underline;
}

@media (min-width: 992px) {
  .main-sidebar {
    position: sticky;
    top: 88px; /* Höhe deines Headers + Luft */
    align-self: flex-start;
  }
}