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;
}