/* Paket 50/50b - neues Logo (Variante A), gleich wie auf multi-bos-assistent.de
   50b: Regeln gelten unabhaengig vom umgebenden Element (.brand oder .kopf-marke) */
svg.brand-mark.marke-neu,.kopf-marke svg.brand-mark.marke-neu,.brand svg.brand-mark.marke-neu{width:auto;height:34px;flex:none;overflow:visible;color:inherit}
svg.marke-neu ~ *{display:none!important}     /* alter Schriftzug daneben entfaellt */
.marke-neu g:last-child{opacity:.72}           /* ASSISTENT etwas zurueckgenommen */
.marke-neu .logo-knoten{transform-box:fill-box;transform-origin:center;animation:logo-einflug .9s cubic-bezier(.18,.9,.25,1.15) both}
.marke-neu .k1{--dx:0px;--dy:-30px;animation-delay:.15s}
.marke-neu .k2{--dx:-30px;--dy:18px;animation-delay:.3s}
.marke-neu .k3{--dx:30px;--dy:18px;animation-delay:.45s}
.marke-neu .logo-linie{stroke-dasharray:1;stroke-dashoffset:1;animation:logo-zeichnen .55s ease-out 1s forwards}
@keyframes logo-einflug{from{transform:translate(var(--dx),var(--dy)) scale(.3);opacity:0}to{transform:none;opacity:1}}
@keyframes logo-zeichnen{to{stroke-dashoffset:0}}
@media (max-width:600px){svg.brand-mark.marke-neu,.kopf-marke svg.brand-mark.marke-neu{height:30px}}
@media (prefers-reduced-motion:reduce){.marke-neu .logo-knoten,.marke-neu .logo-linie{animation:none;stroke-dashoffset:0;opacity:1}}