:root{--ink:#14120D;--panel:#1E1A12;--panel2:#262116;--line:#3A3323;--gold:#F5C842;--gold-dim:#C9A22E;--text:#EFE7D2;--muted:#9A8F73;--serif:"Newsreader",Georgia,serif;--sans:"Gabarito",system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--ink);color:var(--text);font-family:var(--serif);line-height:1.75;-webkit-font-smoothing:antialiased}
.wrap{max-width:680px;margin:0 auto;padding:28px 20px 80px}
a{color:var(--gold)}
.top{display:flex;align-items:center;gap:10px;font-family:var(--sans);font-weight:700;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--muted);margin-bottom:34px}
.top .dot{width:9px;height:9px;border-radius:50%;background:var(--gold);flex:none}
.krumen{font-family:var(--sans);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.krumen a{color:var(--muted);text-decoration:none}
.krumen a:hover{color:var(--gold)}
h1{font-family:var(--sans);font-weight:900;font-size:clamp(2rem,7vw,2.9rem);line-height:1.05;letter-spacing:-.02em;margin-bottom:14px}
h1 em{font-style:normal;color:var(--gold)}
.typ{display:inline-block;font-family:var(--sans);font-weight:700;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);border:1px solid var(--line);border-radius:999px;padding:5px 13px;margin-bottom:22px}
.lead{font-size:1.16rem;color:var(--text);border-left:2px solid var(--gold-dim);padding-left:16px;margin-bottom:34px}
h2{font-family:var(--sans);font-weight:700;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:34px 0 10px}
p{margin-bottom:14px}
.cta{display:block;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px;margin:44px 0 34px;text-decoration:none}
.cta strong{display:block;font-family:var(--sans);font-weight:900;font-size:1.25rem;color:var(--text);margin-bottom:6px}
.cta span{display:block;color:var(--muted);font-size:.98rem}
.cta .btn{display:inline-block;margin-top:14px;background:var(--gold);color:#14120D;font-family:var(--sans);font-weight:900;font-size:.9rem;letter-spacing:.04em;padding:11px 20px;border-radius:9px}
.mehr{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.mehr a{font-family:var(--sans);font-weight:700;font-size:.85rem;text-decoration:none;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 13px}
.mehr a:hover{border-color:var(--gold-dim)}
footer{margin-top:56px;padding-top:22px;border-top:1px solid var(--line);font-family:var(--sans);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
footer a{color:var(--muted);text-decoration:none}
footer a:hover{color:var(--gold)}
.liste{list-style:none;margin-top:8px}
.liste li{border-bottom:1px solid var(--line)}
.liste a{display:flex;justify-content:space-between;gap:14px;align-items:baseline;padding:14px 2px;text-decoration:none;color:var(--text)}
.liste a:hover{color:var(--gold)}
.liste .n{font-family:var(--sans);font-weight:700;font-size:1.1rem}
.liste .t{font-family:var(--sans);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:right;flex:none}
.anzeige{font-family:var(--sans);font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:2px 6px;vertical-align:middle;margin-left:4px}