.bg-light { background-color: #e6f5ff !important; }


.section-img {
  width: 100%;              /* volle Breite der Spalte */
  object-fit: cover;        /* Bild wird beschnitten, aber nicht verzerrt */
  display: block;           /* keine zusätzlichen Abstände */
}

.section-img-cover {
  display: block;
  width: 100%;
  height: auto;                 /* Höhe wird aus aspect-ratio berechnet */
  aspect-ratio: var(--ar, 12 / 5);
  object-fit: cover;            /* füllt den Rahmen, schneidet bei Bedarf */
  object-position: center;      /* Bild zentriert beschneiden */
}

video.section-img {
  display: block;
  width: 100%;
  height: auto;        /* Höhe wird aus aspect-ratio berechnet */
  aspect-ratio: 12 / 5;
  object-fit: cover;   /* keine Ränder; da Ratio passt, entsteht kein Crop */
}

.ratio-12x5 { width: 100%; aspect-ratio: 12 / 5; }
.ratio-12x5 > .media-fill { width:100%; height:100%; display:block; object-fit: cover; }