*{ /*Universal Selektor setzt alle Abstände auf null*/
    margin: 0 auto;
    Padding: 0;
}
  body{
  background-image: url("bilder03/alpen02.jpg");

        }

 header{
        margin-top: 0;
        height: 180px;
      
      }  
      
      #lookli {
     
       width: 60px;
       height: 60px;
        position:absolute;
        top:0;
        right:40px;
     }
     
     .medicat {
      position: absolute;
     padding-top: 1em;
     padding-left: 1.4em;
     margin-right:1em;
        font-family: Arial sans-serif;
       color: white;
       text-shadow: 1px 4px 1px black ;
       font-size: 55px;            
 }     
       .rr{ 
            font-size: 50%;
       }
 #aoul {
        position: absolute;
        top: 4em;
         right: 1.2em;
         padding-left: 10em;
       color: white;
       text-shadow: 1px 3px 1px black;
       font-size: 30px;
 }

    
   #top
     {
     position: absolute;
       
     top: 2.5em;
     margin-left: 10em;     
  
       color: gold;
       text-shadow: 1px 3px 1px black;
       font-size: 40px;
       }
        .fett{
            font-weight: bold;
        }
     
        .text{
           font-family: Arial;
           font-size: 1em;  
           display: block;
           margin: 0 15%;
        }
        .imp{
          font-size: 1em;
          display: block; 
          margin: 0 20%; 
        }
                      
         a{
            background-color:lightblue;
            font-family: Arial;
            font-size:large;
            color: #000000;
            text-decoration: none;
            position: absolute;
            margin-bottom:15% ;
            margin-left: 20%;
             border: 1px solid darkblue;
              border-radius: 9px;
  
        }
           a:hover{
              background-color: gold;
          }

  @media only screen and (max-width: 80em)
  {
       #aoul {
        position: absolute;
        top: 4.5em;
           font-size: 1.6em;
      }
           .medicat {
      position: absolute;
     padding-top: 1em;
     padding-left: 1.4em;
     margin-right:3em;
       font-size: 2.5em;
      }
         #top
     {
     position: absolute;
     top: 2.5em;
     margin-left: 8em;     
     line-height: 2em;
      }
}

      
      @media only screen and (max-width: 50em)
       {
         header{
        margin-top: 0;
        height: 170px; 
           }
        #lookli {
       width: 2em;
       height: 2em;
        position:absolute;
        top:1em;
        right:3em;
     }

     .medicat {    
     padding-top:1em;
       padding-right: 3em;
       font-size: 2em;
     
 }

     #aoul
      {
        position: absolute;
        top: 6.5em;
        right: 0.4em;
        font-size: 1.2em;
 }    
      #top{
          
     position: absolute;
     top: 4em;
     margin-left: 3.8em;
          margin-right: 2em;
     line-height: 1.8em;
        font-family: Arial sans-serif;
       color: gold;
       text-shadow: 1px 3px 1px black;
       font-size: 1.8em; 
      }
              .fett{
            font-weight: bold;
        }

        .text{
           font-family: Arial;
           font-size: 0.8em;
           display: block;
           margin: 0 15%;
        }
        .imp{
          font-size: 1em;
          display: block;
          margin: 0 20%;
        }
             a{
            background-color:lightblue;
            font-family: Arial;
            font-size:small;
            color: #000000;
            text-decoration: none;
            position: absolute;
            margin-bottom:15% ;
            margin-left: 20%;
             border: 1px solid darkblue;
              border-radius: 9px; 
     } 
     }
        @media only screen and (max-width: 30em)
       {
        header{
        margin-top: 0;
        height: 140px; }
        
      .medicat {   
     padding-top:0.3em;
     margin-left: 0.5em;
       font-size: 1.3em;
        font-family: Arial sans-serif;
       color: white;
       text-shadow: 1px 2px 1px black;
 }
      #lookli{
      
       width: 0.3em;
       height: 0.2em;
        top:0em;
        right:5em;
        }
         #aoul
      {
        position: absolute;
        top: 8em;
        right: 0.4em;
        color: white;
        font-size: 0.8em;
 }
            #top{

     position: absolute;
     top: 5.5em;
     margin-left: 1.8em;
     line-height: 1.2em;
        font-family: Arial sans-serif;
       color: gold;
       text-shadow: 1px 1px 1px black;
       font-size: 1.2em;
      }
          .fett{
            font-weight: bold;
        }

        .text{
           font-family: Arial;
           font-size: 0.8em;
           display: block;
           margin: 0 15%;
        }
        .imp{
          font-size: 1em;
          display: block;
          margin: 0 10%;
    }
          a{
            background-color:lightblue;
            font-family: Arial;
            font-size:1em;
            color: #000000;
            text-decoration: none;
            position: absolute;
            margin-bottom:25% ;
            margin-left: 15%;
            }
            }