/* tag-der-deutschen-einheit.info, Theme "Bundesblatt" (T2, 12.11.2026). Grundlage: design/a-bundesblatt/assets/bundesblatt.css
   (Papierweiß, Anthrazit, Rot und Gold nur als schmale Linien, Marker und Zeitleistenpunkte; Überschriften Source Serif 4,
   Fließtext DM Sans, beide lokal unter /assets/td/fonts/, SIL Open Font License). CMS-Ergänzungen am Ende.
   Keine schwebenden oder klebenden Kästen: nichts ist am Bildschirm fixiert oder klebt beim Scrollen. */

@font-face{font-family:"Source Serif 4";src:url(/assets/td/fonts/source-serif-4-var.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url(/assets/td/fonts/source-serif-4-italic-var.woff2) format("woff2");font-weight:400 700;font-style:italic;font-display:swap}
@font-face{font-family:"DM Sans";src:url(/assets/td/fonts/dm-sans-var.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"DM Sans";src:url(/assets/td/fonts/dm-sans-var-italic.woff2) format("woff2");font-weight:400 700;font-style:italic;font-display:swap}

:root{
  --papier:#fbfaf7;      /* Seitenhintergrund */
  --papier-2:#f2f0ea;    /* Inhaltsverzeichnis, Tabellenkopf, Filter */
  --kasten:#ffffff;      /* Steckbrief, Besuch, Glossar-Fenster */
  --text:#212529;        /* Anthrazit: Text, Linien, Knöpfe */
  --leise:#575d64;       /* Nebentext, Bildunterschriften */
  --linie:#d9d5cc;       /* feine Trennlinien */
  --linie-stark:#212529; /* kräftige Linien */
  --linie-mittel:#a39e95; /* Zeitleiste */
  --schwarz:#000000;     /* Flaggenfarbe */
  --rot:#dd0000;         /* Flaggenfarbe: Linien, Marker, Zeitleistenpunkte, Fokus */
  --gold:#ffce00;        /* Flaggenfarbe: Linien und Punkte, nie Text auf Hell */
  --marke:#c00000;       /* Quellenmarken [1] als Text */
  --fokus:#dd0000;
  --anzeige:#ece9e2;
  --schatten:0 12px 32px rgba(20,22,25,.16);
  --serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --sans:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --spalte:800px;
  --seite:300px;
  --breite:1220px;
  color-scheme:light dark;
}
@media (prefers-color-scheme:dark){
  :root{
    --papier:#15171a;
    --papier-2:#1e2125;
    --kasten:#1b1e22;
    --text:#e9e6e0;
    --leise:#aeb3b9;
    --linie:#383c42;
    --linie-stark:#e9e6e0;
    --linie-mittel:#5d636a;
    --marke:#ff8a80;
    --fokus:#ffce00;
    --anzeige:#202328;
    --schatten:0 12px 32px rgba(0,0,0,.55);
  }
}

/* Grundlagen */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--papier);color:var(--text);font:400 1.0625rem/1.65 var(--sans);overflow-wrap:break-word;hyphens:manual}
@media (min-width:700px){body{font-size:1.125rem}}
img{max-width:100%;height:auto;display:block}
svg{display:block}
a{color:var(--text);text-decoration:underline;text-decoration-color:var(--rot);text-decoration-thickness:1.5px;text-underline-offset:.22em}
a:hover{text-decoration-thickness:3px}
:focus-visible{outline:3px solid var(--fokus);outline-offset:2px}
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.22;margin:1.7em 0 .55em;text-wrap:balance}
h1{font-size:clamp(2rem,7vw,3.1rem);font-weight:650;letter-spacing:-.012em;margin:.25em 0 .35em}
h2{font-size:clamp(1.45rem,4vw,1.9rem)}
h3{font-size:clamp(1.15rem,3vw,1.3rem)}
p,ul,ol,dl{margin:0 0 1em}
ul,ol{padding-left:1.3em}
li{margin-bottom:.35em}
strong{font-weight:650}
[hidden]{display:none!important}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.sprung{position:absolute;left:16px;top:-80px;z-index:5;background:var(--text);color:var(--papier);padding:10px 16px;font-weight:600}
.sprung:focus{top:12px}
.seite{max-width:var(--breite);margin:0 auto;padding:0 16px}
@media (min-width:700px){.seite{padding:0 28px}}

/* Flaggenlinie: Schwarz, Rot, Gold in dieser Folge */
.flagge{height:6px;background:linear-gradient(to bottom,var(--schwarz) 0 2px,var(--rot) 2px 4px,var(--gold) 4px 6px)}
.flaggen-strich{display:block;width:72px;height:3px;background:linear-gradient(to right,var(--schwarz) 0 33.33%,var(--rot) 33.33% 66.66%,var(--gold) 66.66%)}

