.elementor-33550 .elementor-element.elementor-element-889724a{--display:flex;}.elementor-33550 .elementor-element.elementor-element-8c146a1{--display:flex;}.elementor-33550 .elementor-element.elementor-element-f079c5e{--display:flex;}.elementor-33550 .elementor-element.elementor-element-9e86fbf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for shortcode, class: .elementor-element-fe63878 *//* =====================================================================
   THECUBER  -  WPForms im Landingpage-Design (Apple-Style)
   ---------------------------------------------------------------------
   SO WIRD ES AKTIV:
   1) Das Widget (WPForms ODER Shortcode) in Elementor anklicken
      -> Erweitert -> CSS-Klassen ->   tc-lp-form   eintragen.
   2) Dieses komplette CSS einfuegen unter:
      Design -> Customizer -> Zusaetzliches CSS
      (oder Elementor Pro: Seite -> Eigenes CSS)
   Das CSS wirkt NUR auf das Formular mit der Klasse tc-lp-form.
   Andere WPForms (z.B. Newsletter) bleiben unveraendert.
   ===================================================================== */

/* Weisse, abgerundete Karte um das Formular */
.tc-lp-form{
  background:#fff !important;
  border-radius:28px !important;
  padding:clamp(26px,3.4vw,44px) !important;
  box-shadow:0 30px 80px -40px rgba(0,0,0,.35);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Helvetica Neue",Arial,sans-serif;
}
.tc-lp-form .wpforms-container,
.tc-lp-form .wpforms-form{margin:0 !important;background:transparent !important}

/* Feld-Abstand */
.tc-lp-form .wpforms-field{padding:0 0 16px !important;border:0 !important}

/* Labels */
.tc-lp-form .wpforms-field-label{
  font-size:.92rem !important;font-weight:500 !important;
  color:#1d1d1f !important;margin:0 0 7px !important;line-height:1.3 !important;
}
.tc-lp-form .wpforms-required-label,
.tc-lp-form .wpforms-field-label .wpforms-required-label{color:#e8621e !important}

/* Unterbeschriftungen (Vorname/Nachname, Strasse ...) */
.tc-lp-form .wpforms-field-sublabel{
  color:#86868b !important;font-size:.78rem !important;font-weight:400 !important;margin-top:5px !important;
}

/* Eingabefelder */
.tc-lp-form input[type=text],
.tc-lp-form input[type=email],
.tc-lp-form input[type=tel],
.tc-lp-form input[type=url],
.tc-lp-form input[type=number],
.tc-lp-form textarea,
.tc-lp-form select{
  width:100% !important;
  padding:.8em 1em !important;
  border:1px solid #d2d2d7 !important;
  border-radius:14px !important;
  background:#fbfbfd !important;
  color:#1d1d1f !important;
  font-size:1.02rem !important;
  font-family:inherit !important;
  line-height:1.4 !important;
  box-shadow:none !important;
  transition:border .2s,box-shadow .2s !important;
}
.tc-lp-form textarea{min-height:110px !important;resize:vertical !important}

/* Fokus */
.tc-lp-form input:focus,
.tc-lp-form textarea:focus,
.tc-lp-form select:focus{
  border-color:#e8621e !important;
  background:#fff !important;
  outline:0 !important;
  box-shadow:0 0 0 4px rgba(232,98,30,.16) !important;
}

/* Platzhalter */
.tc-lp-form ::placeholder{color:#a1a1a6 !important;opacity:1}

/* Beschreibungstexte */
.tc-lp-form .wpforms-field-description{color:#86868b !important;font-size:.82rem !important}

/* Checkbox-/DSGVO-Zeile */
.tc-lp-form .wpforms-field-checkbox label,
.tc-lp-form .wpforms-field-gdpr-checkbox label,
.tc-lp-form .wpforms-field-checkbox .wpforms-field-label-inline{
  font-size:.85rem !important;color:#86868b !important;font-weight:400 !important;line-height:1.4 !important;
}

/* Absenden-Button: oranger Pill, volle Breite */
.tc-lp-form .wpforms-submit-container{margin-top:4px !important}
.tc-lp-form button[type=submit],
.tc-lp-form .wpforms-submit,
.tc-lp-form input[type=submit]{
  width:100% !important;
  background:#e8621e !important;
  color:#fff !important;
  border:0 !important;
  border-radius:980px !important;
  padding:.9em 1.5em !important;
  font-size:1.1rem !important;
  font-weight:500 !important;
  font-family:inherit !important;
  cursor:pointer !important;
  box-shadow:none !important;
  transition:background .25s ease,transform .15s ease !important;
}
.tc-lp-form button[type=submit]:hover,
.tc-lp-form .wpforms-submit:hover,
.tc-lp-form input[type=submit]:hover{background:#ff7a3d !important}
.tc-lp-form button[type=submit]:active,
.tc-lp-form .wpforms-submit:active{transform:scale(.99) !important}

/* Fehlermeldungen dezenter */
.tc-lp-form .wpforms-error{color:#c8410f !important;font-size:.8rem !important}
.tc-lp-form input.wpforms-error,
.tc-lp-form textarea.wpforms-error{border-color:#e8621e !important}

/* Erfolgsmeldung nach dem Absenden */
.tc-lp-form .wpforms-confirmation-container-full{
  background:#e7f7ec !important;border:0 !important;border-radius:14px !important;
  color:#0b5f2b !important;padding:16px 18px !important;font-weight:600 !important;
}/* End custom CSS */