body.iv-warte .hero .kicker,body.iv-warte .hero .lead,body.iv-warte .hero .acts,
body.iv-warte .hero .meta,body.iv-warte .h1auf .h1z>span,body.iv-warte .quals{animation-play-state:paused!important}
body.iv-warte .hero .kicker::after{animation-play-state:paused!important}
.iv-deck{position:fixed;inset:0;z-index:250;pointer-events:none}
@media(prefers-reduced-motion:reduce){.iv-deck{display:none!important}}

html.iv-gesehen #iv-start{display:none}
body.iv-still .hero .kicker,body.iv-still .hero .lead,body.iv-still .hero .acts,body.iv-still .hero .meta,body.iv-still .h1auf .h1z>span,body.iv-still .quals,body.iv-still .reveal{animation:none!important;opacity:1!important;transform:none!important;transition:none!important}
body.iv-still .hero .kicker::after{animation:none!important;width:min(420px,72%)}
body.iv-still .heroshot::after{animation:none!important;opacity:0}

#iv-start{position:fixed;inset:0;z-index:249;background:#0B1730;pointer-events:none;transition:opacity .6s ease}
#iv-start::after{content:"";position:absolute;inset:18px;border:1px solid #7FA6EE;opacity:.9}
.iv8 .rahmen{position:absolute;inset:18px;border:1px solid #7FA6EE;opacity:.9;transition:opacity .8s ease,transform 1.7s cubic-bezier(.7,0,.12,1)}
.iv8.auf .rahmen{opacity:0;transform:scale(1.4)}

.iv8{position:fixed;inset:0;z-index:250;pointer-events:none}
.iv8 .motiv{position:absolute;inset:0;background-size:cover;background-position:58% 50%;
  transform:scale(1.08);transition:transform 1.9s cubic-bezier(.68,0,.12,1),opacity .9s ease}
.iv8.auf .motiv{transform:scale(1.0)}
.iv8.durch .motiv{transform:scale(1.6);opacity:0;transition:transform 1.5s cubic-bezier(.55,0,.2,1),opacity 1s ease .45s}
.iv8 .deck{position:absolute;inset:0;background:#0B1730;will-change:clip-path;
  transition:clip-path 1.7s cubic-bezier(.7,0,.12,1)}
.iv8 .boden{position:absolute;left:50%;bottom:2vh;width:120vw;height:40vh;transform:translateX(-50%);
  background:radial-gradient(ellipse at 50% 100%,rgba(90,130,220,.30),rgba(90,130,220,.06) 40%,transparent 70%);
  opacity:0;transition:opacity 1.2s ease}
.iv8.stahl .boden{opacity:1}
.iv8.auf .boden{opacity:0}
.iv8 .buehne{position:absolute;inset:0;display:grid;place-items:center;perspective:1500px;perspective-origin:50% 42%}
.iv8 .tuer3d{height:88vh;aspect-ratio:720/1000;transform-style:preserve-3d;transform-origin:11.1% 50%;
  transform:rotateY(-17deg) rotateX(2.5deg);
  transition:transform 2s cubic-bezier(.5,0,.2,1),opacity .9s ease .8s;will-change:transform}
.iv8.stahl .tuer3d{transform:rotateY(-10deg) rotateX(1.5deg)}
.iv8.frontal .tuer3d{transform:rotateY(0deg) rotateX(0deg);transition:transform 1s cubic-bezier(.5,0,.15,1)}
.iv8.auf .tuer3d{transform:rotateY(-96deg) rotateX(0deg) translateZ(30px);opacity:0;
  transition:transform 1.7s cubic-bezier(.7,0,.12,1),opacity .8s ease .9s}
.iv8 svg.riss{width:100%;height:100%;overflow:visible;display:block}
.iv8 .l{fill:none;stroke:#7FA6EE;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round;
  stroke-dasharray:var(--l);stroke-dashoffset:var(--l);animation:iv8z 1.1s cubic-bezier(.6,0,.2,1) forwards}
.iv8 .d{fill:none;stroke:#4E74B4;stroke-width:1.2;stroke-dasharray:6 5;opacity:0;animation:iv8a .6s ease forwards}
.iv8 .m{fill:none;stroke:#42618F;stroke-width:1;stroke-dasharray:var(--l);stroke-dashoffset:var(--l);animation:iv8z .8s ease forwards}
.iv8 .n{fill:none;stroke:#8FA9D4;stroke-width:1.1;stroke-dasharray:var(--l);stroke-dashoffset:var(--l);animation:iv8z .9s ease forwards}
.iv8 .p{fill:#7FA6EE;opacity:0;animation:iv8a .5s ease forwards}
.iv8 .r{fill:#E8324C;opacity:0;animation:iv8a .5s ease forwards}
.iv8 text{fill:#8FA9D4;font:500 13px/1 "IBM Plex Mono",monospace;letter-spacing:.12em;opacity:0;animation:iv8a .7s ease forwards}
.iv8 text.gross{fill:#F2F5FA;font-size:15px;letter-spacing:.3em}
.iv8 text.rot{fill:#FF6B7F}
@keyframes iv8z{to{stroke-dashoffset:0}}
@keyframes iv8a{to{opacity:1}}
/* Stahl: das Blatt wird zur roten Tuer */
.iv8 .blech{fill:url(#iv8rot);opacity:0;transition:opacity 1.1s ease}
.iv8 .glanzblech{fill:url(#iv8glanz);opacity:0;transition:opacity 1.1s ease .2s}
.iv8 .kante{fill:url(#iv8kante);opacity:0;transition:opacity 1.1s ease}
.iv8 .schatten{fill:rgba(0,0,0,.45);opacity:0;transition:opacity 1.1s ease}
.iv8.stahl .blech{opacity:.94}
.iv8.stahl .glanzblech{opacity:1}
.iv8.stahl .kante{opacity:1}
.iv8.stahl .schatten{opacity:1}
.iv8.stahl .l{stroke:#DCE6F8;stroke-width:1.6;transition:stroke 1s ease}
.iv8.stahl .d{stroke:rgba(255,255,255,.45);transition:stroke 1s ease}
.iv8.stahl .p{fill:#FF4D66;transition:fill 1s ease}
.iv8.stahl .m,.iv8.stahl .n{stroke:#FF6B7F;transition:stroke 1s ease}
.iv8.stahl text{fill:#FF8A9A;transition:fill 1s ease}
.iv8.stahl text.gross{fill:#F2F5FA}
/* Emblem: Cleff-Raute auf dem Tuerblatt */
.iv8 .emblem .kontur{fill:none;stroke:#7FA6EE;stroke-width:8.5;stroke-linejoin:miter;stroke-miterlimit:10;
  stroke-dasharray:var(--l);stroke-dashoffset:var(--l)}
.iv8.stahl .emblem .kontur{animation:iv8z 1s cubic-bezier(.58,0,.18,1) .25s forwards;stroke:#F7F9FD}
.iv8 .emblem .quer{stroke:#F7F9FD;stroke-width:4.6;transform:scaleX(0);transform-origin:190px center}
.iv8.stahl .emblem .quer{animation:iv8quer .7s cubic-bezier(.5,0,.15,1) 1.05s forwards}
@keyframes iv8quer{to{transform:scaleX(1)}}
.iv8 .emblem .wort{fill:#fff;opacity:0}
.iv8.stahl .emblem .wort{animation:iv8a .8s ease 1.3s forwards}
.iv8 .emblem{filter:drop-shadow(0 0 0 rgba(255,255,255,0));transition:filter .6s ease}
.iv8.schluessel .emblem{filter:drop-shadow(0 0 14px rgba(255,255,255,.85))}
.iv8.schluessel .zylinder{stroke:#FF4D66;filter:drop-shadow(0 0 10px rgba(255,77,102,.9))}
.iv8 .zylinder{transition:stroke .4s ease,filter .4s ease}
/* Glas */
.iv8 .glas{position:absolute;pointer-events:none;opacity:0;transition:opacity .9s ease;
  background:linear-gradient(118deg,rgba(214,230,255,.32) 0%,rgba(214,230,255,.06) 26%,transparent 46%),
             linear-gradient(118deg,transparent 60%,rgba(214,230,255,.18) 78%,transparent 90%)}
.iv8.scheibe .glas{opacity:1}
.iv8.auf .glas{opacity:0}
.iv8 .lichtsaum{position:absolute;pointer-events:none;opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,.75),0 0 40px rgba(255,120,140,.55);
  transition:opacity .5s ease}
.iv8 .lichtsaum{}
.iv8.scheibe .lichtsaum{opacity:1}
.iv8.auf .lichtsaum{opacity:0}
.heroshot.iv8z img{transition:transform 2.2s cubic-bezier(.62,0,.12,1)!important}