/*
 * vennetv_kb_seiten.css — nur das, was die Wissensdatenbank-Seiten zusätzlich zu den gemeinsamen Bausteinen (vennetv_bausteine.css) brauchen (A-1779).
 * Quelle: ~/whm-dev-mirror/templates/lagom2-pages/kb-seiten/vennetv_kb_seiten.css — nie auf dem Server editieren.
 * Ziel:   templates/lagom2/vennetv_kb_seiten.css, eingebunden per includes/hooks/venne_kb_seiten.php (nur knowledgebase/-cat/-article mit Seitenwahl vennetv = „Kompaktes Raster“, Venne-Wahl 20359, A-1805).
 * Der Artikeltext selbst bleibt beim KB-Stil (vennetv_kb.css, vtvkb-*). Alle Klassen beginnen mit vtvkbs-.
 */

/* Suchfeld: gleicher Abstand zum ersten Abschnitt wie zwischen den Abschnitten */
.vtvkbs-suche { margin-bottom: 40px; }

/* ---------- Einzelartikel ---------- */
.vtvkbs-artikel > .vtvb-band { border-radius: var(--vtvb-r) var(--vtvb-r) 0 0; }
.vtvkbs-artikel-meta { margin-bottom: 20px; }
.vtvkbs-stand { white-space: nowrap; }
.vtvkbs-fuss {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px 16px;
    margin-top: 24px;
}
/* Endet der Text ohne Knopfzeile, trennt eine Linie die Fußzeile ab (sonst trägt .vtvkb-more schon die Linie) */
.vtvkbs-artikel .article-content:not(:has(.vtvkb-more)) + .vtvkbs-fuss { padding-top: 24px; border-top: 1px solid var(--vtvb-line); }
.vtvkbs-bewerten {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px;
    margin: 0;
    font-size: 14.5px;
    line-height: 1.5;
    color: var(--vtvb-mute);
}
.vtvkbs-frage { margin-right: 4px; }
.vtvkbs-bewerten .btn .ls, .vtvkbs-zurueck .ls { margin-right: 8px; font-size: 12px; }
@media (max-width: 575.98px) {
    .vtvkbs-fuss { flex-direction: column; align-items: stretch; }
    .vtvkbs-zurueck { width: 100%; height: auto; white-space: normal; overflow-wrap: anywhere; }
}

/* ---------- Kategorie ---------- */
/* Kategoriename als Abschnittstitel, Beschreibung als eine ruhige Zeile */
.vtvkbs-beschreibung { margin: -8px 0 16px; font-size: 14.5px; line-height: 1.55; color: var(--vtvb-mute); }
.vtvkbs-titel + .vtvb-abschnitt, .vtvkbs-beschreibung + .vtvb-abschnitt { margin-top: 0; }