/* -------------------------- Audioplayer ----------------------------------- */

.audiofield{
  max-width:280px;
  width:100%;
  float:left;
}
.audiofield-player{
  max-width:280px;
  width:100%;
  float:left;
}
.audiofield-player .mejs__container{
  width:100% !important;
}
.mediaelementaudio_frame{
  float:left;
  max-width:280px;
  width:100%;
}
.audiofield-player .mejs__container{
  background-color:#292c31;
  border-radius:3px;
  max-height:20px;
  float:left;
  max-width:280px;
}
.audiofield-player label{
  font-size:13px;
  font-weight:300;
  margin:5px 0 10px;
  width:100%;
  max-width:100%;
  height:1.5em;
  overflow:hidden;
  float:left;
  display:block;
  text-indent:-9999px;
  opacity:0;
  -webkit-transition:opacity 0.5s linear;
  -o-transition:opacity 0.5s linear;
  transition:opacity 0.5s linear;
}
.audiofield-player label,
.audiofield-player:hover label,
.audiofield-player.active label{
  text-indent:0;
  opacity:1;
  -webkit-transition:opacity 0.5s linear;
  -o-transition:opacity 0.5s linear;
  transition:opacity 0.5s linear;
}
.mejs__controls,
.mejs__time-rail,
.mejs__button{
  height:19px; 
}
.mejs__button{
  width:15px; 
}
.mejs__horizontal-volume-slider{
  height:10px; 
}
.mejs__horizontal-volume-total{
  top:8px;
}
.mejs__time-rail{
  padding-top:3px;
}
.mejs__time-hovered{
  height:4px;
}
.mejs__time-handle-content{
  height:4px;
  width:4px;
  top:-6px;
}
.mejs__time-loaded{
  background-color:#353535;
}
.mejs__time-total{
  background-color:rgba(50,50,50,.8);
}
.audiofield-player .mejs__time{
  display:none;
}
.audiofield-player .mejs__time-total,
.audiofield-player .mejs__time-loaded,
.audiofield-player .mejs__horizontal-volume-total,
.audiofield-player .mejs__time-current{
  height:4px;
}
.mejs__play > button{
  background:none;
  height:15px;
  width:15px;
  background-color:#fff;
  border-radius:50%;
  margin:2px 0 0;
  color:#333;
}
.mejs__play > button:after{
  content:'\f04b';
  font:normal normal normal 10px/1 FontAwesome;  
  display:block;
  margin-left:3px;
}
.mejs__replay > button{
  background:none;
  height:15px;
  width:15px;
  background-color:#fff;
  border-radius:50%;
  margin:2px 0 0;
  color:#333;
}
.mejs__replay > button:after{
  content:'\f04b';
  font:normal normal normal 10px/1 FontAwesome;  
  display:block;
  margin-left:3px;
}
.mejs__pause > button{
  background:none;
  height:15px;
  width:15px;
  background-color:#fff;
  border-radius:50%;
  margin:2px 0 0;
}
.mejs__pause > button:after{
  content:'\f04c';
  font:normal normal normal 10px/1 FontAwesome;  
  display:block;
  margin:0;
}
.mejs__mute > button{
  background:none;
  margin:0;
  width:10px;
}
.mejs__mute > button:after{
  content:'\f028';
  font:normal normal normal 10px/1 FontAwesome;  
  color:#fff;
  display:block;
  margin:0;
}
.mejs__unmute > button{
  background:none;
  margin:0;
  width:20px;  
}
.mejs__unmute > button:after{
  content:'\f026' '\f00d';
  font:normal normal normal 10px/1 FontAwesome;  
  color:#fff;
  display:block;
  margin:0; 
}
.audiofield-player .counter{
  float:right;
  text-align:right;
  margin-right:1em;
}
.field--name-field-kategorie{
  margin:0 0 10px;
}