/* Kopf: scrollt mit */
.kopf{border-bottom:1px solid var(--linie)}
.kopf-innen{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 24px;padding-top:10px;padding-bottom:10px}
.wortmarke{display:inline-flex;flex-direction:column;justify-content:center;min-height:48px;text-decoration:none;color:var(--text)}
.wortmarke b{font:650 1.2rem/1.15 var(--serif);letter-spacing:-.005em}
.wortmarke span{font:500 .8rem/1.3 var(--sans);color:var(--leise);letter-spacing:.02em}
@media (min-width:700px){.wortmarke b{font-size:1.4rem}}
.hauptmenue ul{display:flex;flex-wrap:wrap;gap:0 4px;list-style:none;margin:0;padding:0}
.hauptmenue li{margin:0}
.hauptmenue a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;font:500 .98rem/1 var(--sans);text-decoration:none;border-bottom:2px solid transparent}
.hauptmenue a:hover{border-bottom-color:var(--rot)}
.hauptmenue a[aria-current="page"]{border-bottom-color:var(--text);font-weight:650}
.suche{display:flex;gap:6px;align-items:center}
.suche input{min-height:44px;width:12em;max-width:100%;padding:0 12px;border:1px solid var(--leise);border-radius:3px;background:var(--kasten);color:var(--text);font:400 1rem var(--sans)}
.suche button{min-height:44px;min-width:44px;padding:0 14px;border:1px solid var(--text);border-radius:3px;background:var(--text);color:var(--papier);font:600 .95rem var(--sans);cursor:pointer}
.kopf-innen{position:relative}
.kopf-schmal{width:100%}
.kopf-schmal .wortmarke{padding-right:112px}
.kopf-breit{display:none}
.menue{width:100%}
/* Der Menüknopf sitzt rechts im Kopf und scrollt mit ihm (position:absolute im Kopf, nicht fixed) */
.menue>summary{position:absolute;right:16px;top:12px;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:1px solid var(--linie-stark);border-radius:3px;background:var(--papier);font:600 .98rem var(--sans);cursor:pointer;list-style:none}
@media (min-width:700px){.menue>summary{right:28px}}
.menue>summary::-webkit-details-marker{display:none}
.menue>summary::before{content:"";width:18px;height:12px;background:linear-gradient(var(--text) 0 2px,transparent 2px 5px,var(--text) 5px 7px,transparent 7px 10px,var(--text) 10px 12px)}
.menue[open]>summary{background:var(--papier-2)}
.menue .hauptmenue ul{flex-direction:column;border-top:1px solid var(--linie);margin-top:10px}
.menue .hauptmenue li{border-bottom:1px solid var(--linie)}
.menue .hauptmenue a{width:100%;padding:0 4px}
.menue .suche{margin:12px 0 6px}
.menue .suche input{flex:1}
@media (min-width:980px){
  .kopf-schmal .menue{display:none}
  .kopf-schmal .wortmarke{padding-right:0}
  .kopf-breit{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;width:100%;border-top:1px solid var(--linie);padding-top:4px}
  .hauptmenue a{padding:0 9px}
  .kopf-breit .hauptmenue{margin-left:-9px}
}
.musterzeile{background:var(--papier-2);border-bottom:1px solid var(--linie);font:400 .85rem/1.4 var(--sans);color:var(--leise)}
.musterzeile p{margin:0;padding:7px 0}

/* Pfad (Breadcrumb) */
.pfad ol{display:flex;flex-wrap:wrap;list-style:none;margin:14px 0 0;padding:0;font-size:.9rem;color:var(--leise)}
.pfad li{margin:0;display:flex;align-items:center}
.pfad li+li::before{content:"/";padding:0 8px;color:var(--linie)}
.pfad a{display:inline-flex;align-items:center;min-height:44px;color:var(--leise)}
.pfad [aria-current]{color:var(--text)}

/* Artikelraster: Lesespalte rund 800 px, schmale Seitenspalte */
.raster{padding-bottom:16px}
@media (min-width:1100px){
  .raster{display:grid;grid-template-columns:minmax(0,var(--spalte)) var(--seite);gap:0 64px;align-items:start}
  .artikel{font-size:19px}
}
.artikel{max-width:var(--spalte)}
.seitenspalte{font-size:.95rem;margin-top:40px}
@media (min-width:1100px){.seitenspalte{margin-top:132px}}
.modul{border-top:2px solid var(--linie-stark);padding-top:12px;margin-bottom:36px}
.modul h2{font:650 .8rem/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;border:0;padding:0}
.modul h2::before{display:none}
.modul ul{list-style:none;padding:0;margin:0}
.modul li{margin:0;border-bottom:1px solid var(--linie)}
.modul li a{display:flex;align-items:center;min-height:44px;padding:4px 0}

/* Rubrik mit rotem Marker, Metazeile */
.rubrik{display:flex;align-items:center;gap:10px;margin:22px 0 0;font:650 .78rem/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--leise)}
.rubrik::before{content:"";flex:none;width:10px;height:10px;background:var(--rot)}
.meta{display:flex;flex-wrap:wrap;gap:2px 14px;margin:0 0 4px;padding-bottom:14px;border-bottom:1px solid var(--linie);font-size:.95rem;color:var(--leise)}
.meta span+span::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--leise);vertical-align:middle;margin-right:14px}

/* Abschnittsüberschriften im Artikel: Haarlinie mit kurzem roten Strich */
.artikel h2{position:relative;padding-top:20px;border-top:1px solid var(--linie);scroll-margin-top:16px}
.artikel h2::before{content:"";position:absolute;left:0;top:-2px;width:48px;height:3px;background:var(--rot)}
.artikel h3{scroll-margin-top:16px}

