/* German locale polish
   Keep the German pages visually aligned with the English layout while
   allowing longer words to wrap cleanly. */

html[lang="de"] body{
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

html[lang="de"] :where(h1,h2,h3,p,li,a,small,strong,span){
  hyphens: auto;
}

html[lang="de"] .hero-xl{
  font-size: clamp(2.35rem, 6.4vw, 5.25rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.055em !important;
  max-width: 13.5ch;
  hyphens: none;
  overflow-wrap: normal;
}

html[lang="de"] .hero-lead{
  font-size: clamp(1.02rem, 1.8vw, 1.24rem) !important;
  line-height: 1.5 !important;
  max-width: 58ch !important;
}

html[lang="de"] .header .nav a{
  font-size: .94rem;
  padding-inline: .28rem;
  white-space: nowrap;
}

html[lang="de"] .hero-proof-row strong,
html[lang="de"] .hero-signal-card li{
  overflow-wrap: anywhere;
}

html[lang="de"] #home .hero-title{
  font-size: clamp(2rem, 4.8vw, 3.5rem) !important;
  line-height: 1.08 !important;
}

html[lang="de"] #contact > .container.grid{
  grid-template-columns: 1fr 1fr !important;
}

@media (max-width: 900px){
  html[lang="de"] #contact > .container.grid{
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px){
  html[lang="de"] .hero-xl{
    font-size: clamp(2rem, 11vw, 3.2rem) !important;
    max-width: 12ch;
  }
}