.mapSize {
    width: 90%;
    height: 90%
}

#snowman {
    height: 20%;
    width: auto;
    left: 70%;
    top: 30%;
    position: absolute;
    cursor: pointer;
}

#rabbit {
    height: 15%;
    width: auto;
    left: 24%;
    top: 40%;
    position: absolute;
    cursor: pointer;
}

#rabbitdrop {
    height: 15%;
    width: auto;
    left: 30%;
    top: 65%;
    position: absolute;
    cursor: pointer;
}

#rabbittarget {
    height: 15%;
    width: auto;
    left: 35%;
    top: 62%;
    position: absolute;
    cursor: pointer;
}

#snowtarget {
    height: 13%;
    width: auto;
    left: 50%;
    top: 62%;
    position: absolute;
    cursor: pointer;
}

#snowmantarget {
    height: 15%;
    width: auto;
    left: 60%;
    top: 62%;
    position: absolute;
    cursor: pointer;
}

#key {
    height: 6%;
    width: auto;
    left: 74%;
    top: 47%;
    position: absolute;
    cursor: pointer;
}

#keyhole {
    height: 6%;
    width: 10%;
    left: 45%;
    top: 55%;
    position: absolute;
    cursor: pointer;
}

#door {
    height: 60%;
    width: 30%;
    left: 40%;
    top: 25%;
    position: absolute;
    cursor: pointer;
}

#riddlestarter {
    height: 10%;
    width: 10%;
    left: 40%;
    top: 45%;
    position: absolute;
    cursor: pointer;
}

#riddleInner {
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    z-index: 5;
    top: 30%;
}

.riddleDatastyle {
    background-image: url("../images/kamin2.jpg");
    background-size: cover;
}

.imgInRidDesign {
    border-color: #6e9dbc;
    border-width: 2px;
    border-style: solid;
    background-color: #b1c6ec;
}

.imgInRidRescueDesign {
    border-color: #6e9dbc;
    border-width: 2px;
    border-style: solid;
    background-color: white;
}

#ski {
    height: 85%;
    width: auto;
    left: 42%;
    top: 2%;
    position: absolute;
    cursor: pointer;
}

#skidropper {
    height: 20%;
    width: 60%;
    left: 22%;
    top: 60%;
    position: absolute;
    cursor: pointer;
}

#skiglasses {
    height: 5%;
    width: auto;
    left: 65%;
    top: 61%;
    position: absolute;
    cursor: pointer;
}

#filter {
    height: 80%;
    width: 90%;
    left: 5%;
    top: 5%;
    position: absolute;
    cursor: pointer;
    z-index: 1;
    background: radial-gradient(transparent, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, .95));
    border-radius: 20%;
}

#filterDrop {
    height: 80%;
    width: 90%;
    left: 5%;
    top: 5%;
    position: absolute;
    cursor: pointer;
    z-index: 1;
    border-radius: 20%;
}

#tree {
    height: 20%;
    width: auto;
    left: 27%;
    top: 35%;
    position: absolute;
    cursor: pointer;
}

#treedrop {
    height: 20%;
    width: 10%;
    left: 42%;
    top: 65%;
    position: absolute;
    cursor: pointer;
}

#treetarget {
    height: 15%;
    width: auto;
    left: 42%;
    top: 65%;
    position: absolute;
    cursor: pointer;
}

#shoveldropper {
    height: 20%;
    width: auto;
    left: 27%;
    top: 35%;
    position: absolute;
    cursor: pointer;
}

#shovel {
    height: 40%;
    width: auto;
    left: 62%;
    top: 15%;
    position: absolute;
    cursor: pointer;
}

#snow {
    height: 20%;
    width: auto;
    left: 22%;
    top: 45%;
    position: absolute;
    cursor: pointer;
}

#battery {
    height: 5%;
    width: auto;
    left: 82%;
    top: 54%;
    position: absolute;
    cursor: pointer;
}

#photoe {
    height: 5%;
    width: auto;
    left: 10%;
    top: 58%;
    position: absolute;
    cursor: pointer;
}

#snowdrop {
    height: 15%;
    width: auto;
    left: 48%;
    top: 65%;
    position: absolute;
    cursor: pointer;
}

#snowmandrop {
    height: 15%;
    width: auto;
    left: 60%;
    top: 65%;
    position: absolute;
    cursor: pointer;
}

#phausdrop {
    height: 60%;
    width: auto;
    left: 25%;
    top: 5%;
    position: absolute;
    cursor: pointer;
}

#p27drop {
    height: 25%;
    width: 80%;
    left: 10%;
    top: 15%;
    position: absolute;
    cursor: pointer;
}

#p86drop {
    height: 30%;
    width: 80%;
    left: 10%;
    top: 15%;
    position: absolute;
    cursor: pointer;
}

#picturesdrop {
    height: 20%;
    width: 80%;
    left: 5%;
    top: 35%;
    position: absolute;
    cursor: pointer;
}

#gewonnnenimg {
    width: 60%;
    display: inline-block;
}

#alcohol {
    height: 10%;
    width: auto;
    left: 75%;
    top: 78%;
    position: absolute;
    cursor: pointer;
}

#money {
    height: 5%;
    width: auto;
    left: 10%;
    top: 58%;
    position: absolute;
    cursor: pointer;
}

#alcoholdrop {
    height: 15%;
    width: auto;
    left: 50%;
    top: 50%;
    position: absolute;
    cursor: pointer;
}

#moneydrop {
    height: 20%;
    width: auto;
    left: 65%;
    top: 60%;
    position: absolute;
    cursor: pointer;
    border-radius: 50%;
}

#door2 {
    height: 70%;
    width: 25%;
    left: 30%;
    top: 10%;
    position: absolute;
    cursor: pointer;
}