/* Lesemodus für EPOCHE NAPOLEON — siehe docs/superpowers/specs/ 2026-07-13-reading-dark-mode-design.md. Aktiviert via [data-reading="true"] auf , gesetzt durch theme-toggle.js. Reine Layout-Änderung, kein Eingriff in Farben oder Schriftarten (nur Größe/Zeilenhöhe des Fließtexts). Kein Eingriff in ns_theme_extend. */ [data-reading="true"] .subnav-wrap, [data-reading="true"] .bp-page-footer, [data-reading="true"] .section-abcmenu, [data-reading="true"] .book-navigation, [data-reading="true"] .share-buttons { display: none !important; } /* #page-header selbst bleibt sichtbar (enthält die Toggle-Buttons, siehe Header/Logo.html) — nur Logo, Schriftzug und Hauptnavigation werden ausgeblendet. #page-header NICHT komplett verstecken: page.headerData.170 blendet #mainnavigation.collapse ab 992px ohnehin bereits site-weit aus, die Toggle-Buttons liegen daher schon in Header/Logo.html außerhalb davon platziert — würde man hier zusätzlich den gesamten Header verstecken, wären die Buttons trotz sticky-Regel unerreichbar (display:none auf einem Vorfahren lässt sich durch position:sticky auf einem Nachfahren nicht aufheben). */ [data-reading="true"] #page-header.navbar-mainnavigation .navbar-brand, [data-reading="true"] #page-header.navbar-mainnavigation .navbar-brand-title, [data-reading="true"] #page-header.navbar-mainnavigation .navbar-toggler, [data-reading="true"] #page-header.navbar-mainnavigation #mainnavigation { display: none !important; } /* Content-Container zentriert, ~65-75 Zeichen pro Zeile bei 1.2rem */ [data-reading="true"] .maincontent-wrap, [data-reading="true"] .biography-content-wrap { max-width: 42rem; margin-left: auto; margin-right: auto; float: none !important; width: 100% !important; } [data-reading="true"] body { font-size: 1.2rem; line-height: 1.8; } /* Fußnoten, Quellenangaben, Normdaten-Links und Literaturverweise MÜSSEN sichtbar bleiben — wissenschaftlich essentiell, daher hier explizit NICHT in der obigen display:none-Liste enthalten (subcontent-wrap = SeeAlso- Spalte in BiographySeealso.html). */ [data-reading="true"] .subcontent-wrap { max-width: 42rem; margin: 2rem auto 0; } /* Bilder/Karten/Medien bleiben sichtbar, an eingeschränkten Container angepasst */ [data-reading="true"] .maincontent-wrap img, [data-reading="true"] .biography-content-wrap img { max-width: 100%; height: auto; } /* Toggle-Buttons bleiben beim Scrollen sichtbar. position: fixed statt sticky: #page-header ist site-weit statisch positioniert (kein theme.navigation.type gesetzt, siehe Main.html-Rendering), im Lesemodus zudem auf die Höhe von .theme-toggle-controls zusammengeschrumpft (Logo/Schriftzug/Hauptnavigation ausgeblendet, siehe oben) — der sticky-Containing-Block hätte dadurch kaum Scroll-Spielraum und sticky würde sich effektiv wie relative verhalten. */ [data-reading="true"] .theme-toggle-controls { position: fixed; top: 0.5rem; right: 0.5rem; z-index: 1000; } .theme-toggle-controls { display: flex; gap: 0.25rem; align-items: center; } .theme-toggle-btn { background: none; border: none; cursor: pointer; padding: 0.5rem; font-size: 1.1rem; color: inherit; } .theme-toggle-btn:hover, .theme-toggle-btn:focus-visible { color: var(--primary-color, #7A1F2E); }