/*
 * Layout, das bisher das HubSpot-Embed zur Laufzeit einfügte (<style id="hs-form-style…">,
 * ausgelesen am 13.10.2026), ohne Datepicker und HubSpot-Branding. Farben und Schrift kommen
 * weiter aus Theme und Landingpage-CSS.
 */
.fmehf-form .inputs-list { list-style: none; margin: 0; padding: 0; }
.fmehf-form .inputs-list li { padding: 0; }
.fmehf-form .hs-fieldtype-textarea.hs-input { resize: vertical; }
.fmehf-form .hs-button { white-space: pre-wrap; }
.fmehf-form .hs-richtext { word-break: break-word; }
.fmehf-form fieldset { border: 0; padding: 0; margin: 0; max-width: 500px; }
.fmehf-form fieldset.form-columns-1 .hs-input { width: 95%; }
.fmehf-form fieldset.form-columns-1 .input { margin-right: 8px; }
.fmehf-form fieldset.form-columns-1 input[type=checkbox],
.fmehf-form fieldset.form-columns-1 input[type=radio] { width: auto; }
.fmehf-form fieldset.form-columns-2 .hs-form-field { width: 50%; float: left; }
.fmehf-form fieldset.form-columns-2 .input { margin-right: 8px; }
.fmehf-form fieldset.form-columns-3 .hs-form-field { width: 32.7%; float: left; }
.fmehf-form fieldset.form-columns-3 .input { margin-right: 8px; }
.fmehf-form fieldset::after { content: ""; display: table; clear: both; }
.fmehf-form label.hs-hidden { visibility: hidden; }
.fmehf-form .hs-field-desc { width: 100%; }
@media (max-width: 400px), (min-device-width: 320px) and (max-device-width: 480px) {
  .fmehf-form .form-columns-2 .hs-form-field,
  .fmehf-form .form-columns-3 .hs-form-field { float: none; width: 100%; }
  .fmehf-form .form-columns-2 .hs-form-field .hs-input,
  .fmehf-form .form-columns-3 .hs-form-field .hs-input { width: 95%; }
  .fmehf-form .form-columns-2 .hs-form-field input[type=checkbox],
  .fmehf-form .form-columns-2 .hs-form-field input[type=radio],
  .fmehf-form .form-columns-3 .hs-form-field input[type=checkbox],
  .fmehf-form .form-columns-3 .hs-form-field input[type=radio] { width: auto; }
}
.fmehf-form .legal-consent-container .field.hs-form-field { margin-bottom: 8px; }
.fmehf-form .legal-consent-container .hs-form-booleancheckbox-display input { float: left; }
.fmehf-form .legal-consent-container .hs-form-booleancheckbox-display > span { display: block; margin-left: 20px; }
.fmehf-form .legal-consent-container .hs-form-booleancheckbox-display p { margin: 0; display: inline; }
.fmehf-form .hs-error-msgs { list-style: none; margin: 4px 0 0; padding: 0; }
.fmehf-form .hs-error-msgs label,
.fmehf-form .legal-consent-container .hs-error-msgs label { color: #f2545b; }
