@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: #e4d2c8;
  font-family: 'Oswald', sans-serif;
  font-size: 23px;
}

.section {
  background-image: url('../images/don_neblo_background_image.jpg');
  background-size: cover;
}

.logo-bg {
  border: 1px solid red;
}

.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: #e4d2c8;
  font-family: 'Oswald', sans-serif;
  font-size: 127px;
}

h2 {
  color: #e4d2c8;
  font-family: 'Oswald', sans-serif;
  font-size: 40px;
}

h3 {
  color: #e4d2c8;
  font-family: 'Oswald', sans-serif;
  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: #74503b;
  border-radius: 10px;
  border-color: #74503b;
  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;
  }
}