:root{--page-title-display:none;}/* Start custom CSS for wpforms, class: .elementor-element-55dc4b4 */.wpforms-form .hvr-hidden {
  display: none !important;
}
/* ============================================================
   WPFORMS STYLING — passend zum Halteverbot-Kalkulator
   ============================================================

   EINBINDEN — zwei Möglichkeiten:

   A) Pro WPForms-Formular (empfohlen):
      WPForms-Editor → Einstellungen → "Zusätzliches CSS" (falls vorhanden),
      ODER besser über das ganze Theme (siehe B).

   B) Theme-weit:
      WordPress → Design → Customizer → "Zusätzliches CSS"
      ODER Elementor → Hamburger-Menü → Website-Einstellungen → Custom CSS
      → den GESAMTEN Inhalt dieser Datei dort einfügen.

   Das CSS ist auf .wpforms-container gescoped, betrifft also nur
   WPForms-Formulare, nichts anderes auf der Seite.

   Brand-Farben (identisch zum Kalkulator):
   • Primär:  #111827 (dark-1)
   • Akzent:  #0584C7 (brand-main) / Hover #076497
   • Surface: #F0F9FE (light-2)
   ============================================================ */

/* === Versteckte Kalkulator-Felder ausblenden === */
.wpforms-form .hvr-hidden,
.wpforms-form .wpforms-field.hvr-hidden {
  display: none !important;
}

/* === Container & Schrift === */
.wpforms-container {
  --wpf-primary: #111827;
  --wpf-accent: #0584C7;
  --wpf-accent-hover: #076497;
  --wpf-bg: #ffffff;
  --wpf-surface: #F0F9FE;
  --wpf-border: #b8c0cd;
  --wpf-border-soft: #d8dee8;
  --wpf-text: #111827;
  --wpf-muted: #474E6B;
  --wpf-danger: #b91c1c;
  --wpf-radius: 10px;
  --wpf-radius-lg: 14px;
  --wpf-font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Helvetica Neue", Arial, sans-serif;

  font-family: var(--wpf-font) !important;
  max-width: px;
  margin: 0 auto !important;
}

/* Optional: Formular als Card mit Schatten (wie die Kalkulator-Cards).
   Wenn du das NICHT willst, diesen Block löschen. */
.wpforms-container {
  background: var(--wpf-bg);
  border-radius: var(--wpf-radius-lg);
  box-shadow: 0 1px 3px rgba(15,37,64,0.04), 0 0 0 1px rgba(15,37,64,0.06);
  padding: 28px 32px !important;
}
@media (max-width: 540px) {
  .wpforms-container { padding: 22px 20px !important; }
}

/* === Formular-Titel & Beschreibung === */
.wpforms-container .wpforms-title {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: var(--wpf-primary) !important;
  margin: 0 0 4px !important;
  line-height: 1.3 !important;
}
.wpforms-container .wpforms-description {
  font-size: 13px !important;
  color: var(--wpf-muted) !important;
  line-height: 1.5 !important;
  margin: 0 0 20px !important;
}

/* === Labels === */
.wpforms-container .wpforms-field-label {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--wpf-text) !important;
  line-height: 1.3 !important;
  margin: 0 0 6px !important;
}
.wpforms-container .wpforms-required-label {
  color: var(--wpf-danger) !important;
}

/* Sublabels (z. B. bei Name Vor-/Nachname) */
.wpforms-container .wpforms-field-sublabel {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: var(--wpf-muted) !important;
}

/* === Feld-Abstände === */
.wpforms-container .wpforms-field {
  padding: 0 0 16px !important;
}

