/* Oeffentliche Rechtsseiten /impressum/ und /datenschutz/ (16.10.2026) - gleiche Optik wie die Tor-Seite. */
:root { color-scheme: light; }
html, body { margin: 0; background: #fff; }
body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: #18181b; }
main { width: min(92vw, 640px); margin: 0 auto; padding: 24px 0 48px; display: flex; flex-direction: column; gap: 24px; }
.zurueck { align-self: flex-start; display: inline-flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 500; color: #52525b; text-decoration: none; padding: 6px 12px; border: 1px solid #e4e4e7; border-radius: 8px; background: #fff; }
.zurueck:hover { color: #18181b; border-color: #a1a1aa; }
.logo { align-self: center; margin-top: -8px; }
.logo img { width: min(60vw, 260px); height: auto; display: block; user-select: none; -webkit-user-drag: none; }
footer { font-size: 12.5px; color: #71717a; text-align: center; }
footer a { color: #71717a; text-decoration: none; }
footer a:hover { color: #18181b; text-decoration: underline; text-underline-offset: 3px; }
.mq-rechtstext { font-size: 14px; line-height: 1.65; color: #3f3f46; }
.mq-rechtstext h1 { font-size: 22px; font-weight: 600; color: #18181b; margin: 0 0 12px; }
.mq-rechtstext h2 { font-size: 15px; font-weight: 600; color: #18181b; margin: 20px 0 6px; }
.mq-rechtstext p { margin: 0 0 10px; }
.mq-rechtstext ul { margin: 0 0 10px; padding-left: 20px; }
.mq-rechtstext a { color: #0369a1; text-decoration: underline; text-underline-offset: 3px; }
.mq-rechtstext .platzhalter { background: #fef3c7; color: #92400e; padding: 0 4px; border-radius: 4px; }