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

.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-sub);
  color: #fff;
  width: 275px;
  border-right: .5px solid white;
  transition: background-color 350ms;
}

.multi-step-form__tab .step-tab.active-tab {
  background-color: var(--color-main);
  color: #000;
}


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

}

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

.multi-step-form__tab .step-tab p {
  margin-bottom: 0;
  font-size: 17px;
}

.multi-step-form__tab .step-tab .step-circle {
  background-color: #ffffff;
  color: #000000;
  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 var(--color-custom);
  }
}

@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: #f3f3f3;
    border-radius: 10px;
  padding: 92px 72px 80px 72px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.multi-step-form__container .wpcf7 {
    background-color: #f3f3f3;
    padding: 0px;
    border-radius: 0px;
    box-shadow: none!important;
}

.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: 100%;
  position: relative;
}

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

@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%;
  height: auto;
}

.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: none;
  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;
  text-align: center!important;
  background-color: #f3f3f3;
}

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%;

}

.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;

  color: #212529;
}


.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: 400;
  text-transform: uppercase;
  padding: 15px;
  min-width: fit-content !important;
}

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

.multi-step-form__container button.cf7mls_next::after {
  content: '';
  display: inline-block;
  width: 52px;
  height: 20px;
  margin-left: 8px;
  position: relative;
  top: 4px;
  background: url('data:image/svg+xml;utf8,<svg width="52" height="20" viewBox="0 0 52 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1_786)"><path d="M51.154 9.37888L44.063 4.19701C43.5935 3.86566 42.8454 3.87517 42.3919 4.21827C41.9496 4.55294 41.9496 5.08356 42.3919 5.41823L47.4655 9.12586H26.6818C26.0291 9.12582 25.5 9.51247 25.5 9.98945C25.5 10.4664 26.0291 10.8531 26.6818 10.8531H47.4655L42.3919 14.5607C41.9224 14.8921 41.9094 15.4388 42.3628 15.7819C42.8163 16.125 43.5645 16.1345 44.0339 15.8031C44.0438 15.7961 44.0535 15.7891 44.063 15.7819L51.1539 10.6C51.6153 10.2628 51.6153 9.71611 51.154 9.37888Z" fill="%233c4267"/></g><line x1="0.5" y1="10.3" x2="48.5" y2="10.3" stroke="%233c4267" stroke-width="2.4"/><defs><clipPath id="clip0_1_786"><rect width="26" height="19" fill="white" transform="translate(25.5 0.5)"/></clipPath></defs></svg>') no-repeat;
  background-size: contain;
}

.multi-step-form__container button.cf7mls_back::before {
  content: '';
  display: inline-block;
  width: 52px;
  height: 20px;
  margin-right: 8px;
  position: relative;
  top: 4px;
  background: url('data:image/svg+xml;utf8,<svg width="52" height="20" viewBox="0 0 52 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1_786)"><path d="M51.154 9.37888L44.063 4.19701C43.5935 3.86566 42.8454 3.87517 42.3919 4.21827C41.9496 4.55294 41.9496 5.08356 42.3919 5.41823L47.4655 9.12586H26.6818C26.0291 9.12582 25.5 9.51247 25.5 9.98945C25.5 10.4664 26.0291 10.8531 26.6818 10.8531H47.4655L42.3919 14.5607C41.9224 14.8921 41.9094 15.4388 42.3628 15.7819C42.8163 16.125 43.5645 16.1345 44.0339 15.8031C44.0438 15.7961 44.0535 15.7891 44.063 15.7819L51.1539 10.6C51.6153 10.2628 51.6153 9.71611 51.154 9.37888Z" fill="%233c4267"/></g><line x1="0.5" y1="10.3" x2="48.5" y2="10.3" stroke="%233c4267" stroke-width="2.4"/><defs><clipPath id="clip0_1_786"><rect width="26" height="19" fill="white" transform="translate(25.5 0.5)"/></clipPath></defs></svg>') 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 {
  justify-content: flex-end;
}

.fieldset-cf7mls-wrapper p {
  margin: 0;
}
.form-step-container {
  margin-bottom: auto;
}

@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: 500;
  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;
  font-size: 18px !important;
}

.form-step-container .info-paragraph {
  margin: 20px 0px;
  font-size: 18px;
  font-weight: 700;
}

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

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

.form-step-container .checkbox-container:focus-visible {
  outline: var(--outline-focus-visible) !important;
  outline-offset: 0px !important;
}

.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;
}

.active-target path {
  fill: var(--color-main);
}

.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: 24px;
  padding: 10px 12px;
  width: 98%;
  position: relative;
  left: 2px;
}



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

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

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

.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;
}

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

.form-step-container #multi-step-form-submit {
  margin: 0;
  padding: 0;
  color: #456D6A;
  font-size: 17px !important;
  font-weight: 400;
  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;
}

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


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

@media (max-width: 360px) {
  .multi-step-form__container {
    padding: 36px 24px 36px 24px !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: 500px) {
  .multi-step-form__tab {
    display: none;
  }
  .multi-step-form__container {
    padding: 42px 32px 42px 32px;
  }

  .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;
  }
}

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


:root {
    --color-main: #fba61c;
    --color-sub: #fec976;
    --budi-main-gradient: transparent linear-gradient(90deg, var(--color-sub) 0%, var(--color-main) 100%) 0% 0% no-repeat padding-box;
}

/* --- Grundlayout für alle Radio-Listen --- */
.wpcf7-form-control.wpcf7-radio {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

/* Einzelne Listenelemente als Kacheln */
.wpcf7-form-control.wpcf7-radio .wpcf7-list-item {
    flex: 1 1 30%;
    text-align: center;
}

/* Label-Design (Kachel) */
.wpcf7-form-control.wpcf7-radio label {
    display: block;
    padding: 1rem 1.5rem;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    border: 2px solid transparent;
    color: #000;
}

/* Hover-Effekt */
.wpcf7-form-control.wpcf7-radio label:hover {
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    transform: translateY(-2px);
}

/* Radio-Inputs verstecken */
.wpcf7-form-control.wpcf7-radio input[type="radio"] {
    display: none;
}

/* Aktiver Zustand mit deinen Variablen */
.wpcf7-form-control.wpcf7-radio input[type="radio"]:checked + .wpcf7-list-item-label,
.wpcf7-form-control.wpcf7-radio label.active {
    background: var(--budi-main-gradient);
    border-color: var(--color-main);
    box-shadow: 0 4px 12px rgba(251,166,28,0.4);
    color: #fff;
    font-weight: 600;
}


.wpcf7-form-control-wrap{
    margin: 50px;
}


.wpcf7 form .wpcf7-response-output {
    margin: 30px 0 0;
    padding: 15px;
    font-size: 16px;
    color: #000;
    border: 0;
}