.dpt_index_results_range,
.dpt_index_results_value {
  position: relative;
}

#dpt_index_letter-ltr {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 10px;
}

#dpt_index_letter-ltr a {
  align-items: center;
  border: 1px solid var(--color-primary);
  color: var(--color-black);
  display: flex;
  justify-content: center;
  padding: 0 5px;
}

#dpt_index_letter-ltr a:focus,
#dpt_index_letter-ltr a:hover {
  background-color: var(--color-black);
  color: var(--color-white);
  text-decoration: none;
}

#dpt_index_search-ltr form {
  align-items: center;
  display: flex;
  margin-bottom: 10px;
}

.indexpage-range-link {
  display: flex;
  align-items: center;
  gap: 0.5em; /* Optionaler Abstand zwischen Spalten */
}

.indexpage-range-from,
.indexpage-range-until {
  flex: 1;
}

.indexpage-range-hyphen {
  flex: 0 0 auto;
  padding: 0 0.25em;
}

ul li.dpt_index_results_range:nth-child(odd) {
  background-color: #f5f5f5; /* z.B. hellgrau für ungerade Zeilen */
}

ul li.dpt_index_results_range:nth-child(even) {
  background-color: #ffffff; /* weiß für gerade Zeilen (optional) */
}