/* n_style.css - Naturspektrum neu: dunkles, responsives Layout mit Druck-Stil */
:root{
  --bg:#0e1411; --bg2:#121a15; --side:#101812; --card:#151d18; --line:#25332a; --line2:#355041;
  --text:#e7ece6; --text2:#cdd8cf; --muted:#9aa89d; --accent:#e0a84a; --accent2:#f2c675; --sel:#1f3326;
  --side-w:340px;
  --hover:#17231b; --thumb:#0b100d; --on-accent:#0e1411; --green:#8fd16a; --green-wash:rgba(143,209,106,.07); --bar:#5f8f45;
  --soft:#9db5a2; --soft2:#b6cfba; --lined:#2a3a30; --line3:#3a5042; --wash:rgba(255,255,255,.02); --rule:rgba(255,255,255,.07);
  --brand-n:#a6dc8f; --accent-wash:rgba(224,168,74,.16); --err-bg:#2a1512; --err-line:#7a2f25; --err-text:#ffb4a8; --ok-bg:#12261a;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
a{color:var(--accent)} a:hover{color:var(--accent2)}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
h1,h2,h3{font-family:Fraunces,Georgia,"Times New Roman",serif;font-weight:600;line-height:1.15;margin:0}
.n-skip{position:absolute;left:-999px;top:0;background:var(--accent);color:var(--on-accent);padding:10px 16px;z-index:100}
.n-skip:focus{left:8px;top:8px}

/* Kopf */
.n-header{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;padding:12px 24px;background:var(--bg2);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.n-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-family:Fraunces,Georgia,serif;font-weight:600;font-size:26px}
.n-logo{flex:0 0 auto;display:block}
.n-total{font-size:13px;color:var(--muted)}
.n-search{flex:1 1 260px;max-width:460px}
.n-search input{width:100%;min-height:44px;background:var(--bg);color:var(--text);border:1px solid var(--line2);border-radius:10px;padding:0 14px;font:inherit}
.n-top{display:flex;flex-wrap:wrap;gap:6px 20px;margin-left:auto}
.n-top a{color:var(--text2);text-decoration:none;padding:10px 0}
.n-top a:hover{color:var(--accent2)}
.n-menubtn{display:none;width:44px;height:44px;border:1px solid var(--line2);border-radius:10px;background:transparent;color:var(--text);cursor:pointer;align-items:center;justify-content:center}

/* Rahmen */
.n-wrap{display:flex;align-items:flex-start}
.n-side{flex:0 0 var(--side-w);width:var(--side-w);padding:20px 16px 40px 20px;background:var(--side);border-right:1px solid var(--line);position:sticky;top:var(--head-h,69px);max-height:calc(100vh - var(--head-h,69px));overflow-y:auto}
.n-main{flex:1 1 auto;min-width:0;padding:24px 36px 56px;overflow-wrap:break-word}
.n-scrim{display:none}

/* Menue (details/summary) */
.n-side-head{display:flex;justify-content:space-between;align-items:center;padding:0 10px 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.n-close{display:none;width:44px;height:44px;border:0;background:transparent;color:var(--text);font-size:28px;cursor:pointer}
.n-side details{margin:0}
.n-side summary,.n-ord,.n-fam{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 10px;border-radius:10px;color:var(--text2);text-decoration:none;cursor:pointer;list-style:none}
.n-side summary::-webkit-details-marker{display:none}
.n-side summary::before{content:"";flex:0 0 14px;height:14px;background:var(--accent);-webkit-mask:no-repeat center/14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e0a84a' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E");mask:no-repeat center/14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e0a84a' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E");transition:transform .15s}
.n-side details[open]>summary::before{transform:rotate(90deg)}
.n-side summary:hover,.n-ord:hover,.n-fam:hover{background:var(--hover)}
.n-kl>summary{font-weight:600;color:var(--text)}
.n-kl>.n-or,.n-kl>.n-ord{margin-left:12px}
.n-or>.n-fam,.n-or>.n-grp{margin-left:34px}
.n-ord{padding-left:34px}
.n-ord::before{content:none}
.n-nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n-cnt{font-size:13px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto}
.n-ic{flex:0 0 28px;width:28px;height:28px;display:block}
.n-cur{background:var(--sel)!important;color:var(--accent2)!important;font-weight:600}
.n-all{font-style:italic}
.n-gi{vertical-align:-3px;margin-right:4px}
.n-grp{margin-top:8px;padding:6px 10px 2px;font-size:13px;color:var(--muted);border-top:1px solid var(--line)}

/* Inhalt */
.n-crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--muted);margin-bottom:12px}
.n-crumbs a{color:var(--muted);text-decoration:none} .n-crumbs a:hover{color:var(--accent2)}
.n-page-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px}
h1{font-size:clamp(30px,4.2vw,46px)}
.n-latin{font-style:italic;color:var(--muted)}
.n-lead{color:var(--text2);max-width:70ch;margin:8px 0 18px}
.n-stats{display:flex;flex-wrap:wrap;gap:12px 32px;list-style:none;padding:0;margin:0 0 26px;color:var(--muted)}
.n-stats b{font-size:28px;color:var(--accent);font-variant-numeric:tabular-nums;margin-right:4px}
.n-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 22px}
.n-sp{flex:1}
.n-btn{min-height:44px;padding:0 16px;border-radius:10px;border:1px solid var(--line2);background:transparent;color:var(--text2);font:inherit;font-size:14px;cursor:pointer}
.n-btn[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-wash);color:var(--accent2)}
.n-btn:hover{border-color:var(--accent)}
.n-grp-h{font-size:24px;margin:34px 0 8px;padding-top:14px;border-top:1px solid var(--line)}
.n-famblock{border:1px solid var(--line);border-radius:14px;background:var(--bg2);margin:12px 0}
.n-famblock>summary{display:flex;flex-wrap:wrap;min-width:0;overflow-wrap:anywhere;align-items:center;gap:10px;padding:12px 18px;min-height:52px;cursor:pointer;list-style:none;font-size:19px}
.n-famblock>summary::-webkit-details-marker{display:none}
.n-famblock>summary::before{content:"";flex:0 0 16px;height:16px;background:var(--accent);-webkit-mask:no-repeat center/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e0a84a' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E");mask:no-repeat center/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e0a84a' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E");transition:transform .15s}
.n-famblock[open]>summary::before{transform:rotate(90deg)}
.n-famname{font-family:Fraunces,Georgia,serif;font-weight:600}
.n-faminfo{padding:0 18px 6px;max-width:80ch;color:var(--text2)} .n-faminfo summary{cursor:pointer;font-size:16px;font-weight:600;color:var(--text);padding:6px 0;list-style:revert} .n-faminfo p{margin:4px 0 8px}
.n-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:6px 18px 20px}
.n-list>.n-grid{padding:0}
.n-card{margin:0}
.n-card-in{display:block;height:100%;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
a.n-card-in:hover{border-color:var(--accent)}
.n-thumb{display:block;aspect-ratio:3/2;background:var(--thumb);overflow:hidden}
.n-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.n-thumb.n-v img{object-fit:contain}
.n-card-body{display:block;padding:12px 16px 16px}
.n-card-name{display:block;font-family:Fraunces,Georgia,serif;font-weight:600;font-size:19px;color:var(--text)}
.n-card-latin{display:block;font-style:italic;color:var(--muted);margin:1px 0 8px}
.n-badges{display:flex;flex-wrap:wrap;gap:6px}
.n-badge{font-size:12px;color:var(--on-accent);background:var(--accent);border-radius:999px;padding:2px 10px;font-weight:600}
.n-badge.n-b2{background:transparent;color:var(--text2);border:1px solid var(--line2);font-weight:400}
.n-card-more{display:none}
/* Listenansicht */
.n-list.n-liste .n-grid{grid-template-columns:1fr;gap:14px}
.n-list.n-liste .n-card-in{display:flex;gap:18px}
.n-list.n-liste .n-thumb{flex:0 0 220px;aspect-ratio:3/2}
.n-list.n-liste .n-card-body{flex:1;min-width:0;padding:12px 18px 14px 0}
.n-list.n-liste .n-card-more{display:flex;flex-direction:column;gap:4px;margin-top:10px;color:var(--text2);font-size:15px}
.n-list.n-liste .n-desc{color:var(--muted)}
/* Startseite */
.n-klblock{margin:0 0 34px} .n-klblock h2{display:flex;align-items:baseline;gap:12px;font-size:28px;margin-bottom:12px}
.n-ordgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.n-ordcard{display:flex;align-items:center;gap:12px;padding:10px 14px;min-height:60px;background:var(--card);border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--text)}
.n-ordcard:hover{border-color:var(--accent)}
.n-ordcard .n-ic{width:40px;height:40px;flex-basis:40px}
.n-ordtxt{display:flex;flex-direction:column;min-width:0} .n-ordtxt i{font-size:13px;color:var(--muted)}

