p,blockquote,form,label,ol,dl,fieldset,address {
margin: 0;
}

h1,h2,h3,h4,h5,h6 {
margin: 0;
}

img {
border: 0;
}


a {
text-decoration: none;
cursor: pointer;
color: #fff;
}

td, p, div, span, input, textarea {
font-family: "Falafel Grotesque", Verdana, Arial, Helveltica, sans-serif;
text-align: left;
}

th {
}

td {
}

body {
  margin: 3;
  padding: 0;
  background:  #8f8f8f; /*silbergrau*/
}

.container {
  width: 90%;
  display: table;
  text-align: center;
  padding: 0px;
}


#head {
  font-family: "Falafel Grotesque", Verdana, Arial, Helveltica, sans-serif;
  height: 30px;
  color: #ffffff;
  text-align: center;
  margin-bottom: 50px;
  display: block;
}

#head h1 {
  font-size: 4.5em;
  line-height: 1.3em;
}
#head h2 {
  font-size: 2.4em;
  line-height: 57px;
}

#head h3 {
  font-size: 1.8em;
  line-height: 38px;
}

#headpic {
  height: 2em;
  text-align: center;
  margin-bottom: 40px;
  margin-top: 80px;
  /*position: fixed;*/
}

#body {
  margin: 0px;
  margin-top:50px;
}

  /* Single Page only 1 Video-Frame */
div.minbody {
  /* Vertical centering: make div as large as viewport and use table layout */
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%;
  position: fixed; 
  display: table;
}

div.mediasinglebox {
  font-family: "Falafel Grotesque", Verdana, Arial, Helveltica, sans-serif;
  color: #fff;
  font-size: 1.5em;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  }

.mediasinglebox iframe {
  display:table;
  width: 560px; 
  height: 315px;

  margin:0 auto;
}

.mediasinglebox span {
  /* background-color: hsla(0, 0%, 100%, 0.5);*/
  color: #fff;
  font-size: 2em;
  display: table-cell;
  text-align: center;
  position: absolute;
  top: 10%;
  width: 100%;
}

.mediasinglebox span2 {
  display: table-cell;
  text-align: center;
  position: absolute;
  bottom: 20%;
    width: 100%;
}

div.boxtext {
  font-family: "Falafel Grotesque", Verdana, Arial, Helveltica, sans-serif;
  height: 30px;
  color: #fff;
  font-size: 1.5em;
  line-height: 30px;
  text-align: center;
}
/* END: Single Page only 1 Video-Frame */
  
  
.dataset {
  display: table;
  width: 100%;
  margin-left:auto;margin-right:auto;
}

#connectpic {
  display: table-text;
  margin-bottom: 5px;
  margin-top: 20px;
  height: 20px;
  width: 100%
}

.last{
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left:50%;
}

.left {
  float: left;
  text-align: right;
}

.right {
  float: right;
  text-align: left;
}

.center {
  float: center;
  text-align: center;
}



/* @group Zeitbot*in */

section.mediabox {
  width: 70%;
  display: table-text;
  background: #8f8f8f;
  padding-top: 20px;
}
section.mediabox.left {
  float: left;
  text-align: right;
}
section.mediabox.right {
  float: right;
  text-align: left;
}

/* Subtext */
section.subtext {
  display: table-text;
  margin-top: 75px;
  font-family: "Falafel Grotesque", Verdana, Arial, Helveltica, sans-serif;
  line-height: 1.5em;
  font-size: 1.5em;
  color: #fff;
  width: 30%;
}
section.subtext.right {
  float: right;
  text-align: left;
}
section.subtext.left {
  width: 29%;
  float: left;
  text-align: right;
}

ytp-large-play-button-hide {
   display:none;
}
/* hiding */
.ytp-button {
  position: absolute;
  left: -1000px;
  width: 100px;
}