/* Sicherheitschef 🦞 – gehört zu chef.js */
.sicherheitschef{position:relative;display:inline-block;vertical-align:middle;margin:0 0 0 .6em;padding:0;cursor:pointer;opacity:.75;transition:opacity .25s,transform .25s;outline:none;line-height:0;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;text-indent:0;float:none}
.sicherheitschef svg{display:block;width:26px;height:18px;max-width:none;margin:0;fill:initial}
.sicherheitschef:hover,.sicherheitschef:focus,.sicherheitschef.aktiv{opacity:1;transform:translateY(-2px)}
.sicherheitschef-blase{position:fixed;width:max-content;max-width:min(260px,80vw);background:#FFF6DC;color:#141413;border:2px solid #D97757;padding:8px 11px;margin:0;border-radius:8px;font-family:inherit;font-size:13px;font-weight:400;font-style:normal;line-height:1.4;letter-spacing:normal;text-transform:none;text-align:left;text-shadow:none;white-space:normal;box-shadow:0 3px 10px rgba(0,0,0,.35);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,visibility .25s;z-index:2147483000;box-sizing:border-box;-webkit-font-smoothing:antialiased}
.sicherheitschef-blase strong{color:#141413;font-weight:700}
.sicherheitschef-blase::before,.sicherheitschef-blase::after{content:"";position:absolute;left:14px;border:7px solid transparent}
.sicherheitschef-blase::before{top:100%;border-top-color:#D97757}
.sicherheitschef-blase::after{top:calc(100% - 3px);border-top-color:#FFF6DC}
.sicherheitschef-blase.rechts::before,.sicherheitschef-blase.rechts::after{left:auto;right:14px}
.sicherheitschef-augen{transform-box:fill-box;transform-origin:center;animation:sicherheitschef-blinzeln 4.5s infinite}
@keyframes sicherheitschef-blinzeln{0%,92%,100%{transform:scaleY(1)}94%,96%{transform:scaleY(.15)}}
.sicherheitschef-blase.sichtbar{opacity:1;visibility:visible}
.sicherheitschef.hopser svg{animation:sicherheitschef-hopser .25s}
@keyframes sicherheitschef-hopser{50%{transform:translateY(-4px) scale(1.1)}}
.sicherheitschef.geht{pointer-events:none;animation:sicherheitschef-weg 1.2s forwards}
@keyframes sicherheitschef-weg{30%{transform:translateY(-6px)}100%{transform:translateX(120px);opacity:0}}
.sicherheitschef.kommt{animation:sicherheitschef-da .6s}
@keyframes sicherheitschef-da{0%{transform:scale(0);opacity:0}70%{transform:scale(1.3)}}

#sc-absturz{position:fixed;inset:0;z-index:2147483647;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-align:left;letter-spacing:normal}
#sc-absturz .sc-dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 32px));background:#f0f0f0;color:#111;border:1px solid #888;box-shadow:0 10px 40px rgba(0,0,0,.6);font-size:14px;animation:sc-wackeln .4s}
#sc-absturz .sc-titel{background:#fff;color:#111;padding:8px 12px;display:flex;justify-content:space-between;font-size:13px;border-bottom:1px solid #ddd}
#sc-absturz .sc-inhalt{display:flex;gap:14px;padding:18px 16px;line-height:1.45;color:#111}
#sc-absturz .sc-icon{flex:none;width:34px;height:34px;border-radius:50%;background:#e81123;color:#fff;font-size:22px;line-height:34px;text-align:center;font-weight:700}
#sc-absturz code{font-size:12px;color:#555;background:none;padding:0}
#sc-absturz .sc-knoepfe{background:#e5e5e5;padding:10px 16px;text-align:right}
#sc-absturz button{min-width:84px;padding:5px 14px;border:1px solid #0067c0;border-radius:0;background:#fff;color:#111;font:inherit;cursor:pointer}
@keyframes sc-wackeln{0%,100%{margin-left:0}20%,60%{margin-left:-8px}40%,80%{margin-left:8px}}
#sc-absturz.kaputt{background:#000;color:#eee;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;animation:sc-flackern 3s infinite}
#sc-absturz .sc-gross{font-family:"Courier New",monospace;font-size:clamp(64px,18vw,160px);font-weight:700;line-height:1;color:#fff;position:relative;display:inline-block;animation:sc-glitch 1.8s infinite}
#sc-absturz .sc-gross::before,#sc-absturz .sc-gross::after{content:attr(data-text);position:absolute;inset:0}
#sc-absturz .sc-gross::before{color:#f00;transform:translate(-3px,0);clip-path:inset(0 0 55% 0);mix-blend-mode:screen}
#sc-absturz .sc-gross::after{color:#D97757;transform:translate(3px,0);clip-path:inset(50% 0 0 0);mix-blend-mode:screen}
#sc-absturz .sc-tot{display:block;width:96px;height:64px;margin:26px auto 10px;transform:rotate(180deg)}
#sc-absturz p{margin:.5em auto;max-width:520px;font-size:16px;line-height:1.5;color:#eee;text-align:center}
#sc-absturz strong{color:#fff}
#sc-absturz p.sc-klein{color:#888;font-family:"Courier New",monospace;font-size:13px}
#sc-absturz .sc-abstand{margin-top:1.6em}
#sc-absturz .sc-abstand2{margin-top:2em}
#sc-absturz kbd{display:inline-block;padding:2px 8px;border:1px solid #D97757;border-bottom-width:3px;border-radius:5px;background:none;color:#D97757;font-weight:700;font-family:inherit;box-shadow:none}
@keyframes sc-glitch{0%,86%,100%{transform:none}88%{transform:translate(4px,-2px) skewX(8deg)}90%{transform:translate(-4px,2px)}92%{transform:skewX(-10deg)}}
@keyframes sc-flackern{0%,95%,100%{opacity:1}96%{opacity:.6}97%{opacity:1}98%{opacity:.8}}

/* Gewollte Effekte auch bei „Animationen reduzieren" (Abduls PC) */
@media (prefers-reduced-motion: reduce){
.sicherheitschef,.sicherheitschef-blase{transition:opacity .25s,visibility .25s !important}
.sicherheitschef-augen{animation:sicherheitschef-blinzeln 4.5s infinite !important}
.sicherheitschef.hopser svg{animation:sicherheitschef-hopser .25s !important}
.sicherheitschef.geht{animation:sicherheitschef-weg 1.2s forwards !important}
.sicherheitschef.kommt{animation:sicherheitschef-da .6s !important}
#sc-absturz .sc-dialog{animation:sc-wackeln .4s !important}
#sc-absturz .sc-gross{animation:sc-glitch 1.8s infinite !important}
}