@media screen and (max-width: 767px) {
.audioplayerbox {
    position: static;
}
.audiocontainer .audioButton {
    top: 86px;
}
}

@media screen and (min-width: 768px) {

.audioLink #videoPlayer.isEmbedded.ardStyle { 
    aspect-ratio: 9/9;
    height: auto;
    width: 256px;
    position: absolute;
    top: -10px;
    left: 0;
}

.kirakaAudiobooks .audioLink #videoPlayer.isEmbedded.ardStyle { 
    width: 260px;
    top: 0;
}

.audiocontainer .audioButton {
    top: 86px;
    left: 88px;
}

.videocontainer {
    padding: 0;
    border: 10px solid #fff;
    box-shadow: 2px 2px 12px -4px rgba(0, 0, 0, .7);
    background-color: #000;
    margin-left: auto;
    margin-right: auto;
    width: 904px;
    height:518px;
    margin-top: 0;
    position: relative;
}

.modul.style1 .videocontainer {
    margin-left: 0;
    margin-right: inherit;
    width: 680px;
    height:391px;
}

.video.style1 .imagecontainerWrapper {
    width: 740px;
}




.video .imagecontainerWrapper {
    z-index: 99992
}



.video .helper4krv2 {
    display: block;
    position: static;
}

.video .helper4krv2 > img {
    width: 100%;
    float: left
}

.video .textcontainerWrapper {
    float: left;
    min-height: 260px
}

.video .sendedatum {
    line-height: 20px;
    display: block;
    color: #444;
    font-weight: 700;
    text-align: right;
    padding: 10px 20px;
    bottom: 20px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .5);
    position: absolute;
    right: 60px;
    background-color: #fff
}

.video .active .sendedatum {
    display: none
}

.video .textcontainer {
    padding-right: 120px;
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
    margin: -10px 300px 20px 80px
}

.video.style1 .textcontainer {
    padding-right: 120px;
    margin: -10px 340px 20px 30px
}

.video .videoButton {
    position: absolute;
    width: 200px;
    height: 200px;
    left: calc(50% - 100px);
    top: calc(50% - 100px);
    display: block;
    background-image: url(../img/update2021/play.png);
    background-repeat: no-repeat;
    background-size: 75% 75%;
    cursor: pointer;
    background-position: 50% 50%;
}

.video .relatedWrapper .flex-control-nav,
.video .videoButton span {
    display: none
}

.video .relatedWrapper {
    width: 300px;
    margin-top: 20px;
    position: absolute;
    margin-right: 20px;
    z-index: 99991;
    right: 30px
}

.modul.style1.video .relatedWrapper {
    width: 300px;
    margin-top: 0;
    position: absolute;
    margin-right: 0;
    z-index: 99991;
    right: 0;
    top:0;
}


.video .relatedWrapper strong {
    font-size: 16px;
    line-height: 30px;
    margin-top: 0;
    margin-bottom: 5px
}


.imagecontainer .videocontainer span {
    display: inline;
    margin-top: 0;
}


.slider {
    position: relative;
    cursor: default;
}
/*
#mediaControl button#cfgCtrl {
    display: none!important;
}
*/
.imagecontainer .videocontainer .slider {
    position: absolute;
    cursor: pointer;
}

.modul.style1 .videocontainer .helper4krv2 {
    height: 394px;
}

#videoPlayer.isEmbedded {
    overflow: visible;
    height: 510px;
    width: 904px;
    left: 0;
    top: 0;
    box-shadow: none;
}
/*
	#videoPlayer object, #videoPlayer video {
		position: absolute;
		top: 0;
		z-index: 2
	}




body.playerWithFonts #mediaControl {
    background-image: none !important;
}
*/
body.playerWithFonts .video .helper4krv2 > img {
    height: 518px;
}

body.playerWithFonts .video.modul.style1 .helper4krv2 > img {
    height: 391px;
}

body.playerWithFonts .video.modul.style1 #videoPlayer.isEmbedded{
    height: 383px;
    width: 680px;
}


}

/****** styling 2021 ******/
/*

body.playerWithFonts #mediaControl {
    background-color: rgba(0,51,94,1);
}

body.playerWithFonts .ui-slider .ui-slider-range {
    background-color: #666;
}

body.playerWithFonts .ui-slider {
    background-color: #ccc;
}

body.playerWithFonts #mediaControl #scrubbingCtrl {
    border-right: 8px solid #ccc;
}

body.playerWithFonts #mediaControl button:hover, 
body.playerWithFonts #mediaControl button:focus {
    background-color: rgba(255,255,255,.2);
}
*/
body.playerWithFonts .videoButton span:first-child{
display:none;
}
/*
#mediaControl #timeCtrl span {
    margin-top:0;
}
*/
.modul.slider{
position: static !important;
}

/* Neue Styles */
.teaser.helper4krv2.videoLink.active.loaded { background-color: #fff; }
.teaser.helper4krv2.videoLink.active.loaded img,
.teaser.helper4krv2.videoLink.active.loaded a.videoButton { visibility: hidden; }
#videoPlayer.isEmbedded.ardStyle { aspect-ratio: 16/9; }

.teaser.audioLink {
    position: static;
}



body.kinder.sk_diemaus #audioPlayer.ardStyle .ardplayer .ardplayer-center { background-color: #dc5f0a; }