.landingpage-element .landingpage-quote {
  --quote-img-width: 180px;
  --quote-img-border-col: var(--whh-col-sand);
  --quote-text-align: center;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto auto auto auto;
  gap: 0px 32px;
  grid-template-areas: "image" "text" "details" "cta";
  max-width: 330px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .landingpage-element .landingpage-quote {
    --quote-img-width: 264px;
    --quote-text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .landingpage-element .landingpage-quote {
    grid-template-columns: auto auto;
    grid-template-rows: auto auto auto;
    grid-template-areas: "text image" "details image" "cta cta";
    max-width: 750px;
  }
}
.landingpage-element .landingpage-quote__image {
  width: var(--quote-img-width);
  height: var(--quote-img-width);
  grid-area: image;
  align-self: center;
  justify-self: center;
}
.landingpage-element .landingpage-quote__image img {
  width: var(--quote-img-width);
  height: var(--quote-img-width);
  border-radius: 50%;
  border: 8px solid var(--quote-img-border-col);
}
.landingpage-element .landingpage-quote__text {
  position: relative;
  grid-area: text;
  padding: 40px 0 0 0;
  margin: 0 0 16px 0;
  font-family: var(--whh-font-text);
  text-align: var(--quote-text-align);
  border: none;
  align-self: end;
}
.landingpage-element .landingpage-quote__text::before {
  content: "“";
  position: absolute;
  font-size: 150px;
  font-weight: 700;
  line-height: 0;
  left: calc(50% - 36px);
  top: 40px;
  text-align: center;
  color: var(--whh-col-green);
}
@media screen and (min-width: 768px) {
  .landingpage-element .landingpage-quote__text::before {
    left: 0;
  }
}
.landingpage-element .landingpage-quote__text p {
  font-family: var(--whh-font-text);
  font-size: 18px;
  line-height: 28px;
}
.landingpage-element .landingpage-quote__details {
  grid-area: details;
  text-align: var(--quote-text-align);
}
.landingpage-element .landingpage-quote__details cite {
  font-size: 18px;
  line-height: 22px;
  font-style: normal;
}
.landingpage-element .landingpage-quote__details p {
  font-family: var(--whh-font-text);
  font-size: 16px;
  line-height: 22px;
}
.landingpage-element .landingpage-quote__cta {
  grid-area: cta;
  text-align: center;
  margin-top: 16px;
}


/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFuZGluZ1BhZ2VRdW90ZS5jc3MiLCJtYXBwaW5ncyI6IkFBQUE7RUFJUTtFQUNBO0VBQ0E7RUFPSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBTUE7RUFDQTtBQWJaO0FBSFE7RUFBQTtJQUNJO0lBQ0E7RUFNVjtBQUNGO0FBU1k7RUFBQTtJQUNJO0lBQ0E7SUFDQTtJQUlFO0VBVGhCO0FBQ0Y7QUFZWTtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7QUFWaEI7QUFLWTtFQVFRO0VBQ0E7RUFDQTtFQUNBO0FBVnBCO0FBY1k7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0FBWmhCO0FBY2dCO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0FBWnBCO0FBY29CO0VBQUE7SUFDSTtFQVh0QjtBQUNGO0FBWlk7RUEyQlE7RUFDQTtFQUNBO0FBWnBCO0FBaUJZO0VBQ0k7RUFDQTtBQWZoQjtBQWFZO0VBS1E7RUFDQTtFQUNBO0FBZnBCO0FBUVk7RUFXUTtFQUNBO0VBQ0E7QUFoQnBCO0FBb0JZO0VBQ0k7RUFDQTtFQUNBO0FBbEJoQiIsInNvdXJjZXMiOlsid2VicGFjazovL3dlbHRodW5nZXJoaWxmZS8uL3BhY2thZ2VzL2lnX3Byb2plY3QvUmVzb3VyY2VzL1B1YmxpYy9MZXNzL0xhbmRpbmdQYWdlRWxlbWVudHMvcXVvdGUubGVzcyJdLCJzb3VyY2VzQ29udGVudCI6WyIubGFuZGluZ3BhZ2UtZWxlbWVudHtcbiAgICBcbiAgICAubGFuZGluZ3BhZ2UtcXVvdGV7XG5cbiAgICAgICAgLS1xdW90ZS1pbWctd2lkdGg6IDE4MHB4O1xuICAgICAgICAtLXF1b3RlLWltZy1ib3JkZXItY29sOiB2YXIoLS13aGgtY29sLXNhbmQpO1xuICAgICAgICAtLXF1b3RlLXRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgXG4gICAgICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OHB4KXtcbiAgICAgICAgICAgIC0tcXVvdGUtaW1nLXdpZHRoOiAyNjRweDtcbiAgICAgICAgICAgIC0tcXVvdGUtdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgICAgfVxuXG4gICAgICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxMDAlOyBcbiAgICAgICAgICAgIGdyaWQtdGVtcGxhdGUtcm93czogYXV0byBhdXRvIGF1dG8gYXV0bzsgXG4gICAgICAgICAgICBnYXA6IDBweCAzMnB4OyBcbiAgICAgICAgICAgIGdyaWQtdGVtcGxhdGUtYXJlYXM6IFxuICAgICAgICAgICAgXCJpbWFnZVwiXG4gICAgICAgICAgICBcInRleHRcIlxuICAgICAgICAgICAgXCJkZXRhaWxzXCJcbiAgICAgICAgICAgIFwiY3RhXCI7XG5cbiAgICAgICAgICAgIG1heC13aWR0aDogMzMwcHg7XG4gICAgICAgICAgICBtYXJnaW4taW5saW5lOiBhdXRvO1xuXG4gICAgICAgICAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjhweCl7XG4gICAgICAgICAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiBhdXRvIGF1dG87IFxuICAgICAgICAgICAgICAgIGdyaWQtdGVtcGxhdGUtcm93czogYXV0byBhdXRvIGF1dG87IFxuICAgICAgICAgICAgICAgIGdyaWQtdGVtcGxhdGUtYXJlYXM6IFxuICAgICAgICAgICAgICAgICAgXCJ0ZXh0IGltYWdlXCJcbiAgICAgICAgICAgICAgICAgIFwiZGV0YWlscyBpbWFnZVwiXG4gICAgICAgICAgICAgICAgICBcImN0YSBjdGFcIjsgXG4gICAgICAgICAgICAgICAgICBtYXgtd2lkdGg6IDc1MHB4O1xuXG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICZfX2ltYWdlIHtcbiAgICAgICAgICAgICAgICB3aWR0aDogdmFyKC0tcXVvdGUtaW1nLXdpZHRoKTtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IHZhcigtLXF1b3RlLWltZy13aWR0aCk7XG4gICAgICAgICAgICAgICAgZ3JpZC1hcmVhOiBpbWFnZTtcbiAgICAgICAgICAgICAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XG4gICAgICAgICAgICAgICAganVzdGlmeS1zZWxmOiBjZW50ZXI7XG5cbiAgICAgICAgICAgICAgICBpbWcge1xuICAgICAgICAgICAgICAgICAgICB3aWR0aDogdmFyKC0tcXVvdGUtaW1nLXdpZHRoKTtcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiB2YXIoLS1xdW90ZS1pbWctd2lkdGgpO1xuICAgICAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICAgICAgICAgICAgICAgIGJvcmRlcjogOHB4IHNvbGlkIHZhcigtLXF1b3RlLWltZy1ib3JkZXItY29sKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICZfX3RleHQge1xuICAgICAgICAgICAgICAgIHBvc2l0aW9uOnJlbGF0aXZlO1xuICAgICAgICAgICAgICAgIGdyaWQtYXJlYTogdGV4dDtcbiAgICAgICAgICAgICAgICBwYWRkaW5nOiA0MHB4IDAgMCAwO1xuICAgICAgICAgICAgICAgIG1hcmdpbjogMCAwIDE2cHggMDtcbiAgICAgICAgICAgICAgICBmb250LWZhbWlseTogdmFyKC0td2hoLWZvbnQtdGV4dCk7XG4gICAgICAgICAgICAgICAgdGV4dC1hbGlnbjogdmFyKC0tcXVvdGUtdGV4dC1hbGlnbik7XG4gICAgICAgICAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICAgICAgICAgIGFsaWduLXNlbGY6IGVuZDtcblxuICAgICAgICAgICAgICAgICY6OmJlZm9yZXtcbiAgICAgICAgICAgICAgICAgICAgY29udGVudDogXCLigJxcIjtcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgICAgICAgICBmb250LXNpemU6IDE1MHB4O1xuICAgICAgICAgICAgICAgICAgICBmb250LXdlaWdodDogNzAwO1xuICAgICAgICAgICAgICAgICAgICBsaW5lLWhlaWdodDogMDtcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogY2FsYyg1MCUgLSAzNnB4KTtcbiAgICAgICAgICAgICAgICAgICAgdG9wOiA0MHB4O1xuICAgICAgICAgICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiB2YXIoLS13aGgtY29sLWdyZWVuKTtcblxuICAgICAgICAgICAgICAgICAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjhweCl7XG4gICAgICAgICAgICAgICAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgcCB7XG4gICAgICAgICAgICAgICAgICAgIGZvbnQtZmFtaWx5OiB2YXIoLS13aGgtZm9udC10ZXh0KTtcbiAgICAgICAgICAgICAgICAgICAgZm9udC1zaXplOiAxOHB4O1xuICAgICAgICAgICAgICAgICAgICBsaW5lLWhlaWdodDogMjhweDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cblxuICAgICAgICAgICAgJl9fZGV0YWlscyB7XG4gICAgICAgICAgICAgICAgZ3JpZC1hcmVhOiBkZXRhaWxzO1xuICAgICAgICAgICAgICAgIHRleHQtYWxpZ246IHZhcigtLXF1b3RlLXRleHQtYWxpZ24pO1xuXG4gICAgICAgICAgICAgICAgY2l0ZXtcbiAgICAgICAgICAgICAgICAgICAgZm9udC1zaXplOiAxOHB4O1xuICAgICAgICAgICAgICAgICAgICBsaW5lLWhlaWdodDogMjJweDtcbiAgICAgICAgICAgICAgICAgICAgZm9udC1zdHlsZTogbm9ybWFsO1xuICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgIHAge1xuICAgICAgICAgICAgICAgICAgICBmb250LWZhbWlseTogdmFyKC0td2hoLWZvbnQtdGV4dCk7XG4gICAgICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICAgICAgICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDIycHg7ICBcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICZfX2N0YSB7XG4gICAgICAgICAgICAgICAgZ3JpZC1hcmVhOiBjdGE7XG4gICAgICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6IDE2cHg7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbn0iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=*/