#node-startseite #intro {
  height: 100vh;
  height: var(--WIH);
  min-height: 500px;
  position: relative;
  display: flex;
}
#node-startseite #intro .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#node-startseite #intro .background::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(2, 0, 5, 0.6) 100%);
}
#node-startseite #intro .background picture {
  height: 100%;
  width: 100%;
}
#node-startseite #intro .background picture img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#node-startseite #intro .section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  position: relative;
  z-index: 10;
  padding: 100px 0 50px 0;
  flex-grow: 1;
}
#node-startseite #intro .section .logo {
  width: 40vw;
  margin-bottom: 30px;
}
#node-startseite #intro .section .h1 {
  text-align: center;
  color: #ffffff;
  margin-bottom: 30px;
  max-width: 1420px;
}
#node-startseite #intro .section .scrollto {
  display: block;
  font-size: 40px;
  line-height: 40px;
  height: 40px;
  width: 40px;
  color: var(--color-teritiary);
}
#node-startseite #megawatt {
  padding: 100px 0;
  background: var(--color-secondary);
}
#node-startseite #megawatt .h3,
#node-startseite #megawatt .text {
  text-align: center;
}
#node-startseite #megawatt .text {
  margin-bottom: 50px;
}
#node-startseite #megawatt .button-wrapper {
  display: flex;
  justify-content: center;
}
#node-startseite #megawatt .button-wrapper a {
  color: var(--color-teritiary);
  font-family: var(--font-family-headline);
  font-weight: 700;
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
  text-decoration: underline;
}
@media (hover: hover) {
  #node-startseite #intro .section .scrollto:hover {
    color: var(--color-primary);
  }
  #node-startseite #megawatt .button-wrapper a:hover {
    color: var(--color-primary);
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22var%5C%2Fwww%5C%2Fvhosts%5C%2Fmegawatt-group.com%5C%2Fhttpdocs%5C%2Fthemes%5C%2Fcustom%5C%2Fless%5C%2F_page%5C%2Fstartseite%5C%2Fstartseite.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%2CgBACI%3BEACI%2CaAAA%3BEACA%2CQAAQ%2CUAAR%3BEACA%2CiBAAA%3BEACA%2CkBAAA%3BEACA%2CaAAA%3B%3BAANR%2CgBACI%2COAOI%3BEACI%2CkBAAA%3BEACA%2CMAAA%3BEACA%2COAAA%3BEACA%2CWAAA%3BEACA%2CYAAA%3BEACA%2CUAAA%3B%3BAAEA%2CgBAfR%2COAOI%2CYAQK%3BEACG%2CSAAS%2CEAAT%3BEACA%2CkBAAA%3BEACA%2CMAAA%3BEACA%2COAAA%3BEACA%2CWAAA%3BEACA%2CYAAA%3BEACA%2CUAAA%3BEACA%2CYAAY%2CsEAAZ%3B%3BAAxBhB%2CgBACI%2COAOI%2CYAmBI%3BEACI%2CYAAA%3BEACA%2CWAAA%3B%3BAA7BhB%2CgBACI%2COAOI%2CYAmBI%2CQAII%3BEACI%2CYAAA%3BEACA%2CWAAA%3BEACA%2CiBAAA%3B%3BAAlCpB%2CgBACI%2COAsCI%3BEACI%2CaAAA%3BEACA%2CsBAAA%3BEACA%2CmBAAA%3BEACA%2CyBAAA%3BEACA%2CYAAA%3BEACA%2CkBAAA%3BEACA%2CWAAA%3BEACA%2CuBAAA%3BEACA%2CYAAA%3B%3BAAhDZ%2CgBACI%2COAsCI%2CSAWI%3BEACI%2CWAAA%3BEACA%2CmBAAA%3B%3BAApDhB%2CgBACI%2COAsCI%2CSAgBI%3BEACI%2CkBAAA%3BEACA%2CcAAA%3BEACA%2CmBAAA%3BEACA%2CiBAAA%3B%3BAA3DhB%2CgBACI%2COAsCI%2CSAuBI%3BEACI%2CcAAA%3BEACA%2CeAAA%3BEACA%2CiBAAA%3BEACA%2CYAAA%3BEACA%2CWAAA%3BEACA%2COAAO%2CsBAAP%3B%3BAApEhB%2CgBAyEI%3BEACI%2CgBAAA%3BEACA%2CYAAY%2CsBAAZ%3B%3BAA3ER%2CgBAyEI%2CUAII%3BAA7ER%2CgBAyEI%2CUAKI%3BEACI%2CkBAAA%3B%3BAA%5C%2FEZ%2CgBAyEI%2CUASI%3BEACI%2CmBAAA%3B%3BAAnFZ%2CgBAyEI%2CUAeI%3BEACI%2CaAAA%3BEACA%2CuBAAA%3B%3BAA1FZ%2CgBAyEI%2CUAeI%2CgBAII%3BEACI%2COAAO%2CsBAAP%3BEACA%2CaAAa%2C2BAAb%3BEACA%2CgBAAA%3BEACA%2CWAAW%2CmBAAX%3BEACA%2CaAAa%2CqBAAb%3BEACA%2C0BAAA%3B%3BAA4Bf%2CQAtBmB%3BEAKA%2CgBAHZ%2COACI%2CSACI%2CUACK%3BIACG%2COAAO%2CoBAAP%3B%3BEASJ%2CgBAHZ%2CUACI%2CgBACI%2CEACK%3BIACG%2COAAO%2CoBAAP%22%7D */