Ok, habe es bei mir mal getestet jedoch sehe ich keine Veränderung.
Hier mal die komplette CSS
*
{
	margin:0;
	padding:0;
	font-family:Arial;
	
}
header
{
	height:9em;
	background-color:#D3d3d3;
	background-color:hsla(360,0%,83%,0.2); 
	border-bottom: 0.1em groove black;
			
}
header a
{
	text-decoration:none;
	line-height:4em;
	color:black;
	font-size:24pt;
}
.logo
{
	padding:0.8em;
	
}
.container
{
	display:flex;  
	flex-wrap: wrap; 
 	background:url(img/Zaehler.png) no-repeat;
	background-size:cover; 
	justify-content:center; 
	padding:3em; 
	
	
}
@media(min-width:56em)
{
	.container
	{  
	flex-wrap: nowrap;   	
	}
}
h1, h2, h3 
{
	font-size:1em;
}
article a
{
	text-decoration:none;
	color:#0099CC;
}
article a:focus, a:hover, a:active
{
    color:#333333;
}
.box-text
{
	line-height:1em;
	padding:1em;
	
}
.box
{
	background-color:white;
	text-align:center;
	line-height:4em;
	width:29em;
	margin:1em;	
	
}
.bild1
{
	position:relative;
	top:2em;
}
footer
{
	background:#272727;
	height:35em;
	width:auto;
}
 nicht angemeldet
 nicht angemeldet hume
 hume Auge
 Auge Gunnar Bittersmann
 Gunnar Bittersmann JürgenB
 JürgenB