.bi14-audio-player.audio-player-theme-five {
margin: 10px auto;
}
.bi14-audio-player.audio-player-theme-five .audio-image {
width: 200px;
height: 200px;
margin: 0 auto;
}
.bi14-audio-player.audio-player-theme-five .player {
padding: 70px 0px;
max-width: 400px;
width: 100%;
position: relative;
}
.bi14-audio-player.audio-player-theme-five .audio-image > img {
width: 100%;
height: 100%;
border-radius: 100px;
object-fit: cover;
}
.bi14-audio-player p.audio-title {
font-size: 24px;
text-align: center;
margin: 10px auto;
text-transform: capitalize;
font-weight: bold;
}
.bi14-audio-player p.artist-name {
font-size: 20px;
text-align: center;
margin: 10px auto;
text-transform: capitalize;
}
.bi14-audio-player.audio-player-theme-five p#timer {
text-align: center;
font-size: 100px;
margin: 0 auto;
}
.bi14-audio-player svg#play , .bi14-audio-player svg#pause {
x: 0px;
y: 0px;
enable-background: new 0 0 25 25;
width: 50px;
height: 50px;
position: absolute;
left: 0;
right: 0;
margin: 10px auto;
cursor: pointer;
fill: white;
border-radius: 100px;
}
.bi14-audio-player.audio-player-theme-five #slider div {
width: 4px;
height: 4px;
background: transparent !important;
position: relative;
border-radius: 2px;
}
.bi14-audio-player.audio-player-theme-five  #slider{
width: 100%;
background: #808183;
position: absolute;
left: 0;
right: 0;
height: 1px;
}
.bi14-audio-player.audio-player-theme-five  #elapsed:after {
content: "";
width: 5px;
position: absolute;
height: 5px;
display: inline-block;
background: #ffffff;
right: 0;
box-shadow: 0px 0 7px #fff6f6;
top: -2px;
border-radius: 100px;
border: 2px solid #aeadad;
}
.bi14-audio-player.audio-player-theme-five  .controls {
margin: 0px auto;
}
.bi14-audio-player.audio-player-theme-five .audio-info {
margin: 30px auto 0px;
}
.bi14-audio-player.audio-player-theme-five .controls {
position: relative;
padding: 18px;
}
.bi14-audio-player svg#backward {
x: 0px;
y: 0px;
enable-background: new 0 0 25 25;
width: 50px;
height: 50px;
position: absolute;
left: 50px;
padding: 10px;
margin: 10px auto;
cursor: pointer;
fill: white;
border-radius: 100px;
}
.bi14-audio-player svg#forward {
x: 0px;
y: 0px;
enable-background: new 0 0 25 25;
width: 50px;
height: 50px;
position: absolute;
right: 50px;
margin: 10px auto;
padding: 10px;
cursor: pointer;
fill: white;
border-radius: 100px;
}
.bi14-audio-player.audio-player-theme-four {
width: 80%;
max-height: 250px;
height: 100%;
margin-bottom: 100px;
}
.bi14-audio-player.audio-player-theme-four .player{
display: flex;
max-height: 300px;
}
.bi14-audio-player.audio-player-theme-four .audio-image {
width: 50%;
}
.bi14-audio-player.audio-player-theme-four .audio-info {
width: 50%;
padding: 36px 0px;
position: relative;
}
.bi14-audio-player.audio-player-theme-four .controls {
position: relative;
}
.bi14-audio-player.audio-player-theme-four img {
width: 100%;
height: 100%;
object-fit: cover;
}
.bi14-audio-player.audio-player-theme-five svg#play, .bi14-audio-player.audio-player-theme-five svg#pause {
border: 1px solid #aeadad;
padding: 7px;
}
.bi14-audio-player.audio-player-theme-four  svg#forward {
left: 170px;
}
.bi14-audio-player.audio-player-theme-four  svg#backward {
right: 170px;
}
.bi14-audio-player.audio-player-theme-four #slider {
position: absolute;
width: 50%;
background: #ffffff;
left: 0;
right: 0;
height: 6px;
margin: 0 auto;
border-radius: 15px;
bottom: 68px;
}
.bi14-audio-player.audio-player-theme-four #slider div {
width: 4px;
height: 6px;
background: #93d946;
position: relative;
border-radius: 2px;
}
.bi14-audio-player.audio-player-theme-four p#timer {
width: 50%;
margin: 0 auto;
}
.bi14-audio-player.audio-player-theme-three{
max-width: 400px;
width: 100%;
}
.bi14-audio-player.audio-player-theme-three .audio-info {
position: relative;
top: -80px;
background: #00000070;
padding-top: 10px;
}
.bi14-audio-player.audio-player-theme-three svg#backward {
width: 40px;
height: 40px;
margin: 43px auto;
left: 100px;
}
.bi14-audio-player.audio-player-theme-three svg#forward {
width: 40px;
height: 40px;
margin: 43px auto;
right: 100px;
}
.bi14-audio-player.audio-player-theme-three  svg#play, .bi14-audio-player.audio-player-theme-three  svg#pause{
width: 60px;
height: 60px;
padding: 7px;
margin: 33px auto;
}
.bi14-audio-player.audio-player-theme-three #slider {
position: absolute;
background: #c8c8c8;
left: 0;
right: 0;
height: 6px;
}
.bi14-audio-player.audio-player-theme-three #elapsed {
width: 4px;
height: 6px;
background: #ffffff;
position: relative;
border-radius: 2px;
}
.bi14-audio-player.audio-player-theme-three  #elapsed:after {
content: "";
width: 15px;
position: absolute;
height: 15px;
display: inline-block;
background: #ffffff;
right: 0;
border-radius: 100px;
top: -4px;
}
.bi14-audio-player.audio-player-theme-three  #timer{
text-align: right;        
margin-right: 10px;
}
.bi14-audio-player.audio-player-theme-three  .audio-image{
height: 375px;
}
.bi14-audio-player.audio-player-theme-three  .audio-image img{
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 10px 10px 0px 0px;
}
.bi14-audio-player.audio-player-theme-three p.artist-name , .bi14-audio-player.audio-player-theme-three p.audio-title{
margin: 0px;
}
.bi14-audio-player.audio-player-theme-three .player{
padding-bottom: 36px;
border-radius: 10px;
}
.bi14-audio-player.audio-player-theme-one .player{
padding: 29px 10px 100px;
border-radius: 5px; 
}
.bi14-audio-player.audio-player-theme-one #slider {
position: absolute;
background: #c8c8c8;
left: 0;
right: 0;
height: 6px;
width: 80%;
margin: -30px auto;
}
.bi14-audio-player.audio-player-theme-one #elapsed {
width: 4px;
height: 6px;
background: #ffffff;
position: relative;
border-radius: 2px;
}
.bi14-audio-player.audio-player-theme-one #backward {
left: 41%;
background-color: transparent !important;
}
.bi14-audio-player.audio-player-theme-one #forward {
right: 41%;
background-color: transparent !important;
}
.bi14-audio-player.audio-player-theme-one p#timer {
text-align: right;
position: relative;
top: 0px;
margin-right: 40px;
}
.bi14-audio-player.audio-player-theme-two {
margin: 12px;
}
.bi14-audio-player.audio-player-theme-two .audio-info {
padding: 30px 20px;
background-color: #cccccc;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 235px;
}
.bi14-audio-player.audio-player-theme-two #slider {
position: absolute;
background: #c8c8c8;
left: 0;
top: 0;
right: 0;
height: 6px;
width: 75%;
margin: 185px auto;
}
.bi14-audio-player.audio-player-theme-two #elapsed {
width: 4px;
height: 6px;
background: #ffffff;
position: relative;
border-radius: 2px;
}
.bi14-audio-player.audio-player-theme-two svg#backward{
margin: 162px  auto;
right: 79px;
left: auto;
top: 0;
}
.bi14-audio-player.audio-player-theme-two svg#forward{
margin: 162px  auto;
right: 40px;
left: auto;
top: 0;
}
.bi14-audio-player.audio-player-theme-two p#timer {
text-align: right;
margin-bottom: 37px;
}
.bi14-audio-player.audio-player-theme-two svg#play, .bi14-audio-player.audio-player-theme-two svg#pause{
left: 65px;
right: 0;
top: 0;
margin: 162px  0px;
}
.vc_row.wpb_row.vc_row-fluid {
overflow: hidden;
}
@media (max-width: 768px) {
.bi14-audio-player.audio-player-theme-four .audio-image{
width: 100%;
}
.bi14-audio-player.audio-player-theme-four .audio-info{
width: 100%;
}
.bi14-audio-player.audio-player-theme-one #backward {
left: 10%;
}
.bi14-audio-player.audio-player-theme-one #forward {
right: 10%;
}
.bi14-audio-player.audio-player-theme-one #slider {
position: absolute;
background: #c8c8c8;
left: 50px;
right: 50px;
height: 6px;
width: 80%;
margin: -30px auto;
}
.bi14-audio-player svg#play, .bi14-audio-player svg#pause {
x: 0px;
y: 0px;
enable-background: new 0 0 25 25;
width: 50px;
height: 50px;
position: absolute;
left: 50px;
right: 50px;
margin: 10px auto;
cursor: pointer;
fill: white;
border-radius: 100px;
}
.bi14-audio-player.audio-player-theme-one p#timer {
top: 14px;
}
.bi14-audio-player.audio-player-theme-two svg#play, .bi14-audio-player.audio-player-theme-two svg#pause{
left: 37px;
}
.bi14-audio-player.audio-player-theme-two #slider {
position: absolute;
background: #c8c8c8;
left: -36px;
top: 0;
right: 0;
height: 6px;
width: 70%;
margin: 185px auto;
}
}
@media (max-width: 600px) {
.bi14-audio-player.audio-player-theme-four{
max-height: fit-content;
height: 100%;
}
.bi14-audio-player.audio-player-theme-four .player {
max-height: fit-content;
}
.bi14-audio-player.audio-player-theme-four {
width: 100%;
}
.bi14-audio-player.audio-player-theme-four .audio-info {
padding: 11px 0px 75px;
}
}
@media (max-width: 500px) {
.bi14-audio-player.audio-player-theme-two #slider {
margin: 156px auto;
}
.bi14-audio-player.audio-player-theme-four .player {
display: block;
}
.bi14-audio-player.audio-player-theme-five{
margin: 10px 46px;
}
}
@media (max-width: 360px) {
.bi14-audio-player.audio-player-theme-one #slider{
width: 70%;
}
}.flex-container a:active,.flex-container a:focus,.flexslider a:active,.flexslider a:focus{outline:0}.flex-control-nav,.flex-direction-nav,.slides{margin:0;padding:0;list-style:none}@font-face{font-family:flexslider-icon;src:url(//bischofsgruen.de/wp-content/plugins/js_composer/assets/lib/bower/flexslider/fonts/flexslider-icon.eot);src:url(//bischofsgruen.de/wp-content/plugins/js_composer/assets/lib/bower/flexslider/fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'),url(//bischofsgruen.de/wp-content/plugins/js_composer/assets/lib/bower/flexslider/fonts/flexslider-icon.woff) format('woff'),url(//bischofsgruen.de/wp-content/plugins/js_composer/assets/lib/bower/flexslider/fonts/flexslider-icon.ttf) format('truetype'),url(//bischofsgruen.de/wp-content/plugins/js_composer/assets/lib/bower/flexslider/fonts/flexslider-icon.svg#flexslider-icon) format('svg');font-weight:400;font-style:normal}.flexslider{margin:0;padding:0}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides img{width:100%;display:block}.flex-pauseplay span{text-transform:capitalize}.slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides>li:first-child{display:block}.flexslider{margin:0 0 60px;background:#fff;border:4px solid #fff;position:relative;border-radius:4px;-o-box-shadow:0 1px 4px rgba(0,0,0,.2);box-shadow:0 1px 4px rgba(0,0,0,.2);zoom:1}.flex-viewport{max-height:2000px;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.flexslider .slides{zoom:1}.carousel li{margin-right:5px}.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3);transition:all .3s ease}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right}.flexslider:hover .flex-prev{opacity:.7;left:10px}.flexslider:hover .flex-next{opacity:.7;right:10px}.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;cursor:default}.flex-direction-nav a:before{font-family:flexslider-icon;font-size:40px;display:inline-block;content:'\f001'}.flex-direction-nav a.flex-next:before{content:'\f002'}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:'\f004'}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:'\f003'}.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1}.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,.5);cursor:pointer;text-indent:-9999px;border-radius:20px;-o-box-shadow:inset 0 0 3px rgba(0,0,0,.3);box-shadow:inset 0 0 3px rgba(0,0,0,.3)}.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,.7)}.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}}