/* =========================================================
   HubSpot Form CSS – bestehende Regeln + Fixes (Fonts responsive + Errors)
   ========================================================= */

/* --- Bestehende Regeln (unverändert) --- */
.hbspt-form input[type="radio"] + span:before { top: 2px; }
.hbspt-form input[type="radio"] + span:after  { top: 8px; background: #fff; }
.hbspt-form .hs-form-field { margin-bottom: 30px; }
.hbspt-form .legal-consent-container .hs_recaptcha { margin-top: 40px; }
.hbspt-form .field--name-field-widgets > .field__item { margin: 0pc !important; }
.hbspt-form .legal-consent-container { margin: 0px !important; }
.hbspt-form .legal-consent-container .hs-richtext { margin: 0px 0px 25px; }

/* =========================================================
   FIX: Schriftgrösse angleichen (Desktop/Default)
   ========================================================= */
.hbspt-form .hs-input,
.hbspt-form select.hs-input,
.hbspt-form textarea.hs-input,
.hbspt-form .inputs-list,
.hbspt-form .inputs-list label,
.hbspt-form .inputs-list li label,
.hbspt-form .hs-form-checkbox-display,
.hbspt-form .hs-form-radio-display,
.hbspt-form .hs-form-checkbox-display span,
.hbspt-form .hs-form-radio-display span,
.hbspt-form .inputs-list span {
  font-size: 20px !important;
  line-height: 1.4 !important;
}

/* =========================================================
   FIX: Schriftgrösse angleichen (Mobile <= 740px)
   ========================================================= */
@media screen and (max-width: 740px) {
  .hbspt-form .hs-input,
  .hbspt-form select.hs-input,
  .hbspt-form textarea.hs-input,
  .hbspt-form .inputs-list,
  .hbspt-form .inputs-list label,
  .hbspt-form .inputs-list li label,
  .hbspt-form .hs-form-checkbox-display,
  .hbspt-form .hs-form-radio-display,
  .hbspt-form .hs-form-checkbox-display span,
  .hbspt-form .hs-form-radio-display span,
  .hbspt-form .inputs-list span {
    font-size: 18px !important;
    line-height: 1.4444444444 !important;
  }
}

/* =========================================================
   FIX: Fehlermeldungen überall einheitlich (#BE1925)
   ========================================================= */
.hbspt-form .hs-error-msg,
.hbspt-form .hs-error-msgs label,
.hbspt-form .hs-error-msgs li,
.hbspt-form .hs-form-field .hs-error-msg,
.hbspt-form .hs-form-field .hs-error-msgs label,
.hbspt-form .hs_error_rollup,
.hbspt-form .hs_error_rollup .hs-error-msg,
.hbspt-form .hs_error_rollup .hs-error-msgs label {
  color: #BE1925 !important;
}