#butterfly-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;perspective-origin:50% 50%;perspective:1000px;opacity:0;z-index:999;transform:scale(0);transition:opacity 2s,transform 3s}#butterfly-container.active{opacity:1;transform:scale(1)}#butterfly-container .butterfly{position:absolute;width:10vw;height:auto;z-index:999;transform:translate(-50%,-50%)}#butterfly-container .butterfly:before{content:'';position:relative;display:block;width:100%;padding-bottom:61.5%}#butterfly-container .butterfly .body{position:absolute;top:0;left:0;width:100%;height:100%;transform-style:preserve-3d}#butterfly-container .butterfly .body .wing-left,#butterfly-container .butterfly .body .wing-right{position:absolute;top:0;right:50%;width:50%;height:100%;background:url(//www.praxisklinik-zahnheilkunde.de/wp-content/plugins/butterfly/butterfly.png) no-repeat;background-size:200% 100%;transform-origin:100% 50%}#butterfly-container .butterfly .body .wing-right{left:50%;background-position:100% 0;transform-origin:0 50%}#butterfly-container .butterfly.fly-left>.body{transform:rotateX(50deg) rotateY(20deg) rotateZ(-50deg) translateZ(0px);animation:fly-left 1s cubic-bezier(.48,.01,.54,1) infinite;animation-direction:alternate}#butterfly-container .butterfly.fly-left>.body .wing-left{transform:rotateY(-20deg);animation:fly-left-wing-left 1s cubic-bezier(.48,.01,.54,1) infinite;animation-direction:alternate}#butterfly-container .butterfly.fly-left>.body .wing-right{transform:rotateY(60deg);animation:fly-left-wing-right 1s cubic-bezier(.48,.01,.54,1) infinite;animation-direction:alternate}#butterfly-container .butterfly.fly-right>.body{transform:rotateX(50deg) rotateY(-20deg) rotateZ(50deg) translateZ(0px);animation:fly-right 1s cubic-bezier(.48,.01,.54,1) infinite;animation-direction:alternate}#butterfly-container .butterfly.fly-right>.body .wing-left{transform:rotateY(-60deg);animation:fly-right-wing-left 1s cubic-bezier(.48,.01,.54,1) infinite;animation-direction:alternate}#butterfly-container .butterfly.fly-right>.body .wing-right{transform:rotateY(20deg);animation:fly-right-wing-right 1s cubic-bezier(.48,.01,.54,1) infinite;animation-direction:alternate}@keyframes fly-left{0%{transform:rotateX(50deg) rotateY(20deg) rotateZ(-50deg) translateZ(0px)}100%{transform:rotateX(50deg) rotateY(20deg) rotateZ(-50deg) translateZ(-3vw)}}@keyframes fly-right{0%{transform:rotateX(50deg) rotateY(-20deg) rotateZ(50deg) translateZ(0px)}100%{transform:rotateX(50deg) rotateY(-20deg) rotateZ(50deg) translateZ(-3vw)}}@keyframes fly-left-wing-left{0%{transform:rotateY(-20deg)}100%{transform:rotateY(60deg)}}@keyframes fly-left-wing-right{0%{transform:rotateY(60deg)}100%{transform:rotateY(-20deg)}}@keyframes fly-right-wing-left{0%{transform:rotateY(-60deg)}100%{transform:rotateY(20deg)}}@keyframes fly-right-wing-right{0%{transform:rotateY(20deg)}100%{transform:rotateY(-60deg)}}