@media (max-width: 520px) {
  body {
    font-size: 20px;
  }

  .hero h1 {
    font-size: 1.6rem;
  }

  .hero p {
    font-size: 1.03rem;
    line-height: 1.65;
  }

  .section p,
  .text-block p,
  .story-body p,
  .section-intro {
    font-size: 1.05rem;
    line-height: 1.75;
  }

  .card,
  .karte,
  .mini-box,
  .sinne-box,
  .elli-box,
  .hinweis,
  .box,
  .box-soft,
  .formular {
    padding-left: 18px;
    padding-right: 18px;
  }
}
@media (max-width: 520px) {

  .hero p,
  .section-intro,
  .role,
  .hero-atemzug {
    font-size: 1.12rem;
    line-height: 1.7;
  }

}