body#karomschej{
    background-color: #0f9d00;
}
#contentkar{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    margin-left: -50%;
    top: 0px;
    overflow: hidden;
    background-color: #0f9d00;
    border: 0px solid black;
}
#zauberer{
    position: absolute;
    height:80%;
    width:38%;
    left:0px;
    bottom: 0px;
    border: 0px solid black;
}
#wolke1{
    position: absolute;
    width: 160px;
    height: 76px;
    left: 10%;
    top: 3%;
    border: 0px solid black;
    display: flex;
    align-items: center;
    justify-content: center;
}
#wolke2{
    position: absolute;
    width: 160px;
    height: 76px;
    left: 30%;
    top: 3%;
    border: 0px solid black;
    display: flex;
    align-items: center;
    justify-content: center;
}
#wolke3{
    position: absolute;
    width: 160px;
    height: 76px;
    left: 50%;
    top: 3%;
    border: 0px solid black;
    display: flex;
    align-items: center;
    justify-content: center;
}
#wolke4{
    position: absolute;
    width: 160px;
    height: 76px;
    left: 70%;
    top: 3%;
    border: 0px solid black;
    display: flex;
    align-items: center;
    justify-content: center;
}
#wolke5{
    position: absolute;
    width: 1px;
    height: 4px;
    right: 7%;
    bottom: 30%;
    border: 0px solid black;
    display: flex;
    align-items: center;
    justify-content: center;
}
#wolke6{
    position: absolute;
    width: 10px;
    height: 10px;
    right: 16%;
    top: 25%;
    border: 0px solid black;
    display: flex;
    align-items: center;
    justify-content: center;
}

.text{
    position: absolute;
    width: 100%;
    border: 0px solid black;
    text-align: center;   
    font-size: 16px;
    font-family: Comic Sans MS;
    color: grey;

}

img#mantel{
    position: absolute;
    top: 15.5%;
    height: 75%;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    z.index: 1;
}
img#koerper{
    position: absolute;
    top: 15.5%;
    height: 30.5%;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    z-index: 4;
}
img#schuhe{
    position: absolute;
    top: 84%;
    height: 14.75%;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
}
img#hose{
    position: absolute;
    top: 45.7%;
    height: 43.8%;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    z-index: 3;
}
img#guertel{
    position: absolute;
    top: 44.7%;
    height: 2.35%;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    z-index: 5;
}
img#kopf{
    position: absolute;
    top: 5.5%;
    height: 13.85%;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    z-index: 7;
}
img#hut{
    position: absolute;
    top:0%;
    height: 16.15%;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    z-index: 8;
}
img#kragen{
    position: absolute;
    top: 15.5%;
    height: 20.4%;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    z-index: 6;
}
.wunten{
    background-color: rgba(255, 255, 255, 0.3);
}
.wmitte{
    background-color: rgba(255, 255, 255, 0.6);
}
.woben{
    background-color: rgba(255, 255, 255, 1);
}
#wolke1_1{
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    border: 0px solid white;
    top: -2px;
    left: 10px;
}
#wolke1_2{
    position: absolute;
    width: 84px;
    height: 84px;
    border-radius: 42px;
    border: 0px solid white;
    top: -4px;
    left: 8px;
}
#wolke1_3{
    position: absolute;
    width: 88px;
    height: 88px;
    border-radius: 44px;
    border: 0px solid white;
    top: -6px;
    left: 6px;
}
#wolke2_1{
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    border: 0px solid white;
    top: -2px;
    left: 64px;
}
#wolke2_2{
    position: absolute;
    width: 84px;
    height: 84px;
    border-radius: 42px;
    border: 0px solid white;
    top: -4px;
    left: 62px;
}
#wolke2_3{
    position: absolute;
    width: 88px;
    height: 88px;
    border-radius: 44px;
    border: 0px solid white;
    top: -6px;
    left: 60px;
}
#wolkel_1{
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border: 0px solid white;
    top: 16px;
    left: 0px;
}
#wolkel_2{
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 22px;
    border: 0px solid white;
    top: 14px;
    left: -2px;
}
#wolkel_3{
    position: absolute;
    width: 48px;
    height: 48px;
    border-radius: 24px;
    border: 0px solid white;
    top: 12px;
    left: -4px;
}
#wolker_1{
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    border: 0px solid white;
    top: 15px;
    left: 110px;
}
#wolker_2{
    position: absolute;
    width: 54px;
    height: 54px;
    border-radius: 27px;
    border: 0px solid white;
    top: 13px;
    left: 108px;
}
#wolker_3{
    position: absolute;
    width: 58px;
    height: 58px;
    border-radius: 29px;
    border: 0px solid white;
    top: 11px;
    left: 106px;
}
#wolkem_1{
    position: absolute;
    width: 68px;
    height: 68px;
    border-radius: 34px;
    border: 0px solid white;
    top: 4px;
    left: 46px;
}
#wolkem_2{
    position: absolute;
    width: 72px;
    height: 72px;
    border-radius: 36px;
    border: 0px solid white;
    top: 2px;
    left: 44px;
}
#wolkem_3{
    position: absolute;
    width: 76px;
    height: 76px;
    border-radius: 38px;
    border: 0px solid white;
    top: 0px;
    left: 42px;
}

