/* 8arm Katalog v5; erzeugt mit tools/avatare.mjs. */
.a8-avatar{display:inline-block;position:relative;flex-shrink:0;vertical-align:middle}
.a8-body{display:block;width:100%;height:100%;transform-origin:50% 75%}
.a8-body-bild,.a8-eyes-bild{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.a8-eyes-bild{transform-origin:50% 46%}
.a8-badge{position:absolute;right:0;bottom:0;width:7px;height:7px;border-radius:50%;background:var(--wartet,#a96609);border:1px solid var(--grund,#fff)}
.a8-avatar[data-status="idle"] .a8-badge{display:none}
.a8-avatar[data-status="arbeitet"] .a8-badge{background:var(--arbeitet,#377ba2)}
.a8-avatar[data-status="idle"]{--a8-dauer:4800ms;--a8-hub:1.6px;--a8-neigung:0.6deg}
.a8-avatar[data-status="arbeitet"]{--a8-dauer:2400ms;--a8-hub:3px;--a8-neigung:1.2deg}
.a8-avatar[data-status="braucht_dich"]{--a8-dauer:5600ms;--a8-hub:2px;--a8-neigung:0.8deg}
@media(prefers-reduced-motion:no-preference){
.a8-avatar[data-moving="true"] .a8-body{animation:a8-atmen var(--a8-dauer) ease-in-out infinite;animation-delay:calc(var(--a8-phase,0)*var(--a8-dauer)*-1)}
.a8-avatar[data-moving="true"] .a8-eyes-bild{animation:a8-blinzeln 11000ms linear infinite;animation-delay:calc(var(--a8-phase,0)*11000ms*-1)}}
@keyframes a8-atmen{0%,100%{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(calc(var(--a8-hub)*-.5)) rotate(var(--a8-neigung)) scale(1.006)}50%{transform:translateY(calc(var(--a8-hub)*-1)) rotate(0) scale(1.012)}75%{transform:translateY(calc(var(--a8-hub)*-.5)) rotate(calc(var(--a8-neigung)*-1)) scale(1.006)}}
@keyframes a8-blinzeln{0%,98%,100%{transform:scaleY(1)}99%{transform:scaleY(0.08)}}
@media(prefers-reduced-motion:reduce){.a8-avatar *{animation:none!important;transition:none!important;transform:none!important}}