/* handbuchfragen.css — offene Handbuch-Fragen (ADR-070). Farben nur aus farben.css, Formen aus bausteine.css. */
#inhalt .hf-karte {
  background: var(--karte); border: 1px solid var(--bs-kante); border-radius: var(--bs-rund);
  box-shadow: var(--bs-schatten); padding: 20px; display: grid; gap: 12px; max-width: 760px;
}
#inhalt .hf-karte h2 { margin: 0; font-size: 1.35rem; line-height: 1.3; color: var(--text); }
#inhalt .hf-kontext { margin: 0; color: var(--text); line-height: 1.5; }
#inhalt .hf-leise { margin: 0; color: var(--text-leise); font-size: .92rem; }
#inhalt .hf-schon { margin: 0; padding: 10px 12px; border-radius: var(--bs-rund-klein); background: color-mix(in srgb, var(--gruen) 12%, transparent); }
#inhalt .hf-wahl { display: grid; gap: 10px; }
#inhalt .hf-knopf {
  display: flex; justify-content: space-between; align-items: center; gap: 12px; width: 100%; min-height: 64px;
  padding: 12px 18px; border-radius: var(--bs-rund-klein); border: 1.5px solid var(--rand); background: var(--karte);
  color: var(--text); font: inherit; font-size: 1.08rem; font-weight: 600; text-align: left; cursor: pointer;
}
#inhalt .hf-knopf:hover { border-color: var(--akzent); }
#inhalt .hf-knopf.empfohlen { border-color: color-mix(in srgb, var(--akzent) 60%, transparent); }
#inhalt .hf-knopf.an { border-color: var(--akzent); background: color-mix(in srgb, var(--akzent) 12%, transparent); }
#inhalt .hf-empfehlung { color: var(--akzent-text); font-weight: 700; white-space: nowrap; }
#inhalt .hf-feld { display: grid; gap: 4px; font-weight: 600; color: var(--text); }
#inhalt .hf-feld textarea { width: 100%; font: inherit; font-weight: 400; }
#inhalt .hf-weiter { min-height: 56px; justify-self: start; min-width: 220px; }
#inhalt .hf-fuss { display: flex; gap: 10px; justify-content: space-between; flex-wrap: wrap; margin-top: 4px; }
#inhalt .hf-weissnicht { display: grid; gap: 2px; text-align: left; min-height: 56px; }
#inhalt .hf-liste { display: grid; gap: 6px; max-width: 760px; margin-top: 20px; }
#inhalt .hf-zeile { display: grid; gap: 2px; padding: 12px 14px; border: 1px solid var(--rand); border-radius: var(--bs-rund-klein);
  color: var(--text); text-decoration: none; }