#wolke12_1{
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    border: 0px solid white;
    top: -2px;
    left: 10px;
}
#wolke12_2{
    position: absolute;
    width: 84px;
    height: 84px;
    border-radius: 42px;
    border: 0px solid white;
    top: -4px;
    left: 8px;
}
#wolke12_3{
    position: absolute;
    width: 88px;
    height: 88px;
    border-radius: 44px;
    border: 0px solid white;
    top: -6px;
    left: 6px;
}
#wolke22_1{
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    border: 0px solid white;
    top: -2px;
    left: 64px;
}
#wolke22_2{
    position: absolute;
    width: 84px;
    height: 84px;
    border-radius: 42px;
    border: 0px solid white;
    top: -4px;
    left: 62px;
}
#wolke22_3{
    position: absolute;
    width: 88px;
    height: 88px;
    border-radius: 44px;
    border: 0px solid white;
    top: -6px;
    left: 60px;
}
#wolkel2_1{
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border: 0px solid white;
    top: 16px;
    left: 0px;
}
#wolkel2_2{
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 22px;
    border: 0px solid white;
    top: 14px;
    left: -2px;
}
#wolkel2_3{
    position: absolute;
    width: 48px;
    height: 48px;
    border-radius: 24px;
    border: 0px solid white;
    top: 12px;
    left: -4px;
}
#wolker2_1{
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    border: 0px solid white;
    top: 15px;
    left: 110px;
}
#wolker2_2{
    position: absolute;
    width: 54px;
    height: 54px;
    border-radius: 27px;
    border: 0px solid white;
    top: 13px;
    left: 108px;
}
#wolker2_3{
    position: absolute;
    width: 58px;
    height: 58px;
    border-radius: 29px;
    border: 0px solid white;
    top: 11px;
    left: 106px;
}
#wolkem2_1{
    position: absolute;
    width: 68px;
    height: 68px;
    border-radius: 34px;
    border: 0px solid white;
    top: 4px;
    left: 46px;
}
#wolkem2_2{
    position: absolute;
    width: 72px;
    height: 72px;
    border-radius: 36px;
    border: 0px solid white;
    top: 2px;
    left: 44px;
}
#wolkem2_3{
    position: absolute;
    width: 76px;
    height: 76px;
    border-radius: 38px;
    border: 0px solid white;
    top: 0px;
    left: 42px;
}

