/* Rechtsseiten: schlicht, gleiche Farben und Schriften wie die Startseite */
@import url(/styles.css);
.legal { max-width: 760px; margin: 0 auto; padding: 120px 24px 80px; }
.legal h1 { font-size: clamp(2.2rem, 5vw, 3.2rem); text-transform: uppercase; margin-bottom: 24px; }
.legal h2 { font-size: 1.6rem; margin: 36px 0 10px; color: var(--gold); }
.legal p, .legal li { color: var(--muted); margin: 0 0 12px; }
.legal address { font-style: normal; color: var(--text); line-height: 1.6; }
.legal .note { border: 1px solid rgba(98, 227, 255, 0.3); border-radius: 12px; padding: 14px 18px; margin: 28px 0; }
.legal .todo { background: rgba(242, 199, 102, 0.18); color: var(--gold); padding: 0 4px; border-radius: 4px; }
.legal-head { position: fixed; inset: 0 0 auto 0; background: rgba(10, 15, 28, 0.92); border-bottom: 1px solid var(--line); z-index: 10; }
.legal-head .wrap { display: flex; align-items: center; height: 64px; gap: 16px; }
.legal-head img { width: 110px; height: auto; }
.legal-head a.back { margin-left: auto; color: var(--text); text-decoration: none; font: 600 1rem var(--head); text-transform: uppercase; letter-spacing: 0.06em; }