/*
* Bereichs-CSS: AV-Teaser
* 
* 2025-07-29: Added styles to improve flyout close button visibility (II)
* 2025-07-23: Added styles to improve flyout close button visibility
* 2025-07-22: Added styles for media target teaser text visibility
* 2025-07-22: Added styles for article link lists
*
*/

body.wdr .teaser.hideTeasertext.withMediaTarget p.teasertext {
    display: block;
}

body.wdr .teaser.hideTeasertext.withMediaTarget p.teasertext .teaserTextOnly {
    display: none;
}

body.wdr.themen.avInline.specials.einslive #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline,
body.wdr.themen.avInline:not(.noRebrushChanges) #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline {
    position: relative;
    z-index: 1
}

body.wdr.themen.avInline.specials.einslive #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded,
body.wdr.themen.avInline:not(.noRebrushChanges) #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded {
    position: fixed;
    z-index: 2002;
    top: 64px;
    right: 16px;
    bottom: auto;
    left: auto;
    border: 2px solid rgba(0, 0, 0, .8);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
    height: auto;
    aspect-ratio: 16/9
}

body.wdr.themen.avInline.specials.einslive #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded #modInlinePlayerClose,
body.wdr.themen.avInline:not(.noRebrushChanges) #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded #modInlinePlayerClose {
    display: block;
    width: auto;
    padding: 4px;
    color: #fff;
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 12px;
    z-index: 10
}

body.wdr.themen.avInline.specials.einslive #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded .ardplayer-controlbar .ardplayer-controlbar-buffer,
body.wdr.themen.avInline.specials.einslive #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded .ardplayer-controlbar .ardplayer-controlbar-seek-indicator,
body.wdr.themen.avInline:not(.noRebrushChanges) #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded .ardplayer-controlbar .ardplayer-controlbar-buffer,
body.wdr.themen.avInline:not(.noRebrushChanges) #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded .ardplayer-controlbar .ardplayer-controlbar-seek-indicator {
    padding: 0
}

body.wdr.themen.avInline.specials.einslive #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded video,
body.wdr.themen.avInline:not(.noRebrushChanges) #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded video {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9
}

body.wdr.themen.avInline.specials.einslive #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded .ardplayer-addons-container .ardplayer-icon.ardplayer-icon-pictureinpicture,
body.wdr.themen.avInline:not(.noRebrushChanges) #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded .ardplayer-addons-container .ardplayer-icon.ardplayer-icon-pictureinpicture {
    display: none
}

body.wdr.themen.avInline.specials.einslive #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline .videoLink.active:before,
body.wdr.themen.avInline:not(.noRebrushChanges) #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline .videoLink.active:before {
    content: "";
    display: none
}

body.wdr.themen.avInline.specials.einslive #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline .videoLink.active a.mediaLink.video[data-extension-ard],
body.wdr.themen.avInline:not(.noRebrushChanges) #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline .videoLink.active a.mediaLink.video[data-extension-ard] {
    visibility: visible !important
}

body.wdr.themen.avInline.specials.einslive #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline .videoLink.active a.mediaLink.video[data-extension-ard]:before,
body.wdr.themen.avInline:not(.noRebrushChanges) #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline .videoLink.active a.mediaLink.video[data-extension-ard]:before {
    content: "";
    display: none
}

body.wdr.themen.avInline.specials.einslive #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle,
body.wdr.themen.avInline:not(.noRebrushChanges) #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle {
    position: fixed;
    z-index: 2002;
    top: 64px;
    right: 16px;
    bottom: auto;
    left: auto;
    border: 2px solid rgba(0, 0, 0, .8);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
    background: #00345e url(https://exporte.wdr.de/player/current/res/img/player/audioBG.png) repeat-x;
    height: 176px
}

body.wdr.themen.avInline.specials.einslive #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle #modInlinePlayerClose,
body.wdr.themen.avInline:not(.noRebrushChanges) #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle #modInlinePlayerClose {
    display: block;
    width: auto;
    padding: 4px;
    color: #fff;
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 12px;
    z-index: 10
}

body.wdr.themen.avInline.specials.einslive #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle .ardplayer-controlbar .ardplayer-controlbar-buffer,
body.wdr.themen.avInline.specials.einslive #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle .ardplayer-controlbar .ardplayer-controlbar-seek-indicator,
body.wdr.themen.avInline:not(.noRebrushChanges) #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle .ardplayer-controlbar .ardplayer-controlbar-buffer,
body.wdr.themen.avInline:not(.noRebrushChanges) #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle .ardplayer-controlbar .ardplayer-controlbar-seek-indicator {
    padding: 0
}

