.ani-wrap {position: relative;height:740px;overflow: hidden}
#bg {background: no-repeat center top;position: absolute;top:0;left:0;width:100%;height:100%;z-index: -1}
#bg.leuchtturm {background-image: url(../Illustr-moewe-und-seerohr.png)}
#bg.helden {background-image: url(../Illustr-helden.png)}
#bg.tandem {background-image: url(../Illustr-Tandem.png)}
#bg.wal {background-image: url(../Illustr-wal.png)}
#bg.bergsteiger {background-image: url(../Illustr-Bergsteiger.png)}
#bg.leitsystem {background-image: url(../images/bg-leitsystem.jpg)}
#bg.segelboot {background-image: url(../Illustr-Segelboot.png)}
#bg.ballon {background-image: url(../Illustr-Ballon.png)}
#moewe.container {position: absolute;top:249px;left:50%;width:188px;height:1px;overflow: visible;}
#moewe > div {position: relative;width:100px;height: 55px;left: 210px;}
#moewe > div > div {position: relative;width:100px;height: 55px;background: url(../images/moewe.png) no-repeat;background-size:  200px auto; left: 0px;background-position: 0px 0px}
#seerohr.container {position: absolute;top:560px;right:50%;width:1px;height:1px;overflow: visible;}
#seerohr div {position: relative;width:22px;height: 33px;background: url(../images/seerohr.png) no-repeat;background-size:  44px auto; right: 123px;background-position: -22px 35px}
#fernsehturm.container {position: absolute;top:47px;left:50%;width:1px;height:1px;overflow: visible;}
#fernsehturm div {position: absolute;width:271px;height: 148px;background: url(../images/fernsehturm.svg) no-repeat;left: 124px;background-position: 50% 50%;background-size: 9px auto}
#apfel.container {position: absolute;top:537px;left:50%;width:1px;height:1px;overflow: visible;}
#apfel .image {position: relative;width:22px;height: 24px;background: url(../images/apfel.png) no-repeat;background-size:  22px auto; left: 315px;opacity:0;}
#apfel .shadow {position: relative;width:22px;height: 15px;top:127px;left: 317px;background-color:#D3BFB4;border-radius: 50%;opacity:0;}
#blasen.container {position: absolute;top:418px;left:50%;width:1px;height:1px;overflow: visible;}
#blasen div {position: absolute;width:2px;height: 1px;background-color:white;border-radius:50%;border: 1px solid black;left: 405px;opacity:0;}
#fisch.container {position: absolute;top:515px;left:50%;width:1;height:1px;overflow: visible;}
#fisch div {position: relative;width:51px;height: 36px;background: url(../images/fisch.png) no-repeat;background-size: 102px auto; left: 75px;background-position: 0px 0px}
#luftballon.container {width:1px;height: 1px;position: absolute;top: 161px;left:50%;overflow: visible}
#luftballon svg {left:-17px;height: 276px; width: auto; position: relative;display: inherit;overflow: visible;}
#luftballon svg * {overflow: visible;}
#igel.container {position: absolute;top:584px;left:50%;width:1px;height:1px;overflow: visible;}
#igel div {position: relative;width:34px;height: 17px;background: url(../images/igel.png) no-repeat;left: 252px;}
#stein.container {position: absolute;top:421px;left:50%;width:1;height:1px;overflow: visible;}
#stein div {position: relative;width:10px;height: 8px;background: url(../images/stein.png) no-repeat;left: 90px;}
#fahne.container {position: absolute;top:37px;left:50%;width:188px;height:1px;overflow: visible;}
#fahne svg {position: relative;width:39px;height: 23px;left: 311px;}
#leitsystem.container {position: absolute;top:81px;left:50%;height:1px;overflow: visible;}
#leitsystem svg {position: relative;width:235px;height: 237px;left: -147px;}
#leitsystem svg path {opacity:0}
#leitsystem #text {position: absolute; font-size: 18px;line-height: 1.64em; top:0;left:124px;width:350px;}
#leitsystem #text div {transform-origin: left center;}
#leitsystem .text1 {color:#DB3233;}
#leitsystem .text2 {color:#23727D;}
#leitsystem .text3 {color:#794893;}
#leitsystem .text4 {color:#AF1965;}
#leitsystem .text5 {color:#23727D;}
#leitsystem .text6 {color:#0097DC;}
#leitsystem .text7 {color:#AF1965;}
#leitsystem .text8 {color:#47B072;}
#springfisch.container {position: absolute;top:632px;left:50%;margin-left:23px;width:1;height:1px;overflow: visible;}
#springfisch .welleMaskStart {position: absolute;width:82px;height: 67px;background: url(../images/welleMaskStart.png) no-repeat;left: -9px;}
#springfisch .welleStart {position: absolute;width:82px;height: 67px;background: url(../images/welleStart.png) no-repeat;left: -9px;opacity:0}
#springfisch .image {position: absolute;width:62px;height: 33px;background: url(../images/springfisch.png) no-repeat;left: -15px;top:20px;transform: rotate(-50deg)}
#springfisch .welleEnd div{position: absolute;width:271px;height: 148px;background: url(../images/welle.svg) no-repeat;left: 26px;top:-60px;background-position: 50% 50%;background-size: 0px auto}
#springfisch .maskEnd {position: absolute;width:55px;height: 55px;background: url(../images/welleMask.png) no-repeat;left: 144px;top:14px;}
#arm.container {position: absolute;top:443px;left:50%;width:1;height:1px;overflow: visible;background-color: red}
/*#arm .image {position: absolute;width:37px;height: 45px;background: url(../images/arm.png) no-repeat;left: 91px;transform: rotate(-1deg);transform-origin: 34px 2px;}*/
#arm .image {position: absolute;width:50px;height: 33px;background: url(../images/arm.png) no-repeat;left: 101px;transform: rotate(-6deg);transform-origin: 46px 1px;}
#heissluftballon.container {position: absolute;top:-20px;left:50%;width:1;height:1px;overflow: visible;}
/*#heissluftballon .schatten {position: absolute;width:127px;height: 86px;background: url(../images/schatten-ballon.png) no-repeat;left: 174px;top:548px;background-position: 50% 50%;background-size: 127px 86px}*/
#heissluftballon .schatten {position: absolute;width:127px;height: 86px;background-color:rgba(0,0,0,0.1);border-radius: 50%; left: 150px;top:548px;transform: rotate(-20deg);transform-origin: center}
#heissluftballon .image {position: absolute;width:468px;height: 582px;background: url(../images/ballon.png) no-repeat;left: 119px;}
#ballon-arm.container {position: absolute;top:540px;left:50%;width:1;height:1px;overflow: visible;background-color: red}
#ballon-arm .image {position: absolute;width:16px;height: 41px;background: url(../images/arm-ballon.png) no-repeat;left: 79px;transform: rotate(0deg);transform-origin: 2px 34px;}
#ballon.container {width: 100%;height: auto;position: absolute;bottom: 0;left:0}
#ballon svg {height: 60px; width: auto; position: relative; margin: 0 auto; display: inherit;cursor:pointer}
.unvisible {visibility: hidden}