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

.audiocontainer:after{
    display:table;
    content:"";
    clear:both;
}
/*
.audiocontainer #mediaControl *:focus{
    outline-color: #db6f26;
}
*/
.teaser.audioLink{
    position: absolute;
    /* left: 256px; */
    top: 206px;
}

.audiocontainer > .audioimage{
    float: left;
    margin-right: 20px;
    background-position: 50% 50%;
    height: 256px;
    width: 256px;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: black;
}

.sendedatum{
    color: #333;
}

.audiocontainer h2.title{
    font-size: 24px;
    margin-right:20px;
    background-color: transparent;
}

a.audioButton .hiddens{
    display: none;
}


.teaser.audioLink.helper4krv2.active .audioLink{
    display:none;
}

.teaser.audioLink.helper4krv2.active  #audioClose{
    display:none;
}

.audioplayerbox{
    position: relative;
}

.audioplayerbox .description{
    overflow: hidden;
    font-size: 16px;
    margin-top: 5px;
}

/*
.audiocontainer #mediaControl {
    width: 630px;
    margin-left: 20px;
}
*/

.audiocontainer .audioButton {
    position: absolute;
    width: 80px;
    height: 80px;
    top: -129px;
    left: -172px;
    display: block;
    background-image: url(../img/play.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.audiocontainer .helper4krv2.active .audioButton {
    opacity: 0;
}

.audiocontainer .audioButton span{
    display:none;
}

@media screen and (max-width:1024px) {

    .audiocontainer{
        width: calc(100% - 20px);
        position: relative;
    }

    .audioplayerbox {
        position: relative;
    }

    .audiocontainer > .audioimage {
        float: none;
        margin-right: 0;
        height: 256px;
        width: 100%;
        margin-bottom:54px;
    }

    .teaser.audioLink {
        position: static;
        left: 0;
        top: 0;
    }
/*
    .audiocontainer #mediaControl {
        margin-left: 0;
        width: 100%;
    }
*/
    .audioplayerbox .description {
        max-height: inherit;
        padding-right: 0;
        margin-bottom: 5px;
    }

    .audiocontainer h2.title{
        font-size: 20px;
        margin-right:0;
        padding:0;
    }

    .audiocontainer .audioButton {
        top: -224px;
        left: calc(50% - 40px);
    }






}

/* Neue Styles */
.teaser.audioLink {
    width: calc(100% - 272px);
    height: 100px;
    left: 272px;
}

.teaser.audioLink.active.loaded a.audioButton { visibility: hidden !important; }

#audioPlayer.ardStyle {
    top: 76px;
    width: 256px;
    height: 256px;
}

@media screen and (max-width:1024px) {
    #audioPlayer.ardStyle { top: 86px;
    width: 100%; }
}