/* Kurzantwort */
.kurz{margin:22px 0 26px;padding:14px 0 6px;border-top:2px solid var(--linie-stark);border-bottom:1px solid var(--linie)}
.kurz p{font-size:1.06em;line-height:1.6}
.kasten-titel{display:block;margin:0 0 8px;font:650 .78rem/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--leise)}

/* Statisches Inhaltsverzeichnis */
.inhalt{margin:28px 0 8px;padding:16px 20px 10px;background:var(--papier-2)}
.inhalt h2{font:650 .78rem/1.3 var(--sans)!important;letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px!important;padding:0!important;border:0!important;color:var(--leise)}
.inhalt h2::before{display:none}
.inhalt ol{list-style:none;margin:0;padding:0;counter-reset:abschnitt}
.inhalt li{counter-increment:abschnitt;margin:0;border-top:1px solid var(--linie);break-inside:avoid}
.inhalt a{display:flex;gap:12px;align-items:center;min-height:44px;padding:4px 0;text-decoration:none}
.inhalt a::before{content:counter(abschnitt);flex:none;min-width:1.3em;font:600 1.02rem/1 var(--serif);color:var(--leise)}
.inhalt a:hover span{text-decoration:underline;text-decoration-color:var(--rot)}
@media (min-width:700px){.inhalt ol{columns:2;column-gap:32px}}

/* Bilder mit Hinweis "Bild: KI-generiert" */
figure{margin:28px 0}
.bild img{width:100%;height:auto;background:var(--papier-2)}
.titelbild img{aspect-ratio:16/9}
.textbild img{aspect-ratio:3/2}
.bild figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 16px;padding:8px 0;border-bottom:1px solid var(--linie);font-size:.88rem;line-height:1.45;color:var(--leise)}
.ki{white-space:nowrap}

/* Zeitleiste: rote Punkte, Gold für das Hauptereignis */
.zeitleiste{list-style:none;margin:24px 0;padding:0}
.zeitleiste li{position:relative;margin:0;padding:0 0 20px 36px}
.zeitleiste li::before{content:"";position:absolute;left:7px;top:10px;bottom:-10px;width:2px;background:var(--linie-mittel)}
.zeitleiste li:last-child::before{display:none}
.zeitleiste li::after{content:"";position:absolute;left:2px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--rot)}
.zeitleiste li.haupt::after{left:-1px;top:3px;width:18px;height:18px;background:var(--gold);border:2px solid var(--linie-stark)}
.zeitleiste time{display:block;font:650 1.08rem/1.35 var(--serif)}
.zeitleiste p{margin:2px 0 0}
.zeitleiste-kurz{columns:1}
@media (min-width:800px){.zeitleiste-kurz{columns:2;column-gap:48px}.zeitleiste-kurz li{break-inside:avoid}.zeitleiste-kurz li::before{bottom:-10px}}
.quelle-zeile{font-size:.88rem;color:var(--leise);margin-top:-6px}

/* Zitatblock */
.zitat{position:relative;margin:34px 0;padding:22px 0 0;border-top:1px solid var(--linie)}
.zitat::before{content:"";position:absolute;left:0;top:-2px;width:48px;height:3px;background:var(--gold)}
.zitat blockquote{margin:0}
.zitat blockquote p{margin:0 0 12px;font:italic 400 clamp(1.25rem,3.4vw,1.55rem)/1.45 var(--serif)}
.zitat figcaption{font-size:.92rem;color:var(--leise)}

/* Tabellen wie im Lexikon */
.tabelle{margin:24px 0;overflow-x:auto}
.tabelle:focus-visible{outline-offset:4px}
table{width:100%;border-collapse:collapse;font-size:.95rem;line-height:1.5;border-top:2px solid var(--linie-stark);border-bottom:2px solid var(--linie-stark)}
caption{caption-side:top;text-align:left;padding:0 0 8px;font:650 .95rem/1.4 var(--sans)}
th,td{text-align:left;vertical-align:top;padding:9px 14px 9px 0}
thead th{font:650 .76rem/1.35 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--leise);border-bottom:1px solid var(--linie-stark)}
tbody tr+tr td,tbody tr+tr th{border-top:1px solid var(--linie)}
tbody th{font-weight:650}
td.zahl,th.zahl{text-align:right;padding-right:0;font-variant-numeric:tabular-nums}
/* Schmale Bildschirme: mehrspaltige Tabellen werden zu Einträgen untereinander */
@media (max-width:640px){
  .tabelle-stapel thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .tabelle-stapel table,.tabelle-stapel tbody,.tabelle-stapel tr,.tabelle-stapel th,.tabelle-stapel td{display:block;width:100%}
  .tabelle-stapel caption{display:block;width:100%;padding-top:10px}
  .tabelle-stapel table{border-top:0}
  .tabelle-stapel thead+tbody,.tabelle-stapel caption+thead+tbody{border-top:2px solid var(--linie-stark)}
  .tabelle-stapel tbody tr{padding:10px 0}
  .tabelle-stapel tbody tr+tr{border-top:1px solid var(--linie)}
  .tabelle-stapel tbody tr+tr td,.tabelle-stapel tbody tr+tr th{border-top:0}
  .tabelle-stapel th,.tabelle-stapel td{padding:3px 0}
  .tabelle-stapel tbody th{font-family:var(--serif);font-size:1.05rem}
  .tabelle-stapel td[data-label]::before{content:attr(data-label);display:block;font:650 .72rem/1.5 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--leise)}
}

