/* Keep header typography compact across screen sizes. */
.header { --header-type-size: 19px; }
.header .navwrap { max-width: 1440px; min-height: 92px; height: auto; padding: 14px 24px; gap: 10px; }
.header .logo { flex: 0 0 auto; }
.header .logo b,
.header .desktopnav,
.header .language-picker select,
.header .contact-trigger { font-size: var(--header-type-size); }
.header .desktopnav { gap: 12px; white-space: nowrap; }
.header .navtools { gap: 10px; }
.header .language-picker { min-width: 0; min-height: 50px; height: auto; gap: 8px; padding: 0 10px; }
.header .language-picker .icon { width: 18px; height: 18px; }
.header .language-picker select { width: calc(8ch + 26px); max-width: none; padding-inline-end: 18px; }
.header .contact-trigger { min-height: 50px; }
.header .logo:hover em,
.header .logo:focus-visible em { color: inherit; }
.cookies-note { cursor: default; }
.site-header { --header-type-size: 17px; }
.site-header .brand b,
.site-header nav,
.site-header .seo-language-picker select { font-size: var(--header-type-size); }
.site-header nav { gap: 16px; }
.site-header .seo-language-picker { max-width: 180px; }
@media(max-width:1280px) and (min-width:641px) {
  .header .contact-trigger { width: 50px; padding: 10px; }
  .header .contact-trigger>span { display: none; }
}
@media(max-width:1150px) {
  .header { --header-type-size: 16px; }
  .header .navwrap { gap: 12px; }
  .header .desktopnav { gap: 12px; }
}
@media(max-width:1000px) {
  .header .desktopnav { display: none; }
  .header .menutoggle { display: inline-flex; }
  .header .navtools { margin-inline-start: auto; }
}
@media(max-width:780px) {
  .site-header { --header-type-size: 16px; }
}
@media(max-width:640px) {
  .header { --header-type-size: 14px; }
  .header .navwrap { min-height: 78px; padding: 10px 16px; gap: 6px; }
  .header .navtools { gap: 2px; }
  .header .contact-trigger { min-height: 44px; }
  .header .mobilemenu .language-picker { width: 100%; min-height: 48px; }
  .header .mobilemenu .language-picker select { width: 100%; }
}
@media(max-width:360px) {
  .site-header { --header-type-size: 14px; }
}