Zitate
Zitat
draft
      <div class="container">
  <div class="row">
    <div class="col-12 col-md-10 offset-md-1">
      <div class="quote">
        <div class="quote__wrapper">
          <div class="quote__text">
            <p>Es fühlt sich an, als sei unsere Alternative zum herkömmlichen Hotel nie relevanter gewesen.</p>
          </div>
          <div class="quote__author">
            <p>Jana Hövels, Project Sales Hospitality Kampmann</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

      
      .quote {
  background: $gray-light;
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
  margin-top:30px;

  &:after {
    content: '';
    display: block;
    position: absolute;
    width:228px;
    height:192px;
    right: 0;
    top: 0;
    transform: translate(16%, -16%);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background: url("data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e %3c!-- Generator: Adobe Illustrator 26.3.1%2c SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3e %3csvg version='1.1' id='quotes' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 228 192' style='enable-background:new 0 0 228 192%3b' xml:space='preserve'%3e%3cpath id='quote' style='fill:%23D7D5CD%3bfill-opacity:0.3469%3b' d='M0%2c44.3c0%2c28.1%2c19.9%2c45%2c44.3%2c45c7.4%2c0%2c12.5-2.2%2c14.8-3.7 c-0.7%2c31.8-22.9%2c64.2-55.3%2c71.6V192c41.3-5.9%2c98.1-42.1%2c98.1-129.2C101.8%2c20.7%2c76.7%2c0%2c48%2c0C20.7%2c0%2c0%2c19.9%2c0%2c44.3z M126.2%2c44.3 c0%2c28.1%2c19.9%2c45%2c44.3%2c45c7.4%2c0%2c12.5-2.2%2c14.8-3.7c-0.7%2c31.8-22.9%2c64.2-55.3%2c71.6V192c41.3-5.9%2c98.1-42.1%2c98.1-129.2 C228%2c20.7%2c202.9%2c0%2c174.1%2c0C146.8%2c0%2c126.2%2c19.9%2c126.2%2c44.3z'/%3e%3c/svg%3e");
  }

  &__wrapper {
    width: calc(100% / 12 * 10);
    margin-left: calc(100% / 12 * 1);
  }

  &__text {
    font-size: $h3-font-size;
    line-height: 1.385;
    font-weight: normal;
    margin-bottom: 0.5rem;

    p {
      margin: 0;
    }
  }

  &__author {
    text-transform: uppercase;

    p {
      margin: 0;
    }
  }
}