/* Custom CSS theme */
@charset "UTF-8";
/* Hauptkategorien zwingen, in einer Reihe nebeneinander zu stehen */
.ec-grid__cell--category {
  max-width: 160px !important;
  display: inline-block !important;
  margin: 8px !important;
  vertical-align: top !important;
  position: relative !important;
  /* Wichtig für die Text-Platzierung */
}

/* Die Kategorie-Bild-Box verkleinern und fixieren */
.ec-grid__cell--category .ec-grid-item__image-wrap {
  height: 110px !important;
  max-height: 110px !important;
  overflow: hidden !important;
  position: relative !important;
}

/* Das eigentliche Bild zwingen, sichtbar zu sein und die Box auszufüllen */
.ec-grid__cell--category .ec-grid-item__image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  /* Schneidet das Bild passend zu, ohne es zu verzerren */
  display: block !important;
}

/* Text DIREKT AUF DAS BILD legen */
.ec-grid-item__title {
  position: absolute !important;
  bottom: 10px !important;
  /* Abstand zum unteren Bildrand */
  left: 0 !important;
  right: 0 !important;
  font-size: 14px !important;
  text-align: center !important;
  color: #ffffff !important;
  /* Weiße Schriftart für besseren Kontrast */
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7) !important;
  /* Schatten für Lesbarkeit */
  font-weight: bold !important;
  z-index: 2 !important;
}