:root{--bg:#120d2e;--bg2:#1d1650;--text:#eef0ff;--muted:#b9bde6;--gold:#f5c542;--rand:#2c2470}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font:17px/1.6 system-ui,"Segoe UI",Roboto,sans-serif}
img{max-width:100%;height:auto;image-rendering:pixelated}
a{color:var(--gold)}
.titel{display:block;width:100%;max-width:1100px;margin:0 auto;border-bottom:4px solid #000}
main{max-width:760px;margin:0 auto;padding:28px 16px 40px}
h1,h2{line-height:1.25}
h1{font-size:2rem;margin:.4em 0}
h2{font-size:1.2rem;margin:1.6em 0 .4em;color:var(--gold)}
.lead{font-size:1.15rem;color:var(--text)}
.kanaele{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}
.btn{display:inline-block;padding:12px 20px;background:var(--bg2);border:3px solid #000;box-shadow:4px 4px 0 #000;color:var(--text);text-decoration:none;font-weight:700}
.btn:hover,.btn:focus{background:var(--rand);color:var(--gold)}
.figur{float:right;width:140px;margin:0 0 12px 18px;border:3px solid #000}
.legal p,.legal li{color:var(--muted)}
.stand{font-size:.9rem;color:var(--muted)}
.center{text-align:center}
footer{border-top:2px solid var(--rand);padding:18px 16px 32px;text-align:center}
footer nav a{margin:0 10px;color:var(--muted)}
@media (max-width:560px){.figur{width:96px}h1{font-size:1.6rem}}