html {
  background: #000 url("./images/bg.jpg") center -600px fixed;
  background-size: 2880px 1800px;
  font-family: Helvetica, sans-serif;
  color: #CCC;
}

a {
  color: #ffe533;
  text-decoration: none;
}

a:hover {
  color: #FEA;
}

#header {
  display: flex;
  justify-content: center;
}

#menu {
  display: flex;
  justify-content: center;
}

#impressum {
  max-width: 1000px;
  margin: auto;
}
  
#footer {
  display: flex;
  justify-content: space-between;
  max-width: 1150px;
  margin: auto;
}
  
#content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#tsviewer {
  flex: 0 1 auto;
}

#content-body {
  max-width: 800px;
  flex: 1 0 400px;
}


  
.container {
  background: rgba(0,0,0, 0.85);
  padding: 15px;
  margin: 10px;
  border-radius: 7px;
}

.link-text {
  margin-left: 4px;
}

.menu-item {
  margin: 0.2em 0.75em 0.2em 0.75em;
  font-size: 1.5em;
  display: flex; 
}

.menu-item a {
  text-decoration: none;
  vertical-align: middle;
  color: #CCC;
}

.menu-item a:hover {
  color: #FEA;
}


@media(max-width: 550px) {
  .link-text {
    display: none;
  }
  
  .menu-icon{
    width: 64px;
    height: 64px;
  }
}

@media(min-width: 550px) {
  .menu-icon{
    width: 32px;
    height: 32px;
  }
  
  .menu-item {
    height: 32px;
  }
}