/* Fuss */
.n-footer{padding:22px 24px 30px;border-top:1px solid var(--line);background:var(--bg2);color:var(--muted);font-size:14px}
.n-credits{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);gap:4px 20px;margin:0 0 16px;max-width:760px}
.n-credits dt{color:var(--muted)} .n-credits dd{margin:0;font-style:italic;color:var(--text2)}
.n-foot-line{display:flex;flex-wrap:wrap;gap:6px 26px} .n-foot-line a{color:var(--muted)}

/* Handy / Tablet: Menue als ausklappbare Leiste */
@media (max-width:1000px){
  .n-menubtn{display:inline-flex}
  .n-total{display:none}
  .n-header{padding:10px 16px;gap:8px 14px}
  .n-brand{font-size:22px}
  .n-search{order:5;flex-basis:100%;max-width:none}
  .n-top{display:none}
  .n-side{position:fixed;left:0;top:0;bottom:0;max-height:none;z-index:50;width:min(340px,88vw);flex:none;transform:translateX(-102%);transition:transform .22s;box-shadow:0 0 40px rgba(0,0,0,.6)}
  body.n-open .n-side{transform:none}
  .n-close{display:inline-block}
  .n-scrim{display:block;position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:opacity .2s}
  body.n-open .n-scrim{opacity:1;pointer-events:auto}
  .n-main{padding:18px 16px 44px}
  .n-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:6px 12px 16px}
  .n-list>.n-grid{padding:0}
  .n-list.n-liste .n-card-in{flex-direction:column;gap:0}
  .n-list.n-liste .n-thumb{flex:none}
  .n-list.n-liste .n-card-body{padding:12px 16px 16px}
}
@media (max-width:520px){ .n-grid{grid-template-columns:1fr} }
@media (prefers-reduced-motion:reduce){ *{transition:none!important} }

