:root {
  --grund: #0d1218;
  --linie: #2c3846;
  --text: #e8edf3;
  --leise: #a2afbd;
  --stroh: #ecc36c;
  --anlass: linear-gradient(90deg, #f3d98f 0%, #dba44b 20%, #a8622f 40%, #7d3f78 60%, #3f6fb0 80%, #82b6ea 100%);
  color-scheme: dark;
}
@font-face { font-family: "Big Shoulders Display"; src: url("fonts/big-shoulders-display.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Hanken Grotesk"; src: url("fonts/hanken-grotesk.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("fonts/jetbrains-mono.woff2") format("woff2"); font-weight: 100 800; font-display: swap; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--grund); color: var(--text); font-family: "Hanken Grotesk", "Segoe UI", system-ui, sans-serif; font-size: 1.0625rem; line-height: 1.6; }
a { color: inherit; text-underline-offset: 3px; }
:focus-visible { outline: 2px solid var(--stroh); outline-offset: 3px; }
.band { height: 6px; background: var(--anlass); }
.seite { max-width: 760px; margin-inline: auto; padding-block: 28px 72px; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
.marke { font-family: "JetBrains Mono", Consolas, monospace; font-size: .9rem; font-weight: 500; text-decoration: none; overflow-wrap: anywhere; }
.marke i { font-style: normal; color: var(--stroh); }
h1, h2 { font-family: "Big Shoulders Display", "Arial Narrow", Impact, sans-serif; text-transform: uppercase; line-height: 1.05; margin: 0; }
h1 { font-size: clamp(2.6rem, 8vw, 4rem); font-weight: 900; margin-top: 40px; }
h2 { font-size: 1.6rem; font-weight: 800; margin-top: 36px; }
p, ul { margin: 12px 0 0; }
ul { padding-left: 20px; }
.platzhalter { background: var(--stroh); color: #1a1408; font-weight: 700; padding: 0 5px; border-radius: 2px; }
.mail { overflow-wrap: anywhere; }
.fuss { display: flex; flex-wrap: wrap; gap: 4px 20px; margin-top: 48px; padding-top: 18px; border-top: 1px solid var(--linie); font-size: .9rem; color: var(--leise); }
