@font-face { font-family: "Anton"; font-weight: 400; font-display: swap; src: url("fonts/anton-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 400; font-display: swap; src: url("fonts/inter-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 700; font-display: swap; src: url("fonts/inter-latin-700-normal.woff2") format("woff2"); }

* { box-sizing: border-box; margin: 0; padding: 0; }
body { background: #050505; color: #e9e6e0; font-family: "Inter", system-ui, sans-serif; line-height: 1.65; font-size: 16px; }
header { display: flex; justify-content: space-between; align-items: center; padding: 20px clamp(16px, 4vw, 48px); border-bottom: 1px solid rgba(255,255,255,.12); }
header a { color: inherit; text-decoration: none; }
header .logo { font-family: "Anton", Impact, sans-serif; font-size: 22px; letter-spacing: .04em; text-transform: uppercase; }
header .logo .short { display: none; }
@media (max-width: 700px) { header .logo .full { display: none; } header .logo .short { display: inline; } }
header .back { font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: #8d8a85; }
main { max-width: 760px; margin: 0 auto; padding: 64px 16px 96px; }
h1 { font-family: "Anton", Impact, sans-serif; text-transform: uppercase; font-size: clamp(44px, 9vw, 80px); line-height: 1; margin-bottom: 40px; }
h2 { font-size: 18px; margin: 36px 0 10px; color: #fff; }
p, ul { margin-bottom: 14px; color: #c9c5be; }
ul { padding-left: 20px; }
a { color: #e9e6e0; }
/* Platzhalter, die noch ausgefüllt werden müssen */
mark { background: #d1142f; color: #fff; padding: 0 4px; border-radius: 2px; }
footer { padding: 32px 16px; text-align: center; color: #8d8a85; font-size: 13px; border-top: 1px solid rgba(255,255,255,.12); }
footer a { margin: 0 10px; color: #8d8a85; }