/* Tab */
.multi-step-form__tab {
  margin-bottom: -32px;
  display: flex;
  justify-content: center;
}

.multi-step-form__tab .step-tab {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 20px 0px 20px 24px;
  gap: 16px;
  background-color: var(--color-main);
  color: #fff;
  width: 255px;
  border-right: .5px solid #D8DDE1;
  transition: background-color 350ms;
}

.multi-step-form__tab .step-tab.active-tab {
  background-color: var(--color-light);
  color: var(--color-heavy);
}


.multi-step-form__tab .step-tab:first-of-type {
  border-radius: 20px 0px 0px 0px;
}

.multi-step-form__tab .step-tab p {
  margin-bottom: 0;
  font-weight: 500;
}

.multi-step-form__tab .step-tab .step-circle {
  background-color: rgba(255, 255, 255, 0.2);
  display: grid;
  place-content: center;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  font-weight: 700;
}

@media(max-width: 1280px) {
  .multi-step-form__tab .step-tab {
    width: 240px;
    padding: 20px 0px 20px 20px;
    gap: 10px;
  }
}

@media(max-width: 1080px) {
  .multi-step-form__tab {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: -58px;
    place-items: center;
    max-width: max-content;
    margin-left: auto;
    margin-right: auto;
  }

  .multi-step-form__tab .step-tab {
    padding: 8px 0px 8px 8px;
    width: 370px;
    border-bottom: .5px solid #D8DDE1;
  }
}

@media(max-width: 800px) {
  .multi-step-form__tab .step-tab {
    width: 300px;
  }
}

@media (max-width: 690px) {
  .multi-step-form__tab .step-tab {
    width: 220px;
  }

  .multi-step-form__tab .step-tab p {
    font-size: 14px;
  }
}

@media(max-width: 500px) {
  .multi-step-form__tab {
    display: none;
  }
}

/* Container Form */
.multi-step-form__container {
  background-color: #fff;
  padding: 92px 72px 80px 72px;
  box-shadow: 0px 6px 50px rgba(0, 0, 0, 0.06);
  display: flex;
  gap: 48px;
  /* border-radius: 20px 0px 0px 0px; */
}

/* .multi-step-form__container br {
  display: none !important;
} */

@media(max-width: 768px) {
  .multi-step-form__container {
    margin: 0px;
  }

}

.multi-step-form__container .multi-step-form_image_content {
  width: 55%;
  position: relative;
}

.multi-step-form__container .multi-step-form_image_wrapper {
  width: 45%;
}

@media(max-width: 1024px) {
  .multi-step-form__container {
    padding: 92px 42px 50px 42px;
  }

  .multi-step-form__container .multi-step-form_image_wrapper {
    display: none;
  }

  .multi-step-form__container .multi-step-form_image_content {
    width: 100%;
  }
}

@media(max-width: 360px) {
  .multi-step-form__container h3 {
    font-size: 24px !important;
  }
}

.multi-step-form__container .multi-step-form_image_wrapper img {
  border-radius: 20px 0px 0px 0px;
}

.multi-step-form__container .wpcf7 .ajax-loader,
.multi-step-form__container .wpcf7 .wpcf7-spinner {
  top: 50%;
  transform: translateY(-50%);
  right: 3px !important;
  margin: 0px !important;
  position: absolute;
}

.multi-step-form__container img {
  max-width: 100%;
}

.budi-pflegedienstverkauf-form-cf7__title {
  margin-bottom: 44px;
  font-size: 32px;
  line-height: 1.4em;
}

.multi-step-form__container .wpcf7 .wpcf7-form-control:not(.wpcf7-acceptance):not(.wpcf7-checkbox):not(.wpcf7-submit),
.multi-step-form__container .wpcf7 .budi-pflegedienstverkauf-form-cf7-control {
  min-height: 50px;
  border: 1px solid #a4a4a4;
  border-radius: 0;
  margin-top: 0 !important;
  padding: 10px 10px 10px 35px;
  background-repeat: no-repeat !important;
  background-size: auto !important;
  background-position: left 10px center;
  background-color: #ffffff;
  display: block;
}

