*{ /*Universal Selektor setzt alle Abstände auf null*/
    margin: 0 auto;
    Padding: 0;
}
  body{
    
      background-image: url(bilder03/hiblu02.jpg);
    
}
 header {
 
    
     background-image: url(bilder03/alpen02.jpg);
    height: 240px;
    }
   .medicat {
      margin-top: 0;
    margin-left:  1em;
       margin-right: 2.3em;
        font-family: "Arial sans-serif";
       color: white;
       text-shadow: 1px 4px 1px black;
       font-size: 55px;
       }
          .rr{ 
            font-size: 50%;
       }

     #top { 
     margin-right: 8.2em;          
     text-align: center;
     line-height: 3em;
        font-family: "Arial sans-serif";
       color: gold;
       text-shadow: 1px 4px 1px black ;
       font-size: 50px;
      }
 
     #lookli {
      position: absolute;
      right:0;
      top:0;
       width: 7em;
       height: 7em;
      }

   
      #aoul {
        position: absolute;
        top: 3em;
         right: 30px;
         padding-left: 10em;
       color: white;
       text-shadow: 1px 1px 1px black;
       font-size: 2em;
      }
 

 #text {
     width:600px;
     padding: 0 2em;
      margin-left: auto;
     margin-right: auto; 
     text-align: center;
      background-color: #fff5c6; 
     font-family: "Arial sans serif";
     font-size: 1.4em;
     line-height: 1.4em;
    } 

   .bold{
    font-weight: bold;
    }

   .frage{
       /*Wie viele Medis*/
       line-height: 1.5em;
       font-size: 1.5em;
       color:#000; 
       }

 
  
       .small{
       padding-top: 1em; 
           font-weight: bold; 
           font-size: 1em;
       }    
   
   a{      
      color: #000000;    
    font-size: 1em;
    margin-bottom: 1em;
     border: 1px solid black;
       border-radius: 8px;
       text-decoration: none;
       box-shadow: 0 5px 10px white inset;
       }
    a:hover{
         background-color: cyan;
         
   }
   
   @media only screen and (max-width: 80em)
       {
         header{
        margin-top: 0;
        height: 220px;       
      }  
           .medicat {
               font-size: 2.6em;
           }
       #lookli {
       
       width: 2em;
       height: 2em;
        position:absolute;
        top:1em;
        right:3em;
     }


     #aoul
      {
        position: absolute;
        top: 6em;
        right: 0.3em;      
        color: white;
        text-shadow: 1px 3px 1px black;
        font-size: 1.2em;
     }
   #top { 
     margin-right: 6.2em;          
    
       font-size: 2.6em;
     } 
          
                 
 }

 @media only screen and (max-width: 60em)
   {
      .medicat {
      margin-top: 0;
    margin-left:  1em;
       margin-right: 2.3em;
        font-family: "Arial sans-serif";
       color: white;
       text-shadow: 1px 4px 1px black;
       font-size: 2.3em;
       }
    #top { 
     margin-right: 4.2em;          
     text-align: center;
     line-height: 2em;
       font-size: 2em;          
      }
}
     
      @media only screen and (max-width: 20em) 
      {    
     .medicat {
       margin-top: 0;
       margin-left:  1em;
         margin-right: 2em; 
       font-size: 1.5em;
       } 
          
       #top { 
     margin-right: 3.4em;          
     text-align: center;
     line-height: 1.3em;
       font-size: 1.3em;          
      }    
          #text{
              width:300px;
              font-size: 80%;
          }   
 }