/* =========================================================================
   Aktionshaus-Anfrage – nur die Hausauswahl. Alles Übrige (Overlay, Kopf,
   Felder, Buttons, Warnung) kommt aus shared/contact-modal.css.
   ========================================================================= */
/* Hausauswahl als große Auswahlkarten */
.aha-haeuser { margin: 4px 0 0; padding: 0; border: 0; min-width: 0; }
.aha-haeuser__liste { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.aha-haus {
  position: relative; display: flex; align-items: center; gap: 10px;
  padding: 12px 16px; border: 1px solid var(--mz-outline-variant, #c5c6cf); border-radius: 14px;
  cursor: pointer; font-weight: 600; font-size: .95rem; color: var(--mz-navy-deep, #0F172A); background: #fff;
  transition: background .2s, border-color .2s, color .2s;
}
.aha-haus:hover { border-color: var(--mz-navy, #183054); }
.aha-haus input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.aha-haus .material-symbols-outlined { font-size: 22px; color: var(--mz-navy, #183054); }
.aha-haus:has(input:checked) { background: var(--mz-navy, #183054); border-color: var(--mz-navy, #183054); color: #fff; }
.aha-haus:has(input:checked) .material-symbols-outlined { color: #fff; }
.aha-haus:has(input:focus-visible) { outline: 2px solid var(--mz-cta-orange, #d97706); outline-offset: 2px; }
.aha-haeuser.is-invalid .aha-haus { border-color: #b91c1c; }

@media (max-width: 640px) {
  .aha-haeuser__liste { grid-template-columns: 1fr; gap: 8px; }
}