body.wdr.themen.avInline.specials.einslive #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle #playerCont,
body.wdr.themen.avInline:not(.noRebrushChanges) #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle #playerCont {
    height: 166px;
    margin-top: 14px
}

body.wdr.themen.avInline.specials.einslive #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle #playerCont.ardplayer.ardplayer-state-audio .ardplayer-posterbackdrop,
body.wdr.themen.avInline:not(.noRebrushChanges) #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle #playerCont.ardplayer.ardplayer-state-audio .ardplayer-posterbackdrop {
    display: inherit !important;
    width: 100%;
    height: 176px;
    background: 0 0
}

body.wdr.themen.avInline.specials.einslive #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle #playerCont.ardplayer.ardplayer-state-audio .ardplayer-posterbackdrop img,
body.wdr.themen.avInline:not(.noRebrushChanges) #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle #playerCont.ardplayer.ardplayer-state-audio .ardplayer-posterbackdrop img {
    display: inherit !important;
    width: auto;
    height: 98px;
    margin-left: calc(50% - 87px);
    margin-top: -12px
}

body.wdr.themen.avInline.specials.einslive #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline .media a.mediaLink[data-extension-ard]:before,
body.wdr.themen.avInline:not(.noRebrushChanges) #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline .media a.mediaLink[data-extension-ard]:before {
    transform: scale(.85);
    bottom: 8px;
    left: 4px
}

body.wdr.themen.avInline.specials.einslive #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline .duration,
body.wdr.themen.avInline:not(.noRebrushChanges) #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline .duration {
    bottom: 6px
}

body.wdr.themen.avInline.specials.einslive #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline .videoLink,
body.wdr.themen.avInline:not(.noRebrushChanges) #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline .videoLink {
    margin-bottom: 0
}

body.wdr.themen.avInline.specials.einslive #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline>.media.audio:before,
body.wdr.themen.avInline.specials.einslive #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline>.media.video:before,
body.wdr.themen.avInline:not(.noRebrushChanges) #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline>.media.audio:before,
body.wdr.themen.avInline:not(.noRebrushChanges) #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline>.media.video:before {
    content: "";
    display: none
}

body.wdr.themen.avInline.specials.einslive #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline+a,
body.wdr.themen.avInline:not(.noRebrushChanges) #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline+a {
    float: none;
    display: block;
    width: 100%
}

body.wdr.themen.avInline.specials.einslive #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline+a:focus,
body.wdr.themen.avInline.specials.einslive #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline+a:hover,
body.wdr.themen.avInline:not(.noRebrushChanges) #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline+a:focus,
body.wdr.themen.avInline:not(.noRebrushChanges) #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline+a:hover {
    background-color: transparent
}

body.wdr.themen.avInline.specials.einslive #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline+a:focus:after,
body.wdr.themen.avInline.specials.einslive #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline+a:hover:after,
body.wdr.themen.avInline:not(.noRebrushChanges) #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline+a:focus:after,
body.wdr.themen.avInline:not(.noRebrushChanges) #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline+a:hover:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f0f0f0
}

body.wdr.themen.avInline.specials.einslive #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline+a:focus>*,
body.wdr.themen.avInline.specials.einslive #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline+a:hover>*,
body.wdr.themen.avInline:not(.noRebrushChanges) #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline+a:focus>*,
body.wdr.themen.avInline:not(.noRebrushChanges) #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline+a:hover>* {
    position: relative;
    z-index: 1
}

body.wdr.themen.avInline.specials.einslive #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline+a:focus>.targetMediaDescriptor,
body.wdr.themen.avInline.specials.einslive #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline+a:hover>.targetMediaDescriptor,
body.wdr.themen.avInline:not(.noRebrushChanges) #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline+a:focus>.targetMediaDescriptor,
body.wdr.themen.avInline:not(.noRebrushChanges) #content .section .mod.modPicList.picListContent.hasPlayer .teaser .inline+a:hover>.targetMediaDescriptor {
    display: block;
    float: right;
    text-align: right;
    font-size: 16px;
    font-weight: 700;
    margin-top: 12px;
    padding-top: 10px;
    padding-right: 12px
}

