/* =========================================================================
   MALINOIS JOURNAL — Gestaltungssystem « Platz und Spur », Praefix spr-
   Vokabular des Trainingsplatzes und der Faehrte: bahn (Lesekorridor), tor
   (Kopfleiste), marke (Wortmarke), pfad (Hauptnavigation), anschlag
   (typografischer Aushang am Eingang), abteilung (Rubrikblock), raster
   (Kachelgitter), kachel (Karte), rahmen (Bildrahmen), schild (Kartell),
   protokoll (datiertes Register), datum (Datumszeile), atlas (Varietaeten-
   streifen), platz (Seitenkoerper), kopf (Beitragskopf), aufnahme
   (Bildtafel), werk (Satzspiegel aus Leiste und Spalte), leiste (klebende
   Inhaltsuebersicht), spalte (Lesespalte), tabelle (rollende Tabelle),
   merksatz (dunkler Merkkasten), trenner (Abschnittsfilet), weiter
   (Weiterlesen), sockel (Fussleiste), spur (Brotkrumenpfad), sprung
   (Sprunglink), hinweis (Redaktionshinweis).
   Farbe: kalter Morgendunst, Tann am Platzrand, Weinrot und Kupfer der
   alten Vereinsabzeichen. Titel in humanistischer Grotesk, Lesetext in
   Renaissance-Antiqua. Keine entfernte Schrift, kein CDN, kein Skript,
   keine Zierform: das Ornament dieses Blattes ist das Filet.
   Rechte Winkel ueberall, Rahmen 2 px, dunkler Modus automatisch,
   Druckbogen ohne Chrom.
   ========================================================================= */

:root {
  color-scheme: light dark;

  /* ---- 1. FARBE · Dunst, Tann, Weinrot, Kupfer ------------------------- */
  --dunst:       #e2e6e6;  /* kalter Morgendunst: Seitengrund             */
  --dunst-tief:  #d2d9d8;  /* Reserven, jede dritte Sektion               */
  --dunst-hell:  #f0f3f2;  /* Tabellenkopf, gerade Zeilen des Registers   */
  --russ:        #171d1e;  /* Russ: Lesetext, 13,56:1 auf dem Grund       */
  --russ-mild:   #55605f;  /* Vorlauf, Bildunterschrift, Angaben, 5,18:1  */
  --tann:        #233b33;  /* Tann: Kopfleiste, Sockel, Rubrikbaender     */
  --tann-nacht:  #14241f;  /* Tann bei Nacht: Aushang und Merkkasten      */
  --weinrot:     #8e3b4e;  /* Weinrot: Verweise, Nummern, Fokusring       */
  --weinrot-hell:#d9a2ae;  /* Weinrot auf Tanngrund, 5,58:1               */
  --kupfer:      #b5a06a;  /* Kupfer: Filete und Ziffern auf Tanngrund    */
  --strich:      #c3ccca;  /* Filet auf hellem Grund                      */
  --strich-tann: #3a5a4e;  /* Filet auf Tanngrund                         */

  /* ---- 2. SCHRIFT · nur Systemschnitte, nichts wird geladen ------------ */
  --schrift-titel: Optima, Candara, "Gill Sans MT", "Trebuchet MS", "DejaVu Sans", sans-serif;
  --schrift-text:  Cambria, Constantia, "Liberation Serif", "Nimbus Roman", "Times New Roman", serif;

  --titel-fett: 600;
  --versal-sperrung: 0.18em;

  --lauf-grad:        clamp(1.04rem, 0.99rem + 0.2vw, 1.15rem);
  --lauf-durchschuss: 1.68;
  --stufe-h1:          clamp(2.05rem, 1.15rem + 3.1vw, 3.55rem);
  --stufe-h1-anschlag: clamp(2.15rem, 1.15rem + 2.9vw, 3.35rem);
  --stufe-h2:          clamp(1.42rem, 1.12rem + 1.15vw, 2.05rem);
  --stufe-h3:          clamp(1.1rem, 1.02rem + 0.38vw, 1.32rem);

  /* ---- 3. MASS UND RHYTHMUS ------------------------------------------- */
  --satzbreite:      68ch;
  --satzbreite-weit: 1240px;
  --rand-seite:      clamp(1.05rem, 3.4vw, 3.2rem);
  --spalt:           clamp(0.9rem, 2vw, 1.8rem);
  --luft:            clamp(2.2rem, 4.5vw, 4.2rem);
  --absatz:          clamp(1.1rem, 2.6vw, 2.4rem);
  --leiste-breite:   15.5rem;

  /* ---- 4. DETAIL ------------------------------------------------------- */
  --ecke:        0;                          /* scharfe Winkel, ueberall   */
  --strich-duenn: 1px solid var(--strich);
  --strich-stark: 2px solid var(--strich);
  --tempo:       140ms ease;
}

