.booking-form-container {
  display: flex;
}

.column-training-info {
  width: 17.708vw;
  padding: 4.688vw 0 0 0;
}

/* column training info*/
.training-tile {
  width: 12.5vw;
  padding: 1.563vw 1.563vw 1.823vw 1.563vw;
  border-radius: 2.083vw;
  background-color: #F6F1F1;
}

.training-tile-title {
  color: var(--e-global-color-secondary);
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  font-size: var(--e-global-typography-text-font-size);
  font-weight: 700;
  line-height: var(--e-global-typography-text-line-height);
  margin-bottom: 0.938vw;
}

.date-list {
  display: flex;
  flex-direction: column;
}

.date-infos {
  color: var(--e-global-color-secondary);
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  font-size: var(--e-global-typography-text-font-size);
  font-weight: var(--e-global-typography-text-font-weight);
  line-height: var(--e-global-typography-text-line-height);
}

.date-infos p {}

/* column booking form */
.column-booking-form {
  width: 47.083vw;
}

.column-booking-form .gform_wrapper.gravity-theme .gfield_checkbox label,
.column-booking-form .gform_wrapper.gravity-theme .gfield_radio label {
  color: var(--e-global-color-secondary);
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  font-size: 0.938vw;
  font-weight: var(--e-global-typography-text-font-weight);
  line-height: 1.354vw;
}

.column-booking-form .gchoice {
  margin-bottom: 3.125vw;
  position: relative;
}

.column-booking-form .gchoice.gchoice_1_15_1,
.column-booking-form .gchoice.gchoice_1_17_1,
.column-booking-form .gchoice.gchoice_1_45_1 {
  margin: 0;
}

/* steps */
.stepper-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 0.521vw;
  margin-bottom: 3.594vw;
}

.step-bar {
  width: 100%;
  height: 0.469vw;
  background-color: #ffffff;
  border-radius: 0.781vw;
}

.stepper-item.active .step-bar {
  background-color: #c8afab;
}

.stepper-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* .stepper-wrapper {
    display: flex;
  } */
.step-name {
  font-size: 0.573vw;
  color: #000000;
  line-height: 1;
  margin-bottom: 0.677vw;
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
}

/* radio button */
.column-booking-form .gfield_radio li input[type="radio"]:checked+label,
.column-booking-form .gfield_radio li input[type="radio"]:not(:checked)+label {
  margin-left: 0.495vw;
  font-weight: 400;
  font-size: 0.391vw;
}

/*Custom subscribe box for class*/
.column-booking-form [type="radio"]:not(:checked),
.column-booking-form [type="radio"]:checked {
  position: absolute !important;
  left: -9999px;
}

.column-booking-form [type="radio"]:not(:checked)+label,
.column-booking-form [type="radio"]:checked+label {
  position: relative;
  padding-left: 5.26vw;
  cursor: pointer;
}

.column-booking-form [type="radio"]:not(:checked)+label:before,
.column-booking-form [type="radio"]:checked+label:before {
  content: "";
  position: absolute;
  left: 0;
  top: -0.625vw;
  width: 3.958vw;
  height: 2.604vw;
  border-radius: 1.302vw;
  background: #fff;
  padding: 0.052vw;
}

.column-booking-form [type="radio"]:not(:checked)+label:after,
.column-booking-form [type="radio"]:checked+label:after {
  content: "";
  left: 0;
  top: -0.625vw;
  width: 3.958vw;
  height: 2.604vw;
  border-radius: 1.302vw;
  background: #f96a6a;
  position: absolute;
  transition: all 0.2s;
}

/* checked mark aspect changes */
.column-booking-form [type="radio"]:not(:checked)+label:after {
  opacity: 0;
  transform: scale(0);
}

.column-booking-form [type="radio"]:checked+label:after {
  opacity: 1;
  transform: scale(1);
}

/* disabled checkbox */
.column-booking-form [type="radio"]:disabled:not(:checked)+label:before,
.column-booking-form [type="radio"]:disabled:checked+label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}

.column-booking-form [type="radio"]:disabled:checked+label:after {
  color: #999;
}

.column-booking-form [type="radio"]:disabled+label {
  color: #aaa;
}