body.wdr.themen.avInline.specials.einslive.viewXL #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle,
body.wdr.themen.avInline.specials.einslive.viewXL #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded,
body.wdr.themen.avInline:not(.noRebrushChanges).viewXL #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle,
body.wdr.themen.avInline:not(.noRebrushChanges).viewXL #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded {
    width: 704px
}

body.wdr.themen.avInline.specials.einslive.viewL #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle,
body.wdr.themen.avInline.specials.einslive.viewL #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded,
body.wdr.themen.avInline:not(.noRebrushChanges).viewL #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle,
body.wdr.themen.avInline:not(.noRebrushChanges).viewL #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded {
    width: 512px
}

body.wdr.themen.avInline.viewM #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle,
body.wdr.themen.avInline.viewM #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded {
    width: 480px
}

body.wdr.themen.avInline.viewS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded {
    position: fixed;
    z-index: 2002;
    top: 64px;
    right: 16px;
    bottom: auto;
    left: auto;
    border: 2px solid rgba(0, 0, 0, .8);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
    height: auto;
    aspect-ratio: 16/9
}

body.wdr.themen.avInline.viewS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded #modInlinePlayerClose {
    display: block;
    width: auto;
    padding: 4px;
    color: #fff;
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 12px;
    z-index: 10
}

body.wdr.themen.avInline.viewS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded .ardplayer-controlbar .ardplayer-controlbar-buffer,
body.wdr.themen.avInline.viewS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded .ardplayer-controlbar .ardplayer-controlbar-seek-indicator {
    padding: 0
}

body.wdr.themen.avInline.viewS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded video {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9
}

body.wdr.themen.avInline.viewS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded .ardplayer-addons-container .ardplayer-icon.ardplayer-icon-pictureinpicture {
    display: none
}

body.wdr.themen.avInline.viewS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline .videoLink.active:before {
    content: "";
    display: none
}

body.wdr.themen.avInline.viewS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline .videoLink.active a.mediaLink.video[data-extension-ard] {
    visibility: visible !important
}

body.wdr.themen.avInline.viewS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline .videoLink.active a.mediaLink.video[data-extension-ard]:before {
    content: "";
    display: none
}

body.wdr.themen.avInline.viewS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle {
    position: fixed;
    z-index: 2002;
    top: 64px;
    right: 16px;
    bottom: auto;
    left: auto;
    border: 2px solid rgba(0, 0, 0, .8);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
    background: #00345e url(https://exporte.wdr.de/player/current/res/img/player/audioBG.png) repeat-x;
    height: 176px
}

body.wdr.themen.avInline.viewS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle #modInlinePlayerClose {
    display: block;
    width: auto;
    padding: 4px;
    color: #fff;
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 12px;
    z-index: 10
}

body.wdr.themen.avInline.viewS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle .ardplayer-controlbar .ardplayer-controlbar-buffer,
body.wdr.themen.avInline.viewS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle .ardplayer-controlbar .ardplayer-controlbar-seek-indicator {
    padding: 0
}

body.wdr.themen.avInline.viewS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle #playerCont {
    height: 166px;
    margin-top: 14px
}

body.wdr.themen.avInline.viewS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle #playerCont.ardplayer.ardplayer-state-audio .ardplayer-posterbackdrop {
    display: inherit !important;
    width: 100%;
    height: 176px;
    background: 0 0
}

body.wdr.themen.avInline.viewS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle #playerCont.ardplayer.ardplayer-state-audio .ardplayer-posterbackdrop img {
    display: inherit !important;
    width: auto;
    height: 98px;
    margin-left: calc(50% - 87px);
    margin-top: -12px
}

body.wdr.themen.avInline.viewS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle,
body.wdr.themen.avInline.viewS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded {
    width: 320px
}

body.wdr.themen.avInline.viewS #content .mod.modPicList.picListContent.hasPlayer .ardplayer .ardplayer-header {
    text-align: left
}

body.wdr.themen.avInline.viewS #content .mod.modPicList.picListContent.hasPlayer .teaser.withMediaTarget .teasertext,
body.wdr.themen.avInline.viewS #content .mod.modPicList.picListContent.hasPlayer .teaser.withMediaTarget .teasertext .targetMediaDescriptor {
    display: block
}

body.wdr.themen.avInline.viewS #content .mod.modPicList.picListContent.hasPlayer .teaser.withMediaTarget .teasertext .teaserTextOnly {
    display: none
}

body.wdr.themen.avInline.viewXS #content .mod.modPicList.picListContent.hasPlayer .teaser .mediaCon {
    width: 33%
}