/* === Inputs, Textareas, Selects === */
.wpforms-container input[type="text"],
.wpforms-container input[type="email"],
.wpforms-container input[type="tel"],
.wpforms-container input[type="url"],
.wpforms-container input[type="number"],
.wpforms-container input[type="date"],
.wpforms-container textarea,
.wpforms-container select {
  width: 100% !important;
  padding: 12px 14px !important;
  border: 1px solid var(--wpf-border) !important;
  border-radius: var(--wpf-radius) !important;
  background: #fff !important;
  color: var(--wpf-text) !important;
  font-family: inherit !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  box-shadow: none !important;
  transition: border-color 0.15s, box-shadow 0.15s !important;
}
.wpforms-container textarea {
  min-height: 90px !important;
  resize: vertical !important;
}

/* Focus-Zustand */
.wpforms-container input:focus,
.wpforms-container textarea:focus,
.wpforms-container select:focus {
  outline: none !important;
  border-color: var(--wpf-accent) !important;
  box-shadow: 0 0 0 3px rgba(5,132,199,0.18) !important;
}

/* Placeholder */
.wpforms-container input::placeholder,
.wpforms-container textarea::placeholder {
  color: var(--wpf-muted) !important;
  opacity: 0.6 !important;
}

/* === Name-Feld (mehrspaltig) Abstände === */
.wpforms-container .wpforms-field-row {
  margin-bottom: 0 !important;
}

/* === Checkbox (DSGVO) === */
.wpforms-container .wpforms-field-checkbox input[type="checkbox"],
.wpforms-container .wpforms-field-gdpr-checkbox input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  accent-color: var(--wpf-accent) !important;
  margin-right: 8px !important;
  cursor: pointer !important;
}
.wpforms-container .wpforms-field-checkbox label,
.wpforms-container .wpforms-field-gdpr-checkbox label {
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: var(--wpf-text) !important;
  cursor: pointer !important;
}
.wpforms-container .wpforms-field-checkbox a,
.wpforms-container .wpforms-field-gdpr-checkbox a {
  color: var(--wpf-accent) !important;
  text-decoration: underline !important;
}

/* === Submit-Button === */
.wpforms-container .wpforms-submit-container {
  margin-top: 8px !important;
}
.wpforms-container button[type="submit"],
.wpforms-container .wpforms-submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: var(--wpf-accent) !important;
  color: #fff !important;
  border: none !important;
  padding: 14px 28px !important;
  border-radius: var(--wpf-radius) !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(5,132,199,0.30) !important;
  transition: background 0.15s, transform 0.1s !important;
  width: auto !important;
}
.wpforms-container button[type="submit"]:hover,
.wpforms-container .wpforms-submit:hover {
  background: var(--wpf-accent-hover) !important;
}
.wpforms-container button[type="submit"]:active,
.wpforms-container .wpforms-submit:active {
  transform: translateY(1px) !important;
}

/* === Fehler-Zustände === */
.wpforms-container label.wpforms-error {
  color: var(--wpf-danger) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  margin-top: 4px !important;
}
.wpforms-container input.wpforms-error,
.wpforms-container textarea.wpforms-error,
.wpforms-container select.wpforms-error {
  border-color: var(--wpf-danger) !important;
}

/* === Erfolgs-/Bestätigungs-Meldung === */
.wpforms-confirmation-container-full,
div.wpforms-confirmation-container-full {
  background: #ecfdf5 !important;
  border: 1px solid #a7f3d0 !important;
  border-radius: var(--wpf-radius) !important;
  color: #047857 !important;
  padding: 18px 20px !important;
  font-family: var(--wpf-font) !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}
.wpforms-confirmation-container-full p {
  margin: 0 !important;
}

/* === Smart-Phone-Feld (intl. Telefon) Höhe angleichen === */
.wpforms-container .wpforms-smart-phone-field {
  height: auto !important;
}
.wpforms-container .iti {
  width: 100% !important;
}

/* === Required-Sternchen Farbe === */
.wpforms-container .wpforms-required-label,
.wpforms-container .wpforms-field-label .wpforms-required-label {
  color: var(--wpf-danger) !important;
}/* End custom CSS */