/* Impressum und Datenschutz — gemeinsame Seiten-Datei zum Leiterbahn-Design (v2.1).
   Ersetzt die eingebetteten <style>-Blöcke. Kopfleiste, Fuß, Lese-Rahmen samt Links, Code und Sprungzielen
   kommen aus circuit-site.min.css (v1.4, Abschnitt 13). */
body.x-legal { margin:0; background:var(--x-bg); color:var(--x-ink); font-family:var(--x-font-ui); font-size:var(--x-fs-body); line-height:var(--x-lh-prose); }

/* R3 Seitenpfad: ruhige Zeile */
.legal-main { padding:0 16px; }
.legal-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; max-width:760px; margin:28px auto 0; font-size:var(--x-fs-ui); color:var(--x-ink-soft); }
.legal-breadcrumb a { color:var(--x-cyan-doc); text-underline-offset:4px; }

/* R4 Lese-Rahmen für langen Text */
.x-legal .legal-frame { display:block; margin:20px auto 48px; overflow-wrap:break-word; }
.legal-frame > :first-child { margin-top:0; }
.legal-frame p,.legal-frame li { margin:0 0 1em; font-size:var(--x-fs-body); line-height:1.7; }
.legal-frame ul,.legal-frame ol { margin:0 0 1em; padding-left:1.4em; }
.legal-frame li { margin-bottom:.5em; }

/* R5 Überschriften über Tokens */
.legal-frame h1 { margin:0 0 1.2rem; font:700 clamp(28px, 4.2vw, var(--x-fs-h1))/var(--x-lh-head) var(--x-font-ui); color:var(--x-ink-bright); text-wrap:balance; }
.legal-frame h2 { margin:2.4rem 0 .8rem; font-size:var(--x-fs-h2); line-height:var(--x-lh-head); color:var(--x-ink-bright); }
.legal-frame h3 { margin:1.8rem 0 .6rem; font-size:var(--x-fs-h3); line-height:var(--x-lh-head); color:var(--x-ink-bright); }

@media (max-width:600px) {
  .x-legal .legal-frame { margin-bottom:32px; padding:22px 18px; }
}

/* R12 Druck: hell, ohne Kopfleiste und Fuß */
@media print {
  body.x-legal { background:#fff; color:#111; }
  .legal-breadcrumb { display:none !important; }
  .legal-main { padding:0; }
  .x-legal .legal-frame { max-width:none; margin:0; padding:0; border:0 !important; background:#fff !important; box-shadow:none !important; }
  .legal-frame h1,.legal-frame h2,.legal-frame h3,.legal-frame p,.legal-frame li { color:#111 !important; }
  .legal-frame a { color:#111 !important; }
  .legal-frame code { background:#eee !important; }
  .legal-frame h2,.legal-frame h3 { break-after:avoid; }
}