@media (prefers-color-scheme: dark) {
  :root {
    --dunst:       #12181a;
    --dunst-tief:  #182022;
    --dunst-hell:  #1e2729;
    --russ:        #e4e8e6;
    --russ-mild:   #a9b3b1;
    --tann:        #16261f;
    --tann-nacht:  #0d1a16;
    --weinrot:     #d9a2ae;
    --weinrot-hell:#e6bfc8;
    --kupfer:      #c6b17a;
    --strich:      #2b3735;
    --strich-tann: #24463a;
  }
}

/* =========================================================================
   GRUNDLAGE
   ========================================================================= */

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--dunst);
  color: var(--russ);
  font-family: var(--schrift-text);
  font-size: var(--lauf-grad);
  line-height: var(--lauf-durchschuss);
  overflow-wrap: break-word;
}
img { max-width: 100%; height: auto; display: block; }

h1, h2, h3, h4 {
  font-family: var(--schrift-titel);
  font-weight: var(--titel-fett);
  letter-spacing: 0.004em;
  line-height: 1.16;
  margin: 0;
  text-wrap: balance;
}
h1 { font-size: var(--stufe-h1); }
h2 { font-size: var(--stufe-h2); }
h3 { font-size: var(--stufe-h3); }

p, ul, ol { margin: 0 0 1.1em; }
a {
  color: var(--weinrot);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
  transition: color var(--tempo);
}
a:hover { color: var(--russ); }
:focus-visible {
  outline: 2px solid var(--weinrot);
  outline-offset: 3px;
  border-radius: var(--ecke);
}
hr { border: 0; border-top: var(--strich-duenn); margin: 0; }
::selection { background: var(--tann); color: #f0f3f2; }

/* Daten, Tabellen und das Register laufen in Tabellenziffern. */
.spr-tabelle, .spr-datum, .spr-kopf__angaben, .spr-abteilung__nr,
.spr-anschlag__zeile, .spr-kachel__nummer, .spr-merksatz, .spr-leiste {
  font-variant-numeric: tabular-nums;
}

/* =========================================================================
   GERUEST
   ========================================================================= */

.spr-sprung {
  position: absolute; left: -9999px; top: 0;
  background: var(--tann-nacht); color: #f0f3f2;
  padding: 0.7rem 1.15rem; z-index: 60;
}
.spr-sprung:focus { left: 0.6rem; top: 0.6rem; }

/* Die Bahn: nutzbare Breite des ganzen Blattes. */
.spr-bahn {
  max-width: var(--satzbreite-weit);
  margin: 0 auto;
  padding-left: var(--rand-seite);
  padding-right: var(--rand-seite);
}

/* =========================================================================
   TOR · Kopfleiste, Wortmarke, Pfad
   ========================================================================= */

.spr-tor {
  background: var(--tann);
  color: #eef2f0;
  border-bottom: 2px solid var(--strich-tann);
}
.spr-tor__reihe {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.7rem 2rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
a.spr-marke {
  font-family: var(--schrift-titel);
  font-size: 1.18rem;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: var(--versal-sperrung);
  text-transform: uppercase;
  color: #f0f3f2;
  text-decoration: none;
}
a.spr-marke:hover { color: var(--kupfer); }
.spr-marke span {
  display: block;
  font-size: 1.02rem;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: none;
  color: var(--kupfer);
  margin-top: 0.16rem;
}
.spr-tor__pfade { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.3rem 1.6rem; }
.spr-pfad ul, .spr-nebenpfad ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 1.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.spr-pfad a {
  font-family: var(--schrift-titel);
  font-size: 0.79rem;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  text-decoration: none;
  color: #dce6e1;
}
.spr-pfad a:hover { color: var(--kupfer); }
.spr-nebenpfad a {
  font-family: var(--schrift-titel);
  font-size: 0.79rem;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--kupfer);
  border-bottom: 1px solid var(--strich-tann);
  padding-bottom: 0.14rem;
}
.spr-nebenpfad a:hover { color: #f0f3f2; border-bottom-color: var(--kupfer); }

/* Auf dem Telefon frisst die vollstaendige Rubrikleiste sonst den halben
   Bildschirm: enger gesetzt, kleiner, aber vollstaendig sichtbar. */
@media (max-width: 620px) {
  .spr-tor__reihe { padding-top: 0.6rem; padding-bottom: 0.6rem; gap: 0.5rem 1rem; }
  a.spr-marke { font-size: 1.02rem; }
  .spr-marke span { font-size: 0.9rem; }
  .spr-pfad ul, .spr-nebenpfad ul { gap: 0.1rem 0.85rem; }
  .spr-pfad a, .spr-nebenpfad a { font-size: 0.7rem; letter-spacing: 0.08em; }
  .spr-tor__pfade { gap: 0.25rem 1rem; }
}

/* =========================================================================
   ANSCHLAG · typografischer Aushang, kein Bild, kein Schleier
   ========================================================================= */

.spr-anschlag { background: var(--tann-nacht); color: #eef2f0; }
.spr-anschlag__innen {
  padding-top: clamp(1.7rem, 2.8vw, 2.5rem);
  padding-bottom: clamp(1.5rem, 2.4vw, 2.1rem);
  max-width: 72rem;
}
.spr-anschlag__oberzeile {
  margin: 0 0 0.7rem;
  font-family: var(--schrift-titel);
  font-size: 0.8rem;
  letter-spacing: var(--versal-sperrung);
  text-transform: uppercase;
  color: var(--kupfer);
  border-top: 2px solid var(--kupfer);
  padding-top: 0.55rem;
  display: inline-block;
}
.spr-anschlag h1 {
  color: #f4f7f5;
  font-size: var(--stufe-h1-anschlag);
  margin: 0 0 0.7rem;
  max-width: 30ch;
}
.spr-anschlag__vorspann {
  max-width: 64ch;
  margin: 0 0 0.95rem;
  color: #cfd9d4;
  font-size: clamp(1.04rem, 1rem + 0.3vw, 1.16rem);
  line-height: 1.5;
}
.spr-anschlag__zeile {
  margin: 0;
  font-family: var(--schrift-titel);
  font-size: 0.82rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--kupfer);
  border-top: 1px solid var(--strich-tann);
  padding-top: 0.65rem;
}

/* =========================================================================
   AUFNAHME · breite Bildtafel mit Filet und Unterschrift
   ========================================================================= */

.spr-aufnahme { margin: var(--absatz) auto; }
.spr-aufnahme img {
  width: 100%;
  height: auto;
  border: var(--strich-stark);
  background: var(--dunst-tief);
}
.spr-aufnahme--band img {
  aspect-ratio: 21 / 9;
  object-fit: cover;
}
.spr-aufnahme figcaption {
  margin-top: 0.6rem;
  font-size: 0.9rem;
  line-height: 1.5;
  color: var(--russ-mild);
  max-width: 76ch;
}

/* =========================================================================
   ABTEILUNG · Rubrikblock mit Kopfzeile und Nummer
   ========================================================================= */

.spr-abteilung { padding-top: var(--luft); padding-bottom: var(--absatz); }
/* Die erste Abteilung folgt direkt auf den Aushang: die Kacheln der Rubriken
   müssen ohne Rollen sichtbar sein, das ist die Regel, die über dem Aushang
   steht. Gemessen bei 1456x800. */
.spr-abteilung--erste { padding-top: clamp(1rem, 2vw, 1.7rem); }
.spr-abteilung--gedeckt { background: var(--dunst-tief); }
.spr-abteilung__kopfzeile {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.35rem 2rem;
  border-top: 2px solid var(--russ);
  padding-top: 0.8rem;
  margin-bottom: 1.15rem;
}
.spr-abteilung__titel {
  font-size: clamp(1.32rem, 1.1rem + 1vw, 1.9rem);
  display: flex;
  align-items: baseline;
  gap: 0.85rem;
}
.spr-abteilung__nr {
  font-family: var(--schrift-titel);
  font-size: 0.86rem;
  letter-spacing: 0.16em;
  color: var(--weinrot);
}
.spr-abteilung__notiz { margin: 0; color: var(--russ-mild); font-size: 0.94rem; max-width: 48ch; }

/* =========================================================================
   RASTER · regelmaessiges Dreispaltengitter, keine Versaetze
   ========================================================================= */

.spr-raster {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spalt) var(--spalt);
  list-style: none;
  margin: 0 0 1.2em;
  padding: 0;
}
.spr-raster--breit { grid-template-columns: 1fr; }
@media (max-width: 900px) { .spr-raster { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px) { .spr-raster { grid-template-columns: 1fr; } }

.spr-kachel { display: flex; flex-direction: column; }
.spr-kachel__rahmen {
  overflow: hidden;
  border: var(--strich-stark);
  background: var(--dunst-tief);
}
.spr-kachel__rahmen--quer   { aspect-ratio: 4 / 3; }
.spr-kachel__rahmen--viereck{ aspect-ratio: 1 / 1; }
.spr-kachel__rahmen--hoch   { aspect-ratio: 3 / 4; }
.spr-kachel__rahmen--weit   { aspect-ratio: 21 / 9; }
.spr-kachel__rahmen img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity var(--tempo);
}
.spr-kachel:hover .spr-kachel__rahmen img { opacity: 0.9; }

.spr-kachel__schild { padding: 0.7rem 0 0; }
.spr-kachel__nummer {
  margin: 0 0 0.3rem;
  font-family: var(--schrift-titel);
  font-size: 0.73rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--weinrot);
}
.spr-kachel__titel { font-size: 1.14rem; margin: 0 0 0.32rem; }
a.spr-kachel__verweis { color: var(--russ); text-decoration: none; }
a.spr-kachel__verweis:hover { color: var(--weinrot); text-decoration: underline; text-decoration-thickness: 1px; }
.spr-kachel__zeile { margin: 0; color: var(--russ-mild); font-size: 0.92rem; line-height: 1.5; }

