/* Gemeinsames Stylesheet für die Rechtstext-Seiten – passend zum Hauptauftritt */
:root {
  --bg:#111315; --bg-2:#15181b; --surface:#1a1e22; --surface-2:#20262b;
  --text:#e7e5de; --head:#f5f3ec; --muted:#9aa1a8; --faint:#717981;
  --line:rgba(236,234,227,.10); --line-2:rgba(236,234,227,.18);
  --accent:#6ba588; --accent-2:#8cc4a6; --cream:#efece2;
  --serif:"Iowan Old Style","Palatino Linotype",Georgia,"Times New Roman",serif;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
* { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body { font-family:var(--sans); color:var(--text); background:var(--bg); line-height:1.7; -webkit-font-smoothing:antialiased; }
.wrap { max-width:780px; margin:0 auto; padding:0 26px; }

/* Header */
header { border-bottom:1px solid var(--line); background:rgba(17,19,21,.85); backdrop-filter:saturate(160%) blur(10px); position:sticky; top:0; z-index:10; }
.nav { display:flex; align-items:center; justify-content:space-between; height:72px; max-width:1120px; margin:0 auto; padding:0 26px; }
.brand { display:flex; align-items:center; gap:12px; text-decoration:none; }
.brand svg { height:40px; width:auto; display:block; }
.brand .name { font-family:var(--serif); font-size:1.05rem; color:var(--head); font-weight:600; }
.brand small { display:block; font-family:var(--sans); font-size:.66rem; font-weight:600; color:var(--accent); letter-spacing:.14em; text-transform:uppercase; }
.back { color:var(--muted); font-size:.92rem; text-decoration:none; }
.back:hover { color:var(--head); }

/* Inhalt */
main { padding:60px 0 80px; }
.eyebrow { display:inline-block; color:var(--accent); font-weight:700; font-size:.76rem; text-transform:uppercase; letter-spacing:.16em; margin-bottom:14px; }
h1 { font-family:var(--serif); color:var(--head); font-weight:600; font-size:clamp(1.9rem,4vw,2.6rem); letter-spacing:-.01em; margin-bottom:14px; }
.updated { color:var(--faint); font-size:.88rem; margin-bottom:40px; }
h2 { font-family:var(--serif); color:var(--head); font-weight:600; font-size:1.4rem; margin:42px 0 14px; padding-top:8px; }
h3 { font-family:var(--sans); color:var(--head); font-weight:600; font-size:1.05rem; margin:26px 0 8px; }
p { color:var(--text); margin-bottom:14px; }
a { color:var(--accent-2); }
ul { margin:0 0 14px 22px; } li { margin-bottom:8px; }
.addr { color:var(--text); line-height:1.9; }
.muted { color:var(--muted); font-size:.94rem; }

/* Platzhalter sichtbar markieren */
.ph { color:#d98c2b; font-weight:600; background:rgba(217,140,43,.08); padding:1px 6px; border-radius:5px; }

/* Entwurfs-Hinweis (vor Live-Gang entfernen) */
.draft { border:1px solid rgba(217,140,43,.4); background:rgba(217,140,43,.08); color:#e6b266;
  border-radius:12px; padding:16px 20px; margin-bottom:40px; font-size:.92rem; }
.draft strong { color:#f0c483; }

/* Footer */
footer { border-top:1px solid var(--line); padding:36px 0; color:var(--faint); font-size:.9rem; }
footer .wrap { display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; }
footer a { color:var(--text); text-decoration:none; } footer a:hover { color:var(--head); }
.foot-links { display:flex; gap:20px; flex-wrap:wrap; }

@media (max-width:600px){ .nav .brand .name { font-size:.95rem; } }