/* ALETHEIA – gemeinsame technische Grundlage für Inhaltsseiten */
:root { color-scheme: dark; --a-gold: #d8b36b; --a-ivory: #f4ead5; --a-muted: #c8bda7; --a-ink: #080706; }
* { box-sizing: border-box; }
.site-header { position: sticky !important; top: 0; z-index: 1000; width: 100%; background: rgba(8,7,6,.97) !important; border-bottom: 1px solid rgba(216,179,107,.42) !important; backdrop-filter: blur(12px); }
nav.site-nav { width: 100%; max-width: 1536px !important; margin: 0 auto !important; padding: 13px clamp(16px, 3.5vw, 54px) !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: clamp(14px, 2.5vw, 36px) !important; flex-wrap: nowrap !important; }
.site-brand { flex: 0 0 auto; color: var(--a-gold) !important; text-decoration: none; font: 15px/1.1 Georgia, 'Times New Roman', serif !important; letter-spacing: .18em; white-space: nowrap; }
.site-links { display: flex; align-items: center; justify-content: flex-end; flex: 1 1 auto; min-width: 0; gap: clamp(10px, 1.7vw, 25px); overflow-x: auto; overflow-y: hidden; white-space: nowrap; scrollbar-width: none; }
.site-links::-webkit-scrollbar { display: none; }
.site-links a { flex: 0 0 auto; color: #d3c6ae !important; text-decoration: none !important; font: 11px/1.35 Arial, Helvetica, sans-serif !important; letter-spacing: .075em; text-transform: uppercase; padding: 8px 0; border-bottom: 1px solid transparent; transition: color .18s ease, border-color .18s ease; }
.site-links a:hover, .site-links a:focus-visible { color: #fff3d9 !important; border-bottom-color: var(--a-gold); outline: none; }
.site-links a[aria-current="page"] { color: #f5d89b !important; border-bottom-color: var(--a-gold); }
.site-footer { max-width: 1200px; margin: 28px auto 0; padding: 18px 22px 28px; text-align: center; color: #a99a80; font: 11px/1.6 Arial, Helvetica, sans-serif; letter-spacing: .05em; }
.site-footer a { color: var(--a-gold) !important; text-decoration: none; }
.site-footer a:hover, .site-footer a:focus-visible { text-decoration: underline; }
@media (max-width: 760px) {
  nav.site-nav { display: flex !important; padding: 12px 15px !important; gap: 12px !important; align-items: flex-start !important; flex-direction: column !important; }
  .site-brand { font-size: 13px !important; }
  .site-links { align-self: stretch; justify-content: flex-start; gap: 18px; width: 100%; }
  .site-links a { font-size: 10px !important; padding: 5px 0 7px; }
}