/* Modul „medium“ (MediumModul.tsx). Rahmen, Radius und Formate liefert der
   Baustein Medium (bausteine/medium.css); hier nur das Mobilformat und die
   randlose Breite. Nur Tokens; Breakpoint 768 (max 767). */

/* Randlos: Bild bis an die Fensterkante, ohne Rundung; Bildzeile behält den Seitenrand. */
.bb-m-medium.bb-sektion--randlos { --bb-medium-radius: 0; }
.bb-m-medium.bb-sektion--randlos .bb-medium-figur figcaption { padding-inline: var(--bb-rand); }

/* Mobilformat (formatMobil) unter 768 px. */
@media (max-width: 767px) {
  .bb-m-medium--mobil-1-1 .bb-m-medium__rahmen { aspect-ratio: 1; }
  .bb-m-medium--mobil-4-3 .bb-m-medium__rahmen { aspect-ratio: 4 / 3; }
  .bb-m-medium--mobil-3-2 .bb-m-medium__rahmen { aspect-ratio: 3 / 2; }
  .bb-m-medium--mobil-16-9 .bb-m-medium__rahmen { aspect-ratio: 16 / 9; }
  .bb-m-medium--mobil-21-9 .bb-m-medium__rahmen { aspect-ratio: 21 / 9; }
  .bb-m-medium--mobil-3-4 .bb-m-medium__rahmen { aspect-ratio: 3 / 4; }
}

/* ── Gemeinsam: KI-Kennzeichen und Bildunterzeile (website-astro site/aufbau/aufbau.css, Abschnitt 8) ── */
.bm-neu .bm-ki-zeichen {
  position: absolute;
  z-index: 1;
  display: block;
  height: 11px;
  width: auto;
  pointer-events: none;
}
/* Abstand nach rechts und unten: halbe Badgehöhe (11 px / 2). */
.bm-neu .bm-ki-zeichen--ecke { right: 5.5px; bottom: 5.5px; }
.bm-neu .bm-bildzeile {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.25rem 1.5rem;
  margin-top: 0.625rem;
  font-size: var(--bm-t-meta);
  line-height: var(--bm-zh-mittel);
  color: var(--bm-text-leise);
}
.bm-neu .bm-bildzeile__ki { margin-left: auto; font-size: var(--bm-t-mini); color: var(--bm-text-leise); }