.m-xs { margin: 10px; }
.m-s { margin: 20px; }
.m-m { margin: 40px; }

.mr-s { margin-right: 20px; }
.mr-m { margin-right: 40px; }
.mr-l { margin-right: 60px; }
.mr-20, .mr-xl { margin-right: 5rem; }
.mr-xxl { margin-right: 7rem; }

.ml-15 { margin-left: 15px; }
.ml-s { margin-left: 20px; }
.ml-25 { margin-left: 1.563rem; }
.ml-m { margin-left: 40px; }
.ml-l { margin-left: 60px; }
.ml-20 { margin-left: 5rem; } /* 80px */

.mb-xs { margin-bottom: 1rem; } /* 10px */
.mb-s { margin-bottom: 1.25rem; } /* 20px */
.mb-10, .mb-m { margin-bottom: 2.5rem; } /* 40px */
.mb-40px { margin-bottom: 40px; }
.mb-15, .mb-l { margin-top: 3.75rem; }
.mb-20, .mb-xl { margin-bottom: 5rem; }

.mt-s { margin-top: 20px; }
.mt-7 { margin-top: 1.75rem; }  /* 28px */
.mt-10, .mt-m { margin-top: 2.5rem; }  /* 40px */
.mt-15, .mt-l { margin-top: 3.75rem; }  /* 60px */
.mt-20, .mt-xl { margin-top: 5rem; }  /* 80px */
.mt-half { margin-top: 50%; }

.pt-xs { padding-top: 10px; }
.pt-s { padding-top: 20px; }
.pt-m { padding-top: 30px; }
.pt-l { padding-top: 60px; }
.pt-8 { padding-top: 2rem; } /* 32px */
.pt-16 { padding-top: 4rem; }

.pb-xs { padding-bottom: 10px; }
.pb-s { padding-bottom: 20px; }
.pb-m { padding-bottom: 30px; }
.pb-8 { padding-bottom: 2rem; }
.pb-l { padding-bottom: 4rem; }

.pl-xs { padding-left: 10px; }
.pl-s { padding-left: 20px; }
.pl-m { padding-left: 30px; }
.pl-l { padding-left: 50px; }
.pl-20 { padding-left: 5rem; }

.pr-xs { padding-right: 10px; }
.pr-s { padding-right: 20px; }
.pr-m { padding-right: 30px; }
.pr-l { padding-right: 50px; }
.pr-20 { padding-right: 5rem; }

.p-0 { padding: 0px; }

.m-auto { margin: auto; }
.m-0, .m-0 > p { margin: 0px; }

.pvsmall { padding-top: 32px; padding-bottom: 32px; }
.bgcolorfourtopleiste.pvsmall { padding-top: 28px; padding-bottom: 28px; }

.sticky-header .bgcolorfourtopleiste.pvsmall {
  padding-top: 20px;
  padding-bottom: 20px;
}

.sticky-header .pvsmall {
  padding-top: 26px;
  padding-bottom: 26px;
}

.buttonpadding { padding: 20px 40px; }
.pvmiddle { padding: 80px 0px; }
.pvbig { padding: 160px 0px; }
.pvbottombig { padding-bottom: 140px; }
.pvtopbig { padding-top: 140px; }

 #variations.pvbottombig { padding-bottom: 110px; }
.phbig, .slick-dots { padding-left: 140px; padding-right: 140px; }
.layout__region > div.stretchself.phbig { width: calc(100% - 280px); height: calc(100% - 280px); }

.phbigl { padding-left: 140px; }
.phbigr { padding-right: 140px; }
.mhbigl { margin-left: 140px; }
.mhbigr { margin-right: 140px; }

.margsmall { margin: 10px; }
.pteaserabstand { margin: 12px; }
.mleftmiddle { margin-left: 30px; }
.mbottomhalfbig { margin-bottom: 50px; }
.mtopmiddle { margin-top: 30px; }
.mtophalfbig { margin-top: 50px; }
.mtopbig { margin-top: 70px; }
.mrightbig { margin-right: 100px; }
.mbottommiddle { margin-bottom: 30px; }


