/* Akten-Seiten: schlank, ohne WebGL, ohne Filme. Nur Schrift und Papier. */
:root{
  --gold:#C9A34E; --gold-d:#8A6714;
  --ink:#EDE9DF; --soft:#A9AFB6; --mute:#767D85;
  --grund:#07060A; --linie:rgba(201,163,78,.20);
  --display:"Cormorant Garamond",Georgia,serif;
  --lauf:"Spectral",Georgia,serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--grund);color:var(--ink);
  font-family:var(--lauf);font-weight:300;font-size:clamp(1rem,2.4vw,1.08rem);
  line-height:1.85;text-rendering:optimizeLegibility}
.huelle{max-width:74ch;margin:0 auto;padding:0 clamp(20px,6vw,34px)}

.kopf{border-bottom:1px solid var(--linie);padding:22px 0 18px;margin-bottom:clamp(44px,8vw,82px)}
.kopf a{font-family:var(--mono);font-size:.66rem;letter-spacing:.24em;
  text-transform:uppercase;color:var(--mute);text-decoration:none}
.kopf a:hover{color:var(--gold)}

.krume{font-family:var(--mono);font-size:.62rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--mute);margin:0 0 18px}
.krume a{color:var(--mute)}
.krume a:hover{color:var(--gold)}

h1{font-family:var(--display);font-weight:600;
  font-size:clamp(2rem,6.4vw,3.3rem);line-height:1.12;letter-spacing:.005em;
  margin:0 0 10px;color:var(--ink)}
.unterzeile{font-family:var(--mono);font-size:.66rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--gold-d);margin:0 0 36px}

h2{font-family:var(--display);font-weight:600;
  font-size:clamp(1.5rem,4.2vw,2.1rem);line-height:1.25;
  margin:clamp(52px,8vw,84px) 0 16px;color:var(--ink)}
h2::after{content:"";display:block;width:min(280px,46%);height:1px;margin-top:16px;
  background:linear-gradient(90deg,var(--gold),transparent)}
h3{font-family:var(--display);font-weight:600;
  font-size:clamp(1.22rem,3.2vw,1.5rem);line-height:1.3;
  margin:clamp(34px,5vw,52px) 0 12px;color:var(--ink)}

p{margin:0 0 20px;color:var(--soft)}
.lead{font-size:clamp(1.06rem,2.8vw,1.22rem);line-height:1.8;color:var(--ink)}
b,strong{color:var(--ink);font-weight:600}
a{color:var(--gold);text-underline-offset:3px;
  text-decoration-color:rgba(201,163,78,.45)}
a:hover{text-decoration-color:var(--gold)}

.merk{margin:36px 0;padding-left:24px;border-left:2px solid var(--gold);
  font-family:var(--display);font-weight:600;
  font-size:clamp(1.08rem,2.7vw,1.32rem);line-height:1.55;color:var(--ink)}
.knall{font-family:var(--display);font-weight:600;
  font-size:clamp(1.3rem,3.6vw,1.8rem);line-height:1.35;color:var(--ink);margin:30px 0}

.zaehl{margin:30px 0;border-top:1px solid var(--linie)}
.posten{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:baseline;
  padding:15px 0;border-bottom:1px solid var(--linie)}
.posten .wo{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gold-d);flex:0 0 auto;min-width:13ch}
.posten .was{margin:0;flex:1 1 22ch;color:var(--soft)}

.zettel{margin:34px 0;padding:22px 24px;border:1px dashed var(--linie)}
.zettel p{margin:0 0 8px;font-family:var(--mono);font-size:.72rem;
  letter-spacing:.05em;line-height:1.8;color:var(--mute)}
.zettel p:last-child{margin:0}
.zettel-zahl{color:var(--gold)!important;font-size:.8rem!important}

.karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:16px;margin:30px 0}
.karte{border:1px solid var(--linie);padding:20px 20px 16px;background:rgba(14,17,21,.5)}
.karte .who{font-family:var(--mono);font-size:.64rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold-d);margin-bottom:12px}
.karte ul{margin:0;padding:0;list-style:none}
.karte li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;
  padding:7px 0;border-top:1px solid rgba(201,163,78,.1);color:var(--ink);font-size:.94rem}
.karte li:first-child{border-top:0}
.karte li span{color:var(--mute);font-family:var(--mono);font-size:.66rem;
  letter-spacing:.06em;text-align:right;overflow-wrap:anywhere}

.quelle{font-family:var(--mono);font-size:.68rem;letter-spacing:.04em;
  line-height:1.8;color:var(--mute);margin:8px 0 0}

.weiter{margin:clamp(60px,9vw,96px) 0 0;padding-top:28px;border-top:1px solid var(--linie)}
.weiter .titel{font-family:var(--mono);font-size:.64rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--gold-d);margin:0 0 14px}
.weiter ul{margin:0;padding:0;list-style:none}
.weiter li{padding:9px 0;border-top:1px solid rgba(201,163,78,.12)}
.weiter li:first-child{border-top:0}

footer{margin-top:clamp(64px,10vw,110px);padding:30px 0 56px;
  border-top:1px solid var(--linie);
  font-family:var(--mono);font-size:.64rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--mute)}
footer a{color:var(--mute)}
footer a:hover{color:var(--gold)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}