/* Impressum und Datenschutz: einspaltig, auf Lesbarkeit gebaut. */

.recht {
  padding-block: var(--ab-5) var(--ab-6);
}
.recht__innen {
  max-width: 46rem;
  margin-inline: auto;
}
.recht__kopf {
  display: grid;
  gap: var(--ab-2);
  padding-block-end: var(--ab-3);
  margin-block-end: var(--ab-4);
  border-bottom: 1px solid var(--farbe-linie);
}

.recht h2 {
  margin-block: var(--ab-5) var(--ab-2);
  font-size: var(--gr-mittel);
}
.recht h3 {
  margin-block: var(--ab-3) var(--ab-1);
  font-size: var(--gr-text);
  font-weight: var(--fett-krftg);
}
.recht p,
.recht li {
  color: var(--farbe-text-leise);
}
.recht p + p { margin-block-start: var(--ab-2); }

.recht ul {
  display: grid;
  gap: var(--ab-1);
  margin-block-start: var(--ab-2);
  padding-inline-start: var(--ab-3);
  list-style: disc;
}

.recht dl {
  display: grid;
  gap: var(--ab-1);
  margin: 0;
}
.recht dt {
  font-weight: var(--fett-krftg);
  color: var(--farbe-text);
}
.recht dd {
  margin: 0;
  color: var(--farbe-text-leise);
}

.recht__stand {
  margin-block-start: var(--ab-5);
  padding-block-start: var(--ab-3);
  border-top: 1px solid var(--farbe-linie);
  font-size: var(--gr-klein);
  color: var(--farbe-text-leise);
}

/* --- Entwurfs-Markierungen und Formularkasten -------------------------- */

/* Stellen, an denen eine kaufmaennische Entscheidung fehlt. Bewusst
   auffaellig - eine AGB-Luecke soll man nicht uebersehen. */
.offen {
  display: block;
  padding: var(--ab-2);
  border-inline-start: 4px solid var(--farbe-marke);
  border-radius: var(--radius);
  background: var(--farbe-marke-hauch);
  color: var(--farbe-text);
  font-size: var(--gr-klein);
}

.hinweiskasten {
  padding: var(--ab-3);
  border: 1px solid var(--farbe-marke-rand);
  border-radius: var(--radius);
  background: var(--farbe-marke-hauch);
  color: var(--farbe-text);
  font-size: var(--gr-klein);
}
.hinweiskasten code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* Muster-Widerrufsformular - soll wie ein Formular zum Ausdrucken wirken. */
.formularkasten {
  margin-block: var(--ab-3);
  padding: var(--ab-3);
  border: 1px solid var(--farbe-linie);
  border-radius: var(--radius);
  background: var(--farbe-karte);
  font-size: var(--gr-klein);
}
.formularkasten p { color: var(--farbe-text); }
.formularkasten p + p { margin-block-start: var(--ab-2); }
.formularkasten__linie {
  border-bottom: 1px solid var(--farbe-linie);
  margin-block-start: var(--ab-1);
}