/* News – Übersicht und Einzelbeitrag. Nur Variablen aus tokens.css. */

/* Übersicht: Beiträge abwechselnd Bild links/rechts */
.nw-artikel-liste { display: grid; gap: 110px; margin-top: 70px; position: relative; z-index: 1; }
.nw-artikel { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 70px; align-items: center; }
.nw-artikel--rev .nw-artikel__bild { order: 2; }
.nw-artikel--ohne-bild { grid-template-columns: 1fr; max-width: var(--container-narrow); margin-inline: auto; text-align: center; }
.nw-artikel__bild { display: block; }
.nw-artikel__bild img { transition: transform .6s ease; }
.nw-artikel__bild:hover img { transform: scale(1.03); }
.nw-artikel__text { text-align: left; }
.nw-artikel__datum { display: block; font-size: var(--fs-xs); color: var(--c-text-dim); margin-bottom: 10px; }
.nw-artikel__titel { font-size: 34px; line-height: 1.2; margin: 0; }
.nw-artikel__titel a:hover { color: var(--c-gold); }
.nw-artikel__text .rule { margin: 22px 0 26px; }
.nw-artikel__teaser { margin: 0 0 32px; color: var(--c-text-dim); }

@media (max-width: 1024px) {
  .nw-artikel { gap: 40px; }
  .nw-artikel__titel { font-size: 28px; }
}
@media (max-width: 767px) {
  .nw-artikel-liste { gap: 70px; margin-top: 40px; }
  .nw-artikel, .nw-artikel--rev { grid-template-columns: 1fr; gap: 28px; }
  .nw-artikel--rev .nw-artikel__bild { order: 0; }
  .nw-artikel__text { text-align: center; }
  .nw-artikel__text .rule { margin-inline: auto; }
  .nw-artikel__titel { font-size: 26px; }
}

/* Einzelbeitrag */
.nw-beitrag__kopf { padding-top: calc(var(--header-h) + 70px); padding-bottom: 40px; }
body.has-hero .nw-beitrag__kopf { position: relative; }
.nw-beitrag__ruecklink { text-align: center; margin: 0 0 30px; font-size: var(--fs-small); }
.nw-beitrag__ruecklink a { display: inline-flex; align-items: center; gap: 6px; color: var(--c-gold); }
.nw-beitrag__ruecklink a:hover { color: var(--c-text); }
.nw-beitrag__titel .heading__title { font-size: 48px; line-height: 1.15; }
.nw-beitrag__titel .heading__sub { max-width: 640px; margin-inline: auto; }
.nw-beitrag__bild { position: relative; z-index: 1; }
.nw-beitrag__bild .frame { max-width: none; width: 100%; margin: 0; }
.nw-beitrag__inhalt .prose { position: relative; z-index: 1; }
.nw-beitrag__zurueck { justify-content: center; margin-top: 50px; }
@media (max-width: 1024px) {
  .nw-beitrag__kopf { padding-top: 50px; }
}
@media (max-width: 767px) {
  .nw-beitrag__titel .heading__title { font-size: 34px; }
}

/* Weitere Beiträge */
.nw-weitere__grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 50px 40px; position: relative; z-index: 1; }
.nw-weitere__grid > .card { flex: 0 1 360px; }
.nw-liste { overflow-x: clip; } /* Einblend-Animation fade-left/right schiebt Bilder vorübergehend über den Rand (Mobil) */
