.body {
margin:0px;
height:100%;
//width:20000px;
background-color: #000000;
overflow: hidden;//damit scrollbars weg sind
}

#myvideo {
  object-fit: cover;
  object-position: center;
  width: 100%;
  //height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index:-1;
}

.buttonback {
  font-family: Arial, sans-serif;
  font-weight:bold;
  text-decoration:none;
  font-size:1.5em;
  font-style:normal;
  color: #39ff14;
  background:rgba(220,220,220,0.5);
  padding: 10px;
  border: 3px solid #39ff14;
  border-radius: 5px 5px 5px 5px;
  cursor:pointer;
  }

.flex { 
    display: flex; 
    justify-content: center; 
}

.fuss {
  font-family: Verdana, sans-serif;
  font-size:1.0em;
  position: fixed;
  left: 0px;
  bottom: 0px;
  height: 2.4em;
  display:block;
  width: 100%;
  color:#ffffff;
  background-color: rgba(44,88,169,0.5);
  padding-top:0.6em;
  text-align:center;
}

.fusse {
  font-family: Verdana, sans-serif;
  font-size:1.0em;
  text-decoration:none;
  color:#ffffff;
  padding-left: 5.0em;
  padding-right: 5.0em;
  cursor:pointer;
}

.kopf {
  font-family: Verdana, sans-serif;
  font-size:2.0em;
  text-align: center;
  color: white;
}

.mobilhin {
  font-family: Verdana, sans-serif;
  font-size:1.0em;
  text-align: center;
  color: white;
  background-color: rgba(200,0,0,0.7);
  display:none;
}

.titelbild {
  width:25%;
  }

.symbol {
}

.symtext {
  font-family: Verdana, sans-serif;
  font-size:1.2em;
  font-weight:bold;
  color: #ff073a;
  position: fixed;
  top:100px;
  left:150;
}

.hide {
  display: none;
}

.vertikal {
  font-family: Verdana, sans-serif;
  font-size:2.6em;
  color: #000000;
  background-color: #ffffff;
  border: 3px solid #000000;
  padding-top:3em;
  width:2em;
  height:10em;
  float:left;
  writing-mode:vertical-rl;
}