/* Mini Cafe · Fassung 2 · Rechtstexte (Impressum, Datenschutzerklärung). Nur Farben/Größen der Seite (basis.css). 08.11.2026 L1 */
.recht { padding: var(--a-6) var(--rand) var(--a-16); max-width: calc(70ch + 2 * var(--rand)); margin-inline: 0; font-size: var(--gr-text); line-height: 1.6; overflow-wrap: anywhere; }
@media (min-width: 900px) { .recht { margin-inline: auto; } .seitenkopf { max-width: calc(70ch + 2 * var(--rand)); margin-inline: auto; } }
.recht h2 { font-size: var(--gr-titel-3); margin: var(--a-10) 0 var(--a-3); }
.recht h2:first-child { margin-top: 0; }
.recht p, .recht ul, .recht blockquote, .recht .recht-tabelle { margin: 0 0 var(--a-4); }
.recht ul { padding-left: 1.3em; list-style: disc; }
.recht li { margin-bottom: var(--a-2); }
.recht a { color: var(--link); text-decoration: underline; text-decoration-color: var(--link-linie); text-underline-offset: 3px; }
.recht blockquote { padding: var(--a-3) var(--a-4); background: var(--flaeche); border-left: 4px solid var(--haupt); border-radius: 4px; }
.recht blockquote p { margin: 0; }
.recht code { font-size: .92em; background: var(--flaeche-tief); padding: 1px 5px; border-radius: 4px; }
.recht-tabelle { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.recht table { border-collapse: collapse; width: 100%; min-width: 420px; font-size: var(--gr-klein); line-height: 1.45; }
.recht th, .recht td { text-align: left; vertical-align: top; padding: var(--a-2) var(--a-3); border-bottom: 1px solid var(--c-beige-rand); }
.recht th { font-weight: var(--gewicht-stark); }
/* 【ZU KLÄREN】: bleibt sichtbar, dezent gelblich */
mark.klaeren { background: #FBEFB5; color: var(--c-schwarz); padding: 1px 4px; border-radius: 3px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
html[data-look="dunkel"] mark.klaeren { background: #5A4A12; color: #FFF3C4; }
/* Hinweis nur auf Englisch: leer auf Deutsch, wird von seite.js (data-en) gefüllt */
.recht-en-hinweis { font-weight: var(--gewicht-stark); }
.recht-en-hinweis:empty { display: none; }
#nachweis { scroll-margin-top: calc(var(--kopf-klebt, 72px) + 16px); }
/* 404-Seite (W2b): Knöpfe auf dem Handy untereinander */
@media (max-width:420px){ body[data-seite="404"] .seitenkopf .knopf{display:block;margin:0 0 14px;padding:14px 20px;text-align:center} }