span.wpcf7-form-control-wrap.kc_captcha .wpcf7-form-control {
  border: 0px solid #a4a4a4 !important;
  margin-top: 0 !important;
  padding: 0px !important;
}

span.wpcf7-form-control-wrap.kc_captcha .wpcf7-form-control .captcha-image {
  width: 100%;
  max-width: 100%;
}

span.wpcf7-form-control-wrap.kc_captcha .wpcf7-form-control.wpcf7-not-valid .captcha-image {
  padding-bottom: 30px;
}

.multi-step-form__container div.wpcf7 .kc_captcha .wpcf7-not-valid-tip {
  margin-top: 30px !important;
}

.multi-step-form__container .wpcf7 .budi-pflegedienstverkauf-form-cf7-control.budi-no-icon {
  padding-left: 10px !important;
}

.multi-step-form__container .wpcf7 .wpcf7-form-control:not(.wpcf7-acceptance):not(.wpcf7-checkbox).wpcf7-not-valid,
.multi-step-form__container .wpcf7 .budi-pflegedienstverkauf-form-cf7-control.error {
  border-color: red !important;
}

.multi-step-form__container .wpcf7 .wpcf7-form-control:not(.wpcf7-acceptance):not(.wpcf7-checkbox):not(.wpcf7-submit)[multiple="multiple"] {
  background-size: 0 !important;
}

.multi-step-form__container .wpcf7 label {
  margin-bottom: 9px;
  font-size: 14px;
  font-weight: 600;
}

.multi-step-form__container .wpcf7 textarea.budi-pflegedienstverkauf-form-cf7-control {
  min-height: 260px !important;
  background-color: #fff !important;
}

.multi-step-form__container .wpcf7 select.wpcf7-form-control,
.multi-step-form__container .wpcf7 select.budi-pflegedienstverkauf-form-cf7-control {
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg id='Group_18' data-name='Group 18' xmlns='http://www.w3.org/2000/svg' width='14' height='7.636' viewBox='0 0 14 7.636'%3E%3Cpath id='Path_8' data-name='Path 8' d='M13.814,75.186a.636.636,0,0,0-.9,0L7,81.1,1.087,75.186a.636.636,0,0,0-.9.9L6.551,82.45a.636.636,0,0,0,.9,0l6.363-6.364a.636.636,0,0,0,0-.9Z' transform='translate(-0.001 -75)' fill='%231b1f2a'/%3E%3C/svg%3E%0A") !important;
  background-position: right 10px center !important;
  padding-left: 10px !important;
  position: relative;
  display: block;
}


.multi-step-form__container .wpcf7 .budi-pflegedienstverkauf-form-cf7-control.budi-search-icon.has-plus-icon {
  padding-right: 40px;
}

.multi-step-form__container .wpcf7 .wpcf7-checkbox .wpcf7-list-item {
  margin-left: 0;
}

.multi-step-form__container .wpcf7 .wpcf7-checkbox label,
.multi-step-form__container .wpcf7 .wpcf7-acceptance label {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}


/* Form Nav */
.budi-pflegedienstverkauf-form-cf7__nav {
  margin-top: 115px;
}

.budi-pflegedienstverkauf-form-cf7__nav-button-wrapper,
.multi-step-form__container .cf7mls-btns {
  gap: 15px;
  display: flex;
  justify-content: space-between;
  min-height: 0 !important;
  position: relative;
  bottom: 0;
}

/* .multi-step-form__container .cf7mls-btns {} */

.budi-pflegedienstverkauf-form-cf7__nav-button-wrapper button,
.budi-pflegedienstverkauf-form-cf7__meine-angebote,
.multi-step-form__container button {
  font-size: 16px !important;
  font-weight: 600;
  margin: 0 !important;
}

.budi-pflegedienstverkauf-form-cf7__nav-button-wrapper button:focus,
.multi-step-form__container button:focus {
  outline: 0;
}

