/* artcom venture · Klartext · Animationen und Logo-Hover (reines CSS, 12-s-Loops)
   Quelle: Canvas-Artboards. var(--acv-accent) durch var(--acv-accent) ersetzt. */
.kl{filter:var(--kl,grayscale(1));opacity:.7;transition:filter .25s ease,opacity .25s ease}
.kl:hover{filter:var(--klh,none);opacity:1}
@keyframes acvIn1{0%,5%{opacity:0;transform:translateY(6px)}9%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes acvIn2{0%,12%{opacity:0;transform:translateY(6px)}16%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes acvIn3{0%,20%{opacity:0;transform:translateY(6px)}24%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes acvIn4{0%,30%{opacity:0;transform:translateY(6px)}34%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes acvIn5{0%,40%{opacity:0;transform:translateY(6px)}44%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes acvIn6{0%,55%{opacity:0}58%,94%{opacity:1}100%{opacity:0}}
@keyframes acvIn7{0%,70%{opacity:0}73%,94%{opacity:1}100%{opacity:0}}
@keyframes acvOut7{0%,70%{opacity:1}73%,100%{opacity:0}}
@keyframes acvBarT{0%{width:0}25%,100%{width:100%}}
@keyframes acvBarR{0%,45%{width:0}55%,100%{width:12%}}
@keyframes acvBarC{0%,55%{width:0}70%,100%{width:86%}}
@keyframes acvPulse{0%,100%{opacity:1}50%{opacity:.25}}
.acv-i1{animation:acvIn1 12s ease infinite}.acv-i2{animation:acvIn2 12s ease infinite}.acv-i3{animation:acvIn3 12s ease infinite}
.acv-i4{animation:acvIn4 12s ease infinite}.acv-i5{animation:acvIn5 12s ease infinite}.acv-i6{animation:acvIn6 12s ease infinite}
.acv-i7{animation:acvIn7 12s ease infinite}.acv-o7{animation:acvOut7 12s ease infinite}
.acv-bt{animation:acvBarT 12s ease-out infinite}.acv-br{animation:acvBarR 12s ease-out infinite}.acv-bc{animation:acvBarC 12s ease-out infinite}
.acv-pulse{animation:acvPulse 1s ease-in-out infinite}
@media (prefers-reduced-motion: reduce){.acv-anim *{animation:none !important}}
@keyframes uaS1{0%,3%{opacity:0;transform:translateY(6px)}7%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes uaS2{0%,9%{opacity:0;transform:translateY(6px)}13%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes uaS3{0%,15%{opacity:0;transform:translateY(6px)}19%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes uaS4{0%,21%{opacity:0;transform:translateY(6px)}25%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes uaS5{0%,30%{opacity:0;transform:translateY(6px)}34%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes uaS6{0%,42%{opacity:0;transform:translateY(6px)}46%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes uaS7{0%,50%{opacity:0;transform:translateY(6px)}54%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes uaS8{0%,58%{opacity:0;transform:translateY(6px)}62%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes uaS9{0%,66%{opacity:0;transform:translateY(6px)}70%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes uaGone40{0%,38%{opacity:1}41%,100%{opacity:0}}
@keyframes uaCome40{0%,39%{opacity:0}42%,94%{opacity:1}100%{opacity:0}}
@keyframes uaGone62{0%,60%{opacity:1}63%,100%{opacity:0}}
@keyframes uaCome62{0%,61%{opacity:0}64%,94%{opacity:1}100%{opacity:0}}
@keyframes uaShowA{0%,46%{opacity:1}50%,100%{opacity:0}}
@keyframes uaShowB{0%,48%{opacity:0}52%,94%{opacity:1}100%{opacity:0}}
@keyframes uaBar{0%,3%{width:0}38%,100%{width:100%}}
@keyframes uaGlow{0%,62%{opacity:0}65%{opacity:.4}85%,100%{opacity:0}}
@keyframes uaPress{0%,74%{transform:none}76%{transform:scale(.93)}79%,100%{transform:none}}
@keyframes uaToast{0%,77%{opacity:0;transform:translateY(8px)}80%,92%{opacity:1;transform:none}96%,100%{opacity:0}}
@keyframes uaPulse{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes uaType{0%,52%{width:0}60%,100%{width:6ch}}
@keyframes uaCaret{0%,100%{opacity:1}50%{opacity:0}}
@keyframes uaPush{0%,55%{opacity:0;transform:translateY(-18px)}59%,88%{opacity:1;transform:none}92%,100%{opacity:0;transform:translateY(-18px)}}
.ua-s1{animation:uaS1 12s ease infinite}.ua-s2{animation:uaS2 12s ease infinite}.ua-s3{animation:uaS3 12s ease infinite}
.ua-s4{animation:uaS4 12s ease infinite}.ua-s5{animation:uaS5 12s ease infinite}.ua-s6{animation:uaS6 12s ease infinite}
.ua-s7{animation:uaS7 12s ease infinite}.ua-s8{animation:uaS8 12s ease infinite}.ua-s9{animation:uaS9 12s ease infinite}
.ua-gone40{animation:uaGone40 12s ease infinite}.ua-come40{animation:uaCome40 12s ease infinite}
.ua-gone62{animation:uaGone62 12s ease infinite}.ua-come62{animation:uaCome62 12s ease infinite}
.ua-a{animation:uaShowA 12s ease infinite}.ua-b{animation:uaShowB 12s ease infinite}
.ua-bar{animation:uaBar 12s ease-out infinite}.ua-glow{animation:uaGlow 12s ease infinite}
.ua-press{animation:uaPress 12s ease infinite}.ua-toast{animation:uaToast 12s ease infinite}
.ua-pulse{animation:uaPulse 1s ease-in-out infinite}.ua-push{animation:uaPush 12s ease infinite}
.ua-type{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;animation:uaType 12s steps(6,end) infinite}
.ua-caret{animation:uaCaret .8s step-end infinite}
@keyframes hpA{0%{opacity:0}3%,46%{opacity:1}50%,100%{opacity:0}}
@keyframes hpB{0%,48%{opacity:0}52%,95%{opacity:1}100%{opacity:0}}
@keyframes hpType{0%,8%{width:0}22%,100%{width:6ch}}
@keyframes hpPress{0%,24%{transform:none}26%{transform:scale(.94)}28%,100%{transform:none}}
@keyframes hpSpin{0%,27%{opacity:0}29%,100%{opacity:1}}
@keyframes hpC1{0%,51%{opacity:0;transform:translateY(6px)}54%,100%{opacity:1;transform:none}}
@keyframes hpC2{0%,53%{opacity:0;transform:translateY(6px)}56%,100%{opacity:1;transform:none}}
@keyframes hpC3{0%,55%{opacity:0;transform:translateY(6px)}58%,100%{opacity:1;transform:none}}
@keyframes hpC4{0%,57%{opacity:0;transform:translateY(6px)}60%,100%{opacity:1;transform:none}}
@keyframes hpChipA{0%,64%{opacity:1}66%,100%{opacity:0}}
@keyframes hpChipB{0%,64%{opacity:0}66%,100%{opacity:1}}
@keyframes hpDim{0%,65%{opacity:1}68%,100%{opacity:.25}}
@keyframes hpDl{0%,70%{transform:none}72%{transform:scale(.92)}74%,100%{transform:none}}
@keyframes hpToast{0%,73%{opacity:0;transform:translateY(8px)}76%,92%{opacity:1;transform:none}95%,100%{opacity:0}}
@keyframes cpSlide{0%,36%{transform:translateX(calc(-21.5 * var(--u)))}44%,100%{transform:none}}
@keyframes cpPress{0%,56%{transform:none}58%{transform:scale(.9)}60%,100%{transform:none}}
@keyframes cpOk{0%,59%{opacity:0;transform:scale(.9)}62%,80%{opacity:1;transform:none}84%,100%{opacity:0}}
@keyframes cpBadge{0%,62%{opacity:0;transform:scale(0)}65%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes cpPub{0%,30%{transform:none}32%{transform:scale(.92)}34%,100%{transform:none}}
@keyframes cpLive{0%,34%{opacity:0}37%,94%{opacity:1}100%{opacity:0}}
.hp-a{animation:hpA 12s ease infinite}.hp-b{animation:hpB 12s ease infinite}
.hp-type{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;animation:hpType 12s steps(6,end) infinite}
.hp-press{animation:hpPress 12s ease infinite}.hp-spin{animation:hpSpin 12s ease infinite}
.hp-c1{animation:hpC1 12s ease infinite}.hp-c2{animation:hpC2 12s ease infinite}.hp-c3{animation:hpC3 12s ease infinite}.hp-c4{animation:hpC4 12s ease infinite}
.hp-chipa{animation:hpChipA 12s ease infinite}.hp-chipb{animation:hpChipB 12s ease infinite}
.hp-dim{animation:hpDim 12s ease infinite}.hp-dl{animation:hpDl 12s ease infinite}.hp-toast{animation:hpToast 12s ease infinite}
.cp-slide{animation:cpSlide 12s cubic-bezier(.2,.8,.2,1) infinite}.cp-press{animation:cpPress 12s ease infinite}
.cp-ok{animation:cpOk 12s ease infinite}.cp-badge{animation:cpBadge 12s ease infinite}
.cp-pub{animation:cpPub 12s ease infinite}.cp-live{animation:cpLive 12s ease infinite}
@keyframes sfA{0%{opacity:0}3%,30%{opacity:1}33%,100%{opacity:0}}
@keyframes sfB{0%,31%{opacity:0}35%,95%{opacity:1}100%{opacity:0}}
@keyframes sfTap{0%,22%{outline-color:transparent}24%,31%{outline-color:#111111}33%,100%{outline-color:transparent}}
@keyframes sfType{0%,37%{clip-path:inset(0 100% 0 0)}46%,100%{clip-path:inset(0 0 0 0)}}
@keyframes sfChip{0%,49%{background:#FFFFFF;color:#111111}51%,100%{background:#111111;color:#FFFFFF}}
@keyframes sfR1{0%,51%{opacity:0;transform:translateY(6px)}54%,100%{opacity:1;transform:none}}
@keyframes sfR2{0%,54%{opacity:0;transform:translateY(6px)}57%,100%{opacity:1;transform:none}}
@keyframes sfR3{0%,57%{opacity:0;transform:translateY(6px)}60%,100%{opacity:1;transform:none}}
@keyframes sfKnob1{0%,63%{transform:none}66%,100%{transform:translateX(18px)}}
@keyframes sfZoom{0%,63%{transform:none}66%,100%{transform:scale(1.06)}}
@keyframes sfKnob2{0%,69%{transform:none}72%,100%{transform:translateX(12px)}}
@keyframes sfBW{0%,69%{filter:none}72%,94%{filter:grayscale(1) contrast(1.6)}100%{filter:none}}
.sf-a{animation:sfA 12s ease infinite}.sf-b{animation:sfB 12s ease infinite}.sf-tap{animation:sfTap 12s ease infinite}
.sf-type{animation:sfType 12s steps(11,end) infinite}.sf-chip{animation:sfChip 12s ease infinite}
.sf-r1{animation:sfR1 12s ease infinite}.sf-r2{animation:sfR2 12s ease infinite}.sf-r3{animation:sfR3 12s ease infinite}
.sf-k1{animation:sfKnob1 12s ease infinite}.sf-zoom{animation:sfZoom 12s ease infinite}
.sf-k2{animation:sfKnob2 12s ease infinite}.sf-bw{animation:sfBW 12s ease infinite}
@keyframes icSeg1{0%,3%{transform:scaleX(0)}10%,100%{transform:scaleX(1)}}
@keyframes icSeg2{0%,10%{transform:scaleX(0)}17%,100%{transform:scaleX(1)}}
@keyframes icSeg3{0%,17%{transform:scaleX(0)}24%,100%{transform:scaleX(1)}}
@keyframes icBar1{0%,36%{transform:scaleX(0)}46%,100%{transform:scaleX(1)}}
@keyframes icBar2{0%,46%{transform:scaleX(0)}49%,100%{transform:scaleX(1)}}
@keyframes icBar3{0%,49%{transform:scaleX(0)}63%,100%{transform:scaleX(1)}}
@keyframes icBar4{0%,63%{transform:scaleX(0)}68%,100%{transform:scaleX(1)}}
@keyframes icNum1{0%,45%{opacity:0}47%,100%{opacity:1}}
@keyframes icNum2{0%,48%{opacity:0}50%,100%{opacity:1}}
@keyframes icNum3{0%,62%{opacity:0}64%,100%{opacity:1}}
@keyframes icNum4{0%,67%{opacity:0}69%,100%{opacity:1}}
@keyframes icTotal{0%,71%{opacity:0;transform:translateY(6px)}75%,100%{opacity:1;transform:none}}
@keyframes icFade{0%{opacity:0}3%,94%{opacity:1}100%{opacity:0}}
.ic-g1{transform-origin:left;animation:icSeg1 12s ease-out infinite}.ic-g2{transform-origin:left;animation:icSeg2 12s ease-out infinite}.ic-g3{transform-origin:left;animation:icSeg3 12s ease-out infinite}
.ic-b1{transform-origin:left;animation:icBar1 12s linear infinite}.ic-b2{transform-origin:left;animation:icBar2 12s linear infinite}
.ic-b3{transform-origin:left;animation:icBar3 12s linear infinite}.ic-b4{transform-origin:left;animation:icBar4 12s linear infinite}
.ic-n1{animation:icNum1 12s ease infinite}.ic-n2{animation:icNum2 12s ease infinite}.ic-n3{animation:icNum3 12s ease infinite}.ic-n4{animation:icNum4 12s ease infinite}
.ic-total{animation:icTotal 12s ease infinite}.ic-fade{animation:icFade 12s ease infinite}
@media (prefers-reduced-motion: reduce){.ua-anim,.ua-anim *{animation:none !important}}