/* Eigenständiges Stylesheet fuer impressum.html/datenschutz.html - ergaenzt
   css/style.css (das keine Fliesstext-Typografie fuer lange Rechtstexte hat,
   weil die App sonst ausschliesslich kurze UI-Texte zeigt). */
.legal-page {
  max-width: 720px;
}

/* #site-header h1 ist normalerweise ein role="button" fuer JS-Navigation
   (siehe index.html) - auf den eigenstaendigen Rechtsseiten hier dagegen ein
   echter Link zurueck zur App, braucht darum den Linkstil zurueckgesetzt. */
#site-header h1 a {
  color: inherit;
  text-decoration: none;
}

.legal-back {
  display: inline-block;
  margin-bottom: 1.5rem;
  color: var(--text-muted);
  text-decoration: none;
  font-size: 0.9rem;
}

.legal-back:hover {
  color: var(--text);
}

.legal-page h2 {
  margin: 0 0 1.5rem;
  font-size: 1.8rem;
}

.legal-page h3 {
  margin: 2rem 0 0.5rem;
  font-size: 1.15rem;
  color: var(--accent);
}

.legal-page section:first-of-type h3 {
  margin-top: 0;
}

.legal-page p,
.legal-page li {
  line-height: 1.6;
  color: var(--text-muted);
}

.legal-page strong {
  color: var(--text);
}

.legal-page a {
  color: var(--text);
}

.legal-page ul {
  padding-left: 1.3rem;
}

.legal-footnote {
  margin-top: 3rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--border);
  font-size: 0.9rem;
}