/* Desktop: Unser-Angebot-Kacheln heben sich nacheinander selbst hervor */
@media (min-width: 821px) {
  .mb-grid .mb-tile {
    transition: opacity 0.45s ease, transform 0.45s ease;
  }
  .mb-grid .mb-tile .mb-body {
    transition: background 0.3s ease, box-shadow 0.35s ease;
  }
  .mb-grid.focusing .mb-tile {
    opacity: 0.4;
  }
  .mb-grid.focusing .mb-tile.on {
    opacity: 1;
    transform: translateY(-4px);
  }
  .mb-grid.focusing .mb-tile.on .mb-body {
    background: #ffffff;
    box-shadow: 0 16px 34px rgba(1, 64, 141, 0.18);
  }
  .mb-grid.focusing .mb-tile.on .mb-circle {
    background: #b7d800;
  }
  /* Abschluss: alle Kacheln gleich hervorgehoben */
  .mb-grid.focusing-all .mb-tile {
    opacity: 1;
    transform: translateY(-2px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .mb-grid.focusing .mb-tile {
    opacity: 1 !important;
    transform: none !important;
  }
}