@charset "UTF-8";
/* ============================================================
   legal-page.css — Impressum & Datenschutzerklärung
   Requires base.css to be loaded first.
   ============================================================ */

:root { --max: 900px; }

main { max-width: var(--max); margin: 0 auto; padding: 72px 56px 120px; }

h1 { font-family: var(--serif); font-size: clamp(2rem, 4vw, 2.8rem); color: var(--blue); margin-bottom: 16px; line-height: 1.15; }
.intro { font-size: 1.02rem; color: var(--muted); margin-bottom: 48px; }

h2 { font-family: var(--serif); font-size: 1.55rem; color: var(--blue); margin: 52px 0 16px; line-height: 1.3; }
h3 { font-family: var(--serif); font-size: 1.2rem; color: var(--blue); margin: 30px 0 12px; line-height: 1.3; }
p, li { font-size: .98rem; color: var(--muted); margin-bottom: 14px; line-height: 1.7; }
ul { margin: 0 0 14px 20px; }
a { color: var(--blue); word-break: break-word; }
a:hover { color: var(--orange); }

.note {
  background: #fdf3e0;
  border-left: 3px solid var(--orange);
  padding: 18px 22px;
  margin: 16px 0 28px;
  font-size: .92rem;
  color: var(--dark);
}

footer { background: var(--blue); padding: 40px 56px; margin-top: 60px; text-align: center; }
footer p { color: rgba(255,255,255,.6); font-size: .8rem; margin: 0; }
footer a { color: rgba(255,255,255,.8); }

@media (max-width: 700px) {
  main { padding: 48px 24px 80px; }
}