@font-face {
    font-family: "amaticScBold";
    src: url("fonts/AmaticSC-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "covesBold";
    src: url("fonts/CovesBold.otf") format("opentype");
}

@font-face {
    font-family: "covesLight";
    src: url("fonts/CovesLight.otf") format("opentype");
}

.gdpr {
  color: #408780;
  font-family: 'Oswald', sans-serif;
  font-size: 23px;
}

.holder{
    height:300px;
    position:relative
}

.frame{
    width: 70%;
    height:100%;
    background-color:blue;
}
.bar{
    position:absolute;
    top:0;
    left:15%;
    width:70%;
    height:100%;
    }

.divPlayer1{
  display:none;
}


.section{
  width: 100%;
  height: 100%;
}
.missingChars {
  font-family: 'Roboto', sans-serif;
}

h1 {
  color: #408780;
  font-family: "amaticScBold";
  font-size: 127px;
}

h2 {
  color: #408780;
  font-family: "covesBold";
  font-size: 40px;
}

h3 {
  color: #585858;
  font-family: "covesBold";
  font-size: 40px;
}

p {
  color: #ffffff;
  font-family: "covesLight";
  font-size: 23px !important;
}

video {
  width: 50%;
}

.introVideo {
  width: 70%;
}

.imprint {
  font-size: 14px !important;
  margin: 2px 10px;
}

button {
  font-family: "covesBold";
  background-color: #5fe0dc;
  border-radius: 10px;
  border-color: #5fe0dc;
  cursor: pointer;
  color: white;
  padding-top: 23px;
  padding-bottom: 23px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 22px;
}

.p-coves-bold {
  font-family: "covesBold";
}

.overlay {
  position: absolute;
  left: 26%;
  top: 44%;
  cursor: pointer;
  z-index: 2;
}

.overlay-helper {
  width: 105px;
}

.video {
  height: 61%;
  width: 80%;
}

/* Sound bar animation */
.wrap { overflow: hidden; position: absolute; }

@keyframes eqbar0 {
  from { background-position: 0%; }
  to { background-position: 100%; }
}

.eq {
  position: relative;
  float:left;
  width: 15px;
  height: 15px;
  overflow: hidden;
  animation: eqbar0 1s steps(6, end) 5 forwards;
  background-size: auto 100%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAV4AAAAyCAMAAAAjtEO9AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAACplBMVEX///8AAABagwhbhAZcggZYhAlbhAdbhAdVgABbhAdVgABZgA1gnyAAAABegABahQtdggVahQlggweAgABcgwZbhAZahAVagQlcgwhZggRZhghcgghbgAZcggdkhQtYgApmgABgigtbgwhahAdbggtahAlbgwZdgwhchAdbgwdcgQRbhQdbgwZfggVZggZdiwxagQhchwdagwdbhAZbggVcggdcggdbhAVagwdbhAZdgwZagwZbfwBahwhAgABahAhbhQZdiwBbhAVbgwRxjhxVgABehAZchAhVhgxchQVbggkzZgBZggZbgwddgghagwZViABcgwdagwdagghbgwdVVQBggABcgwdcgwdcgwdaeABagwZbggZReQBbgwlbggdchQpcggdcgwhYgAhagwdehgdZhgZahgdcggVdgwdmmQBZhQtahwBagwdehAlahQVQgwdcgwdVjgBchghbfwlcgwhdhQZcgwhchA1ahAZaggZcgghahAdggAtbhAdTggVWhAdagghciAdbhgZYhghdgAxZhQZegAhiiQBehgBJkiRaggUA/wBYhQddgAZahAZZgglZgAtcgAldgglbhAZbhAlVfAhahAZcggVagQdZgwdahAhhhQVZgAhagwhbgwZbgghbgQhXiAtaggZahAhbgQlagwdagwhagQhbhAZcgQlbggddgwZbgwhcgwZbhAZcggVaggdbhAZZhAhagghggABahABbgQdJkgBZhAdbggdbgwdZgghdgwRZgghchAZVqgBbhAhcgwZdhAVagwZahAhbgwhbgwdagwZbgwhcgwhbgwdagwZahAdZhAZcgglagwhahAZbgghbgwdbgwdehQhbgwdcgwdbhAZZgwdXgwdcgwhdhAVchAdbgwdbhAdbgwf///8W492DAAAA4HRSTlMAAETFpx3+0waPDBQIAR4wN1glAlCBNlWIOT9kKs4XGgoYZXQtk6lCnLNFc4QzKxZjJJCoNZmyOHGDKfYOIgQ+WgtfRgkST3oVMjsFXG2Hng+OaXzUAxAnSG8RUvcTVHAZcqYgryYoSmxrBRcR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);
}

/*Mobile shizzle */

@media only screen and (max-width: 767px) {
    /* For mobile phones: */
    h1 {
      font-size: 100px;
    }

    h2 {
      font-size: 20px;
      margin-bottom: 20px;
    }

    h3 {
      font-size: 20px;
      margin-top: 40px;
      margin-bottom: 20px;
    }

    .logo{
      width: 90%;
    }

    .imprint-headlines {
      margin-bottom: 0;
    }
}

@media only screen and (max-width: 400px) {
  .holder{
    height:150px;
    position:relative
  }
}