/* checkbox */
.column-booking-form .gfield_radio li input[type="checkbox"]:checked+label,
.column-booking-form .gfield_radio li input[type="checkbox"]:not(:checked)+label {
  margin-left: 0.495vw;
  font-weight: 400;
  font-size: 0.391vw;
}

/*Custom subscribe box for class*/
.column-booking-form [type="checkbox"]:not(:checked),
.column-booking-form [type="checkbox"]:checked {
  position: absolute !important;
  left: -9999px;
}

.column-booking-form [type="checkbox"]:not(:checked)+label,
.column-booking-form [type="checkbox"]:checked+label {
  position: relative;
  padding-left: 5.26vw;
  cursor: pointer;
}

.column-booking-form [type="checkbox"]:not(:checked)+label:before,
.column-booking-form [type="checkbox"]:checked+label:before {
  content: "";
  position: absolute;
  left: 0;
  top: -0.625vw;
  width: 3.958vw;
  height: 2.604vw;
  border-radius: 1.302vw;
  background: #fff;
  padding: 0.052vw;
}

.column-booking-form [type="checkbox"]:not(:checked)+label:after,
.column-booking-form [type="checkbox"]:checked+label:after {
  content: "";
  left: 0;
  top: -0.625vw;
  width: 3.958vw;
  height: 2.604vw;
  border-radius: 1.302vw;
  background: #f96a6a;
  position: absolute;
  transition: all 0.2s;
}

/* checked mark aspect changes */
.column-booking-form [type="checkbox"]:not(:checked)+label:after {
  opacity: 0;
  transform: scale(0);
}

.column-booking-form [type="checkbox"]:checked+label:after {
  opacity: 1;
  transform: scale(1);
}

/* disabled checkbox */
.column-booking-form [type="checkbox"]:disabled:not(:checked)+label:before,
.column-booking-form [type="checkbox"]:disabled:checked+label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}

.column-booking-form [type="checkbox"]:disabled:checked+label:after {
  color: #999;
}

.column-booking-form [type="checkbox"]:disabled+label {
  color: #aaa;
}

.gchoice.gchoice_1_32_1,
.gchoice.gchoice_1_33_1 {
  margin-bottom: 0.911vw;
}

div#field_1_31 {
  margin-bottom: 2.604vw;
}

div#field_1_43 {
  margin-bottom: 2.604vw;
}

div#field_1_51 {
  margin-bottom: 2.604vw;
}

/* next button */
.column-booking-form .gform_wrapper.gravity-theme .gform_page_footer {
  display: flex;
  margin: 3.125vw 0 0 -3.646vw;
  padding: 0;
}

.column-booking-form .gform_wrapper.gravity-theme #gform_page_1_1 .gform_page_footer {
  margin: 13.906vw 0 0 0;
}

.column-booking-form .gform_wrapper.gravity-theme #gform_page_1_1 .gform_next_button.button {
  margin: 0 0 0 5.208vw;
}

.column-booking-form .gform_wrapper.gravity-theme .gform_next_button.button {
  width: 7.031vw;
  height: 1.354vw;
  margin-left: 1.146vw;
}

.column-booking-form .gform_wrapper.gravity-theme .gform_previous_button.button {
  background-color: transparent;
  width: 7.813vw;
  height: 1.354vw;
}

.column-booking-form .gform_wrapper.gravity-theme .gfield input,
.column-booking-form .gform_wrapper.gravity-theme .gfield select {
  max-width: 100%;
  height: 2.604vw;
  border-radius: 1.302vw;
  border: 0;
  font-size: 0.729vw;
  padding: 0.521vw 0.781vw;
  top: auto;
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
}

.column-booking-form .gform_wrapper.gravity-theme .gfield_description {
  font-size: 0.729vw;
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  color: #8d8d8d;
}

.column-booking-form .gform_wrapper.gravity-theme .gform_fields {
  grid-row-gap: 0.729vw;
}

.column-booking-form .gform_wrapper.gravity-theme .ginput_container_date input {
  width: 100%;
  color: var(--e-global-color-secondary);
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  font-size: 0.729vw;
  line-height: var(--e-global-typography-text-line-height);
}

