/* Auswahl als Kacheln mit Symbol im Anfrageformular (Form1/PartialsAnfrage/RadioButton.html) */
.anfrage-choice { margin: 0 0 1rem; padding: 0; border: 0; min-width: 0; }
.anfrage-choice > legend { margin-bottom: 6px; padding: 0; font-size: inherit; }
.anfrage-choice__tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.anfrage-choice__option { position: relative; display: block; margin: 0; cursor: pointer; }
/* Radiobutton nur visuell verstecken, bleibt per Tastatur und Screenreader erreichbar */
.anfrage-choice__input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; }
.anfrage-choice__tile {
  display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 10px;
  height: 100%; padding: 18px 8px 14px; border: 2px solid #ddd; border-radius: 6px;
  background: #fff; text-align: center; transition: border-color .15s, background-color .15s, color .15s;
}
.anfrage-choice__icons { display: flex; gap: 8px; font-size: 1.9rem; line-height: 1; color: #9e9e9e; transition: color .15s; }
.anfrage-choice__label { font-size: .95rem; line-height: 1.3; hyphens: auto; }
.anfrage-choice__option:hover .anfrage-choice__tile { border-color: #bdbdbd; }
.anfrage-choice__input:checked + .anfrage-choice__tile { border-color: #d9001a; background: #fdf0f1; }
.anfrage-choice__input:checked + .anfrage-choice__tile .anfrage-choice__icons { color: #d9001a; }
.anfrage-choice__input:focus-visible + .anfrage-choice__tile { outline: 2px solid #d9001a; outline-offset: 2px; }
@media (max-width: 479px) {
  .anfrage-choice__tiles { gap: 6px; }
  .anfrage-choice__tile { padding: 14px 4px 10px; }
  .anfrage-choice__icons { font-size: 1.5rem; gap: 6px; }
  .anfrage-choice__label { font-size: .85rem; }
}