/* ===== Fertigung: „Ein Tag in der Halle“ ==================================
   Eigenständiger Block für fertigung.html (Claude Code, 14.09.2026), Präfix sz-.
   Links die Halle mit Maschine und Figur, rechts das Fenster mit dem nachgebauten SiegelAI-Programm (sz-p-).
   Gesteuert über data-szene, data-schritt (1..6), data-geraet (nur Figur) und data-maschine
   (laeuft|alarm|wartung) am Wurzelelement #szene-buehne. Farben aus stil.css.
   ======================================================================== */

.sz{margin-top:36px;}
.sz .sz-buehne{scroll-margin-top:80px;}

/* --- Szenenleiste (vier Beispiele) ----------------------------------------- */
.sz-szenen{
  list-style:none;margin:0 0 16px;padding:4px 2px 8px;display:flex;gap:8px;overflow-x:auto;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;
}
.sz-szenen::-webkit-scrollbar{display:none;}
.sz-szenen li{flex:1 0 auto;min-width:118px;scroll-snap-align:center;}
.sz-szenen button{
  width:100%;text-align:left;cursor:pointer;background:#fff;border:1px solid var(--line);border-radius:14px;
  padding:9px 12px 10px;font-family:var(--f);color:var(--sub);transition:border-color .2s,color .2s,box-shadow .2s;
  display:flex;flex-direction:column;gap:2px;
}
.sz-szenen button:hover{border-color:var(--aline);}
.sz-szenen button:focus-visible{outline:2px solid var(--akzent);outline-offset:2px;}
.sz-szenen .sz-sz-uhr{font-family:var(--fm);font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--akzent);}
.sz-szenen .sz-sz-kurz{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;}
.sz-szenen .sz-sz-rolle{font-size:11px;color:var(--sub);white-space:nowrap;}
.sz-szenen li.an button{border-color:var(--akzent);box-shadow:0 4px 16px rgba(217,119,6,.16);}
.sz-szenen li.an .sz-sz-uhr{color:var(--akzent);}
/* Ab 900 px: die vier Szenen in einer Reihe; auf schmalen Bildschirmen seitlich wischen. */
@media(min-width:900px){
  .sz-szenen{flex-wrap:wrap;overflow:visible;scroll-snap-type:none;row-gap:8px;}
  .sz-szenen li{flex:1 1 calc(25% - 6px);min-width:0;}
}

/* --- Bühne --------------------------------------------------------------- */
.sz-buehne{
  position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(18px,3vw,40px);
  align-items:center;padding:clamp(56px,6vw,64px) clamp(20px,3.4vw,40px) clamp(20px,3.4vw,36px);border-radius:24px;
  background:linear-gradient(180deg,#2a2a35 0%,#1d1d24 100%);
  box-shadow:0 24px 60px rgba(29,29,31,.22),0 2px 6px rgba(29,29,31,.12);
  overflow:hidden;min-height:420px;
}
.sz-leiste{
  position:absolute;top:16px;left:22px;right:22px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  color:rgba(255,255,255,.62);font-family:var(--fm);font-size:11.5px;letter-spacing:.04em;z-index:2;
}
.sz-leiste .sz-lampe{width:8px;height:8px;border-radius:50%;background:var(--ok);flex:none;transition:background .4s;}
.sz-leiste .sz-uhr{color:#fff;}
.sz-leiste .sz-rolle{margin-left:auto;color:rgba(255,255,255,.5);}
.sz[data-maschine="alarm"] .sz-leiste .sz-lampe{background:#e0553c;animation:sz-blink 1s steps(1) infinite;}
.sz[data-maschine="wartung"] .sz-leiste .sz-lampe{background:#f5b323;}

/* --- Halle: Maschine + Person ------------------------------------------- */
.sz-halle{position:relative;width:100%;max-width:480px;margin:0 auto;}
.sz-maschine{display:block;width:100%;height:auto;}
.sz-maschine .m-korpus{fill:#3a3a46;}
.sz-maschine .m-kante{fill:#4a4a58;}
.sz-maschine .m-tuer{fill:#8fb3c9;fill-opacity:.22;stroke:rgba(255,255,255,.28);stroke-width:1.5;}
.sz-maschine .m-rahmen{fill:none;stroke:rgba(255,255,255,.35);stroke-width:1.5;}
.sz-maschine .m-boden{fill:#15151b;}
.sz-maschine .m-fuss{fill:#26262f;}
.sz-maschine .m-panel{fill:#2b2b34;stroke:rgba(255,255,255,.18);stroke-width:1;}
.sz-maschine .m-schirm{fill:#0f1a12;}
.sz-maschine .m-schirm-text{font-family:var(--fm);font-size:8px;fill:#7ee2a2;letter-spacing:.04em;opacity:0;transition:opacity .3s;}
.sz-maschine .m-schirm-text.alarm{fill:#ff8a73;}
.sz-maschine .m-schirm-text.wartung{fill:#f5b323;}
.sz-maschine .m-taste{fill:#4a4a58;}
.sz-maschine .m-taste.rot{fill:#c8412a;}
.sz-maschine .m-spindel{fill:#c9ccd6;}
.sz-maschine .m-werkzeug{fill:#e9eaef;transform-box:view-box;transform-origin:120px 118px;animation:sz-drehen 1.1s linear infinite;}
.sz-maschine .m-span{fill:var(--akzent3,#f59e0b);opacity:.9;animation:sz-span 1.1s linear infinite;}
.sz-maschine .m-span.b{animation-delay:.35s;}
.sz-maschine .m-span.c{animation-delay:.7s;}
.sz-maschine .m-werkstueck{fill:#8a8f9e;}
.sz-maschine .m-saeule{fill:#2b2b34;stroke:rgba(255,255,255,.18);}
.sz-maschine .m-licht{transition:opacity .35s;opacity:.22;}
.sz-maschine .m-licht.rot{fill:#e0553c;}
.sz-maschine .m-licht.gelb{fill:#f5b323;}
.sz-maschine .m-licht.gruen{fill:#3fbf7f;}
.sz-maschine .m-schein{transition:opacity .35s;opacity:0;}
.sz-maschine .m-schein.gruen{fill:#3fbf7f;}
.sz-maschine .m-schein.rot{fill:#e0553c;}
.sz-maschine .m-schein.gelb{fill:#f5b323;}

.sz[data-maschine="laeuft"] .m-licht.gruen{opacity:1;}
.sz[data-maschine="laeuft"] .m-schein.gruen{opacity:.28;}
.sz[data-maschine="laeuft"] .m-schirm-text.laeuft{opacity:1;}
.sz[data-maschine="alarm"] .m-werkzeug,.sz[data-maschine="wartung"] .m-werkzeug{animation-play-state:paused;}
.sz[data-maschine="alarm"] .m-span,.sz[data-maschine="wartung"] .m-span{opacity:0;animation:none;}
.sz[data-maschine="alarm"] .m-licht.rot{opacity:1;animation:sz-blink 1s steps(1) infinite;}
.sz[data-maschine="alarm"] .m-schein.rot{opacity:.3;animation:sz-blink 1s steps(1) infinite;}
.sz[data-maschine="alarm"] .m-schirm-text.alarm{opacity:1;}
.sz[data-maschine="wartung"] .m-licht.gelb{opacity:1;}
.sz[data-maschine="wartung"] .m-schein.gelb{opacity:.28;}
.sz[data-maschine="wartung"] .m-schirm-text.wartung{opacity:1;}

/* Ergebnis über der Maschine (Schritt 5) */
.sz-ergebnis{
  position:absolute;left:50%;top:0;z-index:3;display:inline-flex;align-items:center;gap:8px;
  padding:6px 14px 6px 7px;border-radius:100px;background:#fff;color:var(--ok);
  font-family:var(--f);font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 10px 30px rgba(0,0,0,.35);
  opacity:0;transform:translate(-50%,-6px);transition:opacity .35s ease,transform .35s ease;pointer-events:none;
}
.sz-ergebnis.sichtbar{opacity:1;transform:translate(-50%,0);}
.sz-ergebnis b{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--ok);color:#fff;font-size:11px;}

/* --- Fenster mit dem SiegelAI-Programm ------------------------------------ */
/* Gerhard, 14.09.2026: Das Fenster bleibt weiß, mit runden Ecken und ohne Rahmen. Innen steht das Programm
   wie auf den anderen Seiten (Vorbild app-fenster.css und sp-programm in stil.css): Seitenleiste mit Chats und
   Konto, Kopf mit „Läuft im Haus“, Verlauf mit Sie/SiegelAI, blaue Quellenknöpfe, „Belegt aus“, Eingabe mit
   Vorlagen, Buch für die Wissensdatenbank, Büroklammer, Senden, gewählte Datenbank unter dem Feld, Fußzeile.
   Eigene Nachbildung in px, damit Antwort und Quelle lesbar bleiben; app-fenster.css bleibt unberührt. */
.sz-geraet{position:relative;z-index:2;display:flex;justify-content:center;container-type:inline-size;}
.sz-p{
  position:relative;display:flex;width:100%;height:480px;background:#fff;border-radius:20px;overflow:hidden;
  box-shadow:0 18px 44px rgba(0,0,0,.45);font-family:var(--f);color:var(--ink);text-align:left;line-height:1.4;
}

/* Seitenleiste */
.sz-p-seite{
  display:flex;flex-direction:column;flex:none;width:24%;min-width:120px;max-width:170px;min-height:0;
  background:var(--bg2);border-right:1px solid var(--line2);padding:12px 9px 10px;
}
.sz-p-marke{display:flex;align-items:center;gap:8px;padding:2px 6px 11px;font-size:13px;font-weight:600;white-space:nowrap;}
.sz-p-marke img{width:20px;height:20px;border-radius:22%;flex:none;}
.sz-p-neu{font-family:inherit;font-size:11.5px;font-weight:500;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 9px;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;}
.sz-p-neu:focus-visible{outline:2px solid #007aff;outline-offset:2px;}
.sz-gedanke{position:absolute;z-index:5;top:0;left:0;transform:translateY(5px);width:min(270px,94%);padding:13px 16px;border-radius:25px;background:#fff;color:#252733;border:1px solid #e2e4e9;box-shadow:0 6px 20px #0002;opacity:0;visibility:hidden;transition:opacity .3s,transform .3s,visibility .3s;font:13px/1.4 var(--f);pointer-events:none;}
.sz-gedanke::after,.sz-gedanke::before{content:"";position:absolute;border-radius:50%;background:#fff;border:1px solid #e2e4e9;}
.sz-gedanke::after{width:11px;height:9px;bottom:-10px;left:calc(var(--sz-gedanke-spitze,50%) - 9px);}
.sz-gedanke::before{width:6px;height:5px;bottom:-17px;left:calc(var(--sz-gedanke-spitze,50%) - 3px);}
.sz-gedanke-name{display:block;font-size:10px;color:#9b651d;font-weight:700;margin-bottom:4px;}
.sz-gedanke-text{display:block;}
.sz[data-gedanke] .sz-gedanke{opacity:1;visibility:visible;transform:translateY(0);}
.sz-p-chats{display:flex;flex-direction:column;gap:1px;min-height:0;overflow:hidden;}
.sz-p-gruppe{font-family:var(--fm);font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:var(--sub);padding:9px 7px 4px;}
.sz-p-eintrag{font-size:11px;color:var(--body);padding:6px 8px;border-radius:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sz-p-eintrag.an{background:#fff;color:var(--ink);font-weight:500;box-shadow:0 1px 2px rgba(0,0,0,.06);}
.sz-p-eintrag.neu{animation:sz-rein .35s ease both;}
.sz-p-konto{margin-top:auto;display:flex;align-items:center;gap:7px;padding:10px 5px 0;border-top:1px solid var(--line);font-size:11px;color:var(--sub);min-width:0;}
.sz-p-konto .sz-p-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sz-p-kreis{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#5AC8FA,#007AFF);color:#fff;font-size:8.5px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none;}

/* Hauptbereich */
.sz-p-haupt{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;}
.sz-p-kopf{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line2);flex:none;}
.sz-p-kopf-links{display:flex;align-items:center;gap:8px;min-width:0;}
.sz-p-menue{display:none;align-items:center;flex:none;}
.sz-p-menue svg{width:18px;height:18px;display:block;}
.sz-p-kopf-logo{display:none;width:20px;height:20px;border-radius:22%;flex:none;}
.sz-p-titel{font-size:13px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sz-p-status{display:flex;align-items:center;gap:6px;flex:none;font-family:var(--fm);font-size:10px;color:var(--sub);background:var(--bg2);padding:3px 9px;border-radius:8px;white-space:nowrap;}

/* Verlauf: neueste Nachricht unten, ältere laufen oben aus dem Bild */
.sz-p-verlauf{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:12px 16px;}
.sz-p-msg{display:flex;gap:10px;flex:none;}
.sz-p-msg.neu{animation:sz-rein .4s ease both;}
.sz-p-avatar{width:24px;height:24px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;}
.sz-p-avatar.ich{background:linear-gradient(135deg,#5AC8FA,#007AFF);color:#fff;}
.sz-p-avatar.ki{background:var(--bg2);border-radius:22%;overflow:hidden;}
.sz-p-avatar.ki img{width:100%;height:100%;display:block;border-radius:22%;}
.sz-p-koerper{flex:1;min-width:0;}
.sz-p-rolle{font-size:10.5px;font-weight:600;color:var(--sub);margin-bottom:2px;}
.sz-p-text{font-size:12.5px;line-height:1.55;color:var(--ink);}
.sz-p-text strong{font-weight:600;}
.sz-p-text ol{margin:4px 0 2px 18px;padding:0;}
.sz-p-text li{margin:1px 0;}
.sz-p-text .mono{font-size:11.5px;}
/* Quellenknopf am belegten Satz, blau wie im Programm */
.sz-p-q{
  display:inline-block;padding:1px 6px;border-radius:100px;vertical-align:1px;cursor:pointer;
  background:linear-gradient(180deg,#4da6ff,#007AFF);color:#fff;font-size:9.5px;font-weight:600;line-height:1.45;
  white-space:nowrap;box-shadow:0 1px 3px rgba(0,122,255,.25);transition:transform .12s ease,box-shadow .12s ease;
}
.sz-p-q.gedrueckt{transform:scale(.86);box-shadow:0 0 0 4px rgba(0,122,255,.22);}
.sz-p-beleg{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:8px;padding:6px 9px;border-radius:8px;font-size:10px;line-height:1.45;background:var(--belegt-bg);border:1px solid var(--belegt-line);color:var(--belegt);}
.sz-p-beleg svg{width:12px;height:12px;flex:none;}
.sz-p-beleg-titel{font-weight:700;}
.sz-p-stelle{font-size:9.5px;font-weight:600;color:inherit;background:rgba(255,255,255,.75);border:1px solid currentColor;border-radius:6px;padding:1px 7px;cursor:pointer;}
.sz-p-stelle.haus{background:var(--haus-bg);border-color:var(--haus-line);color:var(--haus);}
.sz-p-msg.antwort-neu .sz-p-text{animation:sz-rein .35s ease both;}
.sz-p-msg.antwort-neu .sz-p-q{animation:sz-knopf .3s ease .45s both;}
.sz-p-msg.antwort-neu .sz-p-beleg{animation:sz-rein .35s ease .7s both;}
.sz-p-punkte{display:flex;gap:4px;padding:6px 0;}
.sz-p-punkte i{width:6px;height:6px;border-radius:50%;background:var(--sub);animation:sz-tippen 1.4s infinite;}
.sz-p-punkte i:nth-child(2){animation-delay:.2s;}
.sz-p-punkte i:nth-child(3){animation-delay:.4s;}

/* Eingabe */
.sz-p-eingabe{flex:none;padding:6px 14px 10px;}
.sz-p-vorlagen{display:flex;align-items:center;gap:4px;margin-bottom:5px;}
.sz-p-vorlagen span{padding:2px 7px;border-radius:100px;background:rgba(0,0,0,.05);color:var(--sub);font-size:9px;font-weight:600;line-height:1.4;white-space:nowrap;}
.sz-p-zeile{display:flex;align-items:center;gap:9px;background:var(--bg2);border:1px solid transparent;border-radius:13px;padding:8px 11px;transition:border-color .2s,background .2s,box-shadow .2s;}
.sz-p-zeile.aktiv{background:#fff;border-color:var(--aline);box-shadow:0 0 0 3px var(--afaint);}
.sz-p-werkzeuge{display:flex;align-items:center;gap:7px;flex:none;color:var(--sub);}
.sz-p-werkzeuge svg{width:16px;height:16px;display:block;opacity:.45;transition:opacity .2s,color .2s;}
.sz-p-buch{display:flex;}
.sz-p-buch.an svg{opacity:1;color:var(--akzent2);}
.sz-p-feld{flex:1;min-width:0;font-size:12.5px;line-height:1.35;color:var(--ink);max-height:4.05em;overflow:hidden;}
.sz-p-platz{color:var(--sub);}
.sz-p-feld.voll .sz-p-platz{display:none;}
.sz-p-caret{display:none;width:1px;height:1.05em;background:var(--ink);margin-left:1px;vertical-align:-2px;animation:sz-cursor .9s steps(1) infinite;}
.sz-p-feld.voll .sz-p-caret{display:inline-block;}
.sz-p-senden{width:26px;height:26px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#4da6ff,#007AFF);box-shadow:0 2px 6px rgba(0,122,255,.25);transition:transform .12s ease;}
.sz-p-senden svg{width:13px;height:13px;display:block;}
.sz-p-senden.gedrueckt{transform:scale(.86);}
.sz-p-quelle{display:flex;align-items:center;gap:6px;padding:6px 10px 0;font-size:10.5px;color:#007AFF;white-space:nowrap;overflow:hidden;visibility:hidden;opacity:0;transition:opacity .25s ease;}
.sz-p-quelle.sichtbar{visibility:visible;opacity:1;}
.sz-p-quelle svg{width:12px;height:12px;flex:none;}
.sz-p-quelle-text{overflow:hidden;text-overflow:ellipsis;}
.sz-p-quelle i{font-style:normal;font-size:.85em;padding:.05em .4em;background:rgba(0,122,255,.1);border-radius:.3em;}
.sz-p-quelle-weg{opacity:.55;font-size:9.5px;flex:none;}
.sz-p-fuss{display:flex;justify-content:space-between;gap:10px;padding:5px 3px 0;font-family:var(--fm);font-size:9.5px;color:var(--sub);white-space:nowrap;}
.sz-p-fuss span:last-child{overflow:hidden;text-overflow:ellipsis;}

/* Wahl der Wissensdatenbank, über dem Chat wie in der Anwendung */
.sz-p-wissen{
  position:absolute;top:50%;left:50%;z-index:6;width:min(280px,90%);padding:14px 14px;
  background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 10px 40px rgba(0,0,0,.18);
  opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.96);transition:opacity .22s ease,transform .22s ease;
}
.sz-p-wissen.auf{opacity:1;transform:translate(-50%,-50%) scale(1);}
.sz-p-wissen-kopf{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;font-weight:700;margin-bottom:10px;}
.sz-p-wissen-kopf span{font-weight:400;font-size:11px;color:var(--sub);}
.sz-p-wissen-liste{display:flex;flex-direction:column;gap:6px;}
.sz-p-wissen-eintrag{display:block;padding:7px 9px;border:1px solid var(--line);border-radius:9px;font-size:11px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .2s,border-color .2s;}
.sz-p-wissen-eintrag i{display:inline-block;font-style:normal;background:#007AFF;color:#fff;font-size:8px;font-weight:700;padding:1px 5px;border-radius:3px;margin:0 4px;vertical-align:1px;}
.sz-p-wissen-eintrag em{font-style:normal;color:var(--sub);}
.sz-p-wissen-eintrag.gewaehlt{background:var(--afaint);border-color:var(--aline);}

/* Vorschau des Originals mit markierter Stelle */
.sz-p-dok{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;background:#e9e9ee;transform:translateX(102%);transition:transform .45s cubic-bezier(.3,.7,.2,1);}
.sz-p-dok.auf{transform:none;}
.sz-p-dok-leiste{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#fff;border-bottom:1px solid var(--line2);font-size:12px;flex:none;}
.sz-p-pdf{flex:none;font-family:var(--fm);font-size:8px;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:4px;padding:3px 5px;}
.sz-p-dok-name{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sz-p-dok-nr{font-family:var(--fm);font-size:10px;color:var(--sub);white-space:nowrap;flex:none;}
.sz-p-dok-zu{margin-left:auto;flex:none;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg2);color:var(--ink);font-size:11px;cursor:pointer;}
.sz-p-dok-flaeche{flex:1;min-height:0;overflow:hidden;padding:14px;}
.sz-p-blatt{background:#fff;border-radius:3px;box-shadow:0 2px 10px rgba(0,0,0,.12);padding:13px 15px 15px;font-size:11px;line-height:1.5;color:var(--body);}
.sz-p-blatt-kopf{display:flex;justify-content:space-between;gap:10px;font-family:var(--fm);font-size:8.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--quiet);padding-bottom:6px;margin-bottom:8px;border-bottom:1px solid var(--line2);}
.sz-p-blatt-titel{font-size:12px;font-weight:700;color:var(--ink);margin-bottom:6px;}
.sz-p-blatt p{margin:0 0 6px;}
.sz-p-blatt p:last-child{margin-bottom:0;}
.sz-p-blatt table{width:100%;border-collapse:collapse;font-size:10.5px;margin:2px 0 8px;}
.sz-p-blatt table:last-child{margin-bottom:0;}
.sz-p-blatt th{text-align:left;font-family:var(--fm);font-size:8.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--sub);font-weight:500;padding:5px 6px;border-bottom:1px solid var(--line);}
.sz-p-blatt td{padding:5px 6px;border-bottom:1px solid var(--line2);vertical-align:top;hyphens:auto;-webkit-hyphens:auto;}
.sz-p-blatt tr.mk td{background:rgba(255,242,204,.45);}
.sz-p-blatt td:first-child{white-space:nowrap;}
.sz-p-blatt mark{
  color:var(--ink);background-color:transparent;background-image:linear-gradient(var(--fund-bg),var(--fund-bg));
  background-repeat:no-repeat;background-size:100% 100%;border-radius:2px;padding:1px 2px;
  box-shadow:inset 0 -2px 0 var(--fund);-webkit-box-decoration-break:clone;box-decoration-break:clone;
}
.sz-p-dok.auf .sz-p-blatt mark{animation:sz-markieren .9s ease .5s both;}

/* Mauszeiger mit Klickring */
.sz-p-zeiger{position:absolute;left:0;top:0;width:0;height:0;z-index:9;pointer-events:none;opacity:0;transition:opacity .25s ease;}
.sz-p-zeiger.sichtbar{opacity:1;}
.sz-p-zeiger svg{position:absolute;left:-4px;top:-3px;width:19px;height:19px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));}
.sz-p-ring{position:absolute;left:-14px;top:-14px;width:28px;height:28px;border-radius:50%;background:rgba(0,122,255,.25);opacity:0;}
.sz-p-zeiger.klick .sz-p-ring{animation:sz-klick .45s ease-out;}

/* Schmales Fenster: Seitenleiste zu, Menü und Logo im Kopf (wie am Handy) */
@container (max-width:499px){
  .sz-p-seite{display:none;}
  .sz-p-menue{display:flex;}
  .sz-p-kopf-logo{display:block;}
}
@container (max-width:560px){
  .sz-p-blatt .weg{display:none;}
}
@container (max-width:380px){
  .sz-p-status{display:none;}
  .sz-p-vorlagen span:nth-child(2){display:none;}
  .sz-p-fuss{display:none;}
  .sz-p-dok-flaeche{padding:10px;}
  .sz-p-blatt{padding:11px 11px 13px;}
  .sz-p-blatt table{font-size:9.5px;}
  .sz-p-blatt th,.sz-p-blatt td{padding:4px 4px;}
}

/* --- Schrittleiste, Text, Steuerung -------------------------------------- */
.sz-schritte{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;}
.sz-schritte button{
  width:100%;text-align:left;cursor:pointer;background:#fff;border:1px solid var(--line);border-radius:14px;
  padding:12px 14px;font-family:var(--f);color:var(--sub);position:relative;overflow:hidden;
  transition:border-color .2s,color .2s,box-shadow .2s;min-height:74px;
}
.sz-schritte button:hover{border-color:var(--aline);}
.sz-schritte button:focus-visible{outline:2px solid var(--akzent);outline-offset:2px;}
.sz-schritte .sz-n{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--bg3);color:var(--sub);font-family:var(--fm);font-size:11px;margin-bottom:7px;transition:background .2s,color .2s;}
.sz-schritte .sz-t{display:block;font-size:13px;line-height:1.35;font-weight:500;}
.sz-schritte li.an button{border-color:var(--akzent);color:var(--ink);box-shadow:0 4px 16px rgba(217,119,6,.14);}
.sz-schritte li.an .sz-n{background:var(--akzent);color:#fff;}
.sz-schritte li.war .sz-n{background:var(--afaint);color:var(--akzent2);}
.sz-schritte .sz-balken{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--akzent);}
.sz-schritte li.an .sz-balken{animation:sz-fuellen var(--sz-dauer,4s) linear forwards;}
.sz.pausiert .sz-schritte li.an .sz-balken{animation-play-state:paused;}

.sz-text{margin:18px auto 0;max-width:760px;text-align:center;font-size:16px;line-height:1.55;color:var(--body);min-height:3.2em;}
.sz-text strong{color:var(--ink);}
.sz-steuer{display:flex;justify-content:center;gap:10px;margin-top:14px;}
.sz-steuer button{background:transparent;border:1px solid var(--line);border-radius:100px;padding:7px 16px;cursor:pointer;font-family:var(--f);font-size:13px;font-weight:500;color:var(--sub);transition:border-color .2s,color .2s;}
.sz-steuer button:hover{border-color:var(--ink);color:var(--ink);}
.sz-steuer button:focus-visible{outline:2px solid var(--akzent);outline-offset:2px;}

.sz-warum{margin-top:clamp(40px,6vw,64px);}
.sz-warum h4{margin-bottom:7px;}

/* --- Animationen ---------------------------------------------------------- */
@keyframes sz-drehen{to{transform:rotate(360deg);}}
@keyframes sz-span{0%{transform:translate(0,0);opacity:.9;}100%{transform:translate(-26px,30px);opacity:0;}}
@keyframes sz-blink{0%,100%{opacity:1;}50%{opacity:.25;}}
@keyframes sz-cursor{0%,100%{opacity:1;}50%{opacity:0;}}
@keyframes sz-fuellen{from{width:0;}to{width:100%;}}
@keyframes sz-rein{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
@keyframes sz-knopf{from{opacity:0;transform:scale(.6);}to{opacity:1;transform:none;}}
@keyframes sz-tippen{0%,60%,100%{transform:translateY(0);opacity:.4;}30%{transform:translateY(-4px);opacity:1;}}
@keyframes sz-klick{0%{opacity:.9;transform:scale(.35);}100%{opacity:0;transform:scale(1.3);}}
@keyframes sz-markieren{from{background-size:0% 100%;box-shadow:inset 0 0 0 var(--fund);}to{background-size:100% 100%;box-shadow:inset 0 -2px 0 var(--fund);}}

/* --- Schmale Bildschirme ------------------------------------------------- */
@media(max-width:960px){
  .sz-buehne{grid-template-columns:1fr;min-height:0;padding-top:54px;}
  .sz-halle{max-width:560px;}
  .sz-geraet{max-width:600px;width:100%;margin:0 auto;}
  .sz-schritte{grid-template-columns:repeat(2,1fr);}
  .sz-schritte button{min-height:0;}
  .sz-szenen li{min-width:132px;}
}
@media(max-width:600px){
  .sz-buehne{padding:64px 12px 14px;border-radius:18px;}
  .sz-leiste{left:14px;right:14px;font-size:10.5px;}
  .sz-leiste .sz-rolle{margin-left:0;}
  .sz-halle{max-width:none;}
  .sz-p{height:540px;border-radius:16px;}
  .sz-schritte{grid-template-columns:1fr;gap:6px;}
  .sz-schritte button{display:flex;align-items:center;gap:10px;padding:10px 12px;}
  .sz-schritte .sz-n{margin-bottom:0;flex:none;}
  .sz-text{font-size:15px;}
}

/* --- Bewegung reduziert -------------------------------------------------- */
@media(prefers-reduced-motion:reduce){
  .sz-maschine .m-werkzeug,.sz-maschine .m-span,.sz-leiste .sz-lampe,.sz-maschine .m-licht,.sz-maschine .m-schein,
  .sz-schritte li.an .sz-balken,.sz-p-caret,.sz-p-punkte i,.sz-p-blatt mark,.sz-p-msg.neu,.sz-p-eintrag.neu,
  .sz-p-msg.antwort-neu .sz-p-text,.sz-p-msg.antwort-neu .sz-p-q,.sz-p-msg.antwort-neu .sz-p-beleg{animation:none !important;}
  .sz-p-dok,.sz-p-wissen,.sz-p-quelle,.sz-ergebnis,.sz .p-arm,.sz .st-person-weg,.sz-p-zeile{transition:none !important;}
  .sz-schritte li.an .sz-balken{width:100%;}
}

/* ===== Terminal an der Anlage mit Person (Gerhard, 14.09.2026) ============
   Liegt als eigenes SVG über der Anlagenzeichnung, gleiches Koordinatensystem 320 x 240.
   Die Person steht am SiegelAI-Terminal: Schritt 1 wählt sie die Datenbank, Schritt 2 tippt sie sichtbar,
   Schritt 3 liest sie die Antwort, Schritt 4 die Originalseite, Schritt 5 ist erledigt. */
.sz-station{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1;}
.sz .st-fuss,.sz .st-saeule{fill:#4a4a58;}
.sz .st-kabel{fill:none;stroke:#15151b;stroke-width:1.2;}
.sz .st-ablage{fill:#3a3a46;}
.sz .st-tastatur{fill:#1d1d24;stroke:rgba(255,255,255,.25);stroke-width:.6;}
.sz .st-tasten rect{fill:#6b6b76;}
.sz .st-gehaeuse{fill:#15151b;stroke:rgba(255,255,255,.3);stroke-width:1;filter:drop-shadow(0 0 5px rgba(143,179,201,.45));}
.sz .st-schirm{fill:#fff;}
.sz .st-kopfleiste{fill:#f0f0f3;}
.sz .st-logo{fill:#1d1d1f;}
.sz .st-status{fill:var(--akzent);}
.sz .st-seite{fill:#f5f5f7;}
.sz .st-seite-zeile{fill:#d2d2d7;}
.sz .st-bild{opacity:0;transition:opacity .25s ease;}
.sz .st-dialog{fill:#fff;stroke:#c7c7cc;stroke-width:.6;}
.sz .st-liste{fill:#f0f0f3;}
.sz .st-liste.st-ziel{fill:rgba(217,119,6,.3);}
.sz .st-feld{fill:#fff;stroke:var(--akzent);stroke-width:.8;}
.sz .st-text{fill:#1d1d1f;transform-box:fill-box;transform-origin:left center;transform:scaleX(.75);}
.sz .st-zeile{fill:#d2d2d7;}
.sz .st-zeile-dunkel{fill:#6e6e73;}
.sz .st-quelle{fill:#007AFF;}
.sz .st-beleg{fill:rgba(52,199,89,.22);}
.sz .st-blatt{fill:#fff;stroke:#c7c7cc;stroke-width:.6;}
.sz .st-mark{fill:#fff2cc;stroke:#b45309;stroke-width:.5;}
.sz .st-ok{fill:var(--ok);}
.sz .st-haken{fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}


.sz .st-blase{opacity:0;transition:opacity .3s ease,transform .4s ease;}
.sz .st-blase circle{fill:#fff;}
.sz .st-blase text{font-family:var(--f);font-weight:700;font-size:16px;fill:#e0553c;}
.sz .st-fertig circle:not(.st-blase-klein){fill:var(--ok);}
.sz .st-fertig path{fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;}
.sz[data-person="terminal"][data-schritt="1"] .st-frage,.sz[data-person="terminal"][data-schritt="2"] .st-frage,
.sz[data-person="schreck"] .st-achtung,.sz[data-person="geht"] .st-achtung,
.sz[data-schritt="6"][data-person="arbeitet"] .st-fertig{opacity:1;}

@media (prefers-reduced-motion:no-preference){
  .sz[data-schritt="3"] .st-tasten rect:nth-child(3n){animation:sz-taste .48s steps(1) infinite;}
  .sz[data-schritt="3"] .st-tasten rect:nth-child(3n+1){animation:sz-taste .48s steps(1) .24s infinite;}
  .sz[data-schritt="3"] .st-text{animation:sz-schreiben var(--sz-tipp,2.4s) steps(20) .35s both;}
}
@keyframes sz-taste{0%{fill:#6b6b76;}50%{fill:#f5b323;}}
@keyframes sz-schreiben{from{transform:scaleX(0);}to{transform:scaleX(1);}}

/* ===== Anlagen: je Szene eine eigene, detaillierte Zeichnung (Gerhard, 14.09.2026) ======
   data-anlage wählt die Zeichnung (cnc, band, spritzguss, presse, roboter, messen, kompressor, stapler).
   Die Anlagen liegen links bis x 210, rechts steht das Terminal mit der Person (.sz-station). */
.sz-anl{display:none;}
.sz[data-anlage="cnc"] .sz-anl[data-anlage="cnc"],
.sz[data-anlage="band"] .sz-anl[data-anlage="band"],
.sz[data-anlage="spritzguss"] .sz-anl[data-anlage="spritzguss"],
.sz[data-anlage="presse"] .sz-anl[data-anlage="presse"],
.sz[data-anlage="roboter"] .sz-anl[data-anlage="roboter"],
.sz[data-anlage="messen"] .sz-anl[data-anlage="messen"],
.sz[data-anlage="kompressor"] .sz-anl[data-anlage="kompressor"],
.sz[data-anlage="stapler"] .sz-anl[data-anlage="stapler"]{display:block;}

/* Gemeinsame Teile */
.sz-maschine .a-markierung{stroke:#f5b323;stroke-width:1.5;stroke-dasharray:10 8;opacity:.45;}
.sz-maschine .a-akzent{fill:var(--akzent);}
.sz-maschine .a-marke{font-family:var(--fm);font-size:6px;fill:rgba(255,255,255,.55);letter-spacing:.06em;}
.sz-maschine .a-glas{fill:rgba(143,179,201,.1);stroke:rgba(255,255,255,.35);stroke-width:1.2;}
.sz-maschine .a-start{fill:#3fbf7f;}
.sz-maschine .a-etikett{fill:#f5f5f7;}
.sz-maschine .a-kabel{fill:none;stroke:#15151b;stroke-width:1.5;}

/* Bearbeitungszentrum */
.sz-maschine .a-innen{fill:#22222a;}
.sz-maschine .a-wagen{fill:#4a4a58;stroke:rgba(255,255,255,.2);}
.sz-maschine .a-spaene{fill:#c9ccd6;opacity:.7;}
.sz-maschine .a-radklein{fill:#15151b;stroke:#6b6b76;}
.sz-maschine .a-magazin{fill:#3a3a46;stroke:#6b6b76;stroke-width:1.5;}
.sz-maschine .a-platz{fill:#c9ccd6;}
.sz-maschine .a-fuehrung{fill:#3a3a46;}
.sz-maschine .a-halter{fill:#c9ccd6;}
.sz-maschine .a-fraeser{fill:#e9eaef;}
.sz-maschine .a-schneide line{stroke:#6b6b76;stroke-width:1;}
.sz-maschine .a-duese{fill:none;stroke:#6b6b76;stroke-width:2;}
.sz-maschine .a-kss line{stroke:#8fb3c9;stroke-width:1.2;stroke-dasharray:2 2;opacity:0;}
.sz-maschine .a-nut{stroke:#2b2b34;stroke-width:1;}
.sz-maschine .a-wanne{fill:#1a1a20;}
.sz-maschine .a-tasten rect{fill:#4a4a58;}
.sz-maschine .a-drehknopf{fill:#6b6b76;stroke:#2b2b34;stroke-width:1.5;}
.sz-maschine .a-drehknopf-strich{stroke:#fff;stroke-width:1.2;}

/* Förderband */
.sz-maschine .a-strebe{stroke:#26262f;stroke-width:3;}
.sz-maschine .a-rueckgurt{stroke:#1f1f25;stroke-width:3;}
.sz-maschine .a-tragrolle{fill:#6b6b76;stroke:#2b2b34;}
.sz-maschine .a-gurtflaeche{fill:#1f1f25;}
.sz-maschine .a-gurt{stroke:#4a4a58;stroke-width:2;stroke-dasharray:6 6;}
.sz-maschine .a-trommel{fill:#2b2b34;stroke:#8a8f9e;stroke-width:1.5;}
.sz-maschine .a-speichen line{stroke:#8a8f9e;stroke-width:1.2;}
.sz-maschine .a-speichen-l{transform-box:view-box;transform-origin:48px 137px;}
.sz-maschine .a-speichen-r{transform-box:view-box;transform-origin:196px 137px;}
.sz-maschine .a-motor{fill:#2f6fb5;}
.sz-maschine .a-rippen{stroke:rgba(0,0,0,.35);stroke-width:1;}
.sz-maschine .a-fuehrungsschiene{stroke:#c9ccd6;stroke-width:2;}
.sz-maschine .a-pfosten{fill:#8a8f9e;}
.sz-maschine .a-kiste{fill:#b98a5a;stroke:rgba(0,0,0,.25);stroke-width:.8;}
.sz-maschine .a-klebeband{fill:#d9b27c;}
.sz-maschine .a-kisten{transition:opacity .4s;}
.sz-maschine .a-strahl{stroke:#3fbf7f;stroke-width:1;stroke-dasharray:2 2;opacity:.5;}
.sz-maschine .a-sensor{fill:#2b2b34;stroke:rgba(255,255,255,.3);}
.sz-maschine .a-led{fill:#3fbf7f;}
.sz-maschine .a-reissleine{stroke:#f5b323;stroke-width:1;stroke-dasharray:4 3;}
.sz-maschine .a-reissschalter{fill:#f5b323;}
.sz[data-maschine="alarm"] .a-kisten{opacity:0;}
.sz[data-maschine="alarm"] .a-led{fill:#e0553c;animation:sz-blink 1s steps(1) infinite;}
.sz[data-maschine="alarm"] .a-strahl{stroke:#e0553c;opacity:.9;animation:sz-blink 1s steps(1) infinite;}

/* Spritzgießmaschine */
.sz-maschine .a-klappe{fill:none;stroke:rgba(255,255,255,.12);}
.sz-maschine .a-heizband{fill:#6b3a2e;transition:fill .4s;}
.sz[data-maschine="laeuft"] .a-heizband{fill:#c8412a;}
.sz-maschine .a-duese-sg{fill:#8a8f9e;}
.sz-maschine .a-trichter{fill:#4a4a58;stroke:rgba(255,255,255,.2);}
.sz-maschine .a-schauglas{fill:rgba(143,179,201,.3);}
.sz-maschine .a-granulat circle{fill:#f5f5f7;opacity:.8;}
.sz-maschine .a-holm{stroke:#c9ccd6;stroke-width:3;}
.sz-maschine .a-holm-hinten{stroke:#8a8f9e;stroke-width:2;}
.sz-maschine .a-form{fill:#8a8f9e;}
.sz-maschine .a-schlauch-blau{fill:none;stroke:#3b82f6;stroke-width:1.6;}
.sz-maschine .a-schlauch-rot{fill:none;stroke:#e0553c;stroke-width:1.6;}
.sz-maschine .a-teil{fill:var(--akzent3,#f59e0b);opacity:0;}
.sz-maschine .a-stange{transform-box:view-box;transform-origin:182px 118px;}
.sz-maschine .a-kniehebel{fill:none;stroke:#8a8f9e;stroke-width:3;stroke-linecap:round;}
.sz-maschine .a-zylinder{fill:#4a4a58;stroke:rgba(255,255,255,.18);}
.sz-maschine .a-warnschild{fill:#f5b323;}
.sz-maschine .a-kasten{fill:#2f6fb5;stroke:rgba(0,0,0,.3);}
.sz-maschine .a-lupe{opacity:0;transition:opacity .4s;}
.sz-maschine .a-lupe line{stroke:#fff;stroke-width:1.2;stroke-dasharray:3 3;}
.sz-maschine .a-lupe circle{fill:#fff;stroke:#f5b323;stroke-width:3;}
.sz-maschine .a-lupe rect{fill:var(--akzent3,#f59e0b);}
.sz-maschine .a-lupe .a-lupe-rippe{stroke:#b45309;stroke-width:1.2;stroke-dasharray:none;}
.sz-maschine .a-lupe ellipse{fill:#9a5b06;}
.sz[data-maschine="wartung"] .a-lupe{opacity:1;}

/* Abkantpresse */
.sz-maschine .a-hydraulik{fill:none;stroke:#15151b;stroke-width:2;}
.sz-maschine .a-kolben,.sz-maschine .a-stempel{fill:#c9ccd6;}
.sz-maschine .a-laserkopf{fill:#2b2b34;stroke:#e0553c;stroke-width:.8;}
.sz-maschine .a-laser{stroke:#e0553c;stroke-width:1;stroke-dasharray:1.5 3;opacity:.8;}
.sz-maschine .a-kantenlinie{stroke:rgba(255,255,255,.08);stroke-width:1;}
.sz-maschine .a-anschlagschiene{stroke:#6b6b76;stroke-width:1.5;}
.sz-maschine .a-anschlag,.sz-maschine .a-matrize{fill:#8a8f9e;}
.sz-maschine .a-kerbe{fill:#2b2b34;}
.sz-maschine .a-auflage{fill:#6b6b76;}
.sz-maschine .a-fluegel{stroke:#dfe3ea;stroke-width:3.5;stroke-linecap:round;transform-box:view-box;transform-origin:109px 139px;}

/* Schweißroboter */
.sz-maschine .a-zaunpfosten{fill:#e0a526;}
.sz-maschine .a-absaugung{fill:none;stroke:#2b2b34;stroke-width:5;stroke-linecap:round;}
.sz-maschine .a-flasche{fill:#8a8f9e;}
.sz-maschine .a-flasche-schulter{fill:#3fbf7f;}
.sz-maschine .a-manometer-klein{fill:#fff;stroke:#2b2b34;stroke-width:1;}
.sz-maschine .a-schlauch-gas{fill:none;stroke:#15151b;stroke-width:1.5;}
.sz-maschine .a-kette-flasche{stroke:#6b6b76;stroke-width:1.5;stroke-dasharray:2 1;}
.sz-maschine .a-spanner{fill:var(--akzent3,#f59e0b);}
.sz-maschine .a-rahmen{fill:none;stroke:#8a8f9e;stroke-width:4;}
.sz-maschine .a-naht{stroke:#c9ccd6;stroke-width:3;}
.sz-maschine .a-poren{opacity:0;transition:opacity .4s;}
.sz-maschine .a-poren circle{fill:#1d1d24;stroke:#f5b323;stroke-width:1;}
.sz[data-maschine="wartung"] .a-poren{opacity:1;}
.sz-maschine .a-glied{fill:var(--akzent3,#f59e0b);}
.sz-maschine .a-glied-dunkel{fill:#b45309;}
.sz-maschine .a-spule{fill:#c9ccd6;stroke:#8a5a10;stroke-width:1.5;}
.sz-maschine .a-schlauchpaket{fill:none;stroke:#1d1d24;stroke-width:3;stroke-linecap:round;}
.sz-maschine .a-brenner{fill:none;stroke:#c9ccd6;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;}
.sz-maschine .a-gasduese{fill:#b87333;}
.sz-maschine .a-arm{transform-box:view-box;transform-origin:66px 168px;}
.sz-maschine .a-unterarm{transform-box:view-box;transform-origin:66px 102px;}
.sz-maschine .a-funken,.sz-maschine .a-glut,.sz-maschine .a-rauch{opacity:0;}
.sz-maschine .a-funken path{stroke:#ffd166;stroke-width:1.4;stroke-linecap:round;}
.sz-maschine .a-glut{fill:#fff6d6;filter:drop-shadow(0 0 3px #ffd166);}
.sz-maschine .a-rauch circle{fill:rgba(220,220,230,.5);}

/* Koordinatenmessmaschine */
.sz-maschine .a-daempfer{fill:#15151b;}
.sz-maschine .a-granit{fill:#5f6069;}
.sz-maschine .a-granit-punkte circle{fill:#8a8b94;}
.sz-maschine .a-luftschlauch{fill:none;stroke:#3b82f6;stroke-width:1.2;opacity:.7;}
.sz-maschine .a-lager{fill:#6b6b76;}
.sz-maschine .a-massstab{stroke:#c9ccd6;stroke-width:.8;stroke-dasharray:2 2;opacity:.6;}
.sz-maschine .a-spannplatte{fill:#4a4a58;}
.sz-maschine .a-loecher circle,.sz-maschine .a-bohrung{fill:#2b2b34;}
.sz-maschine .a-deckel{stroke:rgba(255,255,255,.2);stroke-width:1;}
.sz-maschine .a-taster,.sz-maschine .a-joystick{stroke:#c9ccd6;stroke-width:1.5;}
.sz-maschine .a-tastkugel{fill:#e0553c;}
.sz-maschine .a-messpunkte circle{fill:#3fbf7f;opacity:0;}

/* Kompressor */
.sz-maschine .a-rohr{fill:none;stroke:#8a8f9e;stroke-width:5;stroke-linejoin:round;}
.sz-maschine .a-rohr-duenn{fill:none;stroke:#8a8f9e;stroke-width:2.5;}
.sz-maschine .a-luft{fill:none;stroke:rgba(143,179,201,.9);stroke-width:2;stroke-dasharray:4 8;opacity:0;transition:opacity .4s;}
.sz[data-maschine="laeuft"] .a-luft{opacity:1;}
.sz-maschine .a-hebel{stroke:#e0553c;stroke-width:2.5;stroke-linecap:round;}
.sz-maschine .a-kessel{fill:#2f6fb5;stroke:rgba(255,255,255,.18);}
.sz-maschine .a-manometer{fill:#fff;stroke:#2b2b34;stroke-width:2;}
.sz-maschine .a-nadel{stroke:#e0553c;stroke-width:1.8;stroke-linecap:round;transform-box:view-box;transform-origin:174px 104px;transform:rotate(-30deg);}
.sz-maschine .a-ableiter{fill:#4a4a58;}
.sz-maschine .a-tropfen{fill:#8fb3c9;opacity:0;}
.sz-maschine .a-rippen-t{stroke:#2b2b34;stroke-width:2;}
.sz-maschine .a-taupunkt{fill:#6b6b76;}
.sz[data-maschine="laeuft"] .a-taupunkt{fill:#3fbf7f;}
.sz-maschine .a-gitterschlitz,.sz-maschine .a-schlitze rect,.sz-maschine .a-luefter{fill:#1d1d24;}
.sz-maschine .a-rad ellipse{fill:#6b6b76;}
.sz-maschine .a-rad{transform-box:view-box;transform-origin:34px 174px;}
.sz-maschine .a-schutzring{fill:none;stroke:rgba(255,255,255,.25);stroke-width:1.2;}
.sz-maschine .a-typenschild{fill:#c9ccd6;}
.sz-maschine .a-typenschild + .a-marke{fill:#2b2b34;}

/* Gabelstapler */
.sz-maschine .a-bluespot{fill:#3b82f6;opacity:0;transition:opacity .4s;}
.sz[data-maschine="laeuft"] .a-bluespot{opacity:.85;}
.sz-maschine .a-stuetze{fill:#2f6fb5;}
.sz-maschine .a-traverse{fill:#d97706;}
.sz-maschine .a-palette{fill:#b98a5a;}
.sz-maschine .a-ware{fill:#8a8f9e;stroke:rgba(0,0,0,.2);}
.sz-maschine .a-folie{fill:rgba(255,255,255,.1);stroke:rgba(255,255,255,.28);stroke-width:.8;}
.sz-maschine .a-gitter{fill:none;stroke:#6b6b76;stroke-width:1.2;}
.sz-maschine .a-zinke{fill:#c9ccd6;}
.sz-maschine .a-kette{stroke:#8a8f9e;stroke-width:1.5;stroke-dasharray:2 1.5;}
.sz-maschine .a-mast{fill:#4a4a58;}
.sz-maschine .a-dachpfosten,.sz-maschine .a-dach{fill:#2b2b34;stroke:rgba(255,255,255,.2);stroke-width:.8;}
.sz-maschine .a-dachstreben{stroke:#15151b;stroke-width:1.5;}
.sz-maschine .a-rundum{fill:#8a5a10;}
.sz-maschine .a-fahrer{opacity:0;transition:opacity .4s;}
.sz[data-maschine="laeuft"] .a-fahrer{opacity:1;}
.sz-maschine .a-fahrerarm{stroke:#46546a;stroke-width:3;stroke-linecap:round;}
.sz-maschine .a-sitz{fill:#1d1d24;}
.sz-maschine .a-lenksaeule{stroke:#15151b;stroke-width:2;}
.sz-maschine .a-lenkrad{fill:none;stroke:#15151b;stroke-width:2;}
.sz-maschine .a-karosse{fill:#e0a526;}
.sz-maschine .a-gewicht{fill:#c98f1b;}
.sz-maschine .a-haube{fill:#2b2b34;}
.sz-maschine .a-ruecklicht{fill:#e0553c;}
.sz-maschine .a-streifen{fill:#2b2b34;opacity:.6;}
.sz-maschine .a-rad-stapler{fill:#15151b;stroke:#4a4a58;stroke-width:4;}

/* Bewegung der Anlagen: nur im Laufzustand und nur ohne reduzierte Bewegung */
@media (prefers-reduced-motion:no-preference){
  .sz[data-anlage] .sz-anl{animation:sz-rein .45s ease both;}
  .sz[data-maschine="laeuft"] .a-schneide{animation:sz-schneide .16s linear infinite;}
  .sz[data-maschine="laeuft"] .a-kss line{opacity:1;animation:sz-kss .35s linear infinite;}
  .sz[data-maschine="laeuft"] .a-tisch{animation:sz-tisch 4s ease-in-out infinite alternate;}
  .sz[data-maschine="laeuft"] .a-kisten{animation:sz-kisten 2.2s linear infinite;}
  .sz[data-maschine="laeuft"] .a-gurt{animation:sz-gurt .6s linear infinite;}
  .sz[data-maschine="laeuft"] .a-speichen{animation:sz-drehen 1.1s linear infinite;}
  .sz[data-maschine="laeuft"] .a-platte{animation:sz-platte 4s ease-in-out infinite;}
  .sz[data-maschine="laeuft"] .a-stange{animation:sz-stange 4s ease-in-out infinite;}
  .sz[data-maschine="laeuft"] .a-teil{animation:sz-teil 4s ease-in infinite;}
  .sz[data-maschine="laeuft"] .a-stoessel{animation:sz-stoessel 3.2s ease-in-out infinite;}
  .sz[data-maschine="laeuft"] .a-fluegel.links{animation:sz-fluegel-l 3.2s ease-in-out infinite;}
  .sz[data-maschine="laeuft"] .a-fluegel.rechts{animation:sz-fluegel-r 3.2s ease-in-out infinite;}
  .sz[data-maschine="laeuft"] .a-arm{animation:sz-arm 3.6s ease-in-out infinite alternate;}
  .sz[data-maschine="laeuft"] .a-unterarm{animation:sz-unterarm 3.6s ease-in-out infinite alternate;}
  .sz[data-maschine="laeuft"] .a-funken{animation:sz-funken .16s steps(2) infinite;}
  .sz[data-maschine="laeuft"] .a-glut{animation:sz-funken .22s steps(2) infinite;}
  .sz[data-maschine="laeuft"] .a-rauch{animation:sz-rauch 1.6s ease-out infinite;}
  .sz[data-maschine="laeuft"] .a-schlitten{animation:sz-schlitten 6s ease-in-out infinite;}
  .sz[data-maschine="laeuft"] .a-pinole{animation:sz-pinole 6s ease-in-out infinite;}
  .sz[data-maschine="laeuft"] .a-messpunkte .p1{animation:sz-punkt1 6s linear infinite;}
  .sz[data-maschine="laeuft"] .a-messpunkte .p2{animation:sz-punkt2 6s linear infinite;}
  .sz[data-maschine="laeuft"] .a-messpunkte .p3{animation:sz-punkt3 6s linear infinite;}
  .sz[data-maschine="laeuft"] .a-luft{animation:sz-luft .8s linear infinite;}
  .sz[data-maschine="laeuft"] .a-nadel{animation:sz-nadel 2.4s ease-in-out infinite alternate;}
  .sz[data-maschine="laeuft"] .a-rad{animation:sz-drehen .5s linear infinite;}
  .sz[data-maschine="laeuft"] .a-tropfen{animation:sz-tropfen 2.8s ease-in infinite;}
  .sz[data-maschine="laeuft"] .a-gabel{animation:sz-gabel 5s ease-in-out infinite;}
  .sz[data-maschine="laeuft"] .a-kette{animation:sz-kette 5s ease-in-out infinite;}
  .sz[data-maschine="laeuft"] .a-rundum{animation:sz-rundum .9s steps(1) infinite;}
}
@keyframes sz-schneide{from{transform:translateY(0);}to{transform:translateY(3px);}}
@keyframes sz-kss{to{stroke-dashoffset:-8;}}
@keyframes sz-tisch{from{transform:translateX(-6px);}to{transform:translateX(6px);}}
@keyframes sz-kisten{from{transform:translateX(0);}to{transform:translateX(64px);}}
@keyframes sz-gurt{to{stroke-dashoffset:-12;}}
@keyframes sz-platte{0%,30%{transform:translateX(0);}45%,85%{transform:translateX(22px);}100%{transform:translateX(0);}}
@keyframes sz-stange{0%,30%{transform:scaleX(1);}45%,85%{transform:scaleX(.27);}100%{transform:scaleX(1);}}
@keyframes sz-teil{0%,47%{opacity:0;transform:translateY(0);}50%{opacity:1;transform:translateY(0);}70%{opacity:1;transform:translateY(74px);}74%,100%{opacity:0;transform:translateY(74px);}}
@keyframes sz-stoessel{0%,10%{transform:translateY(0);}38%,58%{transform:translateY(12px);}85%,100%{transform:translateY(0);}}
@keyframes sz-fluegel-l{0%,24%{transform:rotate(0);opacity:1;}40%,86%{transform:rotate(22deg);opacity:1;}92%{transform:rotate(22deg);opacity:0;}96%{transform:rotate(0);opacity:0;}100%{transform:rotate(0);opacity:1;}}
@keyframes sz-fluegel-r{0%,24%{transform:rotate(0);opacity:1;}40%,86%{transform:rotate(-22deg);opacity:1;}92%{transform:rotate(-22deg);opacity:0;}96%{transform:rotate(0);opacity:0;}100%{transform:rotate(0);opacity:1;}}
@keyframes sz-arm{from{transform:rotate(-3deg);}to{transform:rotate(7deg);}}
@keyframes sz-unterarm{from{transform:rotate(3deg);}to{transform:rotate(-7deg);}}
@keyframes sz-funken{0%{opacity:1;}50%{opacity:.15;}}
@keyframes sz-rauch{0%{opacity:.8;transform:translateY(0);}100%{opacity:0;transform:translateY(-18px);}}
@keyframes sz-schlitten{0%,12%{transform:translateX(0);}30%,52%{transform:translateX(40px);}70%,86%{transform:translateX(63px);}100%{transform:translateX(0);}}
@keyframes sz-pinole{0%,2%{transform:translateY(0);}6%{transform:translateY(10px);}10%,36%{transform:translateY(0);}40%{transform:translateY(4px);}44%,72%{transform:translateY(0);}77%{transform:translateY(4px);}82%,100%{transform:translateY(0);}}
@keyframes sz-punkt1{0%,5%{opacity:0;}6%,96%{opacity:1;}100%{opacity:0;}}
@keyframes sz-punkt2{0%,39%{opacity:0;}40%,96%{opacity:1;}100%{opacity:0;}}
@keyframes sz-punkt3{0%,76%{opacity:0;}77%,96%{opacity:1;}100%{opacity:0;}}
@keyframes sz-luft{to{stroke-dashoffset:-24;}}
@keyframes sz-nadel{from{transform:rotate(18deg);}to{transform:rotate(38deg);}}
@keyframes sz-tropfen{0%,70%{opacity:0;transform:translateY(0);}75%{opacity:1;transform:translateY(0);}100%{opacity:0;transform:translateY(10px);}}
@keyframes sz-gabel{0%,14%{transform:translateY(0);}44%,64%{transform:translateY(-44px);}94%,100%{transform:translateY(0);}}
@keyframes sz-kette{0%,14%{stroke-dashoffset:0;}44%,64%{stroke-dashoffset:-44;}94%,100%{stroke-dashoffset:0;}}
@keyframes sz-rundum{0%{fill:#f5a623;}50%{fill:#8a5a10;}}

/* ===== Person: arbeitet an der Anlage, Fehler, geht zum Terminal und zurück (Gerhard, 14.09.2026) =====
   data-person am Wurzelelement: arbeitet | schreck | geht | terminal | zurueck.
   --sz-platz ist der Arbeitsplatz je Anlage, gemessen vom Terminal aus (Einheiten der Zeichnung). */
.sz[data-anlage="cnc"]{--sz-platz:-112px;}
.sz[data-anlage="band"]{--sz-platz:-150px;}
.sz[data-anlage="spritzguss"]{--sz-platz:-72px;}
.sz[data-anlage="presse"]{--sz-platz:-100px;}
.sz[data-anlage="roboter"]{--sz-platz:-86px;}
.sz[data-anlage="messen"]{--sz-platz:-90px;}
.sz[data-anlage="kompressor"]{--sz-platz:-150px;}
.sz[data-anlage="stapler"]{--sz-platz:-110px;}
.sz .st-person-weg{transform-box:view-box;transform:translateX(0);}
.sz[data-person="arbeitet"] .st-person-weg,.sz[data-person="schreck"] .st-person-weg{transform:translateX(var(--sz-platz,-90px));}
.sz[data-person="geht"] .st-person-weg{transform:translateX(0);transition:transform 2s linear;}
.sz[data-person="zurueck"] .st-person-weg{transform:translateX(var(--sz-platz,-90px));transition:transform 2s linear;}
.sz .st-person-blick{transform-box:view-box;transform-origin:278px 150px;}
.sz[data-person="geht"] .st-person-blick{transform:scaleX(-1);}
.sz .st-achtung text{fill:#e0553c;}
.sz[data-anlage="stapler"][data-schritt="6"][data-person="arbeitet"] .st-person-weg{opacity:0;transition:opacity .4s ease;}
@media (prefers-reduced-motion:no-preference){
}

/* ===== Person wie in der ersten Fassung (Gerhard, 14.09.2026) ==============
   Einfache Figur: grauer Körper, runder Kopf, oranger Helm; Bedienhaltung siehe 11l. Ein Arm greift an die Anlage oder zur Tastatur. */
.sz .p-kopf{fill:#e8d5c4;}
.sz .p-helm{fill:var(--akzent);}
.sz .p-koerper{fill:#4b5563;}
.sz .p-arm{transform-box:fill-box;transform-origin:50% 9%;transform:rotate(0deg);transition:transform .45s ease;}
.sz[data-person="arbeitet"] .p-arm,
.sz[data-person="terminal"][data-schritt="2"] .p-arm,.sz[data-person="terminal"][data-schritt="3"] .p-arm,.sz[data-person="terminal"][data-schritt="5"] .p-arm{transform:rotate(56deg);}
.sz .p-arm-ruhig{transform-box:fill-box;transform-origin:50% 10%;}
.sz .p-bein{transform-box:fill-box;transform-origin:50% 3%;}
.sz[data-person="schreck"] .p-arm{transform:rotate(130deg);}
.sz[data-person="geht"] .p-arm,.sz[data-person="zurueck"] .p-arm{transform:rotate(0deg);}
@media (prefers-reduced-motion:no-preference){
  .sz[data-person="arbeitet"] .p-arm{animation:sz-p-arbeiten 1.1s ease-in-out infinite alternate;}
  .sz[data-person="terminal"][data-schritt="3"] .p-arm{animation:sz-p-tippen .22s ease-in-out infinite alternate;}
  .sz[data-person="terminal"][data-schritt="2"] .p-arm,.sz[data-person="terminal"][data-schritt="5"] .p-arm{animation:sz-p-klick 1.6s ease-in-out infinite;}
  .sz[data-person="geht"] .p-bein-links,.sz[data-person="zurueck"] .p-bein-links{animation:sz-p-schritt .45s ease-in-out infinite alternate;}
  .sz[data-person="geht"] .p-bein-rechts,.sz[data-person="zurueck"] .p-bein-rechts{animation:sz-p-schritt .45s ease-in-out infinite alternate-reverse;}
  .sz[data-person="geht"] .p-arm,.sz[data-person="zurueck"] .p-arm{animation:sz-p-pendel .45s ease-in-out infinite alternate;}
  .sz[data-person="geht"] .p-arm-ruhig,.sz[data-person="zurueck"] .p-arm-ruhig{animation:sz-p-pendel .45s ease-in-out infinite alternate-reverse;}
  .sz[data-person="schreck"] .st-person-blick{animation:sz-p-hupf .5s ease-out 1;}
}
@keyframes sz-p-arbeiten{from{transform:rotate(38deg);}to{transform:rotate(66deg);}}
@keyframes sz-p-tippen{from{transform:rotate(52deg);}to{transform:rotate(60deg);}}
@keyframes sz-p-klick{0%,70%,100%{transform:rotate(56deg);}80%{transform:rotate(63deg);}}
@keyframes sz-p-schritt{from{transform:rotate(12deg);}to{transform:rotate(-12deg);}}
@keyframes sz-p-pendel{from{transform:rotate(-12deg);}to{transform:rotate(12deg);}}
@keyframes sz-p-hupf{0%{transform:translateY(0);}40%{transform:translateY(-4px);}100%{transform:translateY(0);}}

/* ===== Geräte je Szene (Gerhard, 14.09.2026) ==============================
   data-geraet am Wurzelelement: panel (SiegelAI im Browser des Bedienfelds der Maschine), wand (Monitor mit
   Tastatur an der Hallenstütze), rechner (PC am Schreibtisch im Messraum), tablet (iPad aus dem Holster am Gürtel).
   Der Bildschirminhalt .st-inhalt (50 x 34) wird per Transform auf Bedienfeld, Monitor oder iPad gesetzt. */
.sz .st-stuetze,.sz .st-tisch,.sz .st-tischplatte,.sz .st-terminal,.sz .st-ablage,.sz .st-ablage-halter,.sz .st-monitorfuss,
.sz .p-holster,.sz .p-tablet{display:none;}
.sz[data-geraet="wand"] .st-stuetze,.sz[data-geraet="wand"] .st-terminal,.sz[data-geraet="wand"] .st-ablage,.sz[data-geraet="wand"] .st-ablage-halter,
.sz[data-geraet="rechner"] .st-tisch,.sz[data-geraet="rechner"] .st-tischplatte,.sz[data-geraet="rechner"] .st-terminal,.sz[data-geraet="rechner"] .st-monitorfuss,
.sz[data-geraet="tablet"] .p-holster,.sz[data-geraet="tablet"] .p-tablet{display:inline;}

/* Hallenstütze und Steharbeitsplatz */
.sz .st-stuetze-koerper{fill:#30303b;}
.sz .st-stuetze-kante{fill:rgba(255,255,255,.12);}
.sz .st-stuetze-fuss{fill:#26262f;}
.sz .st-tischbein,.sz .st-tischzarge{fill:#26262f;}
.sz .st-tischplatte rect{fill:#4a4a58;stroke:rgba(255,255,255,.18);stroke-width:.8;}
.sz .st-ablage-halter{fill:#2b2b34;}
.sz .st-monitorfuss{fill:#26262f;}

/* Bei Bedienfeld und iPad bleibt die Person an ihrem Platz */
.sz[data-geraet="tablet"][data-person] .st-person-weg{transform:translateX(var(--sz-platz,-90px));transition:none;}

.sz .st-figur{transform-box:view-box;}

/* iPad-Rahmen und Holster; die seitliche Haltung steht in Nachtrag 11l. */
.sz .p-holster{fill:#2b2b34;stroke:rgba(255,255,255,.25);stroke-width:.8;}
.sz .p-tablet-rahmen{fill:#1d1d24;stroke:rgba(255,255,255,.55);stroke-width:1;}

/* Bildschirminhalt an die richtige Stelle: Monitor an der Stütze / auf dem Tisch, Display der Maschine, iPad in der Hand */
.sz .st-inhalt{transform-box:view-box;transform-origin:0 0;opacity:0;transition:opacity .35s ease;}
.sz[data-geraet="wand"] .st-inhalt,.sz[data-geraet="rechner"] .st-inhalt{transform:translate(219.5px,103.5px) scale(.82);opacity:.22;}
.sz[data-geraet="panel"][data-anlage="cnc"] .st-inhalt{transform:translate(147px,80px) scale(.76);}
.sz[data-geraet="panel"][data-anlage="spritzguss"] .st-inhalt{transform:translate(160px,161px) scale(.68);}
.sz[data-geraet="tablet"] .st-inhalt{transform:translate(68px,53px) scale(.68);transition:opacity .25s ease;}
.sz[data-person="terminal"] .st-inhalt,
.sz[data-geraet="wand"][data-schritt="6"] .st-inhalt,.sz[data-geraet="rechner"][data-schritt="6"] .st-inhalt{opacity:1;}
.sz[data-geraet="tablet"] .st-seite,.sz[data-geraet="tablet"] .st-seite-zeile{display:none;}

/* Programmfenster rechts: in iPad-Szenen schmaler, mit eingeklappter Seitenleiste wie am Tablet */
.sz[data-geraet="tablet"] .sz-p{max-width:470px;}
.sz[data-geraet="tablet"] .sz-p-seite{display:none;}
.sz[data-geraet="tablet"] .sz-p-menue{display:flex;}
.sz[data-geraet="tablet"] .sz-p-kopf-logo{display:block;}
/* ===== Nachtrag 11i: ruhiger Ablauf, echte Quellen, gemeinsame Bildschirmzustände ===== */
.sz .sz-p-q,.sz .sz-p-stelle,.sz .sz-p-dok-zu{font-family:inherit;}
.sz .sz-p-q,.sz .sz-p-dok-zu{border:0;}
.sz .sz-p-q:focus-visible,.sz .sz-p-stelle:focus-visible,.sz .sz-p-dok-zu:focus-visible{outline:2px solid #007aff;outline-offset:3px;}
.sz .sz-p-dok:not(.auf){visibility:hidden;pointer-events:none;}
.sz .sz-p-dok.auf{visibility:visible;pointer-events:auto;}
.sz .sz-p-dok-zu{width:30px;height:30px;}
.sz .sz-p-verlauf{overflow-y:auto;justify-content:flex-start;scrollbar-width:thin;}
.sz .sz-p-msg:first-child{margin-top:auto;}
.sz .sz-p-text{font-size:13px;line-height:1.55;}
.sz .sz-p-dok-flaeche{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;}
.sz .sz-p-blatt{font-size:12px;line-height:1.55;}
.sz .sz-p-blatt table{font-size:11px;}
.sz .sz-p-blatt td:first-child{white-space:normal;}
.sz .sz-p-feld{max-height:5.4em;}
.sz .sz-ergebnis{max-width:100%;white-space:normal;text-align:center;line-height:1.3;}
.sz .sz-ergebnis b{flex:none;}
.sz .sz-text{min-height:4.7em;}
.sz .sz-buehne{align-items:center;}
.sz .sz-leiste .sz-rolle{letter-spacing:0;}
.sz .sz-szenen .sz-sz-kurz,.sz .sz-szenen .sz-sz-rolle{white-space:normal;}
.sz .sz-szenen button{height:100%;min-height:77px;}
.sz .st-bild{opacity:0;}
.sz[data-bild="1"] .st-b1,
.sz[data-bild="2"] .st-b2,
.sz[data-bild="3"] .st-b3,
.sz[data-bild="4"] .st-b4,
.sz[data-bild="5"] .st-b3,
.sz[data-bild="5"] .st-b5{opacity:1;}
.sz:not([data-tippen]) .st-text{animation:none;transform:scaleX(1);}
.sz:not([data-tippen]) .st-tasten rect{animation:none;}
.sz:not([data-tippen])[data-person="terminal"][data-schritt="3"] .p-arm,
.sz:not([data-tippen])[data-geraet="tablet"][data-person="terminal"][data-schritt="3"] .p-arm-ruhig{animation:none;}
.sz[data-anlage="cnc"][data-geraet="panel"] .st-inhalt{transform:translate(147px,105px) scale(.76);}
.sz[data-anlage="spritzguss"]{--sz-platz:-86px;}
.sz[data-anlage="spritzguss"][data-geraet="panel"] .st-inhalt{transform:translate(175px,110px) scale(.68,.588);}
.sz[data-anlage="roboter"]{--sz-platz:-54px;}
.sz[data-anlage="stapler"][data-schritt="6"][data-person="arbeitet"]:not([data-bild="5"]) .st-person-weg{opacity:1;}
.sz[data-schritt="6"]:not([data-bild="5"]) .st-fertig{opacity:0;}
.sz[data-umsetzen] .sz-halle::after{
  content:"Prüfen und umsetzen";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  color:#fff;font-size:12px;background:#3a3a46;border:1px solid rgba(255,255,255,.3);
  border-radius:8px;padding:6px 10px;white-space:nowrap;
}
/* Auf Touchgeräten ersetzt ein Fingertipp den Mauszeiger. */
.sz[data-geraet="tablet"] .sz-p-zeiger svg{display:none;}
.sz[data-geraet="tablet"] .sz-p-zeiger::after{content:"";position:absolute;inset:-7px;width:14px;height:14px;border-radius:50%;border:2px solid #007aff;background:rgba(0,122,255,.15);}
@media(max-width:1100px) and (min-width:961px){
  .sz .sz-buehne{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px;padding-left:22px;padding-right:22px;}
  .sz .sz-schritte{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:960px){
  .sz .sz-halle{max-width:390px;}
  .sz .sz-buehne{gap:12px;}
}
@media(max-width:600px){
  .sz .sz-schritte{grid-template-columns:repeat(2,minmax(0,1fr));}
  .sz .sz-schritte button{min-height:64px;padding:9px 8px;gap:7px;}
  .sz .sz-schritte .sz-t{font-size:12px;}
  .sz .sz-buehne{padding-top:84px;}
  .sz .sz-p{height:550px;}
  .sz .sz-p-verlauf{padding:12px 10px;gap:10px;}
  .sz .sz-p-msg{gap:7px;}
  .sz .sz-p-eingabe{padding:6px 10px 10px;}
  .sz .sz-p-blatt{font-size:12px;padding:11px;}
  .sz .sz-p-blatt table{font-size:10.5px;}
  .sz .sz-p-blatt th,.sz .sz-p-blatt td{padding:5px 3px;}
  .sz .sz-p-dok-leiste{gap:5px;padding:7px;}
  .sz .sz-p-dok-nr{font-size:9px;}
  .sz .sz-p-dok-flaeche{padding:8px;}
  .sz .sz-text{min-height:9.3em;}
}
@media(prefers-reduced-motion:reduce){
  .sz *, .sz *::before, .sz *::after{animation:none!important;transition:none!important;}
}

/* Direkt gewählte Schritte erscheinen sofort; Pause hält dagegen die laufende Bewegung fest. */
.sz.statisch *, .sz.statisch *::before, .sz.statisch *::after{animation:none!important;transition:none!important;}
.sz.statisch .sz-schritte li.an .sz-balken{width:100%;}
.sz .sz-p-wissen:not(.auf){visibility:hidden;}

/* Nach dem Senden: nur die eigene Nachricht, bis die Antwort tatsächlich erscheint. */
.sz[data-bild="6"] .st-b6{opacity:1;}

/* ===== Nachtrag 11k: im Stehen direkt vor dem Bildschirm ===== */
/* Monitorzentrum x240, Figurenmitte x278: der Weg endet mittig davor. */
.sz[data-geraet="wand"][data-person="geht"] .st-person-weg,
.sz[data-geraet="wand"][data-person="terminal"] .st-person-weg,
.sz[data-geraet="rechner"][data-person="geht"] .st-person-weg,
.sz[data-geraet="rechner"][data-person="terminal"] .st-person-weg{transform:translateX(-38px);}
.sz .st-gehaeuse{transform:translateY(-9.756px);}
.sz .st-monitorhals{transform:translateY(-9.756px) scaleY(1.424);transform-box:fill-box;transform-origin:top;}
/* ===== Nachtrag 11l: Blick zum Gerät, Schultern und Arme beim Tippen ===== */
.sz .p-oberkoerper{transform-box:view-box;transform-origin:40px 89px;}
.sz .p-kopf-ruecken,.sz .p-kopf-seitlich,.sz .p-rueckennaht,.sz .p-bedienarme,.sz .p-tablet-haltung{display:none;}
.sz .p-hinterkopf{fill:#687381;}
.sz .p-nacken{fill:#c9b8a6;}
.sz .p-helmband{fill:#97550d;}
.sz .p-helmverschluss{fill:#4b5563;}
.sz .p-rueckennaht{fill:none;stroke:#637080;stroke-width:1.5;stroke-linecap:round;}
.sz .p-bedienarme{fill:none;stroke:#4b5563;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;}
.sz .p-bedienarm{transform-box:view-box;transform-origin:25px 46px;}
.sz .p-bedienarm-rechts{transform-origin:55px 46px;}
.sz .p-bedienhand{fill:none;stroke:#c9b8a6;stroke-width:3;}
/* Bedienpult immer, Wandterminal/PC nach dem Hinweg: Rücken zum Betrachter. */
.sz:is([data-geraet="panel"],:not([data-geraet="tablet"])[data-person="terminal"]) .p-kopf-vorn{display:none;}
.sz:is([data-geraet="panel"],:not([data-geraet="tablet"])[data-person="terminal"]) .p-kopf-ruecken,
.sz:is([data-geraet="panel"],:not([data-geraet="tablet"])[data-person="terminal"]) .p-rueckennaht{display:inline;}
.sz:not([data-geraet="tablet"])[data-person="terminal"] .p-bedienarme{display:inline;}
.sz:not([data-geraet="tablet"])[data-person="terminal"] .p-arm,
.sz:not([data-geraet="tablet"])[data-person="terminal"] .p-arm-ruhig{display:none;}

/* Leichte Seitenansicht, Blick nach rechts unten auf das iPad. */
.sz[data-geraet="tablet"][data-person="terminal"] .p-kopf-vorn,
.sz[data-geraet="tablet"][data-person="terminal"] .p-arm,
.sz[data-geraet="tablet"][data-person="terminal"] .p-arm-ruhig{display:none;}
.sz[data-geraet="tablet"][data-person="terminal"] .p-kopf-seitlich{display:inline;transform-box:view-box;transform-origin:40px 34px;transform:rotate(12deg);}
.sz[data-geraet="tablet"][data-person="terminal"] .p-rumpf{transform-box:fill-box;transform-origin:right;transform:scaleX(.82);}
.sz[data-geraet="tablet"] .p-tablet-haltung{display:inline;transform-box:view-box;transform-origin:59px 83px;transform:translateY(8px) scale(.3);opacity:0;transition:transform .6s ease,opacity .3s ease;}
.sz[data-geraet="tablet"][data-person="terminal"] .p-tablet-haltung{transform:none;opacity:1;}
.sz .p-tablet{transform-box:view-box;transform-origin:78px 78px;transform:rotate(-10deg);}
.sz .p-tablet-haltearm,.sz .p-tablet-arm{fill:none;stroke:#4b5563;stroke-width:9;stroke-linecap:round;stroke-linejoin:round;}
.sz .p-tablet-hand,.sz .p-tablet-finger{fill:none;stroke:#e8d5c4;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;}
.sz .p-tablet-tipparm{transform-box:view-box;transform-origin:51px 48px;}
@media(prefers-reduced-motion:no-preference){
  .sz:not([data-geraet="tablet"])[data-person="terminal"][data-tippen="true"] .p-bedienarm{animation:sz-ruecken-tippen .32s ease-in-out infinite alternate;}
  .sz:not([data-geraet="tablet"])[data-person="terminal"][data-tippen="true"] .p-bedienarm-rechts{animation-direction:alternate-reverse;}
  .sz:not([data-geraet="tablet"])[data-person="terminal"][data-tippen="true"] .p-oberkoerper{animation:sz-schultern-tippen .64s ease-in-out infinite;}
  .sz[data-geraet="tablet"][data-person="terminal"][data-tippen="true"] .p-tablet-tipparm{animation:sz-tablet-fingertipp .36s ease-in-out infinite;}
}
@keyframes sz-ruecken-tippen{from{transform:translateY(-1.2px) rotate(-6deg);}to{transform:translateY(1px) rotate(6deg);}}
@keyframes sz-schultern-tippen{0%,100%{transform:rotate(-.8deg);}50%{transform:translateY(.7px) rotate(.8deg);}}
@keyframes sz-tablet-fingertipp{0%,100%{transform:translateX(-3px) rotate(-2deg);}50%{transform:none;}}

/* ===== Nachtrag 11m: Hinweg, sichtbare Mausbedienung, A4-Original ===== */
.sz[data-anlage="cnc"]{--sz-platz:-58px;--sz-ziel:-112px;}
.sz[data-anlage="spritzguss"]{--sz-platz:-158px;--sz-ziel:-86px;}
.sz[data-anlage="roboter"]{--sz-platz:12px;}
.sz[data-geraet="wand"],.sz[data-geraet="rechner"]{--sz-ziel:-38px;}
.sz:is([data-geraet="panel"],[data-geraet="wand"],[data-geraet="rechner"]):is([data-person="geht"],[data-person="terminal"]) .st-person-weg{transform:translateX(var(--sz-ziel));}
.sz .p-mausarm{display:none;transform-box:view-box;transform-origin:55px 46px;}
.sz:not([data-geraet="tablet"])[data-person="terminal"]:not([data-tippen]) .p-mausarm{display:inline;}
.sz:not([data-geraet="tablet"])[data-person="terminal"]:not([data-tippen]) .p-bedienarm-rechts{display:none;}
.sz .st-mausplatz{transform-box:view-box;transform:translate(262.4px,157px);}
.sz[data-anlage="cnc"] .st-mausplatz{transform:translate(188.4px,157px);}
.sz[data-anlage="spritzguss"] .st-mausplatz{transform:translate(214.4px,157px);}
.sz[data-geraet="tablet"] .st-mausplatz{display:none;}
.sz .st-mausplatz>rect{fill:#353540;stroke:#656570;stroke-width:.6;}
.sz .st-mausgriff ellipse{fill:#969da7;stroke:#d2d2d7;stroke-width:.5;}
.sz .st-mausgriff path{stroke:#383840;stroke-width:.7;}
.sz .st-mauszeiger{opacity:0;transform-box:view-box;transform-origin:0 0;}
.sz[data-zeiger="true"] .st-mauszeiger{opacity:1;}
.sz .st-mauszeiger path{fill:#202028;stroke:#fff;stroke-width:.5;}
.sz .st-mauszeiger circle{display:none;fill:#007aff44;stroke:#007aff;stroke-width:.6;}
.sz[data-geraet="tablet"] .st-mauszeiger path{display:none;}
.sz[data-geraet="tablet"] .st-mauszeiger circle{display:inline;}
.sz .sz-p-zeiger svg{width:23px;height:23px;}
@media(prefers-reduced-motion:no-preference){
  .sz[data-maus="bewegt"] .p-mausarm{animation:sz-maus-fuehren .6s ease-in-out infinite alternate;}
  .sz[data-maus="bewegt"] .st-mausgriff{animation:sz-maus-gleiten .6s ease-in-out infinite alternate;}
  .sz[data-maus="klick"] .p-mausarm{animation:sz-maus-klicken .22s ease-out;}
  .sz[data-geraet="tablet"][data-maus="bewegt"] .p-tablet-tipparm{animation:sz-tablet-fingertipp .65s ease-in-out infinite;}
  .sz[data-geraet="tablet"][data-maus="klick"] .p-tablet-tipparm{animation:sz-tablet-fingertipp .22s ease-out;}
}
@keyframes sz-maus-fuehren{from{transform:translateX(-1.5px) rotate(-2deg);}to{transform:translateX(1.5px) rotate(2deg);}}
@keyframes sz-maus-gleiten{from{transform:translateX(-1px);}to{transform:translateX(1px);}}
@keyframes sz-maus-klicken{50%{transform:translateY(1.5px);}}
/* Ganzes A4-Blatt im grauen Betrachter; genau ein Satz wird in den Daten markiert. */
.sz .sz-p-dok-flaeche{container-type:size;display:flex;justify-content:center;align-items:flex-start;padding:12px;overflow:auto;}
.sz .sz-p-blatt{position:relative;box-sizing:border-box;flex:none;width:min(100%,calc(100cqh * 210 / 297));aspect-ratio:210/297;margin:0 auto;padding:17px 17px 34px;border-radius:1px;font-size:10.5px;line-height:1.5;}
.sz .sz-p-blatt-titel{font-size:12px;line-height:1.35;margin-bottom:10px;}
.sz .sz-p-blatt-kopf{font-size:7px;letter-spacing:.015em;gap:8px;margin-bottom:12px;}
.sz .sz-p-blatt-kopf span:last-child{white-space:nowrap;}
.sz .sz-p-blatt p{margin-bottom:9px;}
.sz .sz-p-blatt table{font-size:9px;}
.sz .sz-p-blatt th{font-size:7px;}
.sz .sz-p-blatt th,.sz .sz-p-blatt td{padding:4px 3px;}
.sz .sz-p-blatt-fuss{position:absolute;bottom:12px;left:17px;right:17px;display:flex;justify-content:space-between;gap:8px;border-top:1px solid #e5e5e9;padding-top:5px;font-size:7px;color:#898991;}

/* ===== Nachtrag 11n: iPad ausschließlich als Seitenkante ===== */
.sz[data-geraet="tablet"] .p-tablet-display{display:none;}
.sz .p-tablet-kante{fill:none;stroke:#b9c0cb;stroke-width:.8;stroke-linecap:round;}
.sz .p-tablet-taste{fill:none;stroke:#d6dae1;stroke-width:1.1;stroke-linecap:round;}


/* ===== Schleifzelle: Cobot auf dem Boden, Rohling aus der Ablage zum Bearbeitungsplatz ===== */
.sz-maschine .g-fuehrung{fill:none;stroke:#606774;stroke-width:1;}
.sz-maschine .g-bett{fill:#6e7885;stroke:#9da6b1;stroke-width:.8;}
.sz-maschine .g-bettkante{fill:none;stroke:#383f49;stroke-width:1.2;}
.sz-maschine .g-schlitten{fill:#8a95a3;stroke:#c4cbd3;stroke-width:.7;}
.sz-maschine .g-kopf-hell{fill:#c9ccd6;stroke:#e0e2e9;stroke-width:.8;}
.sz-maschine .g-spindel{fill:#aeb8c5;stroke:#d4dce5;stroke-width:.7;}
.sz-maschine .g-werkzeughals{fill:#b8c4d0;}
.sz-maschine .g-schleifstift{fill:#c9ccd6;stroke:#e8eaf0;stroke-width:.7;}
.sz-maschine .g-koernung{fill:none;stroke:#7b8490;stroke-width:.8;}
.sz-maschine .g-kuehlleitung{fill:none;stroke:#959ba8;stroke-width:2.4;stroke-linecap:round;}
.sz-maschine .g-kuehlmittel{fill:none;stroke:#8bc8dd;stroke-width:.8;opacity:0;}
.sz-maschine .g-schleifkopf{transform-box:view-box;transform:translateY(-8px);transition:transform 1s ease;}
.sz-maschine .g-rohling{fill:#b9c6cf;stroke:#dce4e9;stroke-width:.6;}
.sz-maschine .g-rohling-glanz{stroke:#eef2f4;stroke-width:.7;}
.sz-maschine .g-arm-schatten{fill:none;stroke:#161a20;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;}
.sz-maschine .g-robotarm{fill:none;stroke:#ed851c;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;}
.sz-maschine .g-arm-glanz{fill:none;stroke:#ffb24f;stroke-width:1;stroke-linecap:round;}
.sz-maschine .g-cobot-sockel{fill:#ed851c;stroke:#ffb24f;stroke-width:.7;}
/* Band hält beim Greifen; erst nach dem Anheben rücken die übrigen Teile nach. */
.sz-maschine .g-transportband{fill:#414752;stroke:#9da6b1;stroke-width:.8;}
.sz-maschine .g-band-oeffnung{fill:#171b22;stroke:#778290;stroke-width:.7;}
.sz-maschine .g-band-decke{fill:#343d48;stroke:#798795;stroke-width:.6;}
.sz-maschine .g-bandlauf,.sz-maschine .g-band-stirn{fill:none;stroke:#94a8b8;stroke-width:.6;}
.sz-maschine .g-bandlauf{transform-box:view-box;}
.sz-maschine .g-band-nachschub{transform-box:view-box;transform:translateY(-19px);}
.sz-maschine .g-gelenk{fill:#535d6b;stroke:#bac2cc;stroke-width:.8;}
.sz-maschine .g-greiferblock{fill:#858f9b;stroke:#d2dae1;stroke-width:.6;}
.sz-maschine .g-greifer{fill:none;stroke:#d2dae1;stroke-width:1.5;stroke-linecap:round;transform-box:view-box;}
/* Ruhestellung ist zugleich der Zustand bei Alarm, Schrittwahl und reduzierter Bewegung. */
.sz-maschine .g-cobot-schulter,.sz-maschine .g-cobot-ellenbogen,.sz-maschine .g-cobot-hand{transform-box:view-box;transform-origin:0 0;}
.sz-maschine .g-cobot-schulter{transform:rotate(-119.869069deg);}
.sz-maschine .g-cobot-ellenbogen{transform:rotate(116.643480deg);}
.sz-maschine .g-cobot-hand{transform:rotate(3.225589deg);}
.sz-maschine .g-greifer-links{transform:translateX(-3px);}
.sz-maschine .g-greifer-rechts{transform:translateX(3px);}
.sz-maschine .g-werkstueck-gehalten{opacity:0;}
.sz-maschine .g-werkstueck-ablage{opacity:0;}
.sz-maschine .g-werkstueck{opacity:1;}
.sz-maschine .g-stoerfeld{fill:#242831;stroke:#626d7b;stroke-width:.8;}
.sz-maschine .g-stoertext{font:6.1px var(--fm);fill:#92dfb0;letter-spacing:.015em;opacity:0;}
.sz-maschine .g-stoercode{font:700 9px var(--fm);fill:#ffab98;letter-spacing:.1em;opacity:0;}
.sz-maschine .g-stoertext.alarm{fill:#ffab98;}
.sz[data-anlage="cnc"][data-maschine="laeuft"] .g-stoertext.laeuft,
.sz[data-anlage="cnc"][data-maschine="alarm"] .g-stoertext.alarm,
.sz[data-anlage="cnc"][data-maschine="alarm"] .g-stoercode.alarm{opacity:1;}
.sz[data-anlage="cnc"][data-bild="5"][data-maschine="laeuft"] .g-schleifkopf{transform:translateY(4px);}
.sz[data-anlage="cnc"][data-bild="5"][data-maschine="laeuft"] .g-kuehlmittel{opacity:.75;}
@media(prefers-reduced-motion:no-preference){
  .sz[data-anlage="cnc"][data-maschine="laeuft"]:not([data-bild="5"]) :is(.g-cobot-schulter,.g-cobot-ellenbogen,.g-cobot-hand,.g-greifer-links,.g-greifer-rechts,.g-werkstueck-gehalten,.g-werkstueck-ablage,.g-werkstueck){animation-duration:var(--sz-anlauf-dauer,6400ms);animation-timing-function:ease-in-out;animation-fill-mode:both;}
  .sz[data-anlage="cnc"][data-maschine="laeuft"]:not([data-bild="5"]) .g-cobot-schulter{animation-name:sz-cobot-schulter;}
  .sz[data-anlage="cnc"][data-maschine="laeuft"]:not([data-bild="5"]) .g-cobot-ellenbogen{animation-name:sz-cobot-ellenbogen;}
  .sz[data-anlage="cnc"][data-maschine="laeuft"]:not([data-bild="5"]) .g-cobot-hand{animation-name:sz-cobot-hand;}
  .sz[data-anlage="cnc"][data-maschine="laeuft"]:not([data-bild="5"]) .g-greifer-links{animation-name:sz-cobot-oeffnen-links;}
  .sz[data-anlage="cnc"][data-maschine="laeuft"]:not([data-bild="5"]) .g-greifer-rechts{animation-name:sz-cobot-oeffnen-rechts;}
  .sz[data-anlage="cnc"][data-maschine="laeuft"]:not([data-bild="5"]) .g-werkstueck-gehalten{animation-name:sz-rohling-abgeben;animation-timing-function:steps(1,end);}
  .sz[data-anlage="cnc"][data-maschine="laeuft"]:not([data-bild="5"]) .g-werkstueck-ablage{animation-name:sz-rohling-aufnehmen;animation-timing-function:steps(1,end);}
  .sz[data-anlage="cnc"][data-maschine="laeuft"]:not([data-bild="5"]) .g-werkstueck{animation-name:sz-rohling-einspannen;animation-timing-function:steps(1,end);}
  .sz[data-anlage="cnc"][data-bild="5"][data-maschine="laeuft"] .g-kuehlmittel{animation:sz-schleifkuehlung .24s ease-in-out infinite alternate;}
}
/* Ablage anfahren, greifen, anheben, einsetzen, loslassen, zurückfahren. */
@keyframes sz-cobot-schulter{0%,36%,96%,100%{transform:rotate(-119.869069deg);}12%,22%{transform:rotate(-107.725816deg);}54%,66%{transform:rotate(-65.781628deg);}80%{transform:rotate(-90.978966deg);}}
@keyframes sz-cobot-ellenbogen{0%,36%,96%,100%{transform:rotate(116.643480deg);}12%,22%{transform:rotate(140.206790deg);}54%,66%{transform:rotate(70.346679deg);}80%{transform:rotate(82.345272deg);}}
@keyframes sz-cobot-hand{0%,36%,96%,100%{transform:rotate(3.225589deg);}12%,22%{transform:rotate(-32.480974deg);}54%,66%{transform:rotate(-4.565051deg);}80%{transform:rotate(8.633694deg);}}
@keyframes sz-cobot-oeffnen-links{0%,12%,66%,100%{transform:translateX(-3px);}20%,60%{transform:translateX(0);}}
@keyframes sz-cobot-oeffnen-rechts{0%,12%,66%,100%{transform:translateX(3px);}20%,60%{transform:translateX(0);}}
/* Entnommenes Teil: erst Band, dann Hand, dann Bearbeitungsplatz. Nachschub separat. */
@keyframes sz-rohling-aufnehmen{0%{opacity:1;}20%,100%{opacity:0;}}
@keyframes sz-rohling-abgeben{0%{opacity:0;}20%{opacity:1;}60%,100%{opacity:0;}}
@keyframes sz-rohling-einspannen{0%{opacity:0;}60%,100%{opacity:1;}}
@keyframes sz-schleifkuehlung{from{opacity:.4;}to{opacity:.85;}}

/* Nachtrag 11x: Zufuhr von vorne durch die kleine Öffnung, kein Querband. */
@media(prefers-reduced-motion:no-preference){
  .sz[data-anlage="cnc"][data-maschine="laeuft"]:not([data-bild="5"]) .g-band-nachschub{animation:sz-band-nachruecken var(--sz-anlauf-dauer,6400ms) ease-in-out both;}
  .sz[data-anlage="cnc"][data-maschine="laeuft"]:not([data-bild="5"]) .g-bandlauf{animation:sz-band-laufen var(--sz-anlauf-dauer,6400ms) linear both;}
}
@keyframes sz-band-nachruecken{0%,38%{transform:translateY(0);}58%,100%{transform:translateY(-19px);}}
@keyframes sz-band-laufen{0%,38%{transform:translateY(0);}58%,100%{transform:translateY(-6px);}}

/* Nachtrag 11y: Fertigteil-Auslauf hinter der rechten Abdeckung. */
.sz-maschine .g-auslaufband{fill:#39434e;stroke:#9da6b1;stroke-width:.8;}
.sz-maschine .g-auslauf-profil{fill:none;stroke:#a4b3bf;stroke-width:1;stroke-dasharray:3 3;}
.sz-maschine .g-fertigteil-band{opacity:0;transform-box:view-box;}
@media(prefers-reduced-motion:no-preference){
.sz[data-anlage="cnc"][data-bild="5"][data-maschine="laeuft"] .g-cobot-schulter{animation:sz-entladen-schulter 10s ease-in-out both;}
.sz[data-anlage="cnc"][data-bild="5"][data-maschine="laeuft"] .g-cobot-ellenbogen{animation:sz-entladen-ellenbogen 10s ease-in-out both;}
.sz[data-anlage="cnc"][data-bild="5"][data-maschine="laeuft"] .g-cobot-hand{animation:sz-entladen-hand 10s ease-in-out both;}
.sz[data-anlage="cnc"][data-bild="5"][data-maschine="laeuft"] .g-werkstueck{animation:sz-entladen-platz 10s ease-in-out both;}
.sz[data-anlage="cnc"][data-bild="5"][data-maschine="laeuft"] .g-werkstueck-gehalten{animation:sz-entladen-handteil 10s ease-in-out both;}
.sz[data-anlage="cnc"][data-bild="5"][data-maschine="laeuft"] .g-fertigteil-band{animation:sz-fertigteil-abfahren 10s ease-in-out both;}
.sz[data-anlage="cnc"][data-bild="5"][data-maschine="laeuft"] .g-schleifkopf{animation:sz-fertig-kopf 10s ease-in-out both;}
.sz[data-anlage="cnc"][data-bild="5"][data-maschine="laeuft"] .g-greifer-links{animation:sz-entladen-links 10s ease-in-out both;}
.sz[data-anlage="cnc"][data-bild="5"][data-maschine="laeuft"] .g-greifer-rechts{animation:sz-entladen-rechts 10s ease-in-out both;}
.sz[data-anlage="cnc"][data-bild="5"][data-maschine="laeuft"] .g-auslauf-profil{animation:sz-auslauf-laufen 10s ease-in-out both;}
}
@keyframes sz-fertig-kopf{0%,15%{transform:translateY(4px);}24%,100%{transform:translateY(-8px);}}
@keyframes sz-entladen-schulter{0%,24%,90%,100%{transform:rotate(-119.869069deg);}34%,40%{transform:rotate(-65.781628deg);}49%{transform:rotate(-103.882847deg);}57%{transform:rotate(-90deg);}65%,71%{transform:rotate(-68.933489deg);}79%{transform:rotate(-90deg);}}
@keyframes sz-entladen-ellenbogen{0%,24%,90%,100%{transform:rotate(116.643480deg);}34%,40%{transform:rotate(70.346679deg);}49%{transform:rotate(111.157782deg);}57%{transform:rotate(126.869898deg);}65%,71%{transform:rotate(102.062841deg);}79%{transform:rotate(126.869898deg);}}
@keyframes sz-entladen-hand{0%,24%,90%,100%{transform:rotate(3.225589deg);}34%,40%{transform:rotate(-4.565051deg);}49%{transform:rotate(-7.274936deg);}57%{transform:rotate(-36.869898deg);}65%,71%{transform:rotate(-33.129351deg);}79%{transform:rotate(-36.869898deg);}}
@keyframes sz-entladen-platz{0%{opacity:1;animation-timing-function:steps(1,end);}38%,100%{opacity:0;}}
@keyframes sz-entladen-handteil{0%{opacity:0;animation-timing-function:steps(1,end);}38%{opacity:1;animation-timing-function:steps(1,end);}68%,100%{opacity:0;}}
@keyframes sz-fertigteil-abfahren{0%{opacity:0;transform:translateX(0);animation-timing-function:steps(1,end);}68%{opacity:1;transform:translateX(0);}74%{opacity:1;transform:translateX(0);}96%,100%{opacity:1;transform:translateX(70px);}}
@keyframes sz-entladen-links{0%,34%,71%,100%{transform:translateX(-3px);}38%,68%{transform:translateX(0);}}
@keyframes sz-entladen-rechts{0%,34%,71%,100%{transform:translateX(3px);}38%,68%{transform:translateX(0);}}
@keyframes sz-auslauf-laufen{0%,74%{stroke-dashoffset:0;}96%,100%{stroke-dashoffset:-70;}}

@media(prefers-reduced-motion:no-preference){
.sz[data-anlage="cnc"][data-bild="5"][data-maschine="laeuft"] .g-kuehlmittel{animation:sz-auslauf-kuehlung 10s linear both;}
}
@keyframes sz-auslauf-kuehlung{0%,15%{opacity:.65;}20%,100%{opacity:0;}}

/* Nachtrag 11z: Runde Umlenkung und sichtbar laufende Bandoberflächen. */
.sz-maschine .g-bandrolle{fill:#26303a;stroke:#a4b3bf;stroke-width:.5;}
.sz-maschine .g-bandrolle-speichen{stroke:#b6c5d1;stroke-width:.5;transform-box:view-box;transform-origin:81.5px 184.5px;}
.sz-maschine .g-band-stirn{transform-box:view-box;stroke-width:.8;}
@media(prefers-reduced-motion:no-preference){
.sz[data-anlage="cnc"][data-maschine="laeuft"]:not([data-bild="5"]) .g-band-stirn{animation:sz-band-stirnlauf var(--sz-anlauf-dauer,6400ms) linear both;}
.sz[data-anlage="cnc"][data-bild="5"][data-maschine="laeuft"] .g-bandrolle-speichen{animation:sz-auslauf-rolle 10s linear both;}
}
@keyframes sz-band-stirnlauf{0%,38%{transform:translateY(0);}58%,100%{transform:translateY(9px);}}
@keyframes sz-auslauf-rolle{0%,74%{transform:rotate(0);}96%,100%{transform:rotate(720deg);}}

/* Nachtrag 11aa: Ruhiger Blick am Nacken statt Wackeln des gesamten Oberkörpers. */
.sz .p-koerper{fill:#547e92;}
.sz .p-bein{fill:#354e66;}
.sz .p-bedienarme,.sz .p-tablet-haltearm,.sz .p-tablet-arm{stroke:#547e92;}
.sz .p-rueckennaht{stroke:#87a9b9;}
.sz:not([data-geraet="tablet"]) .p-kopf-vorn{display:none;}
.sz:not([data-geraet="tablet"]) .p-kopf-ruecken,.sz:not([data-geraet="tablet"]) .p-rueckennaht{display:inline;}
.sz:not([data-geraet="tablet"]) .p-kopf-ruecken{transform-box:view-box;transform-origin:40px 38px;transform:rotate(-6deg);transition:transform .65s ease-in-out;}
.sz:not([data-geraet="tablet"])[data-person="schreck"] .p-kopf-ruecken{transform:rotate(-10deg);}
.sz:not([data-geraet="tablet"]):is([data-person="geht"],[data-person="zurueck"]) .p-kopf-ruecken{transform:rotate(-3deg);}
.sz:not([data-geraet="tablet"])[data-person="terminal"] .p-kopf-ruecken{transform:rotate(0deg);}
.sz:not([data-geraet="tablet"])[data-person="terminal"][data-tippen="true"] .p-kopf-ruecken{transform:translateY(1px) rotate(4deg);}
.sz:not([data-geraet="tablet"])[data-person="terminal"][data-tippen="true"] .p-oberkoerper{animation:none;}
@media(prefers-reduced-motion:reduce){.sz .p-kopf-ruecken{transition:none!important;}}

/* Nachtrag 11ab: Vorn am Arbeitsplatz, links beim Hinweg, hinten am Bildschirm. */
#szene-buehne:not([data-geraet="tablet"]) .p-kopf-vorn{display:inline;}
#szene-buehne:not([data-geraet="tablet"]) .p-kopf-ruecken,
#szene-buehne:not([data-geraet="tablet"]) .p-kopf-seitlich,
#szene-buehne:not([data-geraet="tablet"]) .p-rueckennaht{display:none;}
#szene-buehne:not([data-geraet="tablet"]):is([data-person="geht"],[data-person="zurueck"],[data-person="terminal"]) .p-kopf-vorn{display:none;}
#szene-buehne:not([data-geraet="tablet"]):is([data-person="geht"],[data-person="zurueck"]) .p-kopf-seitlich{display:inline;transform-box:view-box;transform-origin:40px 38px;transform:scaleX(-1);}
#szene-buehne:not([data-geraet="tablet"])[data-person="zurueck"] .p-kopf-seitlich{transform:scaleX(1);}
#szene-buehne:not([data-geraet="tablet"])[data-person="terminal"] .p-kopf-ruecken,
#szene-buehne:not([data-geraet="tablet"])[data-person="terminal"] .p-rueckennaht{display:inline;}

/* Nachtrag 11ac: Beim Gehen vollständiges Körperprofil statt nur Kopfwechsel. */
.sz .p-profil{display:none;transform-box:view-box;transform-origin:40px 80px;}
.sz .p-profil-hinterbein{fill:#293e52;}
.sz .p-profil-hinterarm{fill:#426779;}
.sz .p-kappenschirm{fill:none;stroke:#a35d13;stroke-width:1;stroke-linecap:round;}
#szene-buehne:not([data-geraet="tablet"]) .st-person-blick{transform:none;}
#szene-buehne:not([data-geraet="tablet"]):is([data-person="geht"],[data-person="zurueck"]) .p-oberkoerper,
#szene-buehne:not([data-geraet="tablet"]):is([data-person="geht"],[data-person="zurueck"]) .p-frontalbein{display:none;}
#szene-buehne:not([data-geraet="tablet"]):is([data-person="geht"],[data-person="zurueck"]) .p-profil{display:inline;}
#szene-buehne:is([data-anlage="cnc"],[data-anlage="roboter"])[data-person="geht"] .p-profil,
#szene-buehne:not([data-anlage="cnc"]):not([data-anlage="roboter"])[data-person="zurueck"] .p-profil{transform:scaleX(-1);}
#szene-buehne:is([data-anlage="cnc"],[data-anlage="roboter"])[data-person="zurueck"] .p-profil,
#szene-buehne:not([data-anlage="cnc"]):not([data-anlage="roboter"])[data-person="geht"] .p-profil{transform:scaleX(1);}

/* Nachtrag 11ad: Kappe von vorne mit gebogenem Schirm und dezenten Nähten. */
.sz .p-kappe-naht{fill:none;stroke:#efa13e;stroke-width:.8;stroke-linecap:round;}
.sz .p-kappe-schirmkante{fill:none;stroke:#a86313;stroke-width:.8;stroke-linecap:round;}

/* Nachtrag 11ai: Kompaktes Chatfenster auf dem Handy, Nachrichten beginnen oben. */
@media(max-width:600px){
  .sz .sz-p{height:420px;}
  .sz .sz-p-msg:first-child{margin-top:0;}
}