/* 30px -> 40px */
/* 60px -> 80px */
/* 90px -> 120px */
/* 120px -> 160px */
/* 20px -> 130px */
/* 10px -> 50px */
/* 24px -> 80px */
/* 40px -> 50px */
.ce_breaker {
  position: relative;
}
.ce_breaker .breaker {
  width: 100%;
  height: auto;
  z-index: 1;
}
.ce_breaker svg.mobile {
  display: block;
}
.ce_breaker svg.tablet {
  display: none;
}
.ce_breaker svg.desktop-s {
  display: none;
}
.ce_breaker svg.desktop-l {
  display: none;
}
@media (min-width: 600px) {
  .ce_breaker svg.mobile {
    display: none;
  }
  .ce_breaker svg.tablet {
    display: block;
  }
}
@media (min-width: 900px) {
  .ce_breaker svg.mobile {
    display: none;
  }
  .ce_breaker svg.tablet {
    display: none;
  }
  .ce_breaker svg.desktop-s {
    display: block;
  }
}
@media (min-width: 1600px) {
  .ce_breaker svg.mobile {
    display: none;
  }
  .ce_breaker svg.tablet {
    display: none;
  }
  .ce_breaker svg.desktop-s {
    display: none;
  }
  .ce_breaker svg.desktop-l {
    display: block;
  }
}
.ce_breaker.clean-break-1 svg {
  margin-top: -5vw;
}
@media (min-width: 1600px) {
  .ce_breaker.clean-break-1 .breaker {
    margin-top: -4vw;
  }
}
.ce_breaker.wavy-break-1 {
  height: 7vw;
}
.ce_breaker.wavy-break-1 .breaker {
  position: absolute;
  left: 0;
  top: -9vw;
}
@media (min-width: 600px) {
  .ce_breaker.wavy-break-1 .breaker {
    top: -6vw;
  }
}
@media (min-width: 900px) {
  .ce_breaker.wavy-break-1 {
    height: 4vw;
  }
  .ce_breaker.wavy-break-1 .breaker {
    top: -11vw;
  }
}
@media (min-width: 1600px) {
  .ce_breaker.wavy-break-1 {
    height: 2vw;
  }
  .ce_breaker.wavy-break-1 .breaker {
    top: -7vw;
  }
}
.ce_breaker.wavy-break-2 {
  height: 3vw;
}
.ce_breaker.wavy-break-2 .breaker {
  position: absolute;
  left: 0;
  top: -7vw;
}
@media (min-width: 900px) {
  .ce_breaker.wavy-break-2 .breaker {
    top: -7vw;
  }
}
@media (min-width: 1600px) {
  .ce_breaker.wavy-break-2 .breaker {
    top: -5.8vw;
  }
}
.ce_breaker.wavy-break-2 + .ce_prominentlist {
  padding-top: calc(5em + 3em) !important;
}
@media (min-width: 1400px) {
  .ce_breaker.wavy-break-2 + .ce_prominentlist {
    padding-top: calc(5em + 5em) !important;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22var%2Fwww%2Fvhosts%2Fvhug-technologies.de%2Fhttpdocs%2Fvendor%2Fvonheldenundgestalten%2Fvhugtech-bundle%2Fpublic%2Fcss%2Felements%2Fce_breaker.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAEA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAACI%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAIJ%3BAACI%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAIJ%3BAACI%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAGA%3BAACI%3BAAAA%3BAAAA%3BAAAA%3BAAKR%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAEI%3BAAAA%3BAAAA%3BAAAA%3BAAIJ%3BAAAA%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAAA%3BAAIJ%3BAAAA%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAAA%3BAAKR%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAACI%3BAAAA%3BAAAA%3BAAAA%3BAAIJ%3BAACI%3BAAAA%3BAAAA%3BAAAA%3BAAMZ%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */