.elementor-2215 .elementor-element.elementor-element-7dec12a{--display:flex;}.elementor-2215 .elementor-element.elementor-element-db9f20b{--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;}.elementor-2215 .elementor-element.elementor-element-4e8116e{--display:flex;}.elementor-2215 .elementor-element.elementor-element-f7ca969{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2215 .elementor-element.elementor-element-f7ca969:not(.elementor-motion-effects-element-type-background), .elementor-2215 .elementor-element.elementor-element-f7ca969 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-2215 .elementor-element.elementor-element-5cd0039 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-2215 .elementor-element.elementor-element-5cd0039 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-2215 .elementor-element.elementor-element-5cd0039 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-2215 .elementor-element.elementor-element-5cd0039 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-2215 .elementor-element.elementor-element-5cd0039 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-2215 .elementor-element.elementor-element-5cd0039 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-2215 .elementor-element.elementor-element-5cd0039 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-2215 .elementor-element.elementor-element-5cd0039 .elementor-field-type-html{padding-bottom:0px;}.elementor-2215 .elementor-element.elementor-element-5cd0039 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:var( --e-global-color-vamtam_accent_8 );}.elementor-2215 .elementor-element.elementor-element-5cd0039 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:var( --e-global-color-vamtam_accent_8 );}.elementor-2215 .elementor-element.elementor-element-5cd0039 .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-vamtam_accent_8 );}.elementor-2215 .elementor-element.elementor-element-5cd0039 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-e850821 );color:#ffffff;}.elementor-2215 .elementor-element.elementor-element-5cd0039 .elementor-button[type="submit"]{background-color:var( --e-global-color-e850821 );color:#ffffff;}.elementor-2215 .elementor-element.elementor-element-5cd0039 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-2215 .elementor-element.elementor-element-5cd0039 .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-e850821 );color:#ffffff;}.elementor-2215 .elementor-element.elementor-element-5cd0039 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-2215 .elementor-element.elementor-element-5cd0039 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-2215 .elementor-element.elementor-element-5cd0039 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-2215 .elementor-element.elementor-element-5cd0039 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-2215 .elementor-element.elementor-element-5cd0039{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}body.elementor-page-2215:not(.elementor-motion-effects-element-type-background), body.elementor-page-2215 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e850821 );}/* Start custom CSS for container, class: .elementor-element-f7ca969 *//* ===== Kydata Premium Form Card (Brainhance-like) ===== */

/* Container = Card Look */
.elementor-2215 .elementor-element.elementor-element-f7ca969{
  max-width: 900px;
  margin: 0 auto;
  background: rgba(255,255,255,0.96);
  border-radius: 22px;
  padding: 50px 60px;
  box-shadow: 0 18px 55px rgba(0,0,0,0.10);
  text-align: center;
  backdrop-filter: blur(10px);
}

