/* Impressum und Datenschutz: derselbe Rahmen wie die Hauptseite, Fliesstext in Times. */
:root {
  --canvas: #ffffff;
  --ink: #000000;
  --link: #0000ee;
  --sans-display: "Arial Black", system-ui, -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --sans: Helvetica, Arial, "Helvetica Neue", sans-serif;
  --serif: "Times New Roman", Times, serif;
  --rahmen: 4px;
  --gutter: 16px;
}
@media (min-width: 481px) { :root { --rahmen: 8px; } }

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--ink);
  color: var(--ink);
  padding: var(--rahmen);
  padding-top: max(var(--rahmen), env(safe-area-inset-top));
  font-family: var(--serif);
  font-size: 16px;
  line-height: 1.45;
}
a { color: var(--link); text-decoration: underline; }

.blatt {
  width: 100%;
  max-width: 430px;
  min-height: calc(100vh - 2 * var(--rahmen));
  min-height: calc(100svh - 2 * var(--rahmen));
  margin: 0 auto;
  background: var(--canvas);
}
.kopf {
  background: var(--ink);
  color: var(--canvas);
  padding: 22px var(--gutter) 20px;
}
h1 {
  margin: 0;
  font-family: var(--sans-display);
  font-weight: 900;
  font-size: 32px;
  line-height: 1;
  letter-spacing: -1px;
  text-transform: uppercase;
}
.text { padding: 20px var(--gutter) 32px; }
.text h2 {
  margin: 26px 0 6px;
  font: 700 14px/1.2 var(--sans);
  text-transform: uppercase;
}
.text p { margin: 0 0 10px; }
.text .zurueck { margin: 0 0 4px; }
.text .stand { margin-top: 26px; font-size: 13px; }