body.wdr.themen.avInline.viewXS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded {
    position: fixed;
    z-index: 2002;
    top: 64px;
    right: 16px;
    bottom: auto;
    left: auto;
    border: 2px solid rgba(0, 0, 0, .8);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
    height: auto;
    aspect-ratio: 16/9
}

body.wdr.themen.avInline.viewXS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded #modInlinePlayerClose {
    display: block;
    width: auto;
    padding: 4px;
    color: #fff;
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 12px;
    z-index: 10
}

body.wdr.themen.avInline.viewXS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded .ardplayer-controlbar .ardplayer-controlbar-buffer,
body.wdr.themen.avInline.viewXS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded .ardplayer-controlbar .ardplayer-controlbar-seek-indicator {
    padding: 0
}

body.wdr.themen.avInline.viewXS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded video {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9
}

body.wdr.themen.avInline.viewXS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded .ardplayer-addons-container .ardplayer-icon.ardplayer-icon-pictureinpicture {
    display: none
}

body.wdr.themen.avInline.viewXS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline .videoLink.active:before {
    content: "";
    display: none
}

body.wdr.themen.avInline.viewXS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline .videoLink.active a.mediaLink.video[data-extension-ard] {
    visibility: visible !important
}

body.wdr.themen.avInline.viewXS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline .videoLink.active a.mediaLink.video[data-extension-ard]:before {
    content: "";
    display: none
}

body.wdr.themen.avInline.viewXS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle {
    position: fixed;
    z-index: 2002;
    top: 64px;
    right: 16px;
    bottom: auto;
    left: auto;
    border: 2px solid rgba(0, 0, 0, .8);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
    background: #00345e url(https://exporte.wdr.de/player/current/res/img/player/audioBG.png) repeat-x;
    height: 176px
}

body.wdr.themen.avInline.viewXS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle #modInlinePlayerClose {
    display: block;
    width: auto;
    padding: 4px;
    color: #fff;
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 12px;
    z-index: 10
}

body.wdr.themen.avInline.viewXS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle .ardplayer-controlbar .ardplayer-controlbar-buffer,
body.wdr.themen.avInline.viewXS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle .ardplayer-controlbar .ardplayer-controlbar-seek-indicator {
    padding: 0
}

body.wdr.themen.avInline.viewXS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle #playerCont {
    height: 166px;
    margin-top: 14px
}

body.wdr.themen.avInline.viewXS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle #playerCont.ardplayer.ardplayer-state-audio .ardplayer-posterbackdrop {
    display: inherit !important;
    width: 100%;
    height: 176px;
    background: 0 0
}

body.wdr.themen.avInline.viewXS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle #playerCont.ardplayer.ardplayer-state-audio .ardplayer-posterbackdrop img {
    display: inherit !important;
    width: auto;
    height: 98px;
    margin-left: calc(50% - 87px);
    margin-top: -12px
}

body.wdr.themen.avInline.viewXS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #audioPlayer.ardStyle,
body.wdr.themen.avInline.viewXS #content .mod.modPicList.picListContent.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded {
    width: 300px
}

body.wdr.themen.avInline.viewXS #content .mod.modPicList.picListContent.hasPlayer .ardplayer .ardplayer-header {
    text-align: left
}

body.wdr.themen.avInline.viewXS #content .mod.modPicList.picListContent.hasPlayer .teaser.withMediaTarget .teasertext,
body.wdr.themen.avInline.viewXS #content .mod.modPicList.picListContent.hasPlayer .teaser.withMediaTarget .teasertext .targetMediaDescriptor {
    display: block
}