/* Steckbrief und Besuch */
.steckbrief{margin:28px 0;padding:0 18px 6px;background:var(--kasten);border:1px solid var(--linie)}
.steckbrief::before{content:"";display:block;height:4px;margin:0 -18px 14px;background:linear-gradient(to right,var(--schwarz) 0 33.33%,var(--rot) 33.33% 66.66%,var(--gold) 66.66%)}
.steckbrief h2{margin:0 0 8px!important;padding:0!important;border:0!important;font:650 .78rem/1.3 var(--sans)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--leise)}
.steckbrief h2::before{display:none}
.steckbrief dl{display:grid;grid-template-columns:minmax(104px,36%) 1fr;margin:0}
.steckbrief dt,.steckbrief dd{margin:0;padding:9px 0;border-top:1px solid var(--linie)}
.steckbrief dt{padding-right:12px;font:650 .76rem/1.5 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--leise)}
.steckbrief dd{font-size:.97em}
.steckbrief dt,.eckdaten dt{overflow-wrap:normal;hyphens:auto}
@media (max-width:479px){.steckbrief dl{grid-template-columns:1fr}.steckbrief dt{padding-bottom:0}.steckbrief dd{border-top:0;padding-top:2px}}
.steckbrief .hinweis{margin:10px 0 8px;font-size:.88rem;color:var(--leise)}
.steckbrief .knopf-zeile{margin:6px 0 12px}

/* Jahresnavigation */
.jahr-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:8px 0 28px}
.jahr-nav a{display:flex;flex-direction:column;justify-content:center;min-height:64px;padding:10px 0;border-top:2px solid var(--linie-stark);text-decoration:none}
.jahr-nav a:last-child{text-align:right}
.jahr-nav small{font:650 .74rem/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--leise)}
.jahr-nav b{font:600 1.15rem/1.3 var(--serif)}
.jahr-nav a:hover b{text-decoration:underline;text-decoration-color:var(--rot)}

/* Quellen */
sup.q{line-height:0;font-size:.7em;white-space:nowrap}
sup.q a{font:700 1em/1 var(--sans);color:var(--marke);text-decoration:none;padding:0 1px}
sup.q a:hover{text-decoration:underline}
.quellen{list-style:none;margin:16px 0 0;padding:0;counter-reset:quelle;font-size:.92rem;line-height:1.55}
.quellen li{counter-increment:quelle;display:grid;grid-template-columns:2.8em 1fr;margin:0;padding:12px 0;border-top:1px solid var(--linie);scroll-margin-top:16px}
.quellen li::before{content:"[" counter(quelle) "]";font-weight:700;color:var(--marke)}
.quellen li:target{background:var(--papier-2)}
.quellen .abruf{display:block;color:var(--leise)}
.quellen a{padding:12px 0}

/* Glossar-Fenster direkt unter dem Begriff (öffnet nur auf Klick oder Zeigen, schwebt nicht) */
.gl{position:relative;display:inline}
.gl-begriff{color:inherit;text-decoration:underline dotted;text-decoration-color:var(--text);text-decoration-thickness:1.5px;text-underline-offset:.25em;cursor:help}
.gl-begriff:hover{text-decoration-color:var(--rot)}
.gl-fenster{display:none}
.js .gl-fenster{position:absolute;left:0;top:calc(100% + 10px);z-index:3;width:min(340px,calc(100vw - 32px));padding:14px 16px 4px;background:var(--kasten);color:var(--text);border:1px solid var(--linie-stark);border-top:3px solid var(--rot);box-shadow:var(--schatten);font:400 .93rem/1.55 var(--sans);text-align:left}
.js .gl-fenster::before{content:"";position:absolute;left:0;right:0;top:-14px;height:12px}
.js .gl-fenster b{display:block;margin-bottom:4px;font:650 1.05rem/1.3 var(--serif)}
.js .gl-fenster a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.js .gl.offen .gl-fenster{display:block}
@media (max-width:600px){.js .gl-fenster{width:calc(100vw - 32px)}}

/* Platzhalter im Muster */
.ph{display:inline;padding:1px 6px;border:1px dashed var(--leise);border-radius:2px;background:var(--papier-2);color:var(--leise);font:500 .88em/1.5 var(--sans);font-style:normal}
.ph-text{text-decoration:underline dashed var(--leise);text-decoration-thickness:1px;text-underline-offset:.28em}
.ph-hinweis{margin:18px 0;padding:10px 14px;border:1px dashed var(--leise);font-size:.92rem;color:var(--leise)}

/* Verwandte Begriffe im Glossar */
.begriffsliste{margin:0 0 1em}
.begriffsliste dt{margin:0;padding-top:6px;font:600 1.08rem/1.3 var(--serif)}
.begriffsliste dt a{display:inline-flex;align-items:center;min-height:44px}
.begriffsliste dd{margin:0;padding-bottom:12px;border-bottom:1px solid var(--linie)}

