/* Gemeinsames Design der Rechtsseiten (Impressum, Datenschutz). Farben, Schrift und Leiste wie auf der Startseite. */
html, body { margin: 0; padding: 0; background: #5C1A26; }
* { box-sizing: border-box; }
html, body { cursor: url('../assets/cursor-dot.svg') 12 12, auto; }
a, button { cursor: url('../assets/cursor-ring.svg') 16 16, pointer; }
::selection { background: #F2EBDC; color: #5C1A26; }
body {
  color: #F2EBDC;
  font-family: 'Now', sans-serif;
  font-weight: 700;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  display: flex;
  flex-direction: column;
}
a { color: #F2EBDC; text-decoration: none; }
a:hover { color: #FFFFFF; }

/* fixierte Leiste mit Logo, identisch zur Startseite; Klick fuehrt zur Startseite */
.bar {
  position: fixed; top: 0; left: 0; right: 0; z-index: 50;
  background: rgba(92,26,38,.72);
  backdrop-filter: blur(14px) saturate(120%);
  -webkit-backdrop-filter: blur(14px) saturate(120%);
  display: flex; align-items: center; justify-content: center;
  padding: 14px 28px;
  transition: background 250ms ease, backdrop-filter 250ms ease;
}
/* Einblenden wie auf der Startseite: ganz oben unsichtbar, sichtbar sobald der Text die Leiste erreicht (nur mit JavaScript, sonst bleibt sie immer sichtbar) */
html.js .bar:not(.on) { background: rgba(92,26,38,0); backdrop-filter: none; -webkit-backdrop-filter: none; }
.bar a { display: flex; align-items: center; }
.bar img { height: 43px; width: auto; display: block; }

main { flex: 1; max-width: 640px; width: 100%; margin: 0 auto; padding: 152px 28px 56px; }
h1 {
  font-weight: 700; font-size: clamp(30px, 5.2vw, 40px); line-height: 1.12;
  letter-spacing: -0.02em; margin: 0 0 28px;
}
h2 {
  font-weight: 700; font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase;
  opacity: .65; margin: 44px 0 12px; line-height: 1.4;
}
p, li { font-size: 16px; line-height: 1.7; color: #DFD8CA; margin: 0 0 14px; overflow-wrap: break-word; hyphens: auto; }
ul { margin: 0 0 14px; padding-left: 1.2em; }
main a { text-decoration: underline; }
address { font-style: normal; font-size: 16px; line-height: 1.7; color: #DFD8CA; margin: 0 0 14px; }

footer { max-width: 1180px; width: 100%; margin: 0 auto; padding: 0 28px 64px; display: flex; justify-content: center; }
footer nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 26px; font-size: 13px; font-weight: 700; }