@font-face { font-family: "Technor"; src: url("schrift/Technor-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
:root { color-scheme: dark; }
html { background: #000; }
body { margin: 0; background: #000; color: #e9e5dd; font: 400 clamp(16px, .35vw + 11px, 30px)/1.65 "Technor", sans-serif; -webkit-font-smoothing: antialiased; }
header { position: sticky; top: 0; display: flex; justify-content: space-between; align-items: center; padding: clamp(16px, 1.4vw, 60px) max(18px, 2.2vw); background: rgba(0,0,0,.85); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
header a { color: inherit; text-decoration: none; }
header .marke { font-size: clamp(20px, .9vw + 10px, 66px); font-weight: 300; letter-spacing: .12em; }
header .zurueck { font-size: .9em; color: rgba(233,229,221,.7); }
main { max-width: 44em; margin: 0 auto; padding: clamp(24px, 4vw, 160px) max(18px, 2.2vw) 96px; }
h1 { font-weight: 300; font-size: 2em; letter-spacing: .02em; margin: 0 0 1.2em; }
h2 { font-weight: 450; font-size: 1.05em; margin: 2.2em 0 .5em; letter-spacing: .02em; }
p, li { color: rgba(233,229,221,.82); }
a { color: #ffd9a8; }
.fehlt { color: #ffcf94; background: rgba(255,207,148,.08); border: 1px dashed rgba(255,207,148,.45); padding: .05em .4em; border-radius: 4px; }