.column-booking-form .gform_wrapper.gravity-theme .gfield textarea.large {
  height: 10.677vw;
  border-radius: 1.302vw;
  border: 0;
  font-size: 0.729vw;
  padding: 0.521vw 0.781vw;
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
}

.column-booking-form .link-text {
  background: url(https://www.dont-call-me-sick.de/wp-content/uploads/2023/05/dcms_desktop_LINK-im-text.svg) no-repeat;
  padding-left: 2vw;
  background-size: 1.615vw;
  background-position: left center;
  margin-left: 0.26vw;
  color: #F96A6A;
}

input#gform_submit_button_1 {
  width: 17.917vw;
  height: 3.021vw;
  margin-left: 1.146vw;
}

/* overview */
table.table-booking-overview {
  border: 0;
  margin: 0 0 3.125vw 0;
  color: #000000;
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  font-size: var(--e-global-typography-text-font-size);
}

table.table-booking-overview td {
  border: 0;
  padding: 0;
  line-height: 1.4;
}

table.table-booking-overview tr>td:first-of-type {
  width: 14.021vw;
}

table.table-booking-overview tr {
  vertical-align: top;
}

.overview_heading {
  font-weight: 700;
}

table.table-booking-overview td {
  padding: 0;
}

.column-booking-form .ginput_container.ginput_container_text,
.column-booking-form .ginput_container.ginput_container_email {
  display: flex;
}

.column-booking-form .gform_wrapper.gravity-theme div#gform_page_1_4 .gform_previous_button.button {
  margin: 1.042vw 0 0 0;

}

.column-booking-form .gform_wrapper.gravity-theme div#gform_page_1_4 .gform_page_footer {
  margin: 3.125vw 0 0 -7.085vw;
}

/* Error */
.column-booking-form .gform_wrapper .gform_validation_errors {
  display: none;
}

.column-booking-form .gform_wrapper.gravity-theme #gform_page_1_3 .ginput_container_text+.validation_message,
.column-booking-form .gform_wrapper.gravity-theme #gform_page_1_3 .ginput_container_email+.validation_message,
.column-booking-form .gform_wrapper.gravity-theme #gform_page_1_3 .ginput_container_date+input+.validation_message,
.column-booking-form .gform_wrapper.gravity-theme #gform_page_1_3 .ginput_container_select+.validation_message,
.column-booking-form .gform_wrapper.gravity-theme #gform_page_1_3 .ginput_container_textarea+.gfield_description+.validation_message {
  height: 2.604vw;
  border-radius: 1.302vw;
  border: 0;
  font-size: 0.938vw;
  padding: 0.521vw 0.781vw;
  background-color: #f96a6a;
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}

.column-booking-form .gform_wrapper.gravity-theme #gform_page_1_3 #field_1_31 .ginput_container_textarea+.gfield_description+.validation_message {
  height: 10.677vw;
}

.column-booking-form .gform_wrapper.gravity-theme #gform_page_1_3 .gfield {
  position: relative;
}

.column-booking-form #validation_message_1_17,
.column-booking-form #validation_message_1_15,
.column-booking-form #validation_message_1_45 {
  height: 2.604vw;
  border-radius: 1.302vw;
  border: 0;
  font-size: 0.938vw;
  padding: 0.521vw 0.781vw;
  background-color: #f96a6a;
  color: #ffffff;
  margin: 0.521vw 0 0.521vw 0;
}

.gform_wrapper .gfield_error label {
  color: #f96a6a;
}

.error_border {
  cursor: pointer;
}

.gchoice .error_border {
  display: none;
  width: 3.958vw;
  height: 2.604vw;
  border-radius: 1.302vw;
  position: absolute;
  top: -0.625vw;
  left: 0;
  border-width: 0.365vw;
  border-style: solid;
  border-color: #f96a6a;
}

.gfield_checkbox .gchoice .error_border {
  top: -0.521vw;
}

.gfield_error .gchoice .error_border {
  display: block;
}

/* text & email input*/
.ginput_container_text .error_border,
.ginput_container_email .error_border,
.ginput_container_date .error_border,
.ginput_container_select .error_border {
  display: none;
  width: 100%;
  height: 2.604vw;
  border-radius: 1.302vw;
  position: absolute;
  top: 0;
  left: 0;
  border-width: 0.365vw;
  border-style: solid;
  border-color: #f96a6a;
}

