/* Rechtsseiten (Impressum, Datenschutz): schlicht, lesbar, Systemschrift, funktioniert auch auf altem iOS */
html, body { height: 100%; margin: 0; }
body { background: #0b0e12; color: #e8edf3; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 15px; line-height: 1.55; -webkit-text-size-adjust: 100%; }
.legal { max-width: 760px; margin: 0 auto; padding: 24px 20px 60px 20px; }
h1 { font-size: 26px; margin: 8px 0 4px 0; }
h2 { font-size: 17px; margin: 26px 0 6px 0; padding-bottom: 4px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
p, ul { margin: 6px 0 10px 0; }
ul { padding-left: 20px; }
li { margin: 3px 0; }
a { color: #22d3ee; text-decoration: none; }
a:hover { text-decoration: underline; }
.back { font-size: 14px; margin: 0 0 12px 0; }
.muted { color: #8b95a3; }
.small { font-size: 13px; }
table { width: 100%; border-collapse: collapse; margin: 8px 0 12px 0; font-size: 14px; table-layout: fixed; }
th, td { text-align: left; vertical-align: top; padding: 6px 8px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); word-wrap: break-word; }
th { color: #8b95a3; font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: 0.4px; }
strong { font-weight: 600; }
@media (max-width: 600px) {
  body { font-size: 14px; }
  .legal { padding: 16px 14px 40px 14px; }
  table, thead, tbody, tr, th, td { display: block; }
  th { display: none; }
  td { padding: 3px 0; border: none; }
  tr { padding: 8px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
}

/* --- Hilfe-Seite: echte Symbole, Schilder und Farben des Radars (gleiche Werte wie in style.css) --- */
.faq-legend { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 6px -6px 10px -6px; }
.faq-legend > div { width: 33.333%; padding: 6px; font-size: 13px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; min-width: 0; }
.faq-legend > div > span:last-child { margin-left: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.faq-legend.faq-tags > div { width: 50%; }
.faq-ac { -webkit-flex: none; flex: none; vertical-align: middle; }
.faq-tag { display: inline-block; font-size: 10px; font-weight: 700; padding: 1px 6px; border-radius: 3px; background: #e879f9; color: #000; letter-spacing: 0.2px; vertical-align: middle; white-space: nowrap; }
.faq-tag.first { background: transparent; color: #22c55e; border: 1px solid rgba(34, 197, 94, 0.55); }
.faq-tag.pattern { background: #60a5fa; color: #061426; }
.faq-tag.mil { background: #d61f33; color: #fff; }
.faq-tag.police { background: #4f8cff; color: #fff; }
.faq-badge { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 0.3px; padding: 2px 8px; border-radius: 3px; background: rgba(8, 10, 14, 0.72); border: 1px solid rgba(255, 255, 255, 0.12); color: #e8edf3; vertical-align: middle; white-space: nowrap; }
.faq-badge.mil { background: #d61f33; color: #fff; } .faq-badge.rescue { background: #ff8a1f; color: #000; } .faq-badge.emerg { background: #d61f33; color: #fff; }
.faq-pill { display: inline-block; border-radius: 4px; padding: 2px 8px; font-size: 11px; font-weight: 800; letter-spacing: 0.3px; vertical-align: middle; }
.faq-pill.live { background: #22c55e; color: #04110a; } .faq-pill.dvr { background: #f59e0b; color: #1a1200; } .faq-pill.offline { background: #d61f33; color: #fff; }
.faq-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin: 0 4px 0 2px; vertical-align: middle; }
.faq-dot.civil { background: #f5b727; } .faq-dot.mil { background: #ff3b4f; } .faq-dot.rescue { background: #ff8a1f; } .faq-dot.police { background: #4f8cff; } .faq-dot.interest { background: #e879f9; }
.faq-chip { display: inline-block; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 6px; padding: 2px 10px; font-size: 12px; font-weight: 600; vertical-align: middle; }
.faq-chip.emerg { border-color: #ff1f3d; background: rgba(214, 31, 51, 0.55); color: #fff; }
.faq-btn { display: inline-block; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 6px; padding: 3px 10px; font-size: 12px; font-weight: 700; background: rgba(255, 255, 255, 0.06); vertical-align: middle; }
.faq-btn.primary { background: #f5b727; color: #1a1200; border-color: transparent; }
.faq-rwy { display: inline-block; background: rgba(255, 255, 255, 0.08); padding: 1px 8px; border-radius: 6px; font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 12px; vertical-align: middle; }
.faq-rwy.obs { background: rgba(245, 183, 39, 0.16); color: #f5b727; }
.faq-toast { display: inline-block; border: 1px solid rgba(255, 255, 255, 0.12); border-left: 4px solid #f5b727; border-radius: 6px; padding: 4px 10px; font-size: 12px; background: #11151b; vertical-align: middle; }
.faq-good { color: #22c55e; font-weight: 700; } .faq-warn { color: #f59e0b; font-weight: 700; } .faq-bad { color: #ff3b4f; font-weight: 700; }
.faq-trail { display: inline-block; width: 120px; height: 4px; border-radius: 2px; vertical-align: middle; background: #ebd913; background: -webkit-linear-gradient(left, #ebd913, #13eb13, #13ebc7, #3884ee, #835ef1, #d95ef1); background: linear-gradient(90deg, #ebd913, #13eb13, #13ebc7, #3884ee, #835ef1, #d95ef1); }
.faq-home { display: inline-block; width: 22px; height: 22px; border-radius: 50%; border: 2px solid #22d3ee; background: rgba(34, 211, 238, 0.14); position: relative; vertical-align: middle; margin-right: 4px; }
.faq-home::after { content: ''; position: absolute; left: 5px; top: 5px; width: 8px; height: 8px; border-radius: 50%; background: #22d3ee; border: 2px solid #0b0e12; }
.faq-nav { font-size: 13px; line-height: 2; }
.faq-nav a { display: inline-block; min-width: 22px; text-align: center; margin-right: 2px; }
.faq-letter { font-size: 13px; color: #8b95a3; margin: 18px 0 2px 0; padding-bottom: 2px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
dl.faq dt { font-weight: 700; margin-top: 10px; }
dl.faq dd { margin: 2px 0 0 0; }
.faq-sample { font-weight: 400; margin-left: 8px; font-size: 13px; }
.faq-sample b { font-weight: 700; }
kbd { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 12px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 4px; padding: 0 5px; }
@media (max-width: 600px) { .faq-legend > div, .faq-legend.faq-tags > div { width: 50%; } }

.faq-apt { display: inline-block; width: 18px; height: 18px; border-radius: 50%; background: #2b6cb0; border: 2px solid #0b0e12; vertical-align: middle; }
.faq-ring { display: inline-block; width: 26px; height: 26px; border-radius: 50%; border: 2px dashed #22d3ee; vertical-align: middle; }
.faq-border { display: inline-block; width: 40px; height: 0; border-top: 2px solid #fbcfe8; box-shadow: 0 0 0 4px #8f2a4a; vertical-align: middle; }
.faq-border.state { border-top: 2px dashed #9ca3af; box-shadow: none; }

.faq-legend > div { box-sizing: border-box; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.faq-legend > div > span:last-child { white-space: normal; overflow: visible; }
.faq-pill + .faq-pill { margin-left: 4px; }
/* Hilfe: je Buchstabe ein eigenes dl hinter der Überschrift (13.10.2026, gültiges HTML). Ohne oberen Rand bleibt der Abstand Überschrift → erster Begriff wie vorher (2 px / 10 px statt 15 px); unten fällt der Rand mit den 18 px der nächsten Überschrift zusammen */
dl.faq { margin-top: 0; }
/* Notfall-Schild weiß mit rotem Rand (19.10.2026), wie im Radar */
.faq-badge.emerg { background: #fff; color: #d61f33; box-shadow: inset 0 0 0 1.5px #d61f33; }
/* Grenzen violett (20.10.2026), wie im Radar */
.faq-border { border-top-color: #e2c6ee; border-top-style: dashed; box-shadow: 0 0 0 4px #453855; }
.faq-border.state { border-top-color: #b98cc9; border-top-style: dashed; box-shadow: none; }