/* Only loaded on the homepage. Without JavaScript the complete page is visible. */
:root { --iais-brand-intro-ready: 1; scrollbar-gutter: stable; }
html[data-brand-intro] { overflow: hidden; }
html[data-brand-intro="pending"] .site-header,
html[data-brand-intro="pending"] #inhalt,
html[data-brand-intro="pending"] .site-footer,
html[data-brand-intro="pending"] .skip-link { visibility: hidden; }
.brand-intro[hidden] { display: none; }
.brand-intro__label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.brand-intro__veil { position: fixed; inset: 0; z-index: 1000; background: var(--white); }
.brand-intro__flight { position: fixed; inset: 0; z-index: 1001; pointer-events: none; }
.brand-intro__item { position: fixed; left: 0; top: 0; margin: 0; padding: 0; transform-origin: 0 0; will-change: transform; pointer-events: none; }
.brand-intro__ink { display: block; margin: 0; padding: 0; transform-origin: 0 0; }
@media (max-width: 40rem) {
  .brand-intro__tag-line { display: block; }
}
@media print {
  html[data-brand-intro] { overflow: visible; }
  .brand-intro { display: none !important; }
  html[data-brand-intro="pending"] .site-header,
  html[data-brand-intro="pending"] #inhalt,
  html[data-brand-intro="pending"] .site-footer,
  html[data-brand-intro="pending"] .skip-link { visibility: visible; }
}

/* Full-screen, non-interactive intro. The original header lockup animation is retained. */
.brand-intro{position:fixed;inset:0;z-index:1000;overflow:hidden;outline:none;touch-action:none;cursor:default}
.brand-intro__veil{z-index:0}.brand-intro__flight{z-index:1}
html[data-brand-intro="active"] .skip-link{visibility:hidden}
@media(prefers-reduced-motion:reduce){.brand-intro__item{will-change:auto}}