/* Animierter Fuchs für „Bild wird erstellt“ (Update 2.01) */
.fox{display:block;overflow:visible}
.fox .ear-l{transform-origin:20px 22px;animation:fox-ear 2.8s ease-in-out infinite}
.fox .ear-r{transform-origin:44px 22px;animation:fox-ear 2.8s ease-in-out .5s infinite}
.fox .eye{transform-origin:center;transform-box:fill-box;animation:fox-blink 3.6s infinite}
.fox .head{transform-origin:32px 40px;animation:fox-bob 2.2s ease-in-out infinite}
@keyframes fox-ear{0%,80%,100%{transform:rotate(0)}88%{transform:rotate(-12deg)}94%{transform:rotate(6deg)}}
@keyframes fox-blink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}
@keyframes fox-bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-2px) rotate(2deg)}}
.fox-wait{display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1.15}
.fox-wait b{font-weight:600;font-size:.62rem;color:var(--muted)}
.fox-alt{position:relative;display:grid;justify-items:center;min-width:9em}
.fox-alt b{grid-area:1/1;animation:fox-t 6s ease-in-out infinite;white-space:nowrap}
.fox-alt b:last-child{animation-delay:-3s;color:#f28c38}
@keyframes fox-t{0%,6%{opacity:0}16%,44%{opacity:1}54%,100%{opacity:0}}
.shot-big .fox-wait b{font-size:.95rem}
.dom-thumb.ph{opacity:1;font-size:0}
.dom-thumb.ph .fox-wait b{font-size:.5rem}
.dom-thumb.ph.busy{animation:none}
@media(prefers-reduced-motion:reduce){.fox *{animation:none!important}.fox-alt b:last-child{display:none}.fox-alt b:first-child{animation:none;opacity:1}}
