body {
    background-color:#000066; 
    color:#ffffff; 
    font-family:arial, verdana, sans-serif; 
}

/* Die Links sind weiss,
so wie der restliche Text */
a{
  color: rgb(255, 255, 255);
}


.container {
    max-width: 1100px;
    margin: 0 auto;
    overflow: auto;
    padding: 40px 0;
  }


.flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  border-bottom: #fff solid;
}

.flex-item{
  padding: 0 10px;
}


.headerlist{
 list-style-type: none;
}

/* das Logo Light & Sound verändert seine
Größe, bei hover */
a:hover img{
  transform: scale(0.9);
}

/* Die Größenveränderung geschieht
innerhalb 0,3 Sekunden mit "ease" */
a img{
  transition: transform 0.3s ease;
}

.infotext{
    margin: 3em 0;
    text-align: center;
}

.infotext h3{
    font-weight: bold;
}

.infotext p{
  margin: 0;
}


 .footer{
   text-align: center;
    padding: 20px 0;
    margin: 10px 0;
    font-size: 0.85rem;
}

/* bei kleineren Viewports werden die Flex-Items im Header
untereinander angeordnet */
@media all and (max-width: 35em) {
.flex{
 flex-direction: column; 
}
}