/* AIGIS Landing RC7 — Entwurf C — Layout: Navigation, Sektionsrhythmus, Footer. */
.wrap{ max-width:var(--wrap); margin:0 auto; padding:0 24px; }
main section{ padding:var(--sec-pad) 0; position:relative; }
main section.tight{ padding-top:calc(var(--sec-pad) * .5); }
.sec-alt{ background:var(--bg-soft); border-top:1px solid var(--line-soft); border-bottom:1px solid var(--line-soft); }
.sec-head{ position:relative; max-width:900px; }
.sec-head h2{ margin-bottom:.35em; }

/* Grosse, halbtransparente Sektionsnummer — Typografie als Bild */
.sec-num{
  position:absolute; right:0; top:-.25em; z-index:0;
  font-size:clamp(120px, 20vw, 280px); font-weight:900; line-height:1; letter-spacing:-.04em;
  color:transparent; -webkit-text-stroke:1.5px color-mix(in srgb, var(--tx) 16%, transparent);
  pointer-events:none; user-select:none; font-variant-numeric:tabular-nums;
}
.sec-num.lime{ -webkit-text-stroke-color:color-mix(in srgb, var(--lime) 40%, transparent); }
main section > .wrap{ position:relative; z-index:1; }

/* ── Navigation ─────────────────────────────────────────────────────────── */
.nav{
  position:sticky; top:0; z-index:90;
  background:color-mix(in srgb, var(--bg) 84%, transparent);
  backdrop-filter:blur(16px) saturate(1.2); -webkit-backdrop-filter:blur(16px) saturate(1.2);
  border-bottom:1px solid var(--line-soft);
}
.nav .wrap{ display:flex; align-items:center; gap:12px; min-height:var(--nav-h); }
.nav-logo{ display:flex; align-items:center; gap:10px; margin-right:8px; flex:0 0 auto; }
.nav-logo img{ height:30px; width:auto; }
/* Das Logo hat weisse Lettern auf Transparenz — im hellen Theme bekommt es einen Anthrazit-Träger */
:root[data-theme="light"] .nav-logo img, :root[data-theme="light"] footer .foot-brand img{ background:#15181D; padding:5px 9px; border-radius:9px; box-sizing:content-box; }
.nav-links{ display:flex; align-items:center; gap:2px; list-style:none; margin:0; padding:0; flex:1 1 auto; flex-wrap:wrap; }
.nav-links a{
  display:block; padding:8px 9px; border-radius:10px;
  color:var(--mut); font-size:13px; font-weight:700; white-space:nowrap;
  transition:color .18s ease, background .18s ease;
}
.nav-links a:hover{ color:var(--tx-strong); background:var(--panel-2); text-decoration:none; }
.nav-cta{ display:flex; align-items:center; gap:8px; flex:0 0 auto; }
.nav-burger{
  display:none; background:none; border:1px solid var(--line); border-radius:10px;
  width:42px; height:38px; color:var(--tx); font-size:19px; line-height:1;
}
.nav-links .mobile-only{ display:none; }

/* ── Footer ─────────────────────────────────────────────────────────────── */
footer{
  background:var(--panel); border-top:1px solid var(--line);
  padding:48px 0 32px; margin-top:var(--sec-pad); font-size:13.5px;
}
footer .foot-grid{ display:flex; flex-wrap:wrap; gap:32px; align-items:flex-start; justify-content:space-between; }
footer .foot-brand{ max-width:360px; }
footer .foot-brand img{ height:34px; width:auto; margin-bottom:12px; }
footer nav ul{ list-style:none; margin:0; padding:0; }
footer nav li{ margin:5px 0; }
footer nav h4{ margin-bottom:8px; }
footer a{ color:var(--mut); }
footer a:hover{ color:var(--lime-text); }
.foot-note{
  margin-top:30px; padding-top:18px; border-top:1px solid var(--line-soft);
  color:var(--mut); font-size:12px; display:flex; flex-wrap:wrap; gap:8px 24px;
}

/* ═══ V1.0.37 · NEWS-SPALTE RECHTS NEBEN DEN SEITEN ══════════════════════════════════════════════
   Betreiber 06.10.2026: „rechts einen Abschnitt, der die letzten 5 News-Einträge anzeigt … komplett eigen rechts
   neben den normalen Seiten“. Breite Bildschirme (ab 1280 px): rechts neben dem Inhalt (V1.0.38: läuft mit der Seite mit); der Inhalt rückt
   um die Spaltenbreite nach links — nur solange die Spalte etwas zeigt (Klasse mit-news-leiste, gesetzt von
   news-feed.js). Schmale Bildschirme: ein Block vor dem Fuß. Jeder Eintrag führt zur Interessenten-Registrierung. */
.news-leiste{ box-sizing:border-box; width:calc(100% - 48px); max-width:720px; margin:0 auto 40px;
  padding:20px 20px 22px; border:1px solid var(--line); border-top:3px solid var(--lime); border-radius:14px;
  background:var(--bg); box-shadow:var(--shadow-1); }
.news-leiste[hidden]{ display:none; }
.news-leiste-h{ margin:0 0 10px; font-size:.7rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase;
  color:var(--lime-text); font-family:var(--mono); }
.news-leiste-liste{ list-style:none; margin:0; padding:0; }
.news-leiste-liste li + li{ border-top:1px solid var(--line-soft); }
.news-leiste-a{ display:block; margin:0 -10px; padding:14px 10px; border-radius:8px; color:var(--tx); text-decoration:none; }
.news-leiste-a:hover, .news-leiste-a:focus-visible{ background:color-mix(in srgb, var(--blue) 14%, transparent); }
.news-leiste-a:focus-visible{ outline:2px solid var(--blue); outline-offset:1px; }
.news-leiste-d{ display:block; font-size:.7rem; color:var(--mut); font-family:var(--mono); letter-spacing:.04em; }
.news-leiste-t{ display:block; margin-top:4px; font-size:.97rem; line-height:1.4; font-weight:800; color:var(--tx-strong); }
.news-leiste-t em{ font-style:normal; color:var(--lime-text); }
.news-leiste-k{ display:block; margin-top:6px; font-size:.85rem; line-height:1.55; color:var(--mut); }   /* V1.0.38 — ungekürzt */
.news-leiste-sub{ margin:16px 0 0; font-size:.78rem; line-height:1.5; color:var(--mut); }
.news-leiste-cta{ display:block; margin-top:12px; text-align:center; }
@media (min-width:1280px){
  /* V1.0.38 — Betreiber: „kann ruhig länger nach unten werden, sieht etwas gequetscht aus“. Nicht mehr fest am Fenster
     mit eigener Bildlaufleiste, sondern oben rechts neben dem Inhalt, so lang, wie sie ist — sie läuft mit der Seite. */
  .news-leiste{ position:absolute; z-index:80; top:calc(var(--nav-h) + 16px); right:16px; width:320px; margin:0; }
  body.mit-news-leiste #main, body.mit-news-leiste footer{ padding-right:352px; }
}