/* SEE-IT-Service 4.10.3 – gezielte Frontendkorrekturen ohne Redesign der Basis. */

/* Startseite / Aktuelles: vollständiges Motiv zeigen. Der vorhandene Hintergrund
   füllt Restflächen, während das eigentliche Bild nicht mehr hart beschnitten wird. */
section.blog-teaser.seeit-news-overview .teaser-wrapper .teaser-item .bg-img {
  position: relative;
  height: auto;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #eaf0f4;
}
section.blog-teaser.seeit-news-overview .teaser-wrapper .teaser-item .bg-img > a {
  display: block;
  width: 100%;
  height: 100%;
}
section.blog-teaser.seeit-news-overview .teaser-wrapper .teaser-item .bg-img img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  object-fit: contain !important;
  object-position: center center !important;
}

/* Startseite / abgeschlossene Reparaturen: der erste Werkstattfall war bewusst
   hervorgehoben, dadurch aber deutlich größer als die beiden anderen. Auf der
   Startseite werden alle drei Fälle nun gleichwertig und kompakt dargestellt. */
@media (min-width: 1101px) {
  .seeit-showcase--home.seeit-showcase--repairs .seeit-workshop-cases--home {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
  }
  .seeit-showcase--home.seeit-showcase--repairs .seeit-workshop-cases--home .seeit-workshop-case.is-featured {
    grid-column: auto;
    grid-row: auto;
  }
  .seeit-showcase--home.seeit-showcase--repairs .seeit-workshop-cases--home .seeit-workshop-case__media,
  .seeit-showcase--home.seeit-showcase--repairs .seeit-workshop-cases--home .seeit-workshop-case.is-featured .seeit-workshop-case__media {
    min-height: 0;
    max-height: none;
    aspect-ratio: 16 / 10;
  }
  .seeit-showcase--home.seeit-showcase--repairs .seeit-workshop-cases--home .seeit-workshop-case__content {
    justify-content: flex-start;
  }
}

@media (min-width: 761px) and (max-width: 1100px) {
  .seeit-showcase--home.seeit-showcase--repairs .seeit-workshop-case__media,
  .seeit-showcase--home.seeit-showcase--repairs .seeit-workshop-case.is-featured .seeit-workshop-case__media {
    min-height: 0;
    aspect-ratio: 16 / 9;
  }
}