.budi-pflegedienstverkauf-form-cf7__nav-button-wrapper button.budi-not-active {
  background-color: #d4d4d4 !important;
  cursor: not-allowed;
}


.multi-step-form__container button.cf7mls_next,
.multi-step-form__container button.cf7mls_back {
  color: var(--color-main);
  background-color: transparent !important;
  cursor: pointer;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0 !important;
  min-width: fit-content !important;
  display: flex;
  align-items: center;
  gap: 20px;
}

.multi-step-form__container button.cf7mls_back svg {
  transform: rotate(180deg);
}

.multi-step-form__container button.cf7mls_next:disabled {
  cursor: not-allowed;
}

/* 
.multi-step-form__container button.cf7mls_next::after {
  content: '';
  display: inline-block;
  width: 52px;
  height: 20px;
  margin-left: 20px;
  position: relative;
  top: 4px;
  background: url("data:image/svg+xml,%3Csvg width='51' height='20' viewBox='0 0 51 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50.654 9.7988L43.563 4.61694C43.0935 4.28558 42.3454 4.29509 41.8919 4.63819C41.4496 4.97287 41.4496 5.50348 41.8919 5.83816L46.9655 9.54578H26.1818C25.5291 9.54574 25 9.9324 25 10.4094C25 10.8863 25.5291 11.273 26.1818 11.273H46.9655L41.8919 14.9806C41.4224 15.312 41.4094 15.8588 41.8628 16.2018C42.3163 16.5449 43.0645 16.5544 43.5339 16.223C43.5438 16.2161 43.5535 16.209 43.563 16.2018L50.6539 11.0199C51.1153 10.6827 51.1153 10.136 50.654 9.7988Z' fill='%230069B4'/%3E%3Cline y1='10.7199' x2='48' y2='10.7199' stroke='%230069B4' stroke-width='2.4'/%3E%3C/svg%3E%0A") no-repeat;
  background-size: contain;
}

.multi-step-form__container button.cf7mls_back::before {
  content: '';
  display: inline-block;
  width: 52px;
  height: 20px;
  margin-right: 20px;
  position: relative;
  top: 4px;
  background: url("data:image/svg+xml,%3Csvg width='51' height='20' viewBox='0 0 51 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50.654 9.7988L43.563 4.61694C43.0935 4.28558 42.3454 4.29509 41.8919 4.63819C41.4496 4.97287 41.4496 5.50348 41.8919 5.83816L46.9655 9.54578H26.1818C25.5291 9.54574 25 9.9324 25 10.4094C25 10.8863 25.5291 11.273 26.1818 11.273H46.9655L41.8919 14.9806C41.4224 15.312 41.4094 15.8588 41.8628 16.2018C42.3163 16.5449 43.0645 16.5544 43.5339 16.223C43.5438 16.2161 43.5535 16.209 43.563 16.2018L50.6539 11.0199C51.1153 10.6827 51.1153 10.136 50.654 9.7988Z' fill='%230069B4'/%3E%3Cline y1='10.7199' x2='48' y2='10.7199' stroke='%230069B4' stroke-width='2.4'/%3E%3C/svg%3E%0A") no-repeat;
  background-size: contain;
  transform: rotate(180deg);
} */


.multi-step-form__container button.cf7mls_next:hover,
.multi-step-form__container button.cf7mls_back:hover {
  color: var(--color-main);
}

.multi-step-form__container input.budi-pf-submit.wpcf7-form-control {
  width: auto;
  background-color: #ff0000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #fff !important;
}


