.header-homepage * {
  color: #ffffff;
}
.header-homepage-text {
  position: relative;
  z-index:3;
}
.header-homepage-picture {
  z-index:1;
}
.header-homepage-text p {
  max-width: 41%;
}
.header-homepage-background {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  overflow-y: hidden;
}
.header-homepage-text-buttons {
  width: 100%;
}
.header-homepage-background svg, .header-homepage-background object {
  position: absolute;
  width: 100%;
  top: 0px;
  transform: translateY(-34%) scale(1) rotate(0deg) translateX(-3%);
}
@media all and (max-width: 2050px) {
  .header-homepage-background svg, .header-homepage-background object {
    transform: translateY(-34%) scale(1.15) rotate(0deg) translateX(-3%);
  }
}
@media all and (max-width: 1920px) {
  .header-homepage-background svg, .header-homepage-background object {
    transform: translateY(-34%) scale(1.15) rotate(0deg) translateX(-3%);
  }
}
@media all and (max-width: 1805px) {
  .header-homepage-background svg, .header-homepage-background object {
    transform: translateY(-38%) scale(1.35) rotate(0deg) translateX(-3%);
  }
}
@media all and (max-width: 1666px) {
  .header-homepage-background svg, .header-homepage-background object {
    transform: translateY(-38%) scale(1.7) rotate(0deg) translateX(0%);
  }
}
@media all and (max-width: 1270px) {
  .header-homepage-background svg, .header-homepage-background object {
    transform: translateY(-38%) scale(1.9) rotate(0deg) translateX(0%);
  }
}
@media all and (max-width: 1215px) {
  .header-homepage-background svg, .header-homepage-background object {
    transform: translateY(-38%) scale(1.8) rotate(0deg) translateX(0%);
  }
}
@media all and (max-width: 1050px) {
  .header-homepage-background svg, .header-homepage-background object {
    transform: translateY(-38%) scale(2.1) rotate(0deg) translateX(0%);
  }
}
@media all and (max-width: 768px) {
  .header-homepage-background svg, .header-homepage-background object {
    transform: translateY(-65%) scale(3.3);
  }
}
@media all and (max-width: 699px) {
  .header-homepage-background svg, .header-homepage-background object {
    transform: translateY(-65%) scale(3.5);
  }
}
@media all and (max-width: 546px) {
  .header-homepage-background svg, .header-homepage-background object {
    transform: translateY(-65%) scale(4.2);
  }
}
@media all and (max-width: 464px) {
  .header-homepage-background svg, .header-homepage-background object {
    transform: translateY(-65%) scale(4.37);
  }
}
@media all and (max-width: 429px) {
  .header-homepage-background svg, .header-homepage-background object {
    transform: translateY(-65%) scale(5);
  }
}
@media all and (max-width: 385px) {
  .header-homepage-background svg, .header-homepage-background object {
    transform: translateY(-65%) scale(6);
  }
}
@media all and (max-width: 340px) {
  .header-homepage-background svg, .header-homepage-background object {
    transform: translateY(-65%) scale(6.4);
  }
}
.header-homepage-buttons {
  display: flex;
}
.header-homepage-text-buttons {
  margin-left: 102px;
}
.header-homepage-buttons .button-wrapper:first-child {
  margin-right: 50px;
}
.header-homepage-picture-disturber-right {
  display: flex;
  justify-content: right;
  flex-flow: column;
  position: relative;
  top: -383px;
  right: 24%;
  margin-left: auto;
  width: 457px;
  z-index: 4;
}
.header-homepage-picture {
  float: right;
  position: relative;
  top: -168px;
  right: -10%;
}
.header-homepage-disturber-right {
  display: flex;
  justify-content: right;
  flex-flow: column;
  position: absolute;
}
.header-homepage-disturber-text-button {
  display: flex;
}
.header-homepage-disturber-right-text {
  position: absolute;
  font-size: 30px;
  width: 100%;
  height: 100%;
  align-items: center;
  display: flex;
  flex-flow: column;
  text-align: center;
  justify-content: center;
  color: #ffffff;
  padding: 0 20px;
}
@media all and (max-width: 1920px) {
  .header-homepage-picture {
    right: -7%;
    max-width: 1050px;
    top: -168px;
    float: right !important;
  }
  .header-homepage-disturber-text-button {
    top: 21%;
    right: 23%;
  }
}
@media all and (max-width: 1800px) {
  .header-homepage-picture {
    right: 4%;
    max-width: 827px;
    float: right !important;
  }
  .header-homepage-disturber-right-text .auszeichnungsHeadline {
    font-size: 18px !important;
  }
  .header-homepage-disturber-right-text p {
    font-size: 15px !important;
  }
  .header-homepage-picture-disturber-right {
    top: 137px;
    right: -27%;
    width: 397px;
  }
}
@media all and (max-width: 1185px) {
  .header-homepage-picture-disturber-right {
    top: -229px;
    right: 40%;
    width: 397px;
  }
}
@media all and (max-width: 1430px) {
  .header-homepage-picture {
    top: -60px;
    max-width: 694px;
    float: right!important;
  }
}
@media all and (max-width: 1260px) {
  .header-homepage-picture {
    top: 24px;
    right: 10%;
    max-width: 658px;
    float: right !important;
  }
  .header-homepage-disturber-text-button {
    max-width: 375px;
    top: 40%;
    right: 5%;
  }
  .header-homepage-disturber-left {
    display: none;
  }
}
@media all and (max-width: 1260px) {
  .header-homepage-picture {
    top: 24px;
    max-width: 658px;
    float: right !important;
  }
  .header-homepage-disturber-text-button {
    top: 27%;
    right: 35%;
  }
}
@media all and (max-width: 979px) {
  .header-homepage-text-buttons {
    margin-left: unset;
  }
  .header-homepage-picture {
    top: 30px;
    right: unset;
    margin: 0 auto;
    float: unset !important;
    width: 100%;
  }
  .header-homepage-disturber-text-button {
    top: 24%;
    right: 55%;
  }
}
@media all and (max-width: 768px) {
  .header-homepage-text, .header-homepage-text p {
    max-width: 100%;
  }
  .header-homepage-picture-disturber-right {
    top: -141px;
    right: 40%;
    width: 349px;
  }
}
@media all and (max-width: 815px) {
  .header-homepage-picture-disturber-right {
    align-items: end;
  }
  .header-homepage-disturber-text-button {
    top: 0;
    position: relative;
    width: 100%;
    right: unset;
  }
}
@media all and (max-width: 710px) {
  .header-homepage-buttons {
    flex-flow: column;
  }
  .header-homepage-buttons .button-wrapper {
    margin: 15px 0;
  }
  .header-homepage-buttons .button {
    min-width: 215px;
  }
}
@media all and (max-width: 611px) {
  .header-homepage-picture-disturber-right {
    display: none;
  }
}
@media all and (max-width: 476px) {
  .header-homepage-picture {
    right: -135px;
    margin: 0 auto;
    float: unset !important;
    width: 100%;
    position: unset;
  }
}
//