/* =========================================================================
   ATLAS · Streifen der vier Varietaeten, quadratische Rahmen
   ========================================================================= */

.spr-atlas {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--spalt);
  list-style: none;
  margin: 0 0 1.2em;
  padding: 0;
}
@media (max-width: 760px) { .spr-atlas { grid-template-columns: repeat(2, 1fr); } }
.spr-atlas__feld img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border: var(--strich-stark);
  background: var(--dunst-tief);
}
.spr-atlas__feld p {
  margin: 0.5rem 0 0;
  font-family: var(--schrift-titel);
  font-size: 0.78rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--russ-mild);
}
.spr-atlas__feld strong {
  display: block;
  font-family: var(--schrift-text);
  font-size: 0.94rem;
  letter-spacing: 0;
  text-transform: none;
  font-weight: 600;
  color: var(--russ);
}

/* =========================================================================
   PROTOKOLL · datiertes Register, dichte Filetliste, keine Vignette
   ========================================================================= */

.spr-protokoll { list-style: none; margin: 0 0 1.2em; padding: 0; }
.spr-protokoll__eintrag {
  display: grid;
  grid-template-columns: 8.5rem 11rem 1fr;
  gap: 0 1.6rem;
  align-items: baseline;
  padding: 0.85rem 0;
  border-top: var(--strich-duenn);
}
.spr-protokoll__eintrag:nth-child(even) { background: var(--dunst-hell); }
.spr-protokoll__eintrag:last-child { border-bottom: var(--strich-duenn); }
.spr-datum {
  margin: 0;
  font-family: var(--schrift-titel);
  font-size: 0.86rem;
  letter-spacing: 0.06em;
  color: var(--russ);
}
.spr-rubrikmarke {
  margin: 0;
  font-family: var(--schrift-titel);
  font-size: 0.74rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--weinrot);
}
.spr-protokoll h3 { font-size: 1.1rem; margin: 0 0 0.2rem; }
.spr-protokoll h3 a { color: var(--russ); text-decoration: none; }
.spr-protokoll h3 a:hover { color: var(--weinrot); text-decoration: underline; }
.spr-protokoll__zeile { margin: 0; color: var(--russ-mild); font-size: 0.93rem; line-height: 1.5; }
@media (max-width: 820px) {
  .spr-protokoll__eintrag { grid-template-columns: 1fr; gap: 0.2rem; padding: 0.9rem 0.6rem; }
  .spr-datum { letter-spacing: 0.1em; }
}

