.elementor-4368 .elementor-element.elementor-element-ae3ea91{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:1;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-4368 .elementor-element.elementor-element-ae3ea91::before, .elementor-4368 .elementor-element.elementor-element-ae3ea91 > .elementor-background-video-container::before, .elementor-4368 .elementor-element.elementor-element-ae3ea91 > .e-con-inner > .elementor-background-video-container::before, .elementor-4368 .elementor-element.elementor-element-ae3ea91 > .elementor-background-slideshow::before, .elementor-4368 .elementor-element.elementor-element-ae3ea91 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4368 .elementor-element.elementor-element-ae3ea91 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(161deg, #071E33 0%, #0B2C47 100%);}.elementor-4368 .elementor-element.elementor-element-9b8e2a1{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4368 .elementor-element.elementor-element-0a1f8b0{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4368 .elementor-element.elementor-element-45dfe28{width:100%;max-width:100%;text-align:center;}.elementor-4368 .elementor-element.elementor-element-45dfe28.elementor-element{--align-self:center;}.elementor-4368 .elementor-element.elementor-element-45dfe28 .elementor-heading-title{font-family:"League Spartan", Sans-serif;font-size:35px;font-weight:500;color:#FFFFFF;}.elementor-4368 .elementor-element.elementor-element-65e7964{--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-4368 .elementor-element.elementor-element-bfae90c{width:100%;max-width:100%;}.elementor-4368 .elementor-element.elementor-element-bfae90c.elementor-element{--align-self:center;}.elementor-4368 .elementor-element.elementor-element-bfae90c > .elementor-widget-container{border-style:solid;border-width:0px 0px 0px 0px;border-color:#E3EAF2;border-radius:22px 22px 22px 22px;}.elementor-4368 .elementor-element.elementor-element-f7b0cdb{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--padding-top:50px;--padding-bottom:00px;--padding-left:20px;--padding-right:20px;}.elementor-4368 .elementor-element.elementor-element-f7b0cdb:not(.elementor-motion-effects-element-type-background), .elementor-4368 .elementor-element.elementor-element-f7b0cdb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4368 .elementor-element.elementor-element-5aeccee{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:44px 44px;--row-gap:44px;--column-gap:44px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4368 .elementor-element.elementor-element-c5ac3c1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4368 .elementor-element.elementor-element-c5ac3c1 .elementor-heading-title{font-family:"League Spartan", Sans-serif;font-weight:500;color:#1C3D67;}@media(min-width:768px){.elementor-4368 .elementor-element.elementor-element-ae3ea91{--width:100%;}.elementor-4368 .elementor-element.elementor-element-9b8e2a1{--width:60%;}.elementor-4368 .elementor-element.elementor-element-0a1f8b0{--width:60%;}.elementor-4368 .elementor-element.elementor-element-65e7964{--width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4368 .elementor-element.elementor-element-9b8e2a1{--width:727px;}}@media(max-width:1024px){.elementor-4368 .elementor-element.elementor-element-45dfe28 .elementor-heading-title{font-size:24px;}.elementor-4368 .elementor-element.elementor-element-f7b0cdb{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-4368 .elementor-element.elementor-element-45dfe28 .elementor-heading-title{font-size:24px;line-height:1.2em;}.elementor-4368 .elementor-element.elementor-element-65e7964{--min-height:469px;}.elementor-4368 .elementor-element.elementor-element-f7b0cdb{--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-4368 .elementor-element.elementor-element-5aeccee{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-4368 .elementor-element.elementor-element-c5ac3c1{text-align:center;}.elementor-4368 .elementor-element.elementor-element-c5ac3c1 .elementor-heading-title{font-size:22px;}}/* Start custom CSS for container, class: .elementor-element-65e7964 *//* =========================================================
   Hochberg FunnelForms - Final Clean CSS
   Scope: only this shortcode form
   Requirement: parent Elementor container has class "hi-funnel-form"
   ========================================================= */

/* -----------------------------
   Base wrapper
----------------------------- */

.hi-funnel-form #af2_form_0,
.hi-funnel-form #af2_form_0 * {
  box-sizing: border-box !important;
}

.hi-funnel-form #af2_form_0 {
  width: 100% !important;
  max-width: 720px !important;
  margin: 0 auto !important;
}

.hi-funnel-form #af2_form_0 .af2_form {
  width: 100% !important;
  max-width: 100% !important;
}

/* -----------------------------
   Carousel / step area
----------------------------- */

.hi-funnel-form #af2_form_0 .af2_form_carousel {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  position: relative !important;
}

.hi-funnel-form #af2_form_0 .af2_carousel_item {
  width: 100% !important;
}

.hi-funnel-form #af2_form_0 .af2_carousel_content {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* -----------------------------
   Desktop/mobile duplicates
