/* B4.4 (0.35.0): das Hologramm im Browser (Unterwegs-Modus), Maße und Farben wie fenster/qml (Bühne 2560 × 1440) */
@font-face{font-family:"Exo 2";src:url(/schrift/exo2-latin.woff2) format("woff2");font-weight:100 900}
@font-face{font-family:"Share Tech Mono";src:url(/schrift/share-tech-mono-latin.woff2) format("woff2")}
:root{--c:#1ec3ff;--l1:rgba(30,195,255,.259);--l2:rgba(30,195,255,.549);--l3:rgba(140,228,255,.949);--txt:#e8f8ff;--txt2:#4fcaf7;
  --txt3:#2a8fbf;--amb:#ffa347;--ok:#bfeeff;--bad:#ff5f74;--halt:#8fa8b0;--grund:#041527;--an:#4dffa6;
  --schrift:"Exo 2";--mono:"Share Tech Mono"}
*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;height:100%;background:var(--grund);overflow:hidden;color:var(--txt);
  font-family:var(--schrift);font-weight:300;font-size:16px;line-height:normal;-webkit-font-smoothing:antialiased}
#buehne{position:absolute;left:0;top:0;width:2560px;height:1440px;transform-origin:0 0;overflow:hidden}
.abs{position:absolute}
.mono{font-family:var(--mono);font-weight:400}
.t{white-space:pre;position:absolute}
.glas{position:absolute}
.glas>svg.g{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}
.glas>.innen{position:absolute;inset:0}
.klick{cursor:pointer}
.nachstart{transition:opacity 1.2s}
body:not(.fertig) .nachstart{opacity:0}
.knopf{position:absolute;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}
.knopf>svg{position:absolute;left:0;top:0}
.knopf>span{position:relative;font-family:var(--mono);white-space:pre}
.ell{overflow:hidden;text-overflow:ellipsis;white-space:pre}
#schwarz{position:absolute;inset:0;background:#000;transition:opacity 1.6s;pointer-events:none}
#ueberspringen{position:absolute;inset:0;cursor:default}
body.fertig #ueberspringen{display:none}
.blk{position:relative}
.flow{display:flex;flex-wrap:wrap}
@keyframes schleier{from{transform:translateY(-200px)}to{transform:translateY(1584px)}}
@keyframes dreh{to{transform:rotate(360deg)}}
@keyframes atmen{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
.klick:hover>svg.g path:nth-of-type(4){stroke:var(--l2)}
#nachricht{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%);font:16px var(--mono);letter-spacing:.2em;
  color:var(--txt2);text-align:center;display:none}
.feld::placeholder{color:#2a8fbf;opacity:1}
.feld:focus{border-color:rgba(140,228,255,0.949)!important}