.budi-pflegedienstverkauf-form-cf7__maps span.budi-pflegedienstverkauf-form-cf7__maps-region {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.305' height='14' viewBox='0 0 12.305 14'%3E%3Cg id='Group_25' data-name='Group 25' transform='translate(-31)'%3E%3Cpath id='Path_9' data-name='Path 9' d='M39.49,9.25c1.49-2.338,1.3-2.046,1.345-2.107a4.478,4.478,0,0,0,.829-2.6,4.512,4.512,0,1,0-8.171,2.637L34.815,9.25C33.4,9.467,31,10.114,31,11.539c0,.519.339,1.26,1.954,1.836a12.946,12.946,0,0,0,4.2.625c2.954,0,6.152-.833,6.152-2.461C43.3,10.114,40.905,9.468,39.49,9.25ZM34.179,6.725,34.165,6.7a3.691,3.691,0,1,1,6.005-.041c-.04.052.167-.268-3.018,4.728Zm2.974,6.455c-3.226,0-5.332-.948-5.332-1.641,0-.465,1.082-1.23,3.479-1.529l1.507,2.364a.41.41,0,0,0,.692,0L39,10.011c2.4.3,3.48,1.063,3.48,1.529C42.484,12.225,40.4,13.18,37.152,13.18Z' fill='%231b1f2a'/%3E%3Cpath id='Path_10' data-name='Path 10' d='M183.051,91a2.051,2.051,0,1,0,2.051,2.051A2.053,2.053,0,0,0,183.051,91Zm0,3.281a1.23,1.23,0,1,1,1.23-1.23A1.232,1.232,0,0,1,183.051,94.281Z' transform='translate(-145.898 -88.512)' fill='%231b1f2a'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: top 1px left;
  font-size: 10px;
  padding-left: 20px;
}


/* Form Done */
#pflegedienstverkauf-cf7-done {
  padding: 50px 0;
  display: none;
}

#pflegedienstverkauf-cf7-done .budi-form-done__description {
  margin-bottom: 32px;
  font-size: 16px;
  color: #1b1f2a;
}

#pflegedienstverkauf-cf7-done .budi-form-done__description p {
  margin-bottom: 10px;
  font-size: 16px;
  color: #1b1f2a;
}

#pflegedienstverkauf-cf7-done .budi-form-done-button__wrapper {
  gap: 30px;
}



.budi-form-done__title h3 {
  line-height: 1.3em;
  font-size: 36px !important;
}

@media(max-width: 768px) {
  .budi-form-done__title h3 {
    font-size: 28px !important;
  }
}

/*
  FORM
*/

.multi-step-form_image_content .wpcf7,
.multi-step-form_image_content form,
.multi-step-form_image_content .fieldset-cf7mls-wrapper,
.multi-step-form_image_content .fieldset-cf7mls {
  height: 100%;
}

.multi-step-form_image_content .fieldset-cf7mls:first-of-type .cf7mls-btns {
  margin-top: 0px;
  justify-content: flex-end;
}

.fieldset-cf7mls-wrapper p {
  margin: 0;
}

.form-step-container {
  margin-bottom: 60px;
}

@media(max-width: 1024px) {
  .form-step-container {
    margin-bottom: 24px;
  }
}

.form-step-container h3 {
  /* font-size: calc(22px + (34 - 22) * (100vw - 320px) / (1920 - 320)) !important; */
  font-weight: 600;
  color: #000;
  /* text-transform: uppercase; */
  margin-bottom: 32px;
}

.form-step-container h3 span {
  font-weight: 700;
  color: var(--color-main);
}


.form-step-container p {
  line-height: 1.7;
  color: var(--body-text-color);
}

.form-step-container .info-paragraph {
  max-width: 345px;
  margin: 20px 0px;
  font-size: 18px;
  font-weight: 700;
  color: var(--color-heavy);
}

.form-step-container .checkbox-row {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
}

.form-step-container .checkbox-row p svg {
  margin-right: 11px;
}

.form-step-container .checkbox-row p {
  color: var(--color-heavy);
}

.form-step-container .checkbox-container {
  padding: 20px 30px;
  width: 50%;
  background-color: #F5F7FA;
  cursor: pointer !important;
  display: flex;
  align-items: center;
  gap: 16px;
}

.form-step-container .checkbox-container:first-of-type {
  border-radius: 20px 0px 0px 0px;
}

