*{
  text-decoration: none;
  color: black;
      font-size: 2vw
}
@media only screen and (max-width: 400px) {
  *{
    font-family:'Times New Roman', Times, serif
  }
  }
  
#style {
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    }

    .rechts {
        font-size: 2vw;
        color: black;
        line-height: 10vw;
        margin-right: 2vw;
        margin-top: 5vw;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        flex-wrap: nowrap;
    }   

    .unten {
        text-align: center;
        font-size: 1.5vw;
        color: black;
        float: left;
        margin-left: 8vw;
        margin-right: 8vw;
        margin-top: 5vw;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: row;
        display: flex;
    }     

        .rahmen {
        background: white;
        border: 5px solid black;
        height: auto;
        width: 15vw;
        }

        #titel{
        font-size: 4vw;
        position: absolute;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        }

   /* Navigationsleiste Start */
   .navigationstext
   {
     color: greenyellow;
     position: relative;
     font-size: 1.3vw;
     line-height: 5.5vw;
     top: 3vw;
     text-align: left;
     z-index: 2;
   }
 
 .flex-item
 {
   position: absolute;
   
 }
   
   #knochen{
     width: 10vw;
     height: 8vw;
     cursor: pointer;
     z-index: 3;
     position: absolute;
     z-index: 5;
     right: 88vw;
   }  
 #pfotenbild{
 left: 0vw;  
 width: 15vw;
 height: 47vw;
 border-radius: 0vw;
 top: 0%;
 bottom: 5%;
 background-repeat: no-repeat;
 background-size: cover;
 background-attachment:fixed;
 float: left;
 padding: 0;
 margin: 0;
 border: 0vw;
 position: absolute;
 }
 
 
 #knochen{
   width: 10vw;
   position: absolute;
   height: 8vw;
   z-index: 2;
 }
 
 #englisch {
 bottom: 0vw;
 z-index: 4;
 width: 7vw;
 height: 7vw;
 float: left;
 position: absolute;
 top: 40vw;
 }
 
 /* The container <div> - needed to position the dropdown content */
 .dropdown {
   display: inline-block;
 }
 
 /* Dropdown Content (Hidden by Default) */
 #dropdown-content {
   float: left;
   width: 10vw;
   border-width: 0.5vw;
   margin: 0%;
   padding: 0%;
   display: none;
   min-width: 97%;
   z-index: 3;
 }
 
 /*  Links inside the dropdown */
  #dropdown-content a {
   padding: 7.5% 5%;
   text-decoration: none;
   display: block;
 } 
 /* Change color of dropdown links on hover */
  #dropdown-content a:hover{
   font-weight: bold;
 }
  
 /*  Show the dropdown menu on hover  */
 .dropdown:hover .dropdown-content {
   display: block;
 }