body.wdr.themen.avInline.viewXS #content .mod.modPicList.picListContent.hasPlayer .teaser.withMediaTarget .teasertext .teaserTextOnly {
    display: none
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded {
    position: fixed;
    z-index: 2002;
    top: 64px;
    right: 16px;
    bottom: auto;
    left: auto;
    border: 2px solid rgba(0, 0, 0, .8);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
    height: auto;
    aspect-ratio: 16/9
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded #modInlinePlayerClose {
    display: block;
    width: auto;
    padding: 4px;
    color: #fff;
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 12px;
    z-index: 10
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded .ardplayer-controlbar .ardplayer-controlbar-buffer,
body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded .ardplayer-controlbar .ardplayer-controlbar-seek-indicator {
    padding: 0
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded video {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded .ardplayer-addons-container .ardplayer-icon.ardplayer-icon-pictureinpicture {
    display: none
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline .videoLink.active:before {
    content: "";
    display: none
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline .videoLink.active a.mediaLink.video[data-extension-ard] {
    visibility: visible!important
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline .videoLink.active a.mediaLink.video[data-extension-ard]:before {
    content: "";
    display: none
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline #audioPlayer.ardStyle {
    position: fixed;
    z-index: 2002;
    top: 64px;
    right: 16px;
    bottom: auto;
    left: auto;
    border: 2px solid rgba(0, 0, 0, .8);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
    background: #00345e url(https://exporte.wdr.de/player/current/res/img/player/audioBG.png) repeat-x;
    height: 176px
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline #audioPlayer.ardStyle #modInlinePlayerClose {
    display: block;
    width: auto;
    padding: 4px;
    color: #fff;
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 12px;
    z-index: 10
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline #audioPlayer.ardStyle .ardplayer-controlbar .ardplayer-controlbar-buffer,
body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline #audioPlayer.ardStyle .ardplayer-controlbar .ardplayer-controlbar-seek-indicator {
    padding: 0
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline #audioPlayer.ardStyle #playerCont {
    height: 166px;
    margin-top: 14px
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline #audioPlayer.ardStyle #playerCont.ardplayer.ardplayer-state-audio .ardplayer-posterbackdrop {
    display: inherit!important;
    width: 100%;
    height: 176px;
    background: 0 0
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline #audioPlayer.ardStyle #playerCont.ardplayer.ardplayer-state-audio .ardplayer-posterbackdrop img {
    display: inherit!important;
    width: auto;
    height: 98px;
    margin-left: calc(50% - 87px);
    margin-top: -12px
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline #audioPlayer.ardStyle,
body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded {
    width: 320px
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline .ardplayer .ardplayer-header {
    text-align: left
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.modStopper.hasPlayer .viewA .teaser .inline #audioPlayer.ardStyle {
    position: fixed;
    z-index: 2002;
    top: 64px;
    right: 16px;
    bottom: auto;
    left: auto;
    border: 2px solid rgba(0, 0, 0, .8);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
    background: #00345e url(https://exporte.wdr.de/player/current/res/img/player/audioBG.png) repeat-x;
    height: 176px
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.modStopper.hasPlayer .viewA .teaser .inline #audioPlayer.ardStyle #modInlinePlayerClose {
    display: block;
    width: auto;
    padding: 4px;
    color: #fff;
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 12px;
    z-index: 10
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.modStopper.hasPlayer .viewA .teaser .inline #audioPlayer.ardStyle .ardplayer-controlbar .ardplayer-controlbar-buffer,
body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.modStopper.hasPlayer .viewA .teaser .inline #audioPlayer.ardStyle .ardplayer-controlbar .ardplayer-controlbar-seek-indicator {
    padding: 0
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.modStopper.hasPlayer .viewA .teaser .inline #audioPlayer.ardStyle #playerCont {
    height: 166px;
    margin-top: 14px
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.modStopper.hasPlayer .viewA .teaser .inline #audioPlayer.ardStyle #playerCont.ardplayer.ardplayer-state-audio .ardplayer-posterbackdrop {
    display: inherit!important;
    width: 100%;
    height: 176px;
    background: 0 0
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.modStopper.hasPlayer .viewA .teaser .inline #audioPlayer.ardStyle #playerCont.ardplayer.ardplayer-state-audio .ardplayer-posterbackdrop img {
    display: inherit!important;
    width: auto;
    height: 98px;
    margin-left: calc(50% - 87px);
    margin-top: -12px
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.modStopper.hasPlayer .viewA .teaser .inline #audioPlayer.ardStyle {
    width: 320px
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .modStageMedia.fullWidth.singleTeaserOnly.hasPlayer .teaser .inline #audioPlayer.ardStyle {
    position: fixed;
    z-index: 2002;
    top: 64px;
    right: 16px;
    bottom: auto;
    left: auto;
    border: 2px solid rgba(0, 0, 0, .8);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
    background: #00345e url(https://exporte.wdr.de/player/current/res/img/player/audioBG.png) repeat-x;
    height: 176px
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .modStageMedia.fullWidth.singleTeaserOnly.hasPlayer .teaser .inline #audioPlayer.ardStyle #modInlinePlayerClose {
    display: block;
    width: auto;
    padding: 4px;
    color: #fff;
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 12px;
    z-index: 10
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .modStageMedia.fullWidth.singleTeaserOnly.hasPlayer .teaser .inline #audioPlayer.ardStyle .ardplayer-controlbar .ardplayer-controlbar-buffer,
body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .modStageMedia.fullWidth.singleTeaserOnly.hasPlayer .teaser .inline #audioPlayer.ardStyle .ardplayer-controlbar .ardplayer-controlbar-seek-indicator {
    padding: 0
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .modStageMedia.fullWidth.singleTeaserOnly.hasPlayer .teaser .inline #audioPlayer.ardStyle #playerCont {
    height: 166px;
    margin-top: 14px
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .modStageMedia.fullWidth.singleTeaserOnly.hasPlayer .teaser .inline #audioPlayer.ardStyle #playerCont.ardplayer.ardplayer-state-audio .ardplayer-posterbackdrop {
    display: inherit!important;
    width: 100%;
    height: 176px;
    background: 0 0
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .modStageMedia.fullWidth.singleTeaserOnly.hasPlayer .teaser .inline #audioPlayer.ardStyle #playerCont.ardplayer.ardplayer-state-audio .ardplayer-posterbackdrop img {
    display: inherit!important;
    width: auto;
    height: 98px;
    margin-left: calc(50% - 87px);
    margin-top: -12px
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .modStageMedia.fullWidth.singleTeaserOnly.hasPlayer .teaser .inline #audioPlayer.ardStyle {
    width: 320px
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.modPremium.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded {
    position: fixed;
    z-index: 2002;
    top: 64px;
    right: 16px;
    bottom: auto;
    left: auto;
    border: 2px solid rgba(0, 0, 0, .8);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
    height: auto;
    aspect-ratio: 16/9
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.modPremium.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded #modInlinePlayerClose {
    display: block;
    width: auto;
    padding: 4px;
    color: #fff;
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 12px;
    z-index: 10
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.modPremium.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded .ardplayer-controlbar .ardplayer-controlbar-buffer,
body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.modPremium.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded .ardplayer-controlbar .ardplayer-controlbar-seek-indicator {
    padding: 0
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.modPremium.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded video {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.modPremium.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded .ardplayer-addons-container .ardplayer-icon.ardplayer-icon-pictureinpicture {
    display: none
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.modPremium.hasPlayer .teaser .inline .videoLink.active:before {
    content: "";
    display: none
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.modPremium.hasPlayer .teaser .inline .videoLink.active a.mediaLink.video[data-extension-ard] {
    visibility: visible!important
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.modPremium.hasPlayer .teaser .inline .videoLink.active a.mediaLink.video[data-extension-ard]:before {
    content: "";
    display: none
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.modPremium.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded {
    width: 320px
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod.modStopper.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded,
body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .modStageMedia.fullWidth.singleTeaserOnly.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded {
    width: 320px
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon {
    z-index: 2
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline #videoPlayer.ardStyle.isEmbedded {
    position: fixed;
    z-index: 2002;
    top: 64px;
    right: 16px;
    bottom: auto;
    left: auto;
    border: 2px solid rgba(0, 0, 0, .8);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
    height: auto;
    aspect-ratio: 16/9
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline #videoPlayer.ardStyle.isEmbedded #modInlinePlayerClose {
    display: block;
    width: auto;
    padding: 4px;
    color: #fff;
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 12px;
    z-index: 10
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline #videoPlayer.ardStyle.isEmbedded .ardplayer-controlbar .ardplayer-controlbar-buffer,
body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline #videoPlayer.ardStyle.isEmbedded .ardplayer-controlbar .ardplayer-controlbar-seek-indicator {
    padding: 0
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline #videoPlayer.ardStyle.isEmbedded video {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline #videoPlayer.ardStyle.isEmbedded .ardplayer-addons-container .ardplayer-icon.ardplayer-icon-pictureinpicture {
    display: none
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline .videoLink.active:before {
    content: "";
    display: none
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline .videoLink.active a.mediaLink.video[data-extension-ard] {
    visibility: visible!important
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline .videoLink.active a.mediaLink.video[data-extension-ard]:before {
    content: "";
    display: none
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline #audioPlayer.ardStyle {
    position: fixed;
    z-index: 2002;
    top: 64px;
    right: 16px;
    bottom: auto;
    left: auto;
    border: 2px solid rgba(0, 0, 0, .8);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
    background: #00345e url(https://exporte.wdr.de/player/current/res/img/player/audioBG.png) repeat-x;
    height: 176px
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline #audioPlayer.ardStyle #modInlinePlayerClose {
    display: block;
    width: auto;
    padding: 4px;
    color: #fff;
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 12px;
    z-index: 10
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline #audioPlayer.ardStyle .ardplayer-controlbar .ardplayer-controlbar-buffer,
body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline #audioPlayer.ardStyle .ardplayer-controlbar .ardplayer-controlbar-seek-indicator {
    padding: 0
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline #audioPlayer.ardStyle #playerCont {
    height: 166px;
    margin-top: 14px
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline #audioPlayer.ardStyle #playerCont.ardplayer.ardplayer-state-audio .ardplayer-posterbackdrop {
    display: inherit!important;
    width: 100%;
    height: 176px;
    background: 0 0
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline #audioPlayer.ardStyle #playerCont.ardplayer.ardplayer-state-audio .ardplayer-posterbackdrop img {
    display: inherit!important;
    width: auto;
    height: 98px;
    margin-left: calc(50% - 87px);
    margin-top: -12px
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline #audioPlayer.ardStyle,
body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline #videoPlayer.ardStyle.isEmbedded {
    width: 280px;
    top: 4px;
    right: auto;
    margin-left: 92px
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .teaser .inline .media.active #audioPlayer.ardStyle,
body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .teaser .inline .media.active #audioPlayer.ardStyle #playerCont {
    height: 146px
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod .teaser.withMediaTarget .teasertext,
body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod .teaser.withMediaTarget .teasertext .targetMediaDescriptor {
    display: block
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .mod .teaser.withMediaTarget .teasertext .teaserTextOnly {
    display: none
}

body.wdr.themen.avInline.viewS #content .section:not(.sectionZ.sectionArticle) .modPremium .teaser.withMediaTarget .teasertext .targetMediaDescriptor {
    float: right;
    text-align: right
}

body.wdr.themen.avInline.viewS #content .section.sectionC .mod.modA:not(.modPicList) .teaser.withMediaTarget>a .teasertext {
    width: 50%;
    clear: none;
    float: right;
    text-align: right
}

body.wdr.themen.avInline.viewS #content .section.sectionC .mod.modPicList .teaser.withMediaTarget .teasertext .teaserTextOnly {
    display: block
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded {
    position: fixed;
    z-index: 2002;
    top: 64px;
    right: 16px;
    bottom: auto;
    left: auto;
    border: 2px solid rgba(0, 0, 0, .8);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
    height: auto;
    aspect-ratio: 16/9
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded #modInlinePlayerClose {
    display: block;
    width: auto;
    padding: 4px;
    color: #fff;
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 12px;
    z-index: 10
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded .ardplayer-controlbar .ardplayer-controlbar-buffer,
body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded .ardplayer-controlbar .ardplayer-controlbar-seek-indicator {
    padding: 0
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded video {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded .ardplayer-addons-container .ardplayer-icon.ardplayer-icon-pictureinpicture {
    display: none
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline .videoLink.active:before {
    content: "";
    display: none
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline .videoLink.active a.mediaLink.video[data-extension-ard] {
    visibility: visible!important
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline .videoLink.active a.mediaLink.video[data-extension-ard]:before {
    content: "";
    display: none
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline #audioPlayer.ardStyle {
    position: fixed;
    z-index: 2002;
    top: 64px;
    right: 16px;
    bottom: auto;
    left: auto;
    border: 2px solid rgba(0, 0, 0, .8);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
    background: #00345e url(https://exporte.wdr.de/player/current/res/img/player/audioBG.png) repeat-x;
    height: 176px
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline #audioPlayer.ardStyle #modInlinePlayerClose {
    display: block;
    width: auto;
    padding: 4px;
    color: #fff;
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 12px;
    z-index: 10
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline #audioPlayer.ardStyle .ardplayer-controlbar .ardplayer-controlbar-buffer,
body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline #audioPlayer.ardStyle .ardplayer-controlbar .ardplayer-controlbar-seek-indicator {
    padding: 0
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline #audioPlayer.ardStyle #playerCont {
    height: 166px;
    margin-top: 14px
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline #audioPlayer.ardStyle #playerCont.ardplayer.ardplayer-state-audio .ardplayer-posterbackdrop {
    display: inherit!important;
    width: 100%;
    height: 176px;
    background: 0 0
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline #audioPlayer.ardStyle #playerCont.ardplayer.ardplayer-state-audio .ardplayer-posterbackdrop img {
    display: inherit!important;
    width: auto;
    height: 98px;
    margin-left: calc(50% - 87px);
    margin-top: -12px
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline #audioPlayer.ardStyle,
body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded {
    width: 300px
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .mod.hasPlayer .teaser .inline .ardplayer .ardplayer-header {
    text-align: left
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .modStageMedia.fullWidth.singleTeaserOnly.hasPlayer .teaser .inline #videoPlayer.ardStyle.isEmbedded {
    width: 300px
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon {
    z-index: 2
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline #videoPlayer.ardStyle.isEmbedded {
    position: fixed;
    z-index: 2002;
    top: 64px;
    right: 16px;
    bottom: auto;
    left: auto;
    border: 2px solid rgba(0, 0, 0, .8);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
    height: auto;
    aspect-ratio: 16/9
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline #videoPlayer.ardStyle.isEmbedded #modInlinePlayerClose {
    display: block;
    width: auto;
    padding: 4px;
    color: #fff;
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 12px;
    z-index: 10
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline #videoPlayer.ardStyle.isEmbedded .ardplayer-controlbar .ardplayer-controlbar-buffer,
body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline #videoPlayer.ardStyle.isEmbedded .ardplayer-controlbar .ardplayer-controlbar-seek-indicator {
    padding: 0
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline #videoPlayer.ardStyle.isEmbedded video {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline #videoPlayer.ardStyle.isEmbedded .ardplayer-addons-container .ardplayer-icon.ardplayer-icon-pictureinpicture {
    display: none
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline .videoLink.active:before {
    content: "";
    display: none
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline .videoLink.active a.mediaLink.video[data-extension-ard] {
    visibility: visible!important
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline .videoLink.active a.mediaLink.video[data-extension-ard]:before {
    content: "";
    display: none
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline #audioPlayer.ardStyle {
    position: fixed;
    z-index: 2002;
    top: 64px;
    right: 16px;
    bottom: auto;
    left: auto;
    border: 2px solid rgba(0, 0, 0, .8);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
    background: #00345e url(https://exporte.wdr.de/player/current/res/img/player/audioBG.png) repeat-x;
    height: 176px
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline #audioPlayer.ardStyle #modInlinePlayerClose {
    display: block;
    width: auto;
    padding: 4px;
    color: #fff;
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 12px;
    z-index: 10
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline #audioPlayer.ardStyle .ardplayer-controlbar .ardplayer-controlbar-buffer,
body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline #audioPlayer.ardStyle .ardplayer-controlbar .ardplayer-controlbar-seek-indicator {
    padding: 0
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline #audioPlayer.ardStyle #playerCont {
    height: 166px;
    margin-top: 14px
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline #audioPlayer.ardStyle #playerCont.ardplayer.ardplayer-state-audio .ardplayer-posterbackdrop {
    display: inherit!important;
    width: 100%;
    height: 176px;
    background: 0 0
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline #audioPlayer.ardStyle #playerCont.ardplayer.ardplayer-state-audio .ardplayer-posterbackdrop img {
    display: inherit!important;
    width: auto;
    height: 98px;
    margin-left: calc(50% - 87px);
    margin-top: -12px
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline #audioPlayer.ardStyle,
body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .boxCon .teaser .inline #videoPlayer.ardStyle.isEmbedded {
    width: 256px;
    top: 4px;
    right: auto;
    margin-left: 24px
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .teaser .inline .media.active #audioPlayer.ardStyle,
body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .modCon:not(.modConStage) .modD.modMini.hasPlayer[data-ctrl-slidable] .teaser .inline .media.active #audioPlayer.ardStyle #playerCont {
    height: 126px
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .mod .teaser.withMediaTarget .teasertext,
body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .mod .teaser.withMediaTarget .teasertext .targetMediaDescriptor {
    display: block
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .mod .teaser.withMediaTarget .teasertext .teaserTextOnly {
    display: none
}

body.wdr.themen.avInline.viewXS #content .section:not(.sectionZ.sectionArticle) .modPremium .teaser.withMediaTarget .teasertext .targetMediaDescriptor {
    float: right;
    text-align: right
}

body.wdr.themen.avInline.viewXS #content .section.sectionC .mod.modA:not(.modPicList) .teaser.withMediaTarget>a .teasertext {
    width: 50%;
    clear: none;
    float: right;
    text-align: right
}

body.wdr.themen.avInline.viewXS #content .section.sectionC .mod.modPicList .teaser.withMediaTarget .teasertext .teaserTextOnly {
    display: block
}