/* Layout-Defaults (ehemals Oxygen div-block) */
.ueber-hero__overlay,
.ueber-hero__title,
.wer-wir-sind__body,
.wer-wir-sind__media,
.haltung__leitsaetze,
.was-wir-tun__liste,
.wie-wir-arbeiten__liste {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* Element-Regeln */
.ueber-hero > .section__inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.ueber-hero {
  height: 520px;
  position: relative;
  overflow: hidden;
  text-align: left;
}
.ueber-hero__img {
  width: 100%;
  object-fit: cover;
  position: absolute;
  left: 0px;
  height: 100%;
  top: 0px;
}
.ueber-hero__overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(38,65,60,0.77);
}
.ueber-hero__title {
  font-size: 120px;
  color: #ffffff;
  text-transform: uppercase;
  line-height: 1.2;
  margin-top: 293px;
}
.ueber-hero__title-text {
  margin-left: 0%;
  margin-bottom: 0px;
  margin-top: 0px;
  font-size: 75px;
  text-align: center;
  position: relative;
}
.ueber-intro > .section__inner {
  padding-top: 0;
  padding-bottom: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ueber-intro {
  text-align: left;
}
.ueber-intro__text {
  font-size: 20px;
  color: #696969;
  font-family: 'effra';
  text-align: center;
  line-height: 1.2;
  max-width: 800px;
  margin-top: 48px;
}
.wer-wir-sind > .section__inner {
  max-width: 100%;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.wer-wir-sind {
  background-color: #5c8603;
  text-align: justify;
  max-width: 100%;
  position: relative;
  z-index: 3;
  overflow: visible;
  margin-top: 110px;
}
.wer-wir-sind__body {
  padding-left: 6vw;
  padding-right: 6vw;
  flex-direction: column;
  display: flex;
  text-align: left;
  align-items: center;
  width: 50%;
  margin-right: -10vw;
  margin-left: auto;
}
.wer-wir-sind__title {
  text-transform: uppercase;
  color: #ffffff;
  font-size: 40px;
  text-align: center;
}
.wer-wir-sind__text {
  text-align: center;
  color: #ffffff;
  font-size: 20px;
  margin-top: 27px;
}
.wer-wir-sind__media {
  flex-direction: column;
  display: flex;
  text-align: left;
  align-items: flex-end;
  overflow: visible;
  margin-left: auto;
}
.wer-wir-sind__img {
  max-width: 1080px;
  margin-top: -22%;
}
.trenner--ueber > .section__inner {
  max-width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.trenner--ueber {
  text-align: left;
  background-color: #ffffff;
}
.trenner__img {
  width: 100%;
  height: 176px;
  object-fit: cover;
  margin-top: 0px;
}
.haltung > .section__inner {
  padding-top: 110px;
  padding-bottom: 110px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.haltung {
  text-align: left;
  background-color: #ffffff;
}
.haltung__title {
  text-transform: uppercase;
  color: #26413c;
  text-align: center;
  font-size: 36px;
}
.haltung__text {
  max-width: 880px;
  text-align: center;
  margin-top: 26px;
}
.haltung__leitsaetze {
  text-align: left;
  flex-direction: row;
  display: flex;
  align-items: center;
}
.haltung__leitsaetze-text {
  margin-top: 104px;
  color: #5c8603;
  font-size: 30px;
  text-align: center;
  line-height: 1.2;
}
.haltung__ausrufezeichen--links {
  margin-right: 76px;
}
.haltung__ausrufezeichen--rechts {
  margin-left: 76px;
}
.was-wir-tun > .section__inner {
  padding-top: 110px;
  padding-bottom: 110px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.was-wir-tun {
  background-image: url(/assets/img/naturbau-handwerk-eiche-holz-bg-1.jpg);
  text-align: left;
  background-color: #ffffff;
  color: #ffffff;
}
.was-wir-tun__title {
  text-transform: uppercase;
  color: #ffffff;
  font-family: 'effra';
  font-size: 60px;
  text-align: center;
}
.was-wir-tun__text {
  max-width: 880px;
  text-align: center;
  margin-top: 26px;
  font-size: 25px;
  margin-bottom: 20px;
}
.was-wir-tun__liste {
  text-align: left;
  flex-direction: row;
  display: flex;
  align-items: center;
}
.was-wir-tun__liste-text {
  margin-top: 0px;
  color: #ffffff;
  font-size: 28px;
  text-align: center;
  line-height: 1.2;
}
.wie-wir-arbeiten > .section__inner {
  padding-top: 110px;
  padding-bottom: 110px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wie-wir-arbeiten {
  text-align: left;
  background-color: #ffffff;
}
.wie-wir-arbeiten__title {
  text-transform: uppercase;
  color: #26413c;
  text-align: center;
  font-size: 36px;
}
.wie-wir-arbeiten__text {
  max-width: 880px;
  text-align: center;
  margin-top: 26px;
  font-size: 20px;
}
.wie-wir-arbeiten__liste {
  text-align: left;
  flex-direction: row;
  display: flex;
  align-items: center;
}
.wie-wir-arbeiten__liste-text {
  margin-top: 69px;
  color: #5c8603;
  font-size: 28px;
  text-align: center;
  line-height: 1.2;
}
.wie-wir-arbeiten__fazit {
  max-width: 880px;
  text-align: center;
  margin-top: 26px;
  font-size: 20px;
}
.qualitaet > .section__inner {
  padding-top: 50px;
  padding-bottom: 159px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.qualitaet {
  background-image: url(/assets/img/qualitaet-nachhaltigkeit.jpg);
}
.qualitaet__title {
  font-size: 36px;
  text-transform: uppercase;
  color: #26413c;
  text-align: center;
  margin-top: 88px;
}
.qualitaet__text {
  font-size: 24px;
  color: #26413c;
  max-width: 1100px;
  text-align: center;
  margin-top: 60px;
}
.partner > .section__inner {
  padding-top: 110px;
  padding-bottom: 181px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.partner {
  text-align: left;
  background-color: #ffffff;
}
.partner__title {
  text-transform: uppercase;
  color: #26413c;
  text-align: center;
  font-size: 36px;
}
.partner__text {
  max-width: 880px;
  text-align: center;
  margin-top: 102px;
  font-size: 24px;
  color: #5c8603;
}
.fuer-wen > .section__inner {
  padding-top: 110px;
  padding-bottom: 110px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fuer-wen {
  text-align: left;
}
.fuer-wen__title {
  text-transform: uppercase;
  color: #26413c;
  text-align: center;
  font-size: 36px;
}
.fuer-wen__text {
  max-width: 880px;
  text-align: center;
  margin-top: 50px;
  font-size: 24px;
  color: #5c8603;
}
.fuer-wen__vertrauen {
  max-width: 880px;
  text-align: center;
  margin-top: 102px;
  font-size: 24px;
  color: #5c8603;
  margin-bottom: 78px;
}
.fuer-wen__vertrauen-lead {
  font-size: 40px;
  font-weight: 600;
}

@media (max-width:1830px) {
  .wer-wir-sind > .section__inner {
    display: flex;
    flex-direction: row;
  }
  .wer-wir-sind__media {
    max-width: 50%;
  }
}

@media (max-width:1023px) {
  .ueber-hero {
    height: 400px;
  }
  .ueber-hero__title-text {
    font-size: 40px;
  }
  .ueber-intro > .section__inner {
    padding-top: 41px;
  }
  .wer-wir-sind > .section__inner {
    padding-top: 0;
    display: flex;
    flex-direction: column;
  }
  .wer-wir-sind {
    text-align: center;
  }
  .wer-wir-sind__body {
    width: 100%;
    order: 2;
    margin-right: 0vw;
  }
  .wer-wir-sind__title {
    margin-top: 55px;
  }
  .wer-wir-sind__media {
    width: 100%;
    max-width: 100%;
    height: 300px;
    flex-direction: row;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media (max-width:767px) {
  .wer-wir-sind__img {
    max-width: 100%;
    object-fit: cover;
    height: 79vw;
    object-position: center right;
  }
}

@media (max-width:479px) {
  .ueber-hero > .section__inner {
    padding-top: 0;
  }
  .ueber-hero {
    height: 320px;
  }
  .ueber-hero__title-text {
    font-size: 24px;
    margin-bottom: 73px;
  }
  .ueber-intro > .section__inner {
    padding-bottom: 0;
  }
  .ueber-intro__text {
    font-size: 18px;
    margin-top: 0px;
  }
  .wer-wir-sind__title {
    font-size: 29px;
  }
  .wer-wir-sind__text {
    font-size: 18px;
  }
  .haltung__title {
    font-size: 25px;
  }
  .haltung__text {
    font-size: 18px;
  }
  .haltung__leitsaetze {
    flex-direction: column;
    display: flex;
  }
  .haltung__leitsaetze-text {
    font-size: 18px;
    margin-top: 27px;
  }
  .haltung__ausrufezeichen--links {
    display: none;
  }
  .haltung__ausrufezeichen--rechts {
    display: none;
  }
  .was-wir-tun__title {
    font-size: 33px;
  }
  .was-wir-tun__text {
    font-size: 18px;
  }
  .was-wir-tun__liste-text {
    font-size: 18px;
  }
  .wie-wir-arbeiten__title {
    font-size: 26px;
  }
  .wie-wir-arbeiten__text {
    font-size: 18px;
  }
  .wie-wir-arbeiten__liste-text {
    font-size: 18px;
  }
  .wie-wir-arbeiten__fazit {
    font-size: 18px;
  }
  .qualitaet > .section__inner {
    padding-bottom: 82px;
  }
  .qualitaet__title {
    font-size: 24px;
    margin-top: 0px;
  }
  .qualitaet__text {
    font-size: 18px;
  }
  .partner > .section__inner {
    padding-top: 68px;
    padding-bottom: 50px;
  }
  .partner__title {
    font-size: 25px;
  }
  .partner__text {
    margin-top: 33px;
    font-size: 18px;
  }
  .fuer-wen > .section__inner {
    padding-top: 55px;
  }
  .fuer-wen__title {
    font-size: 24px;
  }
  .fuer-wen__text {
    font-size: 18px;
  }
  .fuer-wen__vertrauen {
    font-size: 18px;
  }
  .fuer-wen__vertrauen-lead {
    font-size: 27px;
  }
}