@import url("header-fixed.css");

/* Zusätzliche Optimierung für schmale Hochkant-Bildschirme */
@media (max-width: 760px) {
  .site-header { background: linear-gradient(180deg, rgba(13,20,18,.78), rgba(13,20,18,.36)); }
  .header-inner { gap: .25rem; }
  .site-header nav { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start !important; gap: 0; padding-bottom: .55rem; }
  .site-header nav > a { font-size: .62rem; padding: .5rem .75rem .42rem 0; }
  .language-switcher { flex-basis: 100%; margin: .2rem 0 0 !important; padding-top: .48rem; border-top: 1px solid rgba(255,255,255,.28); justify-content: flex-start; }
  .language-switcher a { font-size: .61rem !important; padding: .22rem .38rem; }
  .hero { min-height: 720px; height: 100svh; max-height: none; }
  .hero-copy { bottom: 7%; }
  .hero-copy > p:not(.eyebrow) { max-width: 34ch; font-size: 1rem; margin-bottom: 1.45rem; }
  h1 { font-size: clamp(3.15rem, 16vw, 4.25rem); margin-bottom: 1rem; }
}