@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

#heroSliderContainer, .heroSlider_container {
  background-color: #000;
  text-align: center;
  padding: 215px 90px 320px;
  height: 100vh; /*760px; */
  position: relative;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 94.47% 98.05%, 89.18% 96.58%, 86.27% 95.91%, 82.93% 95.22%, 79.7% 94.65%, 76.13% 94.4%, 72.85% 94.58%, 70.41% 94.63%, 44.47% 96.12%, 33.4% 96.52%, 23.12% 97.05%, 17.61% 97.77%, 12.53% 98.18%, 0% 100%);
  margin-bottom: -70px;
  align-content: center;
  display: grid;
  background-position: top;
  background-repeat: no-repeat;
  max-height: 1024px;
  background-size: cover;
}

#heroSliderContainer.alignfull.active {
    height: 760px; /* Höhe der schwarzen Fläche nach Aktivierung */
}

#heroSliderContainer .logo_icon {
  position: absolute;
  width: 100%;
  top: 100px;
}

#heroSliderContainer .logo_icon img {
  width: 196px;
}

.slides_satz {
  display: none;
  color: #fff;
  text-align: center;
  font-family: 'Space Grotesk';
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.slides_satz:first-child {
  display: block;
}

#heroSliderContainer .slides {
  max-width: 1069px;
  margin: 0 auto;
  padding: 20px;
  align-items: center;
  display: flex;
  margin-top: 200px;
}

.scroll-up {
  position: absolute;
  bottom: 60px;
  text-align: center;
  left: 49%;
  width: 26px;
  height: 26px;
  cursor: pointer;
  z-index: 1000;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.scroll-up img {
  animation: bounce 2s infinite;
}

@media (max-width: 865px) {
  #heroSliderContainer, .heroSlider_container {
    padding: 0px 20px 90px;
    height: 680px;
  }

  .slides_satz {
    font-size: 35px;
  }

  #heroSliderContainer, .heroSlider_container {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 94.59% 98.34%, 90.13% 97.46%, 86.27% 96.94%, 82.81% 96.25%, 79.7% 95.97%, 75.89% 95.58%, 73.09% 95.46%, 69.22% 95.37%, 44.47% 96.12%, 33.4% 96.52%, 23.12% 97.05%, 17.61% 97.77%, 12.53% 98.18%, 0% 100%);
  }
}

@media (max-width: 500px) {
  #heroSliderContainer, .heroSlider_container {
    background-image: url('Mobile.png') !important;
  }
}