/* Impressum und Datenschutz: ruhig, schwarz, Systemschrift — wie die Startseite. */
:root { --black: #000; --white: #f5f5f7; --grey: #86868b; --grey-2: #a1a1a6; --hair: rgba(255, 255, 255, 0.12); --orange: #ff8a3d;
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif; color-scheme: dark; }
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--black); color: var(--white); }
body { font: 400 17px/1.6 var(--font); letter-spacing: -0.01em; -webkit-font-smoothing: antialiased; }
a { color: var(--white); text-underline-offset: 3px; }
.top { position: sticky; top: 0; z-index: 2; display: flex; justify-content: space-between; align-items: center; padding: env(safe-area-inset-top, 0px) clamp(16px, 4vw, 40px) 0;
  height: calc(env(safe-area-inset-top, 0px) + 48px); background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-bottom: 1px solid rgba(255, 255, 255, 0.06); }
.top a { text-decoration: none; font-size: 14px; color: var(--grey-2); }
.top b { font-size: 17px; }
main { max-width: 720px; margin: 0 auto; padding: clamp(40px, 8vh, 80px) 20px 80px; }
h1 { font-size: clamp(36px, 6vw, 56px); line-height: 1.05; letter-spacing: -0.035em; margin: 0 0 8px; }
.lede { color: var(--grey-2); margin: 0 0 40px; }
h2 { font-size: 22px; letter-spacing: -0.02em; margin: 44px 0 10px; }
h3 { font-size: 17px; margin: 26px 0 6px; }
p, li { color: #d2d2d7; }
ul { padding-left: 20px; }
.fill { color: var(--orange); font-weight: 600; }
address { font-style: normal; color: #d2d2d7; }
.note { margin-top: 48px; padding: 16px 18px; border: 1px solid var(--hair); border-radius: 14px; color: var(--grey); font-size: 14px; }
footer { border-top: 1px solid var(--hair); color: var(--grey); font-size: 12px; padding: 22px 20px 32px; text-align: center; }
footer a { color: var(--grey-2); margin: 0 10px; }