/* Public Sans · SIL Open Font License 1.1 · lokal eingebunden,
   damit keine Verbindung zu Google-Servern entsteht. */
@font-face{font-family:"Public Sans";src:url("fonts/PublicSans-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Public Sans";src:url("fonts/PublicSans-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Public Sans";src:url("fonts/PublicSans-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Public Sans";src:url("fonts/PublicSans-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

/* =========================================================
   fabian-westerheide.de — Stylesheet
   Designsystem Version 4 · Navy & Kupfer · August 2026
   Eine Datei versorgt alle Seiten.
   Schriften: Public Sans (SIL Open Font License)
   Vor dem Livegang lokal einbinden statt von Google laden.
   ========================================================= */

:root{
  /* Fläche */
  --papier:#FBFAF8;
  --karte:#FFFFFF;
  --linie:#E4E2DD;
  --linie-stark:#CFCCC5;

  /* Schrift */
  --tinte:#22262B;
  --grau:#626973;

  /* Primär */
  --navy:#16324F;
  --navy-tief:#0D2138;
  --navy-blass:#EDF1F5;

  /* Akzent */
  --kupfer:#A05A2C;
  --kupfer-tief:#82461F;
  --kupfer-blass:#F4EBE3;

  --schrift:"Public Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Helvetica,sans-serif;

  --spalte:1140px;
  --text-spalte:720px;
  --rand:24px;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--papier);color:var(--tinte);
  font-family:var(--schrift);font-size:18px;font-weight:400;line-height:1.68;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:var(--kupfer-tief);text-underline-offset:3px}
a:focus-visible,button:focus-visible{outline:2px solid var(--kupfer);outline-offset:3px}

.wrap{max-width:var(--spalte);margin:0 auto;padding:0 var(--rand)}
.eng{max-width:var(--text-spalte)}

/* ---------- Kapitelmarke ---------- */
.marker{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.marker i{width:20px;height:2px;background:var(--kupfer);flex:none}
.marker span{font-size:11px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--kupfer-tief)}

/* ---------- Navigation ---------- */
.kopf{position:sticky;top:0;z-index:40;background:rgba(251,250,248,.92);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--linie)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;
  min-height:66px;padding:12px 0;flex-wrap:wrap}
.marke{font-size:17px;font-weight:600;text-decoration:none;color:var(--navy);
  letter-spacing:-.01em;white-space:nowrap}
.nav ul{display:flex;flex-wrap:wrap;gap:20px;list-style:none;margin:0;padding:0;
  font-size:14.5px}
.nav a{text-decoration:none;color:var(--grau);padding-bottom:2px;border-bottom:2px solid transparent}
.nav a:hover{color:var(--navy)}
.nav a[aria-current="page"]{color:var(--navy);border-bottom-color:var(--kupfer)}
.nav .anfrage{font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;
  color:var(--kupfer-tief);border-bottom:1px solid var(--kupfer)}

/* ---------- Überschriften ---------- */
h1{font-weight:600;font-size:clamp(31px,5.2vw,50px);line-height:1.07;
  letter-spacing:-.021em;margin:0 0 20px;color:var(--navy);max-width:19ch}
h2{font-weight:600;font-size:clamp(23px,3.6vw,34px);line-height:1.13;
  letter-spacing:-.016em;margin:6px 0 16px;color:var(--navy);max-width:24ch}
h3{font-weight:600;font-size:12px;letter-spacing:.11em;text-transform:uppercase;
  color:var(--kupfer-tief);margin:34px 0 12px}
h4{font-weight:600;font-size:20px;line-height:1.25;letter-spacing:-.012em;
  color:var(--navy);margin:0 0 8px}
p{max-width:66ch;margin:0 0 18px}
.lead{font-size:20px;font-weight:300;line-height:1.55;color:var(--grau);max-width:56ch}
.klein{font-size:16px;line-height:1.66;color:var(--grau)}

section{padding:60px 0;border-top:1px solid var(--linie)}
section:first-of-type{border-top:0}

/* ---------- Buttons ---------- */
.knopf{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.09em;
  text-transform:uppercase;text-decoration:none;background:var(--navy);color:#fff;
  padding:15px 25px;border:1px solid var(--navy);transition:background .2s ease}
.knopf:hover{background:var(--navy-tief);border-color:var(--navy-tief)}
.knopf-leer{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.09em;
  text-transform:uppercase;text-decoration:none;border:1px solid var(--kupfer);
  color:var(--kupfer-tief);padding:14px 24px;transition:background .2s ease,color .2s ease}
.knopf-leer:hover{background:var(--kupfer);color:#fff}
.aktionen{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}

/* ---------- Bilder ---------- */
figure{margin:0}
.bild{position:relative;overflow:hidden;background:var(--navy-blass)}
.bild img{width:100%;height:100%;object-fit:cover;
  transform:scale(1.03);transition:transform 1.4s cubic-bezier(.2,.7,.3,1)}
.bild.on img{transform:scale(1)}
.bild figcaption{font-size:10px;color:#9DA1A8;padding:7px 0 0;line-height:1.4}
figure > figcaption{font-size:10px;color:#9DA1A8;padding:7px 0 0;line-height:1.4;
  letter-spacing:.02em;font-weight:400}
.bild.hoch{aspect-ratio:4/5}
.bild.quer{aspect-ratio:16/9}

/* ---------- Kennzahlen ---------- */
.kz{display:grid;grid-template-columns:repeat(3,1fr);
  border-top:2px solid var(--kupfer);border-bottom:1px solid var(--linie);margin-top:34px}
.kz div{padding:16px 12px 16px 0;border-right:1px solid var(--linie)}
.kz div:last-child{border-right:0}
.kz b{font-weight:300;font-size:clamp(26px,4vw,36px);display:block;color:var(--navy);
  letter-spacing:-.025em;line-height:1}
.kz span{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.11em;
  color:var(--grau);display:block;margin-top:8px}

/* ---------- Karten ---------- */
.karten{display:grid;grid-template-columns:1fr;gap:1px;background:var(--linie-stark);
  border:1px solid var(--linie-stark);margin-top:26px}
.karte{background:var(--karte);padding:26px 22px}
.karte .jahr{font-size:10.5px;font-weight:600;letter-spacing:.13em;
  text-transform:uppercase;color:var(--kupfer-tief)}
.karte h4{margin:10px 0 8px;font-size:19px}
.karte p{font-size:14.5px;line-height:1.58;color:var(--grau);margin:0;max-width:none}

/* ---------- Zwei Spalten ---------- */
.duo{display:grid;grid-template-columns:1fr;gap:1px;background:var(--linie-stark);
  border:1px solid var(--linie-stark);margin-top:26px}
.duo > div{background:var(--karte);padding:28px 24px}

/* ---------- Nummerierte Liste ---------- */
.themen{counter-reset:t;margin-top:26px;padding:0;list-style:none;border-top:1px solid var(--linie-stark)}
.themen li{counter-increment:t;border-bottom:1px solid var(--linie);
  padding:22px 0 22px 48px;position:relative;transition:padding-left .25s ease,background .25s ease}
.themen li:hover{padding-left:58px;background:var(--karte)}
.themen li::before{content:counter(t,decimal-leading-zero);position:absolute;left:0;top:24px;
  font-size:11px;font-weight:600;color:var(--kupfer);letter-spacing:.08em}
.themen b{font-weight:600;color:var(--navy);display:block;font-size:19px;
  line-height:1.28;margin-bottom:6px;letter-spacing:-.012em}
.themen span{font-size:15px;line-height:1.6;color:var(--grau)}

/* ---------- Chronologie ---------- */
.chrono{margin-top:24px;border-top:1px solid var(--linie-stark)}
.chrono > div{display:grid;grid-template-columns:70px 1fr;gap:18px;
  border-bottom:1px solid var(--linie);padding:14px 0;font-size:15.5px;line-height:1.5}
.chrono b{font-weight:600;color:var(--kupfer-tief);font-size:14px}

/* ---------- Beitragsliste ---------- */
.liste{margin-top:26px;border-top:1px solid var(--linie-stark)}
.eintrag{display:block;text-decoration:none;color:inherit;
  border-bottom:1px solid var(--linie);padding:20px 0;transition:padding-left .25s ease,background .25s}
.eintrag:hover{padding-left:12px;background:var(--karte)}
.eintrag .zeile{font-size:10.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  color:var(--grau);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:7px}
.eintrag .quelle{color:var(--kupfer-tief)}
.eintrag .titel{font-size:19px;font-weight:600;line-height:1.28;color:var(--navy);letter-spacing:-.012em}
.eintrag .these{font-size:15px;line-height:1.58;color:var(--grau);margin-top:6px;max-width:70ch}

/* ---------- Hervorgehobener Beitrag ---------- */
.stueck{display:block;text-decoration:none;color:inherit;background:var(--karte);
  border:1px solid var(--linie-stark);border-left:3px solid var(--kupfer);
  padding:30px 26px;margin-top:26px}
.stueck:hover{border-left-color:var(--navy)}
.stueck .titel{font-size:clamp(22px,3.4vw,30px);font-weight:600;line-height:1.14;
  color:var(--navy);margin:12px 0 12px;letter-spacing:-.018em;max-width:22ch}
.stueck .these{font-size:16px;line-height:1.62;color:var(--grau);max-width:62ch}

/* ---------- Zitat ---------- */
blockquote{margin:30px 0;padding:0 0 0 20px;border-left:2px solid var(--kupfer);
  font-size:22px;font-weight:300;line-height:1.4;color:var(--navy);max-width:38ch}
blockquote small{display:block;font-size:10.5px;font-weight:600;letter-spacing:.13em;
  text-transform:uppercase;color:var(--grau);margin-top:14px}

/* ---------- Tabelle ---------- */
table{width:100%;border-collapse:collapse;margin-top:20px;font-size:15.5px}
th{font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  color:var(--grau);text-align:left;padding:8px 12px 8px 0;border-bottom:2px solid var(--navy)}
td{padding:13px 12px 13px 0;border-bottom:1px solid var(--linie);vertical-align:top;line-height:1.55}
td:first-child{font-weight:600;color:var(--navy)}

/* ---------- Fragen ---------- */
.faq{margin-top:24px;border-top:1px solid var(--linie-stark)}
.faq details{border-bottom:1px solid var(--linie);padding:18px 0}
.faq summary{font-size:19px;font-weight:600;color:var(--navy);cursor:pointer;list-style:none;
  display:flex;justify-content:space-between;gap:16px;align-items:baseline;letter-spacing:-.012em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--kupfer);font-weight:400;font-size:20px}
.faq details[open] summary::after{content:"–"}
.faq p{font-size:16px;line-height:1.66;color:var(--grau);margin:14px 0 2px}

/* ---------- Redaktionsnotiz (vor Livegang entfernen) ---------- */
.notiz{background:var(--kupfer-blass);border-left:3px solid var(--kupfer);
  padding:13px 16px;margin:16px 0;font-size:14px;line-height:1.55;color:var(--kupfer-tief)}

/* ---------- Abschluss ---------- */
.abschluss{border-top:2px solid var(--navy);padding:64px 0}

/* ---------- Fußzeile ---------- */
.fuss{border-top:1px solid var(--linie);background:var(--karte);padding:52px 0 36px;font-size:15px}
.fuss-raster{display:grid;grid-template-columns:1fr;gap:30px}
.fuss h5{font-size:10.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  color:var(--kupfer-tief);margin:0 0 12px}
.fuss ul{list-style:none;margin:0;padding:0;line-height:2}
.fuss a{color:var(--grau);text-decoration:none}
.fuss a:hover{color:var(--navy)}
.fuss .satz{font-size:21px;font-weight:300;line-height:1.35;color:var(--navy);
  max-width:26ch;margin:0;letter-spacing:-.015em}
.fuss .klein{border-top:1px solid var(--linie);margin-top:34px;padding-top:18px;font-size:13px}

/* ---------- Einblenden ---------- */
.rein{opacity:0;transform:translateY(14px);
  transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.3,1)}
.rein.on{opacity:1;transform:none}

/* ---------- Breite Bildschirme ---------- */
@media(min-width:820px){
  .karten{grid-template-columns:repeat(3,1fr)}
  .duo{grid-template-columns:1fr 1fr}
  .fuss-raster{grid-template-columns:2fr 1fr 1fr}
  .hero-raster{display:grid;grid-template-columns:1.08fr .92fr;gap:5vw;align-items:center}
}
@media(max-width:560px){
  body{font-size:17px}
  .kz{grid-template-columns:1fr;border-bottom:0}
  .kz div{border-right:0;border-bottom:1px solid var(--linie)}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .rein{opacity:1;transform:none}
  .bild img{transform:none}
}


/* ---------- Ergänzungen Härtungsrunde ---------- */
.skip{position:absolute;left:-9999px;top:0;background:var(--navy);color:#fff;
  padding:12px 18px;z-index:100;font-size:14px;font-weight:600;text-decoration:none}
.skip:focus{left:0}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.hero-sektion{padding-top:56px;border-top:0}
.hero-bild{margin-top:36px}
figure{margin:26px 0 0}
figure:first-child{margin-top:0}

/* Karten- und Blocküberschriften */
.kh{font-family:var(--schrift);font-weight:600;font-size:19px;line-height:1.25;
  letter-spacing:-.012em;color:var(--navy);text-transform:none;margin:10px 0 8px}
.kh.gross{font-size:22px;margin:12px 0 10px}
.karte p{font-size:14.5px;line-height:1.58;color:var(--grau);margin:0;max-width:none}
.karte .jahr{font-size:10.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  color:var(--kupfer-tief);margin:0}
.duo .jahr{font-size:10.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  color:var(--kupfer-tief);margin:0}
.duo p{font-size:15.5px;line-height:1.62;color:var(--grau);max-width:none}

/* Marker als Absatz statt div */
p.marker{margin:0 0 16px}

/* Listeneinträge ohne Link */
.eintrag p{margin:0;max-width:none}
.eintrag .titel{font-size:19px;font-weight:600;line-height:1.28;color:var(--navy);letter-spacing:-.012em}
.eintrag .these{margin-top:6px}
.eintrag.verlinkt{display:block;text-decoration:none;color:inherit}
.eintrag.verlinkt .zeile,.eintrag.verlinkt .titel,.eintrag.verlinkt .these{display:block}
.eintrag:not(.verlinkt):hover{padding-left:0;background:transparent}

/* Stück als Block-Link */
.stueck .zeile{display:flex;gap:12px;flex-wrap:wrap;font-size:10.5px;font-weight:600;
  letter-spacing:.13em;text-transform:uppercase;color:var(--grau)}
.stueck .quelle{color:var(--kupfer-tief)}
.stueck .titel,.stueck .these{display:block}

/* Zitierbare Bio-Blöcke */
.zitierbar{background:var(--karte);border:1px solid var(--linie);
  border-left:2px solid var(--kupfer);padding:20px 22px;margin-bottom:8px}
.zitierbar p{margin:0 0 14px}
.zitierbar p:last-child{margin-bottom:0}

/* Textprobe Roman */
.probe{border-left:2px solid var(--kupfer);padding-left:18px;color:var(--grau);font-size:16px}

/* Abschluss als section */
section.abschluss{border-top:2px solid var(--navy);padding:64px 0}

table caption{text-align:left}
th[scope="row"]{font-weight:600;color:var(--navy);text-align:left;
  padding:13px 12px 13px 0;border-bottom:1px solid var(--linie);vertical-align:top}

blockquote cite{display:block;font-size:10.5px;font-weight:600;letter-spacing:.13em;
  text-transform:uppercase;color:var(--grau);margin-top:14px;font-style:normal}

/* =========================================================
   Essay-Seite
   ========================================================= */
.fortschritt{position:fixed;top:0;left:0;height:3px;background:var(--kupfer);
  width:0;z-index:60;transition:width .1s linear}

.essay-kopf{padding:56px 0 40px;border-top:0}
.essay-meta{display:flex;flex-wrap:wrap;gap:18px;font-size:13px;color:var(--grau);
  border-top:1px solid var(--linie);border-bottom:1px solid var(--linie);
  padding:14px 0;margin:26px 0 0}
.essay-meta b{font-weight:600;color:var(--navy)}

.inhalt{background:var(--karte);border:1px solid var(--linie-stark);padding:26px 24px;margin-top:30px}
.inhalt h2{font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:var(--kupfer-tief);
  margin:0 0 14px;max-width:none}
.inhalt ol{list-style:none;margin:0;padding:0;counter-reset:k;
  display:grid;grid-template-columns:1fr;gap:2px}
.inhalt li{counter-increment:k;border-bottom:1px solid var(--linie)}
.inhalt li:last-child{border-bottom:0}
.inhalt a{display:block;text-decoration:none;color:var(--navy);font-size:15.5px;
  padding:9px 0 9px 40px;position:relative;line-height:1.4}
.inhalt a::before{content:counter(k,upper-roman);position:absolute;left:0;top:11px;
  font-size:11px;font-weight:600;color:var(--kupfer);letter-spacing:.06em}
.inhalt a:hover{color:var(--kupfer-tief)}

.essay{max-width:var(--text-spalte)}
.essay h2{font-size:clamp(24px,3.6vw,32px);margin:0 0 20px;max-width:20ch}
.essay h3{font-family:var(--schrift);font-size:19px;font-weight:600;letter-spacing:-.012em;
  text-transform:none;color:var(--navy);margin:34px 0 10px}
.essay p{font-size:18.5px;line-height:1.72;margin:0 0 20px;max-width:none}
.essay ul{font-size:17.5px;line-height:1.68;color:var(--tinte);padding-left:20px;margin:0 0 22px}
.essay li{margin-bottom:9px}
.essay strong{color:var(--navy);font-weight:600}

.kapitel{padding:52px 0;border-top:1px solid var(--linie)}
.kapitel-nr{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--kupfer-tief);margin:0 0 10px}

.these{background:var(--karte);border-left:3px solid var(--kupfer);
  padding:22px 24px;margin:26px 0;font-size:20px;line-height:1.5;color:var(--navy);
  font-weight:400;max-width:none}

.tabelle-weit{overflow-x:auto;margin:26px 0}
.tabelle-weit table{min-width:640px;font-size:14.5px}
.tabelle-weit td{padding:12px 14px 12px 0}

.quellen details{border-bottom:1px solid var(--linie);padding:14px 0}
.quellen summary{font-size:16px;font-weight:600;color:var(--navy);cursor:pointer;list-style:none;
  display:flex;justify-content:space-between;gap:14px;align-items:baseline}
.quellen summary::-webkit-details-marker{display:none}
.quellen summary::after{content:"+";color:var(--kupfer);font-weight:400;font-size:18px}
.quellen details[open] summary::after{content:"–"}
.quellen h4{font-size:11px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;
  color:var(--kupfer-tief);margin:16px 0 6px}
.quellen p{font-size:14.5px;line-height:1.6;color:var(--grau);margin:0 0 7px;max-width:none}

@media(min-width:820px){ .inhalt ol{grid-template-columns:1fr 1fr;gap:0 34px} }

/* ---------- Korrekturen und neue Bausteine ---------- */
.eintrag.verlinkt .zeile{display:flex;flex-wrap:wrap;gap:14px;align-items:baseline}
.eintrag .zeile{gap:14px}
.stueck .zeile{gap:14px}

/* Markenwand als Schriftzüge */
.marken{margin-top:22px}
.marken h3{margin-top:26px}
.marken-reihe{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 6px}
.marken-reihe span{border:1px solid var(--linie-stark);background:var(--karte);
  padding:9px 15px;font-size:14px;font-weight:500;color:var(--navy);letter-spacing:.01em}

/* Thesen auf der Startseite */
.thesen-raster{display:grid;grid-template-columns:1fr;gap:1px;background:var(--linie-stark);
  border:1px solid var(--linie-stark);margin-top:26px}
.thesen-raster a{background:var(--karte);padding:28px 24px;text-decoration:none;color:inherit;
  display:block;transition:background .2s ease}
.thesen-raster a:hover{background:var(--kupfer-blass)}
.thesen-raster .nr{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--kupfer-tief);margin:0 0 12px}
.thesen-raster .satz{font-size:21px;line-height:1.32;color:var(--navy);font-weight:400;
  letter-spacing:-.014em;margin:0 0 12px}
.thesen-raster .wohin{font-size:13.5px;color:var(--grau);margin:0}

/* Track Record */
.track{margin-top:26px;border-top:1px solid var(--linie-stark)}
.track > div{display:grid;grid-template-columns:70px 1fr;gap:20px;align-items:baseline;
  border-bottom:1px solid var(--linie);padding:15px 0}
.track b{font-size:15px;font-weight:600;color:var(--kupfer-tief);letter-spacing:.02em}
.track span{font-size:16px;line-height:1.5;color:var(--tinte)}

/* Stimmen */
.stimmen{display:grid;grid-template-columns:1fr;gap:1px;background:var(--linie-stark);
  border:1px solid var(--linie-stark);margin-top:24px}
.stimme{background:var(--karte);padding:26px 24px}
.stimme p{font-size:18px;line-height:1.5;color:var(--navy);margin:0 0 14px;max-width:none}
.stimme cite{font-style:normal;font-size:12.5px;font-weight:600;letter-spacing:.06em;
  color:var(--grau);display:block;line-height:1.5}

/* Archiv-Tabelle */
.archiv{margin-top:24px;border-top:1px solid var(--linie-stark)}
.archiv-jahr{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--kupfer-tief);margin:30px 0 0;padding-bottom:8px;border-bottom:1px solid var(--linie-stark)}
.archiv a, .archiv .kein-link{display:grid;grid-template-columns:1fr;gap:3px;
  border-bottom:1px solid var(--linie);padding:14px 0;text-decoration:none;color:inherit;
  transition:padding-left .22s ease,background .22s ease}