/* Karten mit Bild */
.karten{display:grid;gap:28px 24px;grid-template-columns:repeat(auto-fill,minmax(min(100%,232px),1fr));list-style:none;margin:0;padding:0}
.karten-4{grid-template-columns:repeat(auto-fill,minmax(min(100%,232px),1fr))}
@media (min-width:1100px){.karten-4{grid-template-columns:repeat(4,1fr)}}
.karte{position:relative;display:flex;flex-direction:column;margin:0;padding-top:12px;border-top:2px solid var(--linie-stark)}
.karte figure{position:relative;margin:0 0 12px}
.karte img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:var(--papier-2)}
.ki-etikett{position:absolute;right:6px;bottom:6px;padding:1px 6px;background:var(--papier);color:var(--leise);font:500 .72rem/1.5 var(--sans)}
.karte .rubrik{margin:0 0 4px;font-size:.72rem}
.karte .rubrik::before{width:8px;height:8px}
.karte h3{margin:0 0 6px;font-size:1.16rem;line-height:1.3}
.karte h3 a{text-decoration:none}
.karte h3 a::after{content:"";position:absolute;inset:0}
.karte:hover h3 a{text-decoration:underline;text-decoration-color:var(--rot);text-decoration-thickness:2px}
.karte h3 a:focus-visible{outline:none}
.karte:focus-within{outline:3px solid var(--fokus);outline-offset:4px}
.karte p{margin:0;font-size:.95rem;line-height:1.55}
.karte[hidden]{display:none}

/* Startseite */
.aufmacher{display:grid;gap:24px;padding:12px 0 8px}
@media (min-width:900px){.aufmacher{grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;padding-top:24px}}
.aufmacher h1{margin-bottom:.2em}
.countdown{display:block;margin:14px 0 18px;padding:10px 0;border-top:2px solid var(--linie-stark);border-bottom:1px solid var(--linie);font:500 1.05rem/1.4 var(--sans)}
.countdown strong{font:650 2.4rem/1 var(--serif);font-variant-numeric:tabular-nums;margin:0 .12em;vertical-align:-.08em}
.countdown strong[data-stunden],.countdown strong[data-minuten]{font-size:1.7rem}
.eckdaten{display:grid;grid-template-columns:auto 1fr;gap:0 18px;margin:0 0 16px}
.eckdaten dt,.eckdaten dd{margin:0;padding:7px 0;border-bottom:1px solid var(--linie)}
.eckdaten dt{font:650 .76rem/1.6 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--leise)}
.stand{font-size:.88rem;color:var(--leise)}
.aufmacher .bild{margin:0}
.block{padding-top:44px}
.block-kopf{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 16px;margin-bottom:20px;padding-top:12px;border-top:1px solid var(--linie-stark)}
.block-kopf h2{margin:0}
.block-kopf a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.block-text{max-width:var(--spalte)}
.az{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 18px;padding:0}
.az li{margin:0}
.az a{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--linie);background:var(--kasten);font:600 1.02rem/1 var(--serif);text-decoration:none}
.az a:hover{border-color:var(--text)}
.az a[aria-current]{background:var(--text);color:var(--papier);border-color:var(--text)}
.begriffe{columns:2 190px;column-gap:32px;list-style:none;margin:0;padding:0}
.begriffe li{margin:0;break-inside:avoid;border-bottom:1px solid var(--linie)}
.begriffe a{display:flex;align-items:center;min-height:44px}

/* Knöpfe der Seite (klar von Anzeigen getrennt) */
.knopf{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border:2px solid var(--text);border-radius:3px;background:var(--text);color:var(--papier);font:650 1rem/1.2 var(--sans);text-decoration:none;cursor:pointer}
.knopf:hover{background:var(--papier);color:var(--text)}
.knopf svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.knopf-leise{background:transparent;color:var(--text)}
.knopf-leise:hover{background:var(--papier-2)}
.knopf-zeile{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:18px 0 8px}
.meldung{font-size:.92rem;color:var(--leise);min-height:1.4em}
.knopf[hidden]{display:none}

/* Anzeigenplätze zwischen Abschnitten, beschriftet, nie schwebend */
.anzeige{margin:56px 0;padding-top:6px;border-top:1px solid var(--linie)}
.anzeige-etikett{display:block;margin-bottom:6px;font:650 .7rem/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--leise)}
.anzeige-flaeche{min-height:280px;border:1px dashed var(--linie);background:repeating-linear-gradient(135deg,var(--anzeige) 0 10px,transparent 10px 22px)}
@media (min-width:900px){.anzeige-flaeche{min-height:250px}}

/* Filter in der Übersicht: statischer Kasten */
.filter{margin:24px 0 28px;padding:16px 18px 6px;background:var(--papier-2);border-top:2px solid var(--linie-stark)}
.filter fieldset{margin:0 0 14px;padding:0;border:0;min-width:0}
.filter legend{margin-bottom:8px;padding:0;font:650 .76rem/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--leise)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips label{position:relative}
.chips input{position:absolute;opacity:0;width:1px;height:1px}
.chips span{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--leise);border-radius:999px;background:var(--kasten);font:500 .95rem/1 var(--sans);cursor:pointer}
.chips input:checked+span{background:var(--text);border-color:var(--text);color:var(--papier)}
.chips input:focus-visible+span{outline:3px solid var(--fokus);outline-offset:2px}
.filter-fuss{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:10px 0;border-top:1px solid var(--linie)}
.treffer{margin:0;font-weight:650}
.leer{padding:16px 0;color:var(--leise)}