----------------------------- */

.hi-funnel-form #af2_form_0 .af2_question_heading_wrapper.af2_mobile,
.hi-funnel-form #af2_form_0 .af2_answer.af2_mobile,
.hi-funnel-form #af2_form_0 .af2_question_label.af2_mobile {
  display: none !important;
}

.hi-funnel-form #af2_form_0 .af2_question_heading_wrapper.desktop,
.hi-funnel-form #af2_form_0 .af2_answer.desktop,
.hi-funnel-form #af2_form_0 .af2_question_label.desktop {
  display: block !important;
}

/* -----------------------------
   Headings
----------------------------- */

.hi-funnel-form #af2_form_0 .af2_question_heading_wrapper {
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}

.hi-funnel-form #af2_form_0 .af2_question_heading {
  display: block !important;
  width: 100% !important;
  max-width: 620px !important;
  margin: 0 auto 30px !important;
  padding: 0 !important;
  text-align: center !important;
  font-size: clamp(24px, 2vw, 30px) !important;
  line-height: 1.18 !important;
  font-weight: 700 !important;
}

/* -----------------------------
   Normal answer steps
----------------------------- */

.hi-funnel-form #af2_form_0 .af2_answer_container {
  width: 100% !important;
  max-width: 560px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.hi-funnel-form #af2_form_0 .af2_answer {
  width: 100% !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
}

.hi-funnel-form #af2_form_0 .af2_answer_card {
  width: 100% !important;
  min-height: 64px !important;
  padding: 16px 20px !important;
  border-radius: 12px !important;
}

.hi-funnel-form #af2_form_0 .af2_answer_text {
  font-size: 15px !important;
  line-height: 1.25 !important;
}

/* -----------------------------
   Contact step
----------------------------- */

.hi-funnel-form #af2_form_0 .af2_carousel_item[data-qtype="kontaktformular"] .af2_carousel_content {
  width: 100% !important;
  max-width: 430px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.hi-funnel-form #af2_form_0 .af2_carousel_item[data-qtype="kontaktformular"] .af2_question_heading {
  max-width: 100% !important;
  margin: 0 auto 24px !important;
  text-align: center !important;
  font-size: 26px !important;
  line-height: 1.15 !important;
}

.hi-funnel-form #af2_form_0 .af2_carousel_item[data-qtype="kontaktformular"] .af2_question {
  width: 100% !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
}

.hi-funnel-form #af2_form_0 .af2_carousel_item[data-qtype="kontaktformular"] .af2_question_wrapper,
.hi-funnel-form #af2_form_0 .af2_carousel_item[data-qtype="kontaktformular"] .af2_question_text_type_wrapper,
.hi-funnel-form #af2_form_0 .af2_carousel_item[data-qtype="kontaktformular"] .af2_question_cf_text_type_wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.hi-funnel-form #af2_form_0 .af2_carousel_item[data-qtype="kontaktformular"] .af2_question_label {
  margin: 0 0 5px !important;
  padding: 0 !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
}

/* -----------------------------
   Contact text inputs
----------------------------- */

.hi-funnel-form #af2_form_0 .af2_carousel_item[data-qtype="kontaktformular"] input.af2_text_type_:not(.phone_type) {
  width: 100% !important;
  max-width: 100% !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 12px !important;
  font-size: 14px !important;
  line-height: 46px !important;
  border-radius: 10px !important;
}

/* -----------------------------
   Phone field fix
----------------------------- */

.hi-funnel-form #af2_form_0 .af2_question_wrapper_3 .af2_question_cf_text_type_wrapper {
  position: relative !important;
  width: 100% !important;
  min-height: 46px !important;
}

.hi-funnel-form #af2_form_0 .af2_question_wrapper_3 .iti {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 54px !important;
  height: 46px !important;
  z-index: 5 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.hi-funnel-form #af2_form_0 .af2_question_wrapper_3 .iti__flag-container {
  width: 54px !important;
  height: 46px !important;
}

.hi-funnel-form #af2_form_0 .af2_question_wrapper_3 .iti__selected-flag {
  width: 54px !important;
  height: 46px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}

.hi-funnel-form #af2_form_0 .af2_question_wrapper_3 input.phone_type {
  width: 100% !important;
  max-width: 100% !important;
  height: 46px !important;
  min-height: 46px !important;
  padding-left: 54px !important;
  padding-right: 12px !important;
  font-size: 14px !important;
  line-height: 46px !important;
  border-radius: 10px !important;
}

.hi-funnel-form #af2_form_0 .af2_question_wrapper_3 .wdt_intl_dropdown {
  position: absolute !important;
  top: 46px !important;
  left: 0 !important;
  width: min(340px, 90vw) !important;
  z-index: 9999 !important;
}

/* Hide LastPass icon overlay */

