.medical-apps .project {
  display: grid;
  grid-template-columns: 20% 60% 20%;
  grid-template-rows: 1fr 1fr 1fr 1fr;
}

.medical-apps .background_left {
  grid-row: 1;
  grid-column: 3;
  background-image: url(../img/backgroundLeft.svg);
  background-size: contain;
  background-repeat: no-repeat;

}

.medical-apps .background_right {
  grid-row: 2 / 4;
  grid-column: 1;
  background-image: url(../img/backgroundRight.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.medical-apps .main-content {
  grid-row: 1 / 5;
  grid-column: 1 / 4;
  display: grid;
  grid-template-columns: 10% 20% 20% 20% 10%;
  grid-template-rows: 1fr 1fr 1fr;
}

.medical-apps .planning {
  grid-row: 1;
  grid-column: 2 / 5;
  display: flex;
  flex-direction: row;


}

.medical-apps .project-text {
  color: var(--dark-blue, #1E6483);
  font-family: Roboto-Medium;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.25px;
  font-size: 2em;


}

.medical-apps .project-text-content {
  color: #757575;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.25px;
}

.medical-apps .project-text-wrapper {
  margin-left: 2vw;
  padding-top: 12.5%;
}

.medical-apps .project-icon {
  border-radius: 14vw;
  height: 300px;
  width: 300px;
}

.medical-apps .development {
  grid-row: 2;
  grid-column: 3 / 6;
  display: flex;
  flex-direction: row;

}

.medical-apps .wartung {
  grid-row: 3;
  grid-column: 2 / 5;
  display: flex;
  flex-direction: row;
  margin-left: 7.5%;

}



@media screen and (max-width: 992px) {

  .medical-apps .development {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

  }

  .medical-apps .wartung {
    margin-left: 0;
    flex-direction: column;
    align-items: center;

  }

  .medical-apps .planning {
    margin-left: 0;
    flex-direction: column;
    align-items: center;

  }

  .medical-apps .main-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-basis: 100%;
  }

  .medical-apps .background_left {
    background-color: white;
    flex-basis: 0;

  }

  .medical-apps .background_right {
    background-color: white;
    flex-basis: 0;
  }

  .medical-apps .project {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 2vw;
  }

  .medical-apps .icon {
    border-radius: 14vw;
    width: 40vw;
    height: 40vw;
    justify-self: center;
  }

  .medical-apps .project-icon {
    border-radius: 14vw;
    width: 40vw;
    height: 40vw;
  }

  .medical-apps .project-text-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: justify;
    margin-right: 1vw;
    margin-left: 1vw;
  }

  .medical-apps .project-text {
    display: flex;
    justify-content: center;
  }






}