/* HH Cinar GmbH — Anpassung Fluent-Forms-Kontaktformular an das Website-Design.
   Separate Datei, style.css bleibt unveraendert. Nur auf /kontakt/ geladen.
   Nutzt die globalen CSS-Variablen aus style.css (--font, --red, --border, --r-btn). */

#fluentform_3 label {
  font-family: var(--font);
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.03em;
  color: var(--ink);
}

#fluentform_3 .ff-el-form-control {
  font-family: var(--font);
  font-size: 15px;
  color: var(--ink);
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--r-btn);
  padding: 13px 14px;
  height: auto;
}

#fluentform_3 textarea.ff-el-form-control {
  min-height: 150px;
}

#fluentform_3 .ff-el-form-control:focus {
  outline: 2px solid var(--red);
  outline-offset: 1px;
  border-color: var(--red);
  box-shadow: none;
}

#fluentform_3 .ff-el-is-required .ff-el-input--label label::after,
#fluentform_3 .asterisk-right label::after {
  color: var(--red);
}

#fluentform_3 .ff_submit_btn_wrapper .ff-btn-submit,
#fluentform_3 button[type="submit"] {
  font-family: var(--font);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.02em;
  border-radius: var(--r-btn);
  padding: 13px 28px;
  min-height: 48px;
  border: 1.5px solid transparent;
  transition: background-color .18s ease;
}

#fluentform_3 .ff_submit_btn_wrapper .ff-btn-submit:hover,
#fluentform_3 button[type="submit"]:hover {
  background-color: var(--red-dark) !important;
}

#fluentform_3 .form__hint {
  font-size: var(--fs-small);
  color: var(--mid);
}

#fluentform_3 .form__hint a {
  color: var(--red);
}