ui: Info-Icons mit Hover-Tooltips an 6 Stellen

- CSS-only Tooltip-System (.info-icon mit data-tooltip Attribut)
- Modal: Art der Lage, Internationale Quellen, Telegram, Sichtbarkeit, Aufbewahrung
- Dashboard: Faktencheck-Kachel (erklärt Status-Kategorien)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/static/css/style.css

@@ -4863,3 +4863,62 @@ a.map-popup-article:hover {
 [data-theme="light"] .chat-message.assistant .chat-bubble {
     background: var(--bg-primary);
 }
+
+/* === Info-Icon Tooltips === */
+.info-icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 15px;
+    height: 15px;
+    border-radius: 50%;
+    border: 1px solid var(--text-disabled);
+    color: var(--text-disabled);
+    font-size: 9px;
+    font-weight: 600;
+    font-style: normal;
+    font-family: inherit;
+    cursor: help;
+    margin-left: 5px;
+    position: relative;
+    vertical-align: middle;
+    flex-shrink: 0;
+    transition: color 0.15s ease, border-color 0.15s ease;
+}
+.info-icon:hover {
+    color: var(--text-secondary);
+    border-color: var(--text-secondary);
+}
+.info-icon::after {
+    content: attr(data-tooltip);
+    position: absolute;
+    bottom: calc(100% + 8px);
+    left: 50%;
+    transform: translateX(-50%);
+    background: var(--bg-secondary);
+    color: var(--text-primary);
+    font-size: 11px;
+    font-weight: 400;
+    padding: 8px 12px;
+    border-radius: var(--radius);
+    border: 1px solid var(--border);
+    white-space: normal;
+    width: max-content;
+    max-width: 260px;
+    line-height: 1.4;
+    pointer-events: none;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.15s ease, visibility 0.15s ease;
+    z-index: 100;
+    box-shadow: var(--shadow-md);
+}
+.info-icon:hover::after {
+    opacity: 1;
+    visibility: visible;
+}
+/* Tooltip nach unten wenn oben kein Platz (Klasse .tooltip-below) */
+.info-icon.tooltip-below::after {
+    bottom: auto;
+    top: calc(100% + 8px);
+}