/* Vorschlagsliste für das Feld „Wunschapotheke“ — folgt der Tagesfarbe der Seite (Variablen aus stil.css) */
.apotheken-wrap { position: relative; }
/* im Fluss statt schwebend: Karten der Bögen schneiden Überstehendes ab, und auf dem Handy verdeckt eine schwebende Liste den Rest */
.apotheken-vorschlaege { list-style: none; margin: .35rem 0 0; padding: .3rem; position: static;
  background: var(--flaeche, #fff); border: 1px solid var(--kante, #ccc4e4); border-radius: .85rem;
  box-shadow: var(--schatten, 0 12px 40px -20px rgba(42, 53, 64, .3)); max-height: 16rem; overflow-y: auto; }
.apotheken-vorschlaege[hidden] { display: none; }
.apotheken-vorschlaege li { padding: .55rem .8rem; border-radius: .6rem; cursor: pointer; line-height: 1.35; }
.apotheken-vorschlaege li strong { display: block; font-weight: 600; color: var(--tinte, #2a3540); }
.apotheken-vorschlaege li span { display: block; font-size: .88rem; color: var(--tinte-70, rgba(42, 53, 64, .7)); }
.apotheken-vorschlaege li:hover, .apotheken-vorschlaege li[aria-selected="true"] { background: var(--infobox, #f5f4fb); }
.apotheken-vorschlaege li[aria-selected="true"] { outline: 2px solid var(--akzent, #7465c0); outline-offset: -2px; }
.apotheken-hinweis { display: block; margin-top: .3rem; font-size: .85rem; color: var(--tinte-70, rgba(42, 53, 64, .7)); }
.apotheken-ansage { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; margin: 0; }