body::after {
   display: none;
   content:
       url(../media/base/icons/speaker.svg)
       url(../media/base/icons/speaker-active.svg)
       url(../media/base/icons/player-play-inactive.svg)
       url(../media/base/icons/player-play-available.svg)
       url(../media/base/icons/player-play-active.svg)
       url(../media/base/icons/player-pause-inactive.svg)
       url(../media/base/icons/player-pause-available.svg)
       url(../media/base/icons/player-pause-active.svg)
       url(../media/base/icons/player-stop-inactive.svg)
       url(../media/base/icons/player-stop-available.svg)
       url(../media/base/icons/player-play-active.svg)
   ;
}

.audio-element {
    display: block;
    overflow: hidden;
    position: relative;
    box-sizing: border-box; -moz-box-sizing: border-box;
    color: white;
    background-color: black;
    padding: 17px 20px 23px 14px;
    margin-bottom: 20px;
    max-width: 510px;
}
.audio-element .cover {
    margin: 4px 0px 15px 0px;
}
.audio-element .cover img {
    width: 100%;
}
.audio-element .header {
    margin-left: 70px;
}
.audio-element .header .lecture {
    color: #d9ede7;
}
.audio-element .header .clip-headline {
    line-height: 22px;
    font-family: "A-Dem";
	font-weight: 500;
}
.audio-element .header .clip-title {
    line-height: 22px;
    color: #cfcfcf;
}
.audio-element .header .speaker {
    display: block;
    float: left;
    margin-left: -54px;
    width: 27px;
    height: 23px;
    background: url(../media/base/icons/speaker.svg) 0 0 no-repeat;
}
.audio-element.playing .header .speaker {
    background: url(../media/base/icons/speaker-active.svg) 0 0 no-repeat;
}
.audio-element .clip-info {
    margin: 20px 0px 8px 70px;
    color: #6d6d6d;
    text-align: right;
}
.audio-element .clip-info .duration {
    color: #6d6d6d;
}
.audio-element .controls {
    height: 15px;
}
.audio-element .controls .button {
    width: 15px;
    height: 15px;
    float: left;
    margin-right: 8px;
}
.audio-element .controls .button.play {
    background: url(../media/base/icons/player-play-available.svg) 2px 0 no-repeat;
}
.audio-element:not(.playing) .controls .button.play {
    cursor: pointer;
}
.audio-element.playing .controls .button.play {
    background: url(../media/base/icons/player-play-active.svg) 2px 0 no-repeat;
}
.audio-element .controls .button.pause {
    background: url(../media/base/icons/player-pause-inactive.svg) 1px 0 no-repeat;
}
.audio-element.playing .controls .button.pause {
    background: url(../media/base/icons/player-pause-available.svg) 1px 0 no-repeat;
    cursor: pointer;
}
.audio-element.paused .controls .button.pause {
    background: url(../media/base/icons/player-pause-active.svg) 1px 0 no-repeat;
}
.audio-element .controls .button.stop {
    background: url(../media/base/icons/player-stop-inactive.svg) 0 0 no-repeat;
}
.audio-element.playing .controls .button.stop,
.audio-element.paused .controls .button.stop {
    background: url(../media/base/icons/player-stop-available.svg) 0 0 no-repeat;
    cursor: pointer;
}
.audio-element .controls .button.play:hover {
    background: url(../media/base/icons/player-play-active.svg) 2px 0 no-repeat;
}
.audio-element.playing .controls .button.pause:hover {
    background: url(../media/base/icons/player-pause-active.svg) 1px 0 no-repeat;
}
.audio-element.playing .controls .button.stop:hover,
.audio-element.paused .controls .button.stop:hover {
    background: url(../media/base/icons/player-stop-active.svg) 0 0 no-repeat;
}
.audio-element .controls .track {
    position: relative;
    height: 100%;
    background-color: #6d6d6d;
    margin-left: 70px;
}
.audio-element .controls .track .buffer {
    position: absolute;
    width: 75%;
    height: 100%;
    background-color: #d8ede7;
}
.audio-element .controls .track .progress {
    position: absolute;
    float: left;
    width: 37%;
    height: 100%;
    background-color: #0fde59;
}
.audio-element .links {
    margin-top: 14px;    
    color: #0fde59;
}
.audio-element .links a {
    margin-left: 70px;
    text-decoration: none;
    color: #0fde59;
}
.audio-element .links a:hover {
    color: white;
}
.audio-element .sequence-ref {
    display: none;
}
.audio-sequence {
    margin-bottom: 20px;
}
.audio-sequence .audio-element {
    margin-bottom: 0px;
}
.audio-sequence .audio-element .sequence-ref {
    display: block;
}
.audio-sequence.expanded .audio-element .sequence-ref.expand {
    display: none;
}
.audio-sequence:not(.expanded) .audio-element .sequence-ref.collapse {
    display: none;
}
.audio-sequence.expanded .audio-element:not(:first-of-type):after {
    display: block;
    position: absolute;
    height: 1px;
    top: 0px;
    left: 14px;
    right: 20px;
    background-color: #6d6d6d;
    content: "";
}
.audio-sequence.collapsed .audio-element.related {
    display: none;
}
.audio-sequence.expanded .audio-element.related .speaker {
    display: block; /* was: none */
}
.audio-sequence.expanded .audio-element.related.playing .speaker {
    display: block;
}
.audio-sequence.expanded .audio-element.related .sequence-ref {
    display: none;
}

.lang-en .de {
    display: none;
}
.lang-de .en {
    display: none;
}