/* Version: 1.1 | 2026-09-30 | Kai: dezenter — nur runder „KI“-Punkt, Langtext bleibt für Screenreader/Suchmaschinen im DOM.
 * Version: 1.0 | 2026-09-30 | Zentrale KI-Kennzeichnung (EU-KI-Verordnung Art. 50) — Plakette .rk-ki-hinweis
 * Nutzung: <span class="rk-ki-hinweis">KI-generiert</span> als Kind eines Bild-/Video-Rahmens (position: relative
 * wird hier gesetzt, falls der Rahmen keine hat). Ecke per Modifier: --lo (unten links, Standard), --ro, --lu, --ru.
 * Werte nur über Token; Glas-Grund bleibt in Hell und Dunkel dunkel, Text hell → gut lesbar. */
:where(.rk-ki-host) { position: relative; }
.rk-ki-hinweis {
  position: absolute; z-index: 3; left: var(--rk-space-3, 12px); bottom: var(--rk-space-3, 12px);
  display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; padding: 0; overflow: hidden;
  border-radius: 50%; font-size: 0 !important; line-height: 0;
  background: var(--rk-glass-bg, rgba(10, 10, 9, .78)); color: var(--rk-on-media, #fafaf7);
  border: 1px solid var(--rk-on-media-line, rgba(250, 250, 247, .34));
  font-family: var(--rk-font, inherit); font-weight: var(--rk-fw-medium, 500);
  pointer-events: none; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
.rk-ki-hinweis::before {
  content: "KI"; font-size: 10.5px; line-height: 1; letter-spacing: .04em; color: var(--rk-on-media, #fafaf7);
}
.rk-ki-hinweis--ro { left: auto; right: var(--rk-space-3, 12px); }
.rk-ki-hinweis--lu { bottom: auto; top: var(--rk-space-3, 12px); }
.rk-ki-hinweis--ru { left: auto; right: var(--rk-space-3, 12px); bottom: auto; top: var(--rk-space-3, 12px); }
/* Rahmen um ein Video im Dialog: so breit wie das Video, Plakette darauf */
.rk-ki-wrap { position: relative; display: block; width: fit-content; max-width: 100%; margin-inline: auto; }
.rk-ki-wrap > video { display: block; }
@media (max-width: 480px) { .rk-ki-hinweis { width: 24px; height: 24px; } }