.group-brand{position:relative;opacity:.45;transition:opacity .3s ease-out,color .3s ease-out}.group-brand:hover{opacity:.85}.group-brand.is-active{opacity:1}.brand-color--switch4u{color:#fed0ab}.brand-color--illo{color:#fff9d9}.brand-color--illo .logo-dot{fill:#a6eddd}.brand-color--energiewinkel{color:#fff}.brand-color--energiewinkel .logo-mark{fill:#a0caff}.brand-color--moviya{color:#fff}.group-brand.is-active:not(.group-brand--nobla):after{content:"";position:absolute;left:0;right:0;bottom:-.75rem;height:2px;border-radius:2px;background:currentColor;transform-origin:left center;animation:gb-marker .8s var(--ease-nobla) .8s both}.group-brand svg *{transform-box:fill-box}@keyframes gb-marker{0%{transform:scaleX(0)}}@keyframes gb-fade{0%{opacity:0}}.group-brand--nobla .logo-letter{transition:transform .6s var(--ease-nobla);transition-delay:calc(var(--i) * .04s)}.group-brand--nobla:is(:hover,.is-playing) .logo-letter{transform:translateY(-14px)}.group-brand--switch4u .logo-four,.group-brand--switch4u .logo-u,.group-brand--switch4u .logo-letter{transform-origin:center;transition:transform .6s var(--ease-nobla)}.group-brand--switch4u.is-entering .logo-four{animation:gb-s4u-four .9s var(--ease-nobla) .5s both}.group-brand--switch4u.is-entering .logo-u{animation:gb-s4u-u .9s var(--ease-nobla) .65s both}.group-brand--switch4u.is-entering .logo-letter{animation:gb-s4u-letter .6s var(--ease-nobla) both;animation-delay:calc(1s + var(--i) * .07s)}.group-brand--switch4u:is(:hover,.is-playing) .logo-four{transform:translate(-12px,26px)}.group-brand--switch4u:is(:hover,.is-playing) .logo-u{transform:translate(12px,-26px)}.group-brand--switch4u:is(:hover,.is-playing) .logo-letter{transform:translateY(-14px);transition-delay:calc(var(--i) * .03s)}@keyframes gb-s4u-four{0%{opacity:0;transform:translate(-83px,182px)}}@keyframes gb-s4u-u{0%{opacity:0;transform:translate(83px,-182px)}}@keyframes gb-s4u-letter{0%{opacity:0;transform:translateY(-36px) skew(-12deg)}}.group-brand--illo .logo-dot{transform-origin:50% 100%}.group-brand--illo .logo-runner{stroke:var(--color-mint);stroke-dasharray:.16 1.4;stroke-dashoffset:.16;opacity:0}.group-brand--illo.is-entering .logo-line{animation:gb-fade .6s var(--ease-illo) .5s both}.group-brand--illo.is-entering .logo-dot{animation:gb-illo-drop 1.5s .9s both}.group-brand--illo.is-entering .logo-runner{animation:gb-illo-run 1.1s var(--ease-illo-swing) 2.1s both}.group-brand--illo:is(:hover,.is-playing) .logo-dot{animation:gb-illo-hop .62s var(--ease-illo) both}.group-brand--illo:is(:hover,.is-playing) .logo-runner{animation:gb-illo-run .9s var(--ease-illo-swing) .12s both}@keyframes gb-illo-drop{0%{opacity:0;transform:translateY(-420%);animation-timing-function:cubic-bezier(.55,0,1,.45)}10%{opacity:1}38%{transform:translateY(0) scale(1.18,.78);animation-timing-function:cubic-bezier(0,.55,.45,1)}56%{transform:translateY(-70%) scale(.94,1.06);animation-timing-function:cubic-bezier(.55,0,1,.45)}72%{transform:translateY(0) scale(1.08,.9);animation-timing-function:cubic-bezier(0,.55,.45,1)}84%{transform:translateY(-16%) scale(1)}to{transform:translateY(0) scale(1)}}@keyframes gb-illo-hop{35%{transform:translateY(-55%) scale(.92,1.08)}62%{transform:translateY(0) scale(1.1,.9)}}@keyframes gb-illo-run{0%{stroke-dashoffset:.16;opacity:1}92%{opacity:1}to{stroke-dashoffset:-1;opacity:0}}.group-brand--energiewinkel .logo-mark{transform-origin:center;transition:transform .6s var(--ease-bounce)}.group-brand--energiewinkel .logo-letter{transform-origin:center bottom;transition:transform .5s var(--ease-nobla);transition-delay:calc(var(--i) * 25ms)}.group-brand--energiewinkel.is-entering .logo-mark{animation:gb-ew-mark .9s var(--ease-bounce) .5s both}.group-brand--energiewinkel.is-entering .logo-letter{animation:gb-ew-letter .7s var(--ease-nobla) both;animation-delay:calc(.8s + var(--i) * .04s)}.group-brand--energiewinkel:is(:hover,.is-playing) .logo-mark{transform:rotate(-8deg) scale(1.06)}.group-brand--energiewinkel:is(:hover,.is-playing) .logo-letter{transform:translateY(-16px)}@keyframes gb-ew-mark{0%{opacity:0;transform:rotate(-30deg) scale(.6)}}@keyframes gb-ew-letter{0%{opacity:0;transform:translateY(60px)}}.group-brand--moviya .logo-mark,.group-brand--moviya .logo-letter{transform-origin:center;transition:transform .8s var(--ease-moviya)}.group-brand--moviya.is-entering .logo-mark{animation:gb-mv-rise 1.2s var(--ease-moviya) .5s both}.group-brand--moviya.is-entering .logo-letter{--offset: calc((var(--i) - 2.5) * 34px);animation:gb-mv-glide 1.1s var(--ease-moviya) both;animation-delay:calc(1.05s + var(--i) * .05s)}.group-brand--moviya:is(:hover,.is-playing) .logo-mark{transform:translateY(-14px) scale(1.04)}.group-brand--moviya:is(:hover,.is-playing) .logo-letter{transform:translate(calc((var(--i) - 2.5) * 9px))}@keyframes gb-mv-rise{0%{clip-path:inset(100% -5% -5% -5%);transform:translateY(18px)}to{clip-path:inset(-5% -5% -5% -5%);transform:translateY(0)}}@keyframes gb-mv-glide{0%{opacity:0;transform:translate(var(--offset))}}@media(prefers-reduced-motion:reduce){.group-brand,.group-brand:after,.group-brand svg *{animation:none!important;transition:none!important}}