/* Gemeinsames Aussehen fuer /impressum und /datenschutz.
   Liegt im Wurzelverzeichnis, damit die Schriftpfade darin fuer beide
   Unterseiten gleich bleiben - relative URLs in einer CSS-Datei zaehlen ab
   dem Ort der CSS-Datei, nicht ab dem der HTML-Seite. */

/* Schriften liegen bewusst auf dem EIGENEN Server statt bei Google Fonts:
   eine Einbindung ueber fonts.googleapis.com uebertraegt die IP-Adresse jedes
   Besuchers an Google. Das LG Muenchen I hat dafuer 2022 Schadenersatz
   zugesprochen (Az. 3 O 17493/20). So bleibt kein Datenabfluss uebrig. */
@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("schriften/fraunces.woff2") format("woff2");
}
@font-face {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("schriften/outfit.woff2") format("woff2");
}

:root {
  --grund: #EFE3CC;
  --karte: #FFFAF0;
  --tinte: #2C1810;
  --gedaempft: #8B6F4F;
  --rand: #D4C4A0;
  --teal: #2C7A7B;
  --gold: #D4A53C;
  --schatten: 4px 4px 0 #2C1810;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  padding: 1.5rem 1rem 4rem;
  background: var(--grund);
  color: var(--tinte);
  font-family: Outfit, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  line-height: 1.65;
  -webkit-text-size-adjust: 100%;
}

main {
  max-width: 46rem;
  margin: 0 auto;
  background: var(--karte);
  border: 3px solid var(--tinte);
  border-radius: 18px;
  box-shadow: var(--schatten);
  padding: 2rem 1.6rem 2.4rem;
}

.zurueck {
  display: inline-block;
  max-width: 46rem;
  margin: 0 auto 1rem;
  padding: 0 .2rem;
  color: var(--gedaempft);
  font-size: .9rem;
  text-decoration: none;
}
.zurueck:hover { color: var(--teal); text-decoration: underline; }

h1 {
  font-family: Fraunces, Georgia, serif;
  font-size: clamp(1.7rem, 5vw, 2.3rem);
  line-height: 1.15;
  margin: 0 0 .3rem;
}

h2 {
  font-family: Fraunces, Georgia, serif;
  font-size: 1.25rem;
  line-height: 1.3;
  margin: 2.2rem 0 .6rem;
  padding-top: 1.2rem;
  border-top: 2px solid var(--rand);
}

h3 {
  font-family: Fraunces, Georgia, serif;
  font-size: 1.05rem;
  margin: 1.6rem 0 .4rem;
}

/* Der erste Abschnitt braucht keine Trennlinie nach oben. */
h2:first-of-type { border-top: 0; padding-top: 0; margin-top: 1.6rem; }

p, ul { margin: 0 0 1rem; }
ul { padding-left: 1.3rem; }
li { margin-bottom: .35rem; }

a { color: var(--teal); }

.stand {
  color: var(--gedaempft);
  font-size: .9rem;
  margin-bottom: 1.6rem;
}

/* Die Anschrift im Impressum soll als Block lesbar bleiben, nicht als Fliesstext. */
address {
  font-style: normal;
  background: var(--grund);
  border: 2px solid var(--rand);
  border-radius: 12px;
  padding: .9rem 1.1rem;
  margin-bottom: 1.2rem;
}

.hinweis {
  background: var(--grund);
  border-left: 4px solid var(--gold);
  border-radius: 0 10px 10px 0;
  padding: .8rem 1rem;
  font-size: .93rem;
}

footer {
  max-width: 46rem;
  margin: 1.4rem auto 0;
  text-align: center;
  color: var(--gedaempft);
  font-size: .88rem;
}
footer a { color: var(--gedaempft); }