:root {
  --text: #797979;
  --text_dunkel: #313131;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

body {
  color: #333;
  font-family: Roboto Variablefont Wdth Wght, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.table-haus-3-eg_header {
  text-align: left;
  border: 1px solid #ddd;
  padding: 8px;
}

.paragraph-137 {
  margin-bottom: 0;
}

.hiw_steps-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.table-haus-3-stg-penthouse_foot {
  background-color: #f3f3f3;
}

.footer_newsletter-text {
  color: #c6c6c6;
  border-bottom: 1px #0000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  display: inline;
}

.footer_newsletter-text:hover {
  border-bottom: 1px #ffb525;
}

.table-haus-1-stg-penthouse_caption {
  text-align: left;
  padding: 8px;
  font-weight: 700;
}

.heading-95 {
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  line-height: 120%;
}

.footer_text-copyright {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.table-haus-3-1og_foot {
  background-color: #f3f3f3;
}

.form-step-item {
  grid-column-gap: 5rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: auto;
  display: grid;
}

.form-step-item.is-2, .form-step-item.is-1 {
  grid-template-rows: auto;
}

.paragraph-134 {
  color: #313131;
  margin-bottom: 0;
  font-size: 1rem;
}

.section_ausstattung {
  margin-top: 0;
}

.table-haus-3-eg {
  display: none;
}

.footer_colum-left {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  text-decoration: none;
  display: flex;
}

.footer_colum-left.left {
  justify-content: flex-start;
  align-items: flex-start;
}

.table-haus-4-stg-penthouse_head {
  background-color: #f3f3f3;
}

.table-haus-3-stg-penthouse_cell {
  text-align: left;
  border: 1px solid #ddd;
  padding: 8px;
}

.table-haus-4-eg_caption {
  text-align: left;
  padding: 8px;
  font-weight: 700;
}

.table-haus-2-stg-penthouse {
  display: none;
}

.options {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 1rem;
  display: flex;
}

.options.is-left {
  justify-content: flex-start;
  align-items: center;
}

.house-4 {
  object-fit: cover;
  display: none;
}

.table-haus-4-stg-penthouse_caption {
  text-align: left;
  padding: 8px;
  font-weight: 700;
}

.padding-section-medium-2 {
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 5rem;
  padding-bottom: 5rem;
  text-decoration: none;
  display: flex;
}

.step-3-image {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 35rem;
  height: 35rem;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.house-2, .house-1 {
  object-fit: cover;
  display: none;
}

.map_hero-image {
  background-image: url('../images/Lageplan.jpg');
  background-position: 60% 30%;
  background-repeat: no-repeat;
  background-size: 160%;
  border: 1px #0000001a;
  border-radius: 2rem;
  width: 30%;
  height: 30rem;
  position: absolute;
  inset: auto 0% 0% auto;
}

.table-haus-2-1og_header, .fs-table_header, .table-haus-1-1og_header {
  text-align: left;
  border: 1px solid #ddd;
  padding: 8px;
}

.footer_colum-subscription-form {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.table-haus-3-stg-penthouse_caption {
  text-align: left;
  padding: 8px;
  font-weight: 700;
}

.footer_links {
  grid-row-gap: .75rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  text-decoration: none;
  display: flex;
}

.brand-2 {
  width: 10rem;
  display: flex;
}

.step-2-image {
  border: 1px solid var(--text);
  border-radius: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 35rem;
  height: 35rem;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slide-nav-3 {
  display: none;
}

.house-selection {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.table-haus-1-stg-penthouse_cell {
  text-align: left;
  border: 1px solid #ddd;
  padding: 8px;
}

.step-2-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.left-arrow-4 {
  background-color: #fff;
  border-radius: 100%;
  width: 3.125rem;
  height: 3.125rem;
  inset: auto 7% -6rem auto;
}

.table-haus-1-stg-penthouse_foot {
  background-color: #f3f3f3;
}

.table-haus-1-stg-penthouse {
  display: none;
}

.table-haus-1-eg_head, .table-haus-2-stg-penhouse_head {
  background-color: #f3f3f3;
}

.image-15 {
  vertical-align: baseline;
  width: 100%;
}

.icon-13 {
  font-size: 1rem;
}

.navbar {
  background-color: #fff;
  border-bottom: 8px solid #fcdc00;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 5rem;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
  box-shadow: 0 4px 8px #0003;
}

.table-haus-4-eg_cell {
  text-align: left;
  border: 1px solid #ddd;
  padding: 8px;
}

.slide-29 {
  border-radius: 2rem;
  width: 20rem;
  height: 20rem;
  margin-right: 2rem;
  box-shadow: 0 4px 4px #0003;
}

.table-haus-3-1og {
  display: none;
}

.slide-24 {
  border-radius: 2rem;
  width: 20rem;
  height: auto;
  margin-right: 2rem;
  box-shadow: 0 4px 4px #0003;
}

.table-haus-2-eg_row {
  text-align: left;
  border: 1px solid #ddd;
}

.table-haus-2-stg-penhouse_header {
  text-align: left;
  border: 1px solid #ddd;
  padding: 8px;
}

.table-haus-2-eg_foot {
  background-color: #f3f3f3;
}

.table-haus-1-1og_table {
  text-align: left;
  border-collapse: collapse;
  border: 1px solid #ddd;
  width: 100%;
}

.heading-94 {
  text-align: center;
  font-size: 1.1rem;
}

.price-01_content {
  box-sizing: border-box;
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-items: flex-start center;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.table-haus-3-1og_head {
  background-color: #f3f3f3;
}

.table-haus-4-parterre_header {
  text-align: left;
  border: 1px solid #ddd;
  padding: 8px;
}

.table-haus-1-1og {
  display: none;
}

.listing_item-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-radius: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 20rem;
  height: 20rem;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 4px #0003;
}

.table-haus-1-1og_head {
  background-color: #f3f3f3;
}

.table-haus-4-parterre_cell, .table-haus-1-1og_cell {
  text-align: left;
  border: 1px solid #ddd;
  padding: 8px;
}

.table-haus-1-stg-penthouse_head, .fs-table_foot, .table-haus-1-1og_foot, .table-haus-2-1og_head {
  background-color: #f3f3f3;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.table-haus-4-parterre_caption {
  text-align: left;
  padding: 8px;
  font-weight: 700;
}

.table-haus-3-1og_header {
  text-align: left;
  border: 1px solid #ddd;
  padding: 8px;
}

.footer-wrapper {
  grid-row-gap: 5rem;
  background-color: #1b1b1b;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 3.75rem;
  padding-right: 3.75rem;
  text-decoration: none;
  display: flex;
}

.table-haus-1-eg_foot {
  background-color: #f3f3f3;
}

.table-haus-4-1og_table {
  text-align: left;
  border-collapse: collapse;
  border: 1px solid #ddd;
  width: 100%;
}

.mask-18 {
  width: 100%;
  height: auto;
  padding-bottom: .5rem;
  overflow: visible;
}

.table-haus-2-1og_foot, .table-haus-3-eg_foot {
  background-color: #f3f3f3;
}

.step-1-image {
  border: 1px solid var(--text);
  background-image: url('../images/QB_Lageplan-4-haeuser.png');
  background-position: 30%;
  background-repeat: no-repeat;
  background-size: 140%;
  border-radius: 1rem;
  justify-content: flex-end;
  align-items: center;
  width: 35rem;
  height: 35rem;
  margin-left: auto;
  display: flex;
}

.table-haus-1-stg-penthouse_header {
  text-align: left;
  border: 1px solid #ddd;
  padding: 8px;
}

.slide-27 {
  border-radius: 2rem;
  width: 20rem;
  height: 20rem;
  margin-right: 2rem;
  padding-bottom: 0;
  padding-right: 0;
  box-shadow: 0 4px 4px #0003;
}

.haus-2 {
  display: none;
}

.button-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #313131;
  background-image: linear-gradient(#ffb525, #ff902b);
  border-radius: 16px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 14px 24px;
  font-size: 1rem;
  text-decoration: none;
  display: flex;
  position: relative;
  box-shadow: 0 3px 3px #00000040;
}

.button-2:hover {
  box-shadow: inset 0 3px 3px #00000040;
}

.button-2.is-hidden {
  display: none;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.form_step-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: auto;
  display: grid;
}

.feature_content {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 2rem;
  text-decoration: none;
  display: flex;
}

.table-haus-2-stg-penhouse_row {
  text-align: left;
  border: 1px solid #ddd;
}

.error-message-2 {
  border-radius: 1rem;
  padding: 12px 24px;
}

.text-block-12 {
  text-align: center;
}

.table-haus-2-eg_cell {
  text-align: left;
  border: 1px solid #ddd;
  padding: 8px;
}

.table-haus-4-parterre_head {
  background-color: #f3f3f3;
}

.table-haus-1-eg {
  display: none;
}

.table-haus-1-1og_caption {
  text-align: left;
  padding: 8px;
  font-weight: 700;
}

.table-haus-1-eg_table {
  text-align: left;
  border-collapse: collapse;
  border: 1px solid #ddd;
  width: 100%;
}

.table-haus-3-eg_row {
  text-align: left;
  border: 1px solid #ddd;
}

.slide-26 {
  border-radius: 2rem;
  width: 20rem;
  height: auto;
  margin-right: 2rem;
  box-shadow: 0 4px 4px #0003;
}

.table-haus-4-parterre_row {
  text-align: left;
  border: 1px solid #ddd;
}

.hiw_step {
  background-image: linear-gradient(#fff, #fff);
  border-radius: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 2rem;
  display: flex;
  position: relative;
}

.table-haus-4-eg_foot {
  background-color: #f3f3f3;
}

.table-haus-3-stg-penthouse_table {
  text-align: left;
  border-collapse: collapse;
  border: 1px solid #ddd;
  width: 100%;
}

.pricing_hero-image {
  background-image: url('../images/Hero_Quartier-Birk.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px #0000001a;
  border-radius: 2rem;
  width: 90%;
  height: 45rem;
  box-shadow: 0 4px 4px #0003;
}

.submit-button-2 {
  color: #333;
  background-color: #fcdc00;
  border-radius: 1rem;
  padding: 12px 24px;
  box-shadow: 0 2px 5px #0003;
}

.submit-button-2.is-hidden {
  display: none;
}

.fs-table_row {
  text-align: left;
  border: 1px solid #ddd;
}

.footer_datenschutz {
  color: #c6c6c6;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: underline;
  transition: color .2s;
}

.footer_datenschutz:hover {
  color: #ffb525;
  border-bottom: 1px #ffb525;
}

.padding-global_search {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 4rem;
  padding-right: 4rem;
  text-decoration: none;
  display: flex;
}

.logo_footer {
  color: #fff;
}

.slide-28 {
  border-radius: 2rem;
  width: 20rem;
  height: 20rem;
  margin-right: 2rem;
  padding-bottom: 0;
  padding-right: 0;
  box-shadow: 0 4px 4px #0003;
}

.container-large-10 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  text-decoration: none;
  display: flex;
}

.fs-table_head {
  background-color: #f3f3f3;
}

.table-haus-2-1og_caption-2 {
  text-align: left;
  padding: 8px;
  font-weight: 700;
}

.table-haus-4-1og_cell {
  text-align: left;
  border: 1px solid #ddd;
  padding: 8px;
}

.table-haus-2-eg {
  display: none;
}

.main-wrapper {
  z-index: 0;
  flex-direction: column;
  display: block;
  position: relative;
}

.text-12 {
  color: #c6c6c6;
  border-bottom: 1px solid #0000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  display: inline;
}

.text-12:hover {
  border-bottom: 1px solid #ffb525;
}

.haus-3 {
  display: none;
}

.footer_legal-wrapper {
  grid-column-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-end;
  text-decoration: none;
  display: flex;
}

.slider-2 {
  background-color: #ddd0;
  width: 100%;
  height: auto;
  display: none;
}

.table-haus-3-eg_caption {
  text-align: left;
  padding: 8px;
  font-weight: 700;
}

.table-haus-4-eg_header {
  text-align: left;
  border: 1px solid #ddd;
  padding: 8px;
}

.form_title-center {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.section_price-02 {
  margin-top: 0;
}

.table-haus-1-eg_row {
  text-align: left;
  border: 1px solid #ddd;
}

.next-button {
  grid-column-gap: 8px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  background-image: linear-gradient(#666, #000);
  border: 1px #313131;
  border-radius: 16px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
  padding: 12px 24px;
  font-size: 1rem;
  text-decoration: none;
  display: flex;
  box-shadow: 0 4px 4px #00000040;
}

.next-button:hover {
  color: #fff;
  box-shadow: inset 0 4px 4px #00000040;
}

.next-button.is-hidden {
  display: none;
}

.step-3-content-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer_newsletter-inputfield {
  color: #797979;
  background-color: #fff;
  border-radius: 16px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  padding: 12px 24px;
  font-size: 1rem;
  text-decoration: none;
  display: flex;
  box-shadow: inset 0 4px 4px #00000040;
}

.footer_legal-outer-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: right;
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: flex;
}

.table-haus-4-1og_head {
  background-color: #f3f3f3;
}

.content-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.table-haus-4-1og_caption {
  text-align: left;
  padding: 8px;
  font-weight: 700;
}

.form_title-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.form_title-wrapper.is-center {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.table-haus-4-1og_foot {
  background-color: #f3f3f3;
}

.padding-global {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
  overflow: hidden;
}

.fs-table_caption {
  text-align: left;
  padding: 8px;
  font-weight: 700;
}

.form-3 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.form-block-2 {
  align-self: stretch;
  width: 100%;
  margin-bottom: 0;
}

.table-haus-4-parterre_foot {
  background-color: #f3f3f3;
}

.div-block-22 {
  background-image: linear-gradient(#fcdc00, #fcdc00);
  border-radius: 100%;
  width: 4rem;
  height: 4rem;
  position: absolute;
}

.footer_title {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  text-decoration: none;
  display: flex;
}

.listing-item {
  background-image: linear-gradient(0deg, #00000080, #fff0 35%), url('../images/room-interior-hotel-bedroom.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 2rem;
  width: 100%;
  padding-top: 100%;
  transition: opacity .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.listing-item:hover {
  box-shadow: 0 4px 4px #0003;
}

.listing-item.is-5 {
  background-image: linear-gradient(0deg, #00000080, #fff0 35%), url('../images/WhatsApp-Image-2025-01-26-at-17.54.51-2.jpeg');
  background-position: 0 0, 50% 0;
  transition-property: box-shadow;
}

.listing-item.is-3 {
  background-image: linear-gradient(0deg, #00000080, #fff0 35%), url('../images/Ausstattung_WC_01.jpeg');
  transition-property: box-shadow;
}

.listing-item.is-4 {
  background-image: linear-gradient(0deg, #00000080, #fff0 35%), url('../images/Ausstattung_Raum_01.png');
  transition-property: box-shadow;
}

.listing-item.is-6 {
  background-image: linear-gradient(0deg, #00000080, #fff0 35%), url('../images/WhatsApp-Image-2025-01-26-at-17.54.51-1.jpeg');
  background-position: 0 0, 50% 100%;
  transition-property: box-shadow;
}

.listing-item.is-2 {
  background-image: linear-gradient(0deg, #00000080, #fff0 35%), url('../images/Ausstattung_Raum_01.jpeg');
  background-position: 0 0, 50% 80%;
  background-size: auto, cover;
  transition-property: box-shadow;
}

.listing-item.is-1 {
  background-image: linear-gradient(0deg, #00000080, #fff0 35%), url('../images/Ausstattung_Treppenhaus_01.jpeg');
  transition-property: box-shadow;
}

.table-haus-4-1og_row {
  text-align: left;
  border: 1px solid #ddd;
}

.heading-92 {
  text-transform: none;
  width: 70%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  line-height: 120%;
}

.heading-92.is-center {
  text-align: center;
}

.floor-eg {
  width: 100%;
  display: none;
}

.label-step {
  text-align: center;
  width: 6rem;
  margin-left: auto;
  margin-right: auto;
}

.label-step.is-left {
  margin-left: 0;
}

.table-haus-3-eg_cell {
  text-align: left;
  border: 1px solid #ddd;
  padding: 8px;
}

.table-haus-3-eg_table {
  text-align: left;
  border-collapse: collapse;
  border: 1px solid #ddd;
  width: 100%;
}

.footer_newsletter-text-wrapper {
  color: #c6c6c6;
  border-bottom: 1px #0000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  display: inline;
}

.footer_newsletter-text-wrapper:hover {
  border-bottom: 1px #ffb525;
}

.table-haus-2-1og_cell {
  text-align: left;
  border: 1px solid #ddd;
  padding: 8px;
}

.floor-1og {
  width: 100%;
  display: none;
}

.overlay-pill {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  background-image: linear-gradient(#fff, #fff);
  border: 1px solid #313131;
  border-radius: 1rem;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem 1rem;
}

.form-step-4-input {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.haus-1 {
  display: none;
}

.pricing_content-inner-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  display: grid;
}

.table-haus-4-1og {
  display: none;
}

.links-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.table-haus-3-1og_cell {
  text-align: left;
  border: 1px solid #ddd;
  padding: 8px;
}

.pricing_item-headline {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.form-step {
  grid-column-gap: 3rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: flex-start;
  place-items: flex-start center;
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
}

.table-haus-4-stg-penthouse_table {
  text-align: left;
  border-collapse: collapse;
  border: 1px solid #ddd;
  width: 100%;
}

.table-haus-4-1og_header {
  text-align: left;
  border: 1px solid #ddd;
  padding: 8px;
}

.paragraph-101 {
  color: #797979;
  text-align: left;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 150%;
}

.paragraph-101.is-center {
  text-align: center;
  width: 70%;
}

.table-haus-2-stg-penhouse_cell {
  text-align: left;
  border: 1px solid #ddd;
  padding: 8px;
}

.footer {
  grid-row-gap: 60px;
  background-color: #1b1b1b;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.table-haus-3-eg_head {
  background-color: #f3f3f3;
}

.table-haus-3-stg-penthouse_header {
  text-align: left;
  border: 1px solid #ddd;
  padding: 8px;
}

.table-haus-2-1og_row {
  text-align: left;
  border: 1px solid #ddd;
}

.table-haus-2-stg-penhouse_foot {
  background-color: #f3f3f3;
}

.paragraph-104 {
  color: #313131;
  margin-bottom: 0;
  font-size: .8rem;
  display: block;
}

.prices_item-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 1px solid #0000001a;
  border-radius: 1rem;
  flex-flow: column;
  padding: 2rem;
  display: flex;
}

.prices_item-wrapper.is-free {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  background-color: #fff;
  border: 3px #ffb525;
  border-radius: 2rem;
  width: 100%;
  padding: 3.75rem;
  display: flex;
  box-shadow: 0 4px 4px #0003;
}

.fs-table_table {
  text-align: left;
  border-collapse: collapse;
  border: 1px solid #ddd;
  width: 100%;
}

.buttons-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 8px;
  display: flex;
}

.table-haus-3-stg-penthouse_head {
  background-color: #f3f3f3;
}

.floor-parterre {
  width: 100%;
  display: none;
}

.table-haus-2-1og {
  display: none;
}

.footer_newsletter-button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #313131;
  background-image: linear-gradient(#ffb525, #ff902b);
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  padding: 14px 24px;
  font-size: 1rem;
  text-decoration: none;
  display: flex;
  box-shadow: 0 4px 4px #00000040;
}

.footer_newsletter-button:hover {
  box-shadow: inset 0 4px 4px #00000040;
}

.feature_content-outer-wrapper {
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.step-1-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.footer_newsletter-form {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.fs-table_cell {
  text-align: left;
  border: 1px solid #ddd;
  padding: 8px;
}

.table-haus-1-1og_row {
  text-align: left;
  border: 1px solid #ddd;
}

.container-10 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  height: 100%;
  display: flex;
}

.section_how-it-works {
  flex-flow: column;
  display: flex;
}

.table-haus-1-parterre {
  display: none;
}

.step-4-text {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.table-haus-1-eg_header {
  text-align: left;
  border: 1px solid #ddd;
  padding: 8px;
}

.table-haus-1-stg-penthouse_table {
  text-align: left;
  border-collapse: collapse;
  border: 1px solid #ddd;
  width: 100%;
}

.success-message-2 {
  color: #313131;
  background-color: #8bff8b;
  border-radius: 1rem;
  padding: 12px 24px;
}

.house-3 {
  object-fit: cover;
  display: none;
}

.nav-link {
  color: #333;
  text-align: right;
  border: 3px #0000;
  border-bottom: 5px solid #0000;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1rem 1.5rem;
  font-size: 1rem;
  font-weight: 400;
  transition: all .2s;
  display: flex;
}

.nav-link:hover {
  color: #000;
  border-bottom-width: 5px;
  border-bottom-color: #fcdc00;
}

.nav-link.w--current {
  color: #333;
  border-bottom: 5px solid #fcdc00;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 1.5rem;
  font-weight: 600;
}

.table-haus-3-1og_row {
  text-align: left;
  border: 1px solid #ddd;
}

.haus-4 {
  display: none;
}

.footer_newsletter {
  grid-row-gap: .75rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.hiw_number-wrapper {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  display: flex;
  position: relative;
}

.table-haus-4-eg_table {
  text-align: left;
  border-collapse: collapse;
  border: 1px solid #ddd;
  width: 100%;
}

.table-haus-4-eg {
  display: none;
}

.text-span-55 {
  text-transform: none;
  -webkit-text-fill-color: inherit;
  background-color: #fcdc00;
  background-clip: content-box;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: Solitreo, Arial, sans-serif;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 100%;
  display: inline;
}

.table-haus-4-parterre {
  display: none;
}

.table-haus-2-stg-penhouse_table {
  text-align: left;
  border-collapse: collapse;
  border: 1px solid #ddd;
  width: 100%;
}

.section_price-01 {
  margin-top: 4rem;
}

.div-block-21 {
  opacity: .5;
  background-image: linear-gradient(#fcdc00, #fcdc00);
  border-radius: 100%;
  width: 5rem;
  height: 5rem;
  position: absolute;
  box-shadow: 0 4px 4px #0003;
}

.pricing_item-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.price_content-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
}

.price-01_content-warpper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.table-haus-3-stg-penthouse_row {
  text-align: left;
  border: 1px solid #ddd;
}

.table-haus-4-stg-penthouse {
  display: none;
}

.footer_colum-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr 1fr .5fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: grid;
}

.right-arrow-3 {
  color: #333;
  -webkit-text-fill-color: inherit;
  background-image: linear-gradient(#fcdc00, #fcdc00);
  background-clip: border-box;
  border-radius: 100%;
  width: 3.125rem;
  height: 3.125rem;
  inset: auto 0% -6rem auto;
  box-shadow: 0 4px 4px #0003;
}

.table-haus-2-eg_caption {
  text-align: left;
  padding: 8px;
  font-weight: 700;
}

.table-haus-4-eg_row {
  text-align: left;
  border: 1px solid #ddd;
}

.table-haus-4-stg-penthouse_header {
  text-align: left;
  border: 1px solid #ddd;
  padding: 8px;
}

.price-01_heading-h2 {
  color: #313131;
  text-align: center;
  text-transform: none;
  width: 80%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto Variablefont Wdth Wght, Arial, sans-serif;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.floor-house-2-stg-penthouse {
  width: 100%;
  display: none;
}

.hiw_title-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 70%;
  display: flex;
}

.table-haus-2-stg-penhouse_caption {
  text-align: left;
  padding: 8px;
  font-weight: 700;
}

.table-haus-2-1og_table-2 {
  text-align: left;
  border-collapse: collapse;
  border: 1px solid #ddd;
  width: 100%;
}

.footer_headling {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.table-haus-4-stg-penthouse_cell {
  text-align: left;
  border: 1px solid #ddd;
  padding: 8px;
}

.icon-12 {
  color: #313131;
  font-size: 1rem;
}

.section_form {
  background-color: #fff;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  text-decoration: none;
  display: flex;
}

.back-button {
  color: #333;
  cursor: pointer;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.back-button:hover {
  background-color: silver;
}

.back-button.is-hidden {
  display: none;
}

.button-3 {
  grid-column-gap: 8px;
  background-color: #ffffff26;
  border: 1px solid #fff;
  border-radius: 16px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 24px;
  text-decoration: none;
  display: block;
}

.button-3.is-dark {
  color: #313131;
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
  background-color: #0000;
  border-style: none;
  border-color: #313131;
  margin-left: 0;
  margin-right: 0;
  font-size: 1rem;
}

.table-haus-4-eg_head {
  background-color: #f3f3f3;
}

.table-haus-4-parterre_table {
  text-align: left;
  border-collapse: collapse;
  border: 1px solid #ddd;
  width: 100%;
}

.padding-section-large {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  align-items: center;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
}

.padding-section-large.is-pricing {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  justify-content: center;
  align-items: flex-start;
  padding-top: 4rem;
  padding-bottom: 8rem;
  position: relative;
}

.padding-section-large.is-pricing.is-hero {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  padding-bottom: 4rem;
}

.link-block_footer-logo {
  width: 13.75rem;
}

.link-block_footer-logo.w--current {
  margin-left: auto;
  margin-right: auto;
}

.hiw-wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.table-haus-3-1og_table {
  text-align: left;
  border-collapse: collapse;
  border: 1px solid #ddd;
  width: 100%;
}

.table-haus-4-stg-penthouse_foot {
  background-color: #f3f3f3;
}

.button-wrapper-3 {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: 0;
  display: flex;
}

.paragraph-106 {
  color: #797979;
  text-align: center;
  flex-flow: column;
  margin-bottom: 0;
  line-height: 150%;
}

.table-haus-2-eg_head {
  background-color: #f3f3f3;
}

.table-haus-4-stg-penthouse_row {
  text-align: left;
  border: 1px solid #ddd;
}

.paragraph-132 {
  color: #797979;
  margin-bottom: 0;
  font-size: 1rem;
}

.table-haus-2-eg_header {
  text-align: left;
  border: 1px solid #ddd;
  padding: 8px;
}

.table-haus-3-1og_caption {
  text-align: left;
  padding: 8px;
  font-weight: 700;
}

.table-haus-1-stg-penthouse_row {
  text-align: left;
  border: 1px solid #ddd;
}

.step-3-table {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
  overflow: auto;
}

.heading-101 {
  color: #313131;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
}

.table-haus-1-eg_cell {
  text-align: left;
  border: 1px solid #ddd;
  padding: 8px;
}

.nav-menu-2 {
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  margin-left: auto;
  margin-right: 0;
  display: flex;
}

.table-haus-2-eg_table {
  text-align: left;
  border-collapse: collapse;
  border: 1px solid #ddd;
  width: 100%;
}

.heading-104 {
  color: #333;
  font-size: 2rem;
  position: absolute;
}

.table-haus-1-eg_caption {
  text-align: left;
  padding: 8px;
  font-weight: 700;
}

.price-01_paragraph {
  color: #797979;
  text-align: center;
  width: 80%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.875rem;
  text-decoration: none;
}

.paragraph-100 {
  color: #797979;
  text-align: center;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 150%;
}

.paragraph-100.is-bold {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
}

.table-haus-3-stg-penthouse {
  display: none;
}

.body {
  background-color: #e5e5e5;
}

.code-embed, .code-embed-2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.radio-button-label, .radio-button-label-2, .radio-button-label-3, .radio-button-label-4 {
  font-weight: 700;
}

.floor-house-1-parterre {
  object-fit: cover;
  display: none;
}

.floor-house-1-eg, .floor-house-1-1og, .floor-house-1-stg-penthouse, .floor-house-2-eg, .floor-house-2-1og, .floor-house-3-eg, .floor-house-3-1og, .floor-house-3-stg-penthouse, .floor-house-4-parterre, .floor-house-4-eg, .floor-house-4-1og, .floor-house-4-stg-penthouse {
  display: none;
}

.code-embed-3 {
  flex-flow: column;
  width: 100%;
  height: auto;
  display: flex;
}

.code-embed-4 {
  color: #000;
  border-radius: 8px;
  box-shadow: 0 2px 5px #0003;
}

.paragraph-138 {
  font-size: 1rem;
}

.paragraph-139 {
  font-size: 1.2rem;
}

.form_list-of-documents {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-23 {
  width: 100%;
  display: none;
}

.heading-105 {
  text-align: center;
  background-color: #baffa3;
  border-radius: 2rem;
  margin-bottom: 20px;
  padding: 2rem;
}

._w-form-fail {
  text-align: center;
  background-color: #ffbcbc;
  padding: 20px;
}

._w-form-done {
  background-color: #96ff96;
}

.link, .link-2 {
  color: #fff;
  text-decoration: none;
}

.magnify-container {
  border: 1px solid var(--text);
  border-radius: 1rem;
  flex-flow: column;
  width: 35rem;
  height: 35rem;
  display: flex;
  overflow: hidden;
}

.marquee-container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.llghtbox_ausstattung {
  width: 100%;
  padding-top: 100%;
  position: relative;
}

.image-16, .image-17, .image-18, .image-19, .image-20, .image-21 {
  object-fit: cover;
  position: absolute;
  inset: 0%;
}

.marquee-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-16-copy {
  object-fit: cover;
  position: absolute;
  inset: 0%;
}

.section_hero, .section_hero-image {
  margin-top: 0;
}

.text-imprint {
  color: #797979;
  text-align: left;
  width: 80%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 200%;
  text-decoration: none;
}

.bold-text {
  font-size: 2.5rem;
}

.impressum-wrapper {
  padding: 5%;
}

.paragraph-36 {
  color: #424343;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: 400;
}

.text-span-14, .text-span-13 {
  font-weight: 700;
}

.bold-text-5 {
  font-size: 14px;
  font-weight: 700;
}

.text-span-56, .text-span-57 {
  text-transform: uppercase;
  font-weight: 700;
}

.section-header {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 30px;
  display: flex;
}

.section-header.referenzen {
  background-color: #0000;
  background-image: linear-gradient(#000000e6, #000000e6), url('../images/IMG_7021.jpeg');
  background-position: 0 0, 50%;
  background-attachment: scroll, fixed;
  justify-content: flex-start;
  width: 100%;
  height: 200px;
  margin-top: 0;
}

.heading-4 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 2.5em;
  font-weight: 600;
}

.trenner {
  background-color: #fff;
  width: 200px;
  height: 5px;
  margin-bottom: 2rem;
}

.trenner.mitte, .trenner.mitte.aktuelle {
  margin-bottom: 2rem;
}

.text-span-58 {
  line-height: 200%;
}

.text-span-59, .text-span-60 {
  font-weight: 700;
}

.image-22 {
  position: absolute;
  inset: 16% 8% auto auto;
}

.paragraph-140 {
  margin-top: 10px;
  font-size: 2rem;
  font-weight: 700;
  position: absolute;
  inset: auto;
}

.heading-step {
  color: var(--text_dunkel);
  text-align: center;
  flex-flow: column;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 150%;
}

@media screen and (min-width: 1280px) {
  .price-01_content {
    justify-content: center;
    align-items: flex-start;
  }

  .hiw_step {
    justify-content: space-between;
    align-items: center;
    height: auto;
  }

  .price-01_heading-h2 {
    font-size: 2.5rem;
    line-height: 120%;
  }

  .price-01_paragraph, .text-imprint {
    color: #797979;
    text-align: center;
    line-height: 1.875rem;
  }

  .trenner {
    background-color: #fff;
  }
}

@media screen and (min-width: 1440px) {
  .div-block-22 {
    background-image: linear-gradient(#fcdc00, #fcdc00);
  }

  .price-01_heading-h2 {
    font-size: 2.5rem;
  }

  .section_form {
    background-color: #fff;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .paragraph-106 {
    font-size: 1rem;
    line-height: 150%;
  }

  .price-01_paragraph, .text-imprint {
    text-align: left;
  }

  .trenner {
    background-color: #fff;
  }

  .heading-step {
    font-size: 1rem;
    line-height: 150%;
  }
}

@media screen and (min-width: 1920px) {
  .hiw_steps-wrapper {
    width: 100%;
  }

  .heading-94 {
    font-size: 1.2rem;
  }

  .price-01_content {
    height: auto;
  }

  .container-large {
    height: 100%;
  }

  .footer-wrapper {
    max-width: 80rem;
  }

  .padding-global_search {
    padding-top: 0;
    padding-bottom: 0;
  }

  .padding-global {
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  .div-block-22 {
    background-image: linear-gradient(#fcdc00, #fcdc00);
  }

  .step-1-content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .text-span-55 {
    font-size: 2.5rem;
  }

  .price-01_content-warpper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: grid;
  }

  .price-01_heading-h2 {
    margin-left: auto;
    margin-right: auto;
    font-size: 2.5rem;
    line-height: 120%;
  }

  .padding-section-large.is-pricing {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .padding-section-large.is-pricing.is-hero {
    padding-top: 5rem;
  }

  .step-3-table {
    justify-content: center;
    align-items: flex-start;
    height: auto;
  }

  .price-01_paragraph, .text-imprint {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.2rem;
  }

  .heading-4 {
    font-size: 4em;
  }

  .trenner {
    background-color: #fff;
  }
}

@media screen and (max-width: 991px) {
  .hiw_steps-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    display: grid;
  }

  .heading-95 {
    text-align: left;
  }

  .form-step-item {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .form-step-item.is-2, .form-step-item.is-1 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .options.is-left {
    margin-top: 0;
  }

  .step-3-image {
    width: 100%;
    height: auto;
  }

  .map_hero-image {
    width: 50%;
  }

  .brand-2.w--current {
    margin-left: 0;
    margin-right: auto;
  }

  .step-2-image {
    width: 100%;
    height: auto;
  }

  .left-arrow-4 {
    top: auto;
    bottom: -20%;
    right: 12%;
  }

  .listing_item-wrapper {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .footer-wrapper {
    grid-row-gap: 2rem;
    flex-flow: column;
  }

  .step-1-image {
    width: 100%;
    height: 25rem;
  }

  .hiw_step {
    width: 100%;
  }

  .step-3-content-wrapper {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .heading-92 {
    text-align: center;
    width: 90%;
  }

  .form-step {
    flex-flow: column;
  }

  .paragraph-101.is-center {
    width: 90%;
  }

  .footer {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .buttons-wrapper {
    padding-top: 0;
  }

  .nav-link {
    color: #fff;
    text-align: center;
    background-color: #0000;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding: 5% 0;
  }

  .nav-link.w--current {
    color: #fff;
    border-bottom-width: 5px;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-right: 0;
    font-weight: 700;
  }

  .right-arrow-3 {
    top: auto;
    bottom: -20%;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .button-wrapper-3 {
    margin-left: 0;
  }

  .nav-menu-2 {
    height: auto;
    padding-bottom: 2rem;
  }

  .floor-house-1-parterre, .form-block-3 {
    width: 100%;
  }

  .section-header.referenzen {
    height: 270px;
  }

  .menu-button {
    margin-left: auto;
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .hiw_steps-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .paragraph-134 {
    color: var(--text);
  }

  .brand-2.w--current {
    margin-left: 0;
    margin-right: auto;
  }

  .house-selection {
    font-size: 1rem;
  }

  .navbar {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .step-1-image {
    margin-left: 0;
  }

  .padding-global_search {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .content-wrapper {
    color: var(--text);
  }

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .buttons-wrapper.is-center {
    flex-flow: column;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .button-wrapper-3 {
    width: 100%;
    margin-left: 0;
    display: none;
  }

  .paragraph-132 {
    color: var(--text_dunkel);
    line-height: 150%;
  }

  .heading-101 {
    font-size: 2.5rem;
    line-height: 120%;
  }

  .nav-menu-2 {
    height: auto;
    padding-bottom: 2rem;
  }

  .price-01_paragraph {
    line-height: 150%;
  }

  .paragraph-100 {
    color: var(--text_dunkel);
  }

  .text-imprint {
    line-height: 150%;
  }

  .trenner {
    margin-left: 0;
    margin-right: auto;
  }

  .trenner.mitte {
    margin-left: auto;
  }

  .menu-button {
    margin-left: auto;
    margin-right: 0;
  }
}

@media screen and (max-width: 479px) {
  .hiw_steps-wrapper {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .heading-95 {
    text-align: left;
    white-space: normal;
    word-break: normal;
    width: 100%;
    font-size: 1.5rem;
  }

  .footer_text-copyright {
    text-align: center;
    font-weight: 400;
  }

  .form-step-item {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .form-step-item.is-2, .form-step-item.is-1 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .paragraph-134 {
    color: var(--text);
    width: 100%;
  }

  .options.is-left {
    flex-flow: column;
  }

  .step-3-image {
    width: 100%;
    height: auto;
  }

  .map_hero-image {
    background-position: 100%;
    width: 50%;
    height: 15rem;
    display: none;
  }

  .brand-2.w--current {
    margin-left: 0;
    margin-right: auto;
  }

  .step-2-image {
    width: 100%;
    height: 20rem;
  }

  .house-selection {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .left-arrow-4 {
    inset: auto 25% -25% auto;
  }

  .navbar {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .slide-29 {
    height: auto;
  }

  .slide-24 {
    width: 16rem;
    padding-top: 100%;
  }

  .listing_item-wrapper {
    width: 100%;
    height: auto;
    padding-bottom: 0;
    position: absolute;
    inset: 0%;
    overflow: hidden;
  }

  .footer-wrapper {
    grid-row-gap: 2rem;
    flex-flow: column;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .step-1-image {
    background-image: url('../images/QB_Lageplan-4-haeuser.png');
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 20rem;
  }

  .slide-27 {
    height: auto;
    padding-top: 100%;
  }

  .form_step-wrapper {
    grid-template-columns: 1fr;
  }

  .slide-26 {
    width: 16rem;
    padding-top: 100%;
  }

  .pricing_hero-image {
    background-position: 50%;
    width: 100%;
    height: 25rem;
  }

  .padding-global_search {
    padding: 4rem 1rem;
  }

  .padding-global_search.is-smaller {
    padding-top: 0;
    padding-bottom: 0;
  }

  .slide-28 {
    height: auto;
  }

  .step-3-content-wrapper {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .content-wrapper {
    width: 100%;
  }

  .listing-item.is-5 {
    object-fit: cover;
    padding-top: 0%;
  }

  .listing-item.is-3 {
    object-fit: cover;
  }

  .listing-item.is-4, .listing-item.is-6, .listing-item.is-2 {
    object-fit: cover;
    padding-top: 0%;
  }

  .listing-item.is-1 {
    object-fit: cover;
    height: auto;
    padding-top: 0%;
  }

  .heading-92 {
    text-align: left;
    width: 100%;
    font-size: 1.5rem;
  }

  .heading-92.is-center {
    width: 100%;
    font-size: 1.5rem;
    line-height: 120%;
  }

  .label-step {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .overlay-pill {
    width: 6rem;
  }

  .form-step-4-input {
    width: 100%;
    overflow: auto;
  }

  .pricing_content-inner-wrapper {
    color: var(--text);
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    overflow: auto;
  }

  .form-step {
    flex-flow: column;
  }

  .paragraph-101.is-center {
    text-align: left;
    width: 100%;
  }

  .footer {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .prices_item-wrapper.is-free {
    padding: 2.5rem 1.5rem;
  }

  .buttons-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    width: 100%;
    padding-top: 1rem;
  }

  .buttons-wrapper.is-center {
    flex-flow: column;
  }

  .feature_content-outer-wrapper {
    overflow: visible;
  }

  .step-1-content {
    width: 100%;
  }

  .nav-link {
    padding-top: 10%;
    padding-bottom: 10%;
  }

  .text-span-55 {
    white-space: normal;
    font-size: 1.7rem;
  }

  .right-arrow-3 {
    inset: auto 0% -25% auto;
  }

  .price-01_heading-h2 {
    text-overflow: clip;
    white-space: pre-line;
    width: 100%;
    font-size: 1.5rem;
  }

  .padding-section-large.is-pricing {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    padding-bottom: 5rem;
  }

  .padding-section-large.is-pricing.is-hero {
    padding-bottom: 0;
  }

  .hiw-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .paragraph-132 {
    color: var(--text_dunkel);
  }

  .step-3-table {
    height: 20rem;
  }

  .heading-101 {
    font-size: 1.3rem;
    line-height: 120%;
  }

  .nav-menu-2 {
    height: auto;
  }

  .price-01_paragraph {
    width: 100%;
    font-size: 1rem;
    line-height: 150%;
  }

  .paragraph-100 {
    color: var(--text_dunkel);
    word-break: normal;
  }

  .code-embed-3 {
    overflow: auto;
  }

  .paragraph-139 {
    white-space: normal;
    width: 100%;
  }

  .form_list-of-documents, .form-block-3, ._w-form-fail, ._w-form-done {
    width: 100%;
  }

  .magnify-container {
    width: 100%;
    height: 20rem;
  }

  .text-imprint {
    width: 100%;
    font-size: 1rem;
    line-height: 150%;
  }

  .heading-28 {
    font-size: 2em;
    line-height: 1em;
  }

  .paragraph-36 {
    text-align: left;
    width: 90vw;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .section-header.referenzen {
    height: 300px;
  }

  .heading-4 {
    text-align: center;
    font-size: 2em;
  }

  .trenner {
    margin-left: auto;
    margin-right: auto;
  }

  .trenner.mitte {
    margin-bottom: 0;
  }

  .trenner.mitte.aktuelle {
    margin-bottom: 2rem;
  }

  .menu-button {
    margin-left: auto;
  }

  .menu-button.w--open {
    margin-right: 0;
  }
}

#w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc84650319-8f7d6ec3 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc8465033b-8f7d6ec3, #w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc8465033f-8f7d6ec3 {
  grid-area: 1 / 2 / 2 / 3;
}

#house-image-container.w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc84650362-8f7d6ec3 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc84650369-8f7d6ec3 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc84650373-8f7d6ec3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#floorplan-image-container.w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc84650374-8f7d6ec3 {
  grid-area: 1 / 1 / 2 / 2;
}

#floorplan-table-container.w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc84650387-8f7d6ec3 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc8465073e-8f7d6ec3, #w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc84650758-8f7d6ec3, #w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc84650762-8f7d6ec3, #w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc84650769-8f7d6ec3, #w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc84650770-8f7d6ec3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc84650319-8f7d6ec3 {
    grid-row: 2 / 3;
  }

  #w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc8465033b-8f7d6ec3 {
    grid-column: 1 / 2;
  }

  #w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc8465033f-8f7d6ec3, #floorplan-table-container.w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc84650387-8f7d6ec3 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc8465073e-8f7d6ec3 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc84650758-8f7d6ec3 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc84650762-8f7d6ec3 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc84650761-8f7d6ec3 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-e27dec52-4cdb-bea7-f388-6e7fed5de4ca-8f7d6ec3 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc84650769-8f7d6ec3 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc84650770-8f7d6ec3 {
    grid-area: 5 / 1 / 6 / 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc84650319-8f7d6ec3 {
    grid-area: 2 / 1 / 3 / 1;
  }

  #w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc8465033b-8f7d6ec3 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc8465033f-8f7d6ec3 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc84650373-8f7d6ec3 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #floorplan-table-container.w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc84650387-8f7d6ec3 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc8465073e-8f7d6ec3 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc84650758-8f7d6ec3 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc84650762-8f7d6ec3 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc84650761-8f7d6ec3 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-e27dec52-4cdb-bea7-f388-6e7fed5de4ca-8f7d6ec3 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc84650769-8f7d6ec3 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_4e7e5cdc-6f4c-01ab-f706-d5cc84650770-8f7d6ec3 {
    grid-area: 5 / 1 / 6 / 2;
  }
}


@font-face {
  font-family: 'Solitreo';
  src: url('../fonts/Solitreo-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Variablefont Wdth Wght';
  src: url('../images/') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}