/* ================================================================
   HF Raumklar — Impressum & Datenschutz styles
   ================================================================ */

.lg-hero { padding: clamp(56px, 8vw, 120px) 0 clamp(28px, 4vw, 52px); background: var(--bg); border-bottom: 1px solid var(--line); }
.lg-hero h1 { font-size: clamp(40px, 6vw, 80px); line-height: 1.0; letter-spacing: -.04em; font-weight: 700; margin: 24px 0 0; }
.lg-stand { font-size: 13px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); font-weight: 600; margin-top: 18px; }

.lg-body { padding: clamp(40px, 6vw, 80px) 0 clamp(64px, 8vw, 120px); background: var(--bg); }
.lg-wrap { max-width: 820px; }
.lg-body h2 {
  font-size: clamp(22px, 2.6vw, 30px); font-weight: 700; letter-spacing: -.02em;
  margin: 48px 0 14px; padding-top: 28px; border-top: 1px solid var(--line);
}
.lg-wrap > h2:first-child { margin-top: 0; padding-top: 0; border-top: none; }
.lg-body h3 { font-size: 17px; font-weight: 700; letter-spacing: -.01em; margin: 26px 0 8px; color: var(--ink); }
.lg-body p { font-size: 15.5px; line-height: 1.75; color: var(--ink-2); margin: 0 0 16px; }
.lg-body p b { color: var(--ink); font-weight: 700; }
.lg-body ul { margin: 0 0 16px; padding-left: 22px; }
.lg-body li { font-size: 15.5px; line-height: 1.75; color: var(--ink-2); margin: 0 0 8px; }
.lg-body li b { color: var(--ink); font-weight: 700; }
.lg-body a { color: var(--orange); text-decoration: underline; text-underline-offset: 2px; }
.lg-body a:hover { color: var(--ink); }