.form-step-container .checkbox-container p {
  margin-bottom: 0px;
}

.form-step-container .checkbox-container p span {
  font-size: 18px;
  font-weight: 700;
}

.form-step-container .checkbox-container .form-check-icon path {
  transition: all 500ms;
  fill: var(--color-main);
  opacity: 0.4;
}

.form-step-container .checkbox-container .form-check-icon.active-target path {
  fill: var(--color-main);
  opacity: 1;
}

.multi-step-form__container .wpcf7 .form-step-container .wpcf7-form-control-wrap .wpcf7-textarea.wpcf7-form-control {
  max-height: 125px;
  border: 0px solid transparent !important;
  background-color: #F5F7FA !important;
  border-radius: 20px 0px 0px 0px !important;
  margin-bottom: 15px;
  padding: 10px 12px;
  width: 98%;
  position: relative;
  left: 2px;
}

.form-step-container .input-fields-grid p {
  margin-bottom: 24px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.multi-step-form__container .df-wpcf7 div.wpcf7 .wpcf7-submit {
  background-color: transparent !important;
}

@media(max-width: 700px) {
  .form-step-container .input-fields-grid p {
    grid-template-columns: 1fr;
  }

  .form-step-container>.info-paragraph:first-child {
    margin-top: 0;
  }
}

@media (max-width: 360px) {
  .form-step-container .checkbox-container {
    padding: 10px 15px;
  }

  .form-step-container .checkbox-container p span {
    font-size: 16px;
  }
}

.form-step-container .input-fields-grid .wpcf7-form-control-wrap:first-of-type input {
  border-radius: 20px 0px 0px 0px !important;
}

.multi-step-form__container .fieldset-cf7mls-wrapper .fieldset-cf7mls .form-step-container .input-fields-grid .wpcf7-form-control-wrap select,
.multi-step-form__container .fieldset-cf7mls-wrapper .fieldset-cf7mls .form-step-container .input-fields-grid .wpcf7-form-control-wrap input {
  width: 98%;
  padding: 10px 12px;
  border: 0px solid transparent !important;
  background-color: #F5F7FA !important;
  position: relative;
  left: 2px;
  font-size: 16px;
}

.fieldset-cf7mls {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.form-step-container #multi-step-form-submit {
  margin: 0;
  padding: 0;
  color: var(--color-main) !important;
  font-size: 16px !important;
  font-weight: 700;
  text-transform: uppercase;
  background-color: transparent;
  cursor: pointer;
  min-width: fit-content !important;
}

/* .form-step-container .submit-container {
  max-width: fit-content;
  position: absolute;
  z-index: 10;
  right: 0;
  bottom: 0px;
  cursor: pointer;
} */

.form-step-container .submit-container {
  padding-top: 10px;
}

.form-step-container .submit-container p {
  max-width: fit-content;
  position: absolute;
  z-index: 10;
  right: 0;
  bottom: 0px;
  cursor: pointer;
}

@media(max-width: 420px) {
  .form-step-container .submit-container svg {
    display: none;
  }
}


.form-step-container .submit-container p {
  display: flex;
  flex-direction: row-reverse;
}

@media (max-width: 360px) {
  .multi-step-form__container {
    padding: 36px 15px 36px 15px !important;
  }
}

.form-step-container .submit-container svg {
  transform: translateY(3px);
  margin-left: 8px;
}

@media (max-width: 768px) {
  .form-step-container .submit-container svg {
    transform: translateY(0px);
  }
}



@media(max-width: 1280px) {
  .form-step-container .checkbox-row {
    margin-bottom: 24px;
  }
}

@media(max-width: 768px) {
  .form-step-container .checkbox-row {
    flex-direction: column;
  }

  .form-step-container .checkbox-container {
    width: 100%;
  }
}

@media(max-width: 767px) {

  .multi-step-form__container button.cf7mls_next,
  .multi-step-form__container button.cf7mls_back {
    gap: 15px;
  }

  .multi-step-form__container button.cf7mls_next svg,
  .multi-step-form__container button.cf7mls_back svg {
    width: 40px;
  }
}

@media(max-width: 500px) {
  .multi-step-form__tab {
    display: none;
  }

  .multi-step-form__container {
    padding: 30px 18px;
  }

  .multi-step-form__container p {
    font-size: 16px !important;
  }

  .multi-step-form__container button.cf7mls_next,
  .multi-step-form__container button.cf7mls_back,
  .form-step-container #multi-step-form-submit {
    font-size: 15px !important;
  }
}

