/* Kostenrechner und Kassenlogos – Farben aus dem Theme ruuhe september, mit Rückfallwerten. */
.hfkr {
  --k-tinte: var(--wp--preset--color--tinte, #283D3B);
  --k-petrol: var(--wp--preset--color--petrol, #197278);
  --k-rose: var(--wp--preset--color--rose, #EDDDD4);
  --k-nebel: var(--wp--preset--color--nebel, #F4F7F7);
  --k-weiss: var(--wp--preset--color--weiss, #fff);
  --k-kante: var(--rs-kante, 2px solid rgba(40, 61, 59, 0.35));
  --k-gedaempft: var(--rs-gedaempft, rgba(40, 61, 59, 0.78));
  font-family: var(--wp--preset--font-family--text, system-ui, sans-serif);
  color: var(--k-tinte);
  max-width: 34rem;
}
.hfkr *, .hfkr *::before, .hfkr *::after { box-sizing: border-box; }
.hfkr__titel { font-family: var(--wp--preset--font-family--display, serif); font-size: var(--wp--preset--font-size--karte, 1.75rem); margin: 0 0 0.75rem; line-height: 1.12; }
.hfkr__text { margin: 0 0 1.25rem; color: var(--k-gedaempft); font-size: var(--wp--preset--font-size--body-s, 0.95rem); line-height: 1.55; }
.hfkr__label { display: block; font-weight: 700; font-size: 0.95rem; margin-bottom: 0.5rem; }
.hfkr__feld { position: relative; margin-bottom: 0.75rem; }
.hfkr__eingabe { width: 100%; border: var(--k-kante); background: var(--k-weiss); color: var(--k-tinte); font: inherit; font-size: 1rem; padding: 0.85rem 1rem; border-radius: 0; outline: none; }
.hfkr__eingabe:focus { border-color: var(--k-petrol); }
/* Seit 1.2.1: Auswahl löschen (Heiner, 09.10.2026: „kann die ausgewählte Krankenkasse nicht wieder abwählen“) */
.hfkr--gewaehlt .hfkr__eingabe, .hfkr__eingabe:not(:placeholder-shown) { padding-right: 3rem; }
.hfkr__leeren { position: absolute; top: 0; right: 0; width: 3rem; height: 100%; display: flex; align-items: center; justify-content: center; border: 0; background: transparent; color: var(--k-tinte); font-size: 1.6rem; line-height: 1; cursor: pointer; }
.hfkr__leeren[hidden] { display: none; }
.hfkr__leeren:hover, .hfkr__leeren:focus-visible { color: var(--k-petrol); outline: 2px solid var(--k-petrol); outline-offset: -6px; }
.hfkr__liste { position: absolute; z-index: 20; left: 0; right: 0; top: 100%; max-height: 16rem; overflow-y: auto; margin: 0; padding: 0; list-style: none; background: var(--k-weiss); border: var(--k-kante); border-top: 0; }
.hfkr__liste li { padding: 0.6rem 1rem; cursor: pointer; font-size: 0.95rem; }
.hfkr__liste li:hover, .hfkr__liste li.ist-aktiv { background: var(--k-nebel); color: var(--k-petrol); }
.hfkr__liste .hfkr__leer { color: var(--k-gedaempft); cursor: default; }
.hfkr__zeile { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.85rem 1rem; margin-bottom: 0.5rem; }
.hfkr__zeile span { font-size: 0.95rem; }
.hfkr__zeile strong { font-family: var(--wp--preset--font-family--display, serif); font-size: 1.6rem; line-height: 1; white-space: nowrap; }
.hfkr__zeile--erstattung { background: var(--k-rose); }
.hfkr__zeile--eigen { background: var(--k-nebel); color: var(--k-petrol); }
.hfkr__notiz { margin: 0.75rem 0 0; font-size: 0.95rem; line-height: 1.55; }
.hfkr__hinweis { margin: 0.75rem 0 0; font-size: 0.8rem; line-height: 1.45; color: var(--k-gedaempft); }

.hfkr-logos { display: flex; flex-wrap: wrap; align-items: center; gap: 1.25rem 2.25rem; margin: 0; padding: 0; list-style: none; }
.hfkr-logos li { margin: 0; display: flex; align-items: center; }
.hfkr-logos img { width: auto; max-width: 160px; min-width: 48px; object-fit: contain; filter: grayscale(1); opacity: 0.75; transition: opacity 0.2s, filter 0.2s; }
.hfkr-logos img:hover { filter: none; opacity: 1; }