/* Shared screen typography for the German and English website. */
@media screen and (min-width: 701px) and (max-width: 1024px) {
  main:is(#main, #inhalt) h1 { font-size: 2.5rem; line-height: 1.15; letter-spacing: -.035em; }
  main .section h2, main .closing h2 { font-size: 2rem; line-height: 1.2; letter-spacing: -.025em; }
  main .level-copy h3 { font-size: 1.875rem; line-height: 1.25; }
  main .section { padding-block: 3.5rem; }
}
@media screen and (max-width: 700px) {
  main:is(#main, #inhalt) h1 { font-size: clamp(2rem, 8.2vw, 2.375rem); line-height: 1.16; letter-spacing: -.035em; margin-bottom: 1.25rem; }
  main h2, main .section h2, main .closing h2, main .am-choice h2 {
    font-size: clamp(1.625rem, 7.2vw, 1.875rem); line-height: 1.22; letter-spacing: -.025em; margin-bottom: 1rem;
  }
  main .level-copy h3 { font-size: clamp(1.5rem, 6.5vw, 1.75rem); line-height: 1.25; letter-spacing: -.02em; margin-bottom: 1rem; }
  main h1, main h2, main h3 { text-wrap: balance; overflow-wrap: break-word; }
  main .section { padding-block: 2.5rem; }
  main .section-head { margin-bottom: 1.5rem; }
  main .closing { padding-block: 3rem; }
}