html[lang="de"] .hero-h1 {
  font-size: clamp(2.5rem, 5vw, 72px);
}

html[lang="de"] .rot {
  display: block;
  width: 100%;
  min-width: 0;
  margin-top: .08em;
}

html[lang="de"] .rot-word {
  max-width: 100%;
}

@media (max-width: 740px) {
  html[lang="de"] .hero-h1 {
    font-size: clamp(1.9rem, 8.5vw, 2.15rem);
    line-height: 1.06;
  }

  html[lang="de"] .rot {
    display: block;
    width: 100%;
    margin-top: .08em;
  }

  html[lang="de"] .rot-word {
    width: 100%;
    white-space: normal;
  }
}