/* Druckansicht aller Seiten (eingebunden von kopf() in scripts/seite.mjs mit media="print"; lädt erst, wenn jemand
   druckt oder als PDF speichert). Schwarz auf Weiß in einer Spalte, ohne Bedienung: Kopfleiste, Menü, Inhaltsverzeichnis,
   Teilen-Knöpfe, Vorschau und Bewegung fallen weg. Was eingeblendet würde, steht sofort da; Links auf andere Websites
   zeigen ihre Adresse. Die Seite selbst nennt am Ende ihren Stand (Fußzeile). */
@page { margin: 16mm 15mm 18mm; }

:root, :root[data-theme="dark"] {
  --paper: #fff; --sheet: #fff; --ink: #000; --ink-2: #222; --ink-3: #444; --rule: #bbb; --rule-strong: #888;
  --night: #fff; --night-2: #fff; --night-3: #fff; --auf-nacht: #000; --auf-nacht-2: #222; --auf-nacht-3: #444;
  --gold-hell: #5c450f; --gold-text: #5c450f; --shadow: none; color-scheme: light;
}
html { scroll-behavior: auto; }
body { background: #fff !important; color: #000; font-size: 10.5pt; line-height: 1.5; }

/* Bedienung und Bewegung */
.skip, .tp-kopf, .topbar, .toc, .tp-menue, .tp-menue-knopf, .tp-inhalt-knopf, .bewegung, .lesefortschritt, .back-pill, .toast,
.pv-layer, .gross, .share, .teilen, [data-share], .legend, .held-licht, .held-glanz, .held-staub, .held-schleier, .held-weiter,
.reihe-baender, .gross-lupe, .kg-themen, .wahl, .rh-werkzeug, .rh-karte, .kg-uebersicht, .artikel-weiter, .artikel-hinweis,
.anliegen-weiter, .reihe-weiter, .karte-weiter, .tp-fuss-nav, .tp-fuss-mehr, .tp-fuss-satz, .foto-kopf-bild, .suche-form,
.held-bild, .ort-bild, video, canvas, dialog { display: none !important; }

/* Alles steht da: kein Einblenden, keine stehenden Elemente, eine Spalte */
.js .zeigen, .zeigen { opacity: 1 !important; transform: none !important; transition: none !important; }
*, *::before, *::after { animation: none !important; transition: none !important; }
.tp-kopf, .topbar, .toc, .notiz-bild, .passage-text, .held-buehne, .ort-buehne, .hinab-buehne, .kg-dialog .kg-kopf { position: static !important; height: auto !important; }
.layout { display: block !important; max-width: none !important; padding: 0 !important; }
.main, main, .prose, .artikel-kopf, .abschnitt-kopf, .notiz-text { max-width: none !important; margin-inline: 0 !important; padding-inline: 0 !important; }
.held, .held-buehne { height: auto !important; min-height: 0 !important; }

/* Dunkle Abschnitte (Kopf auf Foto, Zeitachse, Reihe, Fußzeile) auf Papier */
.foto-kopf, .held, .reihe-anriss, .fries, .ort, .tp-fuss { background: #fff !important; color: #000 !important; }
.foto-kopf :is(.artikel-kopf, .abschnitt-kopf) { padding-top: 0 !important; text-shadow: none !important; }
.foto-kopf :is(.artikel-titel, .abschnitt-titel, .artikel-lead, .abschnitt-lead, .artikel-untertitel), .held :is(h1, p) { color: #000 !important; text-shadow: none !important; }
.held-buchstaben span { opacity: 1 !important; transform: none !important; color: #5c450f !important; }
.tp-fuss { margin-top: 2rem; padding: 1rem 0 0 !important; border-top: 1px solid #888; }
.tp-fuss::before { display: none; }
.tp-fuss .tp-marke, .tp-fuss .tp-zeichen { color: #000 !important; }

/* Bilder: nicht über eine Seite hinaus, nicht zerteilt */
img, svg, figure, blockquote, .karte, .thema, .claim-head, .vergleich, .kernsatz { break-inside: avoid; }
img { max-width: 100% !important; max-height: 120mm; object-fit: contain; }
h1, h2, h3, h4 { break-after: avoid; color: #000 !important; }
p { orphans: 3; widows: 3; }
.part, .teil { break-before: auto; }

/* Links: Verweise (Bibel, Katechismus …) bleiben Text; Links auf andere Websites nennen ihre Adresse */
a { color: inherit !important; text-decoration: none !important; }
main a[href^="http"]:not(.ref, .knopf)::after { content: " (" attr(href) ")"; font-family: var(--font-ui); font-size: .8em; color: #444; word-break: break-all; }
.neuer-tab-icon { display: none; }
.ref { border-bottom: 1px solid #999; }
/* Bildnachweise bleiben kurz: Urheber und Lizenz ohne Adresse (die steht im Bildnachweis unter /impressum/) */
:is(.nachweis, .foto-kopf-nachweis, .held-nachweis) a::after { content: none !important; }