
:root{
 --bg:#f4f0e7;--paper:#fffdf8;--ink:#25211d;--muted:#6e675f;--line:#d8cfbf;
 --gold:#b99758;--gold2:#eadfca;--tableA:#ffffcc;--tableB:#cccccc;--accent:#775a2f;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.65}
a{color:#5f4827;text-decoration:none} a:hover{text-decoration:underline}
header.sms{position:sticky;top:0;z-index:20;background:rgba(255,253,248,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.header-in{max-width:1180px;margin:auto;padding:12px 22px;display:flex;justify-content:space-between;gap:18px;align-items:center}
.brand{font-weight:800;letter-spacing:.02em}.brand a{color:var(--ink)}
.toplinks{display:flex;flex-wrap:wrap;gap:12px;font-size:.92rem}
main{max-width:1180px;margin:auto;padding:34px 22px 70px}
.hero{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:42px;box-shadow:0 18px 45px rgba(65,52,33,.08)}
.kicker{font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--accent)}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;line-height:1.15}
h1{font-size:clamp(2.3rem,5vw,5rem);margin:.25em 0 .2em}
h2{font-size:clamp(1.7rem,3vw,2.8rem)}
.lead{font-size:1.18rem;color:#4f4942;max-width:900px}
.video{margin:30px 0;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#111}
.video iframe{width:100%;height:100%;border:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:28px 0}
.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9e1d2}
.card .body{padding:18px}
.card h3{margin:.1em 0 .4em;font-size:1.45rem}
.chip{display:inline-block;padding:6px 10px;border-radius:999px;background:var(--gold2);font-size:.8rem;font-weight:700}
.section{margin-top:42px}
.navchips{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.navchips a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px}
.school-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,360px);gap:30px;align-items:start}
.school-image{background:var(--paper);border:1px solid var(--line);padding:14px;border-radius:18px;position:sticky;top:88px}
.school-image img{display:block;width:100%;height:auto;border-radius:12px}
.text-panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:28px}
.source{font-size:.88rem;color:var(--muted);border-top:1px solid var(--line);margin-top:28px;padding-top:16px}
.table-wrap{overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:12px}
.table-wrap table{border-collapse:collapse;width:100%!important;height:auto!important;min-width:760px}
.table-wrap td,.table-wrap th{border:1px solid #d8cfbf!important;padding:7px 9px!important;color:#2c2824!important;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif!important;font-size:.91rem!important;vertical-align:top}
.table-wrap tr.row-yellow td{background:#ffffcc!important}
.table-wrap tr.row-grey td{background:#cccccc!important}
.table-wrap tr.row-white td{background:#ffffff!important}
.table-wrap tr.row-other td{background:#f4f4f4!important}
.table-wrap tr.table-head td,.table-wrap tr.table-head th{background:#ffffff!important;font-weight:800}
.materials{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.material{padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:16px}
footer{border-top:1px solid var(--line);background:#eee8dc;color:#554f48}
.footer-in{max-width:1180px;margin:auto;padding:30px 22px;font-size:.9rem;text-align:center}
.footer-in p{margin:.6em auto;max-width:1000px}
@media(max-width:800px){
 .hero{padding:26px 20px}.school-layout{grid-template-columns:1fr}.school-image{position:static}
 .header-in{align-items:flex-start;flex-direction:column}.toplinks{font-size:.86rem}
}


.school-original p{margin:0 0 1.05em}
.school-original br{line-height:1.9}
.school-original strong{font-weight:800}
.school-original > div{margin:0 0 1em}
.school-original h3{margin-top:1.4em}

.table-wrap td.cell-white,.table-wrap th.cell-white{background:#ffffff!important}

.school-source-content p{margin:0 0 1.1em}.school-source-content div{margin:0 0 1em}.school-source-content br{line-height:1.85}.school-source-content{font-size:1rem}

.tabellen-nav-bottom{margin-top:22px;margin-bottom:8px}


.compare-images{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:24px 0}
.compare-images figure{margin:0;background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.compare-images img{display:block;width:100%;height:auto}
.compare-images figcaption{padding:14px 16px;font-size:.92rem;color:#4f4942}
.fact-note{margin:22px 0;padding:18px 20px;background:#fff3b8;border-left:5px solid #d2a62f;border-radius:10px}
.feature-list{padding-left:1.35rem}.feature-list li{margin:.65em 0}
.genealogy-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 20px;margin:20px 0}
.lineage-diagram{min-width:980px;display:grid;grid-template-columns:1.7fr .8fr .8fr;gap:36px;align-items:start}
.branch{text-align:center}
.node{display:inline-flex;align-items:center;justify-content:center;background:#fff8b9;border:1px solid #eadf82;border-radius:4px;padding:12px 14px;min-height:54px;font-weight:700;margin:4px}
.stem{font-weight:900;font-size:1.35rem;line-height:1.2;margin:2px auto}
.row{display:grid;gap:2px;align-items:stretch;margin:4px auto}
.row.two{grid-template-columns:1fr 1fr}.row.three{grid-template-columns:1fr 1fr 1fr}
.spacer.top{height:76px}.branch-right .lower{margin-top:42px}
.bottom-nav{margin-top:30px}
@media(max-width:760px){.compare-images{grid-template-columns:1fr}.genealogy-wrap{padding:12px 8px}}
