.stoff-text {
  margin-top: 100px;
  margin-bottom: 100px;
}
.stoff-text__mirror-1 .image {
  margin-left: auto !important;
}
.stoff-text__mirror-1 .text-wrapper {
  margin-left: 0px !important;
}
.stoff-text__dark-1 .text-wrapper {
  background-color: #294134;
}
.stoff-text__dark-1 .text-wrapper h2,
.stoff-text__dark-1 .text-wrapper p,
.stoff-text__dark-1 .text-wrapper a {
  color: white !important;
}
.stoff-text.portrait .image {
  width: 45%;
  min-height: 400px;
}
.stoff-text.portrait .text-wrapper {
  width: 80%;
}
.stoff-text .image {
  height: 60vh;
  min-height: 300px;
  width: 80%;
  border-radius: 10px;
}
@media only screen and (max-width: 768px) {
  .stoff-text .image {
    height: 300px;
    width: 100%;
  }
}
.stoff-text .text-wrapper {
  width: 55%;
  padding: 50px;
  background-color: #8EC744;
  color: #294134;
  border-radius: 10px;
  margin-top: -50px;
  margin-left: auto;
  box-shadow: 15px 24px 50px rgba(0, 0, 0, 0.1607843137);
}
@media only screen and (max-width: 768px) {
  .stoff-text .text-wrapper {
    width: 100%;
    margin-top: -10px;
  }
}
.stoff-text .read-more {
  height: 30px;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
}
.stoff-text .read-more :hover {
  cursor: pointer;
}
.stoff-text .read-more.open {
  height: auto;
  -webkit-mask-image: none;
}

/*# sourceMappingURL=stoff-text.css.map */