:root{
  --bg:#f7f6f3; --text:#2b2d31; --muted:#6c6e74; --line:#e4e1da; --panel:#ffffff; --panel-2:#f0eee9;
  --accent:#c19a45; --accent-ink:#2b2d31; --sil:#2b2d31; --rust:#8f6b22; --moss:#3d7a55; --ink-btn:#2b2d31; --ink-btn-t:#f7f6f3;
  --gold:#9a7424; --stone:#fbfaf7; --stone-2:#f0eee9; --stone-t:#2b2d31;
  --t-trias:#f1e6dc; --t-jura:#e3ebe2; --t-kreide:#e1e7ee; --t-other:#ecebe7;
  --goldg:linear-gradient(135deg,#8f6a1f 0%,#d9b45a 45%,#f3dc92 55%,#b48a33 100%);
  --bbbg:#f3f1ec; --bbt:#2b2d31; --bbm:#6c6e74;
  --shadow:0 6px 20px rgba(0,0,0,.12); --font-body:'Jost',system-ui,-apple-system,'Segoe UI',sans-serif; --font-display:var(--font-body);
  box-sizing:border-box; padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --bg:#161719; --text:#ece9e2; --muted:#a3a19b; --line:#2e2f32; --panel:#1d1e21; --panel-2:#242528;
  --accent:#d4b064; --accent-ink:#161719; --sil:#ece9e2; --rust:#dcbd7a; --moss:#6fc796; --ink-btn:#ece9e2; --ink-btn-t:#161719;
  --gold:#d4b064; --stone:#111214; --stone-2:#1d1e21; --stone-t:#ece9e2;
  --t-trias:#2c2622; --t-jura:#1f2823; --t-kreide:#1e242c; --t-other:#232427;
  --goldg:linear-gradient(135deg,#9c7626 0%,#e2c170 45%,#f6e3a4 55%,#c09a45 100%);
  --bbbg:#1b1c1f; --bbt:#ece9e2; --bbm:#a3a19b; --shadow:0 6px 20px rgba(0,0,0,.5); } }
:root[data-theme="dark"]{
  --bg:#161719; --text:#ece9e2; --muted:#a3a19b; --line:#2e2f32; --panel:#1d1e21; --panel-2:#242528;
  --accent:#d4b064; --accent-ink:#161719; --sil:#ece9e2; --rust:#dcbd7a; --moss:#6fc796; --ink-btn:#ece9e2; --ink-btn-t:#161719;
  --gold:#d4b064; --stone:#111214; --stone-2:#1d1e21; --stone-t:#ece9e2;
  --t-trias:#2c2622; --t-jura:#1f2823; --t-kreide:#1e242c; --t-other:#232427;
  --goldg:linear-gradient(135deg,#9c7626 0%,#e2c170 45%,#f6e3a4 55%,#c09a45 100%);
  --bbbg:#1b1c1f; --bbt:#ece9e2; --bbm:#a3a19b; --shadow:0 6px 20px rgba(0,0,0,.5); }
*{box-sizing:inherit;}
html{scroll-padding-top:env(safe-area-inset-top,0px);}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;}
button{font:inherit;color:inherit;cursor:pointer;}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px;}
a{color:inherit;}

/* ---------------- Header */
.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--bg);border-bottom:1px solid var(--line);}
.hrow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 40px;max-width:1760px;margin:0 auto;}
.logo{display:flex;align-items:center;gap:8px;color:var(--text);font-weight:800;font-size:21px;letter-spacing:-.02em;text-decoration:none;flex:0 0 auto;}
.logo svg{width:30px;height:30px;color:var(--accent);}
.pill{display:flex;align-items:center;border:1px solid var(--line);border-radius:40px;box-shadow:0 1px 2px rgba(0,0,0,.08),0 4px 12px rgba(0,0,0,.05);background:var(--panel);padding:6px 6px 6px 8px;min-width:0;flex:0 1 640px;}
.seg{display:flex;flex-direction:column;padding:4px 18px;border-right:1px solid var(--line);min-width:0;flex:1 1 0;}
.seg:last-of-type{border-right:none;}
.seg label{font-size:12px;font-weight:700;}
.seg input,.seg select{border:none;background:none;padding:0;font:inherit;font-size:14px;color:var(--muted);outline:none;min-width:0;width:100%;appearance:none;-webkit-appearance:none;}
.seg input::placeholder{color:var(--muted);}
.sbtn{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:none;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;}
.sbtn svg{width:16px;height:16px;}
.hright{display:flex;align-items:center;gap:8px;flex:0 0 auto;}
.hbtn{border:1px solid var(--line);background:var(--panel);border-radius:24px;padding:10px 16px;font-weight:600;font-size:14px;display:flex;gap:8px;align-items:center;}
.hbtn svg{width:16px;height:16px;}
.hbtn .n{background:var(--accent);color:var(--accent-ink);border-radius:10px;font-size:11px;padding:1px 7px;}

/* ---------------- Kategorien */
.catrow{display:flex;align-items:center;gap:24px;padding:10px 40px 0;max-width:1760px;margin:0 auto;}
.cats{display:flex;gap:34px;overflow-x:auto;scrollbar-width:none;flex:1 1 auto;padding-bottom:2px;}
.cats::-webkit-scrollbar{display:none;}
.cat{flex:0 0 auto;background:none;border:none;border-bottom:2px solid transparent;padding:6px 0 12px;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:600;}
.cat svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.cat:hover{color:var(--text);border-bottom-color:var(--line);}
.cat.on{color:var(--text);border-bottom-color:var(--text);}
.fbtn{flex:0 0 auto;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:12px 16px;font-size:12px;font-weight:600;display:flex;gap:8px;align-items:center;margin-bottom:10px;}
.fbtn svg{width:16px;height:16px;}
.fbtn .n{background:var(--text);color:var(--bg);border-radius:10px;padding:0 6px;font-size:11px;}

/* ---------------- Raster */
main{max-width:1760px;margin:0 auto;padding:22px 40px 120px;}
.count{font-size:14px;color:var(--muted);margin:0 0 18px;}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:40px 24px;}
.card{cursor:pointer;min-width:0;}
.ph{position:relative;aspect-ratio:20/19;border-radius:14px;overflow:hidden;background:var(--t-other);}
.ph svg.th{position:absolute;inset:0;width:100%;height:100%;}
.th .s{fill:var(--sil);} .th .sf{fill:var(--sil);opacity:.45;} .th .g{stroke:var(--sil);opacity:.18;stroke-width:3;}
.badge{position:absolute;top:12px;left:12px;background:var(--panel);color:var(--text);border-radius:20px;padding:5px 11px;font-size:12px;font-weight:700;box-shadow:0 1px 4px rgba(0,0,0,.12);}
.heart{position:absolute;top:10px;right:10px;border:none;background:none;padding:4px;}
.heart svg{width:26px;height:26px;fill:rgba(0,0,0,.45);stroke:#fff;stroke-width:2;}
.heart.on svg{fill:var(--accent);}
.sz{position:absolute;left:12px;bottom:10px;font-size:12px;font-weight:600;color:var(--sil);opacity:.75;}
.ci{margin-top:10px;}
.r1{display:flex;justify-content:space-between;gap:10px;align-items:baseline;}
.r1 b{font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rt{font-size:14px;flex:0 0 auto;display:flex;gap:4px;align-items:center;}
.rt svg{width:12px;height:12px;fill:currentColor;}
.r2{color:var(--muted);font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.r3{margin-top:4px;font-size:15px;} .r3 b{font-weight:600;}
.more{display:block;margin:48px auto 0;background:var(--ink-btn);color:var(--ink-btn-t);border:none;border-radius:10px;padding:14px 24px;font-weight:600;font-size:15px;}
.empty{padding:80px 0;text-align:center;color:var(--muted);}
.empty b{display:block;color:var(--text);font-size:22px;margin-bottom:6px;}

/* ---------------- Karte */
.mapbtn{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:15;background:var(--ink-btn);color:var(--ink-btn-t);border:none;border-radius:24px;padding:14px 20px;font-weight:600;font-size:14px;display:flex;gap:8px;align-items:center;box-shadow:var(--shadow);}
.mapbtn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;}
.bigmap{width:100%;height:auto;border-radius:14px;background:var(--t-kreide);display:block;}
.bigmap .land{fill:var(--bg);stroke:var(--line);stroke-width:.4;}
.bigmap .dt{fill:var(--accent);stroke:var(--bg);stroke-width:.5;cursor:pointer;}
.bigmap .dt:hover{r:3.2;}
.mapnote{color:var(--muted);font-size:13px;margin-top:10px;}

/* ---------------- Filter-Sheet */
.sheet{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;padding:24px;}
.sheet.show{display:flex;}
.sbox{background:var(--bg);border-radius:14px;width:100%;max-width:760px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow);}
.shd{display:flex;align-items:center;justify-content:center;position:relative;padding:18px;border-bottom:1px solid var(--line);font-weight:700;font-size:16px;}
.shd button{position:absolute;left:14px;border:none;background:none;font-size:18px;width:34px;height:34px;border-radius:50%;}
.sbody{overflow-y:auto;padding:4px 24px;}
.fsec{padding:24px 0;border-bottom:1px solid var(--line);}
.fsec:last-child{border-bottom:none;}
.fsec h4{margin:0 0 14px;font-size:20px;font-weight:600;}
.chips{display:flex;flex-wrap:wrap;gap:10px;}
.chip{border:1px solid var(--line);background:var(--panel);border-radius:30px;padding:9px 16px;font-size:14px;}
.chip:hover{border-color:var(--text);}
.chip.active,.chip.on{background:var(--text);color:var(--bg);border-color:var(--text);}
.sft{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid var(--line);}
.sft .clr{border:none;background:none;text-decoration:underline;font-weight:600;padding:10px 4px;}
.sft .go{background:var(--ink-btn);color:var(--ink-btn-t);border:none;border-radius:10px;padding:14px 24px;font-weight:600;}
.tgl{display:flex;justify-content:space-between;align-items:center;gap:16px;}
.tgl small{display:block;color:var(--muted);font-size:14px;}
.sw{width:48px;height:32px;border-radius:16px;background:var(--line);border:none;position:relative;flex:0 0 auto;}
.sw::after{content:'';position:absolute;top:2px;left:2px;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:left .15s;}
.sw.on{background:var(--text);} .sw.on::after{left:18px;}

/* ---------------- Detailseite */
.det{position:fixed;inset:0;z-index:30;background:var(--bg);overflow-y:auto;display:none;padding-top:env(safe-area-inset-top,0px);}
.det.show{display:block;}
.dbar{position:sticky;top:0;z-index:2;background:var(--bg);border-bottom:1px solid var(--line);}
.dbar .in{max-width:1120px;margin:0 auto;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;}
.back{border:none;background:none;display:flex;align-items:center;gap:8px;font-weight:600;padding:8px 10px 8px 0;}
.back svg,.act svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;}
.acts{display:flex;gap:4px;}
.act{border:none;background:none;display:flex;gap:6px;align-items:center;font-weight:600;font-size:14px;text-decoration:underline;padding:8px 10px;border-radius:8px;}
.act:hover{background:var(--panel-2);}
.act.on svg{fill:var(--accent);stroke:var(--accent);}
.dwrap{max-width:1120px;margin:0 auto;padding:22px 24px 80px;}
.dwrap h1{font-size:28px;font-weight:700;letter-spacing:-.01em;margin:0 0 6px;}
.dsub{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:15px;align-items:center;}
.dsub .u{text-decoration:underline;font-weight:600;}
.gal{display:grid;grid-template-columns:3fr 2fr;gap:8px;margin:22px 0 32px;border-radius:14px;overflow:hidden;}
.gt{background:var(--t-other);display:flex;flex-direction:column;justify-content:center;padding:18px;min-height:260px;}
.gt .cap{font-size:12px;font-weight:600;color:var(--muted);margin-top:8px;}
.gt svg{width:100%;height:auto;display:block;border:none!important;background:none!important;}
.dcols{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:72px;align-items:start;}
.hl{display:grid;gap:20px;padding:0 0 30px;border-bottom:1px solid var(--line);}
.hli{display:flex;gap:18px;align-items:flex-start;}
.hli svg{width:26px;height:26px;flex:0 0 auto;stroke:var(--text);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-top:2px;}
.hli b{display:block;font-weight:600;font-size:16px;}
.hli span{color:var(--muted);font-size:14px;}
.lead{padding:28px 0 0;font-size:16px;line-height:1.6;}
.aside{position:sticky;top:90px;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:24px;background:var(--panel);}
.aside h3{margin:0 0 18px!important;border:none!important;padding:0!important;font-size:22px!important;}
.gv{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:16px;}
.gv div{padding:10px 12px;} .gv div+div{border-left:1px solid var(--line);}
.gv small{display:block;font-size:10.5px;font-weight:700;} .gv span{font-size:18px;font-weight:600;}
.arow{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:15px;}
.arow span:first-child{text-decoration:underline;color:var(--text);}
.cta{width:100%;background:var(--accent);color:var(--accent-ink);border:none;border-radius:10px;padding:14px;font-weight:700;font-size:16px;margin:10px 0 12px;}
.cta.on{background:var(--ink-btn);color:var(--ink-btn-t);}
.anote{font-size:13px;color:var(--muted);text-align:center;}

/* Inhalte aus dem Steckbrief, im neuen Stil */
.content h3{font-size:22px;font-weight:600;margin:0;padding:32px 0 16px;border-top:1px solid var(--line);}
.content .facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 24px;}
.content .fact{padding:0;border:none;background:none;} .fk{font-size:13px;color:var(--muted);font-weight:500;} .fv{font-size:16px;}
.small{font-size:13px;color:var(--muted);margin-top:4px;} .na{color:var(--muted);}
.lvl{display:inline-block;font-size:11px;padding:1px 7px;border-radius:10px;background:var(--panel-2);color:var(--muted);margin-left:4px;font-weight:600;}
.lvl.ok{color:var(--moss);}
.cref{color:var(--accent);font-size:10.5px;margin-left:1px;}
.tags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px;}
.tags li{border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:14px;}
.glink{background:none;border:none;padding:0;color:var(--text);font:inherit;font-style:italic;text-decoration:underline;}
.glist{line-height:2;}
.curbox{border:none;border-radius:0;padding:0;margin:0 0 8px;background:none;}
.curbox .facts,.curhead{display:none;}
.curbox p{margin:10px 0 0;font-size:15px;line-height:1.6;}
.spwrap{display:grid;gap:10px;}
.spc{border:1px solid var(--line);border-radius:12px;padding:12px 16px;}
.sptop{border-color:var(--text);}
.spn{font-size:16px;font-weight:600;} .topb{font-size:12px;font-weight:700;color:var(--accent);margin-left:6px;}
.spt{font-size:14px;margin-top:6px;}
svg.skel,svg.sizesvg,svg.mapsvg{width:100%;height:auto;display:block;border-radius:12px;}
svg.mapsvg{background:var(--t-kreide);} .mapsvg .land{fill:var(--bg);stroke:var(--line);stroke-width:.4;} .mapsvg .grid{stroke:transparent;}
.mapsvg .dot{fill:var(--accent);stroke:var(--bg);stroke-width:.6;}
.maptog{display:flex;gap:8px;margin-top:10px;}
.rf{fill:var(--accent);stroke:var(--bg);} .rm{fill:none;stroke:var(--muted);stroke-dasharray:3 2;opacity:.6;}
.dsil,.dbody{fill:var(--sil);} .dfar{fill:var(--sil);opacity:.45;} .hsil{fill:var(--accent);} .deye{fill:var(--t-other);}
.gline{stroke:var(--line);} .sbar{stroke:var(--muted);stroke-width:2;}
.stxt{fill:var(--muted);font-size:9px;text-anchor:middle;} .stxt2{fill:var(--muted);font-size:26px;text-anchor:middle;font-family:var(--font-body);}
.digsvg{width:100%;height:auto;display:block;border-radius:10px;}
.bfound{fill:#f3e9d2;stroke:#5c4630;stroke-width:1.5;} .bfounds{fill:none;stroke:#f3e9d2;stroke-linecap:round;}
.bmiss{fill:none;stroke:#6f5d45;stroke-width:1.5;stroke-dasharray:5 4;} .bmisss{fill:none;stroke:#6f5d45;stroke-dasharray:4 4;opacity:.8;}
.leg{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.6;}
.lg{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-2px;margin:0 4px 0 2px;}
.lf{background:#f3e9d2;border:1px solid #5c4630;} .lm{border:1.5px dashed #6f5d45;}
table.ids{border-collapse:collapse;} table.ids td{padding:6px 18px 6px 0;font-size:14px;border-bottom:1px solid var(--line);} table.ids td:first-child{color:var(--muted);}
.refs{padding-left:22px;font-size:13px;color:var(--muted);} .refs li{margin-bottom:8px;} .refs a{color:var(--accent);word-break:break-all;}
.kind{font-size:10.5px;font-weight:700;padding:1px 6px;border-radius:8px;background:var(--panel-2);}
.qb{display:inline-block;font-size:11px;font-weight:700;padding:1px 7px;border-radius:6px;}
.tier{display:inline-block;font-size:12px;font-weight:700;}


/* ---------------- Startseite */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:56px;align-items:center;padding:36px 0 60px;}
.hero h1{font-size:clamp(42px,6.2vw,80px);line-height:1;letter-spacing:-.04em;font-weight:800;margin:0 0 20px;max-width:9ch;}
.hero .sub{font-size:18px;line-height:1.5;color:var(--muted);max-width:36ch;margin:0;}
.hcta{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap;}
.bp{background:var(--accent);color:var(--accent-ink);border:none;border-radius:12px;padding:15px 22px;font-weight:700;font-size:16px;}
.bs{background:var(--panel);color:var(--text);border:1px solid var(--text);border-radius:12px;padding:14px 21px;font-weight:600;font-size:16px;}
.hvis{border-radius:28px;padding:26px 22px 18px;transition:background .3s;}
.hvis svg{width:100%;height:auto;display:block;}
.hcap{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:14px;color:var(--muted);}
.hchips{display:flex;gap:8px;}
.hs{padding:40px 0;border-top:1px solid var(--line);}
.hsh{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;}
.hsh h2{font-size:26px;font-weight:700;letter-spacing:-.02em;margin:0;}
.hsh button{border:none;background:none;text-decoration:underline;font-weight:600;font-size:15px;padding:4px;}
.hsh p{margin:4px 0 0;color:var(--muted);font-size:15px;}
.dotd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px;align-items:center;cursor:pointer;}
.dotd .ph{aspect-ratio:16/10;border-radius:20px;}
.dotd h3{font-size:34px;font-weight:800;letter-spacing:-.03em;margin:4px 0 6px;font-style:italic;}
.dotd .meta{color:var(--muted);font-size:15px;}
.dotd p{font-size:17px;line-height:1.6;max-width:56ch;}
.row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,270px);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin;}
.row .card{scroll-snap-align:start;}
.eras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.era{border:none;border-radius:22px;padding:24px;text-align:left;min-height:210px;display:flex;flex-direction:column;justify-content:space-between;color:var(--text);}
.era b{font-size:32px;font-weight:800;letter-spacing:-.03em;display:block;}
.era span{color:var(--muted);font-size:15px;}
.era em{font-style:normal;font-weight:600;font-size:15px;}
.recs{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;}
.rec{border:1px solid var(--line);border-radius:18px;padding:20px;text-align:left;background:var(--panel);}
.rec:hover,.fc:hover{border-color:var(--text);}
.rec .k{font-size:14px;color:var(--muted);display:block;}
.rec .v{font-size:30px;font-weight:800;letter-spacing:-.03em;display:block;margin:6px 0 2px;}
.rec .n{font-style:italic;font-weight:600;font-size:15px;}
.facts2{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;}
.fc{border:1px solid transparent;border-radius:18px;padding:22px;background:var(--panel-2);text-align:left;font-size:17px;line-height:1.55;}
.fc b{display:block;margin-top:12px;font-size:14px;color:var(--accent);font-style:italic;}
.dechips{display:flex;flex-wrap:wrap;gap:10px;}
.dechips .chip{font-style:italic;}
.band{margin:28px 0 0;border-radius:28px;background:var(--text);color:var(--bg);padding:44px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;}
.band h2{font-size:clamp(26px,3.4vw,40px);letter-spacing:-.03em;margin:0;max-width:18ch;font-weight:800;}
.band .bp{background:var(--bg);color:var(--text);}
body.home .catrow,body.home #mapbtn,body.home .count{display:none;}
@media (max-width:900px){ .hero{grid-template-columns:1fr;gap:28px;padding-top:16px;} .dotd{grid-template-columns:1fr;} .eras{grid-template-columns:1fr;} .era{min-height:130px;} .band{padding:28px;} }

