/* Responsive Bildmedien für Vorlagen- und Referenzkarten. */
.media-frame{
  display:grid;
  place-items:center;
  width:100%;
  aspect-ratio:3/2;
  overflow:hidden;
  border-radius:11px;
  border:1px solid var(--line);
  padding:8px;
  background:linear-gradient(145deg,#F6F9FD,#EAF1F8);
  box-shadow:0 2px 8px rgba(16,30,54,.06);
}
.media-frame img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center top;
  border-radius:7px;
  background:#fff;
}