/* Rechtstexte der Platzhalter-Seite */
@font-face { font-family: 'Saira'; src: url('fonts/saira-var.woff2') format('woff2'); font-weight: 300 700; font-stretch: 85% 115%; font-display: swap; }
@font-face { font-family: 'Atkinson Hyperlegible Next'; src: url('fonts/atkinson-next-var.woff2') format('woff2'); font-weight: 200 800; font-display: swap; }
:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; background: #050B15; color: #E8EEF6; font: 400 18px/1.6 'Atkinson Hyperlegible Next', system-ui, sans-serif; }
a { color: #FFB347; text-underline-offset: .2em; }
a:focus-visible { outline: 2px solid #FFB347; outline-offset: 3px; }
header, main, footer { width: min(100% - 32px, 52rem); margin-inline: auto; }
header { display: flex; align-items: center; justify-content: space-between; padding: 28px 0 8px; }
header img { height: 30px; width: auto; }
header a.back { font-size: 15px; color: #9DB3D6; text-decoration: none; padding: 10px 0; }
header a.back:hover { color: #fff; }
h1 { font: 300 clamp(34px, 5vw, 52px)/1.1 'Saira', system-ui, sans-serif; font-stretch: 112%; margin: 36px 0 24px; }
h2 { font: 400 24px/1.25 'Saira', system-ui, sans-serif; font-stretch: 108%; margin: 40px 0 8px; }
h3 { font: 500 18px/1.3 'Atkinson Hyperlegible Next', system-ui, sans-serif; margin: 26px 0 4px; }
p, li { color: #A9B8CE; max-width: 66ch; margin: 8px 0; }
ul { padding-left: 20px; }
mark { background: rgba(255,122,26,.24); color: #E8EEF6; padding: 0 4px; border-radius: 2px; }
.draft { padding: 14px 18px; border-left: 4px solid #FF7A1A; background: #0E1A2E; color: #E8EEF6; margin: 8px 0 28px; }
footer { padding: 48px 0 40px; font-size: 15px; color: #6A80A6; }
footer a { color: #9DB3D6; margin-right: 20px; }