/* Intro beim Öffnen der Startseite (nur einmal pro Besuch, nicht bei «Bewegung reduzieren») */
html.bx-intro-an,html.bx-intro-an body{overflow:hidden}
html.bx-intro-an .head img[src*="logo"]{opacity:0}
.bx-intro{position:fixed;inset:0;z-index:9999;background:rgb(14,14,15);overflow:hidden;cursor:default}
.bx-intro-box{position:absolute;left:50%;top:44%;translate:-50% -50%;width:min(50vw,640px);aspect-ratio:1000/403.55}
.bx-intro-box svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;will-change:transform}
.bx-intro-rad{z-index:1}
.bx-intro-rauch{position:absolute;left:0;top:0;z-index:2;pointer-events:none}
.bx-intro-schrift{z-index:3;opacity:0;transform-origin:50% 100%}
.bx-intro-spur{position:absolute;z-index:1;left:51.17%;top:163%;width:100vw;height:3px;background:#ff6a00;
  transform-origin:0 50%;opacity:0;box-shadow:0 0 12px rgba(255,106,0,.7)}
.bx-intro-skip{position:absolute;z-index:4;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));
  background:none;border:1px solid rgba(255,255,255,.28);color:rgba(255,255,255,.75);font:600 12px/1 Barlow,sans-serif;
  letter-spacing:.08em;text-transform:uppercase;padding:10px 14px;transform:skewX(-12deg);cursor:pointer}
.bx-intro-skip:hover{color:#fff;border-color:#fff}
@media(max-width:600px){.bx-intro-box{width:80vw;top:42%}}
@media(prefers-reduced-motion:reduce){.bx-intro{display:none}}
/* dunkle Fläche ab dem ersten Bild, bis das Intro läuft; Sicherung: verschwindet nach 6 s auch ohne JavaScript */
html.bx-intro-an:not(.bx-intro-buehne) body::after{content:"";position:fixed;inset:0;z-index:9998;background:rgb(14,14,15);animation:bxWeg .3s 6s forwards}
@keyframes bxWeg{to{opacity:0;visibility:hidden}}
/* Teil 73: Slideshow der Startseite wartet, bis das Intro aufgeht (sonst wäre sie hinter dem Intro schon vorbei) */
html.bx-intro-an:not(.bx-intro-los) .hero-x .hero-bg,html.bx-intro-an:not(.bx-intro-los) .hero-x .hero-kicker,
html.bx-intro-an:not(.bx-intro-los) .hero-title .hl,html.bx-intro-an:not(.bx-intro-los) .hero-x .hero-lead,
html.bx-intro-an:not(.bx-intro-los) .hero-x .btns,html.bx-intro-an:not(.bx-intro-los) .hero-x .hero-rating{animation:none!important;opacity:0}