/* Quiz */
.stufenwahl{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:20px 0 8px}
.stufenwahl .stufen{margin:0}
.knopf-stufe{display:inline-flex;align-items:center;min-height:48px;padding:0 18px;border:2px solid var(--text);border-radius:3px;background:transparent;color:var(--text);font:650 1rem var(--sans);text-decoration:none}
.knopf-stufe:hover{background:var(--papier-2)}
.stufen{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 8px}
.stufen button{min-height:48px;padding:0 18px;border:2px solid var(--text);border-radius:3px;background:transparent;color:var(--text);font:650 1rem var(--sans);cursor:pointer}
.stufen button[aria-pressed="true"]{background:var(--text);color:var(--papier)}
.stufe-block{margin-top:18px}
.stufe-block>h2{margin-top:28px}
.frage{margin:0 0 22px;padding:16px 0 0;border-top:2px solid var(--linie-stark)}
.frage h3{margin:0 0 12px;font-size:1.18rem}
.antworten{display:grid;gap:8px;list-style:none;margin:0 0 10px;padding:0}
.antworten li{margin:0}
.antwort{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--leise);border-radius:3px;background:var(--kasten);color:var(--text);font:500 1rem/1.4 var(--sans);text-align:left;cursor:pointer}
.antwort:hover{border-color:var(--text)}
.antwort.ist-richtig{border:2px solid var(--text);font-weight:650}
.antwort.ist-richtig::after{content:"richtig";margin-left:auto;padding:2px 8px;background:var(--text);color:var(--papier);font:650 .72rem/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase}
.antwort.ist-falsch{border:2px solid var(--rot)}
.antwort.ist-falsch::after{content:"falsch";margin-left:auto;padding:2px 8px;border:1px solid var(--rot);color:var(--text);font:650 .72rem/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase}
.urteil{margin:0 0 6px;font-weight:650;min-height:1.4em}
.loesung{border-top:1px solid var(--linie);border-bottom:1px solid var(--linie)}
.loesung summary{display:flex;align-items:center;min-height:44px;font-weight:600;cursor:pointer}
.loesung p{margin:4px 0 12px;font-size:.95rem}
.loesung .abruf{color:var(--leise)}
.ergebnis{margin:6px 0 0;padding:14px 0 4px;border-top:1px solid var(--linie)}
.ergebnis p{margin:0 0 8px;font-weight:650}
.download{margin:40px 0 8px;padding:18px 0 12px;border-top:2px solid var(--linie-stark)}
.download h2{margin-top:0}

/* Fußzeile */
.fuss{margin-top:72px;background:var(--papier-2);border-top:1px solid var(--linie)}
.fuss .flagge{height:3px;background:linear-gradient(to right,var(--schwarz) 0 33.33%,var(--rot) 33.33% 66.66%,var(--gold) 66.66%)}
.fuss-innen{display:grid;gap:18px 40px;padding-top:28px;padding-bottom:28px}
@media (min-width:800px){.fuss-innen{grid-template-columns:1.2fr 2fr;align-items:start}}
.fuss .wortmarke b{font-size:1.15rem}
.fuss p{margin:8px 0 0;font-size:.92rem;color:var(--leise)}
.fuss ul{display:flex;flex-wrap:wrap;gap:0 18px;list-style:none;margin:0;padding:0}
.fuss li{margin:0}
.fuss ul a{display:inline-flex;align-items:center;min-height:44px;font-size:.95rem}
.fuss .betreiber{grid-column:1/-1;margin:0;padding-top:14px;border-top:1px solid var(--linie);font-size:.88rem}