#wolke13_1{
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    border: 0px solid white;
    top: -2px;
    left: 10px;
}
#wolke13_2{
    position: absolute;
    width: 84px;
    height: 84px;
    border-radius: 42px;
    border: 0px solid white;
    top: -4px;
    left: 8px;
}
#wolke13_3{
    position: absolute;
    width: 88px;
    height: 88px;
    border-radius: 44px;
    border: 0px solid white;
    top: -6px;
    left: 6px;
}
#wolke23_1{
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    border: 0px solid white;
    top: -2px;
    left: 64px;
}
#wolke23_2{
    position: absolute;
    width: 84px;
    height: 84px;
    border-radius: 42px;
    border: 0px solid white;
    top: -4px;
    left: 62px;
}
#wolke23_3{
    position: absolute;
    width: 88px;
    height: 88px;
    border-radius: 44px;
    border: 0px solid white;
    top: -6px;
    left: 60px;
}
#wolkel3_1{
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border: 0px solid white;
    top: 16px;
    left: 0px;
}
#wolkel3_2{
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 22px;
    border: 0px solid white;
    top: 14px;
    left: -2px;
}
#wolkel3_3{
    position: absolute;
    width: 48px;
    height: 48px;
    border-radius: 24px;
    border: 0px solid white;
    top: 12px;
    left: -4px;
}
#wolker3_1{
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    border: 0px solid white;
    top: 15px;
    left: 110px;
}
#wolker3_2{
    position: absolute;
    width: 54px;
    height: 54px;
    border-radius: 27px;
    border: 0px solid white;
    top: 13px;
    left: 108px;
}
#wolker3_3{
    position: absolute;
    width: 58px;
    height: 58px;
    border-radius: 29px;
    border: 0px solid white;
    top: 11px;
    left: 106px;
}
#wolkem3_1{
    position: absolute;
    width: 68px;
    height: 68px;
    border-radius: 34px;
    border: 0px solid white;
    top: 4px;
    left: 46px;
}
#wolkem3_2{
    position: absolute;
    width: 72px;
    height: 72px;
    border-radius: 36px;
    border: 0px solid white;
    top: 2px;
    left: 44px;
}
#wolkem3_3{
    position: absolute;
    width: 76px;
    height: 76px;
    border-radius: 38px;
    border: 0px solid white;
    top: 0px;
    left: 42px;
}