/* =========================================================================
   TRENNER · einfaches Filet ueber die volle Breite
   ========================================================================= */

.spr-trenner { border-top: 1px solid var(--strich); margin: 0; }

/* =========================================================================
   PLATZ · Seitenkoerper, Spur, Kopf, Werk
   ========================================================================= */

.spr-platz { padding-top: var(--absatz); padding-bottom: var(--luft); }

.spr-spur { margin: 0 0 var(--absatz); }
.spr-spur ol {
  display: flex; flex-wrap: wrap; gap: 0.3rem;
  list-style: none; margin: 0; padding: 0;
  font-family: var(--schrift-titel);
  font-size: 0.78rem; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--russ-mild);
}
.spr-spur li + li::before { content: "\203A"; margin-right: 0.3rem; color: var(--weinrot); }
.spr-spur a { color: var(--russ-mild); text-decoration: none; }
.spr-spur a:hover { color: var(--weinrot); }
.spr-spur [aria-current="page"] { color: var(--russ); }

.spr-kopf { max-width: 54rem; }
.spr-kopf__oberzeile {
  display: inline-block;
  margin: 0 0 0.9rem;
  font-family: var(--schrift-titel);
  font-size: 0.78rem;
  letter-spacing: var(--versal-sperrung);
  text-transform: uppercase;
  color: var(--weinrot);
  border-top: 2px solid var(--weinrot);
  padding-top: 0.6rem;
}
.spr-kopf h1 { margin: 0 0 0.9rem; }
.spr-kopf__vorlauf {
  font-size: clamp(1.1rem, 1rem + 0.55vw, 1.3rem);
  line-height: 1.52;
  color: var(--russ-mild);
  max-width: 60ch;
  margin: 0 0 1.2rem;
}
.spr-kopf__angaben {
  display: flex; flex-wrap: wrap; gap: 0.3rem 1.6rem;
  list-style: none; margin: 0; padding: 0.75rem 0 0;
  border-top: var(--strich-duenn);
  font-family: var(--schrift-titel);
  font-size: 0.8rem; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--russ-mild);
}
.spr-kopf__angaben a { color: var(--russ-mild); text-decoration: none; }
.spr-kopf__angaben a:hover { color: var(--weinrot); }

/* Das Werk: klebende Leiste links, Lesespalte rechts versetzt. */
.spr-werk { margin-top: var(--absatz); }
@media (min-width: 1100px) {
  .spr-werk {
    display: grid;
    grid-template-columns: var(--leiste-breite) minmax(0, 1fr);
    gap: 0 clamp(2rem, 4vw, 4rem);
    align-items: start;
  }
}
.spr-leiste {
  border-top: 2px solid var(--russ);
  padding-top: 0.8rem;
  margin-bottom: var(--absatz);
  font-size: 0.9rem;
}
@media (min-width: 1100px) {
  .spr-leiste { position: sticky; top: 1.4rem; margin-bottom: 0; }
  .spr-leiste > summary { display: none; }
}
.spr-leiste > summary {
  font-family: var(--schrift-titel);
  font-size: 0.78rem;
  letter-spacing: var(--versal-sperrung);
  text-transform: uppercase;
  color: var(--weinrot);
  cursor: pointer;
  padding-bottom: 0.5rem;
}
.spr-leiste__titel {
  font-family: var(--schrift-titel);
  font-size: 0.78rem;
  letter-spacing: var(--versal-sperrung);
  text-transform: uppercase;
  color: var(--weinrot);
  margin: 0 0 0.6rem;
}
.spr-leiste ol { list-style: none; margin: 0; padding: 0; counter-reset: leiste; }
.spr-leiste li { margin: 0 0 0.5rem; padding-left: 2.1rem; position: relative; line-height: 1.4; }
.spr-leiste li::before {
  counter-increment: leiste;
  content: counter(leiste, decimal-leading-zero);
  position: absolute; left: 0; top: 0.06rem;
  font-family: var(--schrift-titel);
  font-size: 0.74rem; letter-spacing: 0.1em;
  color: var(--russ-mild);
}
.spr-leiste a { color: var(--russ); text-decoration: none; }
.spr-leiste a:hover { color: var(--weinrot); text-decoration: underline; }

.spr-spalte { max-width: var(--satzbreite); }
.spr-spalte > p:first-of-type { font-size: 1.16rem; line-height: 1.6; }
.spr-spalte h2 {
  margin: 2em 0 0.55em;
  padding-top: 0.55em;
  border-top: var(--strich-duenn);
  scroll-margin-top: 1.5rem;
}
.spr-spalte h3 { margin: 1.6em 0 0.4em; }
.spr-spalte ul, .spr-spalte ol { padding-left: 1.3rem; }
.spr-spalte li { margin-bottom: 0.4em; }

/* =========================================================================
   TABELLE · rollende Tabelle, immer mit Beschriftung
   ========================================================================= */

.spr-tabelle {
  overflow-x: auto;
  margin: 1.3em 0 1.6em;
  border: var(--strich-stark);
}
.spr-tabelle table { border-collapse: collapse; width: 100%; min-width: 32rem; font-size: 0.93rem; }
.spr-tabelle caption {
  caption-side: top;
  text-align: left;
  font-family: var(--schrift-titel);
  font-size: 0.76rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--weinrot);
  padding: 0.65rem 0.85rem;
  border-bottom: 1px solid var(--strich);
  background: var(--dunst-hell);
}
.spr-tabelle th, .spr-tabelle td {
  text-align: left; padding: 0.55rem 0.85rem;
  border-bottom: 1px solid var(--strich); vertical-align: top;
}
.spr-tabelle tr:last-child td { border-bottom: 0; }
.spr-tabelle th { font-family: var(--schrift-titel); font-weight: 600; background: var(--dunst-hell); }

