/* Zwergenstube Geburtstage – Formular im Startseiten-Design.
   Wird vom Plugin automatisch geladen; die Klasse .zwg-form.zwg-form setzt das Plugin selbst. */

.zwg-form.zwg-form{
  font-family:'Nunito Sans','Helvetica Neue',Arial,sans-serif;
  color:#54504b;
}

/* Überschriften (Avada-Elemente „Überschrift“/„Text“ zwischen den Feldern) */
.zwg-form.zwg-form h1,.zwg-form.zwg-form h2,.zwg-form.zwg-form h3,.zwg-form.zwg-form h4{
  font-family:'Baloo 2','Trebuchet MS','Segoe UI',sans-serif!important;
  font-weight:600!important;
  color:#33312e!important;
  text-transform:none!important;
  letter-spacing:normal!important;
  line-height:1.25!important;
}

/* Beschriftungen */
.zwg-form.zwg-form .fusion-form-field label,
.zwg-form.zwg-form .fusion-form-label,
.zwg-form.zwg-form .label{
  font-family:'Nunito Sans','Helvetica Neue',Arial,sans-serif!important;
  font-weight:700!important;
  font-size:15px!important;
  color:#33312e!important;
  text-transform:none!important;
  letter-spacing:normal!important;
}

/* Eingabefelder */
.zwg-form.zwg-form input[type=text],
.zwg-form.zwg-form input[type=email],
.zwg-form.zwg-form input[type=tel],
.zwg-form.zwg-form input[type=number],
.zwg-form.zwg-form input[type=date],
.zwg-form.zwg-form input[type=url],
.zwg-form.zwg-form select,
.zwg-form.zwg-form textarea{
  font-family:'Nunito Sans','Helvetica Neue',Arial,sans-serif!important;
  font-size:16px!important;
  color:#33312e!important;
  background:#fff!important;
  border:1px solid #9ed6d9!important;
  border-radius:14px!important;
  box-shadow:none!important;
  padding:12px 14px!important;
  min-height:48px;
  transition:border-color .15s,box-shadow .15s;
}
.zwg-form.zwg-form textarea{min-height:120px}
.zwg-form.zwg-form input:focus,
.zwg-form.zwg-form select:focus,
.zwg-form.zwg-form textarea:focus{
  outline:none!important;
  border-color:#2fc4c4!important;
  box-shadow:0 0 0 3px rgba(47,196,196,.22)!important;
}
.zwg-form.zwg-form ::placeholder{color:#7a746d;opacity:1}

/* Pfeil der Auswahlfelder */
.zwg-form.zwg-form .fusion-select-wrapper .select-arrow,
.zwg-form.zwg-form .select-arrow{color:#0f6e6f!important;border-left:0!important}

/* Radio-Buttons & Checkboxen */
.zwg-form.zwg-form input[type=radio],
.zwg-form.zwg-form input[type=checkbox]{accent-color:#2fc4c4;width:auto!important;min-height:0}
.zwg-form.zwg-form .fusion-form-radio label,
.zwg-form.zwg-form .fusion-form-checkbox label{font-weight:600!important;font-size:16px!important;color:#54504b!important}
.zwg-form.zwg-form .fusion-form-radio input:checked + label:before,
.zwg-form.zwg-form .fusion-form-checkbox input:checked + label:before{
  background-color:#2fc4c4!important;
  border-color:#2fc4c4!important;
}
.zwg-form.zwg-form .fusion-form-radio label:before,
.zwg-form.zwg-form .fusion-form-checkbox label:before{border-color:#9ed6d9!important}

/* Absenden-Knopf */
.zwg-form.zwg-form .fusion-button,
.zwg-form.zwg-form button[type=submit],
.zwg-form.zwg-form input[type=submit]{
  font-family:'Nunito Sans','Helvetica Neue',Arial,sans-serif!important;
  font-weight:700!important;
  font-size:17px!important;
  text-transform:none!important;
  letter-spacing:normal!important;
  background:#2fc4c4!important;
  color:#0b3a3b!important;
  border:0!important;
  border-radius:999px!important;
  box-shadow:none!important;
  padding:16px 34px!important;
}
.zwg-form.zwg-form .fusion-button:hover,
.zwg-form.zwg-form button[type=submit]:hover,
.zwg-form.zwg-form input[type=submit]:hover{background:#25b0b0!important}
.zwg-form.zwg-form .fusion-button .fusion-button-text{color:#0b3a3b!important}

/* Fehlermeldungen & Erfolgsmeldung */
.zwg-form.zwg-form .fusion-form-response,
.zwg-form.zwg-form .fusion-alert{border-radius:16px!important}
.zwg-form.zwg-form .fusion-form-response-success,
.zwg-form.zwg-form .fusion-alert.success{background:#e8f8f8!important;border:1px solid #9ed6d9!important;color:#0f6e6f!important}

/* Handy: Felder volle Breite */
@media (max-width:900px){
  .zwg-form.zwg-form .fusion-form-field{width:100%!important}
}