.hi-funnel-form #af2_form_0 [data-lastpass-icon-root] {
  display: none !important;
}

/* -----------------------------
   Checkbox
----------------------------- */

.hi-funnel-form #af2_form_0 .af2_question_checkbox_type_wrapper {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 2px 0 14px !important;
  padding: 0 !important;
}

.hi-funnel-form #af2_form_0 .af2_checkbox_type {
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.hi-funnel-form #af2_form_0 .af2_question_cb_label {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;
}

/* -----------------------------
   Submit button
----------------------------- */

.hi-funnel-form #af2_form_0 .af2_submit_wrapper {
  width: 100% !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important;
}

.hi-funnel-form #af2_form_0 .af2_submit_button {
  width: 100% !important;
  max-width: 370px !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 16px !important;
  border-radius: 10px !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
}

.hi-funnel-form #af2_form_0 .af2_submit_button__text {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* =========================================================
   FINAL bottom navigation fix

   Real DOM order:
   1 = mobile back
   2 = desktop back
   3 = mobile forward
   4 = desktop forward

   Keep ONLY button 2.
   ========================================================= */

.hi-funnel-form #af2_form_0 .af2_form_bottombar {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 40px 1fr !important;
  align-items: center !important;
  column-gap: 14px !important;
  min-height: 38px !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
}

.hi-funnel-form #af2_form_0 .af2_form_bottombar > button {
  display: none !important;
}

.hi-funnel-form #af2_form_0 .af2_form_bottombar > button:nth-of-type(2) {
  display: inline-flex !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 11px !important;
  align-items: center !important;
  justify-content: center !important;
  grid-column: 1 !important;
}

.hi-funnel-form #af2_form_0 .af2_form_bottombar > button:nth-of-type(2) svg {
  width: 16px !important;
  height: 16px !important;
}

.hi-funnel-form #af2_form_0 .af2_form_bottombar > .af2_form_progress_bar {
  grid-column: 2 !important;
  width: 100% !important;
  height: 6px !important;
  min-height: 6px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}

.hi-funnel-form #af2_form_0 .af2_form_bottombar > .af2_form_progress_bar > .af2_form_progress {
  height: 100% !important;
  border-radius: 999px !important;
}

/* -----------------------------
   Mobile
----------------------------- */

@media (max-width: 767px) {
  .hi-funnel-form #af2_form_0 {
    max-width: 100% !important;
  }

  .hi-funnel-form #af2_form_0 .af2_question_heading_wrapper.desktop,
  .hi-funnel-form #af2_form_0 .af2_answer.desktop,
  .hi-funnel-form #af2_form_0 .af2_question_label.desktop {
    display: none !important;
  }

  .hi-funnel-form #af2_form_0 .af2_question_heading_wrapper.af2_mobile,
  .hi-funnel-form #af2_form_0 .af2_answer.af2_mobile,
  .hi-funnel-form #af2_form_0 .af2_question_label.af2_mobile {
    display: block !important;
  }

  .hi-funnel-form #af2_form_0 .af2_question_heading {
    max-width: 100% !important;
    margin-bottom: 22px !important;
    font-size: 23px !important;
    line-height: 1.18 !important;
  }

  .hi-funnel-form #af2_form_0 .af2_answer_container {
    max-width: 100% !important;
  }

  .hi-funnel-form #af2_form_0 .af2_answer {
    margin-bottom: 12px !important;
  }

  .hi-funnel-form #af2_form_0 .af2_answer_card {
    min-height: 56px !important;
    padding: 14px 16px !important;
  }

  .hi-funnel-form #af2_form_0 .af2_carousel_item[data-qtype="kontaktformular"] .af2_carousel_content {
    max-width: 100% !important;
  }

  .hi-funnel-form #af2_form_0 .af2_carousel_item[data-qtype="kontaktformular"] .af2_question_heading {
    margin-bottom: 20px !important;
    font-size: 23px !important;
  }

  .hi-funnel-form #af2_form_0 .af2_carousel_item[data-qtype="kontaktformular"] .af2_question {
    margin-bottom: 11px !important;
  }

  .hi-funnel-form #af2_form_0 .af2_form_bottombar {
    grid-template-columns: 38px 1fr !important;
    column-gap: 12px !important;
    min-height: 36px !important;
    margin-top: 14px !important;
  }

  .hi-funnel-form #af2_form_0 .af2_form_bottombar > button:nth-of-type(2) {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
  }
}

/* Fix: hide previous/next carousel slides outside the card */
.hi-funnel-form #af2_form_0 .af2_form_carousel {
  overflow: hidden !important;
  position: relative !important;
}

.hi-funnel-form #af2_form_0 .af2_form {
  overflow: hidden !important;
  position: relative !important;
}/* End custom CSS */