/* Druck: helles Blatt, ohne Menue und Bedienelemente */
@media print{
  :root{--bg:#fff;--bg2:#fff;--side:#fff;--card:#fff;--line:#bbb;--line2:#999;--text:#000;--text2:#111;--muted:#444;--accent:#000;--accent2:#000;--hover:#fff;--thumb:#fff;--on-accent:#fff;--green:#000;--green-wash:#fff;--bar:#666;--soft:#333;--soft2:#000;--lined:#999;--line3:#999;--wash:#fff;--rule:#ccc;--brand-n:#000;--accent-wash:#fff}
  body{background:#fff;color:#000;font-size:11pt}
  .n-header,.n-side,.n-scrim,.n-tools,.n-skip,.n-top,.n-menubtn,.n-search{display:none!important}
  .n-wrap{display:block} .n-main{padding:0}
  a{color:#000;text-decoration:none}
  .n-famblock{border:0;background:#fff;break-inside:auto}
  .n-famblock>summary::before{content:none}
  details:not([open])>*:not(summary){display:block!important}
  .n-grid{grid-template-columns:repeat(3,1fr);gap:8mm;padding:0}
  .n-card-in{border:1px solid #999;break-inside:avoid}
  .n-badge{background:#fff;color:#000;border:1px solid #777}
  .n-footer{background:#fff;border-top:1px solid #999;color:#000}
  .n-footer::after{content:"Quelle: " attr(data-url);display:block;margin-top:6px;font-size:9pt}
}

/* ---- Artseite ---- */
.n-art-head{margin-bottom:18px}
.n-art-head h1{font-size:clamp(28px,4vw,42px)}
.n-art-latin{margin:4px 0 0;color:var(--muted);font-size:18px}
.n-art-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:28px;align-items:start}
.n-fig{margin:0;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.n-fig a{display:block;cursor:zoom-in}
.n-fig img{display:block;width:100%;height:auto}
.n-fig-v{max-width:520px}
.n-fig figcaption{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;font-size:14px;color:var(--text2)}
.n-nr{color:var(--muted);font-size:12px}
.n-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0}
.n-tool-lbl{font-size:13px;color:var(--muted)}
.n-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--line2);background:var(--card);color:var(--text);font:inherit;font-size:14px;text-decoration:none;cursor:pointer}
.n-btn:hover,.n-btn[aria-pressed="true"]{border-color:var(--accent);color:var(--accent2)}
.n-aufn{margin:6px 0 14px;font-size:14px;color:var(--text2)}
.n-aufn summary{cursor:pointer;color:var(--muted)}
.n-aufn dl,.n-facts{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);gap:6px 16px;margin:10px 0}
.n-aufn dt,.n-facts dt{color:var(--muted);font-size:14px}
.n-aufn dd,.n-facts dd{margin:0}
.n-thumbs h2{font-size:18px;margin:18px 0 10px}
.n-thumbs small{color:var(--muted);font-family:inherit;font-weight:400}
.n-thumbs ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.n-thumbs a{display:block;position:relative;border:2px solid var(--line);border-radius:10px;overflow:hidden;background:var(--card)}
.n-thumbs a[aria-current]{border-color:var(--accent)}
.n-thumbs img{display:block;height:84px;width:auto}
.n-thumbs a span{position:absolute;left:0;right:0;bottom:0;background:rgba(14,20,17,.78);color:#e7ece6;font-size:11px;padding:1px 6px}
.n-facts{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.n-text{margin-top:22px}
.n-text h2,.n-videos h2{font-size:22px;margin-bottom:10px}
.n-text div{color:var(--text2);max-width:68ch;hyphens:auto}
.n-videos{margin-top:34px}
.n-vgrid{display:flex;flex-wrap:wrap;gap:18px}
.n-vgrid figure{margin:0;max-width:540px;flex:1 1 300px}
.n-vgrid video{display:block;width:100%;height:auto;border-radius:10px;background:#000}
.n-vgrid figcaption{font-size:14px;color:var(--muted);padding-top:6px}
.n-pn{display:flex;justify-content:space-between;gap:12px;margin-top:40px;padding-top:18px;border-top:1px solid var(--line)}
.n-pn a{display:flex;flex-direction:column;text-decoration:none;color:var(--text);padding:8px 0}
.n-pn a:last-child{text-align:right}
.n-pn small{color:var(--muted)}
.n-muted{color:var(--muted)}
.n-lb{width:min(96vw,1500px);height:94vh;max-width:none;max-height:none;padding:0;border:1px solid var(--line2);border-radius:14px;background:#070b09;color:var(--text)}
.n-lb::backdrop{background:rgba(0,0,0,.85)}
.n-lb[open]{display:flex;flex-direction:column}
.n-lb-bar{display:flex;gap:8px;align-items:center;padding:10px;background:var(--bg2);border-bottom:1px solid var(--line)}
.n-lb-bar #n-lb-info{margin-right:auto;color:var(--muted);font-size:14px}
.n-lb-gr{display:flex;gap:6px}
.n-lb-stage{flex:1 1 auto;overflow:auto;display:flex;align-items:center;justify-content:center;padding:8px}
.n-lb-stage img{max-width:100%;max-height:100%;object-fit:contain}
@media (max-width:900px){ .n-art-grid{grid-template-columns:1fr} .n-fig-v{max-width:none} }
@media print{ .n-tools,.n-thumbs,.n-pn,.n-lb,.n-vgrid video{display:none!important} .n-art-grid{grid-template-columns:1fr} .n-fig{border:0} .n-facts{border:1px solid #999} .n-text div{color:#000} }

.n-visitors{display:flex;flex-wrap:wrap;gap:4px 22px;margin:0 0 14px;color:var(--muted);font-size:14px} .n-visitors b{color:var(--text2);font-weight:600}
@media print{.n-visitors{display:none}}

/* ---- Textseiten, Glossar, Rekorde ---- */
.n-page{max-width:900px} .n-page h1{font-size:clamp(28px,4vw,40px);margin-bottom:18px} .n-page h2{font-size:22px;margin:24px 0 8px}
.n-page p{max-width:72ch;color:var(--text2)}
.n-card-box{display:flex;gap:18px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;max-width:560px}
.n-card-box img{border-radius:8px;flex:0 0 auto} .n-card-box address{font-style:normal;line-height:1.6}
.n-imp-dl{max-width:760px;margin:18px 0}
.n-legal p{max-width:72ch;text-align:left}
.n-letters,.n-tabs div{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.n-letters a,.n-letters span,.n-tabs a,.n-tabs span{min-width:40px;min-height:40px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line2);border-radius:10px;text-decoration:none;color:var(--text)}
.n-letters span,.n-tabs span{background:var(--sel);border-color:var(--accent);color:var(--accent2);font-weight:600}
.n-letters a:hover,.n-tabs a:hover{border-color:var(--accent)}
.n-gl-tools{margin:8px 0 14px}
.n-gl{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:0 0 10px}
.n-gl summary{cursor:pointer;padding:12px 16px;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline}
.n-see{color:var(--muted);font-size:14px;margin-left:auto}
.n-gl-body{padding:0 16px 14px;color:var(--text2);max-width:80ch} .n-src{font-size:14px;color:var(--muted)}
@media print{.n-letters,.n-tabs,.n-gl-tools{display:none} .n-gl{border:0} .n-gl .n-gl-body{display:block}}

/* Mobil: nichts darf ueber den Rand hinaus (Impressum, Familienzeilen, lange Woerter) */
html,body{max-width:100%;overflow-x:hidden}
.n-famblock{min-width:0} .n-card-box{min-width:0;max-width:100%} .n-card-box address{min-width:0}
@media (max-width:700px){
  .n-imp-dl,.n-credits{grid-template-columns:1fr} .n-imp-dl dt,.n-credits dt{margin-top:8px} .n-imp-dl dd,.n-credits dd{margin:0}
  .n-famblock>summary{font-size:17px;padding:10px 14px}
  .n-card-box{flex-direction:column;align-items:flex-start}
  .n-facts{padding:14px}
}

/* ---- Quiz ---- */
.n-q{border:1px solid var(--line);border-radius:14px;background:var(--card);margin:0 0 16px;padding:14px 18px 16px;min-width:0}
.n-q legend{padding:0 8px;color:var(--muted)} .n-q-t{margin:2px 0 10px;font-weight:600;color:var(--text);max-width:70ch}
.n-opt{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;margin:6px 0;border:1px solid var(--line2);border-radius:10px;color:var(--text2);cursor:pointer;min-height:44px}
.n-opt input{margin-top:4px;accent-color:var(--accent)} label.n-opt:hover{border-color:var(--accent)} label.n-opt:has(input:checked){border-color:var(--accent);background:var(--sel);color:var(--text)}
.n-opt-res{cursor:default} .n-ok{border-color:#4caf50;background:rgba(76,175,80,.16);color:var(--text)} .n-bad{border-color:#e05a4f;background:rgba(224,90,79,.16);color:var(--text)}
.n-result{background:var(--card);border:1px solid var(--accent);border-radius:14px;padding:16px 20px;margin:12px 0 16px;font-size:18px;max-width:640px}
.n-qbar{position:sticky;bottom:0;background:linear-gradient(transparent,var(--bg) 35%);padding:18px 0 10px;display:flex;gap:14px;align-items:center}
.n-btn-main{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600} .n-btn-main:hover{color:var(--on-accent);filter:brightness(1.08)}
.n-stat-tiles{display:flex;flex-wrap:wrap;gap:14px;margin:14px 0 8px} .n-stat-tiles div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 20px;min-width:180px;display:flex;flex-direction:column}
.n-stat-tiles b{font:600 26px Fraunces,Georgia,serif;color:var(--text)} .n-stat-tiles span{color:var(--muted);font-size:14px}
.n-stat{margin:26px 0} .n-stat h2{margin:0 0 4px}
.n-bar-row{display:grid;grid-template-columns:5.5em minmax(0,1fr) 8em;gap:10px;align-items:center;padding:3px 0;font-size:14px}
.n-bar{display:block;height:14px;background:var(--hover);border-radius:7px;overflow:hidden} .n-bar i{display:block;height:100%;background:var(--accent2,var(--green));border-radius:7px}
.n-bar-v{text-align:right;color:var(--text2)}
@media (max-width:520px){.n-bar-row{grid-template-columns:4.5em minmax(0,1fr) 6.5em;gap:6px}.n-q{padding:12px}}
@media print{.n-qbar{display:none}}

/* ---- Memory ---- */
.n-mem-bar{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;margin:14px 0}
.n-mem-bar label{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:14px}
.n-mem-bar select,.n-m-dlg input{min-height:40px;background:var(--card);color:var(--text);border:1px solid var(--line2);border-radius:10px;padding:0 10px;font:inherit}
.n-mem-stat{color:var(--muted);font-size:15px} .n-mem-stat b{color:var(--text)}
.n-mem-msg{min-height:1.6em;margin:4px 0 10px;color:var(--accent2,var(--green));font-weight:600}
.n-mem-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-width:980px}
.n-mc{padding:0;border:0;background:none;cursor:pointer;aspect-ratio:3/2;perspective:700px;border-radius:10px}
.n-mc-f{display:block;position:relative;width:100%;height:100%;transition:transform .35s;transform-style:preserve-3d}
.n-mc.open .n-mc-f,.n-mc.done .n-mc-f{transform:rotateY(180deg)}
.n-mc-b,.n-mc-v{position:absolute;inset:0;border-radius:10px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.n-mc-b{background:var(--card) url("/n/img/favico/favicon.svg") no-repeat center/42%;border:1px solid var(--line2)}
.n-mc-v{transform:rotateY(180deg);border:2px solid var(--line)} .n-mc-v img{width:100%;height:100%;object-fit:cover;display:block}
.n-mc.done .n-mc-v{border-color:#4caf50} .n-mc:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.n-mem-top{margin-top:28px;max-width:560px} .n-mem-top small{color:var(--muted);font-weight:400;font-family:inherit;font-size:14px}
.n-mem-top ol{padding-left:1.6em;color:var(--text2)} .n-mem-top li{padding:3px 0}
.n-m-dlg{max-width:420px;height:auto;padding:20px 24px;border-radius:14px} .n-m-dlg::backdrop{background:rgba(0,0,0,.7)} .n-m-dlg input{width:100%;margin-top:6px}
@media (max-width:700px){.n-mem-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}}
@media (prefers-reduced-motion:reduce){.n-mc-f{transition:none}}
@media print{.n-mem-bar,.n-mem-board{display:none}}

/* ---- Register ---- */
.n-reg-opts{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin:0 0 14px;color:var(--muted);font-size:14px}
.n-reg-opts a,.n-reg-opts span[aria-current]{padding:6px 12px;border:1px solid var(--line2);border-radius:999px;text-decoration:none;color:var(--text)} .n-reg-opts span[aria-current]{background:var(--sel);border-color:var(--accent);color:var(--accent2)}
.n-reg-h{font-size:22px;margin:26px 0 8px}
.n-reg-list{list-style:none;margin:0;padding:0;columns:2 340px;column-gap:28px}
.n-reg-list li{break-inside:avoid;padding:0 0 2px}
.n-reg-list li>a,.n-reg-list li>span{display:flex;flex-wrap:wrap;gap:0 8px;align-items:baseline;padding:8px 10px;border-radius:8px;text-decoration:none;color:var(--text);min-height:44px;align-content:center}
.n-reg-list li>a:hover{background:var(--hover)} .n-reg-list i{color:var(--muted)} .n-reg-list small{display:block;padding:0 10px 6px;margin-top:-10px;color:var(--muted);font-size:12px}
@media print{.n-reg-opts,.n-letters{display:none}.n-reg-list{columns:3}}

.n-imp-prog{display:flex;flex-direction:column;gap:8px}
.n-imp-prog span{display:block;padding:8px 12px;border-left:3px solid var(--accent);background:var(--sel);border-radius:0 8px 8px 0}
.n-imp-prog small{display:block;color:var(--muted);font-size:13px;margin-top:2px}

/* ---- Videos ---- */
.n-vd h1 small{font-size:.6em;font-weight:400;color:var(--muted)}
.n-vd-fig{margin:0 0 16px;max-width:900px}.n-vd-fig video{display:block;width:100%;height:auto;max-height:80vh;border-radius:10px;background:#000}
.n-vd-fig figcaption{padding-top:8px}
.n-vlist{padding-left:20px}
.n-vcards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.n-vcards a{display:block;text-decoration:none;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;height:100%}
.n-vcards a:hover{border-color:var(--accent)}
.n-vth{display:block;position:relative;aspect-ratio:3/2;background:#000}.n-vth img{width:100%;height:100%;object-fit:cover;display:block}
.n-vth em{position:absolute;right:6px;bottom:6px;background:rgba(0,0,0,.75);color:#fff;font-style:normal;font-size:12px;padding:1px 6px;border-radius:4px}
.n-vcards b,.n-vcards i,.n-vcards small{display:block;padding:0 10px}.n-vcards b{padding-top:8px}.n-vcards i,.n-vcards small{color:var(--muted);font-size:13px}.n-vcards small{padding-bottom:10px}
@media print{.n-vd-fig video{display:none}}

.n-vcards small i{display:inline;padding:0}

/* ---- Startseite ---- */
.n-hero{display:grid;grid-template-columns:1fr minmax(0,540px);gap:24px;align-items:center;margin-bottom:18px}
.n-hero-img{margin:0}.n-hero-img img{display:block;width:100%;height:auto;border-radius:12px;background:#000;aspect-ratio:3/2;object-fit:cover}
.n-hero-img figcaption{font-size:14px;color:var(--muted);padding-top:6px}
@media (max-width:900px){.n-hero{grid-template-columns:1fr}}
.n-why,.n-news{max-width:75ch;margin-top:40px}.n-why h3{margin:22px 0 6px;font-size:18px}
.n-quote{margin:16px 0;padding:12px 18px;border-left:3px solid var(--accent);background:var(--card);border-radius:0 10px 10px 0}
.n-quote p{margin:0 0 6px;font-style:italic}.n-quote footer{font-size:14px;color:var(--muted)}.n-quote ul{margin:6px 0 0;padding-left:20px;font-style:italic}.n-quote-k p{font-style:normal}
.n-news img{max-width:100%;height:auto;border-radius:10px}

.n-garten{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 16px;border:1px solid var(--line2);border-radius:12px;text-decoration:none;color:var(--text);background:var(--card)}
.n-garten:hover{border-color:var(--accent)}
.n-garten img{display:block;height:64px;width:auto;max-width:100%}

/* ---- Postkarte / EXIF ---- */
.n-pk-grid{display:grid;grid-template-columns:minmax(0,540px) minmax(0,1fr);gap:24px;align-items:start}
@media (max-width:900px){.n-pk-grid{grid-template-columns:1fr}}
.n-pk-pic{margin:0}.n-pk-pic img,.n-ex-fig img{display:block;max-width:100%;height:auto;border-radius:10px;background:#000}.n-pk-pic figcaption,.n-ex-fig figcaption{color:var(--muted);font-size:14px;padding-top:6px}
.n-form fieldset{border:1px solid var(--line);border-radius:10px;margin:0 0 14px;padding:10px 14px 14px;min-width:0}.n-form legend{color:var(--muted);padding:0 6px;font-size:14px}
.n-form label{display:block;margin:10px 0 4px;color:var(--text2);font-size:15px}
.n-form input[type=text],.n-form input[type=email],.n-form textarea{width:100%;max-width:100%;box-sizing:border-box;font:inherit;font-size:16px;color:var(--text);background:var(--card);border:1px solid var(--line2);border-radius:8px;padding:10px 12px;min-height:44px}
.n-form input:focus,.n-form textarea:focus{outline:2px solid var(--accent);outline-offset:1px}
.n-form-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.n-small{font-size:13px}
.n-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.n-err{background:var(--err-bg);border:1px solid var(--err-line);color:var(--err-text);border-radius:10px;padding:8px 16px;margin:0 0 16px}.n-err ul{margin:4px 0;padding-left:18px}
.n-ok{background:var(--ok-bg);border:1px solid var(--accent);border-radius:10px;padding:14px 18px;margin:0 0 16px}
.n-pk-vor{margin-top:30px}.n-pk-vor iframe{width:100%;max-width:680px;height:760px;border:1px solid var(--line2);border-radius:10px;background:#fff}
.n-ex h1 small{font-size:.55em;color:var(--muted);font-weight:400}.n-ex-fig{margin:0 0 16px}
.n-ex-dl dd{word-break:break-word}.n-ex-all h3{font-size:16px;margin:16px 0 6px;color:var(--accent2)}
@media print{.n-form-btns,.n-pk-vor{display:none}}

.n-kt-form{max-width:620px}.n-form select{width:100%;max-width:100%;box-sizing:border-box;font:inherit;font-size:16px;color:var(--text);background:var(--card);border:1px solid var(--line2);border-radius:8px;padding:10px 12px;min-height:44px}
.n-check{display:flex!important;gap:10px;align-items:flex-start;font-size:14px!important;margin:16px 0 4px!important}.n-check input{width:22px;height:22px;flex:none;margin-top:2px}

/* ---- Zitate ---- */
.n-zb .n-gl-body{max-width:none}
.n-z{margin:0 0 14px;padding:10px 16px;border-left:3px solid var(--line2);background:transparent}
.n-z p{margin:0 0 6px;font-style:italic;font-size:17px;line-height:1.5;color:var(--text)}
.n-z footer{font-size:14px;color:var(--text2)}
.n-z-hl{border-left-color:var(--accent);background:var(--sel);border-radius:0 10px 10px 0}.n-z-hl p{font-weight:600}
.n-z:target{border-left-color:var(--accent);background:var(--sel)}
.n-zlink{color:var(--muted);text-decoration:none;margin-left:6px}.n-zlink:hover{color:var(--accent)}
.n-zcartoon{margin-top:40px;max-width:75ch}.n-zcartoon img{max-width:100%;height:auto;border-radius:10px;background:#fff}.n-zcartoon figcaption{padding-top:6px;color:var(--text2)}.n-zcartoon figure{margin:0 0 12px}
@media print{.n-zlink{display:none}}

/* ---- Such-Vorschlaege ---- */
.n-search{position:relative}
.n-sug{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:60;margin:0;padding:4px;list-style:none;background:var(--card);border:1px solid var(--line2);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.5);max-height:60vh;overflow:auto}
.n-sug[hidden]{display:none}
.n-sug li{margin:0}.n-sug a{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--text);min-height:44px;box-sizing:border-box}
.n-sug li.on a,.n-sug a:hover{background:var(--sel)}.n-sug b{color:var(--accent2)}.n-sug i{color:var(--muted)}
.n-sug-n{color:var(--muted);font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}
@media print{.n-sug{display:none}}

.n-zd{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin:0 0 26px;padding:12px 18px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:0 12px 12px 0;background:var(--card)}
.n-zd-t{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.n-zd blockquote{margin:0;flex:1 1 320px}.n-zd p{margin:0;font-style:italic;font-size:17px;line-height:1.5}.n-zd footer{font-size:14px;color:var(--text2);margin-top:4px}
.n-zd-m{font-size:14px;white-space:nowrap}

/* ---- Bildschirmschoner ---- */
.n-ss-intro{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin:0 0 18px}.n-ss-intro select,.ss-set select{font:inherit;font-size:16px;color:var(--text);background:var(--card);border:1px solid var(--line2);border-radius:8px;padding:8px 10px;min-height:44px}
.n-ss-help{max-width:70ch;color:var(--text2)}.n-ss-help li{margin:6px 0}
html.ss-on,html.ss-on body{overflow:hidden}
.ss{position:fixed;inset:0;z-index:1000;background:#000;color:#fff;cursor:none}.ss[hidden]{display:none}.ss.ss-act{cursor:default}
.ss-stage{position:absolute;inset:0;overflow:hidden;filter:brightness(var(--ss-hell,1))}
.ss-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.6s ease}.ss-stage img.on{opacity:1}
.ss-contain .ss-stage img{object-fit:contain}
.ss-zoom .ss-stage img.on{animation:ss-kb 24s ease-out forwards}
@keyframes ss-kb{from{transform:scale(1)}to{transform:scale(1.08)}}
@media (prefers-reduced-motion:reduce){.ss-zoom .ss-stage img.on{animation:none}.ss-stage img{transition-duration:.01s}}
.ss-cap{position:absolute;left:0;right:0;bottom:0;padding:48px 5vw 24px;background:linear-gradient(transparent,rgba(0,0,0,.78));font-size:clamp(15px,1.6vw,22px);line-height:1.4;pointer-events:none}
.ss-cap b{font-size:1.25em}.ss-cap i{opacity:.85}.ss-cap p{margin:6px 0 0;max-width:70ch;opacity:.92;font-size:.9em}.ss-cap a{pointer-events:auto;color:var(--accent2);font-size:.85em;opacity:0;transition:opacity .3s}
.ss-act .ss-cap a{opacity:1}.ss-nocap #ss-t{display:none}
.ss-bar{position:absolute;top:0;right:0;display:flex;gap:8px;padding:14px;opacity:0;transition:opacity .3s}.ss-act .ss-bar{opacity:1}
.ss-bar button{min-width:48px;min-height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.55);color:#fff;font-size:18px;cursor:pointer}.ss-bar button:hover,.ss-bar button:focus-visible{background:rgba(40,60,40,.9);outline:2px solid var(--accent2)}
.ss-set{position:absolute;top:76px;right:14px;width:min(320px,calc(100vw - 28px));max-height:calc(100vh - 100px);overflow:auto;background:rgba(14,20,17,.96);border:1px solid var(--line2);border-radius:12px;padding:6px 16px 16px;box-sizing:border-box}.ss-set[hidden]{display:none}
.ss-set h2{font-size:18px;margin:10px 0}.ss-set label{display:block;margin:10px 0;color:var(--text2);font-size:14px}.ss-set select{display:block;width:100%;margin-top:4px}
.ss-set .ss-chk{display:flex;gap:10px;align-items:center;font-size:15px}.ss-set .ss-chk input{width:22px;height:22px}.ss-set .n-btn{margin-top:8px;width:100%}
@media print{.ss{display:none!important}}

.n-brand-t{display:flex;flex-direction:column;line-height:1.1}.n-brand-s{font-family:Inter,system-ui,sans-serif;font-style:italic;font-weight:600;font-size:13px;color:var(--text);margin-top:2px;white-space:nowrap}
@media (max-width:380px){.n-brand-s{font-size:11.5px}}

/* ---- Galerie ---- */
.n-gal h1 small{font-size:.55em;font-weight:400;color:var(--muted)}
.n-gal-opt{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;color:var(--muted);font-size:14px}.n-gal-opt>a:not(.n-btn),.n-gal-opt>span[aria-current]{padding:6px 12px;border:1px solid var(--line2);border-radius:999px;text-decoration:none;color:var(--text)}.n-gal-opt>span[aria-current]{background:var(--sel);border-color:var(--accent);color:var(--accent2)}
.n-gal-grid{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.n-gal-grid li{flex-grow:calc(var(--r)*100);flex-basis:calc(var(--r)*190px);margin:0}
.n-gal-grid::after{content:"";flex-grow:1000000}
.n-gal-grid a{display:block;border-radius:8px;overflow:hidden;background:#000;line-height:0}
.n-gal-grid img{width:100%;height:auto;aspect-ratio:var(--r);object-fit:cover;display:block;transition:transform .35s,opacity .2s}.n-gal-grid a:hover img,.n-gal-grid a:focus-visible img{transform:scale(1.04);opacity:.92}
.n-gal-grid a:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}
@media (max-width:520px){.n-gal-grid li{flex-basis:calc(var(--r)*120px)}}
.n-gl-lb{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;box-sizing:border-box}.n-gl-lb[hidden]{display:none}
.n-gl-lb img{max-width:100%;max-height:calc(100vh - 90px);object-fit:contain;border-radius:6px}.n-gl-lb p{margin:10px 0 0;color:#fff;text-align:center;font-size:15px}.n-gl-lb p a{color:var(--accent2);margin-left:8px}
.n-gl-lb button{position:absolute;min-width:48px;min-height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.6);color:#fff;font-size:20px;cursor:pointer}.n-gl-lb button:hover,.n-gl-lb button:focus-visible{outline:2px solid var(--accent2)}
#n-glb-x{top:12px;right:12px}#n-glb-p{left:12px;top:50%}#n-glb-n{right:12px;top:50%}
@media print{.n-gl-lb{display:none!important}}

/* Schritt 5t: Handy-Menue mit Seiten, Abstand Zaehler, Schriftzug gruen */
.n-side-nav{display:none}
@media (max-width:1000px){.n-side-nav{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px 10px 14px;margin-bottom:8px;border-bottom:1px solid var(--line)}
 .n-side-nav a{display:flex;align-items:center;min-height:44px;padding:0 12px;border:1px solid var(--line2);border-radius:10px;color:var(--text);text-decoration:none;background:var(--card)}
 .n-side-nav a:hover{border-color:var(--accent)}}
.n-tabs a small,.n-tabs span small{margin-left:8px}
.n-brand-n{color:var(--brand-n)}

/* Schritt 5v: RSS / Instagram / Letzte Aenderungen */
.n-si{vertical-align:middle;flex:none}
.n-foot-line .n-soc{display:inline-flex;align-items:center;gap:7px}
.n-side-nav a .n-si{margin-right:10px}
.n-hinweis{margin:0 0 18px;padding:14px 18px;border:1px solid var(--line);border-left:3px solid var(--accent2);border-radius:0 12px 12px 0;background:var(--card)}.n-hinweis-h{font-family:Fraunces,Georgia,serif;font-size:19px;margin-bottom:4px}.n-hinweis p{margin:4px 0}.n-hinweis a{font-weight:600}
.n-neu{margin:0 0 26px;padding:12px 18px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:0 12px 12px 0;background:var(--card)}
.n-neu-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.n-neu-h>a:first-child{text-decoration:none;color:var(--text)} .n-neu-h time{color:var(--accent2);margin-left:6px}
.n-neu ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 18px}
.n-neu li a{display:inline-block;padding:6px 0}
.n-rss-h{display:inline-flex;align-items:center}
.n-neu-grp{margin:0 0 26px} .n-neu-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}
.n-neu-list a{display:flex;align-items:center;gap:12px;padding:6px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--text);background:var(--card);min-height:56px}
.n-neu-list a:hover{border-color:var(--accent)} .n-neu-list img{width:80px;height:53px;object-fit:cover;border-radius:6px;flex:none;background:var(--thumb)}
.n-neu-list i{display:block;color:var(--muted);font-size:13px}

/* Schritt 5w: Natur im Monat */
.n-nim h1 small{font-size:.55em;font-weight:400;margin-left:8px}
.n-nim-m,.n-nim-w{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.n-nim-m a,.n-nim-m span,.n-nim-w a,.n-nim-w span{min-width:0;padding:0 14px}
.n-nim-g{margin:0 0 14px}
.n-nim-grid{list-style:none;margin:0;padding:12px 0 4px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.n-nim-grid a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.n-nim-grid a:hover{border-color:var(--accent)}
.n-nim-grid img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:var(--thumb);display:block}
.n-nim-t{display:block;padding:10px 12px 2px}.n-nim-t i{display:block;color:var(--muted);font-size:13px}
.n-nim-d{display:block;padding:2px 12px 12px;color:var(--text2);font-size:14px;line-height:1.45}
.n-nim-start{margin:0 0 30px}.n-nim-sh{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 18px}
.n-nim-sh h2{margin:0;font-size:28px}.n-nim-sh h2 small{font-size:.6em;font-weight:400;margin-left:6px}
.n-nim-start .n-nim-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
@media (max-width:520px){.n-nim-start .n-nim-grid{grid-template-columns:repeat(2,1fr);gap:10px}.n-nim-start .n-nim-t{padding:8px 10px 4px;font-size:14px}.n-nim-sh h2{font-size:24px}}

/* Beschreibungstext: immer linksbuendig, Zwischenueberschriften und Listen */
.n-text div{text-align:left}.n-text h3{font-size:18px;margin:22px 0 6px;color:var(--text)}.n-text ul,.n-text ol{margin:10px 0;padding-left:1.3em}.n-text li{margin:6px 0}

/* Offener Brief */
.n-brief{max-width:75ch}.n-brief-fig{margin:18px 0}.n-brief-fig img{max-width:100%;height:auto;border-radius:10px;display:block}
.n-brief-fig figcaption{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:8px;color:var(--text2);font-size:14px;text-align:center}
.n-brief-dl{margin:22px 0}.n-brief-z{margin-top:30px}
@media (max-width:520px){.n-brief-fig figcaption{grid-template-columns:1fr}}

/* Start: Wissenswertes */
.n-wk{margin:0 0 30px}.n-wk h2{margin:0;font-size:28px}.n-wk ul{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.n-wk li a{display:flex;flex-direction:column;gap:4px;height:100%;padding:12px 16px;background:var(--card);border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--text)}
.n-wk li a:hover{border-color:var(--accent)}.n-wk li span{font-size:13px}

/* Leuchtpult */
.n-card{position:relative}
.n-lp-mini{position:absolute;top:8px;right:8px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line2);background:rgba(14,20,17,.82);color:#fff;font-size:22px;line-height:1;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center}
.n-lp-mini:hover,.n-lp-mini[aria-pressed=true]{border-color:var(--accent);color:var(--accent2)}
.n-btn.n-lp-btn[aria-pressed=true]{border-color:var(--accent);color:var(--accent2);background:var(--sel)}
.n-lp-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0 18px}
.n-lp-grid li{position:relative}.n-lp-grid .n-lp-del{position:absolute;top:6px;right:6px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line2);background:rgba(14,20,17,.85);color:#fff;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.n-lp-grid .n-lp-del:hover{border-color:var(--accent);color:var(--accent2)}
.n-lp-h{flex:1 0 100%!important;height:auto!important;margin-top:14px}.n-lp-h h2{font-size:22px;margin:0}
.n-lp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.n-lp-list>li:not(.n-lp-h){display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:8px;background:var(--card);border:1px solid var(--line);border-radius:12px}
.n-lp-list img{width:120px;height:80px;object-fit:cover;border-radius:8px;background:var(--thumb);flex:none}
.n-lp-t{display:flex;flex-direction:column;flex:1 1 200px;min-width:0}.n-lp-t i{color:var(--muted);font-size:13px}
.n-lp-a{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center}.n-lp-a a,.n-lp-a button{min-height:40px;display:inline-flex;align-items:center}
.n-lp-a button{background:none;border:0;color:var(--accent);font:inherit;cursor:pointer;text-decoration:underline;padding:0}
.n-lp-prev{position:fixed;z-index:90;width:560px;max-width:70vw;padding:6px;background:var(--card);border:1px solid var(--line2);border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.6);pointer-events:none}.n-lp-prev img{display:block;max-width:100%;max-height:60vh;border-radius:8px;margin:auto}
.n-lp-prev[hidden]{display:none}
@media print{.n-lp-tools,.n-lp-del,.n-lp-btn,.n-lp-prev{display:none!important}}

/* Informationstexte (Ordnungen) */
.n-info-teaser{max-width:75ch;margin:0 0 14px;color:var(--text2);font-size:15px;line-height:1.55}
.n-info-body{max-width:75ch}.n-info-body h2{font-size:22px;margin:30px 0 8px}.n-info-body p{margin:0 0 14px;line-height:1.65;color:var(--text2)}
.n-info-quote{font-size:18px;padding:12px 18px;border-left:3px solid var(--accent);background:var(--card);border-radius:0 12px 12px 0}
.n-info-toc{margin:0 0 18px;font-size:15px;line-height:2;color:var(--muted)}.n-info-toc a{margin:0 2px}
.n-info-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.n-info-fam{width:100%;border-collapse:collapse;font-size:15px;margin:14px 0 22px}.n-info-fam th{text-align:left;color:var(--muted);font-weight:600;padding:6px 10px;border-bottom:1px solid var(--line2)}
.n-info-fam td{padding:10px;vertical-align:top;border-bottom:1px solid var(--line);color:var(--text2)}.n-info-fam td:first-child{white-space:nowrap}
@media (max-width:700px){.n-info-fam,.n-info-fam tbody,.n-info-fam tr,.n-info-fam td{display:block;width:100%}.n-info-fam thead{display:none}.n-info-fam tr{padding:10px 0;border-bottom:1px solid var(--line)}.n-info-fam td{border:0;padding:3px 0;white-space:normal!important}.n-info-fam td:first-child{font-weight:600}.n-info-fam td[data-l]::before{content:attr(data-l) ": ";color:var(--muted);font-size:13px}}
.n-info-z{margin:30px 0 0;padding:12px 18px;border-left:3px solid var(--line2);color:var(--text2)}.n-info-z p{margin:0 0 6px}
.n-share{cursor:pointer}
/* Des Jahres */
.n-dj-g{border:1px solid var(--lined);border-radius:10px;margin:0 0 10px;background:var(--wash)}
.n-dj-g>summary{cursor:pointer;padding:12px 14px;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline}
.n-dj-g>summary b{min-width:11em}
.n-dj-cur{flex:1 1 14em}
.n-dj-t{width:100%;border-collapse:collapse;margin:0 0 6px}
.n-dj-t th,.n-dj-t td{text-align:left;padding:6px 14px;border-top:1px solid var(--rule);vertical-align:top}
.n-dj-t th{font-weight:600;color:var(--soft);font-size:.85em}
.n-dj-t .n-latin{display:block;font-size:.85em}
.n-partner{margin:14px 0 4px}
.n-partner img{background:#fff;border-radius:6px;padding:3px;max-width:100%;height:auto}
.n-art-head .n-badge{text-decoration:none;display:inline-block;margin-top:6px}
/* Fotostatistik */
.n-fs-cams{list-style:none;padding:0;margin:0 0 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.n-fs-cams a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;border:1px solid var(--lined);border-radius:10px;text-align:center;text-decoration:none;color:inherit}
.n-fs-cams li.on a{border-color:var(--green);background:var(--green-wash)}
.n-fs-cams .n-kam-svg{color:var(--green);opacity:.9}
.n-fs-cams li.on .n-kam-svg{opacity:1}
.n-fs-cams span{font-size:.82em;color:var(--soft)}
.n-fs-sel{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:end;margin:0 0 16px;padding:14px 16px;border:1px solid var(--lined);border-radius:12px;background:var(--wash)}
.n-fs-sel label{display:flex;flex-direction:column;gap:4px;font-size:.9em}
.n-fs-sel label{font-weight:600;color:var(--soft2)}
.n-fs-sel select{appearance:none;-webkit-appearance:none;min-width:11em;padding:9px 34px 9px 12px;border-radius:8px;font:inherit;font-weight:400;background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23909090' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 12px center;color:inherit;border:1px solid var(--line3)}
.n-fs-sel select:focus{outline:2px solid var(--green);outline-offset:1px}
.n-fs-cams b{color:var(--text)}
.n-fs-cams a{text-decoration:none!important}
.n-fs-barwrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin:0 0 18px}
.n-fs-bars{border:1px solid var(--lined);border-radius:8px;padding:6px 10px}
.n-fs-bars summary{cursor:pointer;font-weight:600}
.n-fs-bars ol{list-style:none;margin:8px 0 2px;padding:0;max-height:260px;overflow:auto}
.n-fs-bars a{display:grid;grid-template-columns:7em 1fr 2.5em;gap:8px;align-items:center;padding:2px 0;text-decoration:none;color:inherit;font-size:.85em}
.n-fs-b{height:10px;background:var(--bar);border-radius:3px;display:block}
.n-fs-n{text-align:right;color:var(--soft)}
.n-fs-tw{overflow-x:auto}
.n-fs-t{width:100%;border-collapse:collapse}
.n-fs-t th,.n-fs-t td{text-align:left;padding:5px 10px;border-top:1px solid var(--rule);vertical-align:middle;white-space:nowrap}
.n-fs-t td:nth-child(2){white-space:normal}
.n-fs-t img{display:block;border-radius:3px}
.n-fs-pg{margin:14px 0;display:flex;gap:12px;align-items:center}
.n-dj-g>summary b{margin-right:18px}
.n-dj-g>summary .n-dj-cur{margin-right:18px}
.n-dj-y{margin-right:4px}
.n-dj-t td.n-dj-ic{width:64px;padding-right:0}
.n-dj-i{display:block;width:60px;min-height:1px}
.n-dj-i img{border-radius:4px;display:block}
.n-dj-t td:first-child{white-space:nowrap}
/* Infoseiten: Systematik-Zeile, Hinweisbox */
.n-info-sys{font-size:.88em;color:var(--soft);margin:-4px 0 14px;padding:6px 10px;border-left:3px solid var(--line3)}
.n-info-sys a{color:inherit;text-decoration:none}
.n-info-sys a:hover{text-decoration:underline}
.n-info-box{margin:0 0 16px;padding:10px 14px;border:1px solid var(--line3);border-radius:8px;background:var(--green-wash);font-size:.95em}
.n-why-k{margin-top:32px;padding:14px 18px;border:1px solid var(--line2);border-radius:12px;background:var(--card,transparent)}.n-why-k p{margin:0}
.n-idee .n-why{margin-top:24px}.n-idee h2{margin-top:32px}
.n-info-ex{margin-top:32px}.n-info-ex h2{margin:0 0 12px}
.n-ex-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.n-ex-grid a{display:block;text-decoration:none;color:inherit;border:1px solid var(--line2);border-radius:12px;overflow:hidden}
.n-ex-grid img{display:block;width:100%;height:120px;object-fit:cover}
.n-ex-grid span{display:block;padding:8px 10px}.n-ex-grid b{display:block;font-size:14px}.n-ex-grid i{display:block;font-size:12px;color:var(--text2)}
.n-ex-grid a:hover{border-color:var(--accent)}

/* Farbvarianten (Auswahl ueber html[data-theme], gespeichert im Browser) */
:root[data-theme="light"]{--bg:#f5f3ec;--bg2:#fff;--side:#faf9f4;--card:#fff;--line:#ddd8cb;--line2:#c4bdac;--text:#1b221d;--text2:#333d36;--muted:#5a665d;--accent:#2b6a2e;--accent2:#1d4d20;--sel:#e1ecd9;
  --hover:#ebe8dd;--thumb:#e6e2d6;--on-accent:#fff;--green:#2b7a30;--green-wash:rgba(43,122,48,.08);--bar:#6aa05a;--soft:#566a5a;--soft2:#3b5340;--lined:#d5cfc0;--line3:#c7c0af;--wash:rgba(0,0,0,.025);--rule:rgba(0,0,0,.08);
  --brand-n:#2b6a2e;--accent-wash:rgba(43,106,46,.12);--err-bg:#fdeceb;--err-line:#e0a39b;--err-text:#8a2a1f;--ok-bg:#e8f4e4;color-scheme:light}
:root[data-theme="green"]{--bg:#0c1a10;--bg2:#0f2015;--side:#0e1d13;--card:#12251a;--line:#21402b;--line2:#31593f;--text:#e5f1e3;--text2:#cde2cb;--muted:#96b59a;--accent:#8fd16a;--accent2:#b6ea92;--sel:#1c3925;
  --hover:#17321f;--thumb:#09130c;--on-accent:#0a1a0d;--green:#8fd16a;--green-wash:rgba(143,209,106,.09);--bar:#6fae52;--soft:#9cbfa0;--soft2:#bad8bd;--lined:#25452f;--line3:#34593f;--brand-n:#b6ea92;--accent-wash:rgba(143,209,106,.16);color-scheme:dark}
:root[data-theme="contrast"]{--bg:#000;--bg2:#000;--side:#000;--card:#0b0b0b;--line:#777;--line2:#aaa;--text:#fff;--text2:#fff;--muted:#ddd;--accent:#ffe14d;--accent2:#fff27a;--sel:#222;
  --hover:#1c1c1c;--thumb:#111;--on-accent:#000;--green:#7dff7d;--green-wash:rgba(125,255,125,.1);--bar:#7dff7d;--soft:#ddd;--soft2:#fff;--lined:#888;--line3:#999;--wash:rgba(255,255,255,.05);--rule:rgba(255,255,255,.25);--brand-n:#ffe14d;--accent-wash:rgba(255,225,77,.22);color-scheme:dark}
/* Vollbild-Ansichten bleiben immer dunkel */
.ss,.n-lb,.n-gl-lb,.n-m-dlg{--text:#e7ece6;--text2:#cdd8cf;--muted:#9aa89d;--line2:#355041;--accent:#e0a84a;--accent2:#f2c675;--card:#151d18;--bg:#0e1411}
.n-theme{position:relative;flex:none}
.n-theme-btn{min-width:44px;min-height:44px;border-radius:10px;border:1px solid var(--line2);background:transparent;color:var(--text2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}
.n-theme-btn:hover,.n-theme-btn[aria-expanded="true"]{border-color:var(--accent);color:var(--accent2)}
.n-theme-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:70;min-width:210px;margin:0;padding:6px;list-style:none;background:var(--card);border:1px solid var(--line2);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.n-theme-menu[hidden]{display:none}
.n-theme-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--text);font:inherit;cursor:pointer;text-align:left}
.n-theme-menu button:hover{background:var(--hover)}
.n-theme-menu button[aria-checked="true"]{color:var(--accent2);font-weight:600}
.n-theme-menu button[aria-checked="true"]::after{content:"\2713";margin-left:auto}
.n-th-dot{width:18px;height:18px;border-radius:50%;border:1px solid var(--line2);flex:none}
@media (max-width:1000px){.n-theme{margin-left:auto}}
@media print{.n-theme{display:none!important}}
.n-text hr{border:0;border-top:1px solid var(--line2);height:0;margin:26px 0 18px}
.n-art-extra{margin:18px 0 0;padding:12px 16px;border:1px solid var(--line2);border-radius:12px;background:var(--card);max-width:68ch}
.n-art-extra a{font-weight:600}
.n-mosel .n-lead{margin-bottom:18px}
.n-mosel-hero{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:22px;align-items:start;margin:18px 0}
.n-mosel-hero figure{margin:0}.n-mosel-hero img{display:block;width:100%;height:auto;border-radius:12px;background:var(--thumb)}
.n-mosel-hero figcaption{font-size:13px;color:var(--muted);margin-top:6px}
.n-mosel-hero ul{margin:8px 0;padding-left:1.2em}.n-mosel-hero li{margin:5px 0}
.n-mosel-dl{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
@media (max-width:700px){.n-mosel-hero{grid-template-columns:1fr}}
/* Chronik */
.n-chr-all{margin:14px 0;border:1px solid var(--line2);border-radius:12px;background:var(--card)}
.n-chr-all summary{cursor:pointer;padding:12px 16px;font-weight:600}
.n-chr-list{list-style:none;margin:0;padding:4px 8px 10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2px 12px}
.n-chr-list a{display:block;padding:6px 8px;border-radius:8px;text-decoration:none;color:inherit}
.n-chr-list a:hover{background:var(--hover)}.n-chr-list .n-cur a{background:var(--sel)}
.n-chr-list span{display:block;font-size:13px;color:var(--muted)}
.n-chr-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0;flex-wrap:wrap}
.n-chr-nav>span:not(.n-chr-cur){color:var(--muted);opacity:.6}.n-chr-cur{text-align:center;flex:1 1 220px}
.n-chr-day{margin:12px 0;border:1px solid var(--line2);border-radius:12px;background:var(--card)}
.n-chr-day>summary{cursor:pointer;padding:12px 16px;font-size:17px}
.n-chr-day[open]>summary{border-bottom:1px solid var(--line)}
.n-chr-body{padding:6px 16px 14px;max-width:80ch}.n-chr-body p{margin:10px 0;color:var(--text2)}.n-chr-body hr{border:0;border-top:1px solid var(--line);margin:12px 0}
.n-chr-body h3{margin:18px 0 8px;font-size:17px}
.n-chr-pics{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.n-chr-pics li{display:flex;gap:12px;align-items:flex-start;padding:8px;border:1px solid var(--line);border-radius:10px}
.n-chr-th{flex:none;display:block;line-height:0}.n-chr-th img{border-radius:8px;background:var(--thumb);display:block;object-fit:cover}
.n-chr-pics div{font-size:14px;min-width:0}.n-chr-pics b,.n-chr-pics i,.n-chr-pics small{display:block}.n-chr-pics i{color:var(--muted)}.n-chr-pics a{margin-right:6px}.n-chr-pics small{margin-top:4px;color:var(--text2)}
/* Besucherstatistik */
.n-st-kpi{list-style:none;margin:16px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.n-st-kpi li{padding:14px 16px;border:1px solid var(--line2);border-radius:12px;background:var(--card);text-align:center}
.n-st-kpi b{display:block;font-size:26px;color:var(--accent2);font-family:var(--font-head,inherit)}.n-st-kpi span{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.n-st-tab{width:100%;border-collapse:collapse;max-width:760px}
.n-st-tab th,.n-st-tab td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.n-st-tab th{white-space:nowrap;font-weight:500;width:1%}.n-st-tab small{color:var(--accent);font-size:11px}
.n-st-bar{width:100%}.n-st-bar i{display:block;height:14px;border-radius:3px;background:var(--bar)}.n-st-bar i.n-st-best{background:var(--accent)}
.n-st-v{text-align:right!important;white-space:nowrap}.n-st-d{text-align:right!important;white-space:nowrap;font-size:13px}
.n-st-up{color:var(--green)}.n-st-dn{color:var(--err-text,#c0392b)}
.n-st-tab tr.n-cur th,.n-st-tab tr.n-cur td{background:var(--sel)}
.n-st-note{font-size:13px;max-width:70ch;margin-top:10px}
@media (max-width:560px){.n-st-d{display:none}.n-st-tab th,.n-st-tab td{padding:6px 4px}}
/* Bildtexte (artenbilder.bildtext) */
.n-thumbs li{max-width:180px}.n-thumbs .n-th-t{display:block;margin-top:4px;font-size:12px;line-height:1.3;color:var(--text2)}
.n-lb-cap{margin:0;padding:8px 16px 12px;text-align:center;color:var(--text);font-size:15px}
/* Quiz-Uebersicht, Foto-Quiz, Statistik-Tabelle (Schritt 5ax) */
.n-qh{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:10px 0 26px}
.n-qh-c{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:14px;text-decoration:none;color:inherit;min-height:44px}
.n-qh-c:hover,.n-qh-c:focus-visible{border-color:var(--accent)}
.n-qh-t{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:20px;color:var(--text)}
.n-qh-b{color:var(--text2)} .n-qh-m{color:var(--muted);font-size:14px;margin-top:auto;padding-top:6px}
.n-fq-img{display:block;width:100%;max-width:540px;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:10px;margin:4px 0 10px;background:var(--thumb)}
.n-fq-hint{margin:8px 0 4px;color:var(--text2)}
.n-tbl{overflow-x:auto;margin:14px 0 22px} .n-tab{border-collapse:collapse;width:100%;min-width:460px}
.n-tab caption{text-align:left;font-weight:600;padding:0 0 8px;color:var(--text)}
.n-tab th,.n-tab td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;font-weight:400} .n-tab thead th{font-weight:600;color:var(--muted);font-size:14px}
.n-tab .n-r{text-align:right;white-space:nowrap} .n-stat{scroll-margin-top:70px}
/* Natur im Monat: Wochenwahl als eigenes Feld, abgesetzt von der Monatsreihe (Schritt 5bc) */
.n-nim-w{padding:10px 12px 4px;margin:6px 0 12px;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px}
.n-nim-w::before{content:"Zeitraum im Monat";flex:0 0 100%;font-size:13px;color:var(--muted);letter-spacing:.02em;margin:0 0 2px}
.n-nim-w a{background:var(--bg);border-color:var(--line3)}
.n-nim-w a,.n-nim-w span{margin:0 0 6px}

.n-vcards .n-vbez{color:var(--text);font-size:14px;font-weight:600;padding-top:8px;line-height:1.35}

.n-vd-art{margin:0 0 12px}.n-vd-art a{font-weight:600}