/* Translation fit only; approved layout, palette and imagery are unchanged. */
html[lang="de"] .site-nav{gap:clamp(.6rem,1vw,1rem)}
html[lang="de"] .institution-card :is(a,h2,h3),html[lang="de"] .country-contact :is(a,h2){overflow-wrap:anywhere}
@media(min-width:761px) and (max-width:1600px){
html[lang="de"] .site-header{flex-wrap:wrap;gap:.5rem 1rem}
html[lang="de"] .site-nav{display:none}
html[lang="de"] .mobile-menu{display:block;margin-left:auto}
html[lang="de"] .mobile-menu summary{min-height:44px;display:flex;align-items:center;padding:.5rem .7rem;cursor:pointer;color:var(--paper);border:1px solid #888074;border-radius:3px;font:700 .86rem var(--ui);list-style:none}
html[lang="de"] .mobile-menu summary::after{content:'+';margin-left:.75rem;font-size:1.15rem}
html[lang="de"] .mobile-menu[open] summary::after{content:'−'}
html[lang="de"] .mobile-menu nav{position:absolute;left:0;right:0;top:100%;padding:.6rem 1rem 1rem;color:white;background:var(--ink);box-shadow:0 8px 12px #0003}
html[lang="de"] .mobile-menu a{padding:.8rem;min-height:48px}
}
@media(min-width:1601px){html[lang="de"] .site-header{padding-inline:max(1.25rem,calc((100vw - 1600px)/2))}}