/* Rechtsseiten: Fließtext, 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-size: 0.8rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--ice-dim); text-decoration: none;
}
.back:hover { color: var(--ice); }

.legal h1 {
  margin: 0 0 2rem;
  font-size: clamp(2rem, 7vw, 3rem); font-weight: 900; line-height: 1;
  text-transform: uppercase; letter-spacing: -0.025em;
}
.legal h2 {
  margin: 2.6rem 0 0.5rem;
  font-size: 0.74rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--ice-faint);
}
.legal p { margin: 0 0 1rem; color: var(--ice-dim); }
.legal p strong { color: var(--ice); font-weight: 700; }
.legal a { color: var(--ice); }
.legal address { font-style: normal; color: var(--ice-dim); }

.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(--ice-dim); text-decoration: none; }
.legal__foot a:hover { color: var(--ice); }
.legal__foot p { margin: 0; flex-basis: 100%; font-size: 0.74rem; color: var(--ice-faint); }
