html {
    background-image: url("bilder/behandlungszimmer.jpeg");
    background-size: cover;
    background-repeat: no-repeat;
    overflow-y:scroll;

}
body {
    background-color: whitesmoke;
    border-radius: 1%;
    text-align: justify;
    margin: auto; 
    padding: 60px;
    height: auto;
    width: auto;
    min-height: 100%; 
    max-width:70%;
    max-height: 100% 
}
#prints {
    height: 2em;
}
nav{
    text-align: center;
    padding: 20px; 
}
nav li{
    display: inline; 
    list-style-type: none;
    padding: 1em;
    color: grey; 
}
nav a {
    color: black; 
    text-decoration: none;
}

nav ul li:hover {
    color: blue;
  }
 
  
h1{
    text-align: center;
}

#main {
    display: inline-block;
    width: 60%;
    margin-right: 2em;
    vertical-align:top;
}
#sidenav {
    display: inline-block;
    max-width: 30%;
    
}



#aktuelles {
    margin-bottom: 10px;
    text-align: justify;
    border: 0.3em ridge darkgrey;
    padding: 1em;
    border-radius: 2%;
}

footer{
text-align: center;
    position:relative;
   float: left;
    width:100%;
    font-size: small;
  }
.bilder img {
    margin: 5px 1px;
}



#innerimages {
    float: left;
    object-fit: cover;
    height: 20em;
    width: 15em;
    padding-bottom: 2em;
}

.innertext {
    margin: 25px 200px 200px;
}


@media only screen and (max-device-width: 500px) {
 
    html, body {
       float: left; 
        text-align: justify;
        max-width:100%;
        margin: 0; 

    }
    #animals{
        display: none;
    }
   
    #main {
        width: auto;
	display: inline; 
    }
    #sidenav {
        max-width: 100%;
	display: inline; 
    }
    nav li {
        display: list-item;
    }

    #iframe {
        width: auto;
    }
}