.pageTitle {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding-top: var(--spaceContent);
}
.pageTitle .title,
.pageTitle .teaserText {
  width: 60%;
}

@keyframes moveRight {
  0% {
    transform: translateX(-20%);
  }
  25% {
    transform: translateX(-15%);
  }
  50% {
    transform: translateX(-10%);
  }
  75% {
    transform: translateX(-5%);
  }
  100% {
    transform: translateX(0%);
  }
}
.heroImage {
  display: block;
  width: 100%;
  max-width: 1600px;
  margin: auto;
  padding-right: var(--vSpace);
  animation-duration: 12s;
  animation-name: moveRight;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

@media (max-width: 960px) {
  .hero {
    padding: var(--spaceM) var(--spaceS);
  }
  .pageTitle .title,
  .pageTitle .teaserText {
    width: 100%;
  }
  .heroImage {
    position: relative;
    margin-top: calc(-1 * var(--spaceXxs));
    width: 160%;
    left: -60%;
    animation-duration: 8s;
  }
}
.tina .tinaCouch {
  width: 70%;
}
.tina .tinaCouch img {
  display: block;
  width: 100%;
  border-radius: var(--borderRadiusM);
}
.tina .fullText {
  display: flex;
}
.tina .fullText .left {
  width: 60%;
  padding-right: var(--spaceXs);
}
.tina .fullText .right {
  width: 40%;
  padding-left: var(--spaceXs);
}

@media (max-width: 960px) {
  .tina {
    margin-top: var(--spaceM);
  }
  .tina .tinaCouch {
    width: 100%;
  }
  .tina .teaserText {
    padding-top: var(--spaceS);
    font-family: "National 2", sans-serif;
    font-weight: 400;
    line-height: 140%;
    font-size: 22px;
    line-height: 140%;
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  .tina .teaserText {
    font-size: 18px;
    line-height: 133%;
  }
}
@media (max-width: 960px) {
  .tina .fullText {
    flex-wrap: wrap;
    padding-top: var(--spaceXs);
  }
  .tina .fullText .left,
  .tina .fullText .right {
    width: 100%;
    padding: 0;
  }
  .tina .fullText .right {
    display: none;
    margin-top: var(--spaceXs);
  }
}
.testimonials {
  padding-top: var(--vSpaceLarge) !important;
}

.contact {
  padding-top: var(--vSpaceLarge);
  margin-bottom: var(--vSpaceLarge);
}

@media (max-width: 960px) {
  .contact {
    padding-top: var(--spaceL);
    margin-bottom: var(--spaceM);
  }
}

/*# sourceMappingURL=about.css.map */