/* ao-logo-intro.css — Bühne + Website-Overlay für das Ackermann-Online-Logo-Intro */
.ao-intro {
  position: relative;
  overflow: hidden;
  background: #000;               /* L1: reines Schwarz, keine Vignette */
  --ao-white: #fff;
  --ao-blue: #00abd7;
}
.ao-intro--transparent { background: transparent; }
.ao-intro__canvas { position: absolute; inset: 0; display: block; }
.ao-intro__logo { position: absolute; visibility: hidden; pointer-events: none; }
.ao-intro__logo svg { display: block; width: 100%; height: 100%; overflow: visible; }
.ao-intro__logo #ao-icon, .ao-intro__logo #ao-wm, .ao-intro__logo #ao-sub { opacity: 0; }

/* Startseiten-Overlay (C1, Web-Variante) */
.ao-intro-overlay {
  position: fixed; inset: 0; z-index: 2147483000;
  background: #000;
  opacity: 1;
  transition: opacity .4s ease;    /* O-9: 400 ms Fade */
}
.ao-intro-overlay.is-done { opacity: 0; pointer-events: none; }
.ao-intro-overlay__stage { position: absolute; inset: 0; }
.ao-intro-overlay__skip {
  position: absolute; right: 24px; bottom: 20px;
  font: 500 12px/1 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  letter-spacing: .12em; text-transform: uppercase;
  color: rgba(255,255,255,.55); background: transparent;
  border: 1px solid rgba(255,255,255,.25); border-radius: 999px;
  padding: 10px 16px; cursor: pointer;
}
.ao-intro-overlay__skip:hover, .ao-intro-overlay__skip:focus-visible { color: #fff; border-color: rgba(255,255,255,.7); outline: none; }
html.ao-intro-active { overflow: hidden; }

@media (prefers-reduced-motion: reduce) {
  .ao-intro-overlay { display: none; }
}