:root{--green:#0d3129;--gold:#c4a36c;--paper:#f1e9db;--line:#d3c4a9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:#26342c;font:15px/1.58 'DM Sans',sans-serif;display:grid;grid-template-columns:282px minmax(0,1fr)}
a{color:inherit;text-decoration:none}a:hover{color:#9a6f35}
aside{background:radial-gradient(circle at top,#17493c,var(--green) 70%);color:#e5ddc7;min-height:100vh;position:sticky;top:0;height:100vh;padding:28px;display:flex;flex-direction:column}
.mark{text-align:center;font:85px/1 'Cormorant Garamond',serif;color:var(--gold)}.brand{font:500 34px 'Cormorant Garamond',serif;letter-spacing:.12em;text-align:center}
aside small{text-align:center;color:var(--gold);letter-spacing:.13em;font-size:9px;padding-bottom:30px;border-bottom:1px solid #567566}
nav{display:grid;gap:5px;margin-top:25px}nav a{border-left:3px solid transparent;padding:13px;color:#e5dcc8;font-size:14px}
nav a:hover,nav a.active{border-color:var(--gold);color:#daba81;background:#ffffff12}
aside footer{margin-top:auto;border-top:1px solid #506d5a;padding-top:20px;font:italic 19px 'Cormorant Garamond',serif;color:#b2c1b0}
main{padding:22px clamp(18px,3vw,50px) 65px;min-width:0;max-width:1630px;width:100%;margin:auto}
header{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding-bottom:17px}
#breadcrumb,#kicker{font-size:11px;letter-spacing:.13em;color:#8f703b}
input{padding:11px;background:#e9dfcf;border:1px solid var(--line);border-radius:4px;width:min(310px,42vw)}
.intro{margin:30px 0 22px}.intro h1{font:500 clamp(44px,5vw,76px)/1 'Cormorant Garamond',serif;margin:10px 0 3px}
.intro p{font:27px 'Cormorant Garamond',serif;color:#44624f;margin:0}
.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(215px,25%);gap:22px}
.media{height:195px;position:relative;border:1px solid #b8baa1;background:#d8d3be;display:grid;place-items:center;overflow:hidden}
.media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.entry-link:hover .media img{transform:scale(1.035)}
.media.missing{background:linear-gradient(140deg,#c8d0bb,#efe3cc 60%,#b1c1b0)}
.media.missing:before{content:'◇';font:90px 'Cormorant Garamond',serif;color:#76947d;opacity:.3}
.media.missing span{position:absolute;bottom:13px;color:#426151;font-size:11px;text-align:center;padding:0 10px}
.hero{display:block;position:relative}.hero .media{height:clamp(275px,31vw,465px)}
.hero label{position:absolute;bottom:20px;left:20px;background:#14372ee0;color:#f7e6c7;padding:9px 18px;font:24px 'Cormorant Garamond',serif}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:17px;margin-top:18px}
.card{background:#f7f2e7;border:1px solid var(--line);min-width:0}
.card .entry-link{display:block;height:100%;padding-bottom:15px}.card h3{font:500 25px 'Cormorant Garamond',serif;margin:6px 14px}
.card small{display:block;margin:14px 14px 4px;color:#856d4c;text-transform:uppercase;font-size:10px;letter-spacing:.08em}
.card p{margin:8px 14px 14px;font-size:13px;color:#556054;line-height:1.6}
.read-more{display:block;margin:10px 14px;color:#8c6a37;font-size:12px}
.focus{border:1px solid #d3c4a9;padding:18px;align-self:start;background:#efe5d5}
.focus small{color:#9e7c48;font-size:11px;letter-spacing:.14em}.focus h2{font:500 30px 'Cormorant Garamond',serif;margin:12px 0}
.focus .media{height:180px}.focus p{font-size:13px;line-height:1.6}
.related{display:block;padding:14px 0;border-bottom:1px solid var(--line);font:20px 'Cormorant Garamond',serif}
.more{margin-top:35px}.more h2{font:500 35px 'Cormorant Garamond',serif;margin-bottom:0}
button#download{margin-top:28px;padding:11px 20px;background:#133d32;color:#f1e6c5;border:0;border-radius:3px;cursor:pointer}
.foot{margin-top:65px;padding-top:18px;border-top:1px solid var(--line);color:#8d7d65;font-size:11px}
.article-body{padding:24px 28px;background:#f7f1e7;border:1px solid var(--line);margin-top:18px}
.article-body>p{max-width:85ch}.status{display:inline-block;color:#375a49;background:#dae8db;padding:4px 10px;font-size:11px;text-transform:uppercase;letter-spacing:.09em}
.markdown{max-width:92ch;margin-top:25px;font:16px/1.7 Georgia,serif;overflow-wrap:anywhere}
.markdown h1,.markdown h2,.markdown h3,.markdown h4{font-family:'Cormorant Garamond',serif;font-weight:600;line-height:1.15;margin:28px 0 12px}
.markdown h1{font-size:35px}.markdown h2{font-size:28px}.markdown h3{font-size:23px}
.markdown p{margin:11px 0}.markdown li{margin:7px 0}.markdown a{color:#18655a;text-decoration:underline}
.markdown pre{padding:18px;background:#e5e4d7;white-space:pre-wrap;overflow-wrap:anywhere}
.back-link,.source-download{display:inline-block;margin:25px 20px 8px 0;color:#8b6b39;text-decoration:underline}
.meta{color:#877969;font-size:12px}.image-gallery{margin-top:32px}.image-gallery h2{font:500 32px 'Cormorant Garamond',serif}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:16px}
.gallery-grid figure{margin:0;border:1px solid var(--line);background:#fff9ee}
.gallery-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.gallery-grid figcaption{padding:9px 12px;font-size:12px;color:#4a594e}
@media(max-width:1050px){.layout{grid-template-columns:1fr}.focus{display:block;margin-top:16px}}
@media(max-width:740px){body{display:block}aside{position:relative;height:auto;min-height:0;padding:14px}.mark,.brand,aside small,aside footer{display:none}nav{display:flex;overflow:auto;margin:0;gap:4px}nav a{white-space:nowrap;padding:9px;font-size:12px}main{padding:20px}.intro h1{font-size:52px}.intro p{font-size:22px}header{flex-wrap:wrap}input{width:100%}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card .media{height:140px}}
@media(max-width:440px){.cards{grid-template-columns:1fr}}

/* Chronik: lesbare, datierungsbewusste Ereignisfolge. */
.timeline-intro{max-width:64ch;padding:22px 26px;border-left:3px solid var(--gold);background:#e7ddcb;font:20px/1.55 'Cormorant Garamond',serif}
.timeline{display:grid;gap:0;margin:15px auto 35px;max-width:1050px;border-left:2px solid #b39a70;padding-left:30px}
.timeline-event{position:relative;padding:5px 10px 26px 20px;border-bottom:1px solid var(--line)}
.timeline-event::before{content:'';position:absolute;left:-37px;top:16px;width:11px;height:11px;border-radius:50%;background:var(--gold);border:2px solid var(--paper)}
.timeline-date{display:block;font-size:12px;letter-spacing:.045em;color:#82643d}
.timeline-event h3{font:500 29px/1.18 'Cormorant Garamond',serif;margin:8px 0}
.timeline-event p{max-width:75ch;margin:5px 0 10px}
.timeline-event a:hover h3{text-decoration:underline;text-decoration-color:var(--gold)}
.timeline-context{font:13px/1.65 'DM Sans',sans-serif;color:#625a4b;margin-top:10px;padding-top:9px;border-top:1px dotted var(--line)}
.timeline-context span{font-weight:600}
.timeline-context a{color:#355544;text-decoration:underline;text-underline-offset:3px}
.timeline-context a:hover{color:#82643d}

.timeline-epoch{font:600 30px/1.2 'Cormorant Garamond',serif;color:#355544;margin:30px 0 15px -18px;padding:10px 0;border-bottom:1px solid var(--line)}

/* Ausklappbare Unterrubriken: eigenständige, direkt verlinkbare Filteransichten. */
nav{display:block;overflow-y:auto;min-height:0}
.nav-group{margin:3px 0}
.nav-heading{display:flex;align-items:center}
.nav-heading>a{display:block;flex:1;min-width:0}
.nav-toggle{background:transparent;border:0;color:#d2bd90;padding:11px 9px;cursor:pointer;font-size:15px;transition:transform .2s}
.nav-toggle[aria-expanded="true"]{transform:rotate(180deg)}
.nav-toggle:hover,.nav-toggle:focus-visible{color:white;outline:1px solid #c4a36c}
.subnav{margin:0 0 10px 15px;padding:3px 0 5px 10px;border-left:1px solid #637a6b}
.subnav[hidden]{display:none}
.subnav a{display:flex;justify-content:space-between;gap:8px;padding:6px 7px 6px 11px;font-size:12px;border-left:2px solid transparent;color:#c8d3c5}
.subnav a:hover,.subnav a.selected{background:#ffffff12;border-left-color:var(--gold);color:#eac78c}
.subnav small{font-size:10px;color:#b6a87f}
@media(max-width:740px){nav{display:flex;overflow-x:auto;overflow-y:visible;gap:5px}.nav-group{flex:0 0 auto}.nav-heading>a{white-space:nowrap}.subnav{margin-left:6px;padding-left:3px}.subnav a{white-space:nowrap}.nav-toggle{padding:6px}}

/* Zweistufiges Seitenmenü: Hauptmenü oder eigenständige Unterbereichsansicht. */
nav{display:block;overflow-y:auto;min-height:0;margin-top:25px}
.nav-root>a,.nav-drill>a{display:block;position:relative;border-left:3px solid transparent;padding:12px;color:#e5dcc8;font-size:14px}
.nav-root>a:hover,.nav-drill>a:hover,.nav-drill>a.selected{border-left-color:var(--gold);background:#ffffff12;color:#eac78c}
.nav-forward{float:right;font-size:19px;line-height:1}
.nav-drill .nav-back{display:flex;gap:9px;align-items:center;color:#d2bd90;font-size:12px;padding:7px 10px;border-left:0}
.nav-back span{font-size:25px;line-height:1}
.nav-drill-title{font:500 28px/1.12 'Cormorant Garamond',serif;color:#efdfbb;padding:20px 10px 17px;border-bottom:1px solid #5b7869;margin-bottom:12px}
.nav-drill .nav-overview{font-weight:600}
.nav-drill .nav-overview span{float:right}
.nav-drill .nav-subitem{padding:10px 11px 10px 17px;font-size:13px}
.nav-subitem small{float:right;color:#bca77d;font-size:11px}
.nav-back-bottom{margin-top:28px;padding-top:12px;border-top:1px solid #5b7869}
@media(max-width:740px){nav{display:block;overflow-y:visible;overflow-x:visible;margin:0}.nav-root{display:flex;overflow-x:auto}.nav-root>a{flex:0 0 auto;white-space:nowrap;padding:9px}.nav-drill{display:flex;align-items:center;gap:5px;overflow-x:auto}.nav-drill-title{flex:0 0 auto;font-size:19px;margin:0;padding:8px;border:0}.nav-drill>a{flex:0 0 auto;white-space:nowrap;padding:9px;font-size:12px}.nav-back-bottom{flex:0 0 auto;margin:0;padding:0;border:0}}

.markdown img{display:block;max-width:100%;height:auto;margin:1.25rem auto;border-radius:3px}

/* Lesefassung der unveränderten Archivtexte direkt in den Quellenwegweisern. */
.source-hub-texts,.collected-texts{margin-top:38px;padding-top:20px;border-top:1px solid var(--line)}
.source-hub-texts>h2,.collected-story>h2{font:600 clamp(27px,3vw,36px)/1.15 'Cormorant Garamond',serif;color:#23463a}
.source-hub-story{margin:13px 0;border:1px solid var(--line);background:#fcf8f0}
.source-hub-story>summary{cursor:pointer;padding:15px 18px;font:600 23px/1.2 'Cormorant Garamond',serif;color:#254b3d;list-style-position:inside}
.source-hub-story[open]>summary{border-bottom:1px solid var(--line);background:#e9e5d7}
.source-hub-story>.markdown{padding:0 22px 12px;margin:16px 0;max-width:92ch}
.source-hub-link,.collected-story-link{padding:0 22px 16px;font-size:13px;color:#725832}
.source-hub-link a,.collected-story-link a{text-decoration:underline}
.collected-story{margin:28px 0 45px;padding-top:14px;border-top:1px solid var(--line)}
.collected-story>.markdown{margin-top:10px}
@media(max-width:740px){.source-hub-story>.markdown{padding:0 14px 10px}.source-hub-story>summary{font-size:21px;padding:13px}}


/* Fauna: gut lesbarer Artikel mit klarer Hierarchie und Porträtverweisen. */
.fauna-article{max-width:860px;margin:0 auto;padding:clamp(4px,1vw,12px) 0 20px}
.fauna-article .fauna-lead{font:500 clamp(21px,2.2vw,28px)/1.48 'Cormorant Garamond',serif;color:#29493b;margin:0 0 32px}
.fauna-article section{margin:30px 0 0;padding-top:20px;border-top:1px solid var(--line)}
.fauna-article h2{font:500 clamp(28px,3vw,37px)/1.2 'Cormorant Garamond',serif;color:#173b30;margin:0 0 13px}
.fauna-article p{font-size:15px;line-height:1.85;margin:0 0 15px;max-width:75ch}
.fauna-species-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:11px;margin:23px 0}
.fauna-species-grid a{display:flex;flex-direction:column;gap:7px;padding:16px 17px;border:1px solid var(--line);background:#f7f2e7;transition:background .2s}
.fauna-species-grid a:hover{background:#ebe2d2}
.fauna-species-grid strong{font:500 24px 'Cormorant Garamond',serif;color:#173b30}
.fauna-species-grid span{font-size:12px;color:#82683f}
.fauna-primary-link{display:inline-block;padding:10px 0;border-bottom:1px solid #977847;color:#6f542d;font-weight:600}
@media(max-width:650px){.fauna-article .fauna-lead{font-size:22px}.fauna-article section{margin-top:22px}.fauna-species-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){.fauna-species-grid{grid-template-columns:1fr}}


/* Bestiarum-Lesebuch: fünf Kapitel, vierzig getrennte und dauerhaft verlinkte Geschichten. */
.bestiarum-reading{margin:34px 0 38px;padding:0;max-width:960px}
.bestiarum-intro{border-top:1px solid var(--line);padding-top:23px;margin-bottom:28px}
.bestiarum-intro h2{font:500 clamp(32px,3.5vw,44px)/1.1 'Cormorant Garamond',serif;color:#173b30;margin:0 0 10px}
.bestiarum-intro p{font-size:15px;line-height:1.8;max-width:70ch;margin:0}
.bestiarum-book{margin:30px 0 40px}
.bestiarum-book-header{display:grid;grid-template-columns:1fr auto;align-items:end;gap:3px 12px;padding:0 2px 15px;margin-bottom:13px;border-bottom:2px solid #9c855e}
.bestiarum-book-header>span{grid-column:1 / -1;color:#856d4a;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:600}
.bestiarum-book-header h3{font:500 clamp(25px,3vw,35px)/1.14 'Cormorant Garamond',serif;color:#1a4435;margin:0}
.bestiarum-book-header small{font-size:12px;color:#786e5e;white-space:nowrap;padding-bottom:4px}
.bestiarum-story{background:#faf6ee;border:1px solid #d8cbb5;border-radius:5px;overflow:hidden;margin:11px 0;scroll-margin-top:22px}
.bestiarum-story>summary{list-style:none;display:flex;align-items:center;gap:13px;cursor:pointer;padding:16px 18px;color:#1a3d31;transition:background .15s}
.bestiarum-story>summary::-webkit-details-marker{display:none}
.bestiarum-story>summary:hover,.bestiarum-story[open]>summary{background:#ede7da}
.bestiarum-story>summary:focus-visible{outline:3px solid #af8e53;outline-offset:-3px}
.bestiarum-number{display:grid;place-items:center;flex:0 0 38px;height:38px;background:#e6dac4;border:1px solid #d0bea0;border-radius:3px;font:600 13px 'DM Sans',sans-serif;letter-spacing:.04em}
.bestiarum-story-title{font:500 clamp(21px,2.4vw,27px)/1.22 'Cormorant Garamond',serif;flex:1;min-width:0}
.bestiarum-toggle{font:400 25px/1 'DM Sans',sans-serif;color:#80633d;transition:transform .2s}
.bestiarum-story[open] .bestiarum-toggle{transform:rotate(45deg)}
.bestiarum-story-inner{border-top:1px solid #d8cbb5;padding:21px clamp(17px,3.5vw,33px) 23px;background:#fffdf8}
.bestiarum-story-fulltext{max-width:76ch;font-size:15px;line-height:1.9;color:#2a352e}
.bestiarum-story-fulltext>p{margin:0 0 1.15em}
.bestiarum-story-fulltext h2,.bestiarum-story-fulltext h3{font:500 28px/1.2 'Cormorant Garamond',serif;color:#1d4736;margin:1em 0 .65em}
.bestiarum-direct{display:inline-block;color:#78582d;border-bottom:1px solid #9a7845;font-size:13px;font-weight:600;padding:6px 0;margin-top:8px}
.bestiarum-original{border-top:1px solid var(--line);padding-top:18px;font-size:13px}
.bestiarum-original a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:740px){.bestiarum-book-header{grid-template-columns:1fr}.bestiarum-book-header small{display:block}.bestiarum-story>summary{padding:13px 11px;gap:10px}.bestiarum-number{flex-basis:33px;height:33px}.bestiarum-story-inner{padding:17px 15px 20px}}

/* Gemeinsame Chronik: erzählte Familienereignisse und technische Zeitspannen unterscheidbar. */
.timeline-key{max-width:82ch;font-size:14px;line-height:1.7;color:#554d40;margin:0 0 20px}
.timeline-key a{color:#355544;text-decoration:underline;text-underline-offset:3px}
.timeline-series{display:inline-block;margin:0 0 4px;padding:3px 8px;border-radius:2px;background:#e9e2d2;color:#4e5d50;font-size:10px;letter-spacing:.07em;text-transform:uppercase}
.timeline-technical{background:linear-gradient(90deg,#f1ebdf 0,transparent 85%);border-left:3px solid #8a7250;margin-left:-3px;padding-left:17px}
.timeline-technical .timeline-series{background:#d9cbb3;color:#4f3e2a}
.timeline-event[id]{scroll-margin-top:24px}

/* Die Chronik ist eine fortlaufende Lesespalte, kein Raster aus Artikelkarten. */
.chronicle-timeline-page #entries{display:block;width:100%;min-width:0}
.chronicle-timeline-page #entries>h2{margin:30px 0 14px}
.chronicle-timeline-page .timeline{display:block;width:100%;max-width:940px;margin:24px 0 38px 8px}
.chronicle-timeline-page .timeline-event{max-width:880px;padding-bottom:30px}
.chronicle-timeline-page .timeline-event h3{font-size:clamp(25px,2.5vw,34px)}
.chronicle-timeline-page .timeline-event p{font-size:15px;line-height:1.72}
.chronicle-timeline-page .timeline-epoch{margin-top:43px}
.chronicle-timeline-page .timeline-key{max-width:940px}
.chronicle-frame-section{max-width:940px;margin:22px 0 35px}
.chronicle-frame-section h2{font:500 32px/1.2 'Cormorant Garamond',serif;margin:0 0 12px}
.chronicle-frame{display:flex;flex-direction:column;gap:6px;padding:18px 22px;border:1px solid var(--line);border-left:4px solid #5c7765;background:#eee7d9}
.chronicle-frame strong{font:500 25px/1.2 'Cormorant Garamond',serif}
.chronicle-frame span{font-size:14px;color:#50584d}
.chronicle-frame small{font-size:12px;color:#79603d}
@media(max-width:740px){.chronicle-timeline-page .timeline{padding-left:23px;margin-left:0}.chronicle-timeline-page .timeline-event{padding-left:10px}.chronicle-timeline-page .timeline-event::before{left:-30px}.chronicle-timeline-page .timeline-epoch{font-size:24px}.chronicle-frame-section h2{font-size:27px}}

/* Die Chronik lässt sich wie ein Buch lesen: Volltext in aufklappbaren Kapiteln. */
.chronicle-reading>summary{display:block;list-style:none;cursor:pointer;outline-offset:5px}
.chronicle-reading>summary::-webkit-details-marker{display:none}
.chronicle-reading>summary:hover h3,.chronicle-reading>summary:hover strong{text-decoration:underline;text-decoration-color:#a38861}
.chronicle-reading>summary:focus-visible{outline:2px solid #6c8264}
.timeline-reading>summary{padding:8px 18px 8px 0}
.timeline-read-action{display:inline-block;color:#745631;font-size:13px;font-weight:600;margin-top:9px;border-bottom:1px solid #ac936a}
.timeline-reading.expanded{background:#f8f3e9;border-right:1px solid #e1d5c1;padding-right:18px}
.chronicle-reader-panel{max-width:82ch;padding:22px 16px 18px 0;margin-top:11px;border-top:1px solid var(--line)}
.chronicle-reader-panel .markdown{max-width:72ch;margin-top:0;font-size:16px;line-height:1.85;color:#2e332e}
.chronicle-timeline-page .timeline-event .chronicle-reader-panel p{font:16px/1.85 Georgia,serif;margin:0 0 1.05em}
.chronicle-reader-direct{display:inline-block;margin-top:16px;padding:9px 13px;border:1px solid #b6a584;color:#4f654d;font-size:13px}
.chronicle-reader-direct:hover{background:#e9e0cf}
.chronicle-frame>summary{display:flex;flex-direction:column;gap:6px}
.chronicle-frame.expanded>summary small{font-style:italic}
.chronicle-frame .chronicle-reader-panel{margin-top:13px}
.chapter-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:42px}
.chapter-navigation a{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:16px 20px;background:#e8e0d1;border:1px solid #cbbda3;min-height:95px}
.chapter-navigation a:hover{background:#dcd1bd;color:#24493a}
.chapter-navigation .chapter-next{text-align:right;border-right:4px solid #6c8264}
.chapter-navigation .chapter-previous{border-left:4px solid #ad9165}
.chapter-navigation small{font-size:12px;color:#765e40}
.chapter-navigation strong{font:500 23px/1.25 'Cormorant Garamond',serif}
.chapter-navigation span{font-size:12px;color:#536454}
.chapter-navigation .chapter-index{font-size:14px}
@media(max-width:600px){.chapter-navigation{grid-template-columns:1fr}.chapter-navigation .chapter-next{text-align:left}.chronicle-reader-panel{padding-right:4px}.timeline-reading.expanded{padding-right:9px}}

/* Redaktionelles Lexikonlayout: klare Absätze, Gliederung, separat erhaltene Bilder. */
.encyclopedia-body{font-size:clamp(15px,1.08vw,17px);line-height:1.78;color:#272820;max-width:88ch}
.encyclopedia-body>p{margin:0 0 1.35em;max-width:82ch}
.encyclopedia-body h2{font-size:clamp(20px,2vw,27px);font-weight:650;color:#223c34;margin:2.1em 0 .6em;border-bottom:1px solid #cbbfa9;padding-bottom:.35em;scroll-margin-top:20px}
.encyclopedia-body .article-contents{background:#f0e9dc;border:1px solid #dbcfbb;margin:0 0 2.1em;padding:18px 22px;max-width:40rem}
.article-contents strong{font-size:14px;text-transform:uppercase;letter-spacing:.08em}
.article-contents ol{margin:11px 0 0 0;padding-left:22px;columns:2;column-gap:24px}
.article-contents li{break-inside:avoid;margin:0 0 5px;font-size:14px;line-height:1.55}
.article-contents a{color:#315c4e;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.article-contents ol{columns:1}.encyclopedia-body h2{margin-top:1.6em}}


/* Startseite: Neuerscheinungen stehen vor den älteren Themenartikeln. */
.home-page .intro{margin-bottom:27px}
.home-feature{overflow:hidden;border:1px solid var(--line);background:#d8d3be}
.home-feature .media{height:clamp(300px,35vw,475px);border:0}
.home-feature .home-feature-kicker{position:absolute;top:16px;left:16px;max-width:calc(100% - 32px);padding:7px 12px;background:#14372ee6;color:#f7e6c7;font-size:11px;letter-spacing:.07em}
.home-feature label{max-width:calc(100% - 32px);line-height:1.1;font-size:clamp(24px,2.5vw,34px)}
.home-feature-summary{padding:13px 2px 4px;margin:0;max-width:75ch;font-size:15px;line-height:1.7;color:#4c5d50}
.home-feed-card .media{height:190px}
.home-feed-card small{line-height:1.5}
.home-no-results{padding:28px;background:#f7f2e7;border:1px solid var(--line)}
.home-archive-note{color:#657264;font-size:14px}
.home-page .focus h2{margin-top:7px}
.home-page .focus .related{font-size:19px}
@media(max-width:740px){.home-feature .media{height:320px}.home-feed-card .media{height:160px}.home-feature .home-feature-kicker{font-size:10px}.home-feature label{font-size:26px}}

/* Tierfabeln: reine Titelliste mit vollständigem Text und Bild beim Aufklappen. */
body.fables-page .layout{grid-template-columns:minmax(0,1fr)}
body.fables-page #cards{display:block;margin-top:0}
body.fables-page .focus,body.fables-page .more,body.fables-page .foot{display:none}
body.fables-page #subtitle,body.fables-page #kicker{display:none}
body.fables-page .intro{margin-bottom:22px}
.fables-collection{max-width:900px}
.fable-story{margin:0 0 10px;border:1px solid #d8cbb5;border-radius:5px;overflow:hidden;background:#faf6ee;scroll-margin-top:24px}
.fable-story>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;padding:17px 22px;color:#1a3d31}
.fable-story>summary::-webkit-details-marker{display:none}
.fable-story>summary:hover,.fable-story[open]>summary{background:#ede7da}
.fable-story>summary:focus-visible{outline:3px solid #af8e53;outline-offset:-3px}
.fable-title{font:500 clamp(24px,2.8vw,31px)/1.25 'Cormorant Garamond',serif}
.fable-toggle{flex:0 0 auto;color:#80633d;font-size:26px;line-height:1;transition:transform .2s}
.fable-story[open] .fable-toggle{transform:rotate(45deg)}
.fable-story-content{padding:21px clamp(17px,3vw,32px) 28px;border-top:1px solid #d8cbb5;background:#fffdf8}
.fable-illustration{margin:0 0 22px}
.fable-illustration .media{height:clamp(220px,36vw,420px);max-width:760px}
.fable-illustration img{object-fit:cover}
.fable-story-images{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin:0 0 24px}
.fable-story-images .fable-illustration{margin:0}
.fable-sources{margin-top:24px;padding-top:14px;border-top:1px solid #e3d9ca;font-size:.85rem;color:#536458}
.fable-sources a{color:#285849;text-decoration:underline;text-underline-offset:3px}
.fable-fulltext{max-width:76ch;margin:0;font-size:16px;line-height:1.9}
.fable-fulltext p{margin:0 0 1.1em}
@media(max-width:740px){.fable-story>summary{padding:14px 15px}.fable-story-content{padding:16px 15px 22px}.fable-illustration .media{height:260px}}

/* Chronik: gesondert gekennzeichnete, nichtkanonische Übergänge zwischen Quellenkapiteln. */
.timeline-bridge{margin:12px 0 24px 2px;padding:18px 22px;background:#e9e4d8;border-left:3px solid #5b7465;color:#3d483e}
.timeline-bridge-label{display:block;font:600 10px/1.5 'DM Sans',sans-serif;letter-spacing:.09em;color:#4c6856}
.timeline-bridge h3{font:500 24px/1.2 'Cormorant Garamond',serif;margin:8px 0}
.timeline-bridge p{max-width:76ch;line-height:1.7;margin:0 0 8px}
.timeline-bridge .timeline-context{border-color:#bcb7a7}