/* Anpassungen gegenueber dem produktiven Stylesheet. */

/* "Passt besonders zu" oben ausrichten statt mittig. */
.intro-card {
  align-items: start;
}

/* A-Z-Sprungleiste */
.letter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 18px;
}

.letter-bar__item {
  min-width: 34px;
  padding: 6px 9px;
  border: 1px solid rgba(0, 88, 188, 0.24);
  border-radius: 10px;
  background: #fff;
  color: #0058bc;
  font: inherit;
  font-weight: 700;
  line-height: 1.1;
  cursor: pointer;
}

.letter-bar__item:hover,
.letter-bar__item.is-active {
  background: #0058bc;
  border-color: #0058bc;
  color: #fff;
}

/* Weitere anzeigen */
.list-more {
  display: flex;
  justify-content: center;
  margin-top: 22px;
}

.list-more__button {
  padding: 12px 22px;
  border: 1px solid rgba(0, 88, 188, 0.28);
  border-radius: 12px;
  background: #fff;
  color: #0058bc;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.list-more__button:hover {
  background: #0058bc;
  border-color: #0058bc;
  color: #fff;
}

.nearby-grid > [hidden],
.list-more[hidden] {
  display: none !important;
}