:root {
  --dim-grey: #5f6b7a;
  --sea-green: #008d6b;
  --light-slate-grey-2: rgba(129, 138, 155, .2);
  --light-slate-grey: #818a9b;
  --light-slate-grey-3: #818a9b;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.top {
  z-index: 2147483647;
  background-color: #fff;
  padding: 2vh 10vw 1.5vh;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.image {
  width: 250px;
}

.column {
  justify-content: space-between;
  align-items: stretch;
  padding-top: 20px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.menuepunkt {
  color: var(--dim-grey);
  text-align: left;
  font-family: myriad-pro, sans-serif;
  font-size: 18px;
  font-weight: 300;
  text-decoration: none;
  display: inline;
}

.column-2 {
  justify-content: flex-end;
  padding-left: 0;
  display: flex;
}

.menuepunkt_abstand_rechts {
  color: #818a9b;
  margin-left: 0;
  margin-right: 15px;
  font-family: myriad-pro, sans-serif;
  font-size: 18px;
  font-weight: 300;
  text-decoration: none;
}

.columns {
  margin-top: 1vh;
}

.vollbild_sector {
  width: auto;
  margin-top: 2vh;
}

.vollbild_hintergrund {
  width: 100vw;
  height: auto;
  display: block;
}

.headline_1_weiss {
  color: #fff;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: -10vh 20vw 10px;
  font-family: myriad-pro, sans-serif;
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: 80px;
  display: block;
}

.text-block {
  font-family: myriad-pro, sans-serif;
}

.headline_3_weiss {
  color: #fff;
  text-align: center;
  margin: 0 20vw 40px;
  font-family: myriad-pro, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 45px;
}

.column-3, .column-4, .column-5, .column-6, .column-7 {
  justify-content: flex-end;
  display: flex;
}

.zitat_weiss {
  color: #fff;
  text-align: center;
  margin-bottom: 15px;
  margin-left: 25vw;
  margin-right: 25vw;
  font-family: myriad-pro, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 30px;
}

.hero {
  background-color: #245c55;
  background-image: url('../images/Algovia_Immobilien_Startseite.jpg');
  background-position: 0 0;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 88vh;
  display: flex;
}

.hero_text {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  max-width: none;
  display: block;
}

.strich_zitat {
  text-align: center;
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 1.5px;
  margin: 0 50vw 15px;
  display: block;
}

.person_zitat {
  color: #fff;
  text-align: center;
  font-family: myriad-pro, sans-serif;
  font-size: 23px;
  font-weight: 300;
  line-height: 25px;
}

.zitat_italic_weiss {
  color: #fff;
  text-align: center;
  justify-content: center;
  font-family: myriad-pro, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 24px;
  display: block;
}

.philosophie {
  margin-top: 3vh;
  margin-left: 10vw;
  margin-right: 10vw;
}

.headline_3_grau {
  color: #818a9b;
  text-align: center;
  font-family: myriad-pro, sans-serif;
  font-size: 40px;
  line-height: 45px;
}

.zitat_grau {
  color: var(--dim-grey);
  text-align: center;
  font-family: myriad-pro, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 25px;
  display: block;
}

.nachhaltigkeit {
  background-image: url('../images/Algovia_Immobilien_Nachhaltigkeit.jpg');
  background-position: 0 0;
  background-size: cover;
  justify-content: center;
  align-items: center;
  height: 88vh;
  margin-top: 6vh;
  display: flex;
}

.heading {
  color: #fff;
  margin-top: 3vh;
  margin-left: 10vw;
  margin-right: 10vw;
  padding-left: 0;
  font-family: myriad-pro, sans-serif;
  font-weight: 700;
}

.headline_2_weiss {
  color: #fff;
  text-align: center;
  font-family: myriad-pro, sans-serif;
  font-size: 80px;
  line-height: 80px;
}

.strich_architektur {
  background-color: #fff;
  width: 550px;
  height: 1.5px;
  margin-bottom: 15px;
}

.text_block_italic_weiss {
  color: #fff;
  text-align: center;
  width: auto;
  max-width: none;
  font-family: myriad-pro, sans-serif;
  font-weight: 300;
}

.architektur {
  background-image: url('../images/Algovia_Immobilien_Architektur.jpg');
  background-position: 0 0;
  background-size: cover;
  justify-content: center;
  align-items: center;
  height: 88vh;
  margin-top: 3vh;
  display: flex;
}

.strich_nachhaltigkeit {
  background-color: #fff;
  width: 600px;
  height: 1.5px;
  margin-bottom: 15px;
}

.qualitaet {
  background-image: url('../images/Algovia_Immobilien_Qualitaet.jpg');
  background-position: 50% 100%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  height: 88vh;
  margin-top: 3vh;
  display: flex;
}

.strich_qualit-t {
  background-color: #fff;
  width: 350px;
  height: 1.5px;
  margin-bottom: 15px;
}

.footer {
  background-color: #008d6b;
  margin-top: 6vh;
  padding-top: 6vh;
  padding-bottom: 6vh;
}

.columns-2 {
  align-items: flex-end;
  margin-left: 10vw;
  margin-right: 10vw;
  display: flex;
}

.logo_footer {
  width: 250px;
  margin-bottom: 2vh;
}

.text_footer {
  color: #fff;
  font-family: myriad-pro, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 22px;
}

.link_footer_weiss {
  color: #fff;
  text-decoration: none;
}

.paragraph, .paragraph-2 {
  text-align: right;
}

.einklang {
  color: #505050;
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
  border-radius: 0;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-top: 0;
  display: flex;
  position: relative;
  transform: rotate(-6deg);
}

.einklang_puls {
  opacity: 1;
  color: #505050;
  -webkit-text-fill-color: inherit;
  background-color: rgba(255, 255, 255, 0);
  background-clip: border-box;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-top: 0;
  display: block;
  position: relative;
  top: -23vh;
  left: 10vw;
  transform: rotate(-6deg);
}

.einklang-copy {
  color: #505050;
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
  border-radius: 0;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-top: 0;
  display: block;
  position: relative;
  top: -23vh;
  left: 10vw;
  transform: rotate(-6deg);
}

.info_nachhaltigkeit {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 88vh;
  margin-top: -88vh;
  display: flex;
}

.einklang_line {
  opacity: 1;
  background-color: #fff;
  width: 300px;
  height: 1.5px;
  position: relative;
  top: -58px;
  left: 100px;
}

.headline_3_grau-copy {
  color: #818a9b;
  text-align: center;
  font-family: myriad-pro, sans-serif;
  font-size: 40px;
  line-height: 45px;
}

.headline_3_weiss_info {
  opacity: 1;
  color: #fff;
  text-align: left;
  width: 550px;
  margin-top: 0;
  font-family: myriad-pro, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 45px;
  display: block;
  position: relative;
  top: -55px;
  left: 100px;
}

.text_information_weiss {
  opacity: 1;
  color: #fff;
  width: 330px;
  font-family: myriad-pro, sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 300;
  line-height: 22px;
  position: relative;
  top: -50px;
  left: 100px;
}

.div-infopunkt-einklang {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: inline-block;
  position: relative;
  top: -20vh;
  bottom: auto;
  left: 40vw;
  right: 0%;
}

.div-infopunkt-ressourcen {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: inline-block;
  position: relative;
  top: 25vh;
  left: -20vw;
}

.grundflaeche {
  color: #505050;
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
  border-radius: 0;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-top: 0;
  display: flex;
  position: relative;
  transform: rotate(-6deg);
}

.ressourcen_line {
  opacity: 1;
  background-color: #fff;
  width: 300px;
  height: 1.5px;
  position: relative;
  top: -58px;
  left: 100px;
}

.div-infopunkt-grundflaeche {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: inline-block;
  position: relative;
  top: 28.5vh;
  left: -20vw;
}

.grundfleache_line {
  opacity: 1;
  background-color: #fff;
  width: 500px;
  height: 1.5px;
  position: relative;
  top: -58px;
  left: 100px;
}

.text_information_weiss_450 {
  opacity: 1;
  color: #fff;
  width: 450px;
  font-family: myriad-pro, sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 300;
  line-height: 22px;
  position: relative;
  top: -50px;
  left: 100px;
}

.info_architektur {
  justify-content: center;
  align-items: center;
  height: 88vh;
  margin-top: -88vh;
  padding-left: 15vw;
  padding-right: 10vw;
  display: flex;
}

.funktionell, .durchdacht, .zeitlos {
  color: #505050;
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
  border-radius: 0;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-top: 0;
  display: flex;
  position: relative;
  transform: rotate(-6deg);
}

.div-infopunkt-funktionell {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: inline-block;
  position: relative;
  top: -25vh;
  bottom: auto;
  left: 40vw;
  right: 0%;
}

.div-infopunkt-durchdacht {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: inline-block;
  position: relative;
  top: 25vh;
  left: -5vw;
}

.div-infopunkt-zeitlos {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: inline-block;
  position: relative;
  top: -10vh;
  left: -30vw;
}

.info_qualitaet {
  justify-content: center;
  align-items: center;
  height: 88vh;
  margin-top: -88vh;
  padding-left: 15vw;
  padding-right: 10vw;
  display: flex;
}

.div-infopunkt-qualitaetssicherung {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: inline-block;
  position: relative;
  top: -25vh;
  bottom: auto;
  left: 13vw;
  right: 0%;
}

.div-infopunkt-unabhaengigkeit {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: inline-block;
  position: relative;
  top: 24vh;
  left: -15vw;
}

.div-infopunkt-knowhow {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: inline-block;
  position: relative;
  top: 0;
  left: -13vw;
}

.qualitaetsicherung, .knowhow, .unabhaengigkeit {
  color: #505050;
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
  border-radius: 0;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-top: 0;
  display: flex;
  position: relative;
  transform: rotate(-6deg);
}

.hero_ueber_uns {
  background-color: #245c55;
  background-image: url('../images/algovia_immobilien_allgae_MOL_5078_simon_1500px.jpg');
  background-position: 50% 0;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: 88vh;
  padding-top: 10vh;
  padding-left: 10vw;
  padding-right: 60vw;
  display: flex;
}

.headline_1_grau {
  color: #818a9b;
  text-align: left;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: -10vh 20vw 10px;
  font-family: myriad-pro, sans-serif;
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: 80px;
  display: block;
}

.headline_in_hero_rechts {
  color: var(--dim-grey);
  width: auto;
  padding-bottom: 20px;
  font-family: myriad-pro, sans-serif;
  font-size: 80px;
  font-style: italic;
  font-weight: 600;
  line-height: 80px;
  display: block;
}

.strich_in_hero_grau {
  background-color: var(--dim-grey);
  color: var(--dim-grey);
  width: 250px;
  height: 1.5px;
}

.zitat_hero_ueber_uns {
  color: var(--dim-grey);
  text-align: left;
  padding-top: 20px;
  font-family: myriad-pro, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 30px;
  display: block;
}

.regional_vernetzt {
  margin-top: 3vh;
  margin-left: 10vw;
  margin-right: 10vw;
}

.paragraph-3 {
  margin-left: 10vw;
  margin-right: 10vw;
}

.text_grau {
  color: var(--dim-grey);
  text-align: center;
  margin-top: 10px;
  margin-left: 10vw;
  margin-right: 10vw;
  font-family: myriad-pro, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
}

.sigurd_mayr {
  background-color: #245c55;
  background-image: url('../images/algovia_immobilien_allgae_MOL_4302_1500px.jpg');
  background-position: 90% 0;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: 88vh;
  margin-top: 6vh;
  padding-top: 10vh;
  padding-left: 10vw;
  padding-right: 55vw;
  display: flex;
}

.name_in_hero_links {
  color: var(--dim-grey);
  margin-bottom: 0;
  padding-bottom: 20px;
  font-family: myriad-pro, sans-serif;
  font-size: 80px;
  font-style: italic;
  font-weight: 600;
  line-height: 80px;
  display: block;
}

.strich_in_hero_links {
  color: var(--dim-grey);
  background-color: #818a9b;
  width: 170px;
  height: 1.5px;
}

.titel_in_hero_links {
  color: var(--dim-grey);
  text-align: left;
  width: auto;
  padding-top: 20px;
  font-family: myriad-pro, sans-serif;
  font-size: 25px;
  font-style: italic;
  font-weight: 600;
  line-height: 30px;
  display: block;
}

.hero_text_ueber_uns {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  max-width: none;
  display: block;
}

.text_vita {
  color: var(--dim-grey);
  margin-top: 40px;
  font-family: myriad-pro, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
}

.qualitaet-1 {
  background-image: url('../images/modern-bright-interiors-empty-room-600w-724171495.jpg');
  background-position: 50% 100%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  height: 88vh;
  margin-top: 3vh;
  display: flex;
}

.qualitaet-2 {
  background-image: url('../images/stock-photo-modern-bright-interiors-empty-room-d-rendering-illustration-724171495.jpg');
  background-position: 50% 100%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  height: 88vh;
  margin-top: 3vh;
  display: flex;
}

.ralf_loehle {
  background-color: #245c55;
  background-image: url('../images/algovia_immobilien_allgae_MOL_4969_II-1500px.jpg');
  background-position: 0 0;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: 88vh;
  margin-top: 6vh;
  padding-top: 10vh;
  padding-left: 55vw;
  padding-right: 10vw;
  display: flex;
}

.architekt {
  background-color: #245c55;
  background-image: url('../images/algovia_immobilien_allgae_MOL_4825_1500px.jpg');
  background-position: 100% 0;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: 88vh;
  margin-top: 6vh;
  padding-top: 10vh;
  padding-left: 10vw;
  padding-right: 55vw;
  display: flex;
}

.bauingenieur {
  background-color: #245c55;
  background-image: url('../images/algovia_immobilien_allgae_MOL_4727_1500px.jpg');
  background-position: 0 0;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: 88vh;
  margin-top: 6vh;
  padding-top: 10vh;
  padding-left: 55vw;
  padding-right: 10vw;
  display: flex;
}

.name_in_hero_platzhalter {
  color: #ff00ae;
  margin-bottom: 0;
  padding-bottom: 20px;
  font-family: myriad-pro, sans-serif;
  font-size: 80px;
  font-style: italic;
  font-weight: 600;
  line-height: 80px;
  display: block;
}

.text_vita_platzhalter {
  color: #ff00ae;
  margin-top: 40px;
  font-family: myriad-pro, sans-serif;
  font-size: 18px;
  line-height: 25px;
}

.hero_projekte {
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/Karte_Allgaeu_algovia_immobilien_1.svg');
  background-position: 0 0;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: 95vh;
  display: flex;
}

.schwaighoefe_marker {
  background-color: var(--sea-green);
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 50px;
  max-width: none;
  height: 50px;
  display: flex;
  position: relative;
  top: 50vh;
  left: 63vw;
  transform: rotate(-6deg);
}

.hintergrund_hero {
  height: 100vh;
  position: static;
}

.karte_allgaeu {
  opacity: .75;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.headline_in_hero_rechts-projekt {
  color: var(--dim-grey);
  width: auto;
  margin-top: 0;
  margin-right: 15vw;
  padding-bottom: 20px;
  font-family: myriad-pro, sans-serif;
  font-size: 80px;
  font-style: italic;
  font-weight: 600;
  line-height: 80px;
  display: block;
}

.x {
  opacity: 0;
  width: 70%;
  transform: rotate(-45deg);
}

.schwaighoefe_karte {
  z-index: 10;
  background-color: #fff;
  width: 600px;
  height: 425px;
  padding: 20px;
  position: relative;
  top: 20vh;
  left: 16vw;
}

.headline_4_grau {
  color: var(--dim-grey);
  text-align: center;
  font-family: myriad-pro, sans-serif;
  font-size: 25px;
  line-height: 30px;
}

.image-2 {
  max-width: 100%;
  margin-bottom: 20px;
}

.div-block {
  background-color: #818a9b;
}

.strich_unter_h4 {
  background-color: #818a9b;
  width: 130px;
  height: 1.5px;
}

.ortsangabe_projekt {
  color: #818a9b;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: myriad-pro, sans-serif;
  font-size: 25px;
  font-style: italic;
  font-weight: 300;
  line-height: 25px;
  display: block;
}

.text_standart_light {
  color: var(--dim-grey);
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  font-family: myriad-pro, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 22px;
}

.button_mehr_erfahren {
  background-color: var(--sea-green);
  justify-content: space-between;
  align-items: center;
  width: 200px;
  height: 50px;
  margin-top: 40px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  display: flex;
}

.text_button {
  color: #fff;
  margin-bottom: 0;
  font-family: myriad-pro, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 30px;
  text-decoration: none;
}

.pfeil {
  height: 22px;
}

.hero_projekt_detail {
  background-color: rgba(0, 0, 0, 0);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: auto;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.projekt_beschreibung {
  margin-top: 6vh;
  margin-left: 10vw;
  margin-right: 10vw;
}

.bildspalte {
  margin-bottom: 6vh;
  padding-left: 0;
  padding-right: 2vw;
}

.headline_3_grau_links {
  color: var(--dim-grey);
  text-align: left;
  margin-top: 0;
  font-family: myriad-pro, sans-serif;
  font-size: 40px;
  line-height: 45px;
}

.headline_4_grau_alternative {
  color: var(--dim-grey);
  text-align: left;
  margin-top: 30px;
  font-family: myriad-pro, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 30px;
}

.heading_small {
  color: var(--dim-grey);
  text-align: left;
  margin-top: 30px;
  margin-bottom: 10px;
  font-family: myriad-pro, sans-serif;
  font-size: 25px;
  font-weight: 700;
}

.image-3 {
  width: 100%;
}

.text_standart_light_platzhalter {
  color: #f0c;
  margin-top: 10px;
  margin-bottom: 3vh;
  margin-right: 0;
  font-family: myriad-pro, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 22px;
}

.headline_4_gruen_links {
  color: var(--sea-green);
  text-align: left;
  font-family: myriad-pro, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 30px;
}

.button_zur-ck {
  background-color: var(--sea-green);
  justify-content: space-between;
  align-items: center;
  width: 200px;
  height: 40px;
  margin-top: 15px;
  margin-left: 0;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  display: flex;
}

.button_zur-ck.breiter, .button_zur-ck.breiter.w--current {
  width: 280px;
}

.pfeil_zur-ck {
  height: 22px;
  transform: rotate(180deg);
}

.mehrfamilienhaus_ke {
  margin: 6vh 25vw 12vh 10vw;
}

.referenzen_einleitung {
  margin-top: 3vh;
  margin-left: 10vw;
  margin-right: 25vw;
}

.image-4 {
  width: 100%;
}

.slider {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1200px;
  height: 800px;
  display: flex;
}

.arrow {
  background-color: rgba(255, 255, 255, .25);
  border: 1px #000;
}

.image-5 {
  width: 100%;
}

.image-6 {
  text-align: left;
  object-fit: fill;
  height: 100%;
  display: inline-block;
}

.image-7, .image-8, .image-9, .image-10, .image-11, .image-12 {
  width: 100%;
}

.hero_ankauf {
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/algovia_immobilien_allgae_MOL_5663_1500px.jpg');
  background-position: 50%;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: 88vh;
  padding-top: 7vh;
  padding-left: 10vw;
  padding-right: 10vw;
  display: flex;
}

.headline_in_hero_wei {
  color: #fff;
  width: auto;
  padding-bottom: 20px;
  font-family: myriad-pro, sans-serif;
  font-size: 80px;
  font-style: italic;
  font-weight: 600;
  line-height: 80px;
  display: block;
}

.strich_in_hero_weiss {
  background-color: var(--dim-grey);
  color: var(--dim-grey);
  width: 250px;
  height: 1.5px;
}

.zitat_hero_weiss {
  color: var(--dim-grey);
  text-align: left;
  padding-top: 20px;
  font-family: myriad-pro, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 30px;
  display: block;
}

.info_ankauf {
  margin-top: 6vh;
  margin-left: 10vw;
  margin-right: 25vw;
}

.headline_4_grau_ankauf {
  color: var(--dim-grey);
  text-align: left;
  font-family: myriad-pro, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 30px;
}

.button_weiter_kontakt {
  background-color: var(--sea-green);
  justify-content: space-between;
  align-items: center;
  width: 250px;
  height: 50px;
  margin-top: 40px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  display: flex;
}

.hero_kontakt {
  background-color: #245c55;
  background-image: url('../images/algovia_immobilien_allgae_MOL_4491_1500px.jpg');
  background-position: 90%;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: 88vh;
  padding-top: 10vh;
  padding-left: 10vw;
  padding-right: 63vw;
  display: flex;
}

.zitat_hero_grau {
  color: var(--dim-grey);
  text-align: left;
  padding-top: 20px;
  font-family: myriad-pro, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 30px;
  display: block;
}

.info_kontakt {
  margin-top: 6vh;
  margin-left: 10vw;
  margin-right: 10vw;
}

.text_standart_light-kontakt {
  color: var(--dim-grey);
  font-family: myriad-pro, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
}

.column-9, .column-10 {
  padding-left: 0;
  padding-right: 10vw;
}

.konataktbild {
  width: 500px;
  margin-bottom: 15px;
}

.image-14 {
  width: 500px;
}

.nav {
  z-index: 999999999;
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  padding: 0;
  display: block;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.menu-icon {
  width: 50px;
  height: 50px;
}

.div-block-6 {
  z-index: -1;
  position: absolute;
  top: auto;
  bottom: 4%;
  left: 0%;
  right: 0%;
}

.columns-5 {
  width: 100%;
  height: 100%;
}

.logo, .logo.w--current {
  margin-top: 2.5vh;
  margin-bottom: 2.5%;
  margin-left: 4vw;
}

.top_mobil {
  z-index: 99999;
  background-color: #fff;
  border-bottom: 1px solid #fff;
  display: none;
  position: -webkit-sticky;
  position: sticky;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  box-shadow: 0 0 11px -2px #292828;
}

.menu {
  float: right;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0 20px 20px;
  position: absolute;
  top: 3vh;
  bottom: auto;
  left: auto;
  right: 3vw;
}

.paragraph-5 {
  color: #575656;
  margin-bottom: 5vh;
  display: block;
  position: static;
}

.close {
  align-self: flex-start;
  margin-top: 1.25%;
  margin-right: 0%;
  padding: 20px;
  position: absolute;
  top: 3.5vh;
  bottom: auto;
  left: auto;
  right: 4vw;
}

.link-5 {
  color: #575656;
}

.nav-link {
  color: #0d52a0;
  align-self: flex-start;
  margin-top: 2%;
  margin-left: 4vw;
  font-size: 40px;
  font-weight: 400;
  line-height: 55px;
  text-decoration: none;
  display: flex;
}

.nav-link.first {
  margin-top: 4%;
}

.nav-link.service {
  display: none;
}

.bold-text {
  color: #0d52a0;
  text-decoration: none;
}

.image-15 {
  width: 250px;
  height: auto;
}

.navi_punkt {
  color: #0d52a0;
  text-decoration: none;
}

.div_unterpunkt_home {
  background-color: #fff;
  width: 150px;
  height: 175px;
  margin-left: 0;
  padding-top: 20px;
  padding-left: 15px;
  display: none;
  position: absolute;
  top: 0;
  left: -15px;
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .25);
}

.div_home {
  display: block;
}

.menuepunkt_home_first {
  color: var(--dim-grey);
  text-align: left;
  font-family: myriad-pro, sans-serif;
  font-size: 18px;
  font-weight: 300;
  text-decoration: none;
}

.untermenupunkt {
  color: var(--dim-grey);
  border: 1px #000;
  margin-top: 15px;
  margin-bottom: 5px;
  margin-left: 0;
  font-family: myriad-pro, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 22px;
  text-decoration: none;
}

.div_projekt {
  display: block;
}

.div_unterpunkt_projekt {
  z-index: auto;
  background-color: #fff;
  width: 150px;
  height: 100px;
  margin-left: 3.5vw;
  padding-top: 20px;
  padding-left: 15px;
  display: none;
  position: absolute;
  top: 0;
  left: 11.1vw;
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .25);
}

.menuepunkt_projekt_first {
  color: var(--dim-grey);
  text-align: left;
  font-family: myriad-pro, sans-serif;
  font-size: 18px;
  font-weight: 300;
  text-decoration: none;
}

.alternative-qualitaet {
  margin-left: 10vw;
  margin-right: 10vw;
  padding-top: 12vh;
}

.unterueberschrift {
  color: var(--dim-grey);
  margin-top: 20px;
  font-family: myriad-pro, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.headline_alternative {
  color: var(--dim-grey);
  width: auto;
  margin-bottom: 20px;
  padding-bottom: 0;
  font-family: myriad-pro, sans-serif;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 80px;
  display: block;
}

.column-13 {
  padding-right: 5vw;
}

.columns-7 {
  margin-top: 5vh;
}

.image-16, .image-17, .image-18 {
  width: 100%;
}

.alternative-nachhaltigkeit {
  margin-top: 3vh;
  margin-left: 10vw;
  margin-right: 10vw;
}

.alternative-architektur {
  margin-left: 10vw;
  margin-right: 10vw;
  padding-top: 12vh;
  position: relative;
}

.nav-link-unterpunkt {
  color: #0d52a0;
  align-self: flex-start;
  margin-top: 2%;
  margin-left: 4vw;
  font-size: 40px;
  font-weight: 400;
  line-height: 55px;
  text-decoration: none;
  display: flex;
}

.nav-link-unterpunkt.first {
  margin-top: 4%;
}

.nav-link-unterpunkt.service {
  display: none;
}

.navi_punkt_40 {
  color: #0d52a0;
  text-decoration: none;
}

.ressourcen {
  color: #505050;
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
  border-radius: 0;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-top: 0;
  display: flex;
  position: relative;
  transform: rotate(-6deg);
}

.headline_3_weiss_zeitlos, .headline_3_weiss_ressourcen {
  opacity: 1;
  color: #fff;
  text-align: left;
  width: 550px;
  margin-top: 0;
  font-family: myriad-pro, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 45px;
  display: block;
  position: relative;
  top: -55px;
  left: 100px;
}

.italic-text {
  opacity: 1;
}

.headline_3_weiss_info_umbruch {
  opacity: 1;
  color: #fff;
  text-align: left;
  width: 550px;
  margin-top: 0;
  font-family: myriad-pro, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 45px;
  display: none;
  position: relative;
  top: -55px;
  left: 100px;
}

.headline_3_weiss_info_grundfauche {
  opacity: 1;
  color: #fff;
  text-align: left;
  width: 550px;
  margin-top: 0;
  font-family: myriad-pro, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 45px;
  display: block;
  position: relative;
  top: -55px;
  left: 100px;
}

.text_information_weiss_mobil {
  opacity: 1;
  color: #fff;
  width: 330px;
  font-family: myriad-pro, sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 300;
  line-height: 22px;
  position: relative;
  top: -50px;
  left: 100px;
}

.headline_3_weiss_knowhow {
  opacity: 1;
  color: #fff;
  text-align: left;
  width: 550px;
  margin-top: 0;
  font-family: myriad-pro, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 45px;
  display: block;
  position: relative;
  top: -55px;
  left: 100px;
}

.info_qualitaet_1 {
  justify-content: center;
  align-items: center;
  height: 88vh;
  margin-top: -88vh;
  padding-left: 15vw;
  padding-right: 10vw;
  display: flex;
}

.text_footer-rechtsbuendig {
  color: #fff;
  text-align: right;
  font-family: myriad-pro, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 22px;
  text-decoration: none;
}

.footer_div2 {
  text-align: right;
}

.image-19, .image-20, .image-21, .image-22 {
  display: none;
}

.footer_div3 {
  text-align: right;
}

.schwaighoefe_karte_mobil {
  background-color: #fff;
  width: 600px;
  height: 425px;
  padding: 20px;
  display: none;
  position: relative;
  top: 20vh;
  left: 16vw;
}

.projektbild {
  border: .5px solid var(--dim-grey);
  width: 100%;
  padding-right: 0;
}

.headline_3_grau_philosophie {
  color: var(--dim-grey);
  text-align: center;
  font-family: myriad-pro, sans-serif;
  font-size: 40px;
  line-height: 45px;
}

.hero_text_startseite {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  max-width: none;
  display: block;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.hero_text_links {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  max-width: none;
  display: block;
}

.kompetente-partner {
  margin-top: 6vh;
  margin-left: 10vw;
  margin-right: 10vw;
}

.bold-text-4, .bold-text-5, .bold-text-6, .bold-text-7 {
  color: var(--dim-grey);
}

.bold-text-8 {
  color: var(--dim-grey);
  display: inline;
}

.bold-text-9 {
  color: var(--dim-grey);
}

.hero_text_weiss {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  max-width: none;
  display: none;
}

.headline_in_hero_weiss {
  color: var(--dim-grey);
  width: auto;
  padding-bottom: 20px;
  font-family: myriad-pro, sans-serif;
  font-size: 80px;
  font-style: italic;
  font-weight: 600;
  line-height: 80px;
  display: block;
}

.zitat_hero_wei {
  color: #fff;
  text-align: left;
  padding-top: 20px;
  font-family: myriad-pro, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 30px;
  display: block;
}

.strich_in_hero_wei {
  color: #fff;
  background-color: #fff;
  width: 250px;
  height: 1.5px;
}

.betreuung {
  color: #fff;
  margin-top: 3vh;
  margin-left: 10vw;
  margin-right: 25vw;
  padding-left: 0;
  font-family: myriad-pro, sans-serif;
  font-weight: 700;
}

.column-21 {
  padding-left: 0;
}

.bilder {
  margin: 5vh 10vw 10vh;
}

.column-22, .column-23 {
  padding-left: 0;
  padding-right: 0;
}

.image-24 {
  min-width: 100%;
  padding-left: 10px;
}

.image-25 {
  min-width: 100%;
  padding-right: 10px;
}

.headline_in_hero_frei {
  color: var(--dim-grey);
  width: auto;
  margin-top: 0;
  margin-right: 0;
  padding-bottom: 20px;
  font-family: myriad-pro, sans-serif;
  font-size: 80px;
  font-style: italic;
  font-weight: 600;
  line-height: 80px;
  display: block;
}

.beschreibung_projekte {
  color: #818a9b;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: myriad-pro, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 30px;
  display: inline;
}

.text_information_weiss_450_new {
  opacity: 1;
  color: #fff;
  width: 450px;
  font-family: myriad-pro, sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 300;
  line-height: 22px;
  position: relative;
  top: -50px;
  left: 100px;
}

.hero_text_headline {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  max-width: none;
  display: block;
}

.hero_text_mobil {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  max-width: none;
  display: none;
}

.link-block, .link-block-2 {
  text-decoration: none;
}

.section, .section-2 {
  margin-left: 10vw;
  margin-right: 25vw;
}

.datenschutz_abschnitt {
  color: var(--dim-grey);
  text-align: left;
  margin-top: 40px;
  margin-left: 0;
  margin-right: 0;
  font-family: myriad-pro, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
}

.bold-text-14 {
  color: var(--dim-grey);
}

.cookie {
  z-index: 999;
  background-color: #f5f5f5;
  padding: 15px 20px;
  display: none;
  position: fixed;
  top: auto;
  bottom: 20px;
  left: 20px;
  right: 20px;
}

.paragraph-21 {
  color: #575656;
  background-color: rgba(0, 0, 0, 0);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: myriad-pro, sans-serif;
  font-size: 14px;
  line-height: 24px;
}

.link-15 {
  color: #575656;
  font-weight: 700;
}

.close-btn {
  cursor: default;
  align-self: center;
}

.text-block-5 {
  border: 2px solid var(--sea-green);
  margin-left: 20px;
  padding: 10px;
  font-family: myriad-pro, sans-serif;
  font-size: 14px;
}

.kempten_marker {
  background-color: var(--sea-green);
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 50px;
  max-width: none;
  height: 50px;
  display: flex;
  position: relative;
  top: 18vh;
  left: 67.3vw;
  transform: rotate(-6deg);
}

.kempten_karte {
  background-color: #fff;
  width: 500px;
  height: 525px;
  padding: 20px;
  display: block;
  position: relative;
  top: -15vh;
  left: 18vw;
}

.hero_text_headline-copy {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  max-width: none;
  display: none;
}

.projektinfo {
  padding-left: 0;
  padding-right: 30px;
  position: static;
}

.column-24 {
  padding-left: 0;
  padding-right: 0;
}

.columns-8 {
  margin-bottom: 5vh;
}

.projekt_preise {
  padding-left: 0;
  padding-right: 0;
}

.columns-9 {
  margin-top: 30px;
}

.text_projektdetail {
  color: var(--dim-grey);
  margin-right: 0;
  font-family: myriad-pro, sans-serif;
  font-size: 25px;
  font-style: italic;
  font-weight: 300;
  line-height: 25px;
}

.projektdetail_info {
  color: var(--dim-grey);
  margin-top: 5px;
  margin-right: 0;
  font-family: myriad-pro, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
}

.columns-10 {
  margin-top: 30px;
}

.grid {
  grid-template: "Area"
                 "."
                 "."
                 "."
                 / 1fr 1fr 1fr;
  margin-top: 30px;
}

.grid-2 {
  grid-template: "Area"
                 "."
                 "."
                 / 1fr 1fr 1fr;
}

.collection-item {
  padding-left: 0;
  padding-right: 0;
}

.wrapper_objekte {
  background-color: var(--light-slate-grey-2);
  color: var(--dim-grey);
  flex-direction: column;
  justify-content: space-between;
  width: auto;
  height: 520px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 3vw;
  padding: 15px;
  display: flex;
}

.objektbild {
  object-fit: fill;
  margin-top: 0;
}

.div-block-7 {
  justify-content: space-between;
  display: flex;
}

.text_objektpunkt {
  color: var(--dim-grey);
  margin-bottom: 0;
  margin-right: 0;
  font-family: myriad-pro, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.wrapper_in_objekt_box {
  justify-content: space-between;
  margin-top: 10px;
  display: flex;
}

.wrapper_kaufpreis {
  justify-content: space-between;
  margin-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.text_button_klein {
  color: #fff;
  margin-bottom: 0;
  font-family: myriad-pro, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
  text-decoration: none;
}

.pfeil_objekt {
  height: 18px;
}

.button_objekt {
  background-color: var(--sea-green);
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: 40px;
  margin-top: 15px;
  margin-left: 0;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  display: flex;
}

.collection-list {
  margin-bottom: 5vh;
}

.column-25 {
  position: static;
}

.heading_objekt {
  color: var(--dim-grey);
  margin-top: 40px;
  font-family: myriad-pro, sans-serif;
  font-size: 25px;
  font-weight: 700;
}

.headline_4_grau_cms {
  color: #818a9b;
  text-align: left;
  margin-bottom: 10px;
  font-family: myriad-pro, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 30px;
}

.link-block-3 {
  text-decoration: none;
}

.image-26 {
  object-fit: fill;
  width: 100%;
  height: auto;
}

.objekt_informatioen {
  padding-left: 10vw;
  padding-right: 10vw;
}

.abstand_oben {
  margin-top: 5vh;
}

.objekt_heading {
  color: var(--dim-grey);
  text-align: left;
  margin-top: 5vh;
  font-family: myriad-pro, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 45px;
}

.collection-item-2 {
  width: 20vh;
}

.images_box {
  justify-content: space-between;
  height: auto;
  margin-top: 40px;
  padding-right: 0;
  display: block;
  overflow: hidden;
}

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

.image-28 {
  padding-bottom: 0;
}

.lightbox-link {
  width: 60vw;
}

.collection-list-wrapper {
  width: 60vw;
  height: auto;
  margin-top: 20px;
  overflow: hidden;
}

.div-block-8 {
  height: auto;
  overflow: hidden;
}

.collection-item-3 {
  padding-left: 10px;
  padding-right: 10px;
}

.collection-list-2 {
  margin-left: -10px;
  margin-right: -10px;
}

.paragraph-22 {
  width: 60vw;
  margin-top: 5vh;
}

.text_standart_light-_unter_strich {
  color: var(--dim-grey);
  margin-top: 5px;
  margin-bottom: 0;
  margin-right: 0;
  font-family: myriad-pro, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 22px;
}

.infobox {
  padding-right: 85px;
}

.wrapper_infoboxen {
  justify-content: flex-start;
  margin-top: 3vh;
  display: flex;
}

.section-3 {
  padding-left: 10vw;
  padding-right: 10vw;
}

.objekt_infotabelle {
  margin-top: 5vh;
  margin-bottom: 8vh;
  padding-left: 10vw;
  padding-right: 10vw;
}

.tabellen_div {
  border-bottom: 1.5px solid var(--light-slate-grey);
  justify-content: space-between;
  width: 60vw;
  display: block;
}

.stichpunkt {
  color: var(--dim-grey);
  margin-top: 10px;
  font-family: myriad-pro, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.stichpunkt.beschreibung {
  padding-right: 30px;
}

.column-26 {
  padding-left: 0;
  padding-right: 0;
}

.columns-11 {
  height: 40px;
}

.stichpunkt_info {
  color: var(--dim-grey);
  margin-top: 10px;
  font-family: myriad-pro, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.heading_objekt_abstand {
  color: var(--dim-grey);
  margin-top: 60px;
  font-family: myriad-pro, sans-serif;
  font-size: 25px;
  font-weight: 700;
}

.button {
  background-color: var(--sea-green);
  font-family: myriad-pro, sans-serif;
  font-weight: 600;
  text-decoration: none;
}

.div-block-9 {
  display: flex;
}

.text_stichpunkt {
  color: var(--dim-grey);
  width: 60vw;
  margin-top: 10px;
  font-family: myriad-pro, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.bausubstanz {
  padding-left: 10vw;
  padding-right: 10vw;
}

.heading_objekt_abstand_mobil {
  color: var(--dim-grey);
  margin-top: 60px;
  font-family: myriad-pro, sans-serif;
  font-size: 25px;
  font-weight: 700;
}

.collection-list-wrapper-2 {
  display: none;
}

.link-16 {
  color: var(--dim-grey);
  text-decoration: none;
}

.collection-list-wrapper-3, .collection-list-wrapper-4, .collection-list-wrapper-5, .collection-list-wrapper-6, .collection-list-wrapper-7, .collection-list-wrapper-8, .collection-list-wrapper-9, .collection-list-wrapper-10, .collection-list-wrapper-11 {
  display: none;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.heading-2 {
  color: var(--dim-grey);
  font-family: myriad-pro, sans-serif;
  font-size: 40px;
}

.text-span {
  font-weight: 600;
  line-height: 40px;
}

.heading-5 {
  color: var(--dim-grey);
  font-family: myriad-pro, sans-serif;
  font-size: 35px;
}

.heading-6 {
  color: var(--sea-green);
  margin-top: 40px;
  font-family: myriad-pro, sans-serif;
  font-size: 35px;
}

.heading-7 {
  color: var(--dim-grey);
  font-family: myriad-pro, sans-serif;
  font-size: 35px;
}

.text_standart_light_detail {
  color: var(--dim-grey);
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  font-family: myriad-pro, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 22px;
}

.text_standart_light_padding {
  color: var(--dim-grey);
  margin-top: 40px;
  margin-bottom: 0;
  margin-right: 0;
  font-family: myriad-pro, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 22px;
}

.link-17, .link-18 {
  color: var(--dim-grey);
}

.quick-stack {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  aspect-ratio: auto;
  object-fit: fill;
  width: auto;
  max-width: none;
  position: static;
}

.container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 1439px;
  margin: 5vh 10vw 10vh;
  display: grid;
}

.italic-text-8 {
  font-style: italic;
}

.generationenwohnenschwaighoefe {
  margin: 6vh 25vw 12vh 10vw;
}

@media screen and (min-width: 1440px) {
  .column {
    padding-left: 11vw;
  }

  .div-infopunkt-ressourcen {
    left: -12vw;
  }

  .div-infopunkt-grundflaeche {
    left: -5.1vw;
  }

  .div-infopunkt-knowhow {
    left: -3.5vw;
  }

  .sigurd_mayr {
    background-position: 100%;
  }

  .ralf_loehle {
    background-image: url('../images/algovia_immobilien_allgae_MOL_4969_II-1500px.jpg');
    background-position: 10%;
  }

  .architekt {
    background-image: url('../images/algovia_immobilien_allgae_MOL_4825_1500px.jpg');
    background-position: 100%;
  }

  .bauingenieur {
    background-image: url('../images/algovia_immobilien_allgae_MOL_4727_1500px.jpg');
    background-position: 0%;
  }

  .hintergrund_hero {
    height: 100vh;
  }

  .text_standart_light {
    margin-bottom: 3vh;
  }

  .hero_projekt_detail {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .heading_small {
    margin-top: 10vw;
  }

  .hero_ankauf {
    background-color: rgba(0, 0, 0, 0);
    background-image: url('../images/algovia_immobilien_allgae_MOL_5663_1500px.jpg');
    background-position: 50%;
  }

  .hero_kontakt {
    background-image: url('../images/algovia_immobilien_allgae_MOL_4491_1500px.jpg');
    background-position: 50%;
  }

  .div_unterpunkt_home {
    margin-left: 11vw;
    display: none;
  }

  .menuepunkt_home_first {
    color: var(--dim-grey);
  }

  .div_unterpunkt_projekt {
    margin-left: 11.5vw;
    display: none;
  }

  .headline_3_weiss_info_umbruch {
    display: none;
  }

  .text_footer-rechtsbuendig, .footer_div2 {
    text-align: right;
  }

  .image-19, .image-20, .image-21, .image-22 {
    display: none;
  }

  .footer_div3 {
    text-align: right;
  }

  .schwaighoefe_karte_mobil {
    display: none;
  }

  .projektbild {
    width: 100%;
  }

  .column-18 {
    flex-direction: column;
    justify-content: space-between;
    display: block;
  }

  .hero_text_weiss {
    display: none;
  }

  .headline_in_hero_weiss, .zitat_hero_wei {
    color: #fff;
  }

  .strich_in_hero_wei {
    background-color: #fff;
  }

  .beschreibung_projekte {
    margin-top: 10vw;
  }

  .hero_text_headline {
    display: block;
  }

  .hero_text_mobil, .hero_text_headline-copy {
    display: none;
  }

  .images_box {
    flex-wrap: nowrap;
    justify-content: space-between;
    padding-right: 0;
  }

  .image-27 {
    width: 100%;
  }

  .image-28 {
    margin-left: 0;
  }

  .lightbox-link, .collection-list-wrapper {
    width: 60vw;
  }

  .collection-list-wrapper-2 {
    display: none;
  }

  .quick-stack {
    margin-top: 5vh;
    padding: 0;
  }

  .container {
    margin-top: auto;
    margin-right: 10vw;
  }

  .cell {
    flex-flow: column;
    display: flex;
  }
}

@media screen and (max-width: 991px) {
  .top {
    display: none;
  }

  .headline_1_weiss, .headline_3_weiss {
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .zitat_weiss {
    margin-left: 10vw;
    margin-right: 10vw;
  }

  .hero_text {
    align-self: auto;
    display: none;
  }

  .zitat_italic_weiss {
    font-size: 18px;
    line-height: 18px;
  }

  .philosophie, .heading {
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .headline_2_weiss {
    font-size: 60px;
    line-height: 60px;
  }

  .strich_nachhaltigkeit {
    width: 450px;
  }

  .columns-2 {
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .text_footer {
    text-align: left;
  }

  .einklang {
    width: 40px;
    height: 40px;
  }

  .info_nachhaltigkeit {
    flex-direction: column;
  }

  .einklang_line {
    left: 80px;
  }

  .headline_3_weiss_info {
    width: 300px;
    font-size: 35px;
    line-height: 40px;
    left: 80px;
  }

  .text_information_weiss {
    font-size: 15px;
    line-height: 19px;
    left: 80px;
  }

  .div-infopunkt-einklang {
    height: auto;
    top: -10vh;
    left: 10vw;
  }

  .div-infopunkt-ressourcen {
    top: -8vh;
    left: 0;
  }

  .grundflaeche {
    width: 40px;
    height: 40px;
  }

  .div-infopunkt-grundflaeche {
    top: 9vh;
    left: -6vw;
  }

  .funktionell, .durchdacht {
    width: 40px;
    height: 40px;
  }

  .zeitlos {
    width: 40px;
    height: 40px;
    margin-left: 428px;
    top: -10px;
    left: -30px;
  }

  .div-infopunkt-funktionell {
    left: 66vw;
  }

  .div-infopunkt-zeitlos {
    left: -70vw;
  }

  .div-infopunkt-qualitaetssicherung {
    top: -31vh;
    left: 30vw;
  }

  .div-infopunkt-knowhow {
    top: -13vh;
    left: -40vw;
  }

  .qualitaetsicherung, .knowhow, .unabhaengigkeit {
    width: 40px;
    height: 40px;
  }

  .hero_ueber_uns {
    background-position: 70%;
    justify-content: flex-start;
    padding-top: 5vh;
    padding-left: 5vw;
    padding-right: 45vw;
  }

  .headline_in_hero_rechts {
    font-size: 55px;
    line-height: 55px;
  }

  .zitat_hero_ueber_uns {
    font-size: 20px;
    line-height: 25px;
  }

  .text_grau {
    margin-left: 0;
    margin-right: 0;
  }

  .sigurd_mayr {
    background-position: 80% 0;
    padding-top: 5vh;
    padding-left: 5vw;
    padding-right: 50vw;
  }

  .name_in_hero_links {
    font-size: 55px;
    line-height: 55px;
  }

  .titel_in_hero_links {
    font-size: 20px;
    line-height: 25px;
  }

  .text_vita {
    font-size: 15px;
    line-height: 22px;
  }

  .qualitaet-1 {
    background-image: url('../images/modern-bright-interiors-empty-room-600w-724171495.jpg'), url('../images/modern-bright-interiors-empty-room-600w-724171495.jpg');
    background-position: 77%, 50% 100%;
    background-size: cover, cover;
  }

  .ralf_loehle {
    background-position: 20%;
    padding-top: 5vh;
    padding-left: 50vw;
    padding-right: 5vw;
  }

  .architekt {
    background-position: 85%;
    padding-top: 10vh;
    padding-left: 5vw;
    padding-right: 50vw;
  }

  .bauingenieur {
    background-position: 20%;
    padding-top: 10vh;
    padding-left: 50vw;
    padding-right: 5vw;
  }

  .name_in_hero_platzhalter {
    font-size: 75px;
    line-height: 75px;
  }

  .hintergrund_hero {
    display: none;
  }

  .karte_allgaeu {
    display: inline-block;
  }

  .headline_in_hero_rechts-projekt {
    margin-right: 5vw;
    font-size: 55px;
    line-height: 55px;
  }

  .headline_4_grau {
    color: var(--dim-grey);
  }

  .text_standart_light {
    margin-bottom: 20px;
  }

  .hero_projekt_detail {
    height: 750px;
    display: none;
  }

  .projekt_beschreibung {
    margin-top: 3vh;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .bildspalte {
    margin-bottom: 2vh;
    padding-right: 0;
  }

  .mehrfamilienhaus_ke, .referenzen_einleitung {
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .slider {
    width: 90vw;
    height: auto;
  }

  .hero_ankauf {
    padding-left: 5vw;
  }

  .headline_in_hero_wei {
    font-size: 75px;
    line-height: 75px;
  }

  .zitat_hero_weiss {
    font-size: 22px;
    line-height: 25px;
  }

  .info_ankauf {
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .hero_kontakt {
    background-position: 90% 0;
    padding-top: 50vh;
    padding-left: 20vw;
    padding-right: 20vw;
    display: flex;
  }

  .info_kontakt {
    margin-top: 8vh;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .nav {
    color: #818a9b;
    display: none;
  }

  .logo, .logo.w--current {
    margin-left: 5vw;
  }

  .top_mobil {
    box-shadow: none;
    padding-left: 0;
    display: block;
  }

  .menu {
    top: 2.5vh;
  }

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

  .close {
    margin-top: 0%;
    padding-top: 0;
  }

  .nav-link {
    color: var(--dim-grey);
    margin-top: 6%;
    margin-left: 10vw;
    font-family: myriad-pro, sans-serif;
  }

  .nav-link.w--current {
    color: var(--dim-grey);
  }

  .nav-link.first {
    color: var(--dim-grey);
    margin-left: 10vw;
  }

  .nav-link.first.w--current {
    font-family: myriad-pro, sans-serif;
    font-weight: 600;
  }

  .navi_punkt {
    color: var(--dim-grey);
    font-family: myriad-pro, sans-serif;
    font-weight: 400;
  }

  .bold-text-2 {
    color: #818a9b;
    font-family: myriad-pro, sans-serif;
    line-height: 40px;
  }

  .untermenupunkt.mobil {
    color: var(--dim-grey);
    font-size: 30px;
  }

  .alternative-qualitaet {
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .headline_alternative {
    font-size: 75px;
    line-height: 75px;
  }

  .column-13 {
    padding-left: 0;
    padding-right: 0;
  }

  .column-14 {
    margin-top: 3vh;
    padding-left: 0;
    padding-right: 0;
  }

  .alternative-nachhaltigkeit, .alternative-architektur {
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .bold-text-2-copy {
    color: #818a9b;
    font-family: myriad-pro, sans-serif;
  }

  .nav-link-unterpunkt {
    color: var(--dim-grey);
    margin-left: 11vw;
    font-family: myriad-pro, sans-serif;
    font-size: 30px;
    font-weight: 300;
    line-height: 30px;
  }

  .nav-link-unterpunkt.w--current {
    color: #818a9b;
    margin-top: 4%;
    margin-left: 11vw;
    font-family: myriad-pro, sans-serif;
    font-size: 30px;
    font-weight: 300;
    line-height: 30px;
  }

  .nav-link-unterpunkt.first {
    margin-left: 10vw;
  }

  .nav-link-unterpunkt.first.w--current {
    font-family: myriad-pro, sans-serif;
    font-weight: 600;
  }

  .nav-link-unterpunkt.cms {
    display: none;
  }

  .navi_punkt_40 {
    color: var(--dim-grey);
    font-family: myriad-pro, sans-serif;
    font-weight: 400;
    line-height: 40px;
  }

  .ressourcen {
    width: 40px;
    height: 40px;
    margin-left: 450px;
    top: 0;
    left: -40px;
  }

  .headline_3_weiss_zeitlos, .headline_3_weiss_ressourcen {
    width: 300px;
    font-size: 35px;
    line-height: 40px;
    left: 80px;
  }

  .italic-text, .italic-text-2 {
    font-size: 15px;
    line-height: 19px;
    position: relative;
    left: -20px;
  }

  .headline_3_weiss_info_umbruch, .headline_3_weiss_info_grundfauche {
    width: 300px;
    font-size: 35px;
    line-height: 40px;
    left: 80px;
  }

  .text_information_weiss_mobil {
    font-size: 15px;
    line-height: 19px;
    left: 80px;
  }

  .headline_3_weiss_knowhow {
    width: 300px;
    font-size: 35px;
    line-height: 40px;
    left: 80px;
  }

  .text_footer-rechtsbuendig {
    text-align: left;
  }

  .italic-text-4 {
    font-size: 55px;
    line-height: 55px;
  }

  .schwaighoefe_karte_mobil {
    width: auto;
    height: auto;
    margin-left: 5vw;
    margin-right: 5vw;
    display: block;
    position: static;
    box-shadow: 1px 1px 5px 1px rgba(129, 138, 155, .4);
  }

  .bold-text-3 {
    font-size: 55px;
    line-height: 55px;
  }

  .column-18 {
    margin-bottom: 3vh;
    padding-left: 0;
    padding-right: 0;
  }

  .column-19, .column-20 {
    margin-top: 3vh;
    padding-left: 0;
    padding-right: 0;
  }

  .hero_text_weiss {
    display: block;
  }

  .headline_in_hero_weiss {
    font-size: 75px;
    line-height: 75px;
  }

  .zitat_hero_wei {
    font-size: 22px;
    line-height: 25px;
  }

  .bold-text-10 {
    color: var(--dim-grey);
  }

  .betreuung, .bilder {
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .headline_in_hero_frei {
    margin-right: 5vw;
    font-size: 55px;
    line-height: 55px;
  }

  .bold-text-12 {
    font-size: 55px;
    line-height: 55px;
  }

  .hero_text_headline {
    align-self: auto;
    display: block;
  }

  .hero_text_mobil {
    align-self: auto;
    margin-top: 5vh;
    margin-left: 5vw;
    margin-right: 5vw;
    padding-left: 0;
    display: block;
  }

  .italic-text-7 {
    font-size: 55px;
  }

  .bold-text-13 {
    font-size: 55px;
    line-height: 55px;
  }

  .datenschutz_abschnitt {
    margin-left: 0;
    margin-right: 0;
  }

  .cookie {
    display: none;
  }

  .paragraph-21 {
    margin-bottom: 20px;
  }

  .text-block-5 {
    text-align: center;
    margin-left: 0;
  }

  .hero_text_headline-copy {
    align-self: auto;
    display: block;
  }

  .projektinfo {
    padding-right: 0;
  }

  .wrapper_objekte {
    height: 370px;
  }

  .column-25 {
    margin-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .objekt_informatioen {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .images_box {
    padding-right: 0;
  }

  .objekt_infotabelle {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .tabellen_div, .text_stichpunkt {
    width: auto;
  }

  .bausubstanz {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .collection-list-wrapper-12 {
    display: none;
  }

  .container {
    margin: 15vh 5vw 5vh;
  }

  .image-29 {
    align-self: auto;
  }

  .cell-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .generationenwohnenschwaighoefe {
    margin-left: 5vw;
    margin-right: 5vw;
  }
}

@media screen and (max-width: 767px) {
  .headline_1_weiss {
    font-size: 40px;
    line-height: 40px;
  }

  .headline_3_weiss {
    font-size: 22px;
    line-height: 22px;
  }

  .zitat_weiss {
    font-size: 22px;
    line-height: 24px;
  }

  .hero {
    height: 500px;
  }

  .hero_text {
    align-items: flex-start;
    display: none;
  }

  .zitat_italic_weiss {
    font-size: 18px;
    line-height: 18px;
  }

  .headline_3_grau {
    font-size: 30px;
    line-height: 30px;
  }

  .zitat_grau {
    font-size: 22px;
    line-height: 22px;
  }

  .nachhaltigkeit {
    height: 750px;
    display: flex;
  }

  .headline_2_weiss {
    font-size: 40px;
    line-height: 40px;
    display: flex;
  }

  .strich_architektur {
    width: 60vw;
  }

  .architektur {
    background-position: 50% 0;
    height: 750px;
  }

  .strich_nachhaltigkeit {
    width: 60vw;
  }

  .qualitaet {
    display: flex;
  }

  .strich_qualit-t {
    width: 60vw;
  }

  .columns-2 {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .text_footer {
    width: 80vw;
  }

  .info_nachhaltigkeit {
    flex-direction: column;
    height: 750px;
    margin-top: -750px;
    padding-top: 2vh;
    padding-left: 4vw;
    display: block;
  }

  .einklang_line {
    opacity: 1;
    width: 50vw;
    top: -57px;
  }

  .headline_3_weiss_info {
    opacity: 1;
    object-fit: fill;
    width: auto;
    overflow: visible;
  }

  .text_information_weiss {
    opacity: 1;
    width: 75vw;
  }

  .div-infopunkt-einklang {
    display: block;
    top: 20px;
    left: 0;
  }

  .div-infopunkt-ressourcen {
    display: block;
    top: 0;
    left: -5vw;
  }

  .div-infopunkt-grundflaeche {
    display: block;
    top: 150px;
    left: 5vw;
  }

  .text_information_weiss_450 {
    width: 70vw;
    left: 80px;
  }

  .info_architektur {
    height: 750px;
    margin-top: -750px;
    padding-top: 2vh;
    padding-left: 4vw;
    padding-right: 0;
  }

  .zeitlos {
    top: 0;
  }

  .div-infopunkt-funktionell {
    display: block;
    top: -260px;
  }

  .div-infopunkt-durchdacht {
    display: block;
    top: 200px;
  }

  .div-infopunkt-zeitlos {
    display: block;
    top: -100px;
  }

  .info_qualitaet {
    height: 750px;
    margin-top: -750px;
    padding-top: 2vh;
    padding-left: 4vw;
    padding-right: 0;
    display: flex;
  }

  .div-infopunkt-qualitaetssicherung {
    display: block;
    top: -200px;
    left: 67vw;
  }

  .div-infopunkt-unabhaengigkeit {
    display: block;
    top: 250px;
  }

  .div-infopunkt-knowhow {
    display: block;
    top: -70px;
    left: -85.2vw;
  }

  .knowhow {
    left: 380px;
  }

  .hero_ueber_uns {
    height: 650px;
    padding-top: 5vh;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .headline_in_hero_rechts {
    font-size: 40px;
    line-height: 40px;
  }

  .zitat_hero_ueber_uns {
    font-size: 18px;
    line-height: 22px;
  }

  .sigurd_mayr {
    background-position: 80% 0;
    height: 350px;
    padding-top: 5vh;
    padding-right: 30vw;
  }

  .name_in_hero_links {
    font-size: 40px;
    line-height: 40px;
  }

  .titel_in_hero_links {
    font-size: 18px;
    line-height: 22px;
  }

  .text_vita {
    font-size: 18px;
    line-height: 25px;
  }

  .qualitaet-1 {
    height: 750px;
    margin-top: 6vh;
  }

  .ralf_loehle {
    background-position: 20% 0;
    height: 350px;
    padding-top: 5vh;
    padding-left: 35vw;
  }

  .architekt {
    background-position: 90% 0;
    height: 350px;
    padding-top: 5vh;
    padding-right: 35vw;
  }

  .bauingenieur {
    background-position: 15% 0;
    height: 350px;
    padding-top: 5vh;
    padding-left: 35vw;
  }

  .name_in_hero_platzhalter {
    font-size: 70px;
    line-height: 70px;
  }

  .headline_in_hero_rechts-projekt {
    margin-right: 0;
    font-size: 40px;
    line-height: 40px;
  }

  .button_mehr_erfahren {
    width: 90vw;
  }

  .hero_projekt_detail {
    display: none;
  }

  .headline_3_grau_links {
    font-size: 30px;
    line-height: 30px;
  }

  .hero_ankauf {
    height: 650px;
    padding-top: 5vh;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .headline_in_hero_wei {
    font-size: 70px;
    line-height: 70px;
  }

  .hero_kontakt {
    background-position: 85% 0;
    height: 650px;
    padding-top: 36vh;
  }

  .info_kontakt {
    margin-top: 8vh;
  }

  .column-9 {
    margin-top: 10vh;
    padding-right: 0;
  }

  .column-10 {
    padding-right: 0;
  }

  .konataktbild {
    width: 100%;
  }

  .nav {
    padding-top: 1vh;
    display: none;
  }

  .logo, .logo.w--current {
    margin-top: 2vh;
  }

  .column-12 {
    display: none;
  }

  .menu {
    top: 2vh;
  }

  .paragraph-5 {
    margin-bottom: 4vh;
    padding-left: 0;
    display: block;
  }

  .paragraph-5.adresse {
    display: none;
  }

  .nav-link {
    font-size: 32px;
    line-height: 55px;
  }

  .nav-link.w--current {
    color: var(--dim-grey);
  }

  .nav-link.first {
    color: var(--dim-grey);
    margin-top: 10%;
  }

  .image-15 {
    width: 200px;
  }

  .navi_punkt, .bold-text-2 {
    color: var(--dim-grey);
  }

  .untermenupunkt.mobil {
    color: var(--dim-grey);
    font-size: 26px;
  }

  .headline_alternative {
    font-size: 70px;
    line-height: 70px;
  }

  .nav-link-unterpunkt {
    color: var(--dim-grey);
    margin-left: 10vw;
    font-size: 26px;
    line-height: 33px;
    display: flex;
  }

  .nav-link-unterpunkt.w--current {
    color: var(--dim-grey);
    margin-left: 10vw;
  }

  .nav-link-unterpunkt.first {
    margin-top: 10%;
  }

  .navi_punkt_40 {
    color: var(--dim-grey);
  }

  .headline_3_weiss_zeitlos {
    opacity: 1;
    font-size: 35px;
    line-height: 40px;
  }

  .headline_3_weiss_ressourcen {
    opacity: 1;
    width: auto;
  }

  .italic-text, .italic-text-2 {
    opacity: 1;
    left: 0;
  }

  .headline_3_weiss_info_umbruch {
    opacity: 1;
    object-fit: fill;
    width: 60vw;
    display: block;
    overflow: visible;
  }

  .headline_3_weiss_info_grundfauche {
    object-fit: fill;
    width: 300px;
    display: none;
    overflow: visible;
  }

  .italic-text-3 {
    opacity: 1;
  }

  .text_information_weiss_mobil {
    width: 75vw;
  }

  .headline_3_weiss_knowhow {
    opacity: 1;
    object-fit: fill;
    width: 200px;
    overflow: visible;
  }

  .info_qualitaet_1 {
    height: 750px;
    margin-top: -750px;
    padding-top: 2vh;
    padding-left: 4vw;
    padding-right: 0;
    display: none;
  }

  .text_footer-rechtsbuendig {
    text-align: right;
    width: 80vw;
  }

  .footer_div1 {
    position: static;
  }

  .footer_div2 {
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 50px;
    display: block;
  }

  .italic-text-4, .bold-text-3 {
    font-size: 40px;
    line-height: 40px;
  }

  .hero_text_startseite {
    align-items: center;
    display: flex;
  }

  .hero_text_links {
    align-items: flex-start;
    display: flex;
  }

  .kompetente-partner {
    margin-top: 8vh;
  }

  .italic-text-5, .italic-text-6 {
    opacity: 1;
  }

  .hero_text_weiss {
    align-items: flex-start;
    display: flex;
  }

  .headline_in_hero_weiss {
    font-size: 70px;
    line-height: 70px;
  }

  .bold-text-10, .bold-text-11 {
    color: var(--dim-grey);
  }

  .image-24 {
    margin-top: 5vh;
    padding-left: 0;
  }

  .image-25 {
    padding-right: 0;
  }

  .headline_in_hero_frei {
    margin-right: 0;
    font-size: 40px;
    line-height: 40px;
  }

  .text_information_weiss_450_new {
    width: 70vw;
    left: 80px;
  }

  .bold-text-12 {
    font-size: 40px;
    line-height: 40px;
  }

  .hero_text_headline {
    align-items: flex-start;
    display: block;
  }

  .hero_text_mobil {
    align-items: flex-start;
    margin-top: 8vh;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .italic-text-7 {
    font-size: 40px;
  }

  .bold-text-13 {
    font-size: 40px;
    line-height: 40px;
  }

  .text-block-5 {
    text-align: center;
    margin-left: 0;
  }

  .hero_text_headline-copy {
    align-items: flex-start;
    display: block;
  }

  .projekt_preise {
    padding-top: 40px;
  }

  .projekt_groesse, .projekt_bezugsfertig {
    padding-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .wrapper_objekte {
    height: auto;
    margin-right: 0;
  }

  .objekt_heading {
    font-size: 30px;
    line-height: 32px;
  }

  .image-28, .lightbox-link {
    width: auto;
  }

  .collection-list-wrapper {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    width: auto;
    margin-top: 10px;
    display: flex;
  }

  .collection-item-3 {
    width: 15%;
    padding-bottom: 10px;
  }

  .infobox {
    padding-top: 20px;
  }

  .wrapper_infoboxen {
    flex-direction: column;
  }

  .tabellen_div {
    border-bottom-style: none;
  }

  .stichpunkt {
    margin-top: 20px;
    margin-bottom: 0;
  }

  .stichpunkt.beschreibung {
    margin-top: 10px;
  }

  .column-27, .column-28, .column-29, .column-30, .column-31, .column-32, .column-33, .column-34, .column-35 {
    border-bottom: 1.5px solid var(--light-slate-grey);
  }

  .bausubstanz {
    margin-top: 450px;
  }

  .heading_objekt_abstand_mobil {
    margin-top: 400px;
  }

  .column-36, .column-37, .column-38, .column-39, .column-40, .column-41, .column-42, .column-43, .column-44 {
    border-bottom: 1.5px solid var(--light-slate-grey);
  }

  .container {
    margin-top: 5vh;
  }
}

@media screen and (max-width: 479px) {
  .hero {
    background-position: 50%;
    height: 750px;
  }

  .hero_text {
    text-align: center;
    flex-direction: column;
    align-items: flex-start;
    display: none;
  }

  .headline_3_grau {
    text-align: center;
    margin-top: 10vh;
  }

  .nachhaltigkeit {
    margin-top: 10vh;
  }

  .architektur {
    height: 750px;
    margin-top: 6vh;
  }

  .strich_nachhaltigkeit {
    text-align: left;
    justify-content: center;
    display: block;
  }

  .qualitaet {
    margin-top: 6vh;
  }

  .einklang {
    width: 30px;
    height: 30px;
  }

  .info_nachhaltigkeit {
    padding-left: 0;
  }

  .einklang_line {
    width: 20vw;
    top: -40px;
    left: 15px;
  }

  .headline_3_weiss_info {
    opacity: 1;
    width: 200px;
    font-size: 30px;
    line-height: 35px;
    top: -35px;
    left: 60px;
  }

  .text_information_weiss {
    width: 70vw;
    top: -30px;
    left: 60px;
  }

  .div-infopunkt-einklang {
    margin-left: 5vw;
    display: block;
    position: static;
    top: 0;
    left: 5vw;
  }

  .div-infopunkt-ressourcen {
    width: auto;
    margin-top: -5vh;
    margin-left: -12vw;
    display: block;
    position: static;
    left: -3.7vw;
  }

  .grundflaeche {
    width: 30px;
    height: 30px;
  }

  .div-infopunkt-grundflaeche {
    margin-top: 15vh;
    margin-left: 2vw;
    display: block;
    position: static;
  }

  .text_information_weiss_450 {
    width: 75vw;
    font-size: 15px;
    line-height: 19px;
    top: -28px;
    left: 60px;
  }

  .info_architektur {
    display: block;
  }

  .funktionell {
    width: 30px;
    height: 30px;
    left: 245px;
  }

  .durchdacht {
    width: 30px;
    height: 30px;
  }

  .zeitlos {
    width: 30px;
    height: 30px;
    margin-left: 0;
    left: 240px;
  }

  .div-infopunkt-funktionell, .div-infopunkt-durchdacht {
    display: block;
    position: static;
  }

  .div-infopunkt-zeitlos {
    width: 95vw;
    margin-top: 185px;
    margin-left: 0;
    display: block;
    position: static;
  }

  .info_qualitaet {
    height: 750px;
    margin-top: -650px;
    padding-top: 2vh;
    padding-left: 4vw;
    padding-right: 0;
    display: block;
  }

  .div-infopunkt-qualitaetssicherung {
    display: block;
    position: static;
    top: 0;
    left: -1vw;
    right: 0%;
  }

  .div-infopunkt-unabhaengigkeit {
    display: block;
    position: static;
    top: 270px;
    left: 0;
  }

  .div-infopunkt-knowhow {
    margin-top: 50px;
    display: block;
    position: static;
    top: -230px;
    left: -10vw;
  }

  .qualitaetsicherung {
    width: 30px;
    height: 30px;
  }

  .knowhow {
    width: 30px;
    height: 30px;
    left: 240px;
  }

  .unabhaengigkeit {
    width: 30px;
    height: 30px;
  }

  .hero_ueber_uns {
    background-position: 60% 0;
    height: 550px;
    padding-top: 1vh;
    padding-left: 5vw;
  }

  .headline_in_hero_rechts {
    text-align: left;
    padding-bottom: 0;
    font-size: 30px;
    line-height: 30px;
  }

  .strich_in_hero_grau {
    width: 150px;
  }

  .zitat_hero_ueber_uns {
    font-size: 20px;
    line-height: 22px;
  }

  .regional_vernetzt {
    text-align: left;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .text_grau {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
  }

  .sigurd_mayr {
    background-color: rgba(0, 0, 0, 0);
    background-image: url('../images/algovia_immobilien_allgae_MOL_4302_900px.jpg');
    background-position: 50% 0;
    background-size: cover;
    height: 200px;
    padding-top: 2vh;
    padding-right: 5vw;
    display: block;
  }

  .name_in_hero_links {
    text-align: left;
    font-size: 40px;
    line-height: 40px;
  }

  .titel_in_hero_links {
    font-size: 18px;
    line-height: 22px;
  }

  .text_vita {
    text-align: left;
    margin-top: 20px;
    font-size: 18px;
    line-height: 25px;
  }

  .qualitaet-1 {
    height: 750px;
    margin-top: 6vh;
  }

  .ralf_loehle {
    background-color: rgba(0, 0, 0, 0);
    background-image: url('../images/algovia_immobilien_allgae_MOL_4969_II-900px.jpg');
    background-size: cover;
    height: 200px;
    padding-top: 2vh;
    padding-left: 5vw;
  }

  .architekt {
    background-color: rgba(0, 0, 0, 0);
    background-image: url('../images/algovia_immobilien_allgae_MOL_4825_900px.jpg');
    background-position: 50% 0;
    background-size: cover;
    height: 200px;
    padding-top: 2vh;
    padding-right: 5vw;
  }

  .bauingenieur {
    background-color: rgba(0, 0, 0, 0);
    background-image: url('../images/algovia_immobilien_allgae_MOL_4727_900px.jpg');
    background-position: 50% 0;
    background-size: cover;
    height: 200px;
    margin-bottom: 5vh;
    padding-top: 2vh;
    padding-left: 5vw;
  }

  .name_in_hero_platzhalter {
    text-align: left;
    width: 90vw;
    font-size: 60px;
    line-height: 60px;
  }

  .text_vita_platzhalter {
    text-align: left;
    margin-top: 20px;
  }

  .text_button {
    margin-right: 0;
  }

  .text_standart_light_platzhalter {
    margin-right: 5vw;
  }

  .button_zur-ck {
    justify-content: space-between;
    width: 100vh;
    padding-left: 20px;
    padding-right: 15vw;
  }

  .hero_ankauf {
    height: 550px;
    padding-top: 1vh;
  }

  .headline_in_hero_wei {
    font-size: 60px;
    line-height: 60px;
  }

  .zitat_hero_weiss {
    padding-top: 10px;
    font-size: 20px;
    line-height: 22px;
  }

  .button_weiter_kontakt {
    width: 90vw;
  }

  .hero_kontakt {
    background-position: 77%;
    height: 550px;
    padding-top: 45vh;
    padding-left: 15vw;
    padding-right: 5vw;
  }

  .info_kontakt {
    margin-top: 8vh;
  }

  .nav {
    display: none;
    overflow: visible;
  }

  .menu-icon {
    width: 30px;
  }

  .logo {
    margin-top: 1vh;
    margin-bottom: 4%;
  }

  .logo.w--current {
    margin-top: 1vh;
    margin-bottom: 4%;
    margin-left: 5vw;
  }

  .top_mobil {
    padding-top: 1vh;
  }

  .menu {
    top: 1vh;
  }

  .close-icon {
    width: 30px;
  }

  .close {
    padding-right: 20px;
    top: 2vh;
  }

  .nav-link {
    width: 100%;
    margin-top: 1%;
    display: block;
  }

  .bold-text {
    display: block;
  }

  .image-15 {
    width: 180px;
  }

  .navi_punkt {
    display: block;
  }

  .untermenupunkt.mobil {
    font-size: 26px;
  }

  .headline_alternative {
    font-size: 40px;
    line-height: 40px;
  }

  .nav-link-unterpunkt {
    width: 100%;
    margin-top: 0%;
    display: block;
  }

  .navi_punkt_40 {
    display: block;
  }

  .ressourcen {
    width: 30px;
    height: 30px;
    margin-left: 490px;
    top: 0;
    left: -200px;
  }

  .headline_3_weiss_zeitlos {
    width: 160px;
    font-size: 30px;
    line-height: 35px;
    top: -35px;
    left: 60px;
  }

  .headline_3_weiss_ressourcen {
    width: 58vw;
    top: -35px;
    left: 60px;
  }

  .italic-text {
    left: 0;
  }

  .headline_3_weiss_info_umbruch {
    width: 200px;
    font-size: 30px;
    line-height: 35px;
    top: -35px;
    left: 60px;
  }

  .headline_3_weiss_info_grundfauche {
    width: 200px;
    font-size: 30px;
    line-height: 35px;
  }

  .italic-text-3 {
    position: static;
  }

  .text_information_weiss_mobil {
    width: 88vw;
    top: -30px;
    left: 15px;
  }

  .headline_3_weiss_knowhow {
    width: 200px;
    font-size: 30px;
    line-height: 35px;
    top: -35px;
    left: 15px;
  }

  .info_qualitaet_1 {
    height: 750px;
    margin-top: -750px;
    padding-top: 2vh;
    padding-left: 4vw;
    padding-right: 0;
    display: none;
  }

  .text_footer-rechtsbuendig {
    text-align: left;
  }

  .image-19 {
    width: auto;
    margin-top: 5vw;
    display: none;
  }

  .image-20 {
    margin-top: 5vw;
    display: block;
  }

  .image-21 {
    margin-top: 5vw;
    display: none;
  }

  .image-22 {
    display: block;
  }

  .column-17 {
    display: flex;
  }

  .italic-text-4, .bold-text-3 {
    font-size: 40px;
    line-height: 40px;
  }

  .headline_3_grau_philosophie {
    text-align: center;
    margin-top: 10vh;
  }

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

  .hero_text_links {
    text-align: center;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .kompetente-partner {
    text-align: left;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .bold-text-5 {
    text-align: center;
  }

  .hero_text_weiss {
    text-align: center;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .headline_in_hero_weiss {
    font-size: 60px;
    line-height: 60px;
  }

  .zitat_hero_wei {
    font-size: 20px;
    line-height: 22px;
  }

  .text_information_weiss_450_new {
    width: 75vw;
    font-size: 15px;
    line-height: 19px;
    top: -28px;
    left: 60px;
  }

  .bold-text-12 {
    text-align: left;
  }

  .hero_text_headline, .hero_text_mobil {
    text-align: center;
    flex-direction: column;
    align-items: flex-start;
    display: block;
  }

  .datenschutz_abschnitt {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
  }

  .text-block-5 {
    text-align: center;
    margin-left: 0;
  }

  .hero_text_headline-copy {
    text-align: center;
    flex-direction: column;
    align-items: flex-start;
    display: block;
  }

  .wrapper_objekte, .text_button_klein {
    margin-right: 0;
  }

  .button_objekt {
    justify-content: space-between;
    width: 100vh;
    padding-left: 20px;
    padding-right: 20px;
  }

  .objekt_heading {
    line-height: 32px;
  }

  .collection-list-wrapper {
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .heading_objekt_abstand_mobil {
    margin-top: 420px;
  }

  .heading-2 {
    align-self: auto;
    font-size: 25px;
    line-height: 30px;
    display: block;
  }

  .heading-7 {
    font-size: 20px;
  }

  .text_standart_light_padding {
    margin-top: 10px;
  }
}

#w-node-e0a38a99-1a2d-f10c-5678-647f632b4433-fcbcfe21 {
  grid-template-rows: auto minmax(auto, 1fr);
  grid-template-columns: 1fr 1fr;
}

#w-node-cf7de25f-f3b9-5df4-1a26-753297592b21-fcbcfe21 {
  grid-column: span 2 / span 2;
}

@media screen and (min-width: 1440px) {
  #w-node-e0a38a99-1a2d-f10c-5678-647f632b4435-fcbcfe21 {
    order: 0;
  }
}

@media screen and (max-width: 991px) {
  #w-node-e0a38a99-1a2d-f10c-5678-647f632b4433-fcbcfe21 {
    grid-template-rows: auto minmax(auto, 1fr);
    grid-template-columns: 4.25fr 1fr;
  }

  #w-node-e0a38a99-1a2d-f10c-5678-647f632b4434-fcbcfe21 {
    order: 0;
    grid-column: span 2 / span 2;
  }

  #w-node-e0a38a99-1a2d-f10c-5678-647f632b4435-fcbcfe21 {
    grid-column: span 2 / span 2;
  }
}