#wolke14_1{
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    border: 0px solid white;
    top: -2px;
    left: 10px;
}
#wolke14_2{
    position: absolute;
    width: 84px;
    height: 84px;
    border-radius: 42px;
    border: 0px solid white;
    top: -4px;
    left: 8px;
}
#wolke14_3{
    position: absolute;
    width: 88px;
    height: 88px;
    border-radius: 44px;
    border: 0px solid white;
    top: -6px;
    left: 6px;
}
#wolke24_1{
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    border: 0px solid white;
    top: -2px;
    left: 64px;
}
#wolke24_2{
    position: absolute;
    width: 84px;
    height: 84px;
    border-radius: 42px;
    border: 0px solid white;
    top: -4px;
    left: 62px;
}
#wolke24_3{
    position: absolute;
    width: 88px;
    height: 88px;
    border-radius: 44px;
    border: 0px solid white;
    top: -6px;
    left: 60px;
}
#wolkel4_1{
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border: 0px solid white;
    top: 16px;
    left: 0px;
}
#wolkel4_2{
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 22px;
    border: 0px solid white;
    top: 14px;
    left: -2px;
}
#wolkel4_3{
    position: absolute;
    width: 48px;
    height: 48px;
    border-radius: 24px;
    border: 0px solid white;
    top: 12px;
    left: -4px;
}
#wolker4_1{
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    border: 0px solid white;
    top: 15px;
    left: 110px;
}
#wolker4_2{
    position: absolute;
    width: 54px;
    height: 54px;
    border-radius: 27px;
    border: 0px solid white;
    top: 13px;
    left: 108px;
}
#wolker4_3{
    position: absolute;
    width: 58px;
    height: 58px;
    border-radius: 29px;
    border: 0px solid white;
    top: 11px;
    left: 106px;
}
#wolkem4_1{
    position: absolute;
    width: 68px;
    height: 68px;
    border-radius: 34px;
    border: 0px solid white;
    top: 4px;
    left: 46px;
}
#wolkem4_2{
    position: absolute;
    width: 72px;
    height: 72px;
    border-radius: 36px;
    border: 0px solid white;
    top: 2px;
    left: 44px;
}
#wolkem4_3{
    position: absolute;
    width: 76px;
    height: 76px;
    border-radius: 38px;
    border: 0px solid white;
    top: 0px;
    left: 42px;
}
#wolkeo5_1{
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    border: 0px solid white;
    bottom: 28px;
    left: -6px;
}
#wolkeo5_2{
    position: absolute;
    width: 64px;
    height: 64px;
    border-radius: 32px;
    border: 0px solid white;
    bottom: 26px;
    left: -8px;
}
#wolkeo5_3{
    position: absolute;
    width: 68px;
    height: 68px;
    border-radius: 34px;
    border: 0px solid white;
    bottom: 24px;
    left: -10px;
}
#wolkem5_1{
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border: 0px solid white;
    bottom: 8px;
    left: 5px;
}
#wolkem5_2{
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 22px;
    border: 0px solid white;
    bottom: 6px;
    left: 3px;
}
#wolkem5_3{
    position: absolute;
    width: 48px;
    height: 48px;
    border-radius: 24px;
    border: 0px solid white;
    bottom: 4px;
    left: 1px;
}
#wolkeu5_1{
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    border: 0px solid white;
    bottom: 0px;
    left: 0px;
}
#wolkeu5_2{
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    border: 0px solid white;
    bottom: -2px;
    left: -2px;
}
#wolkeu5_3{
    position: absolute;
    width: 28px;
    height: 28px;
    border-radius: 14px;
    border: 0px solid white;
    bottom: -4px;
    left: -4px;
}
#wolke16_1{
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    border: 0px solid white;
    top: 4px;
    left: 4px;
}
#wolke16_2{
    position: absolute;
    width: 64px;
    height: 64px;
    border-radius: 32px;
    border: 0px solid white;
    top: 2px;
    left: 2px;
}
#wolke16_3{
    position: absolute;
    width: 68px;
    height: 68px;
    border-radius: 34px;
    border: 0px solid white;
    top: 0px;
    left: 0px;
}
#wolke26_1{
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    border: 0px solid white;
    top: 4px;
    left: 72px;
}
#wolke26_2{
    position: absolute;
    width: 64px;
    height: 64px;
    border-radius: 32px;
    border: 0px solid white;
    top: 2px;
    left: 70px;
}
#wolke26_3{
    position: absolute;
    width: 68px;
    height: 68px;
    border-radius: 34px;
    border: 0px solid white;
    top: 0px;
    left: 68px;
}
#wolkem6_1{
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    border: 0px solid white;
    top: -6px;
    left: 30px;
}
#wolkem6_2{
    position: absolute;
    width: 84px;
    height: 84px;
    border-radius: 42px;
    border: 0px solid white;
    top: -8px;
    left: 28px;
}
#wolkem6_3{
    position: absolute;
    width: 88px;
    height: 88px;
    border-radius: 44px;
    border: 0px solid white;
    top: -10px;
    left: 26px;
}
#wolkeu6_1{
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    border: 0px solid white;
    top: 39px;
    left: 72px;
}
#wolkeu6_2{
    position: absolute;
    width: 64px;
    height: 64px;
    border-radius: 32px;
    border: 0px solid white;
    top: 37px;
    left: 70px;
}
#wolkeu6_3{
    position: absolute;
    width: 68px;
    height: 68px;
    border-radius: 34px;
    border: 0px solid white;
    top: 35px;
    left: 68px;
}
#wolkeu26_1{
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border: 0px solid white;
    top: 75px;
    left: 86px;
}
#wolkeu26_2{
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 22px;
    border: 0px solid white;
    top: 73px;
    left: 84px;
}
#wolkeu26_3{
    position: absolute;
    width: 48px;
    height: 48px;
    border-radius: 24px;
    border: 0px solid white;
    top: 71px;
    left: 82px;
}
img#coin{
    position: absolute;
    height: 17%;
    bottom: 2.5%;
    right: 19%;
}
img#truhe{
    position: absolute;
    height: 37%;
    
    bottom: 3%;
    right: 9%;
}
img#krug{
    position: absolute;
    height: 25%;
    bottom: 2%;
    right: 0.7%;
}
img#schwert{
    position: absolute;
    height: 50%;
    bottom: 6%;
    right: 10%;
}
img#pergament{
        position: absolute;
    bottom:8%;
    width: 33%;
    left:50%;
    margin-left: -15%;
   }
