/* Gemeinsame Gestaltung fuer impressum.html und datenschutz.html.
   Bewusst eigenstaendig statt in der SPA: beide Seiten muessen erreichbar
   bleiben, solange die Seite pausiert ist (siehe .htaccess-Ausnahmeliste). */
:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
  margin: 0; background: #080808; color: rgba(255,255,255,.72);
  font-family: 'Mulish', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 16px; line-height: 1.7;
}
main { max-width: 44rem; margin: 0 auto; padding: 4rem 1.5rem 6rem; }
a { color: rgba(255,255,255,.86); text-decoration: underline; text-underline-offset: 3px; }
a:hover { color: #fff; }
.back {
  display: inline-block; margin-bottom: 3rem; font-size: .7rem; letter-spacing: .18em;
  text-transform: uppercase; color: rgba(255,255,255,.35); text-decoration: none;
}
.back:hover { color: rgba(255,255,255,.7); }
h1 {
  font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 300;
  font-size: clamp(2rem, 6vw, 2.75rem); color: #fff; margin: 0 0 2.5rem;
}
h2 {
  font-size: .7rem; letter-spacing: .18em; text-transform: uppercase;
  color: rgba(255,255,255,.4); font-weight: 600; margin: 2.75rem 0 .75rem;
}
p { margin: 0 0 .6rem; }
.klein { font-size: .875rem; color: rgba(255,255,255,.5); }
footer { margin-top: 4rem; font-size: .7rem; letter-spacing: .14em; color: rgba(255,255,255,.22); }