.archiv a:hover{padding-left:12px;background:var(--karte)}
.archiv .kopf{display:flex;flex-wrap:wrap;gap:12px;font-size:10.5px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:var(--grau)}
.archiv .medium{color:var(--kupfer-tief)}
.archiv .art{border:1px solid var(--linie-stark);padding:1px 7px;color:var(--grau)}
.archiv .titel{font-size:17px;font-weight:600;line-height:1.32;color:var(--navy);letter-spacing:-.01em}
.archiv .themen{font-size:13px;color:var(--grau)}

/* Downloads */
.download{display:grid;grid-template-columns:1fr;gap:1px;background:var(--linie-stark);
  border:1px solid var(--linie-stark);margin-top:22px}
.download > div{background:var(--karte);padding:20px 22px}
.download h4{font-size:16px;font-weight:600;color:var(--navy);margin:0 0 6px}
.download p{font-size:13.5px;color:var(--grau);line-height:1.5;margin:0 0 10px;max-width:none}
.download a{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--kupfer-tief);text-decoration:none;border-bottom:1px solid var(--kupfer)}

/* Bildergalerie Presse */
.galerie{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}
.galerie figure{margin:0}
.galerie figcaption{font-size:11px;color:var(--grau);padding-top:7px;line-height:1.45}
.galerie figcaption b{display:block;color:var(--navy);font-weight:600;font-size:12.5px;margin-bottom:2px}

@media(min-width:820px){
  .thesen-raster{grid-template-columns:repeat(3,1fr)}
  .stimmen{grid-template-columns:repeat(2,1fr)}
  .download{grid-template-columns:repeat(3,1fr)}
  .galerie{grid-template-columns:repeat(3,1fr);gap:18px}
  .archiv a,.archiv .kein-link{grid-template-columns:1fr}
}