@font-face {
  font-family: Plaid l mono;
  src: url('../fonts/Plaid-L-Mono.woff2') format("woff2"), url('../fonts/Plaid-L-Mono.eot') format("embedded-opentype"), url('../fonts/Plaid-L-Mono.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Plaid s;
  src: url('../fonts/Plaid-S.woff2') format("woff2"), url('../fonts/Plaid-S.eot') format("embedded-opentype"), url('../fonts/Plaid-S.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: white;
  --black: black;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

a {
  color: #000;
  cursor: pointer;
  text-decoration: none;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 230px;
  padding-right: 160px;
}

.body {
  height: 100%;
}

.rubrik {
  z-index: 10;
  color: #000;
  text-align: center;
  letter-spacing: 10px;
  justify-content: flex-end;
  align-items: center;
  font-family: Plaid l mono, sans-serif;
  font-size: 15.75vw;
  font-weight: 700;
  line-height: 11vw;
  display: flex;
  position: absolute;
  transform: translate(0, -.4vw);
}

.video-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: block;
  position: relative;
}

.idee {
  z-index: 20;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.idee.mittig {
  padding-right: 10px;
}

.monospace {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 11.11vw;
  min-width: 11.11vw;
  height: 11.11vw;
  min-height: 11.11vw;
  padding-left: 20px;
  display: flex;
}

.scale {
  z-index: 20;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.section {
  z-index: auto;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.vision {
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  max-width: 75vw;
  margin-top: 0;
  margin-bottom: auto;
  display: flex;
}

.paragraph {
  color: #000;
  text-align: center;
  align-items: flex-start;
  width: 60%;
  margin: auto;
  font-family: Plaid s, sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 50px;
  display: block;
}

.paragraph.main {
  width: 100%;
  font-size: 45px;
  line-height: 50px;
}

.team {
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 100px;
  display: flex;
}

.team.projekte {
  padding-top: 0;
  padding-bottom: 0;
}

.teammitglied {
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 90%;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.teammitglied.simona {
  width: 50%;
  margin-bottom: 60px;
}

.image-2 {
  filter: contrast(110%);
  text-align: center;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  border-radius: 1000px;
  width: 50%;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  transform: translate(0);
}

.grundtext {
  color: #020202;
  text-align: center;
  margin-bottom: 0;
  padding: 0 0 20px;
  font-family: Plaid s, sans-serif;
  font-size: 25px;
  line-height: 28px;
  text-decoration: none;
}

.grundtext:hover, .grundtext:active {
  text-decoration: none;
}

.grundtext.gesperrt {
  letter-spacing: 10px;
  margin-bottom: 20px;
  padding-bottom: 0;
}

.grundtext.titel {
  padding-bottom: 20px;
}

.grundtext.projekte_unten {
  padding-bottom: 0;
}

.info {
  background-color: #000;
  align-items: center;
  width: 100%;
  height: 35.09%;
  min-height: 25vw;
  display: flex;
}

.infotext {
  color: #fff;
  text-align: center;
  font-family: Plaid s, sans-serif;
  font-size: 45px;
  line-height: 50px;
}

.infotext.gesperrt {
  letter-spacing: 20px;
  text-indent: 0;
  column-count: 0;
  column-rule-style: dotted;
  column-rule-width: 0px;
  column-gap: 0;
}

.container-7 {
  align-items: center;
  display: flex;
}

.phonelink:hover {
  color: #b3b3b3;
}

.phonelink.white {
  color: #fff;
}

.phonelink.white:hover {
  color: #b3b3b3;
}

.mask-2 {
  align-self: auto;
  width: 100%;
}

.background-video-5, .background_7 {
  width: 100%;
  height: 100%;
}

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

.map, .html-embed {
  height: 650px;
}

.footer_main {
  color: #9a9a9a;
  align-self: flex-start;
  width: auto;
  font-family: Plaid s, sans-serif;
  line-height: 16px;
}

.div-block {
  background-color: #000;
  flex-wrap: nowrap;
  place-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 40px;
  display: block;
}

.div_footer {
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  width: 25%;
  height: 100%;
  padding: 10px;
  display: block;
}

.image-3 {
  padding-top: 0;
}

.link_footer {
  color: #9a9a9a;
}

.link_footer:hover {
  color: #fff;
}

.link-block {
  width: 100px;
}

.div-block-3 {
  flex-flow: wrap;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.icon {
  display: none;
}

.div-block-4 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.div-block-5 {
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  display: flex;
}

.icon-2 {
  display: none;
}

.body-2 {
  background-color: #fff;
}

.div-block-6 {
  background-color: #fff;
  width: 100%;
  padding: 100px 0 160px;
}

.heading-2 {
  color: #9a9a9a;
  text-align: center;
  letter-spacing: 10px;
  margin-left: auto;
  margin-right: auto;
  font-family: Plaid s, sans-serif;
  font-size: 24px;
  line-height: 28px;
}

.div-block-7 {
  background-color: #fff;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
  display: block;
}

.datenschutz {
  justify-content: center;
  align-items: center;
  width: 605px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
}

.footer_datenschutz {
  color: #9a9a9a;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 24px;
}

.link-block-2 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.footer_landscale {
  background-color: #000;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 40px;
  display: flex;
}

.image-6 {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.slider-projekte {
  justify-content: center;
  align-items: center;
  width: 90%;
  height: 30vh;
  margin-bottom: 10px;
  display: flex;
}

.div-block-8 {
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  width: 50%;
  padding-bottom: 20px;
  display: flex;
}

.slide {
  object-fit: cover;
  background-image: url('../images/Projekt-Appital_1.JPG');
  background-position: 50% 0;
  background-size: cover;
}

.slide.matten {
  background-image: url('../images/Projekt-In-den-Matten_1.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide.waldhaus {
  background-image: url('../images/Projekt-Horw_1.png');
  background-position: 50%;
  background-size: cover;
}

.slide.platine {
  background-image: url('../images/Projekt-Bestandsplatine_1.JPG');
  background-position: 50%;
  background-size: cover;
}

.slide-2 {
  background-image: url('../images/Projekt-Appital_2.JPG');
  background-position: 50%;
  background-size: cover;
}

.slide-2.matten {
  background-image: url('../images/Projekt-In-den-Matten_2.JPG');
  background-position: 50%;
  background-size: cover;
}

.slide-2.waldhaus {
  background-image: url('../images/Projekt-Horw_2.png');
  background-position: 50%;
  background-size: cover;
}

.slide-2.platine {
  background-image: url('../images/Projekt-Bestandsplatine_2.png');
  background-position: 50%;
  background-size: cover;
}

.slide-3 {
  background-image: url('../images/Projekt-Appital_3.png');
  background-position: 50%;
  background-size: cover;
}

.slide-3.waldhaus {
  background-image: url('../images/Projekt-Horw_3.png');
  background-position: 50%;
  background-size: cover;
}

.slide-3.platine {
  background-image: url('../images/Projekt-Bestandsplatine_3.png');
  background-position: 50%;
  background-size: cover;
}

.background-video-6 {
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.slider-5 {
  width: 100%;
  height: 70vh;
}

.mask-3 {
  width: 100%;
}

.section-2 {
  z-index: auto;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 100px;
  display: flex;
}

.section-2.angebot {
  margin-bottom: 60px;
  padding-bottom: 100px;
}

.grundtext-2 {
  color: #020202;
  text-align: center;
  padding-top: 0;
  padding-bottom: 20px;
  padding-left: 0;
  font-family: Plaid s, sans-serif;
  font-size: 25px;
  line-height: 28px;
  text-decoration: none;
}

.grundtext-2:hover, .grundtext-2:active {
  text-decoration: none;
}

.spacer {
  height: 8vh;
}

.spacer.unten {
  height: 10vh;
}

.angebot_div {
  padding-left: 40px;
  padding-right: 40px;
}

.monospace-2 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 11.11vw;
  min-width: 11.11vw;
  height: 11.11vw;
  min-height: 11.11vw;
  display: flex;
}

.rubrik-2 {
  z-index: 10;
  color: #000;
  text-align: center;
  justify-content: flex-end;
  align-items: center;
  font-family: Plaid l mono, sans-serif;
  font-size: 15.75vw;
  font-weight: 700;
  line-height: 11vw;
  display: flex;
  position: absolute;
  transform: translate(0, -.4vw);
}

@media screen and (min-width: 1440px) {
  .rubrik {
    letter-spacing: 25px;
    font-size: 229px;
    line-height: 160px;
    transform: translate(0, -6.5px);
  }

  .idee {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }

  .monospace {
    width: 160px;
    min-width: 160px;
    max-width: 160px;
    height: 160px;
    min-height: 160px;
    max-height: 160px;
  }

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

  .section {
    padding-top: 220px;
    padding-bottom: 220px;
  }

  .paragraph {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph.main {
    font-size: 45px;
    line-height: 50px;
  }

  .team {
    justify-content: center;
    padding-top: 160px;
    padding-bottom: 160px;
  }

  .teammitglied {
    width: 70%;
  }

  .div-block {
    background-color: #000;
  }

  .link-block {
    width: 110px;
  }

  .body-2 {
    background-color: #fff;
  }

  .div-block-6 {
    width: 100%;
    padding-top: 100px;
    padding-bottom: 200px;
  }

  .heading-2 {
    font-size: 24px;
    line-height: 28px;
  }

  .div-block-7 {
    margin-left: auto;
    margin-right: auto;
  }

  .datenschutz {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .link-block-2 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .section-2 {
    padding: 160px 220px;
  }

  .section-2.angebot {
    padding-top: 100px;
    padding-bottom: 85px;
  }

  .grundtext-2 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .monospace-2 {
    width: 160px;
    min-width: 160px;
    max-width: 160px;
    height: 160px;
    min-height: 160px;
    max-height: 160px;
  }

  .rubrik-2 {
    font-size: 229px;
    line-height: 160px;
    transform: translate(0, -6.5px);
  }
}

@media screen and (max-width: 991px) {
  .idee {
    margin-top: auto;
  }

  .section {
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .paragraph {
    align-self: center;
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 30px;
    line-height: 32px;
  }

  .paragraph.main {
    font-size: 25px;
    line-height: 32px;
  }

  .team {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .teammitglied {
    object-fit: fill;
    flex-direction: column;
    flex: 0 auto;
    order: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .teammitglied.simona {
    width: 100%;
  }

  .image-2 {
    max-width: 40%;
    margin-top: 30px;
  }

  .infotext.gesperrt {
    letter-spacing: 15px;
    font-size: 25px;
    line-height: 32px;
  }

  .phonelink.white {
    font-size: 25px;
  }

  .background-video-5, .background_7 {
    height: 100%;
  }

  .footer_main {
    font-size: 12px;
    line-height: 16px;
  }

  .div-block {
    background-color: #000;
  }

  .link-block {
    width: 94px;
  }

  .div-block-3 {
    flex-direction: column;
  }

  .div-block-6 {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .heading-2 {
    letter-spacing: 5px;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
  }

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

  .slider-projekte {
    width: 100%;
    height: 37vh;
  }

  .div-block-8 {
    width: 80%;
  }

  .image-10, .image-11, .image-12, .image-13, .image-14, .image-15, .image-16, .image-17 {
    max-width: 60%;
  }

  .background-video-6 {
    height: 100%;
  }

  .slider-5 {
    height: 60vh;
  }

  .section-2 {
    align-items: center;
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 767px) {
  .rubrik {
    letter-spacing: 0;
  }

  .section {
    height: auto;
    min-height: auto;
  }

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

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

  .team {
    min-height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .teammitglied {
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-width: 50%;
  }

  .image-2 {
    max-width: 50%;
    margin-top: 20px;
  }

  .grundtext {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 20px;
  }

  .grundtext.gesperrt {
    letter-spacing: 6px;
    font-size: 16px;
  }

  .info {
    height: 50vh;
    min-height: 10vw;
  }

  .infotext.gesperrt {
    letter-spacing: 10px;
    font-size: 20px;
    line-height: 28px;
  }

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

  .background-video-5, .background_7 {
    height: 100%;
  }

  .div-block {
    width: 100vw;
  }

  .div-block-3 {
    flex-direction: row;
  }

  .heading-2 {
    letter-spacing: 5px;
    font-size: 14px;
    line-height: 18px;
  }

  .slider-projekte {
    height: 30vh;
  }

  .image-18, .image-19 {
    max-width: 60%;
  }

  .background-video-6 {
    height: 100%;
  }

  .section-2 {
    height: auto;
    min-height: auto;
  }

  .section-2.angebot {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .grundtext-2 {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 20px;
  }
}

@media screen and (max-width: 479px) {
  .rubrik {
    letter-spacing: 0;
    flex: 0 auto;
    justify-content: center;
    align-self: flex-start;
    align-items: center;
  }

  .idee {
    align-items: center;
  }

  .idee.projekte {
    margin-bottom: 40px;
  }

  .idee.mittig {
    padding-right: 20px;
  }

  .section {
    align-items: center;
    height: auto;
    min-height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .vision {
    font-size: 16px;
    line-height: 21px;
  }

  .paragraph {
    width: 80%;
    font-size: 16px;
    line-height: 20px;
  }

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

  .team {
    height: auto;
  }

  .teammitglied {
    justify-content: center;
    width: 100%;
    min-width: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .teammitglied.simona {
    margin-top: 0;
    margin-bottom: 0;
  }

  .image-2 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .grundtext {
    margin-bottom: 0;
    padding-left: 0;
    line-height: 21px;
  }

  .grundtext.titel {
    padding-top: 60px;
  }

  .info {
    height: 40vh;
  }

  .infotext.gesperrt {
    letter-spacing: 8px;
    font-size: 16px;
    line-height: 21px;
  }

  .phonelink.white {
    font-size: 16px;
    line-height: 21px;
  }

  .mask-2 {
    height: 30vh;
  }

  .background-video-5, .background_7 {
    height: 100%;
    display: flex;
  }

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

  .footer_main {
    align-self: flex-start;
    width: 100%;
    font-size: 11px;
    line-height: 13px;
  }

  .div-block {
    height: auto;
  }

  .div_footer {
    text-align: center;
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    width: 100%;
    height: auto;
  }

  .image-3 {
    align-self: auto;
    padding-top: 3px;
  }

  .link-block {
    align-self: center;
    align-items: center;
    width: 25%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .div-block-3 {
    flex-direction: column;
  }

  .div-block-6 {
    padding: 20px;
  }

  .heading-2 {
    letter-spacing: 2px;
    font-size: 14px;
    line-height: 14px;
  }

  .datenschutz {
    width: 80%;
  }

  .bold-text {
    line-height: 18px;
  }

  .slider-projekte {
    height: 15vh;
  }

  .div-block-8 {
    flex-wrap: wrap;
    align-content: center;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .image-10, .image-11, .image-12, .image-13, .image-14, .image-15, .image-16, .image-17, .image-18, .image-19 {
    max-width: 40%;
  }

  .background-video-6 {
    height: 100%;
  }

  .section-2 {
    align-items: center;
    height: auto;
    min-height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .section-2.angebot {
    margin-top: 40px;
    padding-top: 0;
    padding-bottom: 20px;
  }

  .grundtext-2 {
    margin-bottom: 0;
    padding-left: 0;
    line-height: 21px;
  }

  .spacer {
    height: 4vh;
  }

  .spacer.unten {
    height: 8vh;
  }
}


@font-face {
  font-family: 'Plaid l mono';
  src: url('../fonts/Plaid-L-Mono.woff2') format('woff2'), url('../fonts/Plaid-L-Mono.eot') format('embedded-opentype'), url('../fonts/Plaid-L-Mono.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plaid s';
  src: url('../fonts/Plaid-S.woff2') format('woff2'), url('../fonts/Plaid-S.eot') format('embedded-opentype'), url('../fonts/Plaid-S.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}