/* ---------------- Navigation & Erweiterungen */
.tabs{display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none;max-width:1760px;margin:0 auto;padding:0 40px;}
.tabs::-webkit-scrollbar{display:none;}
.tab{border:none;background:none;padding:12px 14px;font-weight:600;font-size:14px;color:var(--muted);border-bottom:3px solid transparent;white-space:nowrap;}
.tab:hover{color:var(--text);} .tab.on{color:var(--text);border-bottom-color:var(--accent);}
.tabx{margin-left:auto;display:flex;gap:8px;padding:6px 0 6px 16px;}
.tog{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600;white-space:nowrap;}
.tog.on{background:var(--text);color:var(--bg);border-color:var(--text);}
body.feat .catrow,body.feat #mapbtn,body.feat .count{display:none;}
.fhead h1{font-size:clamp(34px,4.6vw,58px);letter-spacing:-.035em;font-weight:800;margin:14px 0 8px;line-height:1.02;}
.fhead p{color:var(--muted);font-size:18px;max-width:60ch;margin:0;}
.fsub h2{font-size:24px;letter-spacing:-.02em;margin:40px 0 16px;} .fsub h2 span{color:var(--muted);font-weight:500;font-size:16px;margin-left:8px;}
.tm{margin:28px 0 18px;} .tmv b{font-size:clamp(32px,4vw,46px);font-weight:800;letter-spacing:-.03em;display:block;}
.tmv span{color:var(--muted);font-size:16px;}
.tm input[type=range]{width:100%;accent-color:var(--accent);margin:20px 0 4px;height:28px;}
.tmscale{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);} .tm .chips{margin-top:16px;}
.bigmap.paleo{background:var(--t-kreide);} .gl{stroke:var(--sil);stroke-width:.25;opacity:.25;}
.fact2{margin-top:40px;border-radius:18px;background:var(--accent);color:var(--accent-ink);padding:24px;font-size:18px;line-height:1.5;max-width:70ch;} .fact2 b{display:block;margin-bottom:6px;}
.trbar{margin-top:24px;} .trbar input{width:100%;max-width:520px;border:1px solid var(--line);border-radius:30px;padding:13px 20px;font:inherit;background:var(--panel);color:var(--text);}
.trbar .chips{margin-top:14px;}
.crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:24px 0 14px;font-size:15px;}
.crumbs button{border:none;background:none;text-decoration:underline;font-weight:600;padding:2px;} .crumbs span{color:var(--muted);}
.clades{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;}
.clade{border:1px solid var(--line);border-radius:16px;padding:18px;text-align:left;background:var(--panel);display:flex;flex-direction:column;gap:4px;}
.clade:hover{border-color:var(--text);} .clade b{font-size:19px;letter-spacing:-.01em;} .clade span{font-weight:700;color:var(--rust);} .clade small{color:var(--muted);font-style:italic;font-size:13px;}
.treebox{overflow-x:auto;border:1px solid var(--line);border-radius:16px;padding:10px;background:var(--panel);}
.treesvg{min-width:720px;width:100%;height:auto;} .te{stroke:var(--muted);stroke-width:1.3;}
.tl{font-size:13px;fill:var(--muted);font-style:italic;font-family:var(--font-body);} .tl.ln{fill:var(--text);cursor:pointer;text-decoration:underline;}
.tl.hi{fill:var(--rust);font-weight:800;} .tn{font-size:12px;font-weight:800;fill:var(--rust);cursor:pointer;font-family:var(--font-body);} .tz{fill:var(--accent);stroke:var(--text);cursor:pointer;}
.fsel{margin:24px 0 10px;} .webmeta{font-size:15px;color:var(--muted);margin:10px 0 16px;} .webmeta b{color:var(--text);}
.webwrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:10px;}
.websvg{min-width:760px;width:100%;height:auto;} .we{fill:none;stroke:var(--muted);stroke-width:1.4;stroke-dasharray:5 5;opacity:.55;}
.we.ok{stroke:var(--rust);stroke-dasharray:none;opacity:1;stroke-width:2.6;} .wc{fill:var(--accent);stroke:var(--text);stroke-width:1.5;}
.wh{fill:var(--t-jura);stroke:var(--text);stroke-width:1.5;} .wn{cursor:pointer;} .wn text{font-size:14px;font-style:italic;fill:var(--text);font-family:var(--font-body);}
.wl{font-size:13px;font-weight:700;fill:var(--muted);font-family:var(--font-body);}
.wlegend{display:flex;gap:22px;flex-wrap:wrap;font-size:14px;color:var(--muted);margin-top:12px;}
.lk{display:inline-block;width:26px;height:0;border-top:2px dashed var(--muted);vertical-align:middle;margin-right:8px;} .lk.ok{border-top:3px solid var(--rust);}
.myths{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-top:28px;}
.myth{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel);display:flex;flex-direction:column;}
.mm{padding:20px;font-size:18px;font-weight:700;line-height:1.35;} .mm s{text-decoration-color:#d7263d;text-decoration-thickness:2px;}
.mm span,.mf span{display:block;font-size:12px;font-weight:700;margin-bottom:6px;color:var(--muted);}
.mf{padding:20px;background:var(--panel-2);font-size:16px;line-height:1.55;flex:1;} .mf span{color:var(--moss);}
.mx{padding:14px 20px;display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid var(--line);}
.mx small{color:var(--muted);font-size:12px;text-align:right;}
.glink2{border:none;background:none;padding:0;font:inherit;font-style:italic;font-weight:700;text-decoration:underline;color:var(--text);}
.hchart{margin:28px 0;} .histsvg{width:100%;height:auto;} .hb{fill:var(--sil);opacity:.8;} .hb.bw{fill:var(--accent);opacity:1;}
.hx{font-size:13px;fill:var(--muted);text-anchor:middle;font-family:var(--font-body);}
.cols2{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;} .cols2 h2{font-size:22px;margin:22px 0 10px;} .cols2 p{font-size:16px;line-height:1.6;max-width:62ch;}
.firsts,.auth{padding-left:22px;} .firsts li,.auth li{margin:7px 0;} .auth li span{display:inline-block;min-width:180px;}
.gt.wide{border-radius:18px;background:var(--t-other);padding:20px;margin:24px 0;} .lineup{width:100%;height:auto;}
.ctab{overflow-x:auto;} .ctab table{border-collapse:collapse;width:100%;min-width:520px;}
.ctab th,.ctab td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);font-size:15px;vertical-align:top;}
.ctab thead th{font-size:18px;} .ctab tbody th{color:var(--muted);font-weight:500;width:160px;} .rm{border:none;background:none;margin-left:8px;color:var(--muted);}
.safe{margin-top:18px;border-top:1px solid var(--line);padding-top:16px;} .sh{display:flex;justify-content:space-between;} .sh span{font-weight:700;color:var(--rust);}
.meter{height:8px;border-radius:4px;background:var(--panel-2);margin:10px 0;overflow:hidden;} .meter i{display:block;height:100%;background:var(--accent);}
.safe p{font-size:13px;color:var(--muted);margin:6px 0;} .safe ul{margin:6px 0 0;padding-left:18px;font-size:13px;color:var(--muted);}
.abtns{display:flex;gap:8px;margin-top:14px;} .bs.sm{padding:9px 12px;font-size:14px;border-radius:10px;flex:1;border-color:var(--line);}
.cite{margin-top:12px;display:grid;gap:6px;} .cite b{font-size:12px;} .cite textarea{width:100%;font-size:12px;font-family:ui-monospace,Menlo,monospace;border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--panel-2);color:var(--text);resize:vertical;}
.kid{background:var(--t-jura);border-radius:22px;padding:26px;font-size:18px;line-height:1.6;} .kid h2{font-size:28px;letter-spacing:-.02em;margin:0 0 12px;} .kbig{font-size:23px;font-weight:700;line-height:1.4;}
body.kids{font-size:16px;}
.ftiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;}
.ftile{border:none;border-radius:22px;padding:24px;text-align:left;min-height:170px;display:flex;flex-direction:column;justify-content:space-between;color:var(--text);}
.ftile b{font-size:24px;font-weight:800;letter-spacing:-.02em;} .ftile span{font-size:16px;}
@media (max-width:760px){ .tabs{padding:0 12px;} .cols2{grid-template-columns:1fr;gap:10px;} }