@media(max-width: 375px) {
  .multi-step-form__container {
    padding: 30px 13px;
  }
}

.multi-step-form__container button.cf7mls_next.cf7mls_next.action-button img {
  display: none !important;
}

.wpcf7 .captcha-image,
.wpcf7 .captcha-image .cf7ic_instructions {
  color: #f00;
}

.action-button svg path,
.submit-container svg path {
  fill: var(--color-main);
}

.action-button svg line,
.submit-container svg line {
  stroke: var(--color-main);
}

/* Use Leistungen Main Color */
.df-override-main-color .form-step-container h3 span,
.df-override-main-color .multi-step-form__container button.cf7mls_next,
.df-override-main-color .multi-step-form__container button.cf7mls_back {
  color: var(--override-main-color);
}

.df-override-main-color .form-step-container #multi-step-form-submit {
  color: var(--override-main-color) !important;
}

.df-override-main-color .form-step-container .checkbox-container .form-check-icon path,
.df-override-main-color .action-button svg path,
.df-override-main-color .submit-container svg path {
  fill: var(--override-main-color);
}

.df-override-main-color .submit-container svg line,
.df-override-main-color .action-button svg line {
  stroke: var(--override-main-color);
}


/* Custom Radio Dropdown */
.multi-step-form__container .df-radio-dropdown {
  max-width: 385px;
  position: relative;
}

.multi-step-form__container .df-radio-toggle {
  margin-bottom: 10px;
  background-color: rgba(0, 45, 56, 0.05);
  border-radius: 60px;
  padding: 7px 21px;
}

.multi-step-form__container .df-radio-toggle label {
  margin-bottom: 0;
  color: var(--color-main);
  font-weight: 700;
  font-size: 18px;
}

.multi-step-form__container .df-radio-toggle p {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.multi-step-form__container .df-radio-options .wpcf7-radio{
  border: 0 !important;
  border-radius: 10px !important;
  background-color: rgba(0, 45, 56, 0.05) !important;
  padding: 11px 8px !important;
}

.multi-step-form__container .df-radio-options{
  display: none;
}

.multi-step-form__container .df-radio-options .wpcf7-radio .wpcf7-list-item{
  display: block;
  overflow: hidden;
  position: relative;
}

.multi-step-form__container .df-radio-options input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
}

.multi-step-form__container .df-radio-options input[type="radio"] + span {
  display: block;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  color: var(--color-main);
  border-radius: 60px;
  padding-left: 42px;
  background-position: left 11px center;
  background-repeat: no-repeat;
  background-size: 20px;
}

.multi-step-form__container .df-radio-options input[type="radio"]:checked + span {
  background-color: #FFFFFF;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23B7CE2B'/%3E%3Cpath d='M14.9552 6.90033C15.2219 7.16699 15.2219 7.61144 14.9552 7.8781L9.31079 13.5225C9.04412 13.7892 8.59967 13.7892 8.33301 13.5225L5.53301 10.6781C5.26634 10.4114 5.26634 9.96699 5.53301 9.70033C5.75523 9.43366 6.19967 9.43366 6.51079 9.70033L8.8219 12.0114L13.9775 6.90033C14.2441 6.58921 14.6886 6.58921 14.9552 6.90033Z' fill='white'/%3E%3C/svg%3E%0A");
}

.df-dropdown-arrow svg{
  transition: all 0.3s ease;
  transform: rotate(0deg);
}

.df-dropdown-arrow.df-opened svg{
  transform: rotate(180deg);
}