body {
  
  background-color: lightcyan;
  color: red;
  font-family: Arial;
  font-size: medium;
  }

/* Kommentar */ 

#logo {
    background: #FFFFB4;  
    height: auto;
      
}

#search {
    background: #B4FDFF;  
    height: auto;
      
}

nav{
    background: #f6b4ff;    
    height: auto;
    text-align: center;
        
}
      
article{
    background: #5EFFB4;    
    height: auto;
    text-align: center;
        
}
  
.linke-spalte{ 
    background-color: beige;    
    float: left; 
    height: 600px;
    /* height könnte auch auf auto gestellt werden */ 
    overflow: hidden;
    width: 56%; 
} 

figure {
  display: inline-block;
  width: 50%;
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  border: thin  gold solid;
  margin: 0.5em;
  padding: 0.5em;
}

 img{
        width:80%;
        height:80%;
    
    }

    
.seitenleiste{ 
    background-color: antiquewhite;    
    float: right; 
    height: 600px;
    text-align: center;
    overflow: hidden;
    width: 44%; 
}

footer {
    background: #c7c6c7;
    bottom: 0px; 
    font-size: small;
    left: 0px;
    overflow: hidden;
    position: fixed; 
    text-align: center;
    width: 100%;     
}

@media screen and (max-width: 478px){
			body{
			font-size: 0.6em;
			}
    
    article {
			width: 100%;
            height: auto;
			margin-bottom: 10px;
			}

		
		
		.linke-spalte{
			width: 100%;
            height: auto;
			}

		.seitenleiste{
			width: 100%;
            height: auto;
            }
    
    img{
        width:30%;
        height:30%;
    
    }
    
    #clock {
        width:30%;
        height:30%; 
    }
	}

@media screen and (max-width: 740px){


        header {
			width: 100%;
			margin-bottom: 10px;
            text-align: center;
			}
    
		article {
			width: 100%;
            height: auto;
			margin-bottom: 10px;
			}

		
		
		.linke-spalte{
			width: 100%;
			}

		.seitenleiste{
			width: 100%;
            }
    
        img{
            width:50%;
            height:50%;
    
            }   

    
    #clock {
        width:40%;
        height:40%; 
    }


	}