/* Rechtsseiten: Fließtext auf Vorhang, keine Kästen. */

.legal { max-width: 44rem; margin-inline: auto; padding: clamp(2.5rem, 7vw, 4.5rem) clamp(1.1rem, 5vw, 2rem) clamp(3rem, 8vw, 5rem); }

.back {
  display: inline-block; margin-bottom: clamp(2rem, 5vw, 3rem);
  font-family: var(--display); font-stretch: 112%;
  font-size: 0.78rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--bronze); text-decoration: none;
}
.back:hover { color: var(--bronze-deep); }

.legal h1 {
  margin: 0 0 2rem;
  font-family: var(--serif); font-weight: 500;
  font-size: clamp(2.6rem, 8vw, 3.6rem); line-height: 1;
  letter-spacing: -0.01em; color: var(--ink);
}
.legal h2 {
  margin: 2.6rem 0 0.5rem;
  font-family: var(--display); font-stretch: 112%;
  font-size: 0.72rem; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase;
  color: var(--bronze);
}
.legal p { margin: 0 0 1rem; color: var(--ink-soft); }
.legal a { color: var(--bronze); }
.legal address { font-style: normal; color: var(--ink-soft); }

.btn {
  display: inline-block; padding: 0.85rem 1.8rem; border-radius: 999px;
  background: var(--bronze); color: #fff !important; text-decoration: none;
  font-family: var(--display); font-stretch: 112%; font-weight: 800;
  font-size: 0.8rem; letter-spacing: 0.16em; text-transform: uppercase;
}

.legal__foot {
  margin-top: clamp(3rem, 8vw, 5rem); padding-top: 1.4rem; border-top: 1px solid var(--line);
  display: flex; flex-wrap: wrap; gap: 0.6rem 1.4rem; align-items: center;
}
.legal__foot a { font-size: 0.84rem; color: var(--ink-soft); text-decoration: none; }
.legal__foot a:hover { color: var(--bronze); }
.legal__foot p { margin: 0; flex-basis: 100%; font-size: 0.74rem; color: var(--ink-soft); }