/* >= 768px */
@media screen and (min-width: 768px) {
  #vorteile .wrapper {
    padding: 50px 30px;
  }
}
/* >= 1024px */
@media screen and (min-width: 1024px) {
  #vorteile .wrapper {
    padding: 75px 50px;
    position: relative;
  }
  #vorteile .wrapper .h1 {
    width: calc((86vw - 100px) *0.5);
    position: absolute;
    top: 75px;
    left: 50px;
    margin-bottom: 0;
    padding-right: 50px;
  }
  #vorteile .wrapper .h1.fixed {
    position: fixed;
    top: 50%;
    left: calc(7vw + 50px);
  }
  #vorteile .wrapper .h1.bottom {
    position: absolute;
    top: auto;
    left: 50px;
    bottom: 75px;
  }
  #vorteile .wrapper .vorteile {
    padding-left: 50%;
  }
  #vorteile .wrapper .vorteile .button-wrapper {
    margin-top: 50px;
  }
  #vorteile .wrapper.no-sticky {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  #vorteile .wrapper.no-sticky .h1 {
    width: auto;
    position: relative;
    top: auto;
    left: auto;
  }
  #vorteile .wrapper.no-sticky .vorteile {
    padding-left: 0;
    align-self: center;
  }
}
/* >= 1248px */