/* =====================================================================
   Maifeld Live — Rechtstexte (Impressum, Datenschutz)
   Lange Fließtexte auf dem Teal-Grund: eine Spalte, ruhige Typo,
   keine Deko. Alles andere erbt style.css.
   ===================================================================== */

.legal {
  padding: clamp(7rem, 14vw, 10rem) 0 clamp(4rem, 9vw, 7rem);
}
.legal__inner { width: min(78ch, 100% - 2 * var(--gutter)); margin-inline: auto; }

.legal__kicker {
  font-family: var(--display); font-size: .8rem; letter-spacing: .16em;
  text-transform: uppercase; color: var(--gold); margin-bottom: .7rem;
}
.legal__title {
  font-size: clamp(2.4rem, 8vw, 4.5rem);
  margin-bottom: clamp(2rem, 5vw, 3rem);
}
.legal__updated {
  font-size: .88rem; color: var(--paper-dim);
  padding-bottom: clamp(1.6rem, 4vw, 2.4rem);
  border-bottom: 1px solid var(--line);
  margin-bottom: clamp(2rem, 5vw, 3rem);
}

/* body copy */
.legal h2 {
  font-family: var(--display); text-transform: uppercase;
  font-size: clamp(1.1rem, 2.6vw, 1.4rem); line-height: 1.15;
  color: var(--gold);
  margin-top: clamp(2.4rem, 5vw, 3.4rem); margin-bottom: .9rem;
}
.legal h3 {
  font-size: 1.02rem; font-weight: 700; color: var(--paper);
  margin-top: 1.8rem; margin-bottom: .5rem;
}
.legal p { font-size: 1rem; font-weight: 300; line-height: 1.65; color: var(--paper); }
.legal p + p { margin-top: .85rem; }
.legal a { color: var(--gold); text-decoration: underline; text-underline-offset: .2em; overflow-wrap: anywhere; }
.legal a:hover { color: var(--gold-light); }

.legal ul { margin: .85rem 0 0; display: grid; gap: .35rem; }
.legal li {
  position: relative; padding-left: 1.1rem;
  font-size: 1rem; font-weight: 300; line-height: 1.6; color: var(--paper);
}
.legal li::before {
  content: ""; position: absolute; left: 0; top: .68em;
  width: 5px; height: 5px; border-radius: 50%; background: var(--gold);
}

/* the address block in the Impressum */
.legal address {
  font-style: normal; font-weight: 300; line-height: 1.65;
  margin-top: .85rem;
}

/* the shouted DSGVO objection clause — kept as emphasis, not as a wall of caps */
.legal__shout {
  margin-top: 1rem; padding: 1.1rem 1.2rem;
  border-left: 2px solid var(--gold); background: rgba(246, 190, 35, .06);
  border-radius: 0 10px 10px 0;
}
.legal__shout p { font-size: .95rem; }

/* back link at the foot of the text */
.legal__back { margin-top: clamp(2.5rem, 6vw, 4rem); }