.gfield_error .ginput_container_text .error_border,
.gfield_error .ginput_container_email .error_border,
.gfield_error .ginput_container_date .error_border,
.gfield_error .ginput_container_select .error_border {
  display: block;
}

/* textarea */
.ginput_container_textarea .error_border {
  display: none;
  width: 100%;
  height: 10.677vw;
  border-radius: 1.302vw;
  position: absolute;
  top: 0;
  left: 0;
  border-width: 0.365vw;
  border-style: solid;
  border-color: #f96a6a;
}

.gfield_error .ginput_container_textarea .error_border {
  display: block;
}

.validation_message.gfield_validation_message {
  display: none;
}

.column-booking-form .gform_wrapper.gravity-theme .gfield select {
  color: rgb(0 0 0 / 37%);
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  font-size: 0.729vw;
  line-height: var(--e-global-typography-text-line-height);
}

.column-booking-form .gfield select option:not(:first-of-type) {
  color: black;
}

div#gfield_description_1_31 {
  font-size: 0.417vw;
  padding-top: 0.625vw;
}

.date-infos {
  font-size: 1vw;
  line-height: normal;
}

.start-date {
  margin-bottom: 0.8vw;
}
span.start-date-item {
  font-weight: 700;
}
p.start-date-heading, p.followup-date-heading {
  font-size: var(--e-global-typography-3b23740-font-size);
  font-weight: 300;
  text-transform: var(--e-global-typography-3b23740-text-transform);
  line-height: var(--e-global-typography-3b23740-line-height);
}
@media (max-width: 767px) {
  div#gfield_description_1_31 {
    font-size: 8px;
    padding-top: 12px;
  }

  .booking-form-container {
    flex-direction: column;
    position: relative;
  }

  .column-training-info {
    width: 100%;
    padding: 0 0 0 0;
    min-height: 56.533vw;
  }

  .column-booking-form {
    width: 100%;
  }

  .training-tile {
    width: 34.667vw;
    padding: 5.067vw 5.067vw 6.133vw 5.067vw;
    border-radius: 4.8vw;
    background-color: #F6F1F1;
  }

  .stepper-wrapper {
    display: flex;
  }

  .stepper-wrapper {
    position: absolute;
    top: 0;
    left: 42.667vw;
    flex-direction: column;
  }

  .step-bar {
    width: 1.067vw;
    height: 10.400vw;
    background-color: #ffffff;
    border-radius: 0.781vw;
  }

  .step-name {
    font-size: 2.400vw;
    line-height: 1.2;
  }

  .stepper-item {
    position: relative;
    margin-bottom: 3.733vw;
  }

  .step-name {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 14.667vw;
    left: 4vw;
  }

  .column-booking-form .gform_wrapper.gravity-theme .gfield_checkbox label,
  .column-booking-form .gform_wrapper.gravity-theme .gfield_radio label {
    font-size: 3.733vw;
    line-height: 5.867vw;
  }

  .column-booking-form [type="radio"]:not(:checked)+label,
  .column-booking-form [type="radio"]:checked+label {
    padding-left: 14.667vw;
  }

  .gform_wrapper.gravity-theme .gfield-choice-input+label {
    max-width: 100%;
  }

  .column-booking-form [type="radio"]:not(:checked)+label:before,
  .column-booking-form [type="radio"]:checked+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: -0.625vw;
    width: 11.733vw;
    height: 7.467vw;
    border-radius: 4.8vw;
    background: #fff;
    padding: 0.052vw;
  }

  .column-booking-form [type="radio"]:not(:checked)+label:after,
  .column-booking-form [type="radio"]:checked+label:after {
    content: "";
    left: 0;
    top: -0.625vw;
    width: 11.733vw;
    height: 7.467vw;
    border-radius: 4.8vw;
    background: #f96a6a;
    position: absolute;
    transition: all 0.2s;
  }

  .gform-body.gform_body {
    margin: 16vw 0 0 0;
  }

  .gchoice .error_border {
    border-width: 1.333vw;
    width: 11.733vw;
    height: 7.467vw;
    border-radius: 4.8vw;
  }

  .column-booking-form .gform_wrapper.gravity-theme #gform_page_1_1 .gform_page_footer {
    margin: 14.400vw 0 0 0;
  }

  .column-booking-form .gform_wrapper.gravity-theme #gform_page_1_1 .gform_next_button.button {
    margin: 0 0 0 14.667vw;
  }

  .column-booking-form .gform_wrapper.gravity-theme .gform_next_button.button {
    width: 22.933vw;
    height: 4.267vw;
    margin: 0 0 0 14.667vw;
  }

  .column-booking-form .gform_wrapper.gravity-theme .gform_page_footer {
    position: relative;
    z-index: 2;
    margin: 14.667vw 0 0 0;
  }

  .column-booking-form .gform_wrapper.gravity-theme .gform_previous_button.button {
    width: 22.933vw;
    height: 4.267vw;
    position: absolute;
    top: 6.933vw;
    margin: 0 0 0 2.667vw;
  }

  .column-booking-form .gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 4.267vw;
  }

  .column-booking-form .gform_wrapper.gravity-theme .gfield input,
  .column-booking-form .gform_wrapper.gravity-theme .gfield select {
    min-height: 7.467vw !important;
    line-height: 1;
    border-radius: 4.8vw;
    font-size: 2.933vw;
    padding: 2.667vw;
  }

  .column-booking-form .gform_wrapper.gravity-theme .gfield textarea.large {
    padding: 2.667vw;
    height: 54.933vw;
    font-size: 2.933vw;
    border-radius: 4.8vw;
  }

  .column-booking-form .gform_wrapper.gravity-theme .gfield_description {
    font-size: 2.133vw;
    padding-top: 1.6vw;
  }

  .column-booking-form [type="checkbox"]:not(:checked)+label,
  .column-booking-form [type="checkbox"]:checked+label {
    padding-left: 14.667vw;
  }

  .column-booking-form [type="checkbox"]:not(:checked)+label:before,
  .column-booking-form [type="checkbox"]:checked+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: -0.625vw;
    width: 11.733vw;
    height: 7.467vw;
    border-radius: 4.8vw;
    background: #fff;
    padding: 0.052vw;
  }

  .column-booking-form [type="checkbox"]:not(:checked)+label:after,
  .column-booking-form [type="checkbox"]:checked+label:after {
    content: "";
    left: 0;
    top: -0.625vw;
    width: 11.733vw;
    height: 7.467vw;
    border-radius: 4.8vw;
    background: #f96a6a;
    position: absolute;
    transition: all 0.2s;
  }

  .column-booking-form .link-text {
    padding-left: 8.6vw;
    background-size: 6.667vw;
    margin-left: 1vw;
  }

  .column-booking-form .gform_wrapper.gravity-theme .gfield select {
    height: auto;
  }

  .ginput_container_text .error_border,
  .ginput_container_email .error_border,
  .ginput_container_date .error_border,
  .ginput_container_select .error_border {
    border-radius: 4.8vw;
    min-height: 7.467vw;
    border-width: 1.333vw;
  }

  .ginput_container_textarea .error_border {
    height: 54.933vw;
    border-radius: 4.8vw;
    border-width: 1.333vw;
  }

  .column-booking-form .gchoice.gchoice_1_17_0 {
    margin-bottom: 6.933vw;
  }

  table.table-booking-overview tr>td:first-of-type {
    width: 58.667vw;
  }

  table.table-booking-overview tr {
    display: inline-grid;
  }

  .column-booking-form .gform_wrapper.gravity-theme div#gform_page_1_4 .gform_page_footer {
    margin: 14.667vw 0 0 0;
  }

  .column-booking-form .gform_wrapper.gravity-theme div#gform_page_1_4 .gform_previous_button.button {
    position: relative;
    margin: 0 0 0 2.667vw;
    top: 0;
  }

  input#gform_submit_button_1 {
    width: 58.400vw;
    height: 9.867vw;
    margin: 0 0 0 13.600vw;
    position: absolute;
    top: 6.933vw;
  }

  .date-infos {
    font-size: 2.4vw;
  }
  .start-date {
    margin-bottom: 2vw;
  }
}