/* Boxenfunk — Rechtstexte (impressum.html, datenschutz.html, api.html; Plan 2026-10-01,
   Schritt 6). Wird nur bei gewaehlter Variante von js/preview/rechtstexte.js geladen
   (zusammen mit design-boxenfunk.css + boxenfunk/grund.css). Nur Schrift und Farben,
   keine Abstaende: der Text bleibt, wie er rechtlich abgestimmt ist. */

html[data-design="boxenfunk"] .legal { font-family: var(--bf-text); color: var(--bf-ink); }
html[data-design="boxenfunk"] .legal h1 {
  font-family: var(--bf-display); font-weight: 800; font-style: italic; text-transform: uppercase; letter-spacing: .01em; color: #fff;
}
html[data-design="boxenfunk"] .legal h2 {
  font-family: var(--bf-display); font-weight: 800; font-style: italic; text-transform: uppercase; letter-spacing: .02em;
  color: var(--bf-gelb); border-top: 3px solid var(--bf-knopf);
}
html[data-design="boxenfunk"] .legal h3 { font-family: var(--bf-display); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
html[data-design="boxenfunk"] :is(.legal p, .legal li, .legal__lead) { color: var(--bf-ink-dim); }
html[data-design="boxenfunk"] .legal strong { color: #fff; }
html[data-design="boxenfunk"] :is(.legal a, .legal__back:hover) { color: var(--bf-gelb); }
html[data-design="boxenfunk"] .legal__back {
  font-family: var(--bf-display); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--bf-ink-dim);
}
html[data-design="boxenfunk"] .legal__box {
  border: 0; border-radius: 0; background: var(--bf-panel); box-shadow: inset 4px 0 0 var(--bf-gelb);
}
html[data-design="boxenfunk"] .legal__todo { border-radius: 0; font-family: var(--bf-display); }
html[data-design="boxenfunk"] .legal__meta { font-family: var(--bf-display); font-weight: 600; color: #8f9ab0; border-top: 3px solid var(--bf-knopf); }

/* API-Seite */
html[data-design="boxenfunk"] .apidocs h2 { border-top: 3px solid var(--bf-knopf); }
html[data-design="boxenfunk"] .api-tablewrap { border: 0; border-radius: 0; background: var(--bf-panel); }
html[data-design="boxenfunk"] .api-table th {
  font-family: var(--bf-display); font-weight: 800; letter-spacing: .1em; color: var(--bf-ink);
  background: var(--bf-knopf); border-bottom: 3px solid var(--bf-gelb);
}
html[data-design="boxenfunk"] .api-table td { border-bottom: 2px solid var(--bf-bg); }
html[data-design="boxenfunk"] .api-group td { font-family: var(--bf-display); font-weight: 800; font-style: italic; font-size: 13px; color: var(--bf-gelb); }
html[data-design="boxenfunk"] .apidocs code { border: 0; border-radius: 0; background: var(--bf-knopf); }
html[data-design="boxenfunk"] .api-verb { border-radius: 0; border-color: var(--bf-gelb); color: var(--bf-gelb); background: color-mix(in srgb, var(--bf-gelb) 14%, transparent); }
html[data-design="boxenfunk"] .api-verb--get { border-color: var(--bf-gut); color: var(--bf-gut); background: color-mix(in srgb, var(--bf-gut) 12%, transparent); }
html[data-design="boxenfunk"] .api-code { border: 0; border-radius: 0; background: var(--bf-panel); box-shadow: inset 4px 0 0 var(--bf-gelb); }
/* Schriftboden 13 px (Heute: Code 0,9 em = 11,9 px, Hinweise 0,88 em). */
html[data-design="boxenfunk"] :is(.apidocs code, .api-muted, .api-verb) { font-size: 13px; }