
.video-js .vjs-big-play-button,
.video-js:hover .vjs-big-play-button {
  /* background: #f03; */ /* yt-red */
  background: rgba(255,0,51,0.9);
  background: rgba(0,0,0,0.5);
  border: none;
  color: #fff;
  font-size: 60px;
  height: 60px;
  left: 50%;
  line-height: 60px;
  margin-left: -45px;
  margin-top: -30px;
  top: 50%;
  width: 90px;
  border-radius: 10px;
}
.video-js .vjs-big-play-button:focus,
.video-js .vjs-big-play-button:hover {
  /* background-color: initial; */
  /* background: #f03; */ /* yt-red */
  background: rgba(255,0,51,0.8);
  background: #4B97FC;              /* KLINK-blue */
  background: rgba(75,150,250,0.8); /* KLINK-blue */
  color: #fff;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}



.video-js .vjs-control-bar {
  height: 4em; /*  3 / 0.75 = 4 */
}

.video-js .vjs-control {
  width: 5.333em; /* 4 / 0.75 = 5.3333 */
  
}
.video-js .vjs-button:hover {
  background: rgba(255,255,255,0.25);
}

.vjs-button > .vjs-icon-placeholder::before {
  font-size: 1.8em;
  line-height: 1.67;
  font-size: 2.4em;
  /* line-height: 2.2267; */
}

.vjs-icon-cog::before {
  font-size: 1.8em;
  line-height: 1.67;
  font-size: 2.4em;
}

.video-js .vjs-volume-bar {
  margin-top: 1.35em;
  margin-right: 0.45em;
  margin-bottom: 1.35em;
  margin-left: 0.45em;
  
  margin-top: 1.8em;
  margin-bottom: 1.8em;
}

.video-js .vjs-time-control {
  line-height: 3em;
  font-size: 1.333em;
  line-height: 3em;
}

.vjs-menu-button-popup .vjs-menu {
  width: 10em;
  left: -3em;
  width: 13.3333em;
  left: -4em;
}

.video-js ul {
  font-size: 1.333em;
  line-height: 3em;
}


/* Beispiel für die Fortschrittsanzeige */
.video-js .vjs-progress-holder {
   /*  height: 4px; */
}