/* Styling for legal pages (Impressum, Datenschutz) */
.legal { padding: clamp(2.5rem, 5vw, 4.5rem) 0 4rem; }
.legal__inner { max-width: 780px; }
.legal h1 { margin-bottom: 1.5rem; }
.legal h2 { font-family: var(--font-display); font-size: 1.4rem; color: var(--forest-deep); margin: 2.2rem 0 .6rem; }
.legal p { color: var(--ink-soft); }
.legal a { color: var(--terracotta-d); text-decoration: underline; }
.legal__note {
  background: var(--cream); border: 1px solid var(--line); border-left: 4px solid var(--ochre);
  border-radius: 12px; padding: 1.1rem 1.3rem; margin-bottom: 2rem; font-size: .94rem; color: var(--ink-soft);
}
.legal__note code { background: rgba(47,61,49,.08); padding: .1em .4em; border-radius: 5px; font-size: .9em; }
.legal__back { margin-top: 2.5rem; font-weight: 600; }
.legal__back a { text-decoration: none; }