#footer2{
    position: absolute;
    width: 500px;
    left: 50%;
    bottom: 0px;
    margin-left: -250px;
    text-align: center;
    font-size: 12px;
}

body#geschw{
    overflow: hidden;
    background-image: -webkit-linear-gradient(25deg, lightyellow 10%, lightblue);
    background-image: -moz-linear-gradient(25deg, lightyellow 10%, lightblue);
    background-image: -ms-linear-gradient(25deg, lightyellow 10%, lightblue);
    background-image: -o-linear-gradient(25deg, lightyellow 10%, lightblue);
    background-image: -linear-gradient(25deg, lightyellow 10%, lightblue);
}

img#gras4{
    position: absolute;
    left: 0px;
    width: 100%;
    height: 25%;
    bottom: 0%;
}
img#gras3{
    position: absolute;
    left: 0px;
    width: 100%;
    height: 25%;
    bottom: 3%;
}
img#gras2{
    position: absolute;
    left: 0px;
    width: 100%;
    height: 25%;
    bottom: 6%;
}
img#gras1{
    position: absolute;
    left: 0px;
    width: 100%;
    height: 25%;
    bottom: 9%;
}
img#busch{
    position: absolute;
    left: 85%;
    height: 20%;
    bottom: 16%;
}
img#buschMaske{
    position: absolute;
    left: 85%;
    height: 20%;
    bottom: 16%;
}
img#baum1{
    position: absolute;
    left: 0%;
    margin-left: -5%;
    height: 70%;
    bottom: 20%;
}
img#baum2{
    position: absolute;
    left: 15%;
    height: 70%;
    bottom: 20%;
}
img#baum3{
    position: absolute;
    left: 20%;
    height: 70%;
    bottom: 20%;
}
img#baum4{
    position: absolute;
    left: 35%;
    height: 70%;
    bottom: 20%;

}
img#baum5{
    position: absolute;
    left: 55%;
    height: 70%;
    bottom: 20%;
}
img#baum6{
    position: absolute;
    left: 70%;
    height: 70%;
    bottom: 20%;
}
img#baum7{
    position: absolute;
    left: 85%;
    height: 70%;
    bottom: 20%;
}
img#baum12{
    position: absolute;
    left: 85%;
    height: 60%;
    bottom: 20%;
}
img#baum22{
    position: absolute;
    left: 70%;
    height: 60%;
    bottom: 20%;
}
img#baum32{
    position: absolute;
    left: 55%;
    height: 60%;
    bottom: 20%;
}
img#baum42{
    position: absolute;
    left: 35%;
    height: 60%;
    bottom: 20%;
}
img#baum52{
    position: absolute;
    left: 20%;
    height: 60%;
    bottom: 20%;
}
img#baum62{
    position: absolute;
    left: 15%;
    height: 60%;
    bottom: 20%;
}
img#baum72{
    position: absolute;
    margin-left: -5%;
    left: 0%;
    height: 60%;
    bottom: 20%;
}
img#baum13{
    position: absolute;
    left: 0%;
    margin-left: -6%;
    height: 55%;
    bottom: 20%;
}
img#baum23{
    position: absolute;
    left: 12%;
    height: 55%;
    bottom: 20%;
}
img#baum33{
    position: absolute;
    left: 17%;
    height: 55%;
    bottom: 20%;
}
img#baum43{
    position: absolute;
    left: 32%;
    height: 55%;
    bottom: 20%;
}
img#baum53{
    position: absolute;
    left: 58%;
    height: 55%;
    bottom: 20%;
}
img#baum63{
    position: absolute;
    left: 73%;
    height: 55%;
    bottom: 20%;
}
img#baum73{
    position: absolute;

    left: 87%;
    height: 55%;
    bottom: 20%;
}
img#baum14{
    position: absolute;
    left: 70%;
    height: 55%;
    bottom: 20%;
}
img#baum24{
    position: absolute;
    left: 55%;
    height: 55%;
    bottom: 20%;
}
img#baum34{
    position: absolute;
    left: 40%;
    height: 55%;
    bottom: 20%;
}
img#baum44{
    position: absolute;
    left: 20%;
    height: 55%;
    bottom: 20%;
}
img#baum54{
    position: absolute;
    left: 5%;
    height: 55%;
    bottom: 20%;
}
img#baum64{
    position: absolute;
    left: 0%;
    height: 55%;
    bottom: 20%;
}
img#baum74{
    position: absolute;
 
    left: -15%;
    height: 55%;
    bottom: 20%;
}
.abstand{
    position: absolute;
    left: 0px;
    border: 0px solid white;
    width: 100%;
    height: 35%;
    bottom: 20%;
    background-color: rgba(0, 0, 0, 0.3);
}
.hintergrund{
    position: absolute;
    left: 0px;
    border: 0px solid white;
    width: 100%;
    height: 35%;
    bottom: 20%;
    background-color: rgba(255, 150, 0, 0.6);
}
.hggras{
    position: absolute;
    left: 0px;
    border: 0px solid white;
    width: 100%;
    height: 21%;
    bottom: 0px;
    background-color: green;
}
img#elfe1{
    position: absolute;
    left: 1%;
    bottom: 1%;
    height: 94px;
    display: none;
}
img#elfe2{
    position: absolute;
    left: 20%;
    bottom: 5%;
    height: 94px;
    display: none;
}
img#elfe3{
    position: absolute;
    left: 39%;
    top: 30%;
    height: 94px;
    display: none;
}
img#elfe4{
    position: absolute;
    left: 47%;
    bottom: 33%;
    height: 94px;
    opacity: 0;
    display: none;
}
img#elfe5{
    position: absolute;
    left: 64%;
    bottom: 15%;
    height: 94px;
    display: none;
}
img#elfe6{
    position: absolute;
    left: 70%;
    bottom: 0%;
    height: 94px;
    opacity: 0;
    display: none;
}
img#elfe0{
    position: absolute;
    left: 85%;
    margin-left: 10px;
    bottom: 14%;
    height: 94px;
    display: none;
}
#stone{
    position: absolute;
    right: -20px;
    bottom: 0px;
    width: 221px;
    height: 105px;
    background-image: url(img/stone.svg);
    display: block;
}
#stone:hover{
    background-image: url(img/stone2.svg);
}
#stone2{
    position: absolute;
    right: -20px;
    bottom: 0px;
    width: 221px;
    height: 105px;
    background-image: url(img/stone3.svg);
    display: none;
}
#stone2:hover{
    background-image: url(img/stone4.svg);
}
#Counter{
    position: absolute;
    width: 75px;
    height: 30px;
    right: 10px;
    top: 10px;
    border: 0px solid black;
    border-radius: 15px;
    text-align: center;   
    font-size: 18px;
    font-family: Comic Sans MS;
    background-color: rgba(250, 250, 250, 0.6);
    color: darkgrey;
    display: none;
}
#pergament2{
    position: absolute;
    bottom:5%;
    width: 550px;
    height: 685px;
    left:50%;
    margin-left: -275px;
    background-image: url(img/pergament3.svg);
    background-size: 100% 100%;
    display: block;
    opacity: 1;
    border: 0px solid black;
}
#geschichte{
    position: absolute;
    height: 100%;
    width: 96%;
    left: 50%;
    margin-left: -48%;
    top:0px;
    border: 1px solid black;
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
}
#geschichteframe{
    
    height: 0px;
    width: 100%;
    left: 0px;
    top: 0px;
    border: 1px solid black;
    
}
.tabellentext{
    width: 100%;
    border-spacing: 110px;
    font-size: 16px;
    font-family: Comic Sans MS;
    color: black;
}
.marker{
    font-size: 18px;
    color: red;
}
#schliesser{
    position: fixed;
    width: 20px;
    height: 20px;
    top: 5px;
    right: 15px;
    margin-right: 2%;
    text-align: center;
    border-radius: 10px;
    font-family: Comic Sans MS;
    font-size: 20px bold;  
    color: grey;
    background-color: white;
}
#schliesser:hover{
    color: white;
    background-color: red;
}
a:link {
    text-decoration: none;
}