.home-hero-section {
  padding: 30px 0px;
}
.home-hero-section__wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .home-hero-section__wrap {
    gap: 30px;
    grid-template-columns: 1fr;
  }
}
.home-hero-section .copy-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 50px 20px 50px;
  background-color: #F5F9FA;
}
@media only screen and (max-width: 767px) {
  .home-hero-section .copy-content {
    padding: 20px;
    text-align: center;
    order: 2;
  }
}
.home-hero-section .copy-content__wrap {
  max-width: 559px;
}
@media only screen and (max-width: 767px) {
  .home-hero-section .copy-content__wrap {
    display: flex;
    flex-direction: column;
    gap: 26px;
    margin-bottom: 32px;
  }
}
.home-hero-section .copy-content__wrap .h1 {
  margin-top: 0px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .home-hero-section .copy-content__wrap .h1 {
    margin: 0px;
  }
}
.home-hero-section .copy-content__wrap p {
  margin-top: 0px;
  margin-bottom: 33px;
  font-size: 20px;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .home-hero-section .copy-content__wrap p {
    margin-bottom: 0px;
  }
}
.home-hero-section .media-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .home-hero-section .media-content {
    flex-direction: column;
    background-color: transparent;
  }
}
.home-hero-section .media-content img {
  max-height: 600px;
}
.home-hero-section .media-element {
  display: block;
  margin: 0px;
  background-color: #ffffff;
  max-width: 100%;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .home-hero-section .btn {
    margin: auto;
    width: fit-content;
    display: block;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22http%3A%2F%2Fjongo-webagentur.local%2F%22%2C%22sources%22%3A%5B%22wp-content%2Fthemes%2Ftheme-pro%2Fscss%2Fblock-home-hero-section.scss%22%2C%22wp-content%2Fthemes%2Ftheme-pro%2Fscss%2F_variable.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAEA%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACuBH%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADdG%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACcH%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADFO%3BAAAA%3BAAAA%3BACEP%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADMW%3BAAAA%3BAAAA%3BAAAA%3BACNX%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADaW%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACbX%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADyBG%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACzBH%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADiCO%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACtCH%3BAD%2BCO%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */