@font-face { font-family: 'OP Icons'; font-display: block; src: url('../assets/fonts/op-icons.woff2?v=3') format('woff2'); unicode-range: U+23ED, U+23F1, U+23FB, U+2600, U+2620, U+2691, U+2693, U+2694, U+2697, U+2699, U+26A0, U+26A1, U+26AB, U+26C8, U+26D4, U+26F5, U+2705, U+2709, U+2714, U+2728, U+2734, U+2744, U+274C, U+2764, U+2B06, U+2B50, U+FE0F, U+1F0CF, U+1F300, U+1F30A, U+1F310, U+1F311, U+1F31F, U+1F32B, U+1F37A, U+1F381, U+1F383, U+1F389, U+1F393, U+1F396, U+1F39A, U+1F39F, U+1F3A1, U+1F3A8, U+1F3AF, U+1F3B0, U+1F3B2, U+1F3C5, U+1F3C6, U+1F3DD, U+1F3EA, U+1F3F0, U+1F3F4, U+1F3FA, U+1F409, U+1F412, U+1F419, U+1F41A, U+1F422, U+1F441, U+1F451, U+1F464, U+1F465, U+1F47B, U+1F480, U+1F48E, U+1F4A3, U+1F4A5, U+1F4A8, U+1F4AC, U+1F4B0, U+1F4B5, U+1F4C5, U+1F4CB, U+1F4CF, U+1F4D0, U+1F4D6, U+1F4DC, U+1F4E6, U+1F4F6, U+1F507, U+1F50A, U+1F511, U+1F512, U+1F514, U+1F517, U+1F525, U+1F527, U+1F528, U+1F52D, U+1F52E, U+1F54A, U+1F5D1, U+1F5E1, U+1F5FA, U+1F5FC, U+1F6A2, U+1F6A9, U+1F6D2, U+1F6E0, U+1F6E1, U+1F6E2, U+1F916, U+1F92B, U+1F95A, U+1F964, U+1F988, U+1F99C, U+1F9AA, U+1F9D4, U+1F9E8, U+1F9E9, U+1F9EA, U+1F9ED, U+1F9EF, U+1FA7A, U+1FA99, U+1FA9A, U+1FA9D, U+1FA9F; }
@font-face { font-family: 'Cinzel'; font-weight: 700; font-display: swap; src: url('../assets/fonts/cinzel-latin-700-normal.woff2') format('woff2'); }
:root {
  --ink: #050b12; --glass: rgba(8, 18, 30, 0.88); --line: rgba(217, 164, 65, 0.28);
  --gold: #d9a441; --gold-bright: #f2c464; --text: #ecdcb8; --muted: #c9b285;
}
* { box-sizing: border-box; }
html { background: var(--ink); }
body {
  margin: 0; min-height: 100vh; color: var(--text);
  font: 15px/1.65 'OP Icons', Georgia, 'Times New Roman', serif;
  background:
    linear-gradient(180deg, rgba(5,11,18,0.75), rgba(5,11,18,0.96) 60%),
    url('../assets/loading/Hintergrund.jpg') center top / cover fixed no-repeat, var(--ink);
}
main { width: min(820px, 100% - 32px); margin: 40px auto 60px; padding: 34px 38px; background: var(--glass);
  border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 30px 80px rgba(0,0,0,0.6); }
header { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 8px; }
.brand { font-family: 'OP Icons', 'Cinzel', Georgia, serif; font-weight: 700; letter-spacing: 2px; color: var(--gold-bright); text-decoration: none; text-transform: uppercase; font-size: 14px; }
.langs button { background: rgba(5,11,18,0.6); border: 1px solid var(--line); color: var(--muted); border-radius: 8px; padding: 5px 12px; font: inherit; font-size: 12px; cursor: pointer; }
.langs button.active { color: #120b04; background: var(--gold); border-color: var(--gold-bright); }
h1 { font-family: 'OP Icons', 'Cinzel', Georgia, serif; color: var(--gold-bright); font-size: clamp(24px, 4vw, 32px); margin: 18px 0 6px; letter-spacing: 1px; }
h2 { color: var(--gold-bright); font-size: 18px; margin: 28px 0 6px; padding-bottom: 6px; border-bottom: 1px solid rgba(217,164,65,0.18); }
h3 { font-size: 15px; margin: 18px 0 4px; color: var(--text); }
p, li { color: var(--text); }
.muted, .stand { color: var(--muted); font-size: 13px; }
a { color: var(--gold-bright); }
ul { padding-left: 20px; }
.ph { background: rgba(217,164,65,0.18); color: #ffd98a; border: 1px dashed rgba(242,196,100,0.6); padding: 0 5px; border-radius: 4px; font-style: normal; }
nav.foot { margin-top: 34px; padding-top: 14px; border-top: 1px solid var(--line); font-size: 13px; display: flex; gap: 16px; flex-wrap: wrap; }
[data-lang-block] { display: none; }
[data-lang-block].show { display: block; }
@media (max-width: 600px) { main { padding: 24px 18px; margin: 16px auto 30px; } }