/* --------------------------------------
   Kontaktformular (Startseite)
----------------------------------------- */
.contact-form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 2rem;
}

.form-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.form-row .form-group {
  flex: 1 1 300px; /* etwas breiter für harmonischere Aufteilung */
}

/* Inputs und Textareas wurden ja global angepasst
   (also übernehmen sie modernes Padding, Border-Radius usw.)
*/

/* Optional für mehr Abstand unter dem Formular */
.contact-form .btn-primary {
  margin-top: 1rem;
}

/* --------------------------------------
   Responsive Optimierung (Kontaktformular)
----------------------------------------- */
@media (max-width: 768px) {
  .form-row {
    flex-direction: column;
  }

  .form-row .form-group {
    flex: 1 1 100%;
  }
}