/* =========================================================================
   MERKSATZ · dunkler Merkkasten, eine Regel pro Beitrag
   ========================================================================= */

.spr-merksatz {
  margin: 1.5em 0;
  padding: 1rem 1.2rem;
  background: var(--tann-nacht);
  color: #dfe6e2;
  border-left: 4px solid var(--kupfer);
}
.spr-merksatz h4 {
  margin: 0 0 0.4rem;
  font-size: 0.8rem;
  letter-spacing: var(--versal-sperrung);
  text-transform: uppercase;
  color: var(--kupfer);
}
.spr-merksatz p { margin: 0; font-size: 0.97rem; line-height: 1.6; }

/* Redaktionshinweis auf noch nicht ausgeschriebenen Seiten. */
.spr-hinweis {
  margin: 0 0 1.4em;
  padding: 0.9rem 1.1rem;
  border: var(--strich-stark);
  background: var(--dunst-hell);
  color: var(--russ-mild);
  font-size: 0.95rem;
}
.spr-hinweis strong { color: var(--russ); }

/* =========================================================================
   WEITER · Weiterlesen, Verweise in Saetzen
   ========================================================================= */

.spr-weiter {
  margin-top: var(--luft);
  border-top: 2px solid var(--russ);
  padding-top: 1rem;
}
.spr-weiter h2 { font-size: 1.14rem; margin: 0 0 0.55em; border: 0; padding: 0; }
.spr-weiter ul { list-style: none; margin: 0; padding: 0; }
.spr-weiter li { padding: 0.42rem 0; border-bottom: var(--strich-duenn); margin: 0; }
.spr-weiter li:last-child { border-bottom: 0; }

/* =========================================================================
   SOCKEL · Fussleiste
   ========================================================================= */

.spr-sockel {
  background: var(--tann);
  color: #cfdcd6;
  border-top: 2px solid var(--strich-tann);
  margin-top: var(--luft);
}
.spr-sockel__reihe {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spalt);
  padding-top: 2.2rem;
  padding-bottom: 1.5rem;
}
@media (max-width: 760px) { .spr-sockel__reihe { grid-template-columns: 1fr; } }
.spr-sockel h2 {
  font-family: var(--schrift-titel);
  font-size: 0.77rem;
  font-weight: 600;
  letter-spacing: var(--versal-sperrung);
  text-transform: uppercase;
  color: var(--kupfer);
  margin: 0 0 0.65em;
}
.spr-sockel ul { list-style: none; margin: 0; padding: 0; font-size: 0.93rem; }
.spr-sockel li { margin-bottom: 0.36em; }
.spr-sockel a { color: #dde7e2; text-decoration: none; }
.spr-sockel a:hover { color: var(--kupfer); }
.spr-sockel p { margin: 0 0 0.6em; font-size: 0.93rem; color: #b6c5be; }
.spr-sockel__fuss {
  border-top: 1px solid var(--strich-tann);
  padding-top: 0.9rem;
  padding-bottom: 1.3rem;
  font-family: var(--schrift-titel);
  font-size: 0.79rem;
  letter-spacing: 0.1em;
  color: #9db0a8;
}

/* =========================================================================
   DRUCK
   ========================================================================= */

@media print {
  :root { --dunst: #ffffff; --dunst-tief: #ffffff; --dunst-hell: #ffffff; --russ: #000000; --russ-mild: #333333; }
  .spr-tor, .spr-sockel, .spr-sprung, .spr-weiter, .spr-leiste { display: none !important; }
  .spr-anschlag { background: #fff; }
  .spr-anschlag h1, .spr-anschlag__vorspann, .spr-anschlag__oberzeile, .spr-anschlag__zeile { color: #000; }
  body { font-size: 11pt; }
  .spr-spalte, .spr-werk { max-width: none; display: block; }
  .spr-tabelle { overflow: visible; border-color: #000; }
  a { color: #000; }
}