.introtext_container {
  max-width: 1104px;
  margin: 50px auto 50px;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 414px auto;
  gap: 20px;
}

.introtext_left {
  color: #000;
  font-family: 'Space Grotesk';
  font-size: 45px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.introtext_slogan {
  background-color: #E5FF43;
  display: inline;
}

.introtext_headline {
  color: #000;
  font-family: 'Cabin';
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  margin-bottom: 10px;
}

.introtext_content {
  color: #000;
  font-family: 'Cabin';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.introtext_spacer.alignfull {
  padding-bottom: 50px;
  border-top: 1px solid black;
}

a.introtext_button {
  border-radius: 15px;
  background: #4200FF;
  color: #FFF;
  font-family: 'Space Grotesk';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 7px 16px;
  margin-top: 30px;
  display: inline-block;
}

.introtext_button::after {
  content: url('../../../assets/images/dl_icon.svg');
  height: 17px;
  width: 17px;
  margin-left: 7px;
  vertical-align: middle;
  display: inline-block;
}

@media (max-width: 865px) {
  .hintergrund_container .introtext_container {
    padding: 0;
  }

  .introtext_container {
    grid-template-columns: 100%;
  }

  .introtext_slogan {
    font-size: 35px;
  }

  .introtext_spacer.alignfull {
    padding-bottom: 0;
    margin-bottom: 50px;
  }
}