/* KI-Hinweis-Overlay auf Bootstrap-Package-Bildern (siehe Media/AiNotice.html). */
.jr-ai-notice {
  --jr-ai-notice-bg: rgba(255, 255, 255, 0.6);
  --jr-ai-notice-color: #000;
  --jr-ai-notice-gutter: 0.5rem;
  --jr-ai-notice-radius: 0.25rem;

  position: absolute;
  z-index: 1000;
  right: var(--jr-ai-notice-gutter);
  bottom: var(--jr-ai-notice-gutter);

  max-width: calc(100% - 2 * var(--jr-ai-notice-gutter));
  padding: 0.25rem var(--jr-ai-notice-gutter);
  border-radius: var(--jr-ai-notice-radius);

  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.2;
  color: var(--jr-ai-notice-color);

  background-color: var(--jr-ai-notice-bg);
}

figure.image {
  position: relative;
}