#fahrplan.hero-schedule .mini-schedule-grid.mini-schedule-today,
#fahrplan.hero-schedule + .hero-schedule .mini-schedule-grid.mini-schedule-tomorrow {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px 4px !important;
  width: 100% !important;
  max-width: 100% !important;
}

#fahrplan.hero-schedule:has(.mini-schedule-grid.mini-schedule-today) .mini-schedule-grid.mini-schedule-today > .hero-schedule-row,
#fahrplan.hero-schedule + .hero-schedule:has(.mini-schedule-grid.mini-schedule-tomorrow) .mini-schedule-grid.mini-schedule-tomorrow > .hero-schedule-row {
  display: flex !important;
  flex-direction: column !important;
  flex: none !important;
  align-items: center !important;
  justify-content: flex-start !important;
  grid-area: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 118px !important;
  padding: 4px 0 !important;
  text-align: center !important;
}

#fahrplan.hero-schedule .mini-schedule-grid.mini-schedule-today .hero-schedule-row > span,
#fahrplan.hero-schedule + .hero-schedule .mini-schedule-grid.mini-schedule-tomorrow .hero-schedule-row > span {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 3px !important;
  width: 100% !important;
}

#fahrplan.hero-schedule .mini-schedule-grid.mini-schedule-today .schedule-program-title,
#fahrplan.hero-schedule + .hero-schedule .mini-schedule-grid.mini-schedule-tomorrow .schedule-program-title {
  display: block !important;
  width: 100% !important;
  color: #e9e342 !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  overflow-wrap: anywhere;
  text-align: center !important;
}

.hero-art > #fahrplan.hero-schedule + .hero-schedule,
.hero-art-stack > #fahrplan.hero-schedule + .hero-schedule {
  width: min(300px, calc(100% - 24px)) !important;
  max-width: 300px !important;
  transform: scale(0.88) !important;
}

.hero-art > #fahrplan.hero-schedule + .hero-schedule:hover,
.hero-art-stack > #fahrplan.hero-schedule + .hero-schedule:hover {
  transform: scale(1) !important;
}