.gap-x-10px { grid-column-gap: 10px; }
.gap-y-10px { grid-row-gap: 10px; }
.gap-x-20px { grid-column-gap: 20px; }
.gap-y-20px { grid-row-gap: 20px; }
.gap-x-30px { grid-column-gap: 30px; }
.gap-y-30px { grid-row-gap: 30px; }
.gap-x-40px { grid-column-gap: 40px; }
.gap-y-40px { grid-row-gap: 40px; }
.gap-x-50px { grid-column-gap: 50px; }
.gap-y-50px { grid-row-gap: 30px; }
.gap-x-112px { grid-column-gap: 112px; }
.gap-y-112px { grid-row-gap: 112px; }

.layout__region > div.stretchself .buttonstyle { margin-top: 30px; }

  @media only screen and (max-width: 1920px) {

    .pvbig { padding: 140px 0px; }
    .pvbottombig, #variations.pvbottombig { padding-bottom: 90px; }
    .pvtopbig { padding-top: 90px; }
    .phbig, .slick-dots { padding-left: 90px; padding-right: 90px; }
    .layout__region > div.stretchself.phbig { width: calc(100% - 180px); height: calc(100% - 180px); }
    .phbigl { padding-left: 90px; }
    .phbigr { padding-right: 90px; }
    .mhbigl { margin-left: 90px; }
    .mhbigr { margin-right: 90px; }

  }


  @media only screen and (max-width: 1440px) {

    .pt-8 { padding-top: 1.6rem; }
    .pb-8 { padding-bottom: 1.6rem; }

    .pvbig { padding: 120px 0px; }
    .pvbottombig, #variations.pvbottombig { padding-bottom: 90px; }
    .pvmiddle { padding: 60px 0px; }
    .phbig, .slick-dots { padding-left: 65px; padding-right: 65px; }
    .layout__region > div.stretchself.phbig { width: calc(100% - 130px); height: calc(100% - 180px); }
    .phbigl { padding-left: 65px; }
    .phbigr { padding-right: 65px; }
    .mhbigl { margin-left: 65px; }
    .mhbigr { margin-right: 65px; }

    .pvsmall {
      padding-top: 24px;
      padding-bottom: 24px;
    }
    .sticky-header .pvsmall {
      padding-top: 22px;
      padding-bottom: 22px;
    }

    .margsmall { margin: 6px; }
    .mbottomhalfbig { margin-bottom: 30px; }
    .mtophalfbig { margin-top: 30px; }

    .layout__region > div.stretchself .buttonstyle { margin-top: 20px; }

  }

@media only screen and (min-width: 1025px)and (max-width: 1350px) {
  .paragraph-id--5 .layout__region > div.stretchself.pvbig { padding-top: 60px; padding-bottom: 60px; height: calc(100% - 120px); }
  .paragraph-id--5 h2 { margin-bottom: 30px; }

  .mrightbig {
    margin-right: 60px;
}
.flexpayment .mrightbig {
  margin-right: 35px;
}

  .pvbig { padding: 80px 0px; }
  .pvbottombig, #variations.pvbottombig { padding-bottom: 70px; }
  .pvtopbig { padding-top: 70px; }
  .pvmiddle { padding: 50px 0px; }
  .phbig, .slick-dots { padding-left: 50px; padding-right: 50px; }
  .layout__region > div.stretchself.phbig { width: calc(100% - 100px); height: calc(100% - 140px);  }
  .phbigl { padding-left: 50px; }
  .phbigr { padding-right: 50px; }
  .mhbigl { margin-left: 50px; }
  .mhbigr { margin-right: 50px; }

}

@media only screen and (min-width: 1025px)and (max-width: 1100px) {
  .flexpayment .mrightbig {
    margin-right: 12px;
  }
 }

