body{
    margin: 0 auto;
    font-family: 'Roboto', sans-serif;
}


/*Link*/
a{
    text-decoration: none;
    color: #fff;
}
a:hover{
    color: rgb(153, 153, 153);
}


/*Navigation*/
#nav-bar{
    height: 50px;
    background-color: blue;
} 


/*Footer*/
footer{
    background-color: #5f5f5f;
    min-height: 50px;
}
#footer-nav p{
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding-top: 15px;

    
}
.spoiler{
    width: 30%;
    display: inline-block;
    border: #5f5f5f 2px solid;
    background: #CCCCCC;
    height: 50px;
}

/*Content*/
#content svg{    
    width: 100%;
    height: 764px;
    
}
object {
    margin: 0 auto;
    width: 100%;
    height: 200px;
    display: block;
    border: 1px solid #000;
    }


.land
{
    fill: #CCCCCC;
    fill-opacity: 1;
    stroke:white;
    stroke-opacity: 1;
    stroke-width:0.1;
}
.land:hover{
    fill:rgb(82, 80, 80);
}

/*Hover Feld*/
#description{
    position: absolute;
    border-radius: 5px;
    height: 53px;
    width: 125px;
    border: 1px solid gray;
    text-align: center;
    background-color: #CCCCCC;
}
#description p{
    font-weight: bold;
    font-size: 16px;
    color: #5f5f5f;
    padding-left: 10px;
    padding-right: 10px;
    
}