/* Neverland Aldrín · Hell-Theme (1.5.0) – nur im eigenständigen Modus geladen (includes/eigenstaendig.php, vorlage/seite.php).
   Trägt, was sonst das Block-Theme maxim-matthew-block liefert: Tokens, Schriften, Grundtext, Seitenkopf (.mm-header …),
   Lesefläche (.entry-content). Werte 1:1 aus maxim-matthew-block/assets/theme.css und schriften/schriften.css (Stand 09.10.2026).
   Alle Regeln hängen an :where(.na-eigen) – der Body-Klasse der Vorlage –, ohne Spezifität zu ändern: Reihenfolge und
   Gewicht gegenüber aldrin.css bleiben wie beim Block-Theme. Schriften: SIL Open Font License 1.1 (schriften/OFL-*.txt). */

/* latin-ext */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(schriften/cinzel-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(schriften/cinzel-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(schriften/cinzel-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(schriften/cinzel-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(schriften/manrope-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(schriften/manrope-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(schriften/manrope-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(schriften/manrope-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(schriften/manrope-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(schriften/manrope-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(schriften/newsreader-italic-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(schriften/newsreader-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(schriften/newsreader-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(schriften/newsreader-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(schriften/newsreader-normal-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(schriften/newsreader-normal-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ── Tokens (theme.css :root). Auf :root, weil html und body sie brauchen; die Datei lädt nur in der Aldrín-Vorlage. ── */
:root {
  color-scheme: dark;
  --night: #070706;
  --ivory: #f0ece2;
  --ivory-dim: #c9c2b4;
  --paper: #fbf9f5;
  --paper-soft: #f3efe6;
  --ink: #211f1b;
  --ink-dim: #5d574e;
  --paper-rule: rgba(33, 31, 27, .2);
  --gold: #ddb880;
  --gold-bright: #d4b483;
  --rule: rgba(221, 184, 128, .3);
  --font-author: Newsreader, Georgia, "Times New Roman", serif;
  --font-world: Cinzel, Georgia, "Times New Roman", serif;
  --font-ui: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --shell: min(84rem, calc(100vw - 6rem));
  --reading: min(42.5rem, calc(100vw - 3rem));
  --night-50: rgba(7, 7, 6, .5);
  --night-55: rgba(7, 7, 6, .55);
  --night-82: rgba(7, 7, 6, .82);
  --haarlinie: 1px solid var(--rule);
  --ziel: 44px;
  --type-prose: 400 19px/1.72 var(--font-author);
  --kopf-hoehe: 112px;
  --kopf-flach: 440px; --kopf-mittel: 560px; --kopf-hoch: 800px;
}
@media (max-width: 1024px) { :root { --shell: calc(100vw - 5rem); --reading: min(42.5rem, calc(100vw - 5rem)); } }
@media (max-width: 760px) { :root { --kopf-flach: 320px; --kopf-mittel: 440px; --kopf-hoch: 560px; } }
@media (max-width: 500px) { :root { --kopf-hoehe: 84px; --reading: calc(100vw - 3.75rem); --shell: calc(100vw - 3.75rem); } }

/* ── Grundlage ─────────────────────────────────────────────────────────────────────────────────────────────── */
:where(.na-eigen) *, :where(.na-eigen) *::before, :where(.na-eigen) *::after { box-sizing: border-box; }
html:has(> body.na-eigen) { background: var(--night); scrollbar-color: var(--gold) var(--night); scroll-behavior: smooth; scroll-padding-top: var(--kopf-hoehe); }
body.na-eigen {
  margin: 0; padding-top: var(--kopf-hoehe); overflow-x: clip;
  background: var(--night); color: var(--ivory);
  font: var(--type-prose); font-size: 1.1875rem; text-rendering: optimizeLegibility;
}
@media (max-width: 500px) { body.na-eigen { font-size: 1.125rem; line-height: 1.72; } }
:where(.na-eigen) ::selection { background: var(--gold); color: var(--night); }
:where(.na-eigen) a { color: inherit; }
:where(.na-eigen) a:focus-visible, :where(.na-eigen) button:focus-visible { outline: 2px solid var(--gold-bright); outline-offset: 5px; }
:where(.na-eigen) .skip-link {
  position: fixed; top: 1rem; left: 1rem; z-index: 100; min-height: var(--ziel); padding: .75rem 1rem;
  background: var(--gold); color: var(--night); font: 600 13px/1.4 var(--font-ui); transform: translateY(-180%);
}
:where(.na-eigen) .skip-link:focus { transform: translateY(0); }

/* ── Leiste: nur die Wortmarke, liegt wie der Theme-Kopf über dem Kopfbild ─────────────────────────────────── */
:where(.na-eigen) .na-leiste {
  position: absolute; top: var(--wp-admin--admin-bar--height, 0px); left: 0; right: 0; z-index: 20;
  min-height: var(--kopf-hoehe); display: flex; align-items: center; padding-inline: calc((100vw - var(--shell)) / 2);
}
:where(.na-eigen) .na-leiste-marke {
  min-height: var(--ziel); display: inline-flex; align-items: center;
  color: var(--ivory); font: 600 14px/1 var(--font-world); letter-spacing: .16em; text-transform: uppercase; text-decoration: none;
  text-shadow: 0 0 16px rgba(7, 7, 6, .42), 0 2px 32px rgba(7, 7, 6, .32);
}
:where(.na-eigen) .na-leiste-marke:hover { color: var(--gold-bright); }
/* Menü „Echoes“ rechts in der Leiste; Unterpunkte klappen bei Zeigen oder Fokus auf, auf dem Handy nur die Hauptpunkte */
:where(.na-eigen) .na-leiste { justify-content: space-between; gap: 1.5rem; }
:where(.na-eigen) .na-leiste-menue, :where(.na-eigen) .na-leiste-menue .sub-menu { list-style: none; margin: 0; padding: 0; }
:where(.na-eigen) .na-leiste-menue { display: flex; flex-wrap: wrap; gap: .25rem 1.5rem; }
:where(.na-eigen) .na-leiste-menue > li { position: relative; }
:where(.na-eigen) .na-leiste-menue a {
  min-height: var(--ziel); display: inline-flex; align-items: center; color: var(--ivory); text-decoration: none;
  font: 500 13px/1.2 var(--font-ui); letter-spacing: .04em; text-shadow: 0 0 16px rgba(7, 7, 6, .42);
}
:where(.na-eigen) .na-leiste-menue a:hover, :where(.na-eigen) .na-leiste-menue .current-menu-item > a { color: var(--gold-bright); }
:where(.na-eigen) .na-leiste-menue .sub-menu {
  display: none; position: absolute; top: 100%; left: -1rem; z-index: 30; min-width: 14rem; padding: .5rem 1rem;
  background: var(--night); border: 1px solid rgba(252, 249, 242, .14);
}
:where(.na-eigen) .na-leiste-menue .sub-menu a { width: 100%; min-height: 36px; text-shadow: none; }
:where(.na-eigen) .na-leiste-menue > li:hover > .sub-menu, :where(.na-eigen) .na-leiste-menue > li:focus-within > .sub-menu { display: block; }
@media (max-width: 760px) { :where(.na-eigen) .na-leiste-menue { gap: 0 1rem; } :where(.na-eigen) .na-leiste-menue .sub-menu { display: none !important; } }

/* ── Seitenkopf (theme.css: .mm-header, .article-head, .article-meta, .kopf-bild) ────────────────────────────── */
:where(.na-eigen) .mm-header { position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; margin-top: calc(-1 * var(--kopf-hoehe)); padding-top: var(--kopf-hoehe); background: var(--night); color: var(--ivory); }
:where(.na-eigen) .mm-header::before { content: ""; position: absolute; inset: 0; z-index: -2; background: var(--night); }
:where(.na-eigen) .mm-header.mm-header-flach { min-height: var(--kopf-flach); }
:where(.na-eigen) .mm-header.mm-header-mittel { min-height: var(--kopf-mittel); }
:where(.na-eigen) .mm-header.mm-header-hoch { min-height: var(--kopf-hoch); }
:where(.na-eigen) .article-head {
  width: var(--shell); margin: 0 auto; padding: clamp(4.5rem, 7.5vw, 7rem) 0 clamp(3.5rem, 5.5vw, 5rem);
  display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(17rem, .75fr); gap: clamp(3rem, 8vw, 8rem); align-items: end;
}
:where(.na-eigen) .mm-header .article-head { padding-top: clamp(2rem, 3vw, 3rem); }
:where(.na-eigen) .mm-header h1 { max-width: 14ch; margin: 0; color: var(--ivory); font: 400 clamp(3.4rem, 5.8vw, 5.25rem)/.98 var(--font-author); letter-spacing: -.025em; text-wrap: balance; }
:where(.na-eigen) .article-meta { padding-bottom: .55rem; border-bottom: var(--haarlinie); }
:where(.na-eigen) .article-meta p { margin: 0; }
:where(.na-eigen) .article-meta .date { margin-bottom: .65rem; color: var(--gold-bright); font: 500 13px/1.5 var(--font-ui); letter-spacing: .04em; }
:where(.na-eigen) .article-meta .description { max-width: 31ch; color: var(--ivory-dim); font: 400 16px/1.62 var(--font-ui); }
:where(.na-eigen) .kopf-bild {
  position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%;
  object-fit: cover; object-position: 50% 28%; filter: blur(14px) saturate(.6) brightness(.7); transform: scale(1.08);
}
:where(.na-eigen) .kopf-mit-bild::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(90deg, var(--night-82) 0%, rgba(7, 7, 6, .62) 55%, var(--night-50) 100%), linear-gradient(0deg, var(--night) 0%, transparent 30%);
}
:where(.na-eigen) .kopf-mit-bild h1, :where(.na-eigen) .kopf-mit-bild .article-meta p { text-shadow: 0 2px 22px rgba(0, 0, 0, .6); }
@media (max-width: 1024px) {
  :where(.na-eigen) .article-head { padding: 3.75rem 0 3.25rem; grid-template-columns: 1fr; gap: 1.75rem; align-content: end; }
  :where(.na-eigen) .mm-header h1 { max-width: 12ch; font-size: clamp(3.25rem, 8.5vw, 4.25rem); }
  :where(.na-eigen) .article-meta { max-width: 30rem; border-bottom: 0; }
}
@media (max-width: 500px) {
  :where(.na-eigen) .article-head { padding-top: 3rem; }
  :where(.na-eigen) .mm-header h1 { max-width: 11ch; font-size: clamp(2.75rem, 13vw, 3.45rem); }
  :where(.na-eigen) .kopf-mit-bild::before { background: linear-gradient(0deg, var(--night) 0%, var(--night-82) 45%, var(--night-55) 100%); }
}
@media (orientation: landscape) and (max-height: 500px) {
  :where(.na-eigen) .mm-header.mm-header-flach, :where(.na-eigen) .mm-header.mm-header-mittel, :where(.na-eigen) .mm-header.mm-header-hoch { min-height: 0; }
  :where(.na-eigen) .mm-header .article-head { padding-top: 1.25rem; padding-bottom: 1.5rem; gap: 1rem; }
  :where(.na-eigen) .mm-header h1 { font-size: min(clamp(3.25rem, 8.5vw, 4.25rem), 12svh); }
}

/* ── Lesefläche (theme.css .entry-content; aldrin.css nimmt den Innenabstand für .na wieder heraus) ───────────── */
:where(.na-eigen) .entry-content { margin-top: 0; padding: clamp(5rem, 8vw, 7rem) 0; background: var(--paper); color: var(--ink); }
@media (max-width: 760px) { :where(.na-eigen) .entry-content { padding-top: 3.5rem; } }
:where(.na-eigen) .entry-content h2 { margin-top: 2.8em; margin-bottom: .8em; color: var(--ink); font: 400 clamp(2rem, 3.6vw, 3rem)/1.12 var(--font-author); letter-spacing: -.015em; text-wrap: balance; }
:where(.na-eigen) .entry-content h3 { margin-top: 2.5em; margin-bottom: .7em; color: var(--gold-bright); font: 600 18px/1.35 var(--font-world); letter-spacing: .04em; }

/* ── Fuß: eine Zeile Rechtliches ───────────────────────────────────────────────────────────────────────────── */
:where(.na-eigen) .na-fuss {
  padding: 2rem calc((100vw - var(--shell)) / 2) max(2rem, env(safe-area-inset-bottom));
  border-top: var(--haarlinie); background: var(--night); color: var(--ivory-dim); font: 400 13px/1.6 var(--font-ui); letter-spacing: .02em;
}
:where(.na-eigen) .na-fuss p { margin: 0; }
:where(.na-eigen) .na-fuss a { text-underline-offset: .3em; }
:where(.na-eigen) .na-fuss a:hover { color: var(--ivory); }
@media (pointer: coarse) { :where(.na-eigen) .na-fuss a { display: inline-flex; align-items: center; min-height: var(--ziel); } }