/* Headline + Text in der Card (falls HTML-Felder genutzt werden) */
.elementor-2215 .elementor-element.elementor-element-f7ca969 h1,
.elementor-2215 .elementor-element.elementor-element-f7ca969 h2,
.elementor-2215 .elementor-element.elementor-element-f7ca969 h3,
.elementor-2215 .elementor-element.elementor-element-f7ca969 p{
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

/* Labels etwas cleaner */
.elementor-2215 .elementor-element.elementor-element-f7ca969 .elementor-field-label{
  font-weight: 600;
  color: #111827;
}

/* Formular-Felder clean & modern (Brainhance-like) */
.elementor-2215 .elementor-element.elementor-element-f7ca969 input,
.elementor-2215 .elementor-element.elementor-element-f7ca969 textarea,
.elementor-2215 .elementor-element.elementor-element-f7ca969 select{
  background: #f6f7f9 !important;
  border: 1px solid #e6e8ee !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  min-height: 50px;
  box-shadow: none !important;
  color: #111827;
}

/* Placeholder */
.elementor-2215 .elementor-element.elementor-element-f7ca969 input::placeholder,
.elementor-2215 .elementor-element.elementor-element-f7ca969 textarea::placeholder{
  color: #9aa3b2;
}

/* Fokus-Zustand (hochwertig & dezent) */
.elementor-2215 .elementor-element.elementor-element-f7ca969 input:focus,
.elementor-2215 .elementor-element.elementor-element-f7ca969 textarea:focus,
.elementor-2215 .elementor-element.elementor-element-f7ca969 select:focus{
  outline: none !important;
  border-color: rgba(13,110,253,0.55) !important;
  box-shadow: 0 0 0 4px rgba(13,110,253,0.10) !important;
  background: #ffffff !important;
}

/* Buttons mittig + clean premium */
.elementor-2215 .elementor-element.elementor-element-f7ca969 .e-form__buttons,
.elementor-2215 .elementor-element.elementor-element-f7ca969 .e-form__buttons__wrapper,
.elementor-2215 .elementor-element.elementor-element-f7ca969 .elementor-field-type-submit{
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 10px;
}

.elementor-2215 .elementor-element.elementor-element-f7ca969 .elementor-button{
  border-radius: 999px !important;
  padding: 13px 22px !important;
  box-shadow: 0 10px 26px rgba(0,0,0,0.14) !important;
}

/* ===== Radio als clean SaaS Options (Brainhance-like) ===== */

/* Radio verstecken */
.elementor-2215 .elementor-element.elementor-element-f7ca969 .elementor-field-type-radio input[type="radio"]{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* Radio Gruppe als Grid (2 Spalten Desktop) */
.elementor-2215 .elementor-element.elementor-element-f7ca969 .elementor-field-type-radio .elementor-field-subgroup{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  text-align: left;
  margin-top: 8px;
}

/* Label = Option Card */
.elementor-2215 .elementor-element.elementor-element-f7ca969 .elementor-field-type-radio .elementor-field-subgroup label{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;

  background: #ffffff;
  border: 1px solid #e6e8ee;
  border-radius: 14px;
  padding: 14px 14px;
  cursor: pointer;

  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}

/* Text in der Option */
.elementor-2215 .elementor-element.elementor-element-f7ca969 .elementor-field-type-radio .elementor-field-subgroup label span{
  display: block;
  font-weight: 600;
  color: #111827;
  line-height: 1.2;
}

/* Fallback, falls Elementor kein span nutzt */
.elementor-2215 .elementor-element.elementor-element-f7ca969 .elementor-field-type-radio .elementor-field-subgroup label{
  color: #111827;
  font-weight: 600;
}

/* Kleiner Select Indicator rechts */
.elementor-2215 .elementor-element.elementor-element-f7ca969 .elementor-field-type-radio .elementor-field-subgroup label::after{
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 999px;
  border: 2px solid #cfd6e4;
  background: #ffffff;
  flex: 0 0 auto;
  transition: all .18s ease;
}

/* Hover: nur leicht, kein "springen" */
.elementor-2215 .elementor-element.elementor-element-f7ca969 .elementor-field-type-radio .elementor-field-subgroup label:hover{
  border-color: #c9d4ea;
  box-shadow: 0 10px 28px rgba(0,0,0,0.08);
}

/* Checked State (robust für unterschiedliche Elementor-Markups) */
/* Variante 1: input steht vor label */
.elementor-2215 .elementor-element.elementor-element-f7ca969 .elementor-field-type-radio input[type="radio"]:checked + label,
.elementor-2215 .elementor-element.elementor-element-f7ca969 .elementor-field-type-radio input[type="radio"]:checked ~ label{
  border-color: rgba(13,110,253,0.45);
  background: rgba(13,110,253,0.06);
  box-shadow: 0 14px 36px rgba(13,110,253,0.10);
}

/* Indicator bei checked */
.elementor-2215 .elementor-element.elementor-element-f7ca969 .elementor-field-type-radio input[type="radio"]:checked + label::after,
.elementor-2215 .elementor-element.elementor-element-f7ca969 .elementor-field-type-radio input[type="radio"]:checked ~ label::after{
  border-color: #0d6efd;
  background: radial-gradient(circle at center, #0d6efd 0 45%, #ffffff 46% 100%);
}

/* Variante 2: input ist im label verschachtelt (moderne Browser) */
.elementor-2215 .elementor-element.elementor-element-f7ca969 .elementor-field-type-radio label:has(input[type="radio"]:checked){
  border-color: rgba(13,110,253,0.45);
  background: rgba(13,110,253,0.06);
  box-shadow: 0 14px 36px rgba(13,110,253,0.10);
}
.elementor-2215 .elementor-element.elementor-element-f7ca969 .elementor-field-type-radio label:has(input[type="radio"]:checked)::after{
  border-color: #0d6efd;
  background: radial-gradient(circle at center, #0d6efd 0 45%, #ffffff 46% 100%);
}

/* ===== Mobile Optimierung ===== */
@media (max-width: 767px){
  .elementor-2215 .elementor-element.elementor-element-f7ca969{
    padding: 28px 18px;
    border-radius: 18px;
  }

  /* Buttons full width auf mobile */
  .elementor-2215 .elementor-element.elementor-element-f7ca969 .elementor-button{
    width: 100%;
    justify-content: center;
  }

  /* Radio 1 Spalte */
  .elementor-2215 .elementor-element.elementor-element-f7ca969 .elementor-field-type-radio .elementor-field-subgroup{
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .elementor-2215 .elementor-element.elementor-element-f7ca969 .elementor-field-type-radio .elementor-field-subgroup label{
    padding: 14px 12px;
    border-radius: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db9f20b */.elementor-2215 .elementor-element.elementor-element-db9f20b{
  min-height: 100vh;          /* volle Bildschirmhöhe */
  display: flex;              /* Flexbox aktivieren */
  align-items: center;        /* vertikal zentrieren */
  justify-content: center;    /* horizontal zentrieren */
  padding: 80px 20px;         /* Luft oben/unten + mobil */
  box-sizing: border-box;
}

/* Mobile Feinschliff */
@media (max-width: 767px){
  .elementor-2215 .elementor-element.elementor-element-db9f20b{
    padding: 60px 16px;
  }
}/* End custom CSS */