@media only screen and (min-width: 1025px)and (max-width: 1150px) {
  .paragraph-id--5 .layout__region > div.stretchself.pvbig { padding-top: 40px; padding-bottom: 40px; height: calc(100% - 80px); }
}

  @media only screen and (max-width: 1024px) {

    .pvbig { padding: 60px 0px; }
    .pvbottombig, #variations.pvbottombig { padding-bottom: 50px; }
    .pvtopbig { padding-top: 50px; }
    .pvmiddle { padding: 30px 0px; }
    .phbig, .slick-dots { padding-left: 30px; padding-right: 30px; }
    .layout__region > div.stretchself.phbig { width: calc(100% - 60px); height: calc(100% - 100px); }
    .phbigl { padding-left: 30px; }
    .phbigr { padding-right: 30px; }
    .mhbigl { margin-left: 30px; }
    .mhbigr { margin-right: 30px; }


    .pvsmall {
      padding-top: 20px;
      padding-bottom: 20px;
    }
    .bgcolorfourtopleiste.pvsmall { padding-top: 18px; padding-bottom: 18px; }
    .mainrow.pvsmall {
  padding-top: 29px;
  padding-bottom: 29px;
}

    .sticky-header .pvsmall {
      padding-top: 12px;
      padding-bottom: 12px;
    }

    .margsmall { margin: 5px; }
    .mbottomhalfbig { margin-bottom: 20px; }
    .mtophalfbig { margin-top: 20px; }
    .mtopbig { margin-top: 50px; }

    .mrightbig { margin-right: 50px; }

    .layout__region > div.stretchself { position: relative; }
    .layout__region > div.text-absolute.stretchself { position: absolute; }

  }

  @media only screen and (max-width: 800px) {
  .paragraph--type--image .phbig { padding-left: 0px; padding-right: 0px; }
}

  @media only screen and (max-width: 600px) {

    .pvbig { padding: 50px 0px; }
    .pvbottombig, #variations.pvbottombig { padding-bottom: 40px; }
    .pvtopbig { padding-top: 40px; }
    .pvmiddle { padding: 30px 0px; }
    .mtopbig { margin-top: 40px; }
    .phbig, .slick-dots { padding-left: 20px; padding-right: 20px; }
    .layout__region > div.stretchself.phbig { width: calc(100% - 40px); height: calc(100% - 80px); }
    .phbigl { padding-left: 20px; }
    .phbigr { padding-right: 20px; }
    .mhbigl { margin-left: 20px; }
    .mhbigr { margin-right: 20px; }

    .buttonpadding { padding: 18px 25px; }

    .mainrow.pvsmall { padding-top: 25px; padding-bottom: 25px; }

    .sticky-header .pvsmall {
      padding-top: 25px;
      padding-bottom: 25px;
    }

    .sticky-header .bgcolorfourtopleiste.pvsmall {
      padding-top: 18px;
      padding-bottom: 18px;
}

}

@media only screen and (min-width: 1024px) {
  .md-ml-l { margin-left: 3.75rem; }
  .md-ml-m { margin-left: 2.5rem; }
  .md-ml-s { margin-left: 1.25rem; }
}

@media only screen and (min-width: 768px) {
  .pt-8 { padding-top: 1rem; }
  .pb-8 { padding-bottom: 1rem; }

  .sm-p-0 { padding: 0px; }
  .sm-pl-m { padding-left: 20px; }
  .sm-pr-m { padding-right: 20px; }

  .sm-ml-40 { margin-left: 2.5rem; }
  .sm-ml-m { margin-left: 30px; }
  .sm-ml-l { margin-left: 3.75rem; }
  .sm-ml-20 { margin-left: 1.25rem; }
  .sm-mt-s { margin-top: 20px; }
  .sm-mt-0 { margin-top: 0px; }

  .sm-m-0 { margin: 0px; }
  .sm-pr-l { padding-right: 50px; }
  .sm-pl-l { padding-left: 50px; }
}

@media only screen and (min-width: 480px) {
.xs-pb-s { padding-bottom: 20px; }
.xs-pt-s { padding-top: 20px; }
.xs-pl-s { padding-left: 20px; }
.xs-pr-s { padding-right: 20px; }
}