/* ============================================================
   AEGYPTEN.DE 2026 — Navi-Einzeiler-Fix + News-Listen-Design v2 (2026-06-08)

   1) NAVI: Die Menuepunkte umbrachen ("TAUCHEN &" / "MEER"), weil
      white-space:nowrap fehlte und die Schrift eine Spur zu breit war.
      -> nowrap erzwingen, Groesse leicht zuruecknehmen (16,5px), Gap enger,
         Logo etwas kleiner, Container breiter -> 5 Punkte in EINE Zeile.

   2) NEWS-UEBERSICHT (/news/): Das fruehere Scoping body.page-id-744 war falsch
      — die Seite rendert als body.blog (Posts-Index), Items sind
      section.section-text > article.clearfix. Hier korrekt auf body.blog scopen
      und auf den aegypten-Magazin-Look bringen (Serif-Headlines, Terra-Akzente,
      Gold-Button statt ts24-Rot, Trennlinien).

   Eigene, bisher nie ausgelieferte Datei = frische URL gegen den
   24h-Gateway-Edge-Cache. Basis 1rem = 10px (ts24-Parent html{font-size:62.5%}).
   ============================================================ */

/* ============ 1) Header-Navi: Einzeiler ============ */
.aeg-nav .aeg-menu{ gap:1.7rem !important; flex-wrap:nowrap !important; }
.aeg-nav .aeg-menu a{ font-size:1.65rem !important; white-space:nowrap !important; }
.aeg-logo{ font-size:2.6rem !important; white-space:nowrap; }
.aeg-nav-in{ max-width:1300px !important; padding-left:18px !important; padding-right:18px !important; }
@media(max-width:1080px){
  .aeg-nav .aeg-menu a{ font-size:1.5rem !important; }
  .aeg-nav .aeg-menu{ gap:1.3rem !important; }
  .aeg-logo{ font-size:2.4rem !important; }
}

/* ============ 2) News-Uebersicht (body.blog) ============ */
/* Jedes News-Item = article.clearfix; Trennlinie dazwischen */
body.blog .section-text article.clearfix{
  border-bottom:1px solid var(--line); padding-bottom:30px; margin-bottom:34px; }
body.blog .section-text article.clearfix:last-child{ border-bottom:0; }

/* Datum (span.h4.hr) als dezente Label-Zeile, ts24-Trennstrich raus */
body.blog .section-text .h4.hr{
  font-family:var(--label); font-size:1.3rem; font-weight:700; letter-spacing:.08em;
  text-transform:uppercase; color:var(--terra-deep);
  border:0 !important; padding:0 !important; margin:0 0 .5rem !important; }
body.blog .section-text .h4.hr:before,
body.blog .section-text .h4.hr:after{ display:none !important; }

/* Headline gross + Playfair */
body.blog .section-text header.articleheader h2{
  font-family:var(--serif) !important; font-weight:700; font-size:2.6rem;
  line-height:1.22; margin:.1rem 0 .8rem; }
body.blog .section-text header.articleheader h2 a{ color:var(--nil) !important; text-decoration:none; }
body.blog .section-text header.articleheader h2 a:hover{ color:var(--terra-deep) !important; }

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

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

/* "Den ganzen Beitrag lesen": ts24-Rot/Blau -> Terra/Gold */
body.blog .section-text .btn.btn-info,
body.blog .section-text span.btn.link{
  background:var(--terra) !important; border-color:var(--terra) !important; color:#fff !important; }
body.blog .section-text .btn.btn-info:hover,
body.blog .section-text span.btn.link:hover{
  background:var(--terra-deep) !important; border-color:var(--terra-deep) !important; color:#fff !important; }
/* Punkt-/Pfeil-Element (btn-dot) mit einfaerben, falls separat gefaerbt */
body.blog .section-text .btn-dot:after,
body.blog .section-text .btn-dot i,
body.blog .section-text .btn-dot .ico{
  background:var(--terra-deep) !important; border-color:var(--terra-deep) !important; color:#fff !important; }