html{height:100%;background:#2b2e3b}body{height:100%;margin:0;display:flex;align-items:center;justify-content:center}.teaser{flex:1;max-width:900px;backface-visibility:hidden;animation:teaser-animation-intro 1s forwards}@keyframes teaser-animation-intro{0%{opacity:0;transform:scale(0.96)}100%{opacity:1;transform:scale(1)}}.teaser-path{fill:#9feaf9;opacity:.1;transform-origin:50% 50%;transition:transform 0.4s cubic-bezier(0.5, 0.2, 0.2, 1)}.teaser-path.long-1{transition-delay:.1s}.teaser-path.dot-1{transition-delay:0s}.teaser-path.loop-1{transition-delay:.1s}.teaser-path.short-1{transition-delay:.1s}.teaser-path.long-2{transition-delay:.2s}.teaser-path.dot-2{transition-delay:0s}.teaser-path.loop-2{transition-delay:.2s}.teaser-path.short-2{transition-delay:.2s}.teaser-path.long-3{transition-delay:.3s}.teaser-path.dot-3{transition-delay:0s}.teaser-path.loop-3{transition-delay:.3s}.teaser-path.short-3{transition-delay:.3s}.teaser-path.dot{transform:translate(35px, -37px)}.teaser-path.short-1{transform:translate(119px, 37px) rotate(-134deg)}.teaser-path.short-2{transform:translate(-20px, 61px) rotate(106deg)}.teaser-path.short-3{transform:translate(65px, -18px) rotate(-17deg)}.teaser-path.long-1{transform:translate(-101px, -45px) rotate(-107deg)}.teaser-path.long-2{transform:translate(-35px, 8px) rotate(133deg)}.teaser-path.long-3{transform:translate(-64px, 20px) rotate(13deg)}.teaser-path.loop-1{transform:translate(-51px, -128px)}.teaser-path.loop-2{transform:translate(166px, -88px)}.teaser-path.loop-3{transform:translate(79px, 21px)}.teaser-path.long-1{animation:teaser-animation 4s 1.4333333333s infinite}.teaser-path.dot-1{animation:teaser-animation 4s 1.5333333333s infinite}.teaser-path.loop-1{animation:teaser-animation 4s 1.6333333333s infinite}.teaser-path.long-2{animation:teaser-animation 4s 2.7666666667s infinite}.teaser-path.dot-2{animation:teaser-animation 4s 2.8666666667s infinite}.teaser-path.loop-2{animation:teaser-animation 4s 2.9666666667s infinite}.teaser-path.long-3{animation:teaser-animation 4s 4.1s infinite}.teaser-path.dot-3{animation:teaser-animation 4s 4.2s infinite}.teaser-path.loop-3{animation:teaser-animation 4s 4.3s infinite}@keyframes teaser-animation{0%{opacity:.1}2%{opacity:1}8%{opacity:1}50%{opacity:.1}}.teaser:hover .teaser-path{transform:none}.teaser:hover .teaser-path.dot-1{animation:teaser-animation-active 4s 0s infinite}.teaser:hover .teaser-path.short-1{animation:teaser-animation-active 4s 1.4333333333s infinite}.teaser:hover .teaser-path.long-1{animation:teaser-animation-active 4s 1.5333333333s infinite}.teaser:hover .teaser-path.loop-1{animation:teaser-animation-active 4s 1.6333333333s infinite}.teaser:hover .teaser-path.dot-2{animation:teaser-animation-active 4s 1.3333333333s infinite}.teaser:hover .teaser-path.short-2{animation:teaser-animation-active 4s 2.7666666667s infinite}.teaser:hover .teaser-path.long-2{animation:teaser-animation-active 4s 2.8666666667s infinite}.teaser:hover .teaser-path.loop-2{animation:teaser-animation-active 4s 2.9666666667s infinite}.teaser:hover .teaser-path.dot-3{animation:teaser-animation-active 4s 2.6666666667s infinite}.teaser:hover .teaser-path.short-3{animation:teaser-animation-active 4s 4.1s infinite}.teaser:hover .teaser-path.long-3{animation:teaser-animation-active 4s 4.2s infinite}.teaser:hover .teaser-path.loop-3{animation:teaser-animation-active 4s 4.3s infinite}@keyframes teaser-animation-active{0%{opacity:.1}2%{opacity:1}8%{opacity:1}50%{opacity:.1}}@-moz-document url-prefix(){.teaser-path.short-1{transform:translate(26px, -78px) rotate(-134deg)}.teaser-path.short-2{transform:translate(40px, -42px) rotate(106deg)}.teaser-path.short-3{transform:translate(40px, -32px) rotate(-17deg)}.teaser-path.long-1{transform:translate(-124px, 4px) rotate(-107deg)}.teaser-path.long-2{transform:translate(-92px, 22px) rotate(133deg)}.teaser-path.long-3{transform:translate(-56px, 8px) rotate(13deg)}}