label.required::after {
  content: " *";
  color: var(--brand-red);
}

label {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
  color: var(--utility-grey-6);
}

.check_icon_wrapper {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
}

.order_form_section {
  display: flex;
  min-height: 85vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-08);
  background-color: var(--utility-grey-0);
  padding: var(--spacing-10) var(--spacing-07) var(--spacing-07)
    var(--spacing-07);
}

.order_formular_container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.order_formular_personal_information {
  display: flex;
  width: 54.125rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-06);
}

.order_formular_personal_information_inner_wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-04);
  align-self: stretch;
  width: 100%;
}

.order_overview_container {
  display: flex;
  width: 100%;
  padding: 2rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  border-radius: var(--spacing-01);
  background-color: var(--brand-dark-red);
}

.order_overview_product_container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-02);
  opacity: 0.8;
  align-self: stretch;
}

.order_overview_titel,
.order_overview_product_name,
.order_overview_product_price {
  color: var(--utility-white);
}

.order_overview_hr {
  height: 0.0625rem;
  width: 100%;
  margin: 0;
}

.order_overview_price_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-02);
  opacity: 0.8;
  align-self: stretch;
}

.order_overview_total_price_wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.25rem;
}

.order_overview_product,
.order_overview_price_without_tax,
.order_overview_price_tax,
.order_overview_price_total_container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}

.accordion--custom .accordion-item-container {
  display: flex; /* make flex element */
  align-items: center; /* aligning child items */
  column-gap: 1rem; /* adding gap between items in row */
  padding-left: 1rem;
}

.accordion--custom .accordion-item-container .accordion-button {
  padding-left: 0;
  background: none;
}

.accordion--custom .accordion-button:not(.collapsed) {
  box-shadow: none;
}

.accordion-header-select-text-wrapper {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-02);
  width: 100%;
}

.accordion-item-header {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.accordion-item-container {
  display: flex;
  padding: 1.25rem var(--spacing-03);
  justify-content: space-between;
  align-items: flex-start;
  border-radius: var(--spacing-01);
  border: 1px solid var(--utility-grey-1);
  background: var(--utility-white);
  flex-direction: column;
  gap: var(--spacing-03);
  width: 100%;
}

.accordion-item-body-container {
  display: flex;
  padding: var(--spacing-03) 2.25rem 0 2.25rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-02);
  align-self: stretch;
  border-top: 0.0625rem var(--utility-grey-1) solid;
}

.accordion-item-included-packages-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-01);
}

.order_formular_select_package_and_module {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-02);
  align-self: stretch;
}

.order_formular_select_package_and_module_titel {
  color: var(--utility-grey-6);
}

.order-input-field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-02);
  align-self: stretch;
  margin-bottom: 0 !important;
  flex: 1 1 0;
}

.order-input-field-bool {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-02);
  align-self: stretch;
  margin-bottom: 0 !important;
  & label {
    font-size: 1.125rem;
    color: var(--utility-grey-4);
    & a {
      color: var(--utility-grey-4);
    }
  }
}

.order-two-input-fields-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  align-self: stretch;
}

.order-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-06);
}

.order-formular-your-order {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-06);
  width: 54.125rem;
}

.order-formular-order-overview {
  width: 100%;
}

.order-formular-payment {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-04);
  align-self: stretch;
  width: 100%;
}

.accept-condition-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-02);
  align-self: stretch;
  width: 100%;
}

.form-check-input:checked[type="checkbox"] {
  background-image: url("/static/icons/checkbox_icon_checked.svg");
  border: none;
  background-color: unset;
}

.form-check-input[type="checkbox"] {
  border-radius: 0;
  min-width: 1em;
}

.checkboxinput {
  border-radius: 3.125rem !important;
}

.checkboxinput:checked[type="checkbox"] {
  background-image: url("/static/icons/radio_button.svg");
}

.sub_page_headline_container {
  padding: unset;
}

hr {
  width: 100%;
}

.order-button {
  height: auto;
}
@media only screen and (min-width: 1280px) and (max-width: 1535px) {
  .order-complete-container {
    max-height: 41rem;
  }
}

@media only screen and (min-width: 640px) and (max-width: 1279px) {
  .order_formular_personal_information {
    align-self: stretch;
    width: 100%;
  }

  .order-formular-your-order {
    align-self: stretch;
  }

  .order-formular-your-order {
    width: 100%;
  }

  .order_formular_container {
    width: 100%;
  }

  .order-form {
    width: 100%;
  }
}

@media only screen and (max-width: 639px) {
  .order_formular_personal_information {
    align-self: stretch;
    width: 100%;
  }

  .order-formular-your-order {
    align-self: stretch;
  }

  .order-formular-your-order {
    width: 100%;
  }

  .order_formular_container {
    width: 100%;
  }

  .order-form {
    width: 100%;
  }

  .order-two-input-fields-wrapper {
    flex-direction: column;
  }

  .order_form_section {
    padding-left: var(--spacing-04);
    padding-right: var(--spacing-04);
  }
}