.radsvg{width:100%;max-width:980px;height:auto;display:block;margin:0 auto;}
.rb{fill:none;stroke-width:1.4;} .rt2.ln{cursor:pointer;} .ra{fill:none;stroke-width:9;stroke-linecap:round;cursor:pointer;opacity:.9;} .ra:hover{opacity:1;stroke-width:12;}
.rl{font-size:13px;font-weight:700;fill:var(--text);cursor:pointer;font-family:var(--font-body);} .rl.r0{font-size:16px;font-weight:800;}
.rc{font-size:15px;font-weight:800;fill:var(--muted);text-anchor:middle;font-family:var(--font-body);}
.lc{display:inline-block;width:14px;height:14px;border-radius:4px;vertical-align:-2px;margin-right:6px;}
.pl{fill:var(--t-trias);stroke:var(--sil);stroke-width:.3;stroke-opacity:.35;} .pfr{font-size:7px;font-weight:700;fill:var(--sil);opacity:.6;font-family:var(--font-body);}
.bigmap.paleo{background:#bcd7f5;} :root[data-theme="dark"] .bigmap.paleo{background:#1b2a40;}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .bigmap.paleo{background:#1b2a40;} }

.pmcard{position:relative;border-radius:26px;overflow:hidden;background:#07182d;padding:22px 14px 14px;margin-top:22px;}
.pmsvg{width:100%;height:auto;display:block;}
.pland{fill:#ead7ab;} .pgrat{fill:none;stroke:rgba(255,255,255,.13);stroke-width:1;} .prim{fill:none;stroke:rgba(255,255,255,.4);stroke-width:1.5;}
.pdot{fill:#d4b064;stroke:#2a1a00;stroke-width:1;cursor:pointer;transition:r .2s;} .pdot:hover,.pdot.on{fill:#fff;stroke:#d4b064;stroke-width:2;}
.pmlabel{position:absolute;left:24px;top:20px;color:#fff;max-width:min(44%,400px);text-shadow:0 2px 10px rgba(0,0,0,.45);pointer-events:none;}
.pmera{display:inline-block;background:#d4b064;color:#111;font-weight:800;font-size:12px;border-radius:20px;padding:3px 11px;text-shadow:none;}
.pmlabel b{display:block;font-size:clamp(24px,3.2vw,40px);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin-top:8px;}
.pmlabel p{margin:6px 0 0;font-size:15px;line-height:1.45;opacity:.92;}
.pmplay{position:absolute;left:24px;bottom:20px;background:#d4b064;color:#111;border:none;border-radius:24px;padding:11px 18px;font-weight:800;font-size:15px;box-shadow:0 4px 14px rgba(0,0,0,.35);}
.pmleg{position:absolute;right:24px;bottom:22px;color:#fff;font-size:14px;font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,.5);}
.pmleg i{display:inline-block;width:11px;height:11px;border-radius:50%;background:#d4b064;margin-right:7px;box-shadow:0 0 8px rgba(199,154,98,.8);}
.tsl{-webkit-appearance:none;appearance:none;width:100%;height:14px;border-radius:8px;margin:22px 0 6px;
  background:linear-gradient(90deg,var(--t-trias) 0 24.6%,var(--t-jura) 24.6% 55.9%,var(--t-kreide) 55.9% 100%);border:1px solid var(--line);}
.tsl::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:#d4b064;border:3px solid var(--text);box-shadow:0 2px 8px rgba(0,0,0,.3);cursor:grab;}
.tsl::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#d4b064;border:3px solid var(--text);cursor:grab;}
.tmera{display:grid;grid-template-columns:24.6% 31.3% 44.1%;font-size:13px;font-weight:700;color:var(--muted);}
.tmera span{text-align:center;}
.pminfo{margin-top:18px;border:1px solid var(--line);border-radius:16px;padding:16px 18px;background:var(--panel);} .pminfo b{display:block;margin-bottom:10px;}
.pminfo .chip{font-style:italic;}
@media (max-width:700px){ .pmcard{padding:118px 8px 64px;} .pmlabel{max-width:none;right:18px;left:18px;top:16px;} .pmlabel p{font-size:13px;} .pmplay{left:16px;bottom:14px;} .pmleg{right:16px;bottom:18px;font-size:12px;} }

.treebox{position:relative;} .zbar{position:absolute;right:12px;top:12px;z-index:2;display:flex;gap:6px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:5px;box-shadow:0 2px 10px rgba(0,0,0,.08);}
.zbar button{width:36px;height:36px;border-radius:9px;border:1px solid var(--line);background:var(--panel);font-size:19px;font-weight:700;line-height:1;}
.zlvl{font-size:12px;color:var(--muted);padding:0 6px;min-width:46px;text-align:center;font-variant-numeric:tabular-nums;}
.radsvg,.treesvg{cursor:grab;touch-action:pan-y;} .radsvg:active,.treesvg:active{cursor:grabbing;}
.rtx{font-size:7px;fill:var(--muted);font-style:italic;font-family:var(--font-body);opacity:.4;pointer-events:none;transition:opacity .25s;}
.z2 .rtx{opacity:1;pointer-events:auto;} .rtx.ln{fill:var(--text);cursor:pointer;} .rtx.hi{fill:var(--rust);font-weight:800;}
.im{margin:0;position:relative;overflow:hidden;border-radius:12px;display:flex;align-items:center;justify-content:center;}
.im img,.thimg{width:100%;height:100%;object-fit:cover;display:block;} .thimg{position:absolute;inset:0;}
.ph0{background-image:repeating-linear-gradient(135deg,rgba(0,0,0,.04) 0 10px,transparent 10px 20px);border:1.5px dashed color-mix(in srgb,var(--muted) 45%,transparent);flex-direction:column;gap:8px;color:var(--muted);text-align:center;padding:14px;}
.ph0 svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.5;opacity:.75;}
.ph0 figcaption{display:flex;flex-direction:column;gap:3px;font-size:14px;} .ph0 figcaption b{color:var(--text);} .ph0 figcaption i{font-weight:600;color:var(--text);}
.ph0 figcaption small{font-family:ui-monospace,Menlo,monospace;font-size:11px;opacity:.85;}
.im-hero{min-height:380px;width:100%;border-radius:0;} .im-thumb{width:88px;height:66px;flex:0 0 auto;border-radius:10px;padding:0;} .im-thumb svg{width:22px;height:22px;}
.spc{display:flex;gap:14px;align-items:flex-start;} .spb{min-width:0;flex:1;}
.gal.g3{grid-template-columns:1.2fr 1fr;} .gal.g3 .gimg{grid-row:span 2;display:flex;} .gal.g3 .gt{min-height:200px;}
@media (max-width:760px){ .gal.g3{grid-template-columns:1fr;} .gal.g3 .gimg{grid-row:auto;} .im-hero{min-height:240px;} .im-thumb{width:68px;height:52px;} }
footer.site{border-top:1px solid var(--line);background:var(--panel-2);}
footer.site .in{max-width:1760px;margin:0 auto;padding:28px 40px calc(90px + env(safe-area-inset-bottom,0px));color:var(--muted);font-size:13px;line-height:1.6;}
footer.site p{max-width:78ch;margin:0 0 8px;}

@media (max-width:950px){ .dcols{grid-template-columns:1fr;gap:28px;} .aside{position:static;} }
@media (max-width:760px){
  .hrow{padding:12px 16px;flex-wrap:wrap;} .logo span{display:none;}
  .pill{order:3;flex:1 1 100%;} .seg.opt{display:none;} .hbtn .t{display:none;}
  .catrow{padding:6px 16px 0;gap:14px;} .cats{gap:24px;}
  main{padding:16px 16px 120px;} .grid{grid-template-columns:1fr;gap:32px;}
  .gal{grid-template-columns:1fr;} .dwrap{padding:16px 16px 60px;} .dwrap h1{font-size:24px;}
  footer.site .in{padding:24px 16px calc(90px + env(safe-area-inset-bottom,0px));}
  .sheet{padding:0;align-items:flex-end;} .sbox{max-height:92vh;border-radius:14px 14px 0 0;}
}
@media (prefers-reduced-motion: reduce){ *{transition:none!important;} }

/* ---------------- Dinodex: Marke & Feinschliff */
.lg-wm-l{background-image:url(../img/brand/898d3123d3.webp);} .lg-wm-d{background-image:url(../img/brand/de7c00f1db.webp);}
.lg-full-l{background-image:url(../img/brand/2789925f29.webp);} .lg-full-d{background-image:url(../img/brand/2d1b73c065.webp);}
.lgw,.lgm,.lgf,.lgb{display:block;background-size:contain;background-repeat:no-repeat;background-position:left center;}
.logo{gap:0;} .lgw{width:180px;height:47px;} .lgm{display:none;width:36px;height:36px;}
.on-d{display:none;}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .on-l{display:none;} :root:not([data-theme="light"]) .on-d{display:block;} }
:root[data-theme="dark"] .on-l{display:none;} :root[data-theme="dark"] .on-d{display:block;}
.kick{margin:0 0 14px;font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);}
.hdr{border-bottom:1px solid var(--line);box-shadow:0 1px 0 color-mix(in srgb,var(--accent) 35%,transparent);}
.tab.on{border-bottom-color:var(--accent);}
.hsh h2{position:relative;padding-top:14px;}
.hsh h2::before{content:'';position:absolute;left:0;top:0;width:28px;height:3px;border-radius:1px;background:var(--accent);}
.bp,.cta,.sbtn{background:var(--ink-btn);color:var(--ink-btn-t);} .band .bp{background:var(--accent);color:var(--accent-ink);}
.badge{letter-spacing:.02em;}
.hbtn .n,.fbtn .n{font-variant-numeric:tabular-nums;}
.band{background:var(--stone);color:var(--stone-t);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);
  background-image:radial-gradient(80% 110% at 35% 0%,rgba(255,255,255,.07),transparent 60%),linear-gradient(180deg,#2a2e36,#16181d);}
.band .bp{background:var(--accent);color:var(--accent-ink);}
.bandl{display:flex;flex-direction:column;gap:18px;}
.lgb{width:min(380px,72vw);aspect-ratio:973/247;}
footer.site{background:var(--stone);color:var(--stone-t);border-top:1px solid color-mix(in srgb,var(--accent) 40%,transparent);}
footer.site .in{color:#a0a6b0;} footer.site b{color:var(--stone-t);}
.fbrand{margin:6px 0 18px;} .lgf{width:250px;aspect-ratio:973/247;}
[hidden]{display:none!important;}
/* ---------------- Stammbaum (Gliederung) */
.trbar{margin-top:20px;} .trmsg{margin:10px 0 0;font-size:15px;color:var(--muted);} .trmsg b{color:var(--text);font-weight:600;}
.tlay{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:32px;align-items:start;margin-top:26px;}
.tout{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:12px 12px 14px;position:sticky;top:150px;max-height:calc(100vh - 170px);overflow:auto;}
.toh{display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:4px 10px 8px;}
.tout ul{list-style:none;margin:0;padding:0;} .tout ul ul{margin-left:14px;padding-left:10px;border-left:1px solid var(--line);}
.trow{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:none;background:none;text-align:left;padding:7px 10px;border-radius:9px;overflow:hidden;}
.trow:hover{background:var(--panel-2);} .trow.on{background:color-mix(in srgb,var(--c) 14%,var(--panel));box-shadow:inset 3px 0 0 var(--c);}
.trow.ip b{color:var(--c);}
.tnm{display:flex;flex-direction:column;min-width:0;} .tnm b{font-size:14px;font-weight:700;} .tnm small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tct{font-size:13px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums;}
.tbar{position:absolute;left:10px;bottom:3px;height:2px;width:calc((100% - 20px) * var(--w) / 100);background:var(--c);opacity:.55;border-radius:2px;}
.tleg{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--muted);margin:14px 10px 0;} .tleg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px;}
.tdet{border-top:3px solid var(--c);padding-top:6px;min-width:0;} .tdet .crumbs{margin:10px 0 18px;}
.tdh{font-size:clamp(30px,3.6vw,44px);letter-spacing:-.03em;margin:0 0 8px;font-weight:800;} .tdl{font-size:17px;line-height:1.6;max-width:62ch;margin:0;}
.tst{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 6px;}
.tst div{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--panel);} .tst b{display:block;font-size:24px;font-weight:800;letter-spacing:-.02em;} .tst span{font-size:13px;color:var(--muted);}
.tsh{font-size:18px;margin:28px 0 12px;font-weight:700;} .tsh span{color:var(--muted);font-weight:500;font-size:15px;margin-left:6px;}
.tsub{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;}
.tsc{border:1px solid var(--line);border-left:4px solid var(--c);border-radius:12px;background:var(--panel);padding:12px 14px;text-align:left;display:flex;flex-direction:column;gap:2px;}
.tsc:hover{border-color:var(--c);} .tsc b{font-size:16px;} .tsc small{color:var(--muted);font-size:13px;} .tsc span{margin-top:6px;font-size:13px;font-weight:600;}
.mcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;}
.mcard{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:0;overflow:hidden;text-align:left;display:flex;flex-direction:column;}
.mcard:hover{border-color:var(--text);} .mph{position:relative;display:block;aspect-ratio:16/10;} .mph svg.th{position:absolute;inset:0;width:100%;height:100%;}
.mph .th .s{fill:var(--sil);} .mph .th .sf{fill:var(--sil);opacity:.45;} .mph .th .g{stroke:var(--sil);opacity:.18;stroke-width:3;}
.mtx{padding:8px 10px 10px;display:flex;flex-direction:column;} .mtx b{font-size:14px;font-style:italic;} .mtx small{font-size:12px;color:var(--muted);}
.chip.sp{font-style:italic;font-size:13px;padding:6px 12px;} .chip.dim{color:var(--muted);cursor:default;} .chip.dim:hover{border-color:var(--line);}
.tmore{margin-top:12px;flex:0 0 auto;}
.tdt{margin-top:28px;border:1px solid var(--line);border-radius:12px;background:var(--panel);} .tdt summary{cursor:pointer;padding:14px 16px;font-weight:600;}
.tdt .treebox{border:none;border-top:1px solid var(--line);border-radius:0;}
@media (max-width:900px){ .tlay{grid-template-columns:1fr;} .tout{position:static;max-height:none;} .tst{grid-template-columns:1fr 1fr 1fr;} .tst b{font-size:20px;} }



/* ---------------- Startseite: Billboard & Reihen */
.bb{position:relative;overflow:hidden;border-radius:24px;background:#0f1216;color:#f3f1ec;min-height:clamp(420px,58vh,600px);margin:8px 0 34px;display:flex;align-items:stretch;isolation:isolate;}
.bbbg{position:absolute;inset:-40px;background-size:cover;background-position:center;filter:blur(34px) saturate(1.1);opacity:.55;transform:scale(1.1);z-index:-2;}
.bbsh{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,14,18,.94) 0%,rgba(12,14,18,.78) 40%,rgba(12,14,18,.2) 75%,rgba(12,14,18,.1) 100%),linear-gradient(0deg,rgba(12,14,18,.6),transparent 40%);z-index:-1;}
.bbimg{position:absolute;right:0;top:0;bottom:0;width:min(46%,470px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%);mask-image:linear-gradient(90deg,transparent,#000 22%);z-index:-1;}
.bbimg img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block;}
.bbtx{padding:clamp(28px,5vw,64px);max-width:620px;display:flex;flex-direction:column;justify-content:center;}
.bbtx .kick{color:#d4ad7a;margin-bottom:10px;}
.bbtx h2{font-size:clamp(40px,6vw,76px);line-height:1;letter-spacing:-.035em;margin:0 0 14px;font-weight:800;font-style:italic;}
.bbm{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 14px;font-size:15px;color:#cfd3d9;} .bbm span+span::before{content:'·';margin-right:18px;opacity:.6;}
.bbd{font-size:17px;line-height:1.55;color:#e4e6ea;margin:0 0 24px;max-width:52ch;}
.bbb{display:flex;gap:12px;flex-wrap:wrap;}
.bbp{background:#f3f1ec;color:#15171b;border:none;border-radius:10px;padding:14px 22px;font-weight:700;font-size:16px;}
.bbs{background:rgba(255,255,255,.14);color:#f3f1ec;border:1px solid rgba(255,255,255,.28);border-radius:10px;padding:13px 21px;font-weight:600;font-size:16px;}
.bbp:hover{background:#fff;} .bbs:hover{background:rgba(255,255,255,.22);}
.bbdots{position:absolute;right:24px;bottom:20px;display:flex;gap:6px;}
.bbdots button{width:22px;height:4px;border-radius:2px;border:none;padding:0;background:rgba(255,255,255,.35);}
.bbdots button.on{background:#d4ad7a;width:34px;}
.bb.fade .bbtx,.bb.fade .bbimg{animation:bbf .6s ease both;} @keyframes bbf{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
.prow{margin:0 0 30px;} .prh{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:12px;}
.prh h2{font-size:22px;letter-spacing:-.02em;margin:0;font-weight:700;} .prh p{margin:2px 0 0;color:var(--muted);font-size:14px;}
.pra{display:flex;gap:6px;} .pra button{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--panel);font-size:26px;padding-bottom:3px;line-height:1;display:grid;place-items:center;}
.pra button:hover{border-color:var(--text);}
.prs{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(140px,15vw,200px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 2px 10px;}
.prs::-webkit-scrollbar{display:none;}
.pst{position:relative;scroll-snap-align:start;border:none;background:none;padding:0;text-align:left;display:flex;flex-direction:column;gap:8px;}
.pim{display:block;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:var(--panel-2);box-shadow:0 2px 8px rgba(0,0,0,.12);transition:transform .25s ease,box-shadow .25s ease;}
.pim img{width:100%;height:100%;object-fit:cover;display:block;}
.pst:hover .pim,.pst:focus-visible .pim{transform:translateY(-4px) scale(1.03);box-shadow:0 12px 26px rgba(0,0,0,.25);}
.pin{display:flex;flex-direction:column;} .pin b{font-size:14px;font-weight:700;font-style:italic;} .pin small{font-size:12px;color:var(--muted);}
.prs.rank{grid-auto-columns:clamp(190px,20vw,250px);}
.prs.rank .pst{padding-left:62px;} .prk{position:absolute;left:0;top:18%;font-size:clamp(90px,9vw,130px);font-weight:800;line-height:1;letter-spacing:-.08em;color:var(--bg);-webkit-text-stroke:2px var(--muted);z-index:0;}
.prs.rank .pim{position:relative;z-index:1;}
@media (max-width:760px){ .bb{min-height:560px;align-items:flex-end;border-radius:18px;} .bbimg{width:100%;-webkit-mask-image:linear-gradient(180deg,#000 35%,transparent 80%);mask-image:linear-gradient(180deg,#000 35%,transparent 80%);bottom:auto;height:65%;}
  .bbsh{background:linear-gradient(0deg,rgba(12,14,18,.97) 35%,rgba(12,14,18,.2) 70%,transparent);} .bbtx{padding:0 20px 44px;margin-top:auto;} .bb{flex-direction:column;justify-content:flex-end;min-height:600px;} .bbtx h2{font-size:40px;margin-bottom:8px;} .bbd{font-size:14.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:18px;} .bbs{display:none;} .bbm{font-size:13px;gap:4px 12px;} .bbm span+span::before{margin-right:12px;} .bbdots{left:20px;right:auto;bottom:16px;} .pra{display:none;}
  .prs{grid-auto-columns:42%;} .prs.rank{grid-auto-columns:58%;} .prs.rank .pst{padding-left:44px;} }
/* ---------------- Zeitachse Stammbaum */
.tline{margin-top:48px;} .tline h2{font-size:24px;letter-spacing:-.02em;margin:0 0 6px;} .tlp{color:var(--muted);font-size:15px;max-width:70ch;margin:0 0 16px;} .tlp.small{font-size:13px;margin-top:10px;}
.tlw{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:10px 14px 12px;}
.tlh,.tlr{display:grid;grid-template-columns:200px minmax(0,1fr);gap:12px;align-items:center;}
.tlr{width:100%;border:none;background:none;text-align:left;padding:3px 0;border-radius:8px;}
.tlr:hover .tll b{text-decoration:underline;} .tlr.on{background:color-mix(in srgb,var(--c) 10%,transparent);}
.tll{padding-left:calc(var(--l,0) * 10px + 6px);min-width:0;} .tll b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
.tlr.on .tll b{font-weight:800;color:var(--c);} .tll small{font-size:11px;color:var(--muted);}
.tlt{position:relative;height:22px;} .tlh .tlt{height:24px;}
.tlh .tlt b{position:absolute;top:0;text-align:center;font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;line-height:24px;}
.tlb{position:absolute;top:0;bottom:0;opacity:.45;} .tlk{position:absolute;top:0;bottom:0;border-left:1px dashed var(--muted);opacity:.6;}
.tlbar{position:absolute;top:8px;height:6px;border-radius:3px;background:var(--c);opacity:.85;}
.tldot{position:absolute;top:5px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--c);border:2px solid var(--panel);}
.tlv{position:absolute;top:3px;font-style:normal;font-size:11px;color:var(--muted);transform:translateX(calc(-100% - 10px));white-space:nowrap;}
.tls span{position:absolute;top:4px;font-size:11px;color:var(--muted);transform:translateX(-50%);}
.tst{grid-template-columns:repeat(4,minmax(0,1fr));} .tst b{font-size:20px;}
.thimg{object-position:50% 30%;} .im img{object-position:50% 30%;}
@media (max-width:760px){ .tlh,.tlr{grid-template-columns:110px minmax(0,1fr);gap:8px;} .tll{padding-left:calc(var(--l,0) * 5px + 2px);} .tlv{display:none;} .tls span:nth-child(even){display:none;} .tst{grid-template-columns:1fr 1fr;} .tlh .tlt b{font-size:10px;} }
/* ---------------- Nahrungsnetze (Befunde) */
.wtog{display:flex;gap:14px;align-items:flex-start;margin-top:20px;max-width:640px;} .wtog b{display:block;font-size:15px;} .wtog small{color:var(--muted);font-size:13px;}
.wbadge{align-self:flex-start;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:6px;padding:2px 7px;margin-bottom:2px;}
.wbadge.f{background:color-mix(in srgb,var(--moss) 16%,transparent);color:var(--moss);} .wbadge.l{background:var(--panel-2);color:var(--muted);}
.tnm b::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--c);margin-right:8px;vertical-align:1px;}
.tdt .zbar{position:sticky;top:0;right:auto;float:right;margin:8px;}

.wlay{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start;margin-top:26px;}
.wsel{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:12px;position:sticky;top:150px;}
.wsel input{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;background:var(--bg);color:var(--text);}
.wsn{font-size:12px;color:var(--muted);margin:10px 4px 6px;} .wsl{max-height:calc(100vh - 290px);overflow:auto;display:flex;flex-direction:column;gap:2px;}
.wsi{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:8px;border:none;background:none;text-align:left;padding:7px 10px;border-radius:9px;}
.wsi:hover{background:var(--panel-2);} .wsi.on{background:var(--panel-2);box-shadow:inset 3px 0 0 var(--accent);}
.wsi b{font-style:italic;font-weight:600;font-size:14px;} .wsi small{grid-column:1;font-size:12px;color:var(--muted);} .wsi span{grid-row:1/3;grid-column:2;font-size:12px;font-weight:700;color:var(--muted);}
.wsi[hidden]{display:none;}
.wgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px) minmax(0,1fr);gap:18px;align-items:start;}
.wcol h3{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;} .wcol h3 span{color:var(--text);margin-left:4px;}
.wcen{position:sticky;top:150px;} .wfc{border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden;padding-bottom:16px;text-align:center;box-shadow:var(--shadow);}
.wph{position:relative;aspect-ratio:16/10;} .wph svg.th{position:absolute;inset:0;width:100%;height:100%;}
.wph .th .s{fill:var(--sil);} .wph .th .sf{fill:var(--sil);opacity:.45;} .wph .th .g{stroke:var(--sil);opacity:.18;stroke-width:3;}
.wfc .kick{margin:14px 0 4px;font-size:11px;} .wfc h2{margin:0;font-size:26px;letter-spacing:-.02em;font-style:italic;} .wfm{color:var(--muted);font-size:13px;margin:4px 12px 12px;}
.wfc .bs.sm{flex:none;display:inline-block;}
.warr{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:10px;padding:0 4px;}
.wrc{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:12px 14px;margin-bottom:10px;position:relative;}
.wrc.l{border-right:3px solid var(--accent);} .wrc.r{border-left:3px solid var(--accent);}
.wrh{display:flex;flex-direction:column;gap:2px;} .wname{border:none;background:none;padding:0;font:inherit;font-weight:700;font-style:italic;font-size:16px;text-align:left;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px;}
.wname:hover{text-decoration-color:currentColor;} .wname.plain{text-decoration:none;font-weight:600;}
.wmeta{font-size:12px;color:var(--muted);} .wev{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px;}
.wev li{font-size:13.5px;line-height:1.45;display:flex;flex-direction:column;gap:2px;} .wet{color:var(--text);} .wes{font-size:12px;color:var(--muted);} .wes a{color:var(--rust);}
.wnone{color:var(--muted);font-size:14px;border:1px dashed var(--line);border-radius:12px;padding:14px;margin:0;}
.wall{margin-top:56px;} .wall h2{font-size:22px;margin:0 0 14px;} .wall h2 span{color:var(--muted);font-weight:500;font-size:16px;margin-left:6px;}
.wall td{font-size:14px;} .wall .wa{color:var(--muted);width:20px;} .wall tr.hl td{background:color-mix(in srgb,var(--accent) 12%,transparent);}
@media (max-width:1100px){ .wgrid{grid-template-columns:1fr 1fr;} .wcen{grid-column:1/-1;grid-row:1;position:static;max-width:420px;margin:0 auto;width:100%;} }
@media (max-width:900px){ .wlay{grid-template-columns:1fr;} .wsel{position:static;} .wsl{max-height:220px;} }
@media (max-width:640px){ .wgrid{grid-template-columns:1fr;} .warr{display:none;} }

@media (max-width:760px){ .lgw{width:122px;height:32px;} .band{padding:28px;} }

/* ================= Design: Perlweiß, Anthrazit, Gold ================= */
body{font-size:16px;letter-spacing:.005em;}
.trbar input,.wsel input{border-radius:8px!important;}
.lgw{width:190px;height:48px;} .lgb{width:min(420px,76vw);aspect-ratio:1148/289;} .lgf{width:280px;aspect-ratio:1148/289;}
.hdr{background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:none;border-bottom:1px solid var(--line);}
.hdr::after{content:'';display:block;height:1px;background:var(--goldg);opacity:.55;}
.pill{border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.04);} .sbtn{border-radius:8px;}
.hbtn,.tog,.chip,.fbtn{border-radius:8px;} .tab{font-weight:500;letter-spacing:.04em;text-transform:uppercase;font-size:12.5px;} .tab.on{border-bottom-color:transparent;border-image:var(--goldg) 1;}
h1,h2,h3,.hero h1,.fhead h1,.dwrap h1,.tdh,.bbtx h2,.band h2,.hsh h2,.prh h2,.rec .v,.era b,.ftile b,.dotd h3,.tst b,.wall h2,.tline h2{font-weight:300!important;letter-spacing:-.01em!important;}
.hero h1{font-size:clamp(44px,5.6vw,76px);} .fhead h1{letter-spacing:-.005em!important;}
.bbtx h2{font-style:normal;letter-spacing:.01em!important;}
.kick{font-weight:500;letter-spacing:.26em;color:var(--gold);}
.hsh h2::before,.tsh::before{background:var(--goldg)!important;height:2px!important;width:36px!important;border-radius:0!important;}
.bp,.cta,.sbtn,.bbp{background:var(--ink-btn)!important;color:var(--ink-btn-t)!important;border-radius:6px!important;font-weight:500!important;letter-spacing:.04em;}
.bs,.bbs{border-radius:6px!important;font-weight:500;}
.band .bp{background:var(--ink-btn)!important;color:var(--ink-btn-t)!important;}
.ph,.pim,.hvis,.era,.ftile,.rec,.fc,.tsc,.mcard,.wrc,.wfc,.tout,.wsel,.tlw,.tdt,.tst div,.aside,.gal,.myth,.clade,.treebox,.webwrap,.pmcard,.kid,.dotd .ph{border-radius:8px!important;}
.rec .v,.tst b{color:var(--text);} .rec .n,.fc b{color:var(--gold);}
.era,.ftile{border:1px solid var(--line);}
/* Billboard hell & luftig */
.bb{background:var(--bbbg);color:var(--bbt);border-radius:10px;border:1px solid var(--line);}
.bbbg{opacity:.18;filter:blur(40px) saturate(.8);}
.bbsh{background:linear-gradient(90deg,var(--bbbg) 0%,color-mix(in srgb,var(--bbbg) 88%,transparent) 42%,transparent 72%);}
.bbimg{-webkit-mask-image:linear-gradient(90deg,transparent,#000 26%);mask-image:linear-gradient(90deg,transparent,#000 26%);}
.bbtx .kick{color:var(--gold);} .bbm{color:var(--bbm);} .bbd{color:var(--bbt);opacity:.86;}
.bbs{background:transparent!important;color:var(--bbt)!important;border:1px solid var(--line)!important;}
.bbdots button{background:color-mix(in srgb,var(--bbt) 22%,transparent);} .bbdots button.on{background:var(--goldg);}
.prk{-webkit-text-stroke:1.5px var(--accent);color:var(--bg);font-weight:300;}
.pin b{font-weight:500;}
/* Band & Fußzeile hell */
.band{background:var(--stone)!important;background-image:none!important;color:var(--stone-t)!important;border:1px solid var(--line)!important;border-radius:10px!important;position:relative;overflow:hidden;}
.band::before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:var(--goldg);}
footer.site{background:var(--panel-2)!important;color:var(--text)!important;border-top:0!important;position:relative;}
footer.site::before{content:'';display:block;height:1px;background:var(--goldg);opacity:.6;}
footer.site .in{color:var(--muted)!important;} footer.site b{color:var(--text)!important;}
@media (max-width:760px){ .lgw{width:150px;height:38px;} .bb{min-height:0!important;justify-content:flex-start!important;} .bbsh{display:none;} .bbimg{position:relative!important;width:100%!important;height:320px!important;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent)!important;mask-image:linear-gradient(180deg,#000 72%,transparent)!important;} .bbtx{margin-top:-24px!important;padding-top:0!important;} .bbdots{bottom:14px;} }
.bbdots button{background:color-mix(in srgb,var(--bbt) 30%,transparent)!important;} .bbdots button.on{background:var(--goldg)!important;}
.pim,.mph,.wph,.ph{background-color:var(--panel-2);} .pim img,.thimg{animation:imgin .35s ease both;} @keyframes imgin{from{opacity:0}to{opacity:1}}

/* ---------------- Steckbrief übersichtlicher */
.gv4{grid-template-columns:1fr 1fr;} .gv4 div{border-left:none!important;border-bottom:1px solid var(--line);} .gv4 div:nth-child(odd){border-right:1px solid var(--line);} .gv4 div:nth-last-child(-n+2){border-bottom:none;}
.gv4 span{font-size:17px!important;}
.aside h3{font-size:13px!important;font-weight:600!important;letter-spacing:.2em!important;text-transform:uppercase;color:var(--gold);margin-bottom:14px!important;}
.dnav{position:sticky;top:57px;z-index:1;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:10px 0;margin:0 0 8px;background:var(--bg);border-bottom:1px solid var(--line);}
.dnav::-webkit-scrollbar{display:none;}
.dnav button{flex:0 0 auto;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:6px 12px;font-size:13px;font-weight:500;color:var(--muted);}
.dnav button:hover{color:var(--text);border-color:var(--text);}
.content h3.dsec{scroll-margin-top:130px;}
.content .facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0!important;border:1px solid var(--line);border-radius:8px;background:var(--panel);overflow:hidden;}
.content .fact{padding:14px 18px!important;border-bottom:1px solid var(--line)!important;} .content .fact:nth-child(odd){border-right:1px solid var(--line)!important;}
@media (max-width:950px){ .dcols{grid-template-columns:minmax(0,1fr)!important;} .content{min-width:0;} }
.fk{font-size:11px!important;letter-spacing:.14em;text-transform:uppercase;font-weight:600!important;margin-bottom:4px;}
.curbox{border:1px solid var(--line)!important;border-radius:8px!important;background:var(--panel)!important;padding:4px 18px!important;}
.curbox p{display:block;margin:0!important;padding:14px 0;border-bottom:1px solid var(--line);} .curbox .facts{display:none!important;}
.curbox p:last-child{border-bottom:none;} .curbox p.small{display:block;}
.curbox p b{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--muted);margin-bottom:6px;}
.hl{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px!important;padding-bottom:26px!important;}
.hli{border:1px solid var(--line);border-radius:8px;padding:14px;background:var(--panel);}
@media (max-width:760px){ .content .facts{grid-template-columns:1fr;} .content .fact{border-right:none!important;} .dnav{top:52px;} }

.lbtn{display:inline-flex;align-items:center;gap:6px;} .lbtn i{font-style:normal;font-size:10px;opacity:.6;}
.flag{width:20px;height:14px;border-radius:2px;display:block;flex:0 0 auto;}
.lmenu{position:fixed;z-index:60;min-width:190px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.16);padding:6px;display:flex;flex-direction:column;}
.lmenu button{display:flex;align-items:center;gap:10px;border:none;background:none;padding:9px 10px;border-radius:7px;font-size:14px;text-align:left;color:var(--text);}
.lmenu button:hover{background:var(--panel-2);} .lmenu button.on{font-weight:600;} .lmenu b{margin-left:auto;color:var(--gold);}

/* ================= Steckbrief (neu) ================= */
.dwrap{max-width:1120px;}
.di{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.dh3{padding:6px 0 18px;} .dh3 .kick{margin:0 0 6px;}
.dh3 h1{font-size:clamp(34px,5vw,58px)!important;line-height:1.02;margin:0 0 12px;letter-spacing:-.015em!important;}
.dmeta{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--muted);font-size:15px;}
.dmeta span+span::before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--accent);margin:0 12px 3px -9px;}
.dbadges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.db{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:6px 12px 6px 9px;font-size:13px;font-weight:500;}
.db .di{width:16px;height:16px;color:var(--gold);} .db.ok{border-color:color-mix(in srgb,var(--moss) 45%,var(--line));} .db.ok .di{color:var(--moss);}
.dhero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:22px;align-items:stretch;}
.dimg{margin:0;border-radius:10px;overflow:hidden;background:var(--panel-2);min-height:360px;position:relative;}
.dimg img{width:100%;height:100%;object-fit:cover;object-position:50% 32%;display:block;position:absolute;inset:0;}
.dimg.noimg{display:flex;flex-direction:column;justify-content:flex-end;} .nith{position:absolute;inset:10% 6% 18%;} .nith svg{width:100%;height:100%;}
.nith .th .s{fill:var(--sil);} .nith .th .sf{fill:var(--sil);opacity:.45;} .nith .th .g{stroke:var(--sil);opacity:.18;stroke-width:3;}
.dimg figcaption{position:relative;padding:14px 16px;font-size:13px;color:var(--muted);}
.dimg figcaption.dimc{position:absolute;left:0;right:0;bottom:0;padding:16px 12px 7px;font-size:11.5px;line-height:1.3;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.55));}
.dimg figcaption.dimc .rf a{color:#fff;}
.kind.kbild{background:color-mix(in srgb,var(--accent) 14%,transparent);}
.glance{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:20px 20px 18px;display:flex;flex-direction:column;gap:16px;}
.gh{font-size:12px!important;font-weight:600!important;letter-spacing:.22em!important;text-transform:uppercase;color:var(--gold);margin:0;}
.kvg{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;}
.kv{display:flex;gap:10px;align-items:flex-start;padding:12px 12px 11px;border-bottom:1px solid var(--line);min-width:0;}
.kv:nth-child(odd){border-right:1px solid var(--line);} .kv:nth-last-child(-n+2){border-bottom:none;}
.kv .di{color:var(--gold);margin-top:2px;} .kv div{display:flex;flex-direction:column;min-width:0;}
.kv span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;}
.kv b{font-size:17px;font-weight:500;line-height:1.25;margin-top:2px;overflow-wrap:break-word;hyphens:auto;} .kv small{font-size:12px;color:var(--muted);margin-top:2px;}
.safe2 .sh{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;} .safe2 .sh b{color:var(--gold);font-weight:600;}
.safe2 .meter{height:6px;border-radius:3px;background:var(--panel-2);margin:8px 0 6px;overflow:hidden;} .safe2 .meter i{display:block;height:100%;background:var(--goldg);}
.safe2 p{margin:0;font-size:13px;color:var(--muted);}
.gbtns{display:grid;grid-template-columns:1fr 1fr;gap:8px;} .gbtns .gb{padding:11px 12px!important;font-size:14px!important;} .gbtns .bp{grid-column:1/-1;}
.dnav2{position:sticky;top:57px;z-index:3;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:12px 0;margin:26px 0 4px;background:var(--bg);border-bottom:1px solid var(--line);}
.dnav2::-webkit-scrollbar{display:none;}
.dnav2 button{flex:0 0 auto;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:7px 12px;font-size:13px;font-weight:500;color:var(--muted);}
.dnav2 button:hover{color:var(--text);border-color:var(--text);}
.ds{padding:34px 0 8px;scroll-margin-top:120px;}
.dsh{font-size:26px!important;margin:0 0 18px;display:flex;align-items:baseline;gap:4px;}
.dsh::before{content:'';display:block;width:28px;height:2px;background:var(--goldg);margin-right:12px;transform:translateY(-7px);}
.dsk{font-size:13px!important;font-weight:600!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--muted);margin:26px 0 12px;display:flex;align-items:center;gap:8px;}
.dsk .di{color:var(--gold);}
.ovmedia{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px;}
.ovt{border-radius:10px;padding:16px 18px;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;min-height:210px;}
.ovt.ovtime{background:var(--panel);}
.ovk{margin:0 0 6px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--muted);}
.ovc{margin:6px 0 0;font-size:12px;color:var(--muted);} .ovbig{font-size:24px;margin:4px 0 14px;font-weight:300;}
.ovt svg.sizesvg{width:100%;height:auto;max-height:230px;}
.erab{width:100%;} .erat{position:relative;height:30px;border-radius:6px;overflow:hidden;background:var(--panel-2);}
.erat span{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--text);opacity:.9;}
.erat i{position:absolute;top:3px;bottom:3px;border-radius:4px;background:var(--text);opacity:.82;box-shadow:0 0 0 2px var(--panel);}
.eras2{position:relative;height:16px;margin-top:4px;font-size:11px;color:var(--muted);}
.eras2 span{position:absolute;transform:translateX(-50%);} .eras2 span:nth-child(1){left:0;transform:none;} .eras2 span:nth-child(2){left:27.6%;} .eras2 span:nth-child(3){left:57.5%;} .eras2 span:nth-child(4){right:0;transform:none;}
.mtg{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;}
.mt{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:14px 16px;min-width:0;}
.mt>.di{width:24px;height:24px;color:var(--gold);margin-top:2px;} .mtb{display:flex;flex-direction:column;min-width:0;flex:1;}
.mtk{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--muted);}
.mtv{font-size:20px;font-weight:400;margin:2px 0 4px;overflow-wrap:anywhere;} .mtb small{font-size:12.5px;color:var(--muted);}
.mtb .lvl{align-self:flex-start;margin:6px 0 0!important;font-style:normal;}
.spn2 i{font-style:italic;}
.rngb{position:relative;height:6px;border-radius:3px;background:var(--panel-2);margin:4px 0 6px;}
.rngb i{position:absolute;top:0;bottom:0;border-radius:3px;background:color-mix(in srgb,var(--accent) 55%,transparent);}
.rngb em{position:absolute;top:-3px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--text);border:2px solid var(--panel);}
.look{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;}
.look li{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:10px;background:var(--panel-2);font-size:15px;line-height:1.45;}
.look li .di{color:var(--gold);margin-top:1px;}
.lsrc{margin:8px 0 0;font-size:12px;color:var(--muted);}
.callout{display:flex;gap:12px;align-items:flex-start;margin-top:16px;padding:14px 16px;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--panel));}
.callout .di{color:var(--gold);margin-top:2px;} .callout p{margin:0;font-size:15px;line-height:1.5;}
.spg{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;}
.spc2{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:14px 16px;} .spc2.top{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));}
.spc2h{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline;font-size:17px;} .spc2h i{font-weight:500;}
.spc2m{display:flex;flex-wrap:wrap;gap:6px 14px;margin:10px 0 0;font-size:13px;color:var(--muted);}
.spc2m span{display:inline-flex;align-items:center;gap:5px;} .spc2m .di{width:15px;height:15px;color:var(--gold);}
.spc2t{margin:10px 0 0;font-size:14.5px;line-height:1.5;}
/* Vitrine */
.vit{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px;}
.vstage{position:relative;border-radius:12px;background:radial-gradient(120% 100% at 50% 0%,#2a2b2f 0%,#17181b 70%);padding:16px 14px 34px;overflow:hidden;min-height:250px;display:flex;align-items:center;}
.vsvg{width:100%;height:auto;display:block;overflow:visible;}
.vfloor{stroke:rgba(239,230,210,.18);stroke-width:1;}
.vsvg.art .vfloor{stroke-width:4;}
.sk-e{cursor:pointer;opacity:var(--o,1);transition:opacity .15s;}
.sk-e .b{fill:#efe6d2;stroke:#b7a47e;stroke-width:.6;vector-effect:non-scaling-stroke;}
.sk-e .l{fill:none;stroke:#efe6d2;stroke-linecap:round;}
.sk-e .hole{fill:#1c1d20;}
.vhole{fill:#1d1e21;pointer-events:none;}
.sk-e.m{opacity:1;} .sk-e.m .b{fill:rgba(239,230,210,.05);stroke:rgba(239,230,210,.55);stroke-dasharray:2.5 2;}
.sk-e.m .l{stroke:rgba(239,230,210,.42);stroke-dasharray:2 2;} .sk-e.m .hole{fill:none;}
.vsvg.art .sk-e .b{stroke-width:1.2;} .vsvg.art .sk-e.m .b{stroke-dasharray:6 5;}
.sk-e:hover .b,.sk-e:focus .b{fill:#fff7e4;} .sk-e:focus{outline:none;}
.sk-e.sel .b{fill:#f1cf83;stroke:#f6dfa6;} .sk-e.sel .l{stroke:#f1cf83;} .sk-e.m.sel .b{fill:rgba(241,207,131,.18);stroke:#f1cf83;} .sk-e.m.sel .l{stroke:#f1cf83;}
.vhint{position:absolute;left:14px;bottom:10px;margin:0;display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(239,230,210,.62);}
.vhint .di{width:15px;height:15px;}
.vside{display:flex;flex-direction:column;gap:10px;}
.vtot{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:12px 14px;}
.vtot b{grid-row:1/3;font-size:30px;font-weight:300;} .vtot span{font-size:14px;} .vtot em{justify-self:start;font-style:normal;}
.vnm{margin:-2px 2px 0;font-size:12px;color:var(--muted);}
.vregs{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden;}
.vreg{display:grid;grid-template-columns:1fr 80px 44px;gap:10px;align-items:center;border:none;background:none;padding:7px 12px;text-align:left;font-size:13.5px;border-bottom:1px solid var(--line);}
.vreg:last-child{border-bottom:none;} .vreg:hover{background:var(--panel-2);} .vreg.sel{background:color-mix(in srgb,var(--accent) 14%,var(--panel));}
.vreg i{height:5px;border-radius:3px;background:var(--panel-2);overflow:hidden;} .vreg i b{display:block;height:100%;background:var(--goldg);}
.vreg em{font-style:normal;font-size:12px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;} .vreg.m span{color:var(--muted);}
.vinfo{grid-column:1/-1;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:10px;background:var(--panel);padding:14px 18px;display:none;}
.vinfo.show{display:block;animation:imgin .25s ease both;}
.vi-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 14px;}
.vi-h h4{margin:0;font-size:19px;font-weight:500;display:flex;flex-direction:column;} .vi-h h4 small{font-size:12px;color:var(--muted);font-weight:400;letter-spacing:.1em;text-transform:uppercase;}
.vi-s{font-size:13px;font-weight:600;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--moss) 14%,transparent);color:var(--moss);} .vi-s.m{background:var(--panel-2);color:var(--muted);}
.vi-k{margin:14px 0 6px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--muted);}
.vi-l{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px;} .vi-l b{display:inline-block;min-width:44px;color:var(--gold);font-weight:600;}
.vi-d{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 18px;margin:14px 0 0;}
.vi-d dt{display:flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--muted);} .vi-d dt .di{width:15px;height:15px;color:var(--gold);}
.vi-d dd{margin:4px 0 0;font-size:14px;} .vi-n{margin:12px 0 0;font-size:12.5px;color:var(--muted);}
.vfinds{grid-column:1/-1;} .vfinds h4{margin:6px 0 10px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600;}
.vfinds ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;}
.vfinds li{display:flex;gap:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:12px 14px;}
.vfinds li>b{font-size:22px;font-weight:300;color:var(--gold);min-width:52px;} .vfinds li div{display:flex;flex-direction:column;gap:2px;}
.vfinds strong{font-weight:600;font-size:14px;} .vfinds span{font-size:13px;color:var(--muted);} .vfinds small{font-size:13px;line-height:1.45;margin-top:4px;}
/* Merkmale, Feinde, Verwandte */
.tgs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;}
.tg{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:8px 14px 8px 10px;font-size:14px;}
.tg .di{width:17px;height:17px;color:var(--muted);} .tg.ok .di{color:var(--moss);} .tg em{font-style:normal;font-size:11.5px;font-weight:600;color:var(--muted);} .tg.ok em{color:var(--moss);}
.fwg{display:grid;grid-template-columns:1fr 1fr;gap:18px;} .fwg .dsk{margin-top:4px;}
.fwc{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:10px 12px;margin-bottom:8px;}
.fwi{flex:0 0 auto;width:52px;height:52px;border-radius:8px;overflow:hidden;background:var(--panel-2);border:none;padding:0;display:grid;place-items:center;color:var(--muted);}
.fwi img{width:100%;height:100%;object-fit:cover;} .fwc div{display:flex;flex-direction:column;gap:3px;min-width:0;}
.fwc b{font-size:15px;font-weight:600;font-style:italic;} .fwc small{font-size:13.5px;line-height:1.45;} .fwc .lvl{align-self:flex-start;margin:2px 0 0!important;font-style:normal;}
.rcg{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px;}
.rc2{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:0;overflow:hidden;text-align:left;display:flex;flex-direction:column;}
.rc2:hover{border-color:var(--text);} .rc2i{position:relative;display:block;aspect-ratio:4/3;}
.rc2i img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block;} .rc2i svg.th{position:absolute;inset:0;width:100%;height:100%;}
.rc2i .th .s{fill:var(--sil);} .rc2i .th .sf{fill:var(--sil);opacity:.45;} .rc2i .th .g{stroke:var(--sil);opacity:.18;stroke-width:3;}
.rc2 b{font-size:13.5px;font-style:italic;font-weight:500;padding:8px 10px 0;} .rc2 small{font-size:12px;color:var(--muted);padding:0 10px 9px;}
.mt8{margin-top:10px;} .chip small{color:var(--muted);margin-left:4px;}
/* Karte */
.mapbox{position:relative;border-radius:12px;overflow:hidden;background:#0b2544;}
.mapv svg{display:block;width:100%;height:auto;}
.dmap .dgr{stroke:rgba(255,255,255,.08);stroke-width:.4;} .dmap .dland{fill:#ead7ab;stroke:#c9b27f;stroke-width:.35;}
.dmap .ddot{fill:#c0392b;stroke:#fff;stroke-width:.8;}
.dmap2{padding:10px;} .dmap2 .ddot2{fill:#e0493a;stroke:#fff;stroke-width:2;}
.maptog2{position:absolute;left:12px;top:12px;display:flex;gap:4px;background:rgba(10,18,30,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:10px;padding:4px;}
.maptog2 button{border:none;background:none;color:#e8edf3;font-size:13px;font-weight:500;padding:7px 12px;border-radius:7px;}
.maptog2 button.on{background:#f7f6f3;color:#1d232b;}
.mapst{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;font-size:14px;}
.mapst>span:first-child{display:inline-flex;align-items:center;gap:6px;margin-right:6px;} .mapst .di{color:var(--gold);}
/* Links */
.lnkg{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;}
.lnk{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:11px 13px;text-decoration:none;color:var(--text);}
.lnk:hover{border-color:var(--text);} .lnk .di{color:var(--gold);} .lnk span{display:flex;flex-direction:column;min-width:0;}
.lnk b{font-size:14px;font-weight:600;} .lnk small{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* Quellen und Erläuterungen */
sup.rf,sup.xn{font-size:10.5px;line-height:0;margin-left:2px;white-space:nowrap;}
sup.rf a,sup.xn a{display:inline-block;min-width:15px;padding:1px 4px;margin:0 1px;border-radius:6px;text-align:center;text-decoration:none;font-weight:600;font-style:normal;letter-spacing:0;text-transform:none;}
sup.rf a{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--rust);}
sup.xn a{background:var(--panel-2);color:var(--muted);font-family:'Newsreader',Georgia,serif;font-style:italic;font-size:12px;}
sup.rf a:hover,sup.xn a:hover{background:var(--accent);color:var(--accent-ink);}
.refs2,.notes2{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.refs2 li,.notes2 li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:baseline;padding:10px 12px;border-radius:8px;border:1px solid var(--line);background:var(--panel);font-size:13.5px;line-height:1.5;scroll-margin-top:120px;}
.refs2 a{color:var(--rust);word-break:break-word;}
.rn{display:inline-grid;place-items:center;min-width:26px;height:22px;border-radius:6px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--rust);font-weight:600;font-size:12px;}
.kind{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:1px 6px;border-radius:5px;background:var(--panel-2);color:var(--muted);margin-right:4px;}
.ds.notes{padding-bottom:30px;}
.notes2 li{font-family:'Newsreader',Georgia,'Times New Roman',serif;font-size:15.5px;line-height:1.55;background:var(--panel-2);border-color:transparent;font-style:normal;}
.nl{font-style:italic;font-size:17px;color:var(--gold);text-align:center;}
.notes .dsh{font-family:'Newsreader',Georgia,serif;font-weight:400!important;font-style:italic;}
.flash{animation:flash 1.4s ease;} @keyframes flash{0%,40%{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 55%,transparent);}100%{box-shadow:0 0 0 0 transparent;}}
@media (max-width:900px){ .dhero{grid-template-columns:1fr;} .dimg{min-height:0;aspect-ratio:4/4.2;} .ovmedia{grid-template-columns:1fr;} .vit{grid-template-columns:1fr;} .fwg{grid-template-columns:1fr;} }
@media (max-width:560px){ .kvg{grid-template-columns:1fr 1fr;} .kv{padding:10px 10px 9px;gap:8px;} .kv b{font-size:14.5px;overflow-wrap:break-word;hyphens:auto;} .kv .di{width:17px;height:17px;} .vtot b{font-size:24px;} .dnav2{top:52px;} .mtg{grid-template-columns:1fr;} .vstage{padding:10px 6px 34px;min-height:0;} .ds{padding-top:26px;} .dsh{font-size:22px!important;} .spg{grid-template-columns:1fr;} .look{grid-template-columns:1fr;} }

/* Karten: kräftigeres Meer */
.bigmap{background:#2d6aa6!important;} .bigmap .land{fill:#ead7ab!important;stroke:#c9b27f!important;stroke-width:.35!important;}
.bigmap .dt{fill:#c0392b!important;stroke:#fff!important;stroke-width:.6!important;} .bigmap .gl{stroke:#fff!important;opacity:.12!important;}
.mapnote,.tlp.small,.wall .mapnote{font-family:'Newsreader',Georgia,serif;font-size:14.5px!important;line-height:1.55;}

/* Bereichsleiste: Tabs scrollen separat, Vergleich/Kinder-Modus bleiben sichtbar; Sprachknopf in der Kopfzeile */
.tabl{display:flex;align-items:center;gap:2px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;}
.tabl::-webkit-scrollbar{display:none;}
@media (min-width:761px){ .tabs{overflow:visible;} .tabx{flex:none;}
  .tabl.ovr{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 48px),transparent);}
  .tabl.ovr.ovl{-webkit-mask-image:linear-gradient(to right,transparent,#000 36px,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(to right,transparent,#000 36px,#000 calc(100% - 48px),transparent);}
  .tabl.ovl:not(.ovr){-webkit-mask-image:linear-gradient(to right,transparent,#000 36px);mask-image:linear-gradient(to right,transparent,#000 36px);} }
@media (max-width:760px){ .tabl{display:contents;} }
.hbtn.lbtn{gap:7px;padding:10px 13px;} .hbtn.lbtn .t{font-size:13px;letter-spacing:.02em;} .hbtn.lbtn i{font-style:normal;font-size:10px;opacity:.6;}
@media (max-width:760px){ .hright{gap:6px;} .hright .hbtn{padding:9px 11px;} .hbtn.lbtn{padding:9px 10px;gap:5px;} }

/* ---------- Stammbaum: Familienfluss */
.flow{margin:6px 0 44px;}
.fhd{max-width:860px;margin-bottom:14px;} .fhd .kick{margin:0 0 4px;} .fh2{font-size:clamp(24px,3vw,32px);font-weight:300;letter-spacing:-.01em;margin:0 0 8px;}
.flowwrap{position:relative;border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden;}
.fbox{position:relative;height:min(74vh,860px);overflow:auto;cursor:grab;touch-action:pan-x pan-y;outline:none;scrollbar-width:thin;}
.fbox:focus-visible{box-shadow:inset 0 0 0 2px var(--accent);}
.fbox.drag{cursor:grabbing;user-select:none;}
.faxis{position:sticky;top:0;z-index:3;height:34px;margin:0 auto;background:color-mix(in srgb,var(--panel) 90%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);}
.faxis b{position:absolute;top:4px;transform:translateX(-50%);font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap;}
.faxis span{position:absolute;bottom:3px;transform:translateX(-50%);font-size:10.5px;color:var(--muted);font-variant-numeric:tabular-nums;}
.faxis span.k{color:var(--gold);font-weight:700;}
.faxis em{position:absolute;bottom:3px;font-style:normal;font-size:10px;color:var(--muted);white-space:nowrap;}
.flowsvg{display:block;overflow:visible;margin:0 auto;} .flowsvg text.hid{visibility:hidden;}
.flowsvg .feb{opacity:.8;} .flowsvg .fgl{stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke;}
.flowsvg .fkpg{stroke:#b8963f;stroke-width:2;stroke-dasharray:6 5;vector-effect:non-scaling-stroke;}
.fcx{fill:none;stroke-width:1.7;vector-effect:non-scaling-stroke;stroke-linecap:round;opacity:.9;}
.fgh{fill:none;stroke-width:1.5;stroke-dasharray:4 4;vector-effect:non-scaling-stroke;opacity:.75;}
.fst{cursor:pointer;outline:none;} .fsp{fill-opacity:.5;stroke-opacity:.9;stroke-width:1;vector-effect:non-scaling-stroke;transition:fill-opacity .15s;}
.fst:hover .fsp,.fst:focus-visible .fsp{fill-opacity:.78;} .fst.on .fsp{fill-opacity:.85;stroke:#c9a45c;stroke-width:2.4;}
.hassel .fst:not(.on) .fsp{fill-opacity:.32;} .hassel .fst:not(.on) .frep{opacity:.75;}
.fln{font-family:var(--font-body);font-size:var(--f1,12.5px);font-weight:600;fill:var(--text);paint-order:stroke;stroke:var(--panel);stroke-width:var(--hw,3px);stroke-linejoin:round;pointer-events:none;}
.fln .flc{font-weight:400;fill:var(--muted);}
.fst.on .fln{fill:var(--gold);}
.frep{cursor:pointer;} .frep .frb{fill:var(--panel);} .frep .frr{fill:none;stroke:#c9a45c;stroke-width:2;vector-effect:non-scaling-stroke;}
.frep:hover .frr{stroke-width:3.5;} .frep.sil .frb{fill:var(--panel-2);}
.fnd{cursor:pointer;outline:none;} .fnd circle{stroke:var(--panel);stroke-width:2.5;vector-effect:non-scaling-stroke;}
.fnd.on circle,.fnd:focus-visible circle{stroke:#c9a45c;stroke-width:3.5;}
.fcl{font-family:var(--font-body);font-size:var(--f2,13.5px);fill:var(--text);paint-order:stroke;stroke:var(--panel);stroke-width:var(--hw,3px);stroke-linejoin:round;}
.fcl.d0,.fcl.d1{font-size:var(--f3,16px);} .fcl .fcb{font-weight:700;} .fcl .fcs{font-weight:400;font-style:italic;fill:var(--muted);}
.fnd.on .fcb{fill:var(--gold);}
/* Detailstufen je nach Zoom */
.lv1 .fln,.lv1 .frep,.lv1 .fcs,.lv1 .fcl.d3,.lv1 .fcl.d4,.lv1 .fcl.d5,.lv1 .fcl.d6{display:none;}
.lv2 .fln:not(.big),.lv2 .fcl.d5,.lv2 .fcl.d6,.lv2 .fcl.d3 .fcs,.lv2 .fcl.d4 .fcs{display:none;}
.lv1 .fnd circle{r:7px;}
/* Bedienung */
.fbar{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;padding:8px 10px 8px 14px;border-bottom:1px solid var(--line);background:var(--panel);}
.fctl{display:flex;gap:6px;align-items:center;margin-left:auto;}
.fctl button{height:36px;min-width:36px;border-radius:9px;border:1px solid var(--line);background:var(--panel);font-size:19px;font-weight:700;line-height:1;color:var(--text);cursor:pointer;}
.fctl button.fwide{font-size:12.5px;font-weight:600;padding:0 11px;display:inline-flex;align-items:center;gap:6px;} .fctl svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none;}
.fctl button:hover{border-color:var(--text);}
.fctl .zlvl{font-size:12px;color:var(--muted);padding:0 6px;min-width:44px;text-align:center;font-variant-numeric:tabular-nums;}
.fhint{margin:0;font-size:12.5px;color:var(--muted);flex:1 1 260px;}
.fpop{position:absolute;left:12px;bottom:12px;z-index:5;display:flex;gap:12px;align-items:center;max-width:min(460px,calc(100% - 24px));background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 40px 10px 10px;box-shadow:0 6px 24px rgba(0,0,0,.14);}
.fpop img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid #c9a45c;flex:none;}
.fpop .fi2d{width:14px;height:14px;border-radius:50%;flex:none;margin:0 6px;}
.fpop b{display:block;font-size:16px;} .fpop small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px;}
.fpop span{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px;} .fpop span button{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;padding:5px 10px;font-size:12.5px;font-weight:600;color:var(--text);cursor:pointer;}
.fpop .fpx{position:absolute;right:8px;top:8px;border:none;background:none;font-size:15px;color:var(--muted);cursor:pointer;padding:4px;}
.flowwrap.full{position:fixed;inset:0;z-index:90;border-radius:0;border:none;display:flex;flex-direction:column;}
.flowwrap.full .fbox{height:auto;flex:1 1 auto;}
body.fnos{overflow:hidden;}
/* Legende und Infobox */
.fleg{display:flex;flex-wrap:wrap;gap:10px 22px;margin:14px 2px 0;font-size:13px;color:var(--muted);align-items:center;}
.fleg span{display:inline-flex;align-items:center;gap:8px;} .fleg svg{width:40px;height:16px;flex:none;color:var(--muted);}
.fleg .fcols i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-left:6px;opacity:.85;} .fleg .fcols i:first-child{margin-left:0;}
.finfo{margin-top:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:18px 20px;scroll-margin-top:120px;}
.fi2e{margin:0;color:var(--muted);}
.fi2h{display:flex;gap:16px;align-items:flex-start;} .fi2h img{width:88px;height:88px;border-radius:50%;object-fit:cover;border:2px solid #c9a45c;flex:none;}
.fi2s{width:88px;height:88px;border-radius:50%;background:var(--panel-2);display:flex;align-items:center;justify-content:center;flex:none;overflow:hidden;} .fi2s svg.th{width:74px;height:54px;}
.fi2d{width:22px;height:22px;border-radius:50%;flex:none;margin-top:6px;}
.fi2h h3{margin:2px 0 6px;font-size:26px;font-weight:300;letter-spacing:-.01em;} .fi2h .kick{margin:0;}
.fi2m{margin:4px 0 0;color:var(--muted);font-size:14px;} .fi2p{margin:0 0 6px;max-width:720px;}
.fi2l{border:none;background:none;padding:0;font:inherit;font-weight:600;color:var(--text);text-decoration:underline;text-underline-offset:3px;cursor:pointer;}
.fi2g{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:16px 0 4px;}
.fi2g div{background:var(--panel-2);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;}
.fi2g span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600;}
.fi2g button{border:none;background:none;padding:0;text-align:left;font:inherit;font-size:16px;font-weight:600;font-style:italic;color:var(--text);cursor:pointer;}
.fi2g button:hover{text-decoration:underline;} .fi2g small{color:var(--muted);font-size:12.5px;}
.fi2t{margin:16px 0 8px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);} .fi2t span{color:var(--gold);}
.fi2b{margin-top:14px;}
.tlh2{margin:6px 0 4px;} .tlh2p{margin:0 0 14px;color:var(--muted);max-width:760px;}
@media (max-width:760px){
  .fbox{height:64vh;} .fbar{padding:8px;} .fhint{flex-basis:100%;font-size:12px;} .fctl{margin-left:0;gap:5px;flex-wrap:wrap;} .fctl button{height:34px;min-width:34px;} .fctl button.fwide{padding:0 10px;font-size:12px;} .fctl button.fwide span{display:none;} .fctl .zlvl{min-width:40px;padding:0 2px;}
  .fpop{left:8px;right:8px;bottom:8px;max-width:none;} .fi2h img,.fi2s{width:64px;height:64px;} .fi2h h3{font-size:22px;} .finfo{padding:14px;}
  .fleg{gap:8px 16px;font-size:12.5px;}
}

/* ---------- Ende Familienfluss */

/* Neu entdeckt: dunkle Vitrine statt heller Kacheln (Kachel auf der Startseite und Karten) */
.ftile[data-view="neu"]{color:#f3efe6;border-color:#3a3d44!important;box-shadow:inset 0 -3px 0 #c9a45c;}
.ftile[data-view="neu"] span{color:#d9d3c6;}
.ngrid .ph.nph{background:radial-gradient(125% 95% at 50% 26%,#30343b 0%,#1c1e22 60%,#131417 100%)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);}
.ngrid .ph.nph.tr{background:radial-gradient(125% 95% at 50% 26%,#3b312b 0%,#211c19 60%,#151211 100%)!important;}
.ngrid .ph.nph.ju{background:radial-gradient(125% 95% at 50% 26%,#2d3830 0%,#1a211c 60%,#121614 100%)!important;}
.ngrid .ph.nph.kr{background:radial-gradient(125% 95% at 50% 26%,#2c343f 0%,#1a1e25 60%,#121418 100%)!important;}
.ngrid .nph .th .s{fill:#efe6d2;} .ngrid .nph .th .sf{fill:#efe6d2;opacity:.42;} .ngrid .nph .th .g{stroke:#efe6d2;opacity:.25;}
.ngrid .nph .sz{color:#efe6d2;opacity:.85;} .ngrid .nph .heart svg{fill:rgba(255,255,255,.16);}

/* Neu entdeckt: Filterleiste */
.nbar{display:flex;flex-direction:column;gap:10px;margin:6px 0 4px;} .nbar .chip{font-weight:600;} .nbar .nct{font-weight:400;opacity:.65;margin-left:2px;font-variant-numeric:tabular-nums;}
.nbar .chip.on .nct{opacity:.8;}

/* Flugsaurier und Meeressaurier */
.badge.kb-ptero,.badge.kb-marine{background:#1f2227;color:#f3efe6;}
.db.kb{background:#1f2227;color:#f3efe6;border-color:#1f2227;} .db.kb .di{color:#c9a45c;}
.callout.kcall{border-left:3px solid #c9a45c;}
.ktiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;}
.ktile{display:flex;align-items:stretch;gap:0;border:1px solid #33363d;border-radius:8px;overflow:hidden;background:#1b1d21;color:#f3efe6;text-align:left;padding:0;min-height:180px;cursor:pointer;}
.ktile .ktv{flex:0 0 52%;position:relative;background:radial-gradient(120% 95% at 50% 30%,#30343b 0%,#1c1e22 62%,#141518 100%);}
.ktile .ktv svg.th{position:absolute;inset:8% 4% 6%;width:92%;height:86%;} .ktile .th .s{fill:#efe6d2;} .ktile .th .sf{fill:#efe6d2;opacity:.42;} .ktile .th .g{stroke:#efe6d2;opacity:.25;}
.ktile .ktx{display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:20px;border-left:1px solid #2c2f35;}
.ktile em{font-style:normal;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#c9a45c;} .ktile b{font-size:26px;font-weight:300;letter-spacing:-.01em;} .ktile .ktx>span{font-size:14px;color:#cfc9bb;line-height:1.45;}
.ktile:hover{border-color:#c9a45c;}
@media (max-width:560px){ .ktile{min-height:150px;} .ktile b{font-size:22px;} .ktile .ktx{padding:14px;} }

/* Flug- und Meeressaurier: Kennzeichen, Filter */
.chip .kic{display:inline-flex;vertical-align:-3px;margin-right:6px;opacity:.7;}
.chip .kic svg,.tmk .chip svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.tmk{margin:0 0 14px;} .tmk .chip{display:inline-flex;align-items:center;gap:7px;font-weight:600;}
.nbar .chip:disabled{opacity:.4;cursor:default;}

/* Filterleisten auf dem Handy: eine Zeile, seitlich wischbar */
@media (max-width:640px){ .nbar .chips,.chips.tmk{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-right:-16px;padding-right:16px;}
  .nbar .chips::-webkit-scrollbar,.chips.tmk::-webkit-scrollbar{display:none;} .nbar .chip,.chips.tmk .chip{flex:none;white-space:nowrap;} }

/* Stammbaum: zentraler Hinweis; Kategorieseiten Flug-/Meeressaurier */
.callout.tnote{margin:0 0 18px;} .callout.tnote b{display:block;margin-bottom:4px;} .callout.tnote p{margin:0;}
.callout.knote{display:flex;align-items:center;gap:12px;margin:0 0 16px;} .callout.knote[hidden]{display:none;} .callout.knote p{margin:0;flex:1;} .callout.knote .bs{flex:none;white-space:nowrap;}
@media (max-width:640px){ .callout.knote{flex-wrap:wrap;} .callout.knote .bs{margin-left:30px;} }

/* Stammbaum-Liste: flachere Einrückung, weil Flug- und Meeressaurier drei Ebenen darüber ergänzen */
.tout ul ul{margin-left:9px;padding-left:8px;}
@media (max-width:640px){ .tout ul ul{margin-left:5px;padding-left:6px;} .tout .trow{padding:7px 8px;} }
/* ====== MODUL p3 ====== */
/* ---------- Zeitmaschine 3D */
.p3{display:grid;grid-template-columns:minmax(0,1fr) 330px;grid-template-rows:auto auto;margin:18px 0 12px;border-radius:20px;overflow:hidden;background:#07101e;color:#e6edf6;
  box-shadow:0 22px 50px -26px rgba(4,10,22,.8);border:1px solid rgba(255,255,255,.06);}
.p3stage{position:relative;grid-column:1;grid-row:1;height:clamp(440px,68vh,680px);overflow:hidden;touch-action:pan-y;cursor:grab;outline:none;
  background:radial-gradient(110% 85% at 50% 45%,#13294d 0%,#0b1934 42%,#050b17 100%);}
.p3stage:focus-visible{box-shadow:inset 0 0 0 2px #d4b064;}
.p3stage.drag{cursor:grabbing;} .p3stage.pin{cursor:pointer;}
.p3sky{position:absolute;inset:0;pointer-events:none;opacity:.55;background-repeat:repeat;background-size:340px 340px;
  background-image:radial-gradient(1px 1px at 20px 30px,#fff,transparent 70%),radial-gradient(1px 1px at 120px 80px,#cfe0ff,transparent 70%),radial-gradient(1.4px 1.4px at 260px 40px,#fff,transparent 70%),
  radial-gradient(1px 1px at 300px 190px,#fff,transparent 70%),radial-gradient(1px 1px at 60px 210px,#ffe9c7,transparent 70%),radial-gradient(1.3px 1.3px at 180px 260px,#fff,transparent 70%),
  radial-gradient(1px 1px at 240px 320px,#cfe0ff,transparent 70%),radial-gradient(1px 1px at 90px 140px,#fff,transparent 70%),radial-gradient(1px 1px at 330px 110px,#fff,transparent 70%);}
.p3stage canvas{position:absolute;left:0;top:0;width:100%;height:100%;display:block;}
.p3pin{pointer-events:none;}
.p3lbl{position:absolute;inset:0;pointer-events:none;overflow:hidden;}
.p3l{position:absolute;left:0;top:0;white-space:nowrap;font:600 11.5px/1 var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,247,230,.9);
  text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.55);will-change:transform;}
.p3l.s{font-size:15px;font-weight:500;letter-spacing:.42em;color:rgba(255,236,200,.95);}
.p3l.o{font:italic 400 14px/1 'Newsreader',Georgia,serif;letter-spacing:.14em;text-transform:none;color:rgba(186,222,255,.85);}
.p3svg{position:absolute;inset:60px 14px 70px;display:flex;align-items:center;justify-content:center;}
.p3svg svg{width:100%;height:100%;}
.p3hud{position:absolute;left:20px;top:18px;pointer-events:none;max-width:56%;}
.p3hud .pmera{display:inline-block;position:static;background:rgba(212,176,100,.16);color:#f0d595;border:1px solid rgba(212,176,100,.45);border-radius:20px;padding:4px 11px;
  font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;}
.p3hud b{display:block;margin-top:9px;font:300 clamp(24px,3.1vw,38px)/1.05 var(--font-body);letter-spacing:-.01em;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.65);}
.p3hud small{display:block;margin-top:5px;color:#9fb6d2;font-size:13px;letter-spacing:.05em;}
.p3ctl{position:absolute;right:14px;top:14px;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:60%;}
.p3ctl button{height:36px;min-width:36px;border-radius:18px;border:1px solid rgba(255,255,255,.16);background:rgba(9,20,38,.7);color:#e6edf6;font:600 14px/1 var(--font-body);
  display:inline-flex;align-items:center;justify-content:center;padding:0 12px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);}
.p3ctl button:hover{background:rgba(26,44,74,.85);}
.p3ctl button svg{width:17px;height:17px;}
.p3ctl button.on{background:#d4b064;color:#141414;border-color:#d4b064;}
.p3leg{position:absolute;left:16px;bottom:14px;display:grid;gap:7px;padding:10px 12px;border-radius:12px;background:rgba(7,16,31,.66);border:1px solid rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11.5px;color:#c6d4e6;pointer-events:none;}
.p3ramp{display:grid;grid-template-columns:repeat(4,auto);column-gap:10px;row-gap:3px;}
.p3ramp i{grid-column:1 / -1;height:7px;border-radius:4px;background:linear-gradient(90deg,#0a2149 0%,#1f6597 22%,#4b9ec2 36%,#8dd3d6 47%,#5a8a4c 53%,#7d9450 64%,#b0a26b 76%,#9b7856 88%,#eeeae6 100%);}
.p3ramp span:nth-child(3){text-align:center;} .p3ramp span:nth-child(4){text-align:center;} .p3ramp span:last-child{text-align:right;}
.p3kl{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;}
.p3kl span{display:inline-flex;align-items:center;gap:5px;} .p3kl i{width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 1.5px rgba(255,255,255,.75);}
.p3kl .p3sz{opacity:.75;}
.p3hint{position:absolute;right:16px;bottom:14px;margin:0;font-size:11.5px;color:#8ea4c0;pointer-events:none;text-align:right;max-width:40%;}
.p3tip{position:absolute;z-index:3;pointer-events:none;background:rgba(6,14,28,.94);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:8px 11px;
  font-size:13px;line-height:1.35;max-width:250px;transform:translate(14px,14px);box-shadow:0 8px 24px rgba(0,0,0,.4);}
.p3tip b{display:block;font-weight:600;color:#fff;} .p3tip small{color:#9fb6d2;}
.p3msg{position:absolute;left:0;right:0;top:50%;margin:0;text-align:center;color:#9fb6d2;font-size:14px;letter-spacing:.04em;}
.p3side{grid-column:2;grid-row:1;padding:22px 22px 18px;background:linear-gradient(180deg,#0c172b,#08111f);border-left:1px solid rgba(255,255,255,.07);overflow:auto;max-height:clamp(440px,68vh,680px);}
.p3side .kick{color:#d4b064;margin-bottom:10px;font-size:11.5px;}
.p3side h3{margin:0 0 10px;font:300 21px/1.25 var(--font-body)!important;color:#fff;letter-spacing:-.005em;}
.p3clim{margin:0 0 16px;color:#a9bbd2;font-size:14px;line-height:1.5;}
.p3num{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;}
.p3num div{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:10px 12px;}
.p3num b{display:block;font:300 26px/1 var(--font-body);color:#fff;} .p3num span{display:block;margin-top:5px;font-size:12px;color:#9fb6d2;line-height:1.3;}
.p3tap{margin:0 0 12px;color:#c6d4e6;font-size:14px;}
.p3sub{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#8ea4c0;}
.p3side .chips{display:flex;flex-wrap:wrap;gap:6px;}
.p3side .chip{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12);color:#eef3fa;}
.p3side .chip:hover{background:rgba(212,176,100,.2);border-color:rgba(212,176,100,.5);}
.p3side .chip svg{color:#d4b064;}
.p3site{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px;background:rgba(255,255,255,.04);}
.p3sh{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;} .p3sh b{font-size:14px;font-weight:600;}
.p3sh button{flex:none;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:transparent;color:#e6edf6;cursor:pointer;}
.p3where{margin:4px 0 10px;font-size:12.5px;color:#9fb6d2;}
.p3more{font-size:12px;color:#9fb6d2;align-self:center;}
.p3bar{grid-column:1 / span 2;grid-row:2;display:flex;align-items:center;gap:16px;padding:14px 22px 16px;background:#060d19;border-top:1px solid rgba(255,255,255,.07);}
.p3play{flex:none;width:48px;height:48px;border-radius:50%;border:none;background:#d4b064;color:#141414;font-size:17px;font-weight:800;cursor:pointer;box-shadow:0 6px 18px -6px rgba(212,176,100,.7);}
.p3play:hover{background:#e2c170;}
.p3tl{position:relative;flex:1;height:62px;min-width:0;}
.p3eras{position:absolute;left:0;right:0;top:20px;height:16px;border-radius:8px;overflow:hidden;background:#1a2436;}
.p3era{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;}
.p3era b{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.9);}
.p3era.tr{background:linear-gradient(90deg,#6d3f7f,#8e57a1);} .p3era.ju{background:linear-gradient(90deg,#1f7f96,#2fa3bb);} .p3era.kr{background:linear-gradient(90deg,#4f8a32,#73ad49);}
.p3eras i{position:absolute;top:0;bottom:0;width:1px;background:rgba(5,10,20,.45);}
.p3tick{position:absolute;left:0;right:0;top:40px;height:18px;}
.p3tick span{position:absolute;top:0;width:1px;height:5px;background:rgba(255,255,255,.25);}
.p3tick span.mj{height:7px;background:rgba(255,255,255,.45);}
.p3tick em{position:absolute;top:8px;left:0;transform:translateX(-50%);font-style:normal;font-size:10.5px;color:#8ea4c0;}
.p3evs{position:absolute;left:0;right:0;top:2px;height:14px;z-index:2;}
.p3ev{position:absolute;top:0;width:12px;height:12px;margin-left:-6px;transform:rotate(45deg);border:1.5px solid #f3dc92;background:#07101e;border-radius:2px;padding:0;cursor:pointer;}
.p3ev:hover,.p3ev:focus-visible{background:#f3dc92;}
.p3rng{position:absolute;left:-9px;right:-9px;width:calc(100% + 18px);top:14px;height:28px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer;z-index:1;}
.p3rng::-webkit-slider-runnable-track{height:28px;background:transparent;}
.p3rng::-moz-range-track{height:28px;background:transparent;}
.p3rng::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:28px;border-radius:9px;background:#fff;border:3px solid #d4b064;box-shadow:0 2px 10px rgba(0,0,0,.5);}
.p3rng::-moz-range-thumb{width:13px;height:23px;border-radius:9px;background:#fff;border:3px solid #d4b064;box-shadow:0 2px 10px rgba(0,0,0,.5);}
.p3rng:focus-visible{outline:none;} .p3rng:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(212,176,100,.45);}
.p3now{position:absolute;top:44px;transform:translateX(-50%);font-size:11px;font-weight:700;color:#141414;background:#d4b064;border-radius:8px;padding:1px 6px;pointer-events:none;z-index:2;}
.p3jump{margin:6px 0 4px;align-items:center;} .p3jl{font-size:13px;color:var(--muted);margin-right:4px;}
.p3.full{position:fixed;inset:0;z-index:1000;margin:0;border-radius:0;grid-template-rows:1fr auto;}
.p3.full .p3stage,.p3.full .p3side{height:auto;max-height:none;}
.p3.full .p3stage{touch-action:none;}
.p3stage.nogl{cursor:default;} .p3stage.nogl .p3ctl,.p3stage.nogl .p3leg,.p3stage.nogl .p3hint{display:none;}
@media (max-width:900px){
  .p3{grid-template-columns:1fr;grid-template-rows:auto auto auto;border-radius:16px;margin-left:-6px;margin-right:-6px;}
  .p3stage{height:clamp(360px,96vw,560px);}
  .p3bar{grid-column:1;grid-row:2;padding:12px 14px 14px;gap:12px;}
  .p3side{grid-column:1;grid-row:3;border-left:0;border-top:1px solid rgba(255,255,255,.07);max-height:none;}
  .p3play{width:42px;height:42px;}
  .p3hud{left:14px;top:14px;max-width:62%;} .p3hud b{font-size:24px;}
  .p3ctl{right:10px;top:10px;max-width:40%;gap:5px;} .p3ctl button{height:32px;min-width:32px;padding:0 9px;font-size:13px;}
  .p3ctl [data-p3="out"],.p3ctl [data-p3="in"],.p3ctl [data-p3="home"]{display:none;}
  .p3leg{left:10px;bottom:10px;padding:8px 10px;font-size:10.5px;} .p3kl .p3sz{display:none;}
  .p3hint{display:none;}
  .p3.full .p3side{display:none;} .p3.full{grid-template-rows:1fr auto;}
}
@media (max-width:520px){ .p3ramp span{display:none;} .p3ramp{grid-template-columns:1fr;} .p3ramp i{width:120px;} .p3era b{font-size:9px;letter-spacing:.1em;} }
/* ====== ENDE MODUL p3 ====== */
/* ====== MODUL srch ====== */
/* ---------- Suche */
.sr{margin-top:6px;}
.srtop{display:flex;gap:10px;align-items:stretch;margin:6px 0 12px;}
.srq{flex:1;display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:0 16px;min-height:52px;box-shadow:0 1px 0 rgba(0,0,0,.02);}
.srq:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(193,154,69,.18);}
.srq svg{width:20px;height:20px;flex:none;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round;}
.srq input{flex:1;border:0;background:transparent;font:inherit;font-size:16px;color:var(--text);outline:none;min-width:0;padding:12px 0;}
.srft{display:none;align-items:center;gap:8px;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-weight:600;padding:0 16px;cursor:pointer;}
.srft svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;}
.srft b{min-width:20px;height:20px;border-radius:10px;background:var(--accent);color:var(--accent-ink);font-size:12px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;}
.srft b:empty{display:none;}
.srpre{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 18px;}
.srpre>span{font-size:13px;color:var(--muted);margin-right:4px;}
.srpre .chip.on{background:var(--ink-btn);color:var(--ink-btn-t);border-color:var(--ink-btn);}
.srw{display:grid;grid-template-columns:300px minmax(0,1fr);gap:26px;align-items:start;}
.srf{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:6px 16px 16px;overscroll-behavior:contain;}
.srfh{display:flex;align-items:center;gap:8px;padding:12px 0 8px;border-bottom:1px solid var(--line);position:sticky;top:-6px;background:var(--panel);z-index:2;}
.srfh b{flex:1;font-size:15px;}
.srfc{display:none;}
.srx{border:0;background:none;color:var(--gold);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;padding:2px 0;}
.srx:hover{text-decoration:underline;}
.srb{padding:14px 0 12px;border-bottom:1px solid var(--line);}
.srb:last-child{border-bottom:0;}
.srbh{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:9px;}
.srbh h3{margin:0;font-size:12px!important;font-weight:700!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--muted);}
.srb.sron .srbh h3{color:var(--gold);}
.srch{display:flex;flex-wrap:wrap;gap:6px;}
.srchip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:18px;padding:6px 11px;font:inherit;font-size:13.5px;cursor:pointer;line-height:1.2;}
.srchip svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.srchip i{font-style:normal;font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums;}
.srchip:hover{border-color:var(--accent);}
.srchip.on{background:var(--ink-btn);color:var(--ink-btn-t);border-color:var(--ink-btn);}
.srchip.on i{color:inherit;opacity:.7;}
.srchip.zero{opacity:.42;}
.srchip.sm{font-size:12px;padding:4px 9px;}
.srrange{padding-top:2px;}
.srhist{display:flex;align-items:flex-end;gap:2px;height:44px;padding:0 9px;}
.srhist i{flex:1;background:var(--line);border-radius:2px 2px 0 0;min-height:0;transition:height .2s;}
.srhist i.in{background:var(--accent);opacity:.85;}
.srrange.full .srhist i.in{opacity:.38;}
.srdual{position:relative;height:28px;margin:0 0 2px;}
.srdual::before{content:'';position:absolute;left:9px;right:9px;top:12px;height:4px;border-radius:2px;background:var(--line);}
.srfill{position:absolute;top:12px;height:4px;border-radius:2px;background:var(--accent);margin-left:9px;max-width:calc(100% - 18px);}
.srrange.full .srfill{opacity:.35;}
.srdual input{position:absolute;left:0;top:0;width:100%;height:28px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none;}
.srdual input::-webkit-slider-runnable-track{background:none;height:28px;}
.srdual input::-moz-range-track{background:none;}
.srdual input::-webkit-slider-thumb{pointer-events:auto;-webkit-appearance:none;width:20px;height:20px;margin-top:4px;border-radius:50%;background:#fff;border:2px solid var(--accent);box-shadow:0 1px 4px rgba(0,0,0,.25);cursor:grab;}
.srdual input::-moz-range-thumb{pointer-events:auto;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--accent);box-shadow:0 1px 4px rgba(0,0,0,.25);cursor:grab;}
.srdual input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(193,154,69,.3);}
.srvals{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums;margin-bottom:8px;}
.srrange:not(.full) .srvals{color:var(--text);font-weight:600;}
.srsel{width:100%;border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:10px;padding:9px 10px;font:inherit;font-size:14px;}
.srbool{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;}
.srbool input{width:18px;height:18px;accent-color:var(--accent);}
.srbool span{flex:1;} .srbool i{font-style:normal;font-size:12px;color:var(--muted);}
.srmore{margin-top:4px;}
.srmore>summary{cursor:pointer;list-style:none;padding:14px 0 12px;font-weight:700;font-size:14px;border-bottom:1px solid var(--line);}
.srmore>summary::-webkit-details-marker{display:none;}
.srmore>summary::before{content:'+';display:inline-block;width:18px;color:var(--gold);font-weight:800;}
.srmore[open]>summary::before{content:'–';}
.srmore>summary span{display:block;margin:3px 0 0 18px;font-weight:400;font-size:12.5px;color:var(--muted);}
.srdone{display:none;}
.srr{min-width:0;}
.srh{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:10px;}
.srcount b{font:300 38px/1 var(--font-body);letter-spacing:-.02em;}
.srcount span{font-size:16px;margin-left:2px;} .srcount small{display:block;color:var(--muted);font-size:13px;margin-top:4px;}
.srtools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.srsort{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);}
.srsort select{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:8px 10px;font:inherit;font-size:14px;}
.srview{display:inline-flex;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel);}
.srview button{border:0;background:none;color:var(--text);font:inherit;font-size:13.5px;font-weight:600;padding:8px 13px;cursor:pointer;}
.srview button.on{background:var(--ink-btn);color:var(--ink-btn-t);}
.sract{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 16px;}
.srac{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--accent);background:rgba(193,154,69,.12);color:var(--text);border-radius:16px;padding:5px 10px;font:inherit;font-size:13px;cursor:pointer;}
.srac span{font-size:11px;opacity:.7;}
.srac:hover{background:rgba(193,154,69,.22);}
.srgrid{margin-top:4px;}
.srmorebtn{display:block;margin:18px auto 0;}
.srmorebtn small{color:var(--muted);font-weight:400;margin-left:4px;}
.srtab{overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--panel);}
.srtab table{border-collapse:collapse;width:100%;font-size:13px;}
.srtab th{position:sticky;top:0;background:var(--panel-2);text-align:left;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:9px 10px;white-space:nowrap;z-index:1;}
.srtab th button{border:0;background:none;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;padding:0;}
.srtab th button::after{content:' ↕';opacity:.45;} .srtab th button.on{color:var(--gold);} .srtab th button.on::after{content:' ↓';opacity:1;}
.srtab td{padding:8px 9px;border-top:1px solid var(--line);vertical-align:top;}
.srtab td:nth-child(2){max-width:150px;overflow:hidden;text-overflow:ellipsis;}
.srtab td b{display:inline-flex;align-items:center;gap:5px;font-weight:600;font-style:italic;}
.srtab td.nm{white-space:nowrap;font-variant-numeric:tabular-nums;}
.srtab td small{color:var(--muted);}
.srtab tr[data-open]{cursor:pointer;}
.srtab tr[data-open]:hover td,.srtab tr[data-open]:focus td{background:var(--panel-2);}
.srchart{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:12px 12px 4px;}
.srchart svg{width:100%;height:auto;display:block;}
.srgl{stroke:var(--line);stroke-width:1;}
.srax{font-size:11.5px;fill:var(--muted);font-family:var(--font-body);}
.srat{font-size:12.5px;fill:var(--muted);font-family:var(--font-body);font-weight:600;letter-spacing:.06em;}
.srpt{stroke:var(--panel);stroke-width:1;fill-opacity:.82;cursor:pointer;}
.srpt:hover{fill-opacity:1;stroke:var(--text);stroke-width:1.5;}
.srlab{font-size:11.5px;font-style:italic;font-weight:600;fill:var(--text);font-family:var(--font-body);paint-order:stroke;stroke:var(--panel);stroke-width:3px;pointer-events:none;}
.srref circle{fill:none;stroke:var(--muted);stroke-width:1.6;stroke-dasharray:3 2;}
.srref text{font-size:11.5px;fill:var(--muted);font-family:var(--font-body);paint-order:stroke;stroke:var(--panel);stroke-width:3px;}
.srleg{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:var(--muted);padding:6px 6px 0;}
.srleg span{display:inline-flex;align-items:center;gap:6px;}
.srleg i{width:10px;height:10px;border-radius:50%;} .srleg i.o{border:1.6px dashed var(--muted);}
.srchart .mapnote{margin:8px 6px 8px;}
@media (max-width:900px){
  .srw{grid-template-columns:1fr;gap:0;}
  .srft{display:inline-flex;}
  .srf{display:none;position:fixed;inset:0;z-index:900;max-height:none;border-radius:0;border:0;padding:0 18px 90px;top:0;}
  .srf.open{display:block;}
  .srfh{top:0;padding:16px 0 10px;}
  .srfc{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer;}
  .srdone{display:block;position:fixed;left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:3;width:auto;}
  body.srlock{overflow:hidden;}
  .srcount b{font-size:30px;}
  .srh{align-items:flex-start;}
  .srtools{width:100%;} .srsort{flex:1;} .srsort select{flex:1;min-width:0;}
  .srpre{flex-wrap:nowrap;overflow-x:auto;margin-right:-16px;padding-right:16px;scrollbar-width:none;} .srpre::-webkit-scrollbar{display:none;}
  .srpre .chip{flex:none;}
}
/* ====== ENDE MODUL srch ====== */
/* ====== MODUL evo ====== */
/* ---------- Großer Stammbaum: Bilder-Fächer und 3D */
.evo{margin:22px 0 36px;}
.evw{display:grid;grid-template-columns:minmax(0,1fr) 380px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--panel);box-shadow:0 18px 40px -30px rgba(0,0,0,.35);}
.evstage{position:relative;height:clamp(540px,80vh,880px);overflow:hidden;touch-action:pan-y;cursor:grab;outline:none;
  background:radial-gradient(70% 55% at 50% 96%,rgba(212,176,100,.13),transparent 70%),var(--stone);}
.evstage:focus-visible{box-shadow:inset 0 0 0 2px var(--accent);}
.evstage.drag{cursor:grabbing;} .evstage.pt{cursor:pointer;}
.ev2,.ev3{position:absolute;inset:0;}
.ev2 svg{display:block;}
.ev3{display:none;width:100%;height:100%;}
.evstage.m3{background:radial-gradient(110% 85% at 50% 40%,#13294d 0%,#0b1934 45%,#050b17 100%);}
.evstage.m3 .ev2{display:none;} .evstage.m3 .ev3{display:block;}
.ev3only{display:none!important;} .evstage.m3 .ev3only{display:inline-flex!important;}
.evbar{position:absolute;left:12px;right:12px;top:12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;z-index:2;pointer-events:none;}
.evbar>*{pointer-events:auto;}
.evseg,.evctl,.evjump{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:19px;background:var(--panel);overflow:hidden;box-shadow:0 2px 10px -4px rgba(0,0,0,.18);}
.evseg button,.evjump button,.evctl button{border:0;background:none;color:var(--text);font:inherit;font-size:13.5px;font-weight:600;height:38px;padding:0 13px;cursor:pointer;display:inline-flex;align-items:center;}
.evjump button+button{border-left:1px solid var(--line);}
.evseg button.on{background:var(--ink-btn);color:var(--ink-btn-t);}
.evctl{margin-left:auto;} .evctl .zlvl{font-size:12px;color:var(--muted);min-width:46px;text-align:center;font-variant-numeric:tabular-nums;}
.evctl svg{width:17px;height:17px;} .evctl button.on{color:var(--gold);}
.evstage.m3 .evseg,.evstage.m3 .evctl,.evstage.m3 .evjump{background:rgba(9,20,38,.72);border-color:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);}
.evstage.m3 .evbar button{color:#e6edf6;} .evstage.m3 .evseg button.on{background:#d4b064;color:#141414;} .evstage.m3 .evjump button+button{border-color:rgba(255,255,255,.16);}
.evstage.m3 .zlvl{display:none;}
.evhint{position:absolute;left:14px;bottom:12px;margin:0;font-size:12px;color:var(--muted);pointer-events:none;}
.evleg{position:absolute;right:14px;bottom:12px;display:flex;gap:4px 12px;flex-wrap:wrap;justify-content:flex-end;font-size:12px;color:var(--muted);pointer-events:none;max-width:62%;}
.evleg span{display:inline-flex;align-items:center;gap:5px;} .evleg i{width:10px;height:10px;border-radius:50%;}
.evstage.m3 .evhint,.evstage.m3 .evleg{color:#9fb6d2;}
.evtip{position:absolute;z-index:3;pointer-events:none;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:8px 11px;box-shadow:var(--shadow);transform:translate(14px,14px);font-size:13px;max-width:230px;}
.evtip b{display:block;} .evtip small{display:block;color:var(--muted);} .evtip em{display:block;font-style:normal;font-weight:700;font-size:12.5px;margin-top:3px;}
.evpop{position:absolute;left:10px;right:10px;bottom:10px;z-index:3;display:flex;gap:10px;align-items:center;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:8px 8px 8px 10px;box-shadow:var(--shadow);}
.evpop>div{flex:1;min-width:0;} .evpop b{display:block;font-size:14.5px;} .evpop small{display:block;color:var(--muted);font-size:12px;} .evpop em{display:block;font-style:normal;font-size:12.5px;font-weight:700;}
.evpop .bs{flex:none;}
.evpx{border:0;background:none;color:var(--muted);font-size:16px;cursor:pointer;padding:6px;}
.evpop:not([hidden])~.evleg,.evstage:has(.evpop:not([hidden])) .evhint,.evstage:has(.evpop:not([hidden])) .evleg{display:none;}
@media (min-width:1000px){ .evpop{display:none!important;} }
/* Zeichnung */
.evarc{fill:none;stroke:var(--line);stroke-width:2;stroke-dasharray:2 10;}
.evroot{text-anchor:middle;font:italic 500 15px 'Newsreader',Georgia,serif;fill:var(--muted);}
.eve{fill:none;stroke-linecap:round;opacity:.9;transition:opacity .25s;}
.evsvg.hassel .eve{opacity:.22;} .evsvg.hassel .eve.ip{opacity:1;}
.evn{cursor:pointer;outline:none;}
.evhalo{fill:none;stroke:var(--c);stroke-width:14;opacity:0;transition:opacity .2s;}
.evn:hover .evhalo,.evn:focus-visible .evhalo{opacity:.25;} .evn.on .evhalo{opacity:.45;}
.evring{fill:none;stroke-width:4;}
.evn.on .evring{stroke-width:6;}
.evsvg.hassel .evn:not(.ip){opacity:.5;}
.evl{font-family:var(--font-body);fill:var(--text);paint-order:stroke;stroke:var(--stone);stroke-width:5px;stroke-linejoin:round;}
.evln{font-size:15px;font-weight:600;} .evld{font-size:12.5px;fill:var(--muted);}
.evn.t .evln{font-size:16px;}
.evb{cursor:pointer;}
.evb rect{fill:var(--panel);stroke-width:1.6;}
.evb text{font:600 12.5px var(--font-body);fill:var(--text);} .evbp{font-weight:800;font-size:15px;}
.evsvg.hassel .evb:not(.ip){opacity:.35;}
.evg{cursor:pointer;} .evgring{fill:none;stroke-width:2.5;} .evg:hover .evgring{stroke-width:4.5;}
.evgl{text-anchor:middle;font:italic 600 11.5px var(--font-body);fill:var(--text);paint-order:stroke;stroke:var(--stone);stroke-width:4px;stroke-linejoin:round;}
.evgs{text-anchor:middle;font:500 10.5px var(--font-body);fill:var(--muted);paint-order:stroke;stroke:var(--stone);stroke-width:4px;stroke-linejoin:round;}
.evsvg.hassel .evg{opacity:.45;}
.evsvg.z0 .evb,.evsvg.z0 .evgl,.evsvg.z0 .evgs,.evsvg.z0 .evld,.evsvg.z0 .evl:not(.mj),.evsvg.z0 .evroot{display:none;}
.evsvg.z0 .evl.mj .evln{font-size:calc(var(--iz) * 26px);}
.evsvg.z0 .evl.mj{stroke-width:calc(var(--iz) * 9px);}
.evsvg.z1 .evgl,.evsvg.z1 .evgs,.evsvg.z1 .evld{display:none;}
.evl.hid{visibility:hidden;}
.evsk{fill:#5b5148;} .evh1{fill:var(--t-other);} .evh2{stroke:var(--t-other);stroke-width:2;fill:none;}
.evsec{font:300 64px var(--font-body);letter-spacing:.18em;text-transform:uppercase;opacity:.75;}
.evsvg.z2 .evsec{display:none;}
/* Infotafel */
.evinfo{border-left:1px solid var(--line);padding:22px 22px 20px;max-height:clamp(540px,80vh,880px);overflow:auto;background:var(--panel);}
.evi0 h3{font-size:21px;margin:0 0 12px;}
.evi0 ul{margin:0 0 16px;padding-left:18px;font-size:14.5px;line-height:1.55;} .evi0 li{margin-bottom:6px;}
.evq{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;}
.evih{display:flex;gap:16px;align-items:center;margin-bottom:12px;}
.evbig{flex:none;width:104px;height:104px;margin:0;border-radius:50%;overflow:hidden;border:4px solid var(--c);background:var(--t-other);position:relative;}
.evbig img{width:100%;height:100%;object-fit:cover;display:block;}
.evbig .evsil{display:flex;width:100%;height:100%;align-items:center;justify-content:center;}
.evbig .evsil svg{width:84%;height:62%;}
.evbig figcaption{position:absolute;left:0;right:0;bottom:6px;text-align:center;font-size:10.5px;font-weight:700;font-style:italic;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);}
.evih .kick{margin:0 0 4px;}
.evih h3{margin:0;font-size:27px;line-height:1.1;}
.evm{margin:6px 0 0;font-size:13px;color:var(--muted);}
.evd{font-size:14.5px;line-height:1.55;margin:0 0 6px;}
.evh{margin:20px 0 9px;font-size:12px!important;font-weight:700!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--muted);display:flex;justify-content:space-between;gap:8px;}
.evh span{letter-spacing:0;text-transform:none;font-weight:500;}
.evnew{margin:0;padding:0;list-style:none;display:grid;gap:6px;}
.evnew li{position:relative;padding:8px 10px 8px 34px;border-radius:10px;background:var(--panel-2);font-size:14px;line-height:1.4;}
.evnew li::before{content:'+';position:absolute;left:12px;top:5px;font-weight:800;color:var(--c);font-size:18px;}
.evpath{list-style:none;margin:0;padding:0;position:relative;}
.evpath::before{content:'';position:absolute;left:22px;top:24px;bottom:24px;width:2px;background:var(--line);}
.evpath li button{display:flex;align-items:center;gap:11px;width:100%;border:0;background:none;padding:4px 4px 4px 0;text-align:left;cursor:pointer;color:var(--text);font:inherit;border-radius:10px;}
.evpath li button:hover{background:var(--panel-2);}
.evpic{flex:none;width:46px;height:46px;border-radius:50%;overflow:hidden;border:2px solid var(--line);background:var(--t-other);position:relative;z-index:1;display:inline-flex;}
.evpic img{width:100%;height:100%;object-fit:cover;}
.evsil{display:flex;align-items:center;justify-content:center;width:100%;height:100%;} .evsil svg{width:88%;height:64%;} .evsil svg[data-sil]{position:static;width:94%;height:70%;}
.evst{min-width:0;} .evst b{display:block;font-size:14px;} .evst small{display:block;font-size:12px;color:var(--muted);} .evst em{display:block;font-style:normal;font-size:12.5px;font-weight:700;}
.evpath li.on .evpic{border-color:var(--gold);box-shadow:0 0 0 3px rgba(193,154,69,.25);}
.evcmp{overflow:auto;}
.evcmp table{width:100%;border-collapse:collapse;font-size:13.5px;}
.evcmp th,.evcmp td{padding:7px 7px;border-top:1px solid var(--line);text-align:left;vertical-align:top;}
.evcmp thead th{border-top:0;font-size:13.5px;border-bottom:3px solid var(--c);}
.evcmp tbody th{font-weight:600;color:var(--muted);font-size:12.5px;width:32%;}
.evcmp button{border:0;background:none;padding:0;font:inherit;color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer;}
.evcmp small{color:var(--muted);}
.evsub{font-size:13px;color:var(--muted);margin:14px 0 6px;}
.evlink{border:0;background:none;padding:0;font:inherit;color:var(--gold);font-weight:600;cursor:pointer;}
.evlu{background:var(--panel-2);border-radius:12px;padding:8px;}
.evlu svg{width:100%;height:auto;max-height:180px;display:block;}
.evmc{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.evbtns{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;}
.evw.full{position:fixed;inset:0;z-index:1000;border-radius:0;border:0;}
.evw.full .evstage{height:100vh;} .evw.full .evinfo{max-height:100vh;}
@media (max-width:999px){
  .evw{grid-template-columns:1fr;margin:0 -6px;border-radius:16px;}
  .evstage{height:clamp(460px,76vh,680px);}
  .evinfo{border-left:0;border-top:1px solid var(--line);max-height:none;padding:18px 16px;}
  .evbar{left:8px;right:8px;top:8px;gap:6px;}
  .evseg button,.evjump button,.evctl button{height:34px;padding:0 10px;font-size:12.5px;}
  .evctl .zlvl{display:none;}
  .evjump{order:3;}
  .evleg{display:none;}
  .evw.full .evinfo{display:none;} .evw.full .evstage{touch-action:none;}
}
@media (max-width:520px){ .evctl [data-evz="-"],.evctl [data-evz="+"]{display:none;} }
.evskull{width:100%;height:100%;display:block;background:var(--t-other);}
/* ====== ENDE MODUL evo ====== */
/* ====== MODUL sil ====== */
/* ---------- Silhouetten Flug- und Meeressaurier */
.th[data-sil] .g{stroke-width:2;}
/* ====== ENDE MODUL sil ====== */
/* ====== MODUL thm ====== */
.hbtn.thbtn{padding:9px 10px;color:var(--text);}
.hbtn.thbtn svg{width:17px;height:17px;}
.vin{animation:vin .34s cubic-bezier(.2,.7,.2,1);}
@keyframes vin{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
::view-transition-old(root),::view-transition-new(root){animation-duration:.28s;}
@media (prefers-reduced-motion: reduce){.vin{animation:none;}}
@media (max-width:420px){.hright{gap:4px;}.hright .hbtn{padding:8px 9px;}.hbtn.thbtn{padding:8px 8px;}}
/* ====== ENDE MODUL thm ====== */
/* ====== MODUL lg ====== */
.legal{max-width:760px;margin:6px 0 40px;font-size:15.5px;line-height:1.65;}
.legal h2{font-size:18px;font-weight:600;margin:28px 0 8px;letter-spacing:.01em;}
.legal h2:first-child{margin-top:8px;}
.legal p{margin:0 0 10px;color:var(--text);}
.legal a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;}
.lgnote{max-width:760px;padding:12px 16px;border-radius:12px;background:var(--panel-2);color:var(--muted);font-size:14px;margin:0 0 8px;}
.flinks{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 28px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:14px;}
.flinks span{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;}
.flinks a{color:var(--text);text-decoration:none;font-weight:500;}
.flinks a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px;}
.flinks .fcopy{color:var(--muted);font-weight:400;}
/* ====== ENDE MODUL lg ====== */
/* ====== MODUL xl ====== */
.dxl{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 2px;}
.xlb{display:inline-flex;align-items:center;gap:10px;padding:9px 16px 9px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 9%,var(--panel));color:var(--text);text-align:left;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease;}
.xlb:hover{background:color-mix(in srgb,var(--accent) 16%,var(--panel));transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.08);}
.xlb:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.xlb svg{width:22px;height:22px;flex:0 0 auto;color:var(--accent);}
.xlb span{display:flex;flex-direction:column;line-height:1.2;}
.xlb b{font-size:14px;font-weight:600;}
.xlb small{font-size:12px;color:var(--muted);margin-top:2px;}
@media (max-width:600px){.xlb{flex:1 1 100%;}}
@media (prefers-reduced-motion: reduce){.xlb{transition:none;}.xlb:hover{transform:none;}}
/* ====== ENDE MODUL xl ====== */
/* ====== MODUL mus ====== */
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.mubar{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;justify-content:space-between;margin:4px 0 16px;}
.mutogs{display:flex;flex-wrap:wrap;gap:8px;}
.mutogs .tog b{font-weight:600;opacity:.6;margin-left:4px;font-variant-numeric:tabular-nums;}
.muq{flex:0 1 340px;}
.muq input{width:100%;padding:11px 14px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-size:15px;}
.muq input:focus{outline:2px solid var(--accent);outline-offset:1px;}
.muw{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:20px;align-items:start;}
.mumap{position:sticky;top:150px;height:min(640px,calc(100vh - 190px));min-height:420px;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--musea,#cfe0ea);touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;}
.mumap.drag{cursor:grabbing;}
.mumap:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.mumap svg{display:block;width:100%;height:100%;}
.musea{fill:var(--musea,#d4e4ee);}
.muland{fill:var(--muland,#f3efe6);stroke:var(--mucoast,#9fb3bf);stroke-width:.7;vector-effect:non-scaling-stroke;}
.mubord{fill:none;stroke:var(--mubord,#b8a98e);stroke-width:1;stroke-dasharray:4 3;vector-effect:non-scaling-stroke;}
.mupt circle{fill:var(--accent);stroke:#fff;stroke-width:2;cursor:pointer;transition:r .15s ease;}
.mupt circle.h{fill:color-mix(in srgb,var(--accent) 28%,transparent);stroke:none;}
.mupt.on circle:not(.h){fill:#1d1e21;stroke:var(--accent);stroke-width:3;}
.mupt .lb{font:600 13px var(--font-body);fill:#1d1e21;text-anchor:middle;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round;pointer-events:none;}
.mucl{cursor:pointer;}
.mucl circle{fill:#1d1e21;stroke:var(--accent);stroke-width:2.5;}
.mucl text{fill:#fff;font:700 12px var(--font-body);text-anchor:middle;pointer-events:none;}
.muctl{position:absolute;right:12px;top:12px;display:flex;flex-direction:column;gap:6px;}
.muctl button{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:20px;line-height:1;box-shadow:0 2px 8px rgba(0,0,0,.12);}
.muhint{position:absolute;left:12px;bottom:10px;margin:0;font-size:12px;color:#4a5560;background:rgba(255,255,255,.75);padding:4px 9px;border-radius:8px;pointer-events:none;}
.mutip{position:absolute;z-index:3;max-width:250px;padding:8px 11px;border-radius:10px;background:var(--panel);border:1px solid var(--line);box-shadow:0 8px 24px rgba(0,0,0,.16);pointer-events:none;font-size:13px;}
.mutip b{display:block;font-weight:600;}.mutip small{color:var(--muted);}
.mulist{display:flex;flex-direction:column;gap:14px;max-height:min(640px,calc(100vh - 190px));min-height:420px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;}
.muc{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:16px 18px;transition:border-color .2s ease,box-shadow .2s ease;cursor:pointer;}
.muc.on{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent);}
.muh{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;}
.muh h3{margin:0;font-size:17px;font-weight:600;line-height:1.3;}
.mul{margin:3px 0 0;color:var(--muted);font-size:13.5px;}
.mupin{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex:0 0 auto;}
.mupin svg{width:15px;height:15px;}
.mud{margin:10px 0 12px;font-size:14.5px;line-height:1.55;}
.mugl{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:6px;}
.mug{display:flex;align-items:center;gap:10px;width:100%;padding:6px 10px 6px 6px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);text-align:left;font:inherit;}
button.mug{cursor:pointer;}button.mug:hover{border-color:var(--accent);}
.mug img,.mug .mugs{width:44px;height:34px;border-radius:7px;object-fit:cover;flex:0 0 auto;background:var(--panel);display:flex;align-items:center;justify-content:center;}
.mug .mugs svg{width:20px;height:20px;color:var(--muted);}
.mug>span:nth-child(2){flex:1 1 auto;display:flex;flex-direction:column;line-height:1.25;min-width:0;}
.mug b{font-weight:600;font-size:14px;font-style:italic;}
.mug small{color:var(--muted);font-size:12.5px;}
.mug.off{opacity:.8;}
.mut{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 7px;border-radius:6px;white-space:nowrap;flex:0 0 auto;}
.mut.o{background:color-mix(in srgb,var(--moss,#3f8f5f) 18%,transparent);color:var(--moss-ink,#2f6e48);}
.mut.a{background:color-mix(in srgb,var(--muted) 16%,transparent);color:var(--muted);}
.mut.l{background:color-mix(in srgb,var(--accent) 18%,transparent);color:color-mix(in srgb,var(--accent) 70%,var(--text));}
.mulink{font-size:14px;font-weight:600;color:var(--accent);text-decoration:none;}
.mulink:hover{text-decoration:underline;text-underline-offset:3px;}
.mup{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin-bottom:8px;}
.mupc{display:flex;gap:12px;align-items:flex-start;text-align:left;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;cursor:pointer;}
.mupc:hover{border-color:var(--accent);}
.mupf svg{width:22px;height:22px;color:var(--accent);}
.mupt{flex:1 1 auto;display:flex;flex-direction:column;line-height:1.3;min-width:0;}
.mupt b{font-weight:600;font-size:14.5px;}.mupt small{color:var(--muted);font-size:13px;}.mupt em{font-style:normal;font-size:13px;margin-top:4px;}
:root{--musea:#d7e6ef;--muland:#f4f0e7;--mucoast:#a9bcc7;--mubord:#b5a487;--moss-ink:#2f6e48;}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--musea:#18222c;--muland:#2b2d31;--mucoast:#3c4e5c;--mubord:#4a463e;--moss-ink:#7fd3a0;}}
:root[data-theme="dark"]{--musea:#18222c;--muland:#2b2d31;--mucoast:#3c4e5c;--mubord:#4a463e;--moss-ink:#7fd3a0;}
:root[data-theme="dark"] .mupt .lb{fill:#ece9e2;stroke:#161719;}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .mupt .lb{fill:#ece9e2;stroke:#161719;}:root:not([data-theme="light"]) .muhint{background:rgba(22,23,25,.75);color:#a3a19b;}}
:root[data-theme="dark"] .muhint{background:rgba(22,23,25,.75);color:#a3a19b;}
@media (max-width:899px){.muw{grid-template-columns:1fr;}.mumap{position:relative;top:auto;height:58vh;min-height:320px;max-height:460px;}.mulist{max-height:none;min-height:0;overflow:visible;}.muq{flex:1 1 100%;}}
@media (prefers-reduced-motion: reduce){.muc,.mupt circle{transition:none;}}
/* ====== ENDE MODUL mus ====== */
/* ====== MODUL qz ====== */
.qzlv{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:2px 0 14px;}
.qzlv>span{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:4px;}
.qzmodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px;}
.qzm{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;}
.qzm:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.08);}
.qzm b{font-size:17px;font-weight:600;}
.qzm span{font-size:14px;color:var(--muted);line-height:1.4;}
.qzm em{font-style:normal;font-size:12.5px;font-weight:600;color:var(--accent);margin-top:4px;}
.qzbox{max-width:860px;margin:0 auto 40px;scroll-margin-top:150px;}
.qzhd{display:flex;justify-content:space-between;font-size:14px;color:var(--muted);margin-bottom:8px;}
.qzsc{font-weight:600;color:var(--text);}
.qzbar{height:6px;border-radius:4px;background:var(--panel-2);overflow:hidden;margin-bottom:16px;}
.qzbar i{display:block;height:100%;background:var(--accent);border-radius:4px;transition:width .4s ease;}
.qzcard{border:1px solid var(--line);border-radius:20px;background:var(--panel);padding:22px;}
.qzq{font-size:24px;font-weight:300;margin:0 0 16px;line-height:1.25;}
.qzq i{font-weight:400;}
.qzim{display:block;border-radius:14px;overflow:hidden;}
.qzim img{display:block;width:100%;height:100%;object-fit:cover;}
.qzim.big{aspect-ratio:16/10;max-height:420px;margin:0 auto 18px;}
.qzopts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;}
.qzo{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font:inherit;font-size:16px;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease;}
.qzo:hover:not([disabled]){border-color:var(--accent);}
.qzo kbd{font:600 12px var(--font-body);min-width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:var(--panel);border:1px solid var(--line);color:var(--muted);}
.qzo.ok,.qzpc.ok{border-color:#3f9a63;background:color-mix(in srgb,#3f9a63 16%,var(--panel));}
.qzo.no,.qzpc.no{border-color:#c4553f;background:color-mix(in srgb,#c4553f 14%,var(--panel));}
.qzo[disabled]{cursor:default;}
.qzpair{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.qzpc{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:16px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font:inherit;cursor:pointer;transition:border-color .15s ease,transform .15s ease;}
.qzpc:hover:not([disabled]){border-color:var(--accent);transform:translateY(-2px);}
.qzpc .qzim{aspect-ratio:4/3;}
.qzpc b{font-size:17px;font-weight:600;font-style:italic;}
.qzpc.dim{opacity:.6;}
.qzfb{margin-top:16px;padding:14px 16px;border-radius:14px;background:var(--panel-2);font-size:15px;line-height:1.5;animation:vin .3s ease;}
.qzfb.ok b{color:#2f8a55;}.qzfb.no b{color:#c4553f;}
.qzfb p{margin:6px 0 12px;color:var(--text);}
.qzact{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.qzact .bp,.qzact .bs{width:auto;flex:0 0 auto;}
.qzend{text-align:center;border:1px solid var(--line);border-radius:20px;background:var(--panel);padding:30px 22px;}
.qzbig{font-size:64px;font-weight:200;margin:0;line-height:1;}
.qzbig small{font-size:28px;color:var(--muted);}
.qzmsg{font-size:18px;margin:12px 0 6px;}
.qzbest{color:var(--accent);font-weight:600;margin:0 0 18px;}
.qzend .qzact{justify-content:center;}
@media (max-width:899px){.qzmodes{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:600px){.qzmodes{grid-template-columns:1fr;}.qzq{font-size:20px;}.qzcard{padding:16px;}.qzpair{gap:8px;}.qzpc b{font-size:15px;}.qzopts{grid-template-columns:1fr 1fr;}.qzopts.names{grid-template-columns:1fr;}}
@media (prefers-reduced-motion: reduce){.qzm,.qzpc,.qzbar i{transition:none;}.qzm:hover,.qzpc:hover{transform:none;}.qzfb{animation:none;}}
/* ====== ENDE MODUL qz ====== */
/* ====== MODUL gl ====== */
.glsec{margin:8px 0 26px;}
.glh{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 12px;}
.glg{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;}
.glc{display:flex;gap:16px;align-items:flex-start;padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--panel);scroll-margin-top:160px;}
.glc.flash{animation:flash 1.6s ease;}
.glpic{flex:0 0 auto;width:76px;height:76px;border-radius:14px;background:var(--panel-2);display:flex;align-items:center;justify-content:center;color:var(--text);overflow:hidden;}
.glpic .glsv{width:56px;height:56px;}
.glpic.ph img{width:100%;height:100%;object-fit:cover;}
.glpic.sil svg{width:70px;height:auto;}
.glt{min-width:0;}
.glt h3{margin:2px 0 0;font-size:18px;font-weight:600;}
.gls{margin:1px 0 0;font-size:13px;color:var(--muted);font-style:italic;}
.gld{margin:8px 0 10px;font-size:14.5px;line-height:1.55;}
.glex{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;color:var(--muted);}
.glex .chip{font-size:13px;padding:5px 10px;}
.gll{display:inline;padding:0;margin:0;border:0;background:none;font:inherit;color:inherit;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--accent);text-decoration-thickness:1.5px;text-underline-offset:3px;cursor:help;}
.gll:hover,.gll:focus-visible{color:var(--accent);outline:none;}
.glpop{position:fixed;z-index:60;padding:14px 16px;border-radius:16px;background:var(--panel);border:1px solid var(--line);box-shadow:0 14px 40px rgba(0,0,0,.2);font-size:14.5px;line-height:1.5;animation:vin .2s ease;}
.glph{display:flex;gap:12px;align-items:center;margin-bottom:6px;}
.glph .glpic{width:52px;height:52px;border-radius:10px;}
.glph .glpic .glsv{width:40px;height:40px;}
.glph b{display:block;font-size:16px;font-weight:600;}
.glph small{color:var(--muted);font-style:italic;}
.glph>div{flex:1 1 auto;min-width:0;}
.glpx{border:0;background:none;color:var(--muted);font-size:16px;cursor:pointer;align-self:flex-start;}
.glpop p{margin:0 0 10px;}
@media (max-width:600px){.glg{grid-template-columns:1fr;}.glpic{width:64px;height:64px;}.glpic .glsv{width:48px;height:48px;}}
@media (prefers-reduced-motion: reduce){.glpop{animation:none;}.glc.flash{animation:none;}}
/* ====== ENDE MODUL gl ====== */
/* ====== MODUL dx ====== */
.pmwait{margin:0;padding:40px 16px;text-align:center;color:var(--muted);font-size:14px;}
.azn{position:sticky;top:132px;z-index:3;display:flex;flex-wrap:wrap;gap:4px;padding:10px 0;margin:0 0 10px;background:var(--bg);border-bottom:1px solid var(--line);}
.azn a{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;border-radius:8px;font-weight:600;font-size:14px;color:var(--text);text-decoration:none;border:1px solid transparent;}
.azn a:hover{border-color:var(--accent);color:var(--accent);}
.azs{scroll-margin-top:190px;margin:0 0 18px;}
.azh{font-size:28px;margin:12px 0 8px;color:var(--accent);}
.azl{list-style:none;margin:0;padding:0;columns:4 220px;column-gap:24px;}
.azl li{break-inside:avoid;display:flex;align-items:baseline;gap:8px;padding:3px 0;font-size:15px;}
.azl a{color:var(--text);text-decoration:none;display:inline-flex;align-items:center;gap:5px;}
.azl a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px;}
.azl small{color:var(--muted);font-size:12px;}
.azl .kic svg{width:13px;height:13px;}
@media (max-width:899px){.azn{top:118px;}}
.dxph{display:block;width:100%;}
.dxph.th{aspect-ratio:256/136;}
.lmenu{z-index:70!important;}
.act.dlang{display:inline-flex;align-items:center;gap:6px;}
.act.dlang .flag{width:20px;height:auto;border-radius:2px;}
.act.dlang span{font-size:13px;font-weight:600;letter-spacing:.02em;}
/* ====== ENDE MODUL dx ====== */
/* ====== MODUL nm ====== */
.dname{display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px;margin:4px 0 6px;color:var(--muted);}
.dname>span>span:first-child{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-right:9px;font-style:normal;font-family:var(--font-body);}
.dnm{color:var(--text);font-family:'Newsreader',Georgia,serif;font-style:italic;font-size:19px;}
.dpr{font-size:16px;color:var(--text);}
.dsy i{font-style:normal;opacity:.4;margin:0 1px;}
.dsy b{font-weight:700;color:var(--text);}
.dsay{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;transition:background .15s ease,border-color .15s ease;}
.dsay svg{width:18px;height:18px;}
.dsay:hover,.dsay.on{border-color:var(--accent);color:var(--accent);}
.dsay.on{animation:pulse 1s ease infinite;}
@keyframes pulse{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 20%,transparent);}}
@media (prefers-reduced-motion: reduce){.dsay.on{animation:none;}}
/* ====== ENDE MODUL nm ====== */