/* Adressvorschläge (assets/js/adresse.js): gilt auf der Website und in der Verwaltung, daher zwei Namen je Farbe */
.adresse-feld {
  position: relative;
}
.adresse-kiste {
  position: absolute;
  z-index: 30;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
  overflow: hidden;
  border: 1.5px solid var(--tinte, var(--ink));
  background: var(--flaeche, #fff);
  box-shadow: 0 14px 34px -12px rgb(0 0 0 / 0.35);
}
.adresse-kiste[hidden] {
  display: none;
}
.adresse-kiste ul {
  max-height: 264px;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  list-style: none;
}
.adresse-kiste li {
  display: grid;
  gap: 1px;
  min-height: 44px;
  padding: 9px 14px;
  border-bottom: 1px solid var(--linie, var(--line));
  color: var(--tinte, var(--ink));
  cursor: pointer;
}
.adresse-kiste li strong {
  font-size: 0.95rem;
  font-weight: 700;
}
.adresse-kiste li span {
  color: var(--grau, var(--muted));
  font-size: 0.82rem;
}
.adresse-kiste li:hover,
.adresse-kiste li[aria-selected='true'] {
  background: var(--akzent-hell, var(--accent-soft));
}
.adresse-herkunft {
  margin: 0;
  padding: 5px 14px;
  color: var(--grau, var(--muted));
  font-size: 0.7rem;
  text-align: right;
}