/* Zusatz-Stylesheet nur fuer die Rechtstexte (Impressum, Datenschutz, AGB,
   Widerruf, Versand). Wird zusaetzlich zu style.css geladen. */

.rechtskopf {
  border-bottom: var(--hairline);
  background: var(--porzellan);
}
.rechtskopf__inhalt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--s-4);
  min-height: 3.6rem;
}
.rechtskopf__logo img { width: 7.5rem; height: auto; }

.rechtstext { padding-block: var(--s-8) var(--abschnitt); }
.rechtstext__inhalt { max-width: 42rem; display: grid; gap: var(--s-5); }
.rechtstext h1 { font-size: var(--t-xl); }
.rechtstext h2 {
  font-size: 1.4rem;
  font-weight: 400;
  margin-top: var(--s-5);
  padding-top: var(--s-4);
  border-top: var(--hairline);
}
.rechtstext p, .rechtstext li { color: var(--tinte-weich); max-width: var(--lesetext); }
.rechtstext ul { display: grid; gap: var(--s-2); padding-left: 1.1rem; list-style: disc; }
.rechtstext a { color: var(--champagner-tief); text-underline-offset: 3px; }

/* Der Platzhalter-Kasten. Er ist absichtlich auffaellig - damit keine
   Seite versehentlich unfertig online geht. */
.platzhalter {
  border: 1px solid var(--champagner);
  background: rgb(176 141 87 / 0.1);
  padding: var(--s-5);
  display: grid;
  gap: var(--s-3);
}
.platzhalter__titel {
  font-family: var(--grotesk);
  font-size: var(--t-mikro);
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--champagner-tief);
}
.platzhalter p { color: var(--tinte); }

.rechtstext__zurueck { margin-top: var(--s-6); }