/* Rechtsseiten: bewusst schlicht und ohne Szene. Wer hierher kommt, sucht eine
   Angabe und will sie schnell finden — nicht noch eine Animation.
   Farben und Schrift wie die Startseite, damit es dieselbe Seite bleibt. */

:root {
  --weiss: #f4f5f7;
  --schrift: "Segoe UI", system-ui, -apple-system, sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  background: #08090b;
  color: rgba(232, 236, 255, .74);
  font: 400 16px/1.65 var(--schrift);
  -webkit-font-smoothing: antialiased;
}

.recht {
  max-width: 72ch;
  margin: 0 auto;
  padding: clamp(48px, 9vh, 96px) clamp(20px, 5vw, 40px) clamp(70px, 12vh, 120px);
}

.zurueck {
  display: inline-block; margin-bottom: clamp(32px, 5vh, 52px);
  font: 400 13px/1 var(--mono); letter-spacing: .06em;
  color: rgba(150, 190, 255, .8); text-decoration: none;
}
.zurueck:hover { color: rgba(180, 210, 255, 1); }

h1 {
  font-size: clamp(30px, 4.4vw, 46px); line-height: 1.15;
  letter-spacing: -.025em; font-weight: 600;
  color: rgba(240, 244, 255, .96);
  margin-bottom: clamp(28px, 4vh, 44px);
}

h2 {
  font-size: clamp(17px, 1.5vw, 19px); font-weight: 600; letter-spacing: -.01em;
  color: rgba(240, 244, 255, .92);
  margin: clamp(30px, 4.5vh, 46px) 0 10px;
}

h3 {
  font-size: 16px; font-weight: 600;
  color: rgba(240, 244, 255, .88);
  margin: 26px 0 8px;
}

p { margin-bottom: 14px; }
p + h2 { margin-top: clamp(34px, 5vh, 52px); }

ul { margin: 0 0 16px 20px; }
li { margin-bottom: 7px; }

a { color: rgba(150, 190, 255, .9); }
a:hover { color: rgba(190, 215, 255, 1); }

.stand {
  margin-top: clamp(40px, 6vh, 64px);
  padding-top: 20px;
  border-top: 1px solid rgba(232, 236, 255, .12);
  font-size: 13.5px; color: rgba(232, 236, 255, .45);
}