/* ====================================================================
   hierzusammen · Rechtstexte
   ====================================================================

   Impressum, Datenschutz, Vertragsbedingungen, Widerruf.

   Zusatzblatt zu hierzusammen.css. Es ändert AUSSCHLIESSLICH das
   Aussehen · kein Satz dieser vier Seiten ist beim Redesign angefasst
   worden, und das ist wichtig: An den Texten hängen Pflichtangaben,
   und eine Formulierung, die beim Umgestalten „mitgezogen" wird, ist
   eine geänderte Rechtsaussage, die niemand geprüft hat.

   Eine schmale Lesespalte, eine ruhige Serifenschrift für die
   Überschriften, Fließtext in der Grotesk. Ein Rechtstext wird lang
   gelesen und nicht überflogen.
   ==================================================================== */

.recht { padding-block: clamp(2.5rem, 6vw, 4.5rem) clamp(3rem, 7vw, 5rem); }
.recht-innen { max-width: 50rem; }

.recht-zurueck {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 2.75rem;
  margin-bottom: 1.75rem;
  color: var(--hz-muted-text);
  font-size: 0.9375rem;
  font-weight: 600;
  text-decoration: none;
}
.recht-zurueck::before { content: "←"; }
.recht-zurueck:hover { color: var(--hz-ink); text-decoration: underline; }

.recht h1 {
  margin: 0 0 1.75rem;
  font-family: "Fraunces hz", Georgia, "Times New Roman", serif;
  font-optical-sizing: auto;
  font-size: clamp(2.2rem, 1.2rem + 4vw, 3.4rem);
  font-weight: 420;
  line-height: 1.05;
  letter-spacing: -0.024em;
  text-wrap: balance;
}
.recht h2 {
  margin: 2.75rem 0 0.8rem;
  font-family: "Fraunces hz", Georgia, serif;
  font-optical-sizing: auto;
  font-size: clamp(1.3rem, 1.1rem + 1vw, 1.7rem);
  font-weight: 470;
  line-height: 1.18;
  letter-spacing: -0.014em;
}
.recht h3 {
  margin: 1.75rem 0 0.5rem;
  font-size: 1.0625rem;
  font-weight: 700;
  letter-spacing: -0.006em;
}

.recht p,
.recht li,
.recht dd,
.recht address {
  margin: 0 0 0.85rem;
  max-width: 68ch;
  line-height: 1.68;
}
.recht address { font-style: normal; }
.recht ul, .recht ol { margin: 0 0 1rem; padding-left: 1.2rem; }
.recht li { margin-bottom: 0.45rem; }

.recht a {
  color: var(--hz-ink);
  text-decoration: underline;
  text-decoration-color: rgb(142 103 47 / 0.5);
  text-decoration-thickness: 1.5px;
  text-underline-offset: 0.2em;
}
.recht a:hover { text-decoration-color: var(--hz-gold-dark); }

/* Der hervorgehobene Kasten · etwa „diese Seite setzt keine Cookies". */
.recht-kasten {
  margin: 1.75rem 0;
  padding: clamp(1.15rem, 3vw, 1.6rem);
  border: 1px solid var(--hz-line);
  border-radius: var(--hz-radius-medium);
  background: var(--hz-white);
}
.recht-kasten :last-child { margin-bottom: 0; }

.recht-stand { margin-top: 2.5rem; color: var(--hz-muted-text); font-size: 0.875rem; }
.recht-klein { color: var(--hz-muted-text); font-size: 0.9375rem; }

/*
 * Das Widerrufsformular.
 *
 * Die Lückenzeilen sind zum Ausdrucken und Ausfüllen gedacht · sie
 * müssen also auf Papier sichtbar sein und nicht nur am Schirm.
 */
.recht-formular {
  margin: 1.75rem 0;
  padding: clamp(1.15rem, 3vw, 1.6rem);
  border: 1px solid var(--hz-line-strong);
  border-radius: var(--hz-radius-medium);
  background: var(--hz-white);
}
.recht-lueckenzeile {
  display: block;
  margin: 0.9rem 0;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid var(--hz-line-strong);
  min-height: 1.6rem;
}

@media print {
  .hz-kopfleiste, .hz-fuss, .recht-zurueck, .hz-sprungmarke { display: none; }
  body { background: #fff; }
  .recht-formular, .recht-kasten { border-color: #999; }
}