/* ============================================================================
   METATRON INTELLIGENCE — Startseite
   Gemessen an metatron.marketing (Founder, 21.09.2026): dieselbe Flaeche,
   dieselben Schriften, dieselben Tokens, dasselbe Vokabular. Tannengruen als
   Grund, Gold als einziger Akzent, Off-White als Text. Fraunces fuer Aussagen,
   Hanken Grotesk fuer alles andere. Keine Schatten, keine Kaesten, nur
   Haarlinien in Gold. Werte uebernommen aus /var/www/metatron.marketing.
   ========================================================================= */

@font-face { font-family: "Fraunces"; font-style: normal; font-weight: 300 400; font-display: swap;
  src: url("/fonts/fraunces-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Fraunces"; font-style: normal; font-weight: 300 400; font-display: swap;
  src: url("/fonts/fraunces-latinext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+A720-A7FF; }
@font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 300 400; font-display: swap;
  src: url("/fonts/hanken-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 300 400; font-display: swap;
  src: url("/fonts/hanken-latinext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+A720-A7FF; }

:root {
  --ground: #0E3B2E;
  --paper:  #F4EFE6;
  --gold:   #C9A24B;
  --ink:    var(--paper);
  --bg:     var(--ground);
  --muted:  #A9BEB2;
  --rule:   rgba(201, 162, 75, 0.30);
  --rule-faint: rgba(201, 162, 75, 0.14);
  --field-line: rgba(201, 162, 75, 0.08);
  --field-line-soft: rgba(244, 239, 230, 0.04);
  --field-discord: rgba(141, 49, 93, 0.10);
  --field-tension: rgba(141, 49, 93, 0.21);

  --s1: 8px;  --s2: 13px; --s3: 21px; --s4: 34px;
  --s5: 55px; --s6: 89px; --s7: 144px;

  --serif: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --sans:  "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;

  --maxw: 1240px;
  --read: 40rem;
  --gutter: clamp(22px, 6vw, 96px);
  --ease: cubic-bezier(.16, 1, .3, 1);
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

body {
  margin: 0;
  background:
    repeating-linear-gradient(118deg, transparent 0 96px, var(--field-discord) 97px, transparent 98px 196px),
    repeating-linear-gradient(30deg, transparent 0 52px, var(--field-line) 53px, transparent 54px 116px),
    repeating-linear-gradient(150deg, transparent 0 80px, var(--field-line-soft) 81px, transparent 82px 170px),
    radial-gradient(120% 80% at 14% 18%, var(--field-tension), transparent 48%),
    var(--bg);
  background-attachment: fixed;
  color: var(--ink);
  font-family: var(--sans);
  font-weight: 300;
  font-size: clamp(16px, 1.05vw + 12px, 19px);
  line-height: 1.62;
  letter-spacing: 0.006em;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
::selection { background: var(--gold); color: var(--bg); }
a { color: inherit; text-decoration: none; }
img, svg { display: block; max-width: 100%; }
:focus-visible { outline: 1.5px solid var(--gold); outline-offset: 4px; }
p { margin: 0; }

.wrap { width: 100%; max-width: var(--maxw); margin-inline: auto; padding-inline: var(--gutter); }

h1, h2, h3 {
  font-family: var(--serif); font-weight: 400; line-height: 1.02;
  letter-spacing: -0.014em; text-wrap: balance; margin: 0;
}
h1 em, h2 em, h3 em { font-style: italic; color: var(--gold); }

.skip-link { position: absolute; left: -9999px; top: 0; }
.skip-link:focus { left: var(--s3); top: var(--s3); z-index: 99; background: var(--gold); color: var(--ground); padding: 8px 16px; border-radius: 100px; }

.kicker {
  font-family: var(--sans); font-weight: 400; font-size: 0.72rem;
  letter-spacing: 0.30em; text-transform: uppercase; color: var(--gold);
  display: inline-flex; align-items: center; gap: 0.9em;
}
.kicker::before { content: ""; width: 34px; height: 1px; background: var(--gold); opacity: .8; }

/* ---------------------------------------------------------------- header */
header.site {
  position: sticky; top: 0; z-index: 60;
  background: color-mix(in srgb, var(--bg) 86%, transparent);
  backdrop-filter: blur(14px) saturate(140%);
  border-bottom: 1px solid var(--rule-faint);
}
.nav { display: flex; align-items: center; gap: clamp(1rem, 3vw, 2.4rem); height: 78px; }
.brand { display: flex; align-items: center; gap: 0.7rem; margin-right: auto; }
.brand .glyph { width: 30px; height: 30px; flex: none; stroke: var(--gold); }
.brand .wm { display: flex; flex-direction: column; line-height: 1; }
.brand .wm b { font-weight: 400; font-size: 0.98rem; letter-spacing: 0.34em; }
.brand .wm small { font-weight: 300; font-size: 0.52rem; letter-spacing: 0.42em; color: var(--muted); margin-top: 5px; }
.navlinks { display: flex; gap: clamp(1rem, 2vw, 1.9rem); font-size: 0.82rem; letter-spacing: 0.04em; }
.navlinks a { position: relative; padding: 3px 0; color: var(--muted); transition: color .25s; }
.navlinks a::after { content: ""; position: absolute; left: 0; bottom: -1px; height: 1px; width: 100%; background: var(--gold); transform: scaleX(0); transform-origin: 0 50%; transition: transform .3s var(--ease); }
.navlinks a:hover { color: var(--ink); }
.navlinks a:hover::after { transform: scaleX(1); }
.req {
  font-size: 0.78rem; letter-spacing: 0.10em; color: var(--ink); white-space: nowrap;
  padding: 9px 18px; border: 1px solid var(--rule); border-radius: 100px;
  transition: border-color .3s, color .3s;
}
.req:hover { border-color: var(--gold); color: var(--gold); }

/* ---------------------------------------------------------------- buttons */
.btn { display: inline-flex; align-items: center; gap: .55em; font-weight: 400; font-size: .88rem; letter-spacing: .06em; padding: 15px 30px; border-radius: 100px; transition: transform .25s var(--ease), color .25s, border-color .25s; }
.btn-primary { background: var(--gold); color: var(--ground); }
.btn-primary:hover { transform: translateY(-2px); }
.btn-ghost { border: 1px solid rgba(244,239,230,.32); color: var(--ink); }
.btn-ghost:hover { border-color: var(--gold); color: var(--gold); }
.btn:active { transform: scale(.985); }
.cta-row { display: flex; flex-wrap: wrap; gap: var(--s3); align-items: center; margin-top: var(--s4); }
.cta-note { display: flex; flex-wrap: wrap; gap: var(--s3); margin-top: var(--s3); font-size: .74rem; letter-spacing: .16em; text-transform: uppercase; color: var(--gold); }
.cta-note span { display: inline-flex; align-items: center; gap: .6em; }
.cta-note span::before { content: ""; width: 5px; height: 5px; border: 1px solid var(--gold); border-radius: 50%; }
.more { display: inline-block; margin-top: var(--s4); color: var(--gold); font-size: .88rem; letter-spacing: .06em; border-bottom: 1px solid var(--rule); padding-bottom: 2px; transition: border-color .25s; }
.more:hover { border-color: var(--gold); }

/* ------------------------------------------------------------------ hero */
.hero { padding-block: var(--s6); }
.hero .wrap { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: var(--s5); align-items: center; }
.hero .kicker { margin-bottom: var(--s4); }
.hero h1 { font-size: clamp(2.6rem, 6.2vw, 5.4rem); max-width: 13ch; margin-bottom: var(--s4); }
.hero .lede { max-width: var(--read); color: #CBD8CE; font-size: clamp(1rem, 1.4vw, 1.18rem); }
.num { font-variant-numeric: tabular-nums; color: var(--ink); }

/* live record — the case-file vocabulary of metatron.marketing */
.casefile { border: 1px solid var(--rule); border-radius: 11px; overflow: hidden; }
.cf-head { display: flex; justify-content: space-between; align-items: baseline; gap: 1em; padding: var(--s3) var(--s4); border-bottom: 1px solid var(--rule-faint); background: color-mix(in srgb, var(--gold) 6%, transparent); }
.cf-id { font-size: .72rem; letter-spacing: .2em; text-transform: uppercase; color: var(--gold); }
.cf-tag { font-size: .66rem; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.casefile dl { margin: 0; }
.specimen-row { display: grid; grid-template-columns: 8.5rem 1fr; gap: 4px var(--s3); padding: var(--s3) var(--s4); border-top: 1px solid var(--rule-faint); }
.specimen-row:first-child { border-top: 0; }
.specimen-row dt { font-size: .66rem; letter-spacing: .16em; text-transform: uppercase; color: var(--gold); padding-top: .35em; }
.specimen-row dd { margin: 0; color: var(--ink); font-size: .95rem; line-height: 1.5; overflow-wrap: anywhere; }
.specimen-row dd small { display: block; margin-top: 4px; color: var(--muted); font-size: .78rem; }
.cf-foot { display: block; padding: var(--s3) var(--s4); border-top: 1px solid var(--rule); font-size: .82rem; letter-spacing: .06em; color: var(--gold); }
.cf-foot:hover { background: color-mix(in srgb, var(--gold) 6%, transparent); }

/* -------------------------------------------------------------- sections */
.band { padding-block: clamp(var(--s5), 7vw, var(--s6)); border-top: 1px solid var(--rule-faint); }
.lead-in { max-width: 46rem; }
.lead-in .kicker { margin-bottom: var(--s3); }
.lead-in h2 { font-size: clamp(1.9rem, 4.4vw, 3.2rem); margin-bottom: var(--s3); }
.lead-in p { color: var(--muted); font-size: 1.05rem; }

/* four parts of a record */
.steps4 { list-style: none; margin: var(--s5) 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s4); }
.steps4 li { border-top: 1px solid var(--rule); padding-top: var(--s3); }
.steps4 .no { font-family: var(--serif); font-weight: 300; font-size: 2.4rem; color: transparent; -webkit-text-stroke: 1px var(--rule); line-height: 1; }
.steps4 h3 { font-size: clamp(1.2rem, 2.2vw, 1.45rem); margin: var(--s2) 0 .3em; letter-spacing: -.01em; }
.steps4 p { color: var(--muted); font-size: .95rem; }

/* signposts */
.signal-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s3); margin-top: var(--s5); }
.signal-grid > a { display: flex; flex-direction: column; gap: .5em; border: 1px solid var(--rule-faint); border-radius: 7px; padding: var(--s4); transition: border-color .3s, transform .3s var(--ease); }
.signal-grid > a:hover { border-color: var(--rule); transform: translateY(-3px); }
.signal-meta { display: flex; justify-content: space-between; align-items: center; gap: 1em; font-size: .74rem; color: var(--muted); letter-spacing: .04em; }
.state-pill { font-weight: 400; font-size: .62rem; letter-spacing: .18em; text-transform: uppercase; color: var(--gold); border: 1px solid var(--rule); border-radius: 100px; padding: 3px 10px; }
.state-pill.observed { background: var(--gold); color: var(--ground); border-color: var(--gold); }
.signal-grid h3 { font-size: 1.25rem; letter-spacing: -.01em; }
.signal-grid p { color: var(--muted); font-size: .92rem; flex: 1; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.signal-grid strong { font-weight: 400; font-size: .82rem; letter-spacing: .06em; color: var(--gold); margin-top: var(--s2); }
.signal-loading { grid-column: 1 / -1; color: var(--muted); font-size: .95rem; display: grid; gap: 6px; }
.signal-loading a { color: var(--gold); }

/* subject areas */
.desks { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s4) var(--s3); margin-top: var(--s5); }
.desks a { display: flex; flex-direction: column; gap: .4em; border-top: 1px solid var(--rule); padding-top: var(--s3); }
.desks h3 { font-size: 1.2rem; letter-spacing: -.01em; transition: color .25s; }
.desks p { color: var(--muted); font-size: .9rem; }
.desks a:hover h3 { color: var(--gold); }

/* sources */
.coverage { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: var(--s5); margin-top: var(--s5); align-items: start; }
.coverage figure { margin: 0; }
.coverage img { width: 100%; height: auto; border: 1px solid var(--rule-faint); border-radius: 9px; }
.coverage figcaption { margin-top: var(--s2); color: var(--muted); font-size: .8rem; line-height: 1.5; }
.facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.facts div { padding: var(--s3) 0; border-top: 1px solid var(--rule-faint); }
.facts dt { font-size: .66rem; letter-spacing: .16em; text-transform: uppercase; color: var(--gold); }
.facts dd { margin: 4px 0 0; font-family: var(--serif); font-weight: 300; font-size: 2rem; line-height: 1.1; font-variant-numeric: tabular-nums; }
.facts-note { margin-top: var(--s3); color: var(--muted); font-size: .88rem; }

/* publisher */
.stance { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: var(--s5); align-items: start; }
.stance h2 { font-size: clamp(1.7rem, 3.4vw, 2.5rem); margin-top: var(--s3); }
.stance p { color: var(--muted); }
.stance p + p { margin-top: var(--s2); }

/* bridge to metatron.marketing */
.bridge .wrap { max-width: 52rem; text-align: center; display: grid; justify-items: center; }
.bridge h2 { font-size: clamp(2rem, 4.6vw, 3.4rem); margin: var(--s3) 0; }
.bridge p { color: var(--muted); max-width: var(--read); }

/* ---------------------------------------------------------------- footer */
footer.site { border-top: 1px solid var(--rule); padding-block: var(--s6) var(--s5); }
.foot-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) repeat(2, minmax(0, 1fr)); gap: var(--s5) var(--s4); align-items: start; }
.foot-mark { display: grid; gap: var(--s3); }
.foot-brand { display: inline-flex; align-items: center; gap: 0.7rem; }
.foot-brand .glyph { width: 34px; height: 34px; flex: none; stroke: var(--gold); }
.foot-brand b { font-weight: 400; letter-spacing: 0.34em; font-size: 0.95rem; }
.foot-brand small { display: block; font-size: 0.5rem; letter-spacing: 0.42em; color: var(--muted); margin-top: 4px; }
.foot-mark p { max-width: 32ch; color: var(--muted); font-size: 0.86rem; line-height: 1.6; }
.foot-col { display: grid; gap: var(--s2); align-content: start; }
.foot-col h2 { font-family: var(--sans); font-weight: 400; font-size: 0.62rem; letter-spacing: 0.24em; text-transform: uppercase; color: var(--gold); }
.foot-col a { font-size: 0.88rem; color: var(--muted); transition: color .25s; }
.foot-col a:hover { color: var(--ink); }
.foot-bottom { margin-top: var(--s5); padding-top: var(--s4); border-top: 1px solid var(--rule-faint); font-size: 0.72rem; letter-spacing: 0.06em; color: var(--muted); }

/* ---------------------------------------------------------------- motion */
.reveal { opacity: 0; transform: translateY(12px); transition: opacity .42s var(--ease), transform .42s var(--ease); }
.reveal.is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .reveal { transform: none; transition: opacity .2s var(--ease); }
  .btn, .signal-grid > a, .navlinks a::after { transition: none; }
}

/* ---------------------------------------------------------------- responsive */
@media (max-width: 1060px) {
  .navlinks { display: none; }
  .hero .wrap { grid-template-columns: 1fr; }
  .steps4, .desks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .signal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .coverage, .stance { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  body { background: repeating-linear-gradient(30deg, transparent 0 58px, var(--field-line) 59px, transparent 60px 128px), radial-gradient(110% 70% at 10% 20%, var(--field-tension), transparent 50%), var(--bg); background-attachment: scroll; }
  .nav { height: 64px; }
  .req { padding: 8px 14px; font-size: .72rem; }
  .hero { padding-block: var(--s5); }
  .steps4, .desks, .signal-grid, .foot-grid { grid-template-columns: 1fr; }
  .specimen-row { grid-template-columns: 1fr; }
  .btn { width: 100%; justify-content: center; }
}
.sprite { position: absolute; width: 0; height: 0; overflow: hidden; }

/* Farbordnung 2 (28.09.2026) */
:root{--ground:#16181d;--paper:#f6f5f2;--gold:#9aa3e4;--muted:#b3b6bf;--rule:rgba(154,163,228,.30);--rule-faint:rgba(154,163,228,.14)}

/* From Metatron (Founder 03.10.2026 "Alles wird vernetzt", Freigabe 08.10.2026) */
.from-metatron { margin-top: var(--s5); padding-top: var(--s4); border-top: 1px solid var(--rule-faint); }
.from-metatron ul { list-style: none; margin: var(--s3) 0 0; padding: 0; display: grid; gap: var(--s2); }
.from-metatron li { display: flex; flex-wrap: wrap; gap: 4px var(--s3); align-items: baseline; justify-content: space-between; }
.from-metatron a { color: var(--ink); border-bottom: 1px solid var(--rule); padding-bottom: 2px; transition: border-color .25s; }
.from-metatron a:hover { border-color: var(--gold); color: var(--gold); }
.from-metatron li span { color: var(--muted); font-size: .88rem; }

/* ATTENTION NEWS PORTAL START */
.news-hero,.news-desk,.topic-hero,.topic-section,.news-method{padding:72px 0;border-bottom:1px solid var(--rule)}
.news-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:48px;align-items:end}
.news-hero h1,.topic-hero h1{max-width:18ch;font-size:48px;line-height:56px;letter-spacing:-.014em}
.news-deck,.topic-deck{max-width:63ch;margin-top:24px;color:var(--muted);font-size:18px;line-height:27px}
.news-date,.desk-label,.story-meta,.topic-status{color:var(--gold);font-size:12px;line-height:18px;letter-spacing:.08em;text-transform:uppercase}
.news-date{margin-top:24px}.daily-news{border-top:3px solid var(--gold);padding:24px 0}
.daily-news h2{font-size:24px;line-height:32px}.daily-news p{margin-top:12px;color:var(--muted)}
.daily-news ol{list-style:none;margin:18px 0;padding:0}.daily-news li{display:grid;gap:4px;padding:10px 0;border-top:1px solid var(--rule-faint)}.daily-news time{color:var(--muted);font-size:12px;line-height:18px}.daily-news li a{font-size:15px;line-height:22px}
.daily-news a,.read-topic,.story-links a,.topic-links a,.fact-card a{color:var(--gold);text-decoration:underline;text-underline-offset:4px}
.news-index{padding:30px 0;border-bottom:1px solid var(--rule)}.news-index ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px;margin:0;padding:0}
.news-index a{display:grid;grid-template-columns:30px 1fr;gap:10px;min-height:48px;padding-top:10px;border-top:1px solid var(--rule-faint)}
.news-index span{color:var(--gold)}.news-index strong{font-size:15px;line-height:24px;font-weight:400}
.desk-head{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:24px;align-items:start}.desk-rank{font-family:var(--serif);color:var(--gold);font-size:33px;line-height:40px}
.news-desk h2{max-width:25ch;font-size:33px;line-height:40px}.desk-why{max-width:70ch;margin:18px 0 0 88px;color:var(--muted);font-size:18px;line-height:27px}
.desk-stories{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;margin:36px 0 0 88px;padding:0}
.desk-story{min-width:0;padding-top:16px;border-top:1px solid var(--rule)}.desk-story h3{margin-top:10px;font-size:18px;line-height:25px;overflow-wrap:anywhere}
.desk-story p:last-child{margin-top:12px;color:var(--muted);font-size:12px;line-height:18px}.read-topic{display:inline-block;min-height:48px;padding:12px 0}
.topic-breadcrumb{margin-bottom:24px}.topic-breadcrumb a{color:var(--gold)}.topic-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.5fr);gap:48px}
.topic-section h2{font-size:33px;line-height:40px}.evidence-box{border:1px solid var(--rule-faint);border-radius:9px;padding:24px}.evidence-box h2{font-size:24px;line-height:32px}.evidence-box p{margin-top:12px;color:var(--muted)}
.topic-narrative p{max-width:68ch;margin-top:18px;font-size:18px;line-height:29px}.topic-narrative p+ p{color:var(--muted)}
.timeline{list-style:none;margin:30px 0 0;padding:0;border-top:1px solid var(--rule)}.timeline li{display:grid;grid-template-columns:130px minmax(0,1fr);gap:30px;padding:24px 0;border-bottom:1px solid var(--rule-faint)}
.timeline time{color:var(--gold);font-size:12px;line-height:18px}.timeline h3{font-size:24px;line-height:32px}.story-links{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:12px;font-size:15px;line-height:24px}
.fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:30px}.fact-card{border:1px solid var(--rule-faint);border-radius:9px;padding:24px}.fact-card cite{display:block;margin-top:12px;color:var(--muted);font-style:normal}
.topic-links ul{display:flex;flex-wrap:wrap;gap:12px 24px;list-style:none;margin:12px 0 0;padding:0}.news-method .wrap{display:grid;grid-template-columns:1fr 2fr;gap:48px}.news-method h2{font-size:33px;line-height:40px}.news-method p{max-width:70ch;color:var(--muted)}
.mobile-menu{display:none;position:relative}.mobile-menu summary{min-height:48px;display:grid;place-items:center;cursor:pointer}.mobile-menu nav{position:absolute;z-index:5;right:0;top:48px;width:min(320px,calc(100vw - 36px));padding:18px;border:1px solid var(--rule);border-radius:9px;background:var(--bg)}.mobile-menu nav a{display:block;min-height:48px;padding:12px 0;border-bottom:1px solid var(--rule-faint)}
.legacy-proof h2{max-width:18ch;margin-bottom:24px;font-size:33px;line-height:40px}
.latest-strip,.archive-hero,.news-list-section{padding:48px 0;border-bottom:1px solid var(--rule)}
.latest-strip-head,.archive-tools{display:flex;justify-content:space-between;gap:24px;align-items:end}
.latest-strip h2,.archive-hero h1{font-size:33px;line-height:40px}.latest-strip-head a,.archive-tools a{color:var(--gold);min-height:48px;padding:12px 0}
.latest-grid{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;margin:30px 0 0;padding:0}
.latest-grid li,.news-entry{min-width:0;padding-top:16px;border-top:1px solid var(--rule-faint)}.latest-grid h3,.news-entry h3{margin-top:9px;font-size:18px;line-height:25px;overflow-wrap:anywhere}
.latest-grid p:last-child{margin-top:9px;color:var(--muted);font-size:12px;line-height:18px}
.archive-hero p{max-width:68ch;margin-top:18px;color:var(--muted)}.news-day,.news-month{padding:42px 0;border-bottom:1px solid var(--rule-faint)}
.news-day h2,.news-month h2{font-size:24px;line-height:32px}.news-entries{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0 0;padding:0}
.entry-links{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:12px;font-size:14px;line-height:22px}.entry-links a{color:var(--gold);text-decoration:underline;text-underline-offset:4px}
.sort-attention{min-height:48px;padding:10px 16px;border:1px solid var(--rule);border-radius:999px;background:transparent;color:var(--ink);cursor:pointer}
@media(max-width:1060px){.mobile-menu{display:block}.news-hero-grid,.topic-layout{grid-template-columns:1fr}.desk-stories,.latest-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.news-hero,.news-desk,.topic-hero,.topic-section,.news-method{padding:48px 0}.news-hero h1,.topic-hero h1,.archive-hero h1{font-size:33px;line-height:40px}.news-index ol,.desk-stories,.fact-grid,.news-method .wrap,.latest-grid,.news-entries{grid-template-columns:1fr}.desk-head{grid-template-columns:44px minmax(0,1fr);gap:12px}.desk-head .read-topic{grid-column:2}.desk-rank,.news-desk h2,.topic-section h2,.news-method h2,.legacy-proof h2,.latest-strip h2{font-size:24px;line-height:30px}.desk-why,.desk-stories{margin-left:0}.timeline li{grid-template-columns:1fr;gap:8px}.timeline h3{font-size:20px;line-height:26px}.latest-strip-head,.archive-tools{display:block}.req{display:none}}
/* ATTENTION NEWS PORTAL END */
/* Menü mit neun Einträgen: kein Umbruch im Eintrag (12.10.2026). Abstände aus MARKE §3. */
.navlinks a{white-space:nowrap}.navlinks{gap:18px}@media(max-width:1280px){.navlinks{gap:12px}}