@font-face {
  font-family: Inter;
  src: url("assets/inter-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  font-family: Inter, Helvetica, sans-serif;
  color: #000;
  background: #fff;
  font-synthesis: none;
  letter-spacing: 0;
  --panel: #fff;
  --scroll-track: #dedede;
  --scroll-thumb: #8c8c8c;
}

* { box-sizing: border-box; }
body { margin: 0; }
a { color: inherit; }
a:focus-visible, [tabindex]:focus-visible { outline: 3px solid #a8212b; outline-offset: 5px; }
[hidden] { display: none !important; }
.skip-link { position: fixed; left: 16px; top: -100px; z-index: 10; padding: 12px 18px; background: #fff; }
.skip-link:focus { top: 12px; }
.home { min-height: 100svh; }
.backdrop { position: fixed; inset: 0; z-index: -1; overflow: hidden; }
.backdrop img { position: absolute; top: 0; left: -0.01%; width: 100.01%; height: auto; min-height: 100%; object-fit: cover; object-position: center top; }
.site-header { position: relative; z-index: 1; display: flex; align-items: flex-start; justify-content: space-between; padding: 5.648vh 3.9583% 0 5.8333%; }
.language-nav { display: flex; align-items: center; padding-top: 8px; font-size: 20px; line-height: 1.4; }
.language-nav a { display: inline-flex; align-items: center; min-height: 36px; text-decoration: none; }
.language-nav a[aria-current="page"] { font-weight: 700; }
.language-nav a:hover { text-decoration: underline; text-underline-offset: 4px; }
.brand { display: block; width: 210px; max-width: 35%; }
.brand img { display: block; width: 100%; height: auto; }
.home-main { display: grid; grid-template-columns: minmax(360px, 512fr) minmax(0, 1130fr); gap: 1.85%; align-items: center; margin: max(64px, calc(25vh - 5.648vh - 55px)) 4.6875% 0 8.1771%; }
.announcement { height: 62.963vh; min-height: 320px; overflow-y: auto; scrollbar-gutter: stable; scrollbar-color: var(--scroll-thumb) var(--scroll-track); background: var(--panel); border-radius: 20px; padding: 45px 31px 45px 42px; font-size: 18px; line-height: 1.22; }
.announcement::-webkit-scrollbar { width: 26px; }
.announcement::-webkit-scrollbar-track { background: var(--scroll-track); border-radius: 0 20px 20px 0; }
.announcement::-webkit-scrollbar-thumb { background: var(--scroll-thumb); border: 5px solid var(--scroll-track); border-radius: 10px; }
.announcement h1 { font-size: 20px; line-height: 1.21; font-weight: 700; margin: 0 0 24px; }
.announcement p { margin: 0 0 22px; }
.announcement .joined { margin-bottom: 0; }
.announcement .signature { margin-bottom: 0; }
.announcement [lang="en"] { font-size: 20px; }
.hero-wordmark { position: relative; width: 100%; aspect-ratio: 1130 / 294; transform: translateY(11px); mix-blend-mode: multiply; }
.hero-wordmark img { position: absolute; top: 4.08%; left: 4.09%; width: 91.82%; height: 91.84%; }
html[lang="en"] .hero-wordmark { transform: translate(2.56%, 0); }
.site-footer { padding: 5.55vh 3.1771% 30px; font-size: 20px; font-weight: 700; }
.site-footer nav { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 24px; }
.site-footer a { text-decoration: none; padding: 4px 0; }
.site-footer a:hover { text-decoration: underline; text-underline-offset: 4px; }
.home .site-footer { color: #fff; }
.legal-main { margin: 32px 9.3229% 80px 10.8854%; font-size: 20px; line-height: 1.3; overflow-wrap: anywhere; }
.legal-main h1, .legal-main h2 { font-size: 40px; line-height: 1.2; margin: 0; }
.legal-main p { margin: 0 0 24px; }
.legal-main address { font-style: normal; margin-bottom: 24px; }
.legal-main h2 { margin-top: 24px; }
.legal-main .back-link { display: inline-block; margin-top: 36px; font-size: 18px; }
.imprint .legal-main { margin-top: 104px; }
.imprint .legal-main h1 { margin-bottom: 16px; }
.imprint .legal-main h2 { font-size: 24px; margin: 28px 0 8px; }

@media (min-width: 1800px) {
  .announcement { padding-top: 49px; }
}

@media (max-width: 1100px) {
  .home-main { grid-template-columns: minmax(340px, 1fr) minmax(0, 1fr); margin-left: 6%; margin-right: 4%; gap: 3%; }
  .announcement { padding: 30px 24px 30px 30px; }
}

@media (max-width: 700px) {
  .site-header { padding: 28px 24px 0; align-items: center; }
  .language-nav { padding: 0; font-size: 18px; }
  .brand { width: 155px; max-width: 48%; }
  .backdrop img { width: auto; height: 160%; min-width: 100%; left: 50%; transform: translateX(-50%); }
  .home-main { display: flex; flex-direction: column; gap: 32px; margin: 48px 24px 0; }
  .hero-wordmark { display: none; }
  .announcement { width: 100%; height: auto; min-height: 0; max-height: none; overflow: visible; border-radius: 20px; padding: 30px 26px; line-height: 1.45; }
  .announcement h1 { line-height: 1.35; }
  .announcement [lang="en"] { font-size: 18px; }
  .site-footer { padding: 32px 24px; font-size: 16px; }
  .site-footer nav { gap: 24px; }
  .legal-main, .imprint .legal-main { margin: 60px 24px 48px; font-size: 17px; line-height: 1.5; }
  .legal-main h1, .legal-main h2 { font-size: 28px; line-height: 1.2; }
}

@media print {
  .backdrop, .language-nav, .hero-wordmark, .site-footer, .skip-link, .back-link { display: none; }
  .site-header { padding: 0 0 24px; justify-content: flex-end; }
  .home-main { display: block; margin: 0; }
  .announcement { height: auto; overflow: visible; padding: 0; }
  .legal-main, .imprint .legal-main { margin: 0; }
}