.ce-teaserelement-btn-picture {
  display: flex;
  position: relative;
  justify-content: end;
}
.header-homepage-disturber-left .ce-teaserelement-btn-pictures-organic-btn-left {
  display: flex;
  position: absolute;
  margin-left: -205px;
  margin-top: 40px;
}
@media all and (max-width: 1873px) {
  .header-homepage-disturber-left .ce-teaserelement-btn-pictures-organic-btn-left {
    margin-left: 0;
  }
}
.ce-teaserelement-btn-pictures-organic-btn-right {
  display: flex;
  position: absolute;
}
.ce-teaserelement-btn-pictures-organic-picture {
  position: relative;
}
.ce-teaserelement-btn-pictures-organic-text-right {
  position: absolute;
}
.ce-teaserelement-btn-pictures-organic-text-right * {
  color: #fff;
}
.ce-teaserelement-btn-pictures-organic-text-right {
  font-size: 30px !important;
  width: 100%;
  height: 100%;
  display: flex;
}
.ce-teaserelement-btn-pictures-organic-text-right > div {
  margin: auto;
  padding: 30px 140px 0 47px;
}
.ce-teaserelement-btn-pictures-picture {
  position: relative;
  top: -7%;
}

@media all and (max-width: 1225px) {
  .ce-teaserelement-text-btn-picture {
    flex-flow: column;
  }
  .ce-teaserelement-btn-picture {
    flex-basis: 100%;
    justify-content: right;
  }
  .ce-teaserelement-btn-pictures-picture {
    top: 0;
  }
  .ce-teaserelement-btn-pictures-organic-picture img {
    max-width: 370px;
  }
}

@media all and (max-width: 576px) {
  .ce-teaserelement-btn-pictures-organic-picture {
    max-width: 350px;
  }
}

.header-subpages-headline-rotate {
  position: relative;
  overflow: hidden;
}

.header-subpages-headline-rotate {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 50px;
}

.header-subpages-headline-rotate__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  opacity: 0;
  z-index: 0;
}

/* Semantik: erste Zeile = h1, optisch wie h2 im Hero */
.header-subpages-headline-rotate h1.header-subpages-headline-rotate__item {
  font-family: 'pt-sans-pro', 'pt-sans', sans-serif !important;
  font-weight: 300 !important;
  text-transform: uppercase !important;
}

@media all and (max-width: 1180px) {
  .header-subpages-headline-rotate h1.header-subpages-headline-rotate__item {
    font-size: var(--font-size-h2-small) !important;
  }
}

.header-subpages-headline-rotate__item.is-active {
  opacity: 1;
  z-index: 1;
}

.header-subpages-headline-rotate__item.is-animating {
  transition: opacity 500ms ease;
}

.header-subpages-headline-rotate__item--loop {
  pointer-events: none;
}