/* Bewegung reduzieren */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* Druck */
@media print{
  .kopf,.musterzeile,.anzeige,.fuss,.seitenspalte,.knopf-zeile,.stufenwahl,.filter{display:none!important}
  body{background:#fff;color:#000}
  .raster{display:block}
  a{text-decoration:none}
}

/* =====================================================================
   CMS-Ergänzungen (T2): Bausteine, die das Muster nicht zeigt oder die das CMS anders ausgibt
   ===================================================================== */

/* Lesespalte für Pflichtseiten und Autorenseite */
.lesespalte{max-width:var(--spalte)}
@media (min-width:1100px){.lesespalte{font-size:19px}}
.block-text h1{margin-top:.25em}

/* Countdown: Gastgeberzeile, große Fläche im Werkzeug, Modul der Seitenspalte */
.countdown-gastgeber{margin:-8px 0 16px;font-size:.95rem;color:var(--leise)}
.werkzeug-flaeche{margin:28px 0;padding:18px 20px 8px;background:var(--papier-2);border-top:2px solid var(--linie-stark)}
.werkzeug-flaeche>h2:not(.vh){margin-top:0}
.countdown-gross .countdown{border:0;margin:0 0 6px;padding:0;font-size:1.2rem}
.countdown-gross .countdown strong{font-size:3.6rem}
.countdown-gross .countdown strong[data-stunden],.countdown-gross .countdown strong[data-minuten]{font-size:2.4rem}
.countdown-hinweis{font-size:.92rem;color:var(--leise)}
.modul .countdown{margin:0 0 6px;padding:6px 0;border:0;font-size:.98rem}
.modul .countdown strong{font-size:1.9rem}
.modul .countdown strong[data-stunden],.modul .countdown strong[data-minuten]{font-size:1.4rem}
.modul .countdown-gastgeber{margin:0 0 8px}
.modul p{margin:0 0 10px}
.modul .modul-link a,.modul-link a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.modul .tabelle{margin:0}
.modul .tabelle table{font-size:.9rem}
.modul .az{margin:0 0 12px}
.az a[aria-current]{background:var(--text);color:var(--papier);border-color:var(--text)}
.seitenspalte .steckbrief{margin-top:0;margin-bottom:36px}
.seitenspalte .steckbrief dl{grid-template-columns:1fr}
.seitenspalte .steckbrief dt{padding-bottom:0}
.seitenspalte .steckbrief dd{border-top:0;padding-top:2px}
.steckbrief dd ul{margin:0;padding-left:1.1em}
.steckbrief dd li{margin:0 0 .2em}

/* Jahresnavigation: Folgejahr immer rechts, auch wenn es kein Vorjahr gibt */
.jahr-nav a[rel="prev"]{text-align:left}
.jahr-nav a[rel="next"]{grid-column:2;text-align:right}

/* Zeitleiste: Link zur Themenseite */
.zl-link{white-space:nowrap;font-weight:600}

/* Häufige Fragen */
.fragen details{border-top:1px solid var(--linie)}
.fragen details:last-child{border-bottom:1px solid var(--linie)}
.fragen summary{display:flex;align-items:center;min-height:48px;padding:8px 0;font:600 1.05rem/1.4 var(--serif);cursor:pointer}
.fragen details>*:not(summary){margin:0 0 12px}

/* Textsammlung: jeder Text mit Kopierknopf */
.textliste{list-style:none;margin:16px 0 8px;padding:0;counter-reset:text}
.textliste>li{margin:0 0 8px;padding:0}
.textliste .zitat{margin:18px 0 0}
.spruch{margin:18px 0 0;padding:16px 18px;background:var(--kasten);border:1px solid var(--linie);border-left:3px solid var(--gold)}
.spruch blockquote{margin:0}
.spruch blockquote p{margin:0;font:400 1.08em/1.6 var(--serif)}
.text-hinweis{font-size:.9rem;color:var(--leise)}

/* Balken ohne Bibliothek (SVG) */
.balken{margin:28px 0}
.balken figcaption{font:650 .95rem/1.4 var(--sans);margin-bottom:10px}
.balken-liste{list-style:none;margin:0 0 6px;padding:0;border-top:2px solid var(--linie-stark);border-bottom:2px solid var(--linie-stark)}
.balken-liste li{display:grid;grid-template-columns:minmax(80px,30%) 1fr auto;gap:4px 12px;align-items:center;margin:0;padding:8px 0}
.balken-liste li+li{border-top:1px solid var(--linie)}
.balken-name{font-weight:600;font-size:.95rem}
.balken-svg{width:100%;height:14px}
.balken-svg rect{fill:var(--text)}
.balken-wert{font-variant-numeric:tabular-nums;font-size:.95rem;text-align:right}
@media (max-width:479px){.balken-liste li{grid-template-columns:1fr auto}.balken-svg{grid-column:1/-1;grid-row:2}}

/* Downloads: klar als Knopf der Seite, mit Abstand zu Anzeigenplätzen */
.download{margin:56px 0 40px}
.download-eintrag{padding:8px 0 4px}
.download-eintrag+.download-eintrag{border-top:1px solid var(--linie)}
.download-eintrag h3{margin:.4em 0 .3em}
.anzeige+.download,.download+.anzeige{margin-top:96px}

/* Bilderseite */
.galerie{display:grid;gap:32px 24px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));list-style:none;margin:20px 0;padding:0}
.galerie li{margin:0}
.galerie figure{margin:0 0 8px}
.galerie img{aspect-ratio:3/2;object-fit:cover}
.galerie img.grafik-quer{aspect-ratio:1200/630;object-fit:contain;border:1px solid var(--linie)}
.galerie .knopf-zeile{margin-top:6px;display:flex;flex-wrap:wrap;gap:8px}

/* Glossar */
.auch{font-size:.95rem;color:var(--leise)}
.az-leiste{margin:22px 0 10px}
.az .leer-b{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px dashed var(--linie);color:var(--leise);font:600 1.02rem/1 var(--serif)}
.buchstabe{padding-top:6px}
.buchstabe h2{margin:1.2em 0 .4em;font-size:1.6rem}
.glossar-karten .buchstabe h2{margin:1.2em 0 .6em}
.begriffe-liste{list-style:none;margin:0;padding:0;border-top:2px solid var(--linie-stark)}
.begriffe-liste li{margin:0;border-bottom:1px solid var(--linie)}
.begriffe-liste a{display:block;padding:10px 0;text-decoration:none}
.begriffe-liste b{display:block;font:600 1.12rem/1.35 var(--serif)}
.begriffe-liste span{display:block;font-size:.95rem;color:var(--text)}
.begriffe-liste small{display:block;font-size:.85rem;color:var(--leise)}
.begriffe-liste a:hover b{text-decoration:underline;text-decoration-color:var(--rot)}

/* Autor */
.autorfoto{border-radius:50%;object-fit:cover;background:var(--papier-2)}
.autor-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin:8px 0 18px}
.autor-kopf h1{margin:0}
.autor-rolle{margin:4px 0 0;color:var(--leise)}
.autorkasten-kopf{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.autorkasten-kopf p{margin:0}
.autoren-liste{list-style:none;margin:24px 0;padding:0;max-width:var(--spalte)}
.autor-karte{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:flex-start;margin:0;padding:18px 0;border-top:2px solid var(--linie-stark)}
.autor-karte h2{margin:.2em 0 .3em}
.autor-karte .rubrik{margin:0}

/* Suche */
.suche-gross{margin:18px 0 10px;max-width:640px}
.suche-gross input{flex:1;width:auto;min-width:0}
.suchliste{list-style:none;margin:10px 0;padding:0;border-top:2px solid var(--linie-stark)}
.suchliste li{margin:0;border-bottom:1px solid var(--linie)}
.suchliste a{display:block;padding:10px 0;font-weight:600}
.suchliste small{display:block;font-weight:400;font-size:.9rem;color:var(--leise)}

/* Fehlerseiten */
.fehler-wege{display:grid;gap:12px 24px;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));list-style:none;margin:28px 0;padding:0}
.fehler-wege li{margin:0}
.fehler-wege a{display:block;min-height:44px;padding:12px 0;border-top:2px solid var(--linie-stark);text-decoration:none}
.fehler-wege b{display:block;font:600 1.12rem/1.3 var(--serif)}
.fehler-wege span{display:block;font-size:.92rem;color:var(--leise)}

/* Filter: Knopfzeile ohne Außenabstand */
.filter-knoepfe{margin:0}
.kartenraster{margin-top:8px}
.kartenraster .block:first-child{padding-top:12px}

/* Anzeigen: echte Blöcke ohne Schraffur */
.anzeige-echt .anzeige-flaeche{background:none;border:0}

/* Fuß: Cookie-Einstellungen als Knopf in Linkoptik */
.fuss-knopf{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;color:var(--text);font:400 .95rem var(--sans);text-decoration:underline;text-decoration-color:var(--rot);text-decoration-thickness:1.5px;text-underline-offset:.22em;cursor:pointer}
.fuss .betreiber a{color:var(--leise)}
.consent-zeile{margin:24px 0}

/* Startseite: Text unter den Blöcken */
.start-text .block-text>h2:first-child{margin-top:.6em}

@media print{.seitenspalte,.knopf-zeile,.filter,.anzeige,.download .knopf{display:none!important}}

/* Mauer-Rechner und Zeitleiste zum Durchklicken (T6, 12.11.2026) */
.rechner-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px;margin:6px 0 14px}
.rechner-form[hidden],.rechner-ausgabe[hidden]{display:none}
.rechner-feld{display:flex;flex-direction:column;gap:6px}
.rechner-feld label{font-weight:650}
.rechner-feld input{min-height:48px;padding:0 12px;border:2px solid var(--text);border-radius:3px;background:var(--kasten);color:var(--text);font:500 1.05rem var(--sans)}
.rechner-hinweis{flex-basis:100%;margin:0;font-size:.92rem;color:var(--leise)}
.js .rechner-ohne-js{display:none}
.rechner-ausgabe{margin:4px 0 16px}
.rechner-urteil{margin:0 0 12px;font:650 1.25rem/1.4 var(--serif)}
.rechner-fehler{margin:0 0 12px;padding:10px 14px;border-left:4px solid var(--rot);background:var(--kasten)}
.rechner-liste{display:grid;grid-template-columns:minmax(0,1fr);margin:0;border-top:2px solid var(--linie-stark)}
.rechner-liste dt{margin:0;padding:10px 0 0;font-weight:650}
.rechner-liste dd{margin:0;padding:2px 0 10px;border-bottom:1px solid var(--linie)}
@media (min-width:700px){.rechner-liste{grid-template-columns:minmax(0,15rem) minmax(0,1fr)}.rechner-liste dt{padding:10px 12px 10px 0;border-bottom:1px solid var(--linie)}.rechner-liste dd{padding:10px 0}}
.zl-filter{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 8px}
.zl-filter[hidden],.zl-status[hidden]{display:none}
.zl-filter button{min-height:48px;padding:0 16px;border:2px solid var(--text);border-radius:3px;background:transparent;color:var(--text);font:650 .98rem var(--sans);cursor:pointer}
.zl-filter button[aria-pressed="true"]{background:var(--text);color:var(--papier)}
.zl-status{margin:0 0 6px;font-weight:650}
.zl-sprung{margin:8px 0 12px}
.zl-sprung p{margin:0 0 6px;font-weight:650}
.zl-sprung ul{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;list-style:none}
.js .zl-sprung{display:none}
.zeitleiste li[hidden]{display:none}
.zeitleiste li.zl-letzte::before{display:none}
.zl-anker{position:absolute;left:0;top:-72px;width:1px;height:1px}
.zeitleiste-werkzeug .zeitleiste{margin-top:14px}