/* =========================================================
   VAUN – KI-Kennzeichnung (EU AI Act Art. 50)
   Badge mit dem offiziellen EU-Icon an KI-generierten oder
   KI-bearbeiteten Bildern und Videos. Gesetzt von
   assets/js/vaun-ki.js, Konfiguration aus php/ki.php.
   ========================================================= */
.vaun-ki-badge {
  position: absolute;
  left: 12px;
  bottom: 12px;
  z-index: 20;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 9px 5px 6px;
  border-radius: 999px;
  background: rgba(10, 10, 12, 0.72);
  color: #fff;
  font: 600 11px/1.2 "Anybody", "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
  opacity: 0.88;
  transition: opacity 0.2s ease, transform 0.2s ease;
  pointer-events: auto;
  line-height: 0;
}
.vaun-ki-badge:hover,
.vaun-ki-badge:focus-visible {
  opacity: 1;
  color: #fff;
  transform: translateY(-1px);
  outline: 2px solid #7cffcb;
  outline-offset: 2px;
}
.vaun-ki-badge img {
  display: block;
  height: 18px;
  width: auto;
}
.vaun-ki-badge span {
  line-height: 1.2;
  padding-right: 2px;
}
/* Positionsvarianten (php/defaults/ki.json → "positions", je CSS-Selektor des Hosts) */
.vaun-ki-badge--top-left     { bottom: auto; top: 12px; }
.vaun-ki-badge--top-right    { bottom: auto; top: 12px; left: auto; right: 12px; }
.vaun-ki-badge--bottom-right { left: auto; right: 12px; }
/* Hero: unter der Navigation, nicht darueber */
.hero-video-wrap > .vaun-ki-badge--top-right { top: 120px; right: 28px; }

/* Kleine Kacheln (Galerie-Thumbs): nur das Icon */
.vaun-ki-badge--mini { padding: 4px; gap: 0; left: 6px; bottom: 6px; }
.vaun-ki-badge--mini span { display: none; }
.vaun-ki-badge--mini img { height: 14px; }

@media (max-width: 480px) {
  .vaun-ki-badge { left: 8px; bottom: 8px; padding: 4px 7px 4px 5px; font-size: 10px; }
  .vaun-ki-badge img { height: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .vaun-ki-badge { transition: none; }
}
/* Der Hinweis im Impressum */
.vaun-ki-hinweis { scroll-margin-top: 90px; }
.vaun-ki-hinweis ul { padding-left: 1.2em; }
.vaun-ki-hinweis .vaun-ki-badge { position: static; display: inline-flex; margin: 4px 0; }