body {
  overflow-x: unset;
}

.header-block .content .sage-badges div.sage-badge-3{
  background-image: url(/theme/app/images/crefozert_2021.png);
  margin-top: 1vh;
  height: 160px;
  max-height: 15vh;
}

section.download-main {
  display: flex;
  padding: 10vh 0px;
  min-height: 100vh;
}

section.download-main .image-child {
  /* flex-basis: 50vw; */
  flex-basis: 50vw;
  flex-grow: 0;
  flex-shrink: 0;
  position: relative; /* Kann helfen, den sticky Kontext korrekt zu setzen */
  overflow-x: unset;
}

section.download-main .image-child img {
  position: sticky;
  top: 20vh;
  max-height: 60vh;
  max-width: 80%;
  display: block; /* flex durch block ersetzen, falls nötig */
}

section.download-main .detail-child {
  flex-basis: 50vw;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: center;
}

section.download-main .detail-child details {
  margin: 10px 0px;
  margin-left: 5vw;
}

section.download-main .detail-child details summary {
  text-align: left;
  font-weight: 700;
  font-size: 24px;
  color: #f9bf00;
}

section.download-main .detail-child details p {
  font-weight: 300;
  font-size: 24px;
  color: #5689ad;
  margin-top: 0px;
}


section.download-main .detail-child details > div {
  margin: 20px 0px;
  margin-right: 8vw;
  border-left: 1px solid #5689ad;
  padding: 10px 40px;
}

section.download-main .detail-child details li {
  font-size: clamp(1.25rem, 1rem + 0.6667vw, 1.5rem);
}


  
@media screen and (min-width: 0px) and (max-width: 768px){
  section.download-main .image-child {
    display: none;
  }

  section.download-main .detail-child {
    flex-basis: 100vw;
  }

  section.download-main .detail-child details > div {
    padding: unset;
    padding-left: 14px;
  }

  section.download-main .detail-child details ul {
    margin-top: 20px;
  }
  
}

@media screen and (min-width: 769px) and (max-width: 1200px){
  section.download-main .image-child {
    flex-basis: 30vw;
  }

  section.download-main .detail-child {
    flex-basis: 70vw;
  }

  section.download-main .detail-child details ul {
    margin-top: 20px;
  }
  
}


.spacing-container.download-bereich {
  height: calc(100vh - 500px);
}

@media (min-width:768px) {
  .spacing-container.download-bereich  {
      height: calc(100vh - 580px)
  }
}

@media (min-width:1068px) {
  .spacing-container.download-bereich  {
      height: calc(100vh - 700px)
  }
}

@media screen and (max-width: 1200px) {
  section.download-main .detail-child details > div {
    margin-right: 5vw;
  }
}

#download-contact-form-submit-button {
  width: calc(50% - (30px / 2));
  margin-top: 30px;
  color: #5689ad;
  background-color: #f9f9f9;
  border: unset;
  font-size: 28px;
  font-family: 'Roboto Condensed',Arial,sans-serif;
}

#download-contact-form-submit-button::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  background-color: #5689ad;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
}

#download-contact-form-submit-button:hover::before {
  visibility: visible;
  transform: scaleX(1);
}