/* KONTUR CMS 0.9.0.16
   Bildkarten: echte Rasterdarstellung ueber die volle globale Modulbreite.
   Vier Karten passen auf Desktop nebeneinander. Die Karten bleiben gleich breit,
   Bilder skalieren proportional und der weisse Textbereich waechst mit dem Inhalt. */

body:not(.cms-admin) .cms-image-card-grid,
.preview .cms-image-card-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(16px, 1.5vw, 24px) !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body:not(.cms-admin) .cms-image-card-grid > .entry-card,
.preview .cms-image-card-grid > .entry-card {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

body:not(.cms-admin) .cms-image-card-grid > .entry-card > img,
.preview .cms-image-card-grid > .entry-card > img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  flex: 0 0 auto !important;
}

body:not(.cms-admin) .cms-image-card-grid > .entry-card > .entry-body,
.preview .cms-image-card-grid > .entry-card > .entry-body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
}

body:not(.cms-admin) .cms-image-card-grid > .entry-card > .entry-body > p,
.preview .cms-image-card-grid > .entry-card > .entry-body > p {
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
}

@media (max-width: 1099px) {
  body:not(.cms-admin) .cms-image-card-grid,
  .preview .cms-image-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  body:not(.cms-admin) .cms-image-card-grid,
  .preview .cms-image-card-grid {
    grid-template-columns: 1fr !important;
  }
}