@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 500; font-display: swap; src: url("/manus-storage/montserrat-500_5a96de24.ttf") format("truetype"); }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 600; font-display: swap; src: url("/manus-storage/montserrat-600_c631fc10.ttf") format("truetype"); }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 700; font-display: swap; src: url("/manus-storage/montserrat-700_34a17261.ttf") format("truetype"); }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 800; font-display: swap; src: url("/manus-storage/montserrat-800_e48a47a5.ttf") format("truetype"); }
@font-face { font-family: "Public Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("/manus-storage/public-sans-400_2c82f89e.ttf") format("truetype"); }
@font-face { font-family: "Public Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("/manus-storage/public-sans-500_3509776f.ttf") format("truetype"); }
@font-face { font-family: "Public Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("/manus-storage/public-sans-600_b0b4b090.ttf") format("truetype"); }
@font-face { font-family: "Public Sans"; font-style: italic; font-weight: 400; font-display: swap; src: url("/manus-storage/public-sans-italic-400_1b1d9136.ttf") format("truetype"); }

:root {
  --anthrazit: #282a2a;
  --anthrazit-2: #1d1f1f;
  --creme: #ede7de;
  --creme-2: #e3dbcf;
  --sand: #cdbfae;
  --walnuss: #6b5538;
  --orange: #e8892b;
  --text: "Public Sans", "Montserrat", system-ui, sans-serif;
  --display: "Montserrat", system-ui, sans-serif;
}

* { box-sizing: border-box; }
html, body { max-width: 100%; overflow-x: hidden; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--creme); color: var(--anthrazit-2); font-family: var(--text); font-size: 17px; line-height: 1.65; }
img, svg { display: block; max-width: 100%; }
a { color: inherit; text-underline-offset: 0.16em; }
a:focus-visible { outline: 3px solid var(--orange); outline-offset: 3px; }
.legal-header { background: var(--anthrazit); color: var(--creme); }
.legal-header__inner, .legal-content, .legal-footer__inner { width: min(860px, calc(100% - 2.5rem)); min-width: 0; margin: 0 auto; }
.legal-header__inner { min-height: 76px; display: flex; align-items: center; gap: 1rem; text-decoration: none; }
.legal-header img { width: 84px; height: auto; }
.legal-header span, .eyebrow { font-family: var(--display); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; }
.legal-header span { opacity: 0.72; }
.legal-content { padding: 4.5rem 0 5rem; }
.eyebrow { color: var(--orange); margin: 0 0 0.8rem; }
h1, h2 { max-width: 100%; overflow-wrap: anywhere; hyphens: auto; font-family: var(--display); line-height: 1.12; letter-spacing: -0.02em; }
h1 { max-width: 15ch; margin: 0; font-size: clamp(2.4rem, 6vw, 4.6rem); }
h2 { margin: 2.75rem 0 0.8rem; font-size: clamp(1.3rem, 3vw, 1.7rem); }
p, li { max-width: 72ch; overflow-wrap: anywhere; hyphens: auto; }
.legal-lead { margin: 1.25rem 0 2rem; color: var(--walnuss); font-size: 1.08rem; }
.legal-note { padding: 1.25rem 1.4rem; border-left: 4px solid var(--orange); background: var(--creme-2); color: var(--walnuss); }
.legal-list { padding-left: 1.25rem; }
.back-link { display: inline-flex; margin-top: 2.5rem; color: var(--walnuss); font-family: var(--display); font-size: 0.8rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }
.legal-footer { background: var(--anthrazit-2); color: rgba(237, 231, 222, 0.78); }
.legal-footer__inner { padding: 2rem 0; font-size: 0.9rem; }
.legal-footer__links { display: grid; gap: .35rem; }
.legal-footer__links a { display: block; overflow-wrap: anywhere; }
.legal-footer a { color: var(--creme); }
@media (max-width: 620px) { .legal-header__inner, .legal-content, .legal-footer__inner { width: calc(100% - 1.7rem); } .legal-header__inner { min-height: 66px; } .legal-header span { display: none; } .legal-content { padding-top: 3rem; } h1 { font-size: clamp(2rem, 10vw, 2.7rem); line-height: 1.06; } }