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: 500px;
/* height könnte auch auf auto gestellt werden */ 
    overflow: hidden;
    width: 56%; 
} 
 
.seitenleiste{ 
    background-color: antiquewhite;    
    float: right; 
    height: 500px;
    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;
			}
	}

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


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

		
		
		.linke-spalte{
			width: 100%;
			}

		.seitenleiste{
			width: 100%;
		}

	}