/* ============================================================
   AEGYPTEN.DE 2026 — News-Listen-Design (2026-06-12)
   Bringt die News-Liste auf BEIDEN Listen-Templates auf den aegypten-Magazin-Look:
     - /news/            = body.blog            (Posts-Index)
     - /category/news/   = body.category-news   (Kategorie-Archiv)  ← Mathias-Wunsch
   Markup beider: section.section-text > article.clearfix > header.articleheader
   (span.h4.hr Datum + h2 Headline) + p Anriss + img.wp-post-image + a.btn.btn-info.
   Unterschiede beruecksichtigt: Kategorie-Archiv hat plain <h2> (ohne <a>) und
   den Button als a.btn.btn-info.btn-block (volle Breite).
   Eigene, frische Datei = bustet den pagespeed/Edge-Cache zuverlaessig.
   Basis 1rem = 10px (ts24-Parent html{font-size:62.5%}).
   ============================================================ */

/* ---- Item-Trennung ---- */
body.blog .section-text article.clearfix,
body.category-news .section-text article.clearfix{
  border-bottom:1px solid var(--line); padding-bottom:30px; margin-bottom:34px; }
body.blog .section-text article.clearfix:last-child,
body.category-news .section-text article.clearfix:last-child{ border-bottom:0; }

/* ---- Datum (span.h4.hr) als Gold-Label, ts24-Trennstrich raus ----
   Schriftgroessen bewusst in PX statt rem: das Kategorie-Archiv hat eine
   andere rem-Basis (16px) als /news/ (10px, ts24-62,5%) — px haelt beide gleich. */
body.blog .section-text .h4.hr,
body.category-news .section-text .h4.hr{
  font-family:var(--label); font-size:13px; font-weight:700; letter-spacing:.08em;
  text-transform:uppercase; color:var(--terra-deep);
  border:0 !important; padding:0 !important; margin:0 0 5px !important; }
body.blog .section-text .h4.hr:before, body.blog .section-text .h4.hr:after,
body.category-news .section-text .h4.hr:before, body.category-news .section-text .h4.hr:after{ display:none !important; }

/* ---- Headline (Playfair/Nil) — mit ODER ohne <a> ---- */
body.blog .section-text header.articleheader h2,
body.category-news .section-text header.articleheader h2{
  font-family:var(--serif) !important; font-weight:700; font-size:26px !important;
  line-height:1.22; margin:1px 0 8px; color:var(--nil); }
body.blog .section-text header.articleheader h2 a,
body.category-news .section-text header.articleheader h2 a{ color:var(--nil) !important; text-decoration:none; }
body.blog .section-text header.articleheader h2 a:hover,
body.category-news .section-text header.articleheader h2 a:hover{ color:var(--terra-deep) !important; }

/* ---- Anriss-/Kategorietext ---- */
body.blog .section-text article.clearfix p,
body.category-news .section-text article.clearfix p{ font-size:17px; line-height:1.7; color:var(--ink); }
body.blog .section-text article.clearfix p a,
body.category-news .section-text article.clearfix p a{ color:var(--terra-deep); }

/* ---- Intro-Lead des Kategorie-Archivs („Kategorie News") ---- */
body.category-news .section-text .lead{ font-family:var(--serif); color:var(--nil); font-size:22px; }

/* ---- Beitragsbild gerundet ---- */
body.blog .section-text img.wp-post-image,
body.category-news .section-text img.wp-post-image{ border-radius:10px; height:auto; }

/* ---- Button: ts24-Rot/Blau -> Terra/Gold (auch btn-block) ---- */
body.blog .section-text .btn.btn-info,
body.category-news .section-text .btn.btn-info{
  background:var(--terra) !important; border-color:var(--terra) !important; color:#fff !important; }
body.blog .section-text .btn.btn-info:hover,
body.category-news .section-text .btn.btn-info:hover{
  background:var(--terra-deep) !important; border-color:var(--terra-deep) !important; color:#fff !important; }
/* btn-block (Kategorie-Archiv) nicht ueber volle Breite ziehen — kompakter, linksbuendig */
body.category-news .section-text .btn.btn-block{ display:inline-block; width:auto; }