*{ /*Universal Selektor setzt alle Abstände auf null*/
    margin: 0 auto;
    Padding: 0;
}     
      
 header
     {
     background-image: url(bilder03/alpen02.jpg) ;
    height: 220px;
    width: 4000px;
    margin-left: 0;
   
    }
 
   .medicat {
     position:absolute;
     top: 1em;
    margin-left: 1em; 
     text-align: center;
        font-family: Arial sans-serif;
       color: white;
       text-shadow: 1px 3px 1px black;
       font-size: 60px;
       list-style-type: none;
       }
    .rr{ 
     font-size: 50%;
       }
     #top { 
  position: absolute;
         top: 2.5em;
     margin-left: 9em;                     
     line-height: 2.4em;
        font-family: Arial sans-serif;
       color: gold;
       text-shadow: 1px 3px 1px black;
       font-size: 45px;
               
      }

  #lookli
      { 
       width: 100px;
       height: 100px;
        position:absolute;
        top:40px;
        right:40px;      
   }

      #aoul {
        position: absolute;
        top: 6em;
         right: 0.7em;
         padding-left: 10em;
          font-size: 1.6em;
        color: white;
        text-shadow: 1px 3px 1px black;
       }
       body {
           background-image: url(bilder03/hiblu02.jpg);                            
      }   
  
        
    .read {
            background-color: #abdf4f; 
             color: #426494;      
      font-family: "Arial sans-serif" ;
       font-size: 1.8em;
      text-align: center;
      line-height: 1.8em;
        width: 800px;       
         margin-left: 12em;
        padding-bottom:5em;
      }
   .fett{
    line-height:3.5em;
       
     }
      #neu{
          font-size: 1.2em;
          color:black;
      }
     a{
         font-size: 1em;
        text-decoration: none;
         color: black;
         background-color: beige;
         border: 1px solid black;
         border-radius: 8px;
         padding: 0.1em 1em;
         margin-left: 1em;
      }
         a:hover{
         background-color: cyan;
         padding:0.1em 1em;   
      }
      
      
        

      @media only screen and (max-width: 80em) 
       { 
           .medicat{
           font-size: 2.8em;
           margin-left: 1em;
           margin-right:5em; 
       } 
           
       #top{
           position: absolute;
           top: 3em;
           margin-right: 3em;
           margin-left: 2em;
           margin-bottom: 1em;
          font-size: 2em; 
       } 
                    
        .read{
            width: 800px;
            margin-left:7em;
            margin-top:0;
              padding-top:2em ;                                                          
            text-align: center;
            font-size: 1.6em; 
            }
           .fett{
           line-height:2.5em; 
             }
                       
    
           
      }   
 @media only screen and (max-width: 60em) 
 {
     .medicat{
          font-size:2em;
           margin-right: 3em;
     }
      #aoul {
        position: absolute;
        top: 8em;
         right: 0.7em;
         padding-left: 10em;
          font-size: 1.2em;
        }
           #top{
         margin-top: 1em;
           margin-right: 3em;
           margin-left: 2em;
          font-size: 2em; 
       } 
     
     .read{
            width: 700px;
         margin-top:0;
            margin-left:5em; 
              padding-top: 1em;                                                          
            text-align: center;
            font-size:1.4em; 
            }
}
 @media only screen and (max-width: 50em)
 {
       #top{
         margin-top: 2em;
             }
     .read{
         margin-left: 6em;
         width:600px;
     }     
     
}
@media only screen and (max-width: 46em)
       {
           
      #lookli
      { 
       width: 100px;
       height: 100px;
        position:absolute;
        top:4px;
        right:4px; 
           }
           
           .medicat{
          font-size:2.2em;
           margin-right: 7em;
        }
           
          #aoul {
        position: absolute;
        top: 6em;
         right: 0.7em;
         padding-left: 10em;
          font-size: 1.2em;
        }
       #top{
           font-size: 1.8em;
           margin-top: 2em;
           text-align: center;
          margin-left: 1em;
           
       }
        .read{
            width:400px;
            margin-left: 4em;
            font-size: 1.2em;
            }
   
           a{
               font-size:0.8em;
           }
        
      }
        @media only screen and (max-width: 25em)
       {
        #aoul {       
        margin-top:  2.9em;                
          font-size: 0.8em;                            
         }
          .medicat
           {             
     font-size:1.3em;                        
     margin: 0 2.5em;
     }
      
  #lookli {
     
       width:1em;
       height: 1em;
        position:absolute;
        top:0;
        right:3.2em; 
     }        
                       
        .read{
            width: 320px;
            margin-left:1em; 
              padding:0 1em 5em 0 ;
            text-align: center;
            font-size: 0.8em;
          
            }
       
      
        #top{
            font-size: 1.2em;
            line-height: 1.2em;
            margin-top: 2em;          
        }
      }