#superhero {
  height: auto;
  background-image: none;
  overflow: hidden;
  background: linear-gradient(
    0deg,
    rgba(193, 227, 226, 0.84) 3.59%,
    rgba(255, 220, 201, 0.67) 103.2%
  );
}

.with-fxn-logo > p {
  font-weight: normal;
  padding: 0 1rem 0 1rem;
  font-size: 1.5rem;
  margin: 0;
}

#take-action {
  height: 85vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.top-h {
  font-size: 1.5rem;
  margin: 0;
}
.main-h {
  margin-top: 1rem;
  font-size: 2rem;
  padding-bottom: 2px;
}

.button-container {
  text-align: inherit;
  display: flex;
  justify-content: inherit;
}

.my-button.ver-2 {
  font-size: 1.1rem;
  color: var(--color-auranicum_gruen);
  border: 2px solid var(--color-auranicum_gruen);
  padding: 13px 3rem 10px 3rem;
  background: linear-gradient(
    90deg,
    rgba(255, 220, 201, 0.34) 0%,
    rgba(193, 227, 226, 0.34) 100%
  );
  cursor: pointer;
  transition: transform 0.2s;
}

.my-button.ver-2:hover {
  background: linear-gradient(
    90deg,
    rgba(255, 220, 201, 0.618) 0%,
    rgba(148, 233, 230, 0.695) 100%
  );
  transform: scale(1.025);
}

#manc-intro {
  display: flex;
  gap: 5rem;
  padding-bottom: 10rem;
}

#manc-intro > :first-child {
  flex-basis: 50%;
  text-align: right;
}

#manc-intro > :last-child {
  flex-basis: 50%;
}

#manc-intro img {
  width: 100%;
}

#manc-text {
  display: flex;
  flex-direction: column;
}

.fill-height {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  padding-bottom: 4rem;
}

#manc-text p {
  margin: 0;
}

h2 {
  color: var(--color-blutorange);
  padding-bottom: 4rem;
  margin-bottom: 0;
}

h3 {
  font-size: 1.65rem;
  font-weight: lighter;
  padding-bottom: 3.5rem;
  margin-bottom: 0;
}

#unsere-produkte {
  background: linear-gradient(
    to bottom,
    var(--color-pfirsich_weiss) 0%,
    var(--color-pfirsich_weiss) 70%,
    rgba(255, 117, 73, 0.21) 100%
  );
}

#unsere-produkte .inner-content {
  padding-top: 4rem;
}

#unsere-produkte h2 {
  color: var(--color-auranicum_gruen);
}

#unsere-produkte img {
  width: 100%;
}

#jetzt-erhaeltlich {
  display: flex;
  gap: 5rem;
  padding: 11rem 0 11rem 0;
}

#jetzt-erhaeltlich > :first-child {
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  text-align: right;
}

#jetzt-erhaeltlich > :last-child {
  flex-basis: 50%;
}

@media (max-width: 62rem) {
  header {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  .my-button.ver-2 {
    padding: 13px 1.5rem 10px 1.5rem;
  }
}

@media (max-width: 48rem) {
  .with-fxn-logo {
    flex-direction: column;
  }

  .with-fxn-logo > p {
    padding-bottom: 5px;
  }

  #take-action {
    height: 80vh;
  }

  #manc-intro {
    flex-direction: column;
    text-align: center;
    gap: 0;
  }

  #manc-intro > :first-child {
    text-align: center;
  }

  #manc-text .button-container {
    justify-content: center;
    padding-top: 2rem;
  }

  #manc-intro h2 {
    padding-bottom: 0;
    padding-top: 2.5rem;
    margin-bottom: 0;
  }

  h3 {
    padding-bottom: 1.5rem;
  }

  .my-button.ver-2 {
    padding: 13px 6px 10px 6px;
  }

  #jetzt-erhaeltlich {
    text-align: center;
    gap: 0;
  }

  #jetzt-erhaeltlich > :first-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .mobile-reverse {
    display: flex;
    flex-direction: column-reverse;
  }
}