/*
 * vennetv_news.css — Seitenrest „News & Updates“ (Liste + Einzelansicht), A-1576 (Venne 19947), seit A-1822 (01.11.2026) nur noch der Rest.
 * Quelle: ~/whm-dev-mirror/templates/lagom2-pages/news/vennetv_news.css — nie auf dem Server editieren.
 * Ziel:   templates/lagom2/vennetv_news.css, eingebunden per includes/hooks/venne_news.php (nur announcements/viewannouncement, ?v=<Änderungszeit>)
 *         NACH den gemeinsamen Bausteinen templates/lagom2/vennetv_bausteine.css (vtvb-*, A-1779) — der Hook gibt beide Links in dieser Reihenfolge aus.
 * Markup: Lagom-Seitenvariante „vennetv“ (Variante A „Aufmacher“, Venne-Wahl v225) — Aufmacher, Zeilen, Kennzeichen, Titel-Link, Teaser, Weiter
 *         kommen seit A-1822 aus den Bausteinen (.vtvb-auf, .vtvb-zeile, .vtvb-meta/-chip/-punkt, .vtvb-link, .vtvb-lead, .vtvb-weiter, .vtvb-h).
 *         Typ → Farbe: warnung = .vtvb--amber · neuheit = .vtvb--gruen · hinweis = .vtvb--blau (Zuordnung in den Vorlagen).
 * Hier nur, was es allein auf dieser Seite gibt (Einzelansicht: Kopfbild, Fußzeile, „Weitere Neuigkeiten“) und die Werte, in denen die
 * News-Seite (live seit F-301) von den Bausteinen abweicht — damit die Umstellung unsichtbar bleibt. Alle Klassen hier beginnen mit vtvnews-.
 */

/* ---------- Abweichungen von den Bausteinen (Stand F-301 beibehalten) ---------- */
.vtvnews .vtvb-meta, .vtvnews-artikel .vtvb-meta { gap: 6px 12px; }
.vtvnews-datum { white-space: nowrap; }
.vtvnews .vtvnews-edit { margin-top: 12px; align-self: flex-start; }
@media (max-width: 575.98px) {
    .vtvnews .vtvb-zeile--ohnebild .vtvb-lead { display: none; }
}
@media (min-width: 768px) {
    .vtvnews .vtvb-auf { min-height: 260px; }
    .vtvnews .vtvb-auf-bild { min-height: 260px; }
}

/* ---------- Einzelansicht ---------- */
.vtvnews-artikel-kopf {
    aspect-ratio: 2 / 1;
    background: #141b2d;
    overflow: hidden;
    border-radius: var(--vtv-r-karte, var(--ui-block-border-radius, 8px)) var(--vtv-r-karte, var(--ui-block-border-radius, 8px)) 0 0;
}
.vtvnews-artikel-kopf img { display: block; width: 100%; height: 100%; object-fit: cover; }
.vtvnews-artikel .vtvb-meta { margin-bottom: 20px; }
.vtvnews-artikel-fuss {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}
/* Endet der Text ohne Knopfzeile, trennt eine Linie den Zurück-Knopf ab (sonst trägt .vtvkb-more schon die Linie) */
.vtvnews-artikel .article-content:not(:has(.vtvkb-more)) + .vtvnews-artikel-fuss {
    padding-top: 24px;
    border-top: 1px solid var(--ui-block-divider-color, rgba(178, 204, 255, .12));
}
.vtvnews-artikel-fuss .btn .ls { margin-right: 8px; font-size: 12px; }
.vtvnews-mehr { margin-top: 40px; }