/* =========================================================
   /suchauftrag/ — Page-spezifische Styles
   Hero (Split-Screen, Foto+Glass-Formular) kommt jetzt komplett aus
   home.css (.hero/.hero-bg/.hero-scrim/.hero-in/.hero-usp/.hero-form inkl.
   Glass-Skin fuer .sf-*/.fl/.fs/.fi) — siehe extraHead in index.njk. Hier
   bleiben nur die Suchauftrag-spezifischen Feld-Typen (Textarea, Checkbox-
   Grid Step 3), auf das dunkle Glas umgestellt statt wie zuvor auf Hell.
   ========================================================= */

/* ===== Hero-Subtext im linken Textblock (unter dem Textlogo-H1) ===== */
.hero-ankauf-p {
  color: rgba(255, 255, 255, .82);
  font-size: 17px; line-height: 1.6;
  margin-bottom: 26px;
  max-width: 480px;
}

/* Form-Hint (Subtext unter Inputs / kleine Sub-Links) */
.suchauftrag-form .fh {
  font-size: 12px;
  color: rgba(255, 255, 255, .6);
  margin-top: 6px;
  line-height: 1.4;
}
.suchauftrag-form .fh a { color: #fff; text-decoration: underline; }

/* Feld-Fehlermeldung: heller Rot-Ton fuer Kontrast auf dunklem Glas */
.suchauftrag-form .fe-msg { color: #ff8a8f; }

/* Textarea (Step 3 Sonstige Wünsche) — gleiche Visual-Sprache wie .fi */
.suchauftrag-form textarea.fi {
  min-height: 80px;
  resize: vertical;
  font-family: inherit;
  line-height: 1.5;
}

/* Checkbox (DSGVO + Ausstattungs-Items) */
.suchauftrag-form .fg--check { margin-top: 8px; }
.suchauftrag-form .fc-label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  font-size: 13px;
  color: rgba(255, 255, 255, .75);
  line-height: 1.5;
}
.suchauftrag-form .fc-label a { color: #fff; text-decoration: underline; }
.suchauftrag-form .fc {
  flex-shrink: 0;
  width: 18px; height: 18px;
  margin-top: 2px;
  accent-color: var(--accent-red);
  cursor: pointer;
}
.suchauftrag-form .fc.is-invalid {
  outline: 2px solid #f87171;
  outline-offset: 2px;
}

/* ===== Ausstattungs-Checkbox-Grid (Step 3) ===== */
.suchauftrag-form .fc-grid-title {
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, .78);
  margin-bottom: 14px;
  line-height: 1.5;
}
.suchauftrag-checkbox-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 16px;
}
@media (max-width: 480px) {
  .suchauftrag-checkbox-grid { grid-template-columns: 1fr; }
}