/* International navigation shares the existing Parallax design tokens. */
.international-catalogue{scroll-margin-top:110px}
.international-catalogue h2{font-size:clamp(26px,3vw,40px);margin-bottom:28px}
.international-group{scroll-margin-top:110px;margin-block:28px}
.international-group h3{margin-bottom:16px}
.international-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.international-grid a{display:flex;align-items:center;padding:16px;border:1px solid var(--color-border);border-radius:16px;color:var(--color-text-primary);background:var(--color-bg-secondary);text-decoration:none;overflow-wrap:anywhere;min-height:64px}
.international-grid a:hover{color:var(--color-primary)}
.international-grid a:focus-visible,.international-nav a:focus-visible,.home-language:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}
.international-nav{display:flex;flex-wrap:wrap;gap:12px 24px;padding:24px 0;margin:0 auto;max-width:1200px}
.international-nav a{color:inherit;text-decoration:underline;text-underline-offset:4px}
.home-language[aria-current=page]{box-shadow:inset 0 -2px var(--color-primary)}
html[lang=en] nav .nav-right,html[lang=de] nav .nav-right{gap:8px}
@media(max-width:768px){.international-grid{grid-template-columns:1fr}.international-catalogue{padding:24px 20px}.international-nav{padding:20px}}
