html {
  height: 100%;
}

body {
  height: 100%;
}

.super-shortcode-field {
  font-family: "Roboto", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0.15px !important;
  color: #131313 !important;
}

/* ===== WIDGET COMPONENT ============================================= */

.section__stepper-widget {
  background-color: #fff;
  margin: 24px auto 0 auto !important;
  /* padding: 0 !important; */
}

.section__stepper-widget .select-language {
  /* display: none; */
}

.stepper__desc {
  background-image: linear-gradient(131deg, rgba(255,82,82,1) 0%, rgba(244,67,54,1) 100%);
  background-size: 222% 222%;
  padding: 32px 32px 40px 32px;
}

.stepper__form {}

.super-multipart-progress {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 8px !important;
  margin: 0 !important;
}

.super-multipart-progress .super-multipart-progress-inner {
  padding: 0 !important;
  border: none !important;
}

.super-item.radio-buttons-field:not(.super-has-image) {
  border: 1px solid #dadce0;
  border-radius: 4px !important;
}


.section__stepper-widget .stepper__form .elementor-widget-wrap > .elementor-element,
.section__stepper-widget .stepper__form .elementor-widget-wrap > .elementor-element .elementor-widget-container,
.section__stepper-widget .stepper__form .elementor-widget-wrap > .elementor-element .elementor-widget-container .elementor-shortcode,
.section__stepper-widget .stepper__form .elementor-widget-wrap > .elementor-element .elementor-widget-container .super-form {
  width: 100%;
  height: 100%;
}

/* HandsetPortrait */
@media (max-width: 599.98px) and (orientation: portrait) {
  .super-info-button {
    position: absolute;
    bottom: 16px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 99999999;
  }

  .select-language {
    right: 16px !important;
    top: -16px !important;
    padding: 8px !important;
    background: #fff !important;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    box-shadow: 0px -10px 10px -4px rgb(0 0 0 / 13%), 0 -3px 0.5px -2px rgb(0 0 0 / 3%), 0 -2px 1px 0 rgb(0 0 0 / 2%), 0 -1px 2.5px 0 rgb(0 0 0 / 2%);
  }

  .super-multipart-progress {
    position: relative !important;
    border-radius: 8px !important;
    overflow: hidden;
  }

  .section__stepper-widget {}

  .stepper__container {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 20px 40px rgb(0 0 0 / 8%);
    max-width: calc(100% - 32px) !important;
    margin: auto !important;
  }

  .section__stepper-widget .stepper__desc {}

  .section__stepper-widget .stepper__desc .stepper__desc--headline {
    color: #fff;
    font-weight: 400;
    font-size: 20px !important;
    line-height: 28px !important;
    letter-spacing: 0.15px !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
  }

  .section__stepper-widget .stepper__desc .stepper__desc--content {
    color: #fff;
    font-weight: 400;
    font-size: 14px !important;
    line-height: 22px !important;
    letter-spacing: 0.15px !important;
    /* hyphens: none !important; */
  }

  .section__stepper-widget .stepper__desc .stepper__desc--content ol {
    list-style-position: inside;
    padding-left: 0;
  }

  .section__stepper-widget .stepper__desc .stepper__desc--content ol li {
    list-style-type: decimal !important;
    margin-top: 0;
    margin-bottom: 0;
  }

  .section__stepper-widget .stepper__desc .stepper__desc--content ol li:not(:last-child) {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }

  .section__stepper-widget .stepper__form {}

  .section__stepper-widget .stepper__form .elementor-widget-wrap > .elementor-element .elementor-widget-container .super-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: calc(24px + 8px) 16px 16px 16px !important;
  }

  .section__stepper-widget .stepper__form .elementor-widget-wrap > .elementor-element .elementor-widget-container .super-form form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-top: 32px !important;
    padding-bottom: 64px !important;
  }

  .super-button {
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    border-radius: 4px !important;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
  }

  .super-button.super-prev-multipart {
    bottom: 0;
    left: 0;
    z-index: 90000;
  }

  .super-button.super-next-multipart {
    bottom: 0;
    right: 0;
    z-index: 90000;
  }

  .super-button .super-button-wrap {
    background: transparent !important;
    margin: 0 !important;
    padding: 0 16px !important;
    display: flex;
    height: 36px !important;
    border-radius: 4px !important;
    --mdc-theme-primary: #37474f !important;
    --mdc-theme-on-primary: #d50000 !important;
  }

  .super-button .super-button-name {
    color: #37474f !important;
    font-size: 14px !important;
    letter-spacing: 1.25px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    font-family: "Roboto", sans-serif !important;
    display: flex !important;
    align-items: center;
    height: 100% !important;
  }

  .super-item.radio-buttons-field:not(.super-has-image) div,
  input.super-datepicker {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #000 !important;
    hyphens: none;
  }

  .super-field-size-huge .super-filled.date-field-wrapper .super-adaptive-placeholder span {
    margin-top: -52px !important;
  }

  /* ===== STEP 01 ============================================= */

  .step--01 {}

  .step--01 .super-button {
    display: none !important;
  }

  .step--01 > .super-shortcode {
    margin: 0 !important;
  }

  .step--01 .super-field-wrapper  {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto !important;
    grid-auto-rows: auto !important;
    grid-template-rows: max-content !important;
    grid-gap: 16px;
  }

  .step--01 .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--01 .super-field-wrapper label {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #dadce0;
  }

  .step--01 .super-field-wrapper label.super-has-image.super-active {
    border-radius: 4px !important;
    border: 1px solid #00c853 !important;
    background: rgba(0, 200, 83, 0.1) !important;
  }

  .step--01 .super-field-wrapper label .item__content {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 0;
    padding: 12px;
  }

  .step--01 .super-field-wrapper label .item__content > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--01 .super-field-wrapper label .item__content .image {
    width: 100% !important;
    height: 100% !important;
    max-width: 112px !important;
    max-height: 112px !important;
    margin: auto !important;
  }

  .step--01 .super-field-wrapper label .item__content .image::before,
  .step--01 .super-field-wrapper label .item__content .image::after {
    content: none !important;
  }

  .step--01 .super-field-wrapper label .item__content .image img {
    margin: auto;
  }

  .step--01 .super-field-wrapper label .item__content input {
    position: absolute;
    opacity: 0;
  }

  .step--01 .super-label {
    margin-bottom: 16px !important;
  }

  .super-label,
  .mdc-typography--subtitle1 {
    font-family: "Roboto", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 32px !important;
    margin: 0;
    padding: 0 !important;
    text-align: center;
    color: #102027 !important;
    letter-spacing: -0.15px !important;
  }

  .step--01 .super-field-wrapper label .item__content .item__headline {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #102027 !important;
    letter-spacing: 0.15px !important;
    line-height: 20px !important;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: start;
  }

  /* ===== STEP 02 ============================================= */

  .step--02 {}

  /* .step--02 div.super-label {
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Roboto", sans-serif !important;
    color: #222 !important;
    hyphens: none;
    letter-spacing: 0.15px;
    text-align: center !important;
  } */

  /* SOZIALRECHT */

  .step--02 .container__sozialrecht {}

  .step--02 .container__sozialrecht > div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--02 .container__sozialrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--02 .container__sozialrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__sozialrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: 48px 48px !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 8px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr !important;
  }

  .step--02 .container__sozialrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__sozialrecht .super-item {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 0 56px !important;
  }

  .step--02 .container__sozialrecht .super-item::before {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 16px !important;
    width: 24px !important;
    height: 24px !important;
  }

  .step--02 .container__sozialrecht .super-item::after {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 20px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .step--02 .container__sozialrecht .super-date {
    width: 100% !important;
    margin: auto !important;
    float: none !important;
  }

  .step--02 .container__sozialrecht .super-date .super-adaptive-placeholder {
    height: 53px !important;
  }

  /* ARBEITSRECHT */

  .step--02 .container__arbeitsrecht {}

  .step--02 .container__arbeitsrecht > div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--02 .container__arbeitsrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--02 .container__arbeitsrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 4px;
    grid-auto-flow: row;
    grid-auto-rows: auto !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label {
    margin: 0;
    padding: 0 !important;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden !important;
    border: 1px solid transparent;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label.super-active {
    border-radius: 4px !important;
    border: 1px solid #00c853 !important;
    background: rgba(0, 200, 83, 0.1) !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 40px 1fr;
    grid-template-rows: 40px;
    justify-content: center;
    justify-items: start;
    align-content: center;
    align-items: center;
    grid-gap: 16px;
    padding: 12px 16px !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content input {
    position: absolute;
    opacity: 0;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content .image {
    margin: auto auto !important;
    padding: 0px !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 56px !important;
    max-height: 56px !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content .image::before,
  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content .image::after {
    content: none !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content .image img {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content .item__headline {
    font-size: 16px !important;
    letter-spacing: 0.15px !important;
    line-height: 20px !important;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: start;
    font-weight: 400;
    color: #102027;
    hyphens: none !important;
    text-align: left !important;
  }

  /* FAMILIENRECHT */

  .step--02 .container__familienrecht {}

  .step--02 .container__familienrecht > div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--02 .container__familienrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--02 .container__familienrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 16px;
    grid-auto-flow: row;
    grid-auto-rows: auto !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label {
    margin: 0;
    padding: 0 !important;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden !important;
    border: 1px solid transparent;
  }

  .step--02 .container__familienrecht .super-field-wrapper label.super-active {
    border-radius: 4px !important;
    border: 1px solid #00c853 !important;
    background: rgba(0, 200, 83, 0.1) !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 64px 1fr;
    grid-template-rows: 64px;
    justify-content: center;
    justify-items: start;
    align-content: center;
    align-items: center;
    grid-gap: 16px;
    padding: 12px 16px !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content input {
    position: absolute;
    opacity: 0;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content .image {
    margin: auto auto !important;
    padding: 0px !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 80px !important;
    max-height: 80px !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content .image::before,
  .step--02 .container__familienrecht .super-field-wrapper label .item__content .image::after {
    content: none !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content .image img {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content .item__headline {
    font-size: 16px !important;
    letter-spacing: 0.15px !important;
    line-height: 20px !important;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: start;
    font-weight: 400;
    color: #102027;
    hyphens: none !important;
    text-align: left !important;
  }

  /* SONSTIGES */

  .step--02 .container__sonstiges {}

  .step--02 .container__sonstiges > div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--02 .container__sonstiges .text-area-field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--02 .container__sonstiges .text-area-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  /* ===== STEP 03 ============================================= */

  .step--03 {}

  /* .step--03 div.super-label {
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Roboto", sans-serif !important;
    color: #222 !important;
    hyphens: none;
    letter-spacing: 0.15px;
    text-align: center !important;
  } */

  /* SOZIALRECHT */

  .step--03 .container__sozialrecht {}

  .step--03 .container__sozialrecht > div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--03 .container__sozialrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--03 .container__sozialrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__sozialrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: 48px 48px !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 8px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr !important;
  }

  .step--03 .container__sozialrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__sozialrecht .super-item {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 0 56px !important;
  }

  .step--03 .container__sozialrecht .super-item::before {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 16px !important;
    width: 24px !important;
    height: 24px !important;
  }

  .step--03 .container__sozialrecht .super-item::after {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 20px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .step--03 .container__sozialrecht .super-date {
    width: 100% !important;
    margin: auto !important;
    float: none !important;
  }

  .step--03 .container__sozialrecht .super-date .super-adaptive-placeholder {
    height: 53px !important;
  }

  /* ARBEITSRECHT */

  .step--03 .container__arbeitsrecht {}

  .step--03 .container__arbeitsrecht > div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--03 .container__arbeitsrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--03 .container__arbeitsrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__arbeitsrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: 48px 48px !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 8px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr !important;
  }

  .step--03 .container__arbeitsrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__arbeitsrecht .super-item {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 0 56px !important;
  }

  .step--03 .container__arbeitsrecht .super-item::before {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 16px !important;
    width: 24px !important;
    height: 24px !important;
  }

  .step--03 .container__arbeitsrecht .super-item::after {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 20px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .step--03 .container__arbeitsrecht .super-date {
    width: 100% !important;
    margin: auto !important;
    float: none !important;
  }

  .step--03 .container__arbeitsrecht .super-date .super-adaptive-placeholder {
    height: 53px !important;
  }

  /* FAMILIENRECHT */

  .step--03 .container__familienrecht {}

  .step--03 .container__familienrecht > div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--03 .container__familienrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--03 .container__familienrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__familienrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: 48px 48px !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 8px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr !important;
  }

  .step--03 .container__familienrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__familienrecht .super-item {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 0 56px !important;
  }

  .step--03 .container__familienrecht .super-item::before {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 16px !important;
    width: 24px !important;
    height: 24px !important;
  }

  .step--03 .container__familienrecht .super-item::after {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 20px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .step--03 .container__familienrecht .super-date {
    width: 100% !important;
    margin: auto !important;
    float: none !important;
  }

  .step--03 .container__familienrecht .super-date .super-adaptive-placeholder {
    height: 53px !important;
  }

  /* SONSTIGES */

  .step--03 .container__sonstiges {}

  .step--03 .container__sonstiges > div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--03 .container__sonstiges .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--03 .container__sonstiges .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__sonstiges .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: 48px 48px !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 8px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr !important;
  }

  .step--03 .container__sonstiges .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__sonstiges .super-item {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 0 56px !important;
  }

  .step--03 .container__sonstiges .super-item::before {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 16px !important;
    width: 24px !important;
    height: 24px !important;
  }

  .step--03 .container__sonstiges .super-item::after {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 20px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .step--03 .container__sonstiges .super-date {
    width: 100% !important;
    margin: auto !important;
    float: none !important;
  }

  .step--03 .container__sonstiges .super-date .super-adaptive-placeholder {
    height: 53px !important;
  }

  /* ===== STEP 04 ============================================= */

  .step--04 {}

  .step--04 div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  /* .step--04 div.super-label {
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Roboto", sans-serif !important;
    color: #222 !important;
    hyphens: none;
    letter-spacing: 0.15px;
    text-align: center !important;
  } */

  .step--04 .text-area-field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--04 .text-area-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  /* SOZIALRECHT */

  .step--04 .container__sozialrecht {}

  /* ARBEITSRECHT */

  .step--04 .container__arbeitsrecht {}

  /* FAMILIENRECHT */

  .step--04 .container__familienrecht {}

  /* SONSTIGES */

  .step--04 .container__sonstiges {}

  /* ===== STEP 05 ============================================= */

  .step--05 {}

  /* .step--05 div.super-label {
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Roboto", sans-serif !important;
    color: #222 !important;
    hyphens: none;
    letter-spacing: 0.15px;
    text-align: center !important;
  } */

  .step--05 div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--05 .radio-buttons-field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--05 .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 16px;
    grid-auto-flow: row;
    grid-auto-rows: auto !important;
    /* margin-bottom: 24px !important; */
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label {
    margin: 0;
    padding: 0 !important;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden !important;
    border: 1px solid #dadce0;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label:not(.super-has-image) {
    display: flex !important;
    padding: 16px !important;
    align-items: center;
    padding: 16px 0 16px 96px !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label:not(.super-has-image)::before {
    top: 0 !important;
    bottom: 0 !important;
    left: 40px !important;
    margin: auto !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label:not(.super-has-image)::after {
    top: 0 !important;
    bottom: 0 !important;
    left: 44px !important;
    margin: auto !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label:not(.super-has-image) > div {
    color: #444444 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label.super-has-image.super-active,
  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label.super-active {
    border-radius: 4px !important;
    border: 1px solid #00c853 !important;
    background: rgba(0, 200, 83, 0.1) !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 64px 1fr;
    grid-template-rows: 64px;
    justify-content: center;
    justify-items: start;
    align-content: center;
    align-items: center;
    grid-gap: 16px;
    padding: 12px 16px !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content .image {
    margin: auto auto !important;
    padding: 0px !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 80px !important;
    max-height: 80px !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content .image::before,
  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content .image::after {
    content: none !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content .image img {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content input {
    position: absolute;
    opacity: 0;
  }

  /* SOZIALRECHT */

  .step--05 .container__sozialrecht {}

  /* ARBEITSRECHT */

  .step--05 .container__arbeitsrecht {}

  /* FAMILIENRECHT */

  .step--05 .container__familienrecht {}

  /* SONSTIGES */

  .step--05 .container__sonstiges {}

  /* ===== STEP 06 ============================================= */

  .step--06 {}

  /* .step--06 div.super-label {
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Roboto", sans-serif !important;
    color: #222 !important;
    hyphens: none;
    letter-spacing: 0.15px;
    text-align: center !important;
  } */

  .step--06 div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--06 div.super-description {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 22px !important;
    letter-spacing: 0.15px !important;
  }

  .step--06 .file-upload-field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--06 .file-upload-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--06 .super-fileupload-button {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0 0 0 7px;
  }

  .step--06 .super-fileupload-button i {
    display: none !important;
  }

  .step--06 .super-fileupload-button .super-fileupload-button-text {
    width: max-content;
    height: 39px;
    position: relative !important;
    top: unset !important;
    right: unset !important;
    bottom: unset !important;
    left: unset !important;
    display: flex;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: center;
    background: #37474f;
    border-radius: 3px;
    padding: 0 12px;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.15px;
    font-family: "Roboto", sans-serif !important;
    color: #fff;
    font-weight: 500;
  }

  .step--06 .super-fileupload-files {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 48px !important;
    grid-gap: 0 !important;
    padding: 8px !important;
    justify-content: end;
    align-content: end;
    align-items: end;
    justify-items: end;
    grid-auto-rows: 48px !important;
    width: 100%;
  }

  .step--06 .super-fileupload-files > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--06 .super-fileupload-files div {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    border-bottom: 1px solid #e8e8e9;
  }

  .step--06 .super-fileupload-files span.super-fileupload-name {
    font-size: 13px !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.15px !important;
    color: #62727b !important;
  }

  .step--06 .super-fileupload-files span.super-fileupload-delete {
    font-size: 13px !important;
    color: #37474f !important;
  }

  /* SOZIALRECHT */

  .step--06 .container__sozialrecht {}

  /* ARBEITSRECHT */

  .step--06 .container__arbeitsrecht {}

  /* FAMILIENRECHT */

  .step--06 .container__familienrecht {}

  /* SONSTIGES */

  .step--06 .container__sonstiges {}

  /* ===== STEP 07 ============================================= */

  .step--07 {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-gap: 24px;
  }

  .step--07 > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--07 div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--07 .super-form-button:not(.super-prev-multipart) {
    bottom: 0;
    right: 0;
    z-index: 90000;
  }

  .step--07 > .super-grid {
    display: grid !important;
    grid-gap: 24px;
  }

  .step--07 > .super-grid > * {
    min-width: 0 !important;
    min-height: 0 !important;
    width: 100% !important;
    padding: 0 !important;
  }

  .step--07 > .super-grid:nth-child(1) {}

  .step--07 > .super-grid:nth-child(2) {}

  .step--07 > .super-grid:nth-child(3) {}

  .step--07 > .super-grid:nth-child(4) {}

  .step--07 > .super-grid:nth-child(4) .check-box-field {
    padding: 0 !important;
    width: 100% !important;
    height: 32px !important;
  }

  .step--07 > .super-grid:nth-child(4) .check-box-field > div {
    margin-left: 32px !important;
  }

  .step--07 > .super-grid:nth-child(4) .check-box-field::before {
    margin: 0 !important;
    position: absolute !important;
    top: 0 !important;
    right: unset !important;
    bottom: 0 !important;
    left: unset !important;
    width: 18px !important;
    height: 18px !important;
    margin: auto !important;
  }

  .step--07 > .super-grid:nth-child(4) .check-box-field::after {
    margin: 0 !important;
    position: absolute !important;
    top: 0 !important;
    right: unset !important;
    bottom: 0 !important;
    left: 3px !important;
    width: 12px !important;
    height: 12px !important;
    margin: auto !important;
  }

  .step--07 .text-field-field-wrapper {
    width: 100% !important;
    margin: 0 !important;
  }

  /* SOZIALRECHT */

  .step--07 .container__sozialrecht {}

  /* ARBEITSRECHT */

  .step--07 .container__arbeitsrecht {}

  /* FAMILIENRECHT */

  .step--07 .container__familienrecht {}

  /* SONSTIGES */

  .step--07 .container__sonstiges {}
}

/* HandsetLandscape */
@media (max-width: 959.98px) and (orientation: landscape) {
  .super-info-button {
    position: absolute;
    bottom: 16px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 99999999;
  }

  .select-language {
    right: 16px !important;
    top: -16px !important;
    padding: 8px !important;
    background: #fff !important;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    box-shadow: 0px -10px 10px -4px rgb(0 0 0 / 13%), 0 -3px 0.5px -2px rgb(0 0 0 / 3%), 0 -2px 1px 0 rgb(0 0 0 / 2%), 0 -1px 2.5px 0 rgb(0 0 0 / 2%);
  }

  .super-multipart-progress {
    position: relative !important;
    border-radius: 8px !important;
    overflow: hidden;
  }

  .section__stepper-widget {}

  .stepper__container {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 20px 40px rgb(0 0 0 / 8%);
    max-width: calc(100% - 32px) !important;
    margin: auto !important;
  }

  .section__stepper-widget .stepper__desc {}

  .section__stepper-widget .stepper__desc .stepper__desc--headline {
    color: #fff;
    font-weight: 400;
    font-size: 20px !important;
    line-height: 28px !important;
    letter-spacing: 0.15px !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
  }

  .section__stepper-widget .stepper__desc .stepper__desc--content {
    color: #fff;
    font-weight: 400;
    font-size: 14px !important;
    line-height: 22px !important;
    letter-spacing: 0.15px !important;
    /* hyphens: none !important; */
  }

  .section__stepper-widget .stepper__desc .stepper__desc--content ol {
    list-style-position: inside;
    padding-left: 0;
  }

  .section__stepper-widget .stepper__desc .stepper__desc--content ol li {
    list-style-type: decimal !important;
    margin-top: 0;
    margin-bottom: 0;
  }

  .section__stepper-widget .stepper__desc .stepper__desc--content ol li:not(:last-child) {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }

  .section__stepper-widget .stepper__form {}

  .section__stepper-widget .stepper__form .elementor-widget-wrap > .elementor-element .elementor-widget-container .super-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: calc(24px + 8px) 24px 24px 24px !important;
  }

  .section__stepper-widget .stepper__form .elementor-widget-wrap > .elementor-element .elementor-widget-container .super-form form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-top: 32px !important;
    padding-bottom: 64px !important;
  }

  .super-button {
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    border-radius: 4px !important;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
  }

  .super-button.super-prev-multipart {
    bottom: 0;
    left: 0;
    z-index: 90000;
  }

  .super-button.super-next-multipart {
    bottom: 0;
    right: 0;
    z-index: 90000;
  }

  .super-button .super-button-wrap {
    background: transparent !important;
    margin: 0 !important;
    padding: 0 16px !important;
    display: flex;
    height: 36px !important;
    border-radius: 4px !important;
    --mdc-theme-primary: #37474f !important;
    --mdc-theme-on-primary: #d50000 !important;
  }

  .super-button .super-button-name {
    color: #37474f !important;
    font-size: 14px !important;
    letter-spacing: 1.25px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    font-family: "Roboto", sans-serif !important;
    display: flex !important;
    align-items: center;
    height: 100% !important;
  }

  .super-item.radio-buttons-field:not(.super-has-image) div,
  input.super-datepicker {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #000 !important;
    hyphens: none;
  }

  .super-field-size-huge .super-filled.date-field-wrapper .super-adaptive-placeholder span {
    margin-top: -52px !important;
  }

  /* ===== STEP 01 ============================================= */

  .step--01 {}

  .step--01 .super-button {
    display: none !important;
  }

  .step--01 > .super-shortcode {
    margin: 32px 0 32px 0 !important;
  }

  .step--01 .super-field-wrapper  {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto !important;
    grid-auto-rows: auto !important;
    grid-template-rows: max-content !important;
    grid-gap: 16px;
  }

  .step--01 .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--01 .super-field-wrapper label {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid transparent;
  }

  .step--01 .super-field-wrapper label.super-has-image.super-active {
    border-radius: 4px !important;
    border: 1px solid #00c853 !important;
    background: rgba(0, 200, 83, 0.1) !important;
  }

  .step--01 .super-field-wrapper label .item__content {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px;
    padding: 16px;
  }

  .step--01 .super-field-wrapper label .item__content > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--01 .super-field-wrapper label .item__content .image {}

  .step--01 .super-field-wrapper label .item__content .image::before,
  .step--01 .super-field-wrapper label .item__content .image::after {
    content: none !important;
  }

  .step--01 .super-field-wrapper label .item__content .image img {
    margin: auto;
  }

  .step--01 .super-field-wrapper label .item__content input {
    position: absolute;
    opacity: 0;
  }

  .super-label,
  .mdc-typography--subtitle1 {
    font-family: "Roboto", sans-serif !important;
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 0 32px 0 !important;
    padding: 0 !important;
    text-align: center;
    color: #102027 !important;
  }

  .step--01 .super-field-wrapper label .item__content .item__headline {
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 0.15px !important;
    line-height: 1 !important;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: start;
    color: #102027;
  }

  /* ===== STEP 02 ============================================= */

  .step--02 {}

  .step--02 div.super-label {
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Roboto", sans-serif !important;
    color: #222 !important;
    hyphens: none;
    letter-spacing: 0.15px;
    text-align: center !important;
  }

  /* SOZIALRECHT */

  .step--02 .container__sozialrecht {}

  .step--02 .container__sozialrecht > div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--02 .container__sozialrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--02 .container__sozialrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__sozialrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: 48px 48px !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 8px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr !important;
  }

  .step--02 .container__sozialrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__sozialrecht .super-item {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 0 56px !important;
  }

  .step--02 .container__sozialrecht .super-item::before {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 16px !important;
    width: 24px !important;
    height: 24px !important;
  }

  .step--02 .container__sozialrecht .super-item::after {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 20px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .step--02 .container__sozialrecht .super-date {
    width: 100% !important;
    margin: auto !important;
    float: none !important;
  }

  .step--02 .container__sozialrecht .super-date .super-adaptive-placeholder {
    height: 53px !important;
  }

  /* ARBEITSRECHT */

  .step--02 .container__arbeitsrecht {}

  .step--02 .container__arbeitsrecht > div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--02 .container__arbeitsrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--02 .container__arbeitsrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 16px;
    grid-auto-flow: row;
    grid-auto-rows: auto !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label {
    margin: 0;
    padding: 0 !important;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden !important;
    border: 1px solid transparent;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label.super-active {
    border-radius: 4px !important;
    border: 1px solid #00c853 !important;
    background: rgba(0, 200, 83, 0.1) !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 64px 1fr;
    grid-template-rows: 64px;
    justify-content: center;
    justify-items: start;
    align-content: center;
    align-items: center;
    grid-gap: 16px;
    padding: 12px 16px !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content input {
    position: absolute;
    opacity: 0;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content .image {
    margin: auto auto !important;
    padding: 0px !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 80px !important;
    max-height: 80px !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content .image::before,
  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content .image::after {
    content: none !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content .image img {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content .item__headline {
    font-size: 16px !important;
    letter-spacing: 0.15px !important;
    line-height: 20px !important;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: start;
    font-weight: 400;
    color: #102027;
    hyphens: none !important;
    text-align: left !important;
  }

  /* FAMILIENRECHT */

  .step--02 .container__familienrecht {}

  .step--02 .container__familienrecht > div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--02 .container__familienrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--02 .container__familienrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 16px;
    grid-auto-flow: row;
    grid-auto-rows: auto !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label {
    margin: 0;
    padding: 0 !important;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden !important;
    border: 1px solid transparent;
  }

  .step--02 .container__familienrecht .super-field-wrapper label.super-active {
    border-radius: 4px !important;
    border: 1px solid #00c853 !important;
    background: rgba(0, 200, 83, 0.1) !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 64px 1fr;
    grid-template-rows: 64px;
    justify-content: center;
    justify-items: start;
    align-content: center;
    align-items: center;
    grid-gap: 16px;
    padding: 12px 16px !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content input {
    position: absolute;
    opacity: 0;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content .image {
    margin: auto auto !important;
    padding: 0px !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 80px !important;
    max-height: 80px !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content .image::before,
  .step--02 .container__familienrecht .super-field-wrapper label .item__content .image::after {
    content: none !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content .image img {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content .item__headline {
    font-size: 16px !important;
    letter-spacing: 0.15px !important;
    line-height: 20px !important;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: start;
    font-weight: 400;
    color: #102027;
    hyphens: none !important;
    text-align: left !important;
  }

  /* SONSTIGES */

  .step--02 .container__sonstiges {}

  .step--02 .container__sonstiges > div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--02 .container__sonstiges .text-area-field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--02 .container__sonstiges .text-area-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  /* ===== STEP 03 ============================================= */

  .step--03 {}

  .step--03 div.super-label {
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Roboto", sans-serif !important;
    color: #222 !important;
    hyphens: none;
    letter-spacing: 0.15px;
    text-align: center !important;
  }

  /* SOZIALRECHT */

  .step--03 .container__sozialrecht {}

  .step--03 .container__sozialrecht > div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--03 .container__sozialrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--03 .container__sozialrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__sozialrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: 48px 48px !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 8px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr !important;
  }

  .step--03 .container__sozialrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__sozialrecht .super-item {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 0 56px !important;
  }

  .step--03 .container__sozialrecht .super-item::before {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 16px !important;
    width: 24px !important;
    height: 24px !important;
  }

  .step--03 .container__sozialrecht .super-item::after {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 20px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .step--03 .container__sozialrecht .super-date {
    width: 100% !important;
    margin: auto !important;
    float: none !important;
  }

  .step--03 .container__sozialrecht .super-date .super-adaptive-placeholder {
    height: 53px !important;
  }

  /* ARBEITSRECHT */

  .step--03 .container__arbeitsrecht {}

  .step--03 .container__arbeitsrecht > div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--03 .container__arbeitsrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--03 .container__arbeitsrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__arbeitsrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: 48px 48px !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 8px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr !important;
  }

  .step--03 .container__arbeitsrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__arbeitsrecht .super-item {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 0 56px !important;
  }

  .step--03 .container__arbeitsrecht .super-item::before {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 16px !important;
    width: 24px !important;
    height: 24px !important;
  }

  .step--03 .container__arbeitsrecht .super-item::after {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 20px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .step--03 .container__arbeitsrecht .super-date {
    width: 100% !important;
    margin: auto !important;
    float: none !important;
  }

  .step--03 .container__arbeitsrecht .super-date .super-adaptive-placeholder {
    height: 53px !important;
  }

  /* FAMILIENRECHT */

  .step--03 .container__familienrecht {}

  .step--03 .container__familienrecht > div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--03 .container__familienrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--03 .container__familienrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__familienrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: 48px 48px !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 8px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr !important;
  }

  .step--03 .container__familienrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__familienrecht .super-item {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 0 56px !important;
  }

  .step--03 .container__familienrecht .super-item::before {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 16px !important;
    width: 24px !important;
    height: 24px !important;
  }

  .step--03 .container__familienrecht .super-item::after {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 20px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .step--03 .container__familienrecht .super-date {
    width: 100% !important;
    margin: auto !important;
    float: none !important;
  }

  .step--03 .container__familienrecht .super-date .super-adaptive-placeholder {
    height: 53px !important;
  }

  /* SONSTIGES */

  .step--03 .container__sonstiges {}

  .step--03 .container__sonstiges > div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--03 .container__sonstiges .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--03 .container__sonstiges .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__sonstiges .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: 48px 48px !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 8px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr !important;
  }

  .step--03 .container__sonstiges .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__sonstiges .super-item {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 0 56px !important;
  }

  .step--03 .container__sonstiges .super-item::before {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 16px !important;
    width: 24px !important;
    height: 24px !important;
  }

  .step--03 .container__sonstiges .super-item::after {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 20px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .step--03 .container__sonstiges .super-date {
    width: 100% !important;
    margin: auto !important;
    float: none !important;
  }

  .step--03 .container__sonstiges .super-date .super-adaptive-placeholder {
    height: 53px !important;
  }

  /* ===== STEP 04 ============================================= */

  .step--04 {}

  .step--04 div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--04 div.super-label {
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Roboto", sans-serif !important;
    color: #222 !important;
    hyphens: none;
    letter-spacing: 0.15px;
    text-align: center !important;
  }

  .step--04 .text-area-field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--04 .text-area-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  /* SOZIALRECHT */

  .step--04 .container__sozialrecht {}

  /* ARBEITSRECHT */

  .step--04 .container__arbeitsrecht {}

  /* FAMILIENRECHT */

  .step--04 .container__familienrecht {}

  /* SONSTIGES */

  .step--04 .container__sonstiges {}

  /* ===== STEP 05 ============================================= */

  .step--05 {}

  .step--05 div.super-label {
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Roboto", sans-serif !important;
    color: #222 !important;
    hyphens: none;
    letter-spacing: 0.15px;
    text-align: center !important;
  }

  .step--05 div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--05 .radio-buttons-field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--05 .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: max-content !important;
    grid-gap: 16px;
    /* margin-bottom: 24px !important; */
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    border-radius: 8px;
    overflow: hidden;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label:not(.super-has-image) {
    display: flex !important;
    padding: 16px !important;
    place-content: center !important;
    place-items: center !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label:not(.super-has-image)::before,
  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label:not(.super-has-image)::after {
    content: none !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label:not(.super-has-image) > div {
    color: #444444 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label.super-has-image.super-active,
  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label.super-active {
    border-radius: 4px !important;
    border: 1px solid #00c853 !important;
    background: rgba(0, 200, 83, 0.1) !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px;
    padding: 16px;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content .image {}

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content .image::before,
  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content .image::after {
    content: none !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content .image img {
    margin: auto;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content input {
    position: absolute;
    opacity: 0;
  }

  /* SOZIALRECHT */

  .step--05 .container__sozialrecht {}

  /* ARBEITSRECHT */

  .step--05 .container__arbeitsrecht {}

  /* FAMILIENRECHT */

  .step--05 .container__familienrecht {}

  /* SONSTIGES */

  .step--05 .container__sonstiges {}

  /* ===== STEP 06 ============================================= */

  .step--06 {}

  .step--06 div.super-label {
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Roboto", sans-serif !important;
    color: #222 !important;
    hyphens: none;
    letter-spacing: 0.15px;
    text-align: center !important;
  }

  .step--06 div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--06 div.super-description {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 22px !important;
    letter-spacing: 0.15px !important;
  }

  .step--06 .file-upload-field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--06 .file-upload-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--06 .super-fileupload-button {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0 0 0 7px;
  }

  .step--06 .super-fileupload-button i {
    display: none !important;
  }

  .step--06 .super-fileupload-button .super-fileupload-button-text {
    width: max-content;
    height: 39px;
    position: relative !important;
    top: unset !important;
    right: unset !important;
    bottom: unset !important;
    left: unset !important;
    display: flex;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: center;
    background: #37474f;
    border-radius: 3px;
    padding: 0 12px;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.15px;
    font-family: "Roboto", sans-serif !important;
    color: #fff;
    font-weight: 500;
  }

  .step--06 .super-fileupload-files {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 48px !important;
    grid-gap: 0 !important;
    padding: 8px !important;
    justify-content: end;
    align-content: end;
    align-items: end;
    justify-items: end;
    grid-auto-rows: 48px !important;
    width: 100%;
  }

  .step--06 .super-fileupload-files > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--06 .super-fileupload-files div {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    border-bottom: 1px solid #e8e8e9;
  }

  .step--06 .super-fileupload-files span.super-fileupload-name {
    font-size: 13px !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.15px !important;
    color: #62727b !important;
  }

  .step--06 .super-fileupload-files span.super-fileupload-delete {
    font-size: 13px !important;
    color: #37474f !important;
  }

  /* SOZIALRECHT */

  .step--06 .container__sozialrecht {}

  /* ARBEITSRECHT */

  .step--06 .container__arbeitsrecht {}

  /* FAMILIENRECHT */

  .step--06 .container__familienrecht {}

  /* SONSTIGES */

  .step--06 .container__sonstiges {}

  /* ===== STEP 07 ============================================= */

  .step--07 {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-gap: 24px;
  }

  .step--07 > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--07 div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--07 .super-form-button:not(.super-prev-multipart) {
    bottom: 0;
    right: 0;
    z-index: 90000;
  }

  .step--07 > .super-grid {
    display: grid !important;
    grid-gap: 24px;
  }

  .step--07 > .super-grid > * {
    min-width: 0 !important;
    min-height: 0 !important;
    width: 100% !important;
    padding: 0 !important;
  }

  .step--07 > .super-grid:nth-child(1) {}

  .step--07 > .super-grid:nth-child(2) {}

  .step--07 > .super-grid:nth-child(3) {}

  .step--07 > .super-grid:nth-child(4) {}

  .step--07 > .super-grid:nth-child(4) .check-box-field {
    padding: 0 !important;
    width: 100% !important;
    height: 32px !important;
  }

  .step--07 > .super-grid:nth-child(4) .check-box-field > div {
    margin-left: 32px !important;
  }

  .step--07 > .super-grid:nth-child(4) .check-box-field::before {
    margin: 0 !important;
    position: absolute !important;
    top: 0 !important;
    right: unset !important;
    bottom: 0 !important;
    left: unset !important;
    width: 18px !important;
    height: 18px !important;
    margin: auto !important;
  }

  .step--07 > .super-grid:nth-child(4) .check-box-field::after {
    margin: 0 !important;
    position: absolute !important;
    top: 0 !important;
    right: unset !important;
    bottom: 0 !important;
    left: 3px !important;
    width: 12px !important;
    height: 12px !important;
    margin: auto !important;
  }

  .step--07 .text-field-field-wrapper {
    width: 100% !important;
    margin: 0 !important;
  }

  /* SOZIALRECHT */

  .step--07 .container__sozialrecht {}

  /* ARBEITSRECHT */

  .step--07 .container__arbeitsrecht {}

  /* FAMILIENRECHT */

  .step--07 .container__familienrecht {}

  /* SONSTIGES */

  .step--07 .container__sonstiges {}
}

/* TabletPortrait */
@media (min-width: 600px) and (max-width: 839.98px) and (orientation: portrait) {
  .super-info-button {
    position: absolute;
    bottom: 16px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 99999999;
  }

  .select-language {
    right: 16px !important;
    top: -16px !important;
    padding: 8px !important;
    background: #fff !important;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    box-shadow: 0px -10px 10px -4px rgb(0 0 0 / 13%), 0 -3px 0.5px -2px rgb(0 0 0 / 3%), 0 -2px 1px 0 rgb(0 0 0 / 2%), 0 -1px 2.5px 0 rgb(0 0 0 / 2%);
  }

  .super-multipart-progress {
    position: relative !important;
    border-radius: 8px !important;
    overflow: hidden;
  }

  .section__stepper-widget {}

  .stepper__container {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 20px 40px rgb(0 0 0 / 8%);
    max-width: calc(100% - 32px) !important;
    margin: auto !important;
  }

  .section__stepper-widget .stepper__desc {}

  .section__stepper-widget .stepper__desc .stepper__desc--headline {
    color: #fff;
    font-weight: 400;
    font-size: 20px !important;
    line-height: 28px !important;
    letter-spacing: 0.15px !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
  }

  .section__stepper-widget .stepper__desc .stepper__desc--content {
    color: #fff;
    font-weight: 400;
    font-size: 14px !important;
    line-height: 22px !important;
    letter-spacing: 0.15px !important;
    /* hyphens: none !important; */
  }

  .section__stepper-widget .stepper__desc .stepper__desc--content ol {
    list-style-position: inside;
    padding-left: 0;
  }

  .section__stepper-widget .stepper__desc .stepper__desc--content ol li {
    list-style-type: decimal !important;
    margin-top: 0;
    margin-bottom: 0;
  }

  .section__stepper-widget .stepper__desc .stepper__desc--content ol li:not(:last-child) {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }

  .section__stepper-widget .stepper__form {}

  .section__stepper-widget .stepper__form .elementor-widget-wrap > .elementor-element .elementor-widget-container .super-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: calc(64px + 8px) 24px 24px 24px !important;
  }

  .section__stepper-widget .stepper__form .elementor-widget-wrap > .elementor-element .elementor-widget-container .super-form form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-top: 32px !important;
    padding-bottom: 64px !important;
  }

  .super-button {
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    border-radius: 4px !important;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
  }

  .super-button.super-prev-multipart {
    bottom: 0;
    left: 0;
    z-index: 90000;
  }

  .super-button.super-next-multipart {
    bottom: 0;
    right: 0;
    z-index: 90000;
  }

  .super-button .super-button-wrap {
    background: transparent !important;
    margin: 0 !important;
    padding: 0 16px !important;
    display: flex;
    height: 36px !important;
    border-radius: 4px !important;
    --mdc-theme-primary: #37474f !important;
    --mdc-theme-on-primary: #d50000 !important;
  }

  .super-button .super-button-name {
    color: #37474f !important;
    font-size: 14px !important;
    letter-spacing: 1.25px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    font-family: "Roboto", sans-serif !important;
    display: flex !important;
    align-items: center;
    height: 100% !important;
  }

  .super-item.radio-buttons-field:not(.super-has-image) div,
  input.super-datepicker {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #000 !important;
    hyphens: none;
  }

  .super-field-size-huge .super-filled.date-field-wrapper .super-adaptive-placeholder span {
    margin-top: -52px !important;
  }

  /* ===== STEP 01 ============================================= */

  .step--01 {}

  .step--01 .super-button {
    display: none !important;
  }

  .step--01 > .super-shortcode {
    margin: 32px 0 32px 0 !important;
  }

  .step--01 .super-field-wrapper  {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto !important;
    grid-auto-rows: auto !important;
    grid-template-rows: max-content !important;
    grid-gap: 32px;
  }

  .step--01 .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--01 .super-field-wrapper label {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid transparent;
  }

  .step--01 .super-field-wrapper label.super-has-image.super-active {
    border-radius: 4px !important;
    border: 1px solid #00c853 !important;
    background: rgba(0, 200, 83, 0.1) !important;
  }

  .step--01 .super-field-wrapper label .item__content {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px;
    padding: 16px;
  }

  .step--01 .super-field-wrapper label .item__content > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--01 .super-field-wrapper label .item__content .image {}

  .step--01 .super-field-wrapper label .item__content .image::before,
  .step--01 .super-field-wrapper label .item__content .image::after {
    content: none !important;
  }

  .step--01 .super-field-wrapper label .item__content .image img {
    margin: auto;
  }

  .step--01 .super-field-wrapper label .item__content input {
    position: absolute;
    opacity: 0;
  }

  .super-label,
  .mdc-typography--subtitle1 {
    font-family: "Roboto", sans-serif !important;
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 0 32px 0 !important;
    padding: 0 !important;
    text-align: center;
    color: #102027 !important;
  }

  .step--01 .super-field-wrapper label .item__content .item__headline {
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 0.15px !important;
    line-height: 1 !important;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: start;
    color: #102027;
  }

  /* ===== STEP 02 ============================================= */

  .step--02 {}

  .step--02 div.super-label {
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Roboto", sans-serif !important;
    color: #222 !important;
    hyphens: none;
    letter-spacing: 0.15px;
    text-align: center !important;
  }

  /* SOZIALRECHT */

  .step--02 .container__sozialrecht {}

  .step--02 .container__sozialrecht > div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--02 .container__sozialrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--02 .container__sozialrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__sozialrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: 48px 48px !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 8px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr !important;
  }

  .step--02 .container__sozialrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__sozialrecht .super-item {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 0 56px !important;
  }

  .step--02 .container__sozialrecht .super-item::before {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 16px !important;
    width: 24px !important;
    height: 24px !important;
  }

  .step--02 .container__sozialrecht .super-item::after {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 20px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .step--02 .container__sozialrecht .super-date {
    width: 100% !important;
    margin: auto !important;
    float: none !important;
  }

  .step--02 .container__sozialrecht .super-date .super-adaptive-placeholder {
    height: 53px !important;
  }

  /* ARBEITSRECHT */

  .step--02 .container__arbeitsrecht {}

  .step--02 .container__arbeitsrecht > div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--02 .container__arbeitsrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--02 .container__arbeitsrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 16px;
    grid-auto-flow: row;
    grid-auto-rows: auto !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label {
    margin: 0;
    padding: 0 !important;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden !important;
    border: 1px solid transparent;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label.super-active {
    border-radius: 4px !important;
    border: 1px solid #00c853 !important;
    background: rgba(0, 200, 83, 0.1) !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 64px 1fr;
    grid-template-rows: 64px;
    justify-content: center;
    justify-items: start;
    align-content: center;
    align-items: center;
    grid-gap: 16px;
    padding: 12px 16px !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content input {
    position: absolute;
    opacity: 0;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content .image {
    margin: auto auto !important;
    padding: 0px !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 80px !important;
    max-height: 80px !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content .image::before,
  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content .image::after {
    content: none !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content .image img {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content .item__headline {
    font-size: 16px !important;
    letter-spacing: 0.15px !important;
    line-height: 20px !important;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: start;
    font-weight: 400;
    color: #102027;
    hyphens: none !important;
    text-align: left !important;
  }

  /* FAMILIENRECHT */

  .step--02 .container__familienrecht {}

  .step--02 .container__familienrecht > div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--02 .container__familienrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--02 .container__familienrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 16px;
    grid-auto-flow: row;
    grid-auto-rows: auto !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label {
    margin: 0;
    padding: 0 !important;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden !important;
    border: 1px solid transparent;
  }

  .step--02 .container__familienrecht .super-field-wrapper label.super-active {
    border-radius: 4px !important;
    border: 1px solid #00c853 !important;
    background: rgba(0, 200, 83, 0.1) !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 64px 1fr;
    grid-template-rows: 64px;
    justify-content: center;
    justify-items: start;
    align-content: center;
    align-items: center;
    grid-gap: 16px;
    padding: 12px 16px !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content input {
    position: absolute;
    opacity: 0;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content .image {
    margin: auto auto !important;
    padding: 0px !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 80px !important;
    max-height: 80px !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content .image::before,
  .step--02 .container__familienrecht .super-field-wrapper label .item__content .image::after {
    content: none !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content .image img {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content .item__headline {
    font-size: 16px !important;
    letter-spacing: 0.15px !important;
    line-height: 20px !important;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: start;
    font-weight: 400;
    color: #102027;
    hyphens: none !important;
    text-align: left !important;
  }

  /* SONSTIGES */

  .step--02 .container__sonstiges {}

  .step--02 .container__sonstiges > div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--02 .container__sonstiges .text-area-field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--02 .container__sonstiges .text-area-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  /* ===== STEP 03 ============================================= */

  .step--03 {}

  .step--03 div.super-label {
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Roboto", sans-serif !important;
    color: #222 !important;
    hyphens: none;
    letter-spacing: 0.15px;
    text-align: center !important;
  }

  /* SOZIALRECHT */

  .step--03 .container__sozialrecht {}

  .step--03 .container__sozialrecht > div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--03 .container__sozialrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--03 .container__sozialrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__sozialrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: 48px 48px !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 8px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr !important;
  }

  .step--03 .container__sozialrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__sozialrecht .super-item {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 0 56px !important;
  }

  .step--03 .container__sozialrecht .super-item::before {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 16px !important;
    width: 24px !important;
    height: 24px !important;
  }

  .step--03 .container__sozialrecht .super-item::after {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 20px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .step--03 .container__sozialrecht .super-date {
    width: 100% !important;
    margin: auto !important;
    float: none !important;
  }

  .step--03 .container__sozialrecht .super-date .super-adaptive-placeholder {
    height: 53px !important;
  }

  /* ARBEITSRECHT */

  .step--03 .container__arbeitsrecht {}

  .step--03 .container__arbeitsrecht > div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--03 .container__arbeitsrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--03 .container__arbeitsrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__arbeitsrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: 48px 48px !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 8px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr !important;
  }

  .step--03 .container__arbeitsrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__arbeitsrecht .super-item {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 0 56px !important;
  }

  .step--03 .container__arbeitsrecht .super-item::before {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 16px !important;
    width: 24px !important;
    height: 24px !important;
  }

  .step--03 .container__arbeitsrecht .super-item::after {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 20px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .step--03 .container__arbeitsrecht .super-date {
    width: 100% !important;
    margin: auto !important;
    float: none !important;
  }

  .step--03 .container__arbeitsrecht .super-date .super-adaptive-placeholder {
    height: 53px !important;
  }

  /* FAMILIENRECHT */

  .step--03 .container__familienrecht {}

  .step--03 .container__familienrecht > div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--03 .container__familienrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--03 .container__familienrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__familienrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: 48px 48px !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 8px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr !important;
  }

  .step--03 .container__familienrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__familienrecht .super-item {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 0 56px !important;
  }

  .step--03 .container__familienrecht .super-item::before {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 16px !important;
    width: 24px !important;
    height: 24px !important;
  }

  .step--03 .container__familienrecht .super-item::after {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 20px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .step--03 .container__familienrecht .super-date {
    width: 100% !important;
    margin: auto !important;
    float: none !important;
  }

  .step--03 .container__familienrecht .super-date .super-adaptive-placeholder {
    height: 53px !important;
  }

  /* SONSTIGES */

  .step--03 .container__sonstiges {}

  .step--03 .container__sonstiges > div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--03 .container__sonstiges .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--03 .container__sonstiges .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__sonstiges .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: 48px 48px !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 8px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr !important;
  }

  .step--03 .container__sonstiges .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__sonstiges .super-item {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 0 56px !important;
  }

  .step--03 .container__sonstiges .super-item::before {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 16px !important;
    width: 24px !important;
    height: 24px !important;
  }

  .step--03 .container__sonstiges .super-item::after {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 20px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .step--03 .container__sonstiges .super-date {
    width: 100% !important;
    margin: auto !important;
    float: none !important;
  }

  .step--03 .container__sonstiges .super-date .super-adaptive-placeholder {
    height: 53px !important;
  }

  /* ===== STEP 04 ============================================= */

  .step--04 {}

  .step--04 div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--04 div.super-label {
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Roboto", sans-serif !important;
    color: #222 !important;
    hyphens: none;
    letter-spacing: 0.15px;
    text-align: center !important;
  }

  .step--04 .text-area-field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--04 .text-area-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  /* SOZIALRECHT */

  .step--04 .container__sozialrecht {}

  /* ARBEITSRECHT */

  .step--04 .container__arbeitsrecht {}

  /* FAMILIENRECHT */

  .step--04 .container__familienrecht {}

  /* SONSTIGES */

  .step--04 .container__sonstiges {}

  /* ===== STEP 05 ============================================= */

  .step--05 {}

  .step--05 div.super-label {
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Roboto", sans-serif !important;
    color: #222 !important;
    hyphens: none;
    letter-spacing: 0.15px;
    text-align: center !important;
  }

  .step--05 div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--05 .radio-buttons-field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--05 .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: max-content !important;
    grid-gap: 16px;
    /* margin-bottom: 24px !important; */
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    border-radius: 8px;
    overflow: hidden;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label:not(.super-has-image) {
    display: flex !important;
    padding: 16px !important;
    place-content: center !important;
    place-items: center !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label:not(.super-has-image)::before,
  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label:not(.super-has-image)::after {
    content: none !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label:not(.super-has-image) > div {
    color: #444444 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label.super-has-image.super-active,
  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label.super-active {
    border-radius: 4px !important;
    border: 1px solid #00c853 !important;
    background: rgba(0, 200, 83, 0.1) !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px;
    padding: 16px;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content .image {}

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content .image::before,
  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content .image::after {
    content: none !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content .image img {
    margin: auto;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content input {
    position: absolute;
    opacity: 0;
  }

  /* SOZIALRECHT */

  .step--05 .container__sozialrecht {}

  /* ARBEITSRECHT */

  .step--05 .container__arbeitsrecht {}

  /* FAMILIENRECHT */

  .step--05 .container__familienrecht {}

  /* SONSTIGES */

  .step--05 .container__sonstiges {}

  /* ===== STEP 06 ============================================= */

  .step--06 {}

  .step--06 div.super-label {
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Roboto", sans-serif !important;
    color: #222 !important;
    hyphens: none;
    letter-spacing: 0.15px;
    text-align: center !important;
  }

  .step--06 div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--06 div.super-description {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 22px !important;
    letter-spacing: 0.15px !important;
  }

  .step--06 .file-upload-field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--06 .file-upload-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--06 .super-fileupload-button {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0 0 0 7px;
  }

  .step--06 .super-fileupload-button i {
    display: none !important;
  }

  .step--06 .super-fileupload-button .super-fileupload-button-text {
    width: max-content;
    height: 39px;
    position: relative !important;
    top: unset !important;
    right: unset !important;
    bottom: unset !important;
    left: unset !important;
    display: flex;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: center;
    background: #37474f;
    border-radius: 3px;
    padding: 0 12px;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.15px;
    font-family: "Roboto", sans-serif !important;
    color: #fff;
    font-weight: 500;
  }

  .step--06 .super-fileupload-files {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 48px !important;
    grid-gap: 0 !important;
    padding: 8px !important;
    justify-content: end;
    align-content: end;
    align-items: end;
    justify-items: end;
    grid-auto-rows: 48px !important;
    width: 100%;
  }

  .step--06 .super-fileupload-files > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--06 .super-fileupload-files div {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    border-bottom: 1px solid #e8e8e9;
  }

  .step--06 .super-fileupload-files span.super-fileupload-name {
    font-size: 13px !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.15px !important;
    color: #62727b !important;
  }

  .step--06 .super-fileupload-files span.super-fileupload-delete {
    font-size: 13px !important;
    color: #37474f !important;
  }

  /* SOZIALRECHT */

  .step--06 .container__sozialrecht {}

  /* ARBEITSRECHT */

  .step--06 .container__arbeitsrecht {}

  /* FAMILIENRECHT */

  .step--06 .container__familienrecht {}

  /* SONSTIGES */

  .step--06 .container__sonstiges {}

  /* ===== STEP 07 ============================================= */

  .step--07 {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-gap: 24px;
  }

  .step--07 > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--07 div.super-field:not(.super-button) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--07 .super-form-button:not(.super-prev-multipart) {
    bottom: 0;
    right: 0;
    z-index: 90000;
  }

  .step--07 > .super-grid {
    display: grid !important;
    grid-gap: 24px;
  }

  .step--07 > .super-grid > * {
    min-width: 0 !important;
    min-height: 0 !important;
    width: 100% !important;
    padding: 0 !important;
  }

  .step--07 > .super-grid:nth-child(1) {}

  .step--07 > .super-grid:nth-child(2) {}

  .step--07 > .super-grid:nth-child(3) {}

  .step--07 > .super-grid:nth-child(4) {}

  .step--07 > .super-grid:nth-child(4) .check-box-field {
    padding: 0 !important;
    width: 100% !important;
    height: 32px !important;
  }

  .step--07 > .super-grid:nth-child(4) .check-box-field > div {
    margin-left: 32px !important;
  }

  .step--07 > .super-grid:nth-child(4) .check-box-field::before {
    margin: 0 !important;
    position: absolute !important;
    top: 0 !important;
    right: unset !important;
    bottom: 0 !important;
    left: unset !important;
    width: 18px !important;
    height: 18px !important;
    margin: auto !important;
  }

  .step--07 > .super-grid:nth-child(4) .check-box-field::after {
    margin: 0 !important;
    position: absolute !important;
    top: 0 !important;
    right: unset !important;
    bottom: 0 !important;
    left: 3px !important;
    width: 12px !important;
    height: 12px !important;
    margin: auto !important;
  }

  .step--07 .text-field-field-wrapper {
    width: 100% !important;
    margin: 0 !important;
  }

  /* SOZIALRECHT */

  .step--07 .container__sozialrecht {}

  /* ARBEITSRECHT */

  .step--07 .container__arbeitsrecht {}

  /* FAMILIENRECHT */

  .step--07 .container__familienrecht {}

  /* SONSTIGES */

  .step--07 .container__sonstiges {}
}

/* TabletLandscape */
@media (min-width: 960px) and (max-width: 1279.98px) and (orientation: landscape) {
  .super-info-button {
    position: absolute;
    bottom: 16px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 99999999;
  }

  .select-language {
    right: 16px !important;
    top: -16px !important;
    padding: 8px !important;
    background: #fff !important;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    box-shadow: 0px -10px 10px -4px rgb(0 0 0 / 13%), 0 -3px 0.5px -2px rgb(0 0 0 / 3%), 0 -2px 1px 0 rgb(0 0 0 / 2%), 0 -1px 2.5px 0 rgb(0 0 0 / 2%);
  }

  .super-multipart-progress {
    position: relative !important;
    border-radius: 8px !important;
    overflow: hidden;
  }

  .section__stepper-widget {}

  .stepper__container {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 20px 40px rgb(0 0 0 / 8%);
    max-width: calc(100% - 32px) !important;
    margin: auto !important;
  }

  .section__stepper-widget .stepper__desc {}

  .section__stepper-widget .stepper__desc .stepper__desc--headline {
    color: #fff;
    font-weight: 400;
    font-size: 20px !important;
    line-height: 28px !important;
    letter-spacing: 0.15px !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
  }

  .section__stepper-widget .stepper__desc .stepper__desc--content {
    color: #fff;
    font-weight: 400;
    font-size: 14px !important;
    line-height: 22px !important;
    letter-spacing: 0.15px !important;
    /* hyphens: none !important; */
  }

  .section__stepper-widget .stepper__desc .stepper__desc--content ol {
    list-style-position: inside;
    padding-left: 0;
  }

  .section__stepper-widget .stepper__desc .stepper__desc--content ol li {
    list-style-type: decimal !important;
    margin-top: 0;
    margin-bottom: 0;
  }

  .section__stepper-widget .stepper__desc .stepper__desc--content ol li:not(:last-child) {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }

  .section__stepper-widget .stepper__form {}

  .section__stepper-widget .stepper__form .elementor-widget-wrap > .elementor-element .elementor-widget-container .super-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: calc(64px + 8px) 24px 24px 24px !important;
  }

  .section__stepper-widget .stepper__form .elementor-widget-wrap > .elementor-element .elementor-widget-container .super-form form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-top: 40px !important;
    padding-bottom: 80px !important;
  }

  .super-button {
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    border-radius: 4px !important;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
  }

  .super-button.super-prev-multipart {
    bottom: 0;
    left: 0;
    z-index: 90000;
  }

  .super-button.super-next-multipart {
    bottom: 0;
    right: 0;
    z-index: 90000;
  }

  .super-button .super-button-wrap {
    background: transparent !important;
    margin: 0 !important;
    padding: 0 16px !important;
    display: flex;
    height: 36px !important;
    border-radius: 4px !important;
    --mdc-theme-primary: #37474f !important;
    --mdc-theme-on-primary: #d50000 !important;
  }

  .super-button .super-button-name {
    color: #37474f !important;
    font-size: 14px !important;
    letter-spacing: 1.25px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    font-family: "Roboto", sans-serif !important;
    display: flex !important;
    align-items: center;
    height: 100% !important;
  }

  .super-item.radio-buttons-field:not(.super-has-image) div,
  input.super-datepicker {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #000 !important;
    hyphens: none;
  }

  .super-field-size-huge .super-filled.date-field-wrapper .super-adaptive-placeholder span {
    margin-top: -52px !important;
  }

  /* ===== STEP 01 ============================================= */

  .step--01 {}

  .step--01 .super-button {
    display: none !important;
  }

  .step--01 > .super-shortcode {
    margin: 32px 0 32px 0 !important;
  }

  .step--01 .super-field-wrapper  {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: max-content !important;
    grid-gap: 16px;
  }

  .step--01 .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--01 .super-field-wrapper label {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid transparent;
  }

  .step--01 .super-field-wrapper label.super-has-image.super-active {
    border-radius: 4px !important;
    border: 1px solid #00c853 !important;
    background: rgba(0, 200, 83, 0.1) !important;
  }

  .step--01 .super-field-wrapper label .item__content {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px;
    padding: 16px;
  }

  .step--01 .super-field-wrapper label .item__content > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--01 .super-field-wrapper label .item__content .image {}

  .step--01 .super-field-wrapper label .item__content .image::before,
  .step--01 .super-field-wrapper label .item__content .image::after {
    content: none !important;
  }

  .step--01 .super-field-wrapper label .item__content .image img {
    margin: auto;
  }

  .step--01 .super-field-wrapper label .item__content input {
    position: absolute;
    opacity: 0;
  }

  .super-label,
  .mdc-typography--subtitle1 {
    font-family: "Roboto", sans-serif !important;
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 0 32px 0 !important;
    padding: 0 !important;
    text-align: center;
    color: #102027 !important;
  }

  .step--01 .super-field-wrapper label .item__content .item__headline {
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 0.15px !important;
    line-height: 1 !important;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: start;
    color: #102027;
  }

  /* ===== STEP 02 ============================================= */

  .step--02 {}

  .step--02 div.super-label {
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Roboto", sans-serif !important;
    color: #222 !important;
    hyphens: none;
    letter-spacing: 0.15px;
    text-align: center !important;
  }

  /* SOZIALRECHT */

  .step--02 .container__sozialrecht {}

  .step--02 .container__sozialrecht > div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--02 .container__sozialrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--02 .container__sozialrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__sozialrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: 48px 48px !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 8px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr !important;
  }

  .step--02 .container__sozialrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__sozialrecht .super-item {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 0 56px !important;
  }

  .step--02 .container__sozialrecht .super-item::before {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 16px !important;
    width: 24px !important;
    height: 24px !important;
  }

  .step--02 .container__sozialrecht .super-item::after {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 20px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .step--02 .container__sozialrecht .super-date {
    width: 87% !important;
    margin: auto !important;
    float: none !important;
  }

  .step--02 .container__sozialrecht .super-date .super-adaptive-placeholder {
    height: 53px !important;
  }

  /* ARBEITSRECHT */

  .step--02 .container__arbeitsrecht {}

  .step--02 .container__arbeitsrecht > div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--02 .container__arbeitsrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--02 .container__arbeitsrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 16px;
    grid-auto-flow: row;
    grid-auto-rows: auto !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label {
    margin: 0;
    padding: 0 !important;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden !important;
    border: 1px solid transparent;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label.super-active {
    border-radius: 4px !important;
    border: 1px solid #00c853 !important;
    background: rgba(0, 200, 83, 0.1) !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 64px 1fr;
    grid-template-rows: 64px;
    justify-content: center;
    justify-items: start;
    align-content: center;
    align-items: center;
    grid-gap: 16px;
    padding: 12px 16px !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content input {
    position: absolute;
    opacity: 0;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content .image {
    margin: auto auto !important;
    padding: 0px !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 80px !important;
    max-height: 80px !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content .image::before,
  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content .image::after {
    content: none !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content .image img {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content .item__headline {
    font-size: 16px !important;
    letter-spacing: 0.15px !important;
    line-height: 20px !important;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: start;
    font-weight: 400;
    color: #102027;
    hyphens: none !important;
    text-align: left !important;
  }

  /* FAMILIENRECHT */

  .step--02 .container__familienrecht {}

  .step--02 .container__familienrecht > div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--02 .container__familienrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--02 .container__familienrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 16px;
    grid-auto-flow: row;
    grid-auto-rows: auto !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label {
    margin: 0;
    padding: 0 !important;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden !important;
    border: 1px solid transparent;
  }

  .step--02 .container__familienrecht .super-field-wrapper label.super-active {
    border-radius: 4px !important;
    border: 1px solid #00c853 !important;
    background: rgba(0, 200, 83, 0.1) !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 64px 1fr;
    grid-template-rows: 64px;
    justify-content: center;
    justify-items: start;
    align-content: center;
    align-items: center;
    grid-gap: 16px;
    padding: 12px 16px !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content input {
    position: absolute;
    opacity: 0;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content .image {
    margin: auto auto !important;
    padding: 0px !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 80px !important;
    max-height: 80px !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content .image::before,
  .step--02 .container__familienrecht .super-field-wrapper label .item__content .image::after {
    content: none !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content .image img {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content .item__headline {
    font-size: 16px !important;
    letter-spacing: 0.15px !important;
    line-height: 20px !important;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: start;
    font-weight: 400;
    color: #102027;
    hyphens: none !important;
    text-align: left !important;
  }

  /* SONSTIGES */

  .step--02 .container__sonstiges {}

  .step--02 .container__sonstiges > div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--02 .container__sonstiges .text-area-field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--02 .container__sonstiges .text-area-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  /* ===== STEP 03 ============================================= */

  .step--03 {}

  .step--03 div.super-label {
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Roboto", sans-serif !important;
    color: #222 !important;
    hyphens: none;
    letter-spacing: 0.15px;
    text-align: center !important;
  }

  /* SOZIALRECHT */

  .step--03 .container__sozialrecht {}

  .step--03 .container__sozialrecht > div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--03 .container__sozialrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--03 .container__sozialrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__sozialrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: 48px 48px !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 8px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr !important;
  }

  .step--03 .container__sozialrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__sozialrecht .super-item {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 0 56px !important;
  }

  .step--03 .container__sozialrecht .super-item::before {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 16px !important;
    width: 24px !important;
    height: 24px !important;
  }

  .step--03 .container__sozialrecht .super-item::after {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 20px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .step--03 .container__sozialrecht .super-date {
    width: 87% !important;
    margin: auto !important;
    float: none !important;
  }

  .step--03 .container__sozialrecht .super-date .super-adaptive-placeholder {
    height: 53px !important;
  }

  /* ARBEITSRECHT */

  .step--03 .container__arbeitsrecht {}

  .step--03 .container__arbeitsrecht > div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--03 .container__arbeitsrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--03 .container__arbeitsrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__arbeitsrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: 48px 48px !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 8px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr !important;
  }

  .step--03 .container__arbeitsrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__arbeitsrecht .super-item {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 0 56px !important;
  }

  .step--03 .container__arbeitsrecht .super-item::before {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 16px !important;
    width: 24px !important;
    height: 24px !important;
  }

  .step--03 .container__arbeitsrecht .super-item::after {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 20px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .step--03 .container__arbeitsrecht .super-date {
    width: 87% !important;
    margin: auto !important;
    float: none !important;
  }

  .step--03 .container__arbeitsrecht .super-date .super-adaptive-placeholder {
    height: 53px !important;
  }

  /* FAMILIENRECHT */

  .step--03 .container__familienrecht {}

  .step--03 .container__familienrecht > div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--03 .container__familienrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--03 .container__familienrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__familienrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: 48px 48px !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 8px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr !important;
  }

  .step--03 .container__familienrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__familienrecht .super-item {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 0 56px !important;
  }

  .step--03 .container__familienrecht .super-item::before {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 16px !important;
    width: 24px !important;
    height: 24px !important;
  }

  .step--03 .container__familienrecht .super-item::after {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 20px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .step--03 .container__familienrecht .super-date {
    width: 87% !important;
    margin: auto !important;
    float: none !important;
  }

  .step--03 .container__familienrecht .super-date .super-adaptive-placeholder {
    height: 53px !important;
  }

  /* SONSTIGES */

  .step--03 .container__sonstiges {}

  .step--03 .container__sonstiges > div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--03 .container__sonstiges .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--03 .container__sonstiges .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__sonstiges .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: 48px 48px !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 8px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr !important;
  }

  .step--03 .container__sonstiges .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__sonstiges .super-item {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 0 56px !important;
  }

  .step--03 .container__sonstiges .super-item::before {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 16px !important;
    width: 24px !important;
    height: 24px !important;
  }

  .step--03 .container__sonstiges .super-item::after {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 20px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .step--03 .container__sonstiges .super-date {
    width: 87% !important;
    margin: auto !important;
    float: none !important;
  }

  .step--03 .container__sonstiges .super-date .super-adaptive-placeholder {
    height: 53px !important;
  }

  /* ===== STEP 04 ============================================= */

  .step--04 {}

  .step--04 div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--04 div.super-label {
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Roboto", sans-serif !important;
    color: #222 !important;
    hyphens: none;
    letter-spacing: 0.15px;
    text-align: center !important;
  }

  .step--04 .text-area-field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--04 .text-area-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  /* SOZIALRECHT */

  .step--04 .container__sozialrecht {}

  /* ARBEITSRECHT */

  .step--04 .container__arbeitsrecht {}

  /* FAMILIENRECHT */

  .step--04 .container__familienrecht {}

  /* SONSTIGES */

  .step--04 .container__sonstiges {}

  /* ===== STEP 05 ============================================= */

  .step--05 {}

  .step--05 div.super-label {
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Roboto", sans-serif !important;
    color: #222 !important;
    hyphens: none;
    letter-spacing: 0.15px;
    text-align: center !important;
  }

  .step--05 div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--05 .radio-buttons-field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--05 .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: max-content !important;
    grid-gap: 16px;
    /* margin-bottom: 24px !important; */
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    border-radius: 8px;
    overflow: hidden;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label:not(.super-has-image) {
    display: flex !important;
    padding: 16px !important;
    place-content: center !important;
    place-items: center !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label:not(.super-has-image)::before,
  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label:not(.super-has-image)::after {
    content: none !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label:not(.super-has-image) > div {
    color: #444444 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label.super-has-image.super-active,
  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label.super-active {
    border-radius: 4px !important;
    border: 1px solid #00c853 !important;
    background: rgba(0, 200, 83, 0.1) !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px;
    padding: 16px;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content .image {}

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content .image::before,
  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content .image::after {
    content: none !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content .image img {
    margin: auto;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content input {
    position: absolute;
    opacity: 0;
  }

  /* SOZIALRECHT */

  .step--05 .container__sozialrecht {}

  /* ARBEITSRECHT */

  .step--05 .container__arbeitsrecht {}

  /* FAMILIENRECHT */

  .step--05 .container__familienrecht {}

  /* SONSTIGES */

  .step--05 .container__sonstiges {}

  /* ===== STEP 06 ============================================= */

  .step--06 {}

  .step--06 div.super-label {
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Roboto", sans-serif !important;
    color: #222 !important;
    hyphens: none;
    letter-spacing: 0.15px;
    text-align: center !important;
  }

  .step--06 div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--06 div.super-description {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 22px !important;
    letter-spacing: 0.15px !important;
  }

  .step--06 .file-upload-field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--06 .file-upload-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--06 .super-fileupload-button {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0 0 0 7px;
  }

  .step--06 .super-fileupload-button i {
    display: none !important;
  }

  .step--06 .super-fileupload-button .super-fileupload-button-text {
    width: max-content;
    height: 39px;
    position: relative !important;
    top: unset !important;
    right: unset !important;
    bottom: unset !important;
    left: unset !important;
    display: flex;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: center;
    background: #37474f;
    border-radius: 3px;
    padding: 0 12px;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.15px;
    font-family: "Roboto", sans-serif !important;
    color: #fff;
    font-weight: 500;
  }

  .step--06 .super-fileupload-files {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 48px !important;
    grid-gap: 0 !important;
    padding: 8px !important;
    justify-content: end;
    align-content: end;
    align-items: end;
    justify-items: end;
    grid-auto-rows: 48px !important;
    width: 100%;
  }

  .step--06 .super-fileupload-files > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--06 .super-fileupload-files div {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    border-bottom: 1px solid #e8e8e9;
  }

  .step--06 .super-fileupload-files span.super-fileupload-name {
    font-size: 13px !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.15px !important;
    color: #62727b !important;
  }

  .step--06 .super-fileupload-files span.super-fileupload-delete {
    font-size: 13px !important;
    color: #37474f !important;
  }

  /* SOZIALRECHT */

  .step--06 .container__sozialrecht {}

  /* ARBEITSRECHT */

  .step--06 .container__arbeitsrecht {}

  /* FAMILIENRECHT */

  .step--06 .container__familienrecht {}

  /* SONSTIGES */

  .step--06 .container__sonstiges {}

  /* ===== STEP 07 ============================================= */

  .step--07 {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-gap: 24px;
  }

  .step--07 > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--07 div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--07 .super-form-button:not(.super-prev-multipart) {
    bottom: 0;
    right: 24px;
    z-index: 90000;
  }

  .step--07 > .super-grid {
    display: grid !important;
    grid-gap: 24px;
  }

  .step--07 > .super-grid > * {
    min-width: 0 !important;
    min-height: 0 !important;
    width: 100% !important;
    padding: 0 !important;
  }

  .step--07 > .super-grid:nth-child(1) {}

  .step--07 > .super-grid:nth-child(2) {}

  .step--07 > .super-grid:nth-child(3) {}

  .step--07 > .super-grid:nth-child(4) {}

  .step--07 > .super-grid:nth-child(4) .check-box-field {
    padding: 0 !important;
    width: 100% !important;
    height: 32px !important;
  }

  .step--07 > .super-grid:nth-child(4) .check-box-field > div {
    margin-left: 32px !important;
  }

  .step--07 > .super-grid:nth-child(4) .check-box-field::before {
    margin: 0 !important;
    position: absolute !important;
    top: 0 !important;
    right: unset !important;
    bottom: 0 !important;
    left: unset !important;
    width: 18px !important;
    height: 18px !important;
    margin: auto !important;
  }

  .step--07 > .super-grid:nth-child(4) .check-box-field::after {
    margin: 0 !important;
    position: absolute !important;
    top: 0 !important;
    right: unset !important;
    bottom: 0 !important;
    left: 3px !important;
    width: 12px !important;
    height: 12px !important;
    margin: auto !important;
  }

  .step--07 .text-field-field-wrapper {
    width: 100% !important;
    margin: 0 !important;
  }

  /* SOZIALRECHT */

  .step--07 .container__sozialrecht {}

  /* ARBEITSRECHT */

  .step--07 .container__arbeitsrecht {}

  /* FAMILIENRECHT */

  .step--07 .container__familienrecht {}

  /* SONSTIGES */

  .step--07 .container__sonstiges {}
}

/* WebPortrait */
@media (min-width: 840px) and (orientation: portrait) {
  .super-info-button {
    position: absolute;
    bottom: 16px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 99999999;
  }

  .select-language {
    right: 16px !important;
    top: -16px !important;
    padding: 8px !important;
    background: #fff !important;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    box-shadow: 0px -10px 10px -4px rgb(0 0 0 / 13%), 0 -3px 0.5px -2px rgb(0 0 0 / 3%), 0 -2px 1px 0 rgb(0 0 0 / 2%), 0 -1px 2.5px 0 rgb(0 0 0 / 2%);
  }

  .super-multipart-progress {
    position: relative !important;
    border-radius: 8px !important;
    overflow: hidden;
  }

  .section__stepper-widget {}

  .stepper__container {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 20px 40px rgb(0 0 0 / 8%);
    max-width: calc(100% - 32px) !important;
    margin: auto !important;
  }

  .section__stepper-widget .stepper__desc {}

  .section__stepper-widget .stepper__desc .stepper__desc--headline {
    color: #fff;
    font-weight: 400;
    font-size: 20px !important;
    line-height: 28px !important;
    letter-spacing: 0.15px !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
  }

  .section__stepper-widget .stepper__desc .stepper__desc--content {
    color: #fff;
    font-weight: 400;
    font-size: 14px !important;
    line-height: 22px !important;
    letter-spacing: 0.15px !important;
    /* hyphens: none !important; */
  }

  .section__stepper-widget .stepper__desc .stepper__desc--content ol {
    list-style-position: inside;
    padding-left: 0;
  }

  .section__stepper-widget .stepper__desc .stepper__desc--content ol li {
    list-style-type: decimal !important;
    margin-top: 0;
    margin-bottom: 0;
  }

  .section__stepper-widget .stepper__desc .stepper__desc--content ol li:not(:last-child) {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }

  .section__stepper-widget .stepper__form {}



  .section__stepper-widget .stepper__form .elementor-widget-wrap > .elementor-element .elementor-widget-container .super-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: calc(64px + 8px) 24px 24px 24px !important;
  }

  .section__stepper-widget .stepper__form .elementor-widget-wrap > .elementor-element .elementor-widget-container .super-form form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-top: 40px !important;
    padding-bottom: 80px !important;
  }

  .super-button {
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    border-radius: 4px !important;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
  }

  .super-button.super-prev-multipart {
    bottom: 0;
    left: 0;
    z-index: 90000;
  }

  .super-button.super-next-multipart {
    bottom: 0;
    right: 0;
    z-index: 90000;
  }

  .super-button .super-button-wrap {
    background: transparent !important;
    margin: 0 !important;
    padding: 0 16px !important;
    display: flex;
    height: 36px !important;
    border-radius: 4px !important;
    --mdc-theme-primary: #37474f !important;
    --mdc-theme-on-primary: #d50000 !important;
  }

  .super-button .super-button-name {
    color: #37474f !important;
    font-size: 14px !important;
    letter-spacing: 1.25px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    font-family: "Roboto", sans-serif !important;
    display: flex !important;
    align-items: center;
    height: 100% !important;
  }

  .super-item.radio-buttons-field:not(.super-has-image) div,
  input.super-datepicker {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #000 !important;
    hyphens: none;
  }

  .super-field-size-huge .super-filled.date-field-wrapper .super-adaptive-placeholder span {
    margin-top: -52px !important;
  }

  /* ===== STEP 01 ============================================= */

  .step--01 {}

  .step--01 .super-button {
    display: none !important;
  }

  .step--01 > .super-shortcode {
    margin: 32px 0 32px 0 !important;
  }

  .step--01 .super-field-wrapper  {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: max-content !important;
    grid-gap: 16px;
  }

  .step--01 .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--01 .super-field-wrapper label {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid transparent;
  }

  .step--01 .super-field-wrapper label.super-has-image.super-active {
    border-radius: 4px !important;
    border: 1px solid #00c853 !important;
    background: rgba(0, 200, 83, 0.1) !important;
  }

  .step--01 .super-field-wrapper label .item__content {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px;
    padding: 16px;
  }

  .step--01 .super-field-wrapper label .item__content > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--01 .super-field-wrapper label .item__content .image {}

  .step--01 .super-field-wrapper label .item__content .image::before,
  .step--01 .super-field-wrapper label .item__content .image::after {
    content: none !important;
  }

  .step--01 .super-field-wrapper label .item__content .image img {
    margin: auto;
  }

  .step--01 .super-field-wrapper label .item__content input {
    position: absolute;
    opacity: 0;
  }

  .super-label,
  .mdc-typography--subtitle1 {
    font-family: "Roboto", sans-serif !important;
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 0 32px 0 !important;
    padding: 0 !important;
    text-align: center;
    color: #102027 !important;
  }

  .step--01 .super-field-wrapper label .item__content .item__headline {
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 0.15px !important;
    line-height: 1 !important;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: start;
    color: #102027;
  }

  /* ===== STEP 02 ============================================= */

  .step--02 {}

  .step--02 div.super-label {
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Roboto", sans-serif !important;
    color: #222 !important;
    hyphens: none;
    letter-spacing: 0.15px;
    text-align: center !important;
  }

  /* SOZIALRECHT */

  .step--02 .container__sozialrecht {}

  .step--02 .container__sozialrecht > div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--02 .container__sozialrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--02 .container__sozialrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__sozialrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: 48px 48px !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 8px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr !important;
  }

  .step--02 .container__sozialrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__sozialrecht .super-item {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 0 56px !important;
  }

  .step--02 .container__sozialrecht .super-item::before {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 16px !important;
    width: 24px !important;
    height: 24px !important;
  }

  .step--02 .container__sozialrecht .super-item::after {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 20px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .step--02 .container__sozialrecht .super-date {
    width: 87% !important;
    margin: auto !important;
    float: none !important;
  }

  .step--02 .container__sozialrecht .super-date .super-adaptive-placeholder {
    height: 53px !important;
  }

  /* ARBEITSRECHT */

  .step--02 .container__arbeitsrecht {}

  .step--02 .container__arbeitsrecht > div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--02 .container__arbeitsrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--02 .container__arbeitsrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 16px;
    grid-auto-flow: row;
    grid-auto-rows: auto !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label {
    margin: 0;
    padding: 0 !important;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden !important;
    border: 1px solid transparent;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label.super-active {
    border-radius: 4px !important;
    border: 1px solid #00c853 !important;
    background: rgba(0, 200, 83, 0.1) !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 64px 1fr;
    grid-template-rows: 64px;
    justify-content: center;
    justify-items: start;
    align-content: center;
    align-items: center;
    grid-gap: 16px;
    padding: 12px 16px !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content input {
    position: absolute;
    opacity: 0;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content .image {
    margin: auto auto !important;
    padding: 0px !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 80px !important;
    max-height: 80px !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content .image::before,
  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content .image::after {
    content: none !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content .image img {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content .item__headline {
    font-size: 16px !important;
    letter-spacing: 0.15px !important;
    line-height: 20px !important;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: start;
    font-weight: 400;
    color: #102027;
    hyphens: none !important;
    text-align: left !important;
  }

  /* FAMILIENRECHT */

  .step--02 .container__familienrecht {}

  .step--02 .container__familienrecht > div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--02 .container__familienrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--02 .container__familienrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 16px;
    grid-auto-flow: row;
    grid-auto-rows: auto !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label {
    margin: 0;
    padding: 0 !important;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden !important;
    border: 1px solid transparent;
  }

  .step--02 .container__familienrecht .super-field-wrapper label.super-active {
    border-radius: 4px !important;
    border: 1px solid #00c853 !important;
    background: rgba(0, 200, 83, 0.1) !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 64px 1fr;
    grid-template-rows: 64px;
    justify-content: center;
    justify-items: start;
    align-content: center;
    align-items: center;
    grid-gap: 16px;
    padding: 12px 16px !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content input {
    position: absolute;
    opacity: 0;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content .image {
    margin: auto auto !important;
    padding: 0px !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 80px !important;
    max-height: 80px !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content .image::before,
  .step--02 .container__familienrecht .super-field-wrapper label .item__content .image::after {
    content: none !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content .image img {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content .item__headline {
    font-size: 16px !important;
    letter-spacing: 0.15px !important;
    line-height: 20px !important;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: start;
    font-weight: 400;
    color: #102027;
    hyphens: none !important;
    text-align: left !important;
  }

  /* SONSTIGES */

  .step--02 .container__sonstiges {}

  .step--02 .container__sonstiges > div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--02 .container__sonstiges .text-area-field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--02 .container__sonstiges .text-area-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  /* ===== STEP 03 ============================================= */

  .step--03 {}

  .step--03 div.super-label {
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Roboto", sans-serif !important;
    color: #222 !important;
    hyphens: none;
    letter-spacing: 0.15px;
    text-align: center !important;
  }

  /* SOZIALRECHT */

  .step--03 .container__sozialrecht {}

  .step--03 .container__sozialrecht > div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--03 .container__sozialrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--03 .container__sozialrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__sozialrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: 48px 48px !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 8px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr !important;
  }

  .step--03 .container__sozialrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__sozialrecht .super-item {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 0 56px !important;
  }

  .step--03 .container__sozialrecht .super-item::before {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 16px !important;
    width: 24px !important;
    height: 24px !important;
  }

  .step--03 .container__sozialrecht .super-item::after {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 20px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .step--03 .container__sozialrecht .super-date {
    width: 87% !important;
    margin: auto !important;
    float: none !important;
  }

  .step--03 .container__sozialrecht .super-date .super-adaptive-placeholder {
    height: 53px !important;
  }

  /* ARBEITSRECHT */

  .step--03 .container__arbeitsrecht {}

  .step--03 .container__arbeitsrecht > div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--03 .container__arbeitsrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--03 .container__arbeitsrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__arbeitsrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: 48px 48px !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 8px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr !important;
  }

  .step--03 .container__arbeitsrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__arbeitsrecht .super-item {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 0 56px !important;
  }

  .step--03 .container__arbeitsrecht .super-item::before {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 16px !important;
    width: 24px !important;
    height: 24px !important;
  }

  .step--03 .container__arbeitsrecht .super-item::after {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 20px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .step--03 .container__arbeitsrecht .super-date {
    width: 87% !important;
    margin: auto !important;
    float: none !important;
  }

  .step--03 .container__arbeitsrecht .super-date .super-adaptive-placeholder {
    height: 53px !important;
  }

  /* FAMILIENRECHT */

  .step--03 .container__familienrecht {}

  .step--03 .container__familienrecht > div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--03 .container__familienrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--03 .container__familienrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__familienrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: 48px 48px !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 8px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr !important;
  }

  .step--03 .container__familienrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__familienrecht .super-item {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 0 56px !important;
  }

  .step--03 .container__familienrecht .super-item::before {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 16px !important;
    width: 24px !important;
    height: 24px !important;
  }

  .step--03 .container__familienrecht .super-item::after {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 20px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .step--03 .container__familienrecht .super-date {
    width: 87% !important;
    margin: auto !important;
    float: none !important;
  }

  .step--03 .container__familienrecht .super-date .super-adaptive-placeholder {
    height: 53px !important;
  }

  /* SONSTIGES */

  .step--03 .container__sonstiges {}

  .step--03 .container__sonstiges > div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--03 .container__sonstiges .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--03 .container__sonstiges .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__sonstiges .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: 48px 48px !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 8px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr !important;
  }

  .step--03 .container__sonstiges .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__sonstiges .super-item {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 0 56px !important;
  }

  .step--03 .container__sonstiges .super-item::before {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 16px !important;
    width: 24px !important;
    height: 24px !important;
  }

  .step--03 .container__sonstiges .super-item::after {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 20px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .step--03 .container__sonstiges .super-date {
    width: 87% !important;
    margin: auto !important;
    float: none !important;
  }

  .step--03 .container__sonstiges .super-date .super-adaptive-placeholder {
    height: 53px !important;
  }

  /* ===== STEP 04 ============================================= */

  .step--04 {}

  .step--04 div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--04 div.super-label {
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Roboto", sans-serif !important;
    color: #222 !important;
    hyphens: none;
    letter-spacing: 0.15px;
    text-align: center !important;
  }

  .step--04 .text-area-field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--04 .text-area-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  /* SOZIALRECHT */

  .step--04 .container__sozialrecht {}

  /* ARBEITSRECHT */

  .step--04 .container__arbeitsrecht {}

  /* FAMILIENRECHT */

  .step--04 .container__familienrecht {}

  /* SONSTIGES */

  .step--04 .container__sonstiges {}

  /* ===== STEP 05 ============================================= */

  .step--05 {}

  .step--05 div.super-label {
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Roboto", sans-serif !important;
    color: #222 !important;
    hyphens: none;
    letter-spacing: 0.15px;
    text-align: center !important;
  }

  .step--05 div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--05 .radio-buttons-field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--05 .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: max-content !important;
    grid-gap: 16px;
    /* margin-bottom: 24px !important; */
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    border-radius: 8px;
    overflow: hidden;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label:not(.super-has-image) {
    display: flex !important;
    padding: 16px !important;
    place-content: center !important;
    place-items: center !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label:not(.super-has-image)::before,
  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label:not(.super-has-image)::after {
    content: none !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label:not(.super-has-image) > div {
    color: #444444 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label.super-has-image.super-active,
  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label.super-active {
    border-radius: 4px !important;
    border: 1px solid #00c853 !important;
    background: rgba(0, 200, 83, 0.1) !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px;
    padding: 16px;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content .image {}

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content .image::before,
  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content .image::after {
    content: none !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content .image img {
    margin: auto;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content input {
    position: absolute;
    opacity: 0;
  }

  /* SOZIALRECHT */

  .step--05 .container__sozialrecht {}

  /* ARBEITSRECHT */

  .step--05 .container__arbeitsrecht {}

  /* FAMILIENRECHT */

  .step--05 .container__familienrecht {}

  /* SONSTIGES */

  .step--05 .container__sonstiges {}

  /* ===== STEP 06 ============================================= */

  .step--06 {}

  .step--06 div.super-label {
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Roboto", sans-serif !important;
    color: #222 !important;
    hyphens: none;
    letter-spacing: 0.15px;
    text-align: center !important;
  }

  .step--06 div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--06 div.super-description {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 22px !important;
    letter-spacing: 0.15px !important;
  }

  .step--06 .file-upload-field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--06 .file-upload-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--06 .super-fileupload-button {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0 0 0 7px;
  }

  .step--06 .super-fileupload-button i {
    display: none !important;
  }

  .step--06 .super-fileupload-button .super-fileupload-button-text {
    width: max-content;
    height: 39px;
    position: relative !important;
    top: unset !important;
    right: unset !important;
    bottom: unset !important;
    left: unset !important;
    display: flex;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: center;
    background: #37474f;
    border-radius: 3px;
    padding: 0 12px;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.15px;
    font-family: "Roboto", sans-serif !important;
    color: #fff;
    font-weight: 500;
  }

  .step--06 .super-fileupload-files {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 48px !important;
    grid-gap: 0 !important;
    padding: 8px !important;
    justify-content: end;
    align-content: end;
    align-items: end;
    justify-items: end;
    grid-auto-rows: 48px !important;
    width: 100%;
  }

  .step--06 .super-fileupload-files > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--06 .super-fileupload-files div {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    border-bottom: 1px solid #e8e8e9;
  }

  .step--06 .super-fileupload-files span.super-fileupload-name {
    font-size: 13px !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.15px !important;
    color: #62727b !important;
  }

  .step--06 .super-fileupload-files span.super-fileupload-delete {
    font-size: 13px !important;
    color: #37474f !important;
  }

  /* SOZIALRECHT */

  .step--06 .container__sozialrecht {}

  /* ARBEITSRECHT */

  .step--06 .container__arbeitsrecht {}

  /* FAMILIENRECHT */

  .step--06 .container__familienrecht {}

  /* SONSTIGES */

  .step--06 .container__sonstiges {}

  /* ===== STEP 07 ============================================= */

  .step--07 {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-gap: 24px;
  }

  .step--07 > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--07 div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--07 .super-form-button:not(.super-prev-multipart) {
    bottom: 0;
    right: 24px;
    z-index: 90000;
  }

  .step--07 > .super-grid {
    display: grid !important;
    grid-gap: 24px;
  }

  .step--07 > .super-grid > * {
    min-width: 0 !important;
    min-height: 0 !important;
    width: 100% !important;
    padding: 0 !important;
  }

  .step--07 > .super-grid:nth-child(1) {}

  .step--07 > .super-grid:nth-child(2) {}

  .step--07 > .super-grid:nth-child(3) {}

  .step--07 > .super-grid:nth-child(4) {}

  .step--07 > .super-grid:nth-child(4) .check-box-field {
    padding: 0 !important;
    width: 100% !important;
    height: 32px !important;
  }

  .step--07 > .super-grid:nth-child(4) .check-box-field > div {
    margin-left: 32px !important;
  }

  .step--07 > .super-grid:nth-child(4) .check-box-field::before {
    margin: 0 !important;
    position: absolute !important;
    top: 0 !important;
    right: unset !important;
    bottom: 0 !important;
    left: unset !important;
    width: 18px !important;
    height: 18px !important;
    margin: auto !important;
  }

  .step--07 > .super-grid:nth-child(4) .check-box-field::after {
    margin: 0 !important;
    position: absolute !important;
    top: 0 !important;
    right: unset !important;
    bottom: 0 !important;
    left: 3px !important;
    width: 12px !important;
    height: 12px !important;
    margin: auto !important;
  }

  .step--07 .text-field-field-wrapper {
    width: 100% !important;
    margin: 0 !important;
  }

  /* SOZIALRECHT */

  .step--07 .container__sozialrecht {}

  /* ARBEITSRECHT */

  .step--07 .container__arbeitsrecht {}

  /* FAMILIENRECHT */

  .step--07 .container__familienrecht {}

  /* SONSTIGES */

  .step--07 .container__sonstiges {}
}

/* WebLandscape */
@media (min-width: 1280px) and (orientation: landscape) {
  .super-info-button {
    position: absolute;
    bottom: 16px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 99999999;
  }

  .section__stepper-widget .stepper__form .elementor-widget-wrap > .elementor-element,
  .section__stepper-widget .stepper__form .elementor-widget-wrap > .elementor-element .elementor-widget-container,
  .section__stepper-widget .stepper__form .elementor-widget-wrap > .elementor-element .elementor-widget-container .elementor-shortcode,
  .section__stepper-widget .stepper__form .elementor-widget-wrap > .elementor-element .elementor-widget-container .super-form {
    min-height: 640px;
  }

  .select-language {
    right: 16px !important;
    top: -16px !important;
    padding: 8px !important;
    background: #fff !important;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    box-shadow: 0px -10px 10px -4px rgb(0 0 0 / 13%), 0 -3px 0.5px -2px rgb(0 0 0 / 3%), 0 -2px 1px 0 rgb(0 0 0 / 2%), 0 -1px 2.5px 0 rgb(0 0 0 / 2%);
  }

  .section__stepper-widget {}

  .stepper__container {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 20px 40px rgb(0 0 0 / 8%);
    max-width: 100% !important;
    margin: auto !important;
  }

  .section__stepper-widget .stepper__desc {
    padding: 64px 48px !important;
  }

  .section__stepper-widget .stepper__desc .stepper__desc--headline {
    color: #fff;
    font-weight: 400;
    font-size: 20px !important;
    line-height: 28px !important;
    letter-spacing: 0.15px !important;
    margin-top: 0 !important;
    margin-bottom: 24px !important;
  }

  .section__stepper-widget .stepper__desc .stepper__desc--content {
    color: #fff;
    font-weight: 400;
    font-size: 14px !important;
    line-height: 22px !important;
    letter-spacing: 0.15px !important;
    /* hyphens: none !important; */
  }

  .section__stepper-widget .stepper__desc .stepper__desc--content ol {
    /* list-style-position: inside;
    padding-left: 0; */
  }

  .section__stepper-widget .stepper__desc .stepper__desc--content ol li {
    list-style-type: decimal !important;
    /* margin-top: 0;
    margin-bottom: 0; */
  }

  .section__stepper-widget .stepper__desc .stepper__desc--content ol li:not(:last-child) {
    /* padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); */
  }

  .section__stepper-widget .stepper__form {}

  .section__stepper-widget .stepper__form .elementor-widget-wrap > .elementor-element .elementor-widget-container .super-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: calc(24px + 8px) 24px 24px 24px !important;
  }

  .section__stepper-widget .stepper__form .elementor-widget-wrap > .elementor-element .elementor-widget-container .super-form form {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 80px;
    height: 100%;
  }

  .super-button {
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    border-radius: 8px !important;
    overflow: hidden;
  }

  .super-button.super-prev-multipart {
    bottom: 0;
    left: calc(50% - (128px + 16px));
    z-index: 90000;
  }

  .super-button.super-next-multipart {
    bottom: 0;
    right: calc(50% - (128px + 16px));
    z-index: 90000;
  }

  .super-button .super-button-wrap {
    background: transparent !important;
    margin: 0 !important;
    padding: 0 24px !important;
    display: flex;
    height: 48px !important;
    --mdc-theme-primary: #37474f !important;
    --mdc-theme-on-primary: #d50000 !important;
  }

  .super-button .super-button-name {
    color: #37474f !important;
    font-size: 14px !important;
    letter-spacing: 1.25px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    font-family: "Roboto", sans-serif !important;
    display: flex !important;
    align-items: center;
    height: 100% !important;
  }

  .super-item.radio-buttons-field:not(.super-has-image) div,
  input.super-datepicker {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #000 !important;
    hyphens: none;
  }

  .super-field-size-huge .super-filled.date-field-wrapper .super-adaptive-placeholder span {
    margin-top: -52px !important;
  }

  /* ===== STEP 01 ============================================= */

  .step--01 {}

  .step--01 .super-button {
    display: none !important;
  }

  .step--01 > .super-shortcode {
    margin: 32px 0 32px 0 !important;
  }

  .step--01 .super-field-wrapper  {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: max-content !important;
    grid-gap: 16px;
  }

  .step--01 .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--01 .super-field-wrapper label {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #dadce0;
  }

  .step--01 .super-field-wrapper label.super-has-image.super-active {
    border-radius: 4px !important;
    border: 1px solid #00c853 !important;
    background: rgba(0, 200, 83, 0.1) !important;
  }

  .step--01 .super-field-wrapper label .item__content {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px;
    padding: 16px;
  }

  .step--01 .super-field-wrapper label .item__content > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--01 .super-field-wrapper label .item__content .image {}

  .step--01 .super-field-wrapper label .item__content .image::before,
  .step--01 .super-field-wrapper label .item__content .image::after {
    content: none !important;
  }

  .step--01 .super-field-wrapper label .item__content .image img {
    margin: auto;
  }

  .step--01 .super-field-wrapper label .item__content input {
    position: absolute;
    opacity: 0;
  }

  .super-label,
  .mdc-typography--subtitle1 {
    font-family: "Roboto", sans-serif !important;
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 0 32px 0 !important;
    padding: 0 !important;
    text-align: center;
    color: #102027 !important;
  }

  .step--01 .super-field-wrapper label .item__content .item__headline {
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 0.15px !important;
    line-height: 1 !important;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: start;
    color: #102027;
  }

  /* ===== STEP 02 ============================================= */

  .step--02 {}

  .step--02 div.super-label {
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Roboto", sans-serif !important;
    color: #222 !important;
    hyphens: none;
    letter-spacing: 0.15px;
    text-align: center !important;
  }

  /* SOZIALRECHT */

  .step--02 .container__sozialrecht {}

  .step--02 .container__sozialrecht > div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--02 .container__sozialrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--02 .container__sozialrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__sozialrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: 48px 48px !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 8px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr !important;
  }

  .step--02 .container__sozialrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__sozialrecht .super-item {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 0 56px !important;
  }

  .step--02 .container__sozialrecht .super-item::before {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 16px !important;
    width: 24px !important;
    height: 24px !important;
  }

  .step--02 .container__sozialrecht .super-item::after {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 20px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .step--02 .container__sozialrecht .super-date {
    width: 87% !important;
    margin: auto !important;
    float: none !important;
  }

  .step--02 .container__sozialrecht .super-date .super-adaptive-placeholder {
    height: 53px !important;
  }

  /* ARBEITSRECHT */

  .step--02 .container__arbeitsrecht {}

  .step--02 .container__arbeitsrecht > div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--02 .container__arbeitsrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--02 .container__arbeitsrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 16px;
    grid-auto-flow: row;
    grid-auto-rows: auto !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label {
    margin: 0;
    padding: 0 !important;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden !important;
    border: 1px solid #dadce0;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label.super-active {
    border-radius: 4px !important;
    border: 1px solid #00c853 !important;
    background: rgba(0, 200, 83, 0.1) !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 64px 1fr;
    grid-template-rows: 64px;
    justify-content: center;
    justify-items: start;
    align-content: center;
    align-items: center;
    grid-gap: 16px;
    padding: 12px 16px !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content input {
    position: absolute;
    opacity: 0;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content .image {
    margin: auto auto !important;
    padding: 0px !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 80px !important;
    max-height: 80px !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content .image::before,
  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content .image::after {
    content: none !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content .image img {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
  }

  .step--02 .container__arbeitsrecht .super-field-wrapper label .item__content .item__headline {
    font-size: 16px !important;
    letter-spacing: 0.15px !important;
    line-height: 20px !important;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: start;
    font-weight: 400;
    color: #102027;
    hyphens: none !important;
    text-align: left !important;
  }

  /* FAMILIENRECHT */

  .step--02 .container__familienrecht {}

  .step--02 .container__familienrecht > div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--02 .container__familienrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--02 .container__familienrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 16px;
    grid-auto-flow: row;
    grid-auto-rows: auto !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label {
    margin: 0;
    padding: 0 !important;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden !important;
    border: 1px solid #dadce0;
  }

  .step--02 .container__familienrecht .super-field-wrapper label.super-active {
    border-radius: 4px !important;
    border: 1px solid #00c853 !important;
    background: rgba(0, 200, 83, 0.1) !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 64px 1fr;
    grid-template-rows: 64px;
    justify-content: center;
    justify-items: start;
    align-content: center;
    align-items: center;
    grid-gap: 16px;
    padding: 12px 16px !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content input {
    position: absolute;
    opacity: 0;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content .image {
    margin: auto auto !important;
    padding: 0px !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 80px !important;
    max-height: 80px !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content .image::before,
  .step--02 .container__familienrecht .super-field-wrapper label .item__content .image::after {
    content: none !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content .image img {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
  }

  .step--02 .container__familienrecht .super-field-wrapper label .item__content .item__headline {
    font-size: 16px !important;
    letter-spacing: 0.15px !important;
    line-height: 20px !important;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: start;
    font-weight: 400;
    color: #102027;
    hyphens: none !important;
    text-align: left !important;
  }

  /* SONSTIGES */

  .step--02 .container__sonstiges {}

  .step--02 .container__sonstiges > div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--02 .container__sonstiges .text-area-field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--02 .container__sonstiges .text-area-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  /* ===== STEP 03 ============================================= */

  .step--03 {}

  .step--03 div.super-label {
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Roboto", sans-serif !important;
    color: #222 !important;
    hyphens: none;
    letter-spacing: 0.15px;
    text-align: center !important;
  }

  /* SOZIALRECHT */

  .step--03 .container__sozialrecht {}

  .step--03 .container__sozialrecht > div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--03 .container__sozialrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--03 .container__sozialrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__sozialrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: 48px 48px !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 8px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr !important;
  }

  .step--03 .container__sozialrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__sozialrecht .super-item {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 0 56px !important;
  }

  .step--03 .container__sozialrecht .super-item::before {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 16px !important;
    width: 24px !important;
    height: 24px !important;
  }

  .step--03 .container__sozialrecht .super-item::after {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 20px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .step--03 .container__sozialrecht .super-date {
    width: 87% !important;
    margin: auto !important;
    float: none !important;
  }

  .step--03 .container__sozialrecht .super-date .super-adaptive-placeholder {
    height: 53px !important;
  }

  /* ARBEITSRECHT */

  .step--03 .container__arbeitsrecht {}

  .step--03 .container__arbeitsrecht > div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--03 .container__arbeitsrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--03 .container__arbeitsrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__arbeitsrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: 48px 48px !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 8px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr !important;
  }

  .step--03 .container__arbeitsrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__arbeitsrecht .super-item {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 0 56px !important;
  }

  .step--03 .container__arbeitsrecht .super-item::before {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 16px !important;
    width: 24px !important;
    height: 24px !important;
  }

  .step--03 .container__arbeitsrecht .super-item::after {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 20px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .step--03 .container__arbeitsrecht .super-date {
    width: 87% !important;
    margin: auto !important;
    float: none !important;
  }

  .step--03 .container__arbeitsrecht .super-date .super-adaptive-placeholder {
    height: 53px !important;
  }

  /* FAMILIENRECHT */

  .step--03 .container__familienrecht {}

  .step--03 .container__familienrecht > div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--03 .container__familienrecht .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--03 .container__familienrecht .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__familienrecht .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: 48px 48px !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 8px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr !important;
  }

  .step--03 .container__familienrecht .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__familienrecht .super-item {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 0 56px !important;
  }

  .step--03 .container__familienrecht .super-item::before {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 16px !important;
    width: 24px !important;
    height: 24px !important;
  }

  .step--03 .container__familienrecht .super-item::after {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 20px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .step--03 .container__familienrecht .super-date {
    width: 87% !important;
    margin: auto !important;
    float: none !important;
  }

  .step--03 .container__familienrecht .super-date .super-adaptive-placeholder {
    height: 53px !important;
  }

  /* SONSTIGES */

  .step--03 .container__sonstiges {}

  .step--03 .container__sonstiges > div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--03 .container__sonstiges .radio-buttons-field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--03 .container__sonstiges .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__sonstiges .super-field-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: 48px 48px !important;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 8px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr !important;
  }

  .step--03 .container__sonstiges .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--03 .container__sonstiges .super-item {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 0 56px !important;
  }

  .step--03 .container__sonstiges .super-item::before {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 16px !important;
    width: 24px !important;
    height: 24px !important;
  }

  .step--03 .container__sonstiges .super-item::after {
    margin: auto 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 20px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .step--03 .container__sonstiges .super-date {
    width: 87% !important;
    margin: auto !important;
    float: none !important;
  }

  .step--03 .container__sonstiges .super-date .super-adaptive-placeholder {
    height: 53px !important;
  }

  /* ===== STEP 04 ============================================= */

  .step--04 {}

  .step--04 div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--04 div.super-label {
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Roboto", sans-serif !important;
    color: #222 !important;
    hyphens: none;
    letter-spacing: 0.15px;
    text-align: center !important;
  }

  .step--04 .text-area-field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--04 .text-area-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  /* SOZIALRECHT */

  .step--04 .container__sozialrecht {}

  /* ARBEITSRECHT */

  .step--04 .container__arbeitsrecht {}

  /* FAMILIENRECHT */

  .step--04 .container__familienrecht {}

  /* SONSTIGES */

  .step--04 .container__sonstiges {}

  /* ===== STEP 05 ============================================= */

  .step--05 {}

  .step--05 div.super-label {
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Roboto", sans-serif !important;
    color: #222 !important;
    hyphens: none;
    letter-spacing: 0.15px;
    text-align: center !important;
  }

  .step--05 div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--05 .radio-buttons-field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--05 .radio-buttons-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: max-content !important;
    grid-gap: 16px;
    /* margin-bottom: 24px !important; */
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    border-radius: 8px;
    overflow: hidden;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label:not(.super-has-image) {
    display: flex !important;
    padding: 16px !important;
    place-content: center !important;
    place-items: center !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label:not(.super-has-image)::before,
  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label:not(.super-has-image)::after {
    content: none !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label:not(.super-has-image) > div {
    color: #444444 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label.super-has-image.super-active,
  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label.super-active {
    border-radius: 4px !important;
    border: 1px solid #00c853 !important;
    background: rgba(0, 200, 83, 0.1) !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px;
    padding: 16px;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content .image {}

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content .image::before,
  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content .image::after {
    content: none !important;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content .image img {
    margin: auto;
  }

  .step--05 .radio-buttons-field-wrapper .super-field-wrapper label .item__content input {
    position: absolute;
    opacity: 0;
  }

  /* SOZIALRECHT */

  .step--05 .container__sozialrecht {}

  /* ARBEITSRECHT */

  .step--05 .container__arbeitsrecht {}

  /* FAMILIENRECHT */

  .step--05 .container__familienrecht {}

  /* SONSTIGES */

  .step--05 .container__sonstiges {}

  /* ===== STEP 06 ============================================= */

  .step--06 {}

  .step--06 div.super-label {
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Roboto", sans-serif !important;
    color: #222 !important;
    hyphens: none;
    letter-spacing: 0.15px;
    text-align: center !important;
  }

  .step--06 div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--06 div.super-description {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 22px !important;
    letter-spacing: 0.15px !important;
  }

  .step--06 .file-upload-field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    justify-items: stretch;
    align-content: stretch;
    align-items: stretch;
    grid-gap: 24px;
  }

  .step--06 .file-upload-field-wrapper > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--06 .super-fileupload-button {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0 0 0 7px;
  }

  .step--06 .super-fileupload-button i {
    display: none !important;
  }

  .step--06 .super-fileupload-button .super-fileupload-button-text {
    width: max-content;
    height: 39px;
    position: relative !important;
    top: unset !important;
    right: unset !important;
    bottom: unset !important;
    left: unset !important;
    display: flex;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: center;
    background: #37474f;
    border-radius: 3px;
    padding: 0 12px;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.15px;
    font-family: "Roboto", sans-serif !important;
    color: #fff;
    font-weight: 500;
  }

  .step--06 .super-fileupload-files {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 48px !important;
    grid-gap: 0 !important;
    padding: 8px !important;
    justify-content: end;
    align-content: end;
    align-items: end;
    justify-items: end;
    grid-auto-rows: 48px !important;
    width: 100%;
  }

  .step--06 .super-fileupload-files > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--06 .super-fileupload-files div {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    border-bottom: 1px solid #e8e8e9;
  }

  .step--06 .super-fileupload-files span.super-fileupload-name {
    font-size: 13px !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.15px !important;
    color: #62727b !important;
  }

  .step--06 .super-fileupload-files span.super-fileupload-delete {
    font-size: 13px !important;
    color: #37474f !important;
  }

  /* SOZIALRECHT */

  .step--06 .container__sozialrecht {}

  /* ARBEITSRECHT */

  .step--06 .container__arbeitsrecht {}

  /* FAMILIENRECHT */

  .step--06 .container__familienrecht {}

  /* SONSTIGES */

  .step--06 .container__sonstiges {}

  /* ===== STEP 07 ============================================= */

  .step--07 {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-gap: 24px;
  }

  .step--07 > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .step--07 div.super-field:not(.super-button) {
    width: 87% !important;
    height: 100% !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .step--07 .super-form-button:not(.super-prev-multipart) {
    bottom: 0;
    right: calc(50% - (128px + 16px));
    z-index: 90000;
  }

  .step--07 > .super-grid {
    display: grid !important;
    grid-gap: 24px;
  }

  .step--07 > .super-grid > * {
    min-width: 0 !important;
    min-height: 0 !important;
    width: 100% !important;
    padding: 0 !important;
  }

  .step--07 > .super-grid:nth-child(1) {}

  .step--07 > .super-grid:nth-child(2) {}

  .step--07 > .super-grid:nth-child(3) {}

  .step--07 > .super-grid:nth-child(4) {}

  .step--07 > .super-grid:nth-child(4) .check-box-field {
    padding: 0 !important;
    width: 100% !important;
    height: 32px !important;
  }

  .step--07 > .super-grid:nth-child(4) .check-box-field > div {
    margin-left: 32px !important;
  }

  .step--07 > .super-grid:nth-child(4) .check-box-field::before {
    margin: 0 !important;
    position: absolute !important;
    top: 0 !important;
    right: unset !important;
    bottom: 0 !important;
    left: unset !important;
    width: 18px !important;
    height: 18px !important;
    margin: auto !important;
  }

  .step--07 > .super-grid:nth-child(4) .check-box-field::after {
    margin: 0 !important;
    position: absolute !important;
    top: 0 !important;
    right: unset !important;
    bottom: 0 !important;
    left: 3px !important;
    width: 12px !important;
    height: 12px !important;
    margin: auto !important;
  }

  .step--07 .text-field-field-wrapper {
    width: 100% !important;
    margin: 0 !important;
  }

  /* SOZIALRECHT */

  .step--07 .container__sozialrecht {}

  /* ARBEITSRECHT */

  .step--07 .container__arbeitsrecht {}

  /* FAMILIENRECHT */

  .step--07 .container__familienrecht {}

  /* SONSTIGES */

  .step--07 .container__sonstiges {}
}

/* ===== PAGE COMPONENT ============================================= */

.section__stepper-page {}

.section__stepper-page .select-language {
  display: none;
}

/* HandsetPortrait */
@media (max-width: 599.98px) and (orientation: portrait) {
  .section__stepper-page {}
}

/* HandsetLandscape */
@media (max-width: 959.98px) and (orientation: landscape) {
  .section__stepper-page {}
}

/* TabletPortrait */
@media (min-width: 600px) and (max-width: 839.98px) and (orientation: portrait) {
  .section__stepper-page {}
}

/* TabletLandscape */
@media (min-width: 960px) and (max-width: 1279.98px) and (orientation: landscape) {
  .section__stepper-page {}
}

/* WebPortrait */
@media (min-width: 840px) and (orientation: portrait) {
  .section__stepper-page {}
}

/* WebLandscape */
@media (min-width: 1280px) and (orientation: landscape) {
  .section__stepper-page {}
}

/* ===== MATERIAL COMPONENTS ============================================= */

.super-item.super-has-image .mdc-ripple-surface {
  position: absolute;
  z-index: 999;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

.mdc-ripple-upgraded.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.06;
}

.mdc-ripple-upgraded.mdc-ripple-upgraded--background-focused:hover::before {
  transition-duration: 75ms;
  opacity: 0.08;
}

.mdc-dialog {
  z-index: 999999999;
}

.mdc-dialog__title {
  padding: 16px !important;
  margin: 0 !important;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mdc-dialog__content {
  padding: 32px !important;
}

.mdc-dialog__content ol,
.mdc-dialog__content ol li {
  list-style-type: decimal !important;
}

.mdc-dialog__actions {
  padding: 16px !important;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.mdc-dialog__button {
  padding: 0 !important;
  background-color: #EF5350;
  color: #fff !important;
  border: none !important;
  font-weight: 500;
  letter-spacing: normal !important;
}

/* ===== LANGUAGE SWITCHER ============================================= */

.select-language {
  position: absolute !important;
  right: 16px;
  top: 18px;
  width: 48px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0;
}

.select-language .toggle-buttons {
  display: grid !important;
  grid-template-columns: auto !important;
  grid-template-rows: auto;
  z-index: 99998 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.select-language .toggle-buttons > * {
  min-width: 0 !important;
  min-height: 0 !important;
}

.select-language .toggle-action {
  width: 100%;
  height: auto;
  display: flex;
}

.select-language .toggle-action svg {
  width: 100%;
  height: 100%;
}

.select-language .toggle-action.active {
  visibility: hidden !important;
  opacity: 0 !important;
  display: none !important;
}

/* ===== BOTTOM APP BAR ============================================= */

.ris-bottom-app-bar {
  position: fixed !important;
  background: transparent !important;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 56px;
  z-index: 99999 !important;
  display: none;
}

.ris-bottom-app-bar.active {
  display: block !important;
}

.ris-bottom-app-bar::before {
content: "";
width: 100%;
height: 32px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: #f44336;
}

.ris-bottom-app-bar__row {
  position: absolute !important;
}

.ris-bottom-app-bar__section {
  justify-content: center;
}

.ris-bottom-app-bar .mdc-fab {
  position: fixed !important;
  left: auto;
  right: auto;
  bottom: 40px;
}

.ris-button {
  z-index: 999;
  position: fixed !important;
  bottom: 10px;
  --mdc-theme-primary: #ffffff !important;
  --mdc-theme-on-primary: #ffffff !important;
}

.ris-button .mdc-button__label {
  color: #fff !important;
}

.ris-button.ris-button__prev {
  left: 10px;
}

.ris-button.ris-button__next {
  right: 10px;
}

.notched {
  box-shadow: 0 35px 0 0 #f44336;
  margin: 0;
  padding-bottom: 14px;
  width: 48px;
  height: 48px;
  border-radius: 100px;
  position: relative;
  left: 50%;
  top: 100%;
  z-index: 0;
  transform: translate(-50%, calc(-100% - 32px));
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.notched::before, .notched::after {
  content: '';
  display: block;
  width: 100rem;
  height: 100%;
  background-color: #f44336;
  position: absolute;
  z-index: 0;
  top: 25px;
}

.notched::before {
  border-radius: 0 16px 0 0;
  right: 33px;
  transform: skewX(45deg);
}

.notched::after {
  border-radius: 16px 0 0 0;
  left: 33px;
  transform: skewX(-45deg);
}