@charset "utf-8";

/* bitte bei Aktualisierung den folgenden Abschnitt nicht löschen */
.nav-highlight-rbbkul .nav-itemname-rbbkultur a {
    font-weight: bold;
}

.nav-highlight-rbbkul .nav-itemname-rbbkultur a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: white;
}

/* bis hierhin nicht löschen */

/*
 * Theme radio3
 *
 * #037574 - Links
 * #003340 - Balken und Linien
 * #037574 - Hintergrund Premium
 * #fef1d4 - Hintergrund innerhalb Premium
 * #003340 - Hintergrundfarbe ohne Hintergrundbild
 *
 */

/* Hintergrund */
.page_margins {
    background-color: #003340;
}

/* Header, Top-Navigation */
.header,
.nav-top-logo,
.has-overflow.nav-top-list-wrapper::before,
.has-overflow.nav-top-list-wrapper::after,
.nav-top-sticky-container .has-overflow.nav-top-list-wrapper::before,
.nav-top-sticky-container .has-overflow.nav-top-list-wrapper::after {
    background: #003340;
}

.nav-top-logo {
    margin: -3px 24px 0 0;
}

.no-touch .nav-top-container .nav-top-list-item.nav-hasdropdown.has-focus>a,
.no-touch .nav-top-container .nav-top-list-item.nav-hasdropdown:hover>a {
    background: #003340;
    border-color: #fef1d4 #fef1d4 transparent #fef1d4;
}

.nav-top-list-dropdown {
    background: #003340;
    border: 1px solid #fef1d4;
}

.nav-top-list-item a,
.nav-top-list-dropdown .nav-top-list-item a {
    color: #fff;
}

.nav-top-list-item.nav-current>a::before {
    background: #fff;
}

.nav-top-list-item.nav-hasdropdown>a::after {
    border-color: #fff transparent transparent transparent;
}

.nav-top-list-dropdown .nav-top-list-item a {
    border-top: 1px solid #fef1d4;
}

.nav-top-list-dropdown .nav-top-list-item a:focus,
.nav-top-list-dropdown .nav-top-list-item a:hover {
    background: #fef1d4;
    color: #003340;
}

.nav-top-sticky-wrapper {
    background: #003340;
    border-bottom: 4px solid #fef1d4;
}

.nav-top-sticky-container .nav-top-logo img {
    height: 32px;
}

.has-overflow .nav-top-scroll-btn::before {
    color: #003340;
}

.has-overflow.overflow-left .nav-top-scroll-btn.scroll-left {
    background: linear-gradient(to right, #fef1d4 0, #fef1d4 18px, rgba(0, 0, 0, 0.175) 19px, transparent 30px);
}

.has-overflow.overflow-right .nav-top-scroll-btn.scroll-right {
    background: linear-gradient(to right, transparent 0, rgba(0, 0, 0, 0.175) 11px, #fef1d4 12px, #fef1d4 30px);
}

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

    .header,
    .nav-top-container.static-container .nav-top-list-wrapper,
    .nav-top-container.static-container .nav-top-list {
        background: #003340;
    }

    .nav-top-container .nav-top-logo img {
        width: 80px;
    }

    .nav-top-weather-current .nav-meta-weather-current-icon {
        -webkit-filter: none;
        filter: none;
    }

    .nav-meta-weather-current-temp,
    .nav-top-weather-current-temp,
    .nav-top .nav-search .form .type_text,
    .nav-top .nav-search .form .text,
    .nav-top-container.static-container .nav-top-list>.nav-top-list-item>a,
    .no-touch .nav-top-container.static-container .nav-top-list>.nav-top-list-item.nav-hasdropdown.has-focus>a,
    .no-touch .nav-top-container.static-container .nav-top-list>.nav-top-list-item.nav-hasdropdown:hover>a {
        color: #fff;
    }

    .nav-top .nav-search .form .type_text {
        border-color: #fff;
    }

    .nav-top .nav-search .form .text,
    .nav-top .nav-search .form .btn[type="submit"] {
        background: url("/basis/grafik/magnifier-fff.svg") center no-repeat transparent;
        background-position: right center;
        background-size: 14px 14px;
    }

    .no-touch .nav-top-container.static-container .nav-top-list>.nav-top-list-item.nav-hasdropdown.has-focus>a::after,
    .no-touch .nav-top-container.static-container .nav-top-list>.nav-top-list-item.nav-hasdropdown:hover>a::after {
        border-color: #fff transparent transparent transparent;
    }

    .nav-top-container.static-container .nav-top-list-item.nav-current>a::before {
        background: #fff;
    }

    .nav-top-sticky-container .nav-top-logo a,
    .nav-top-sticky-container .nav-top-logo img {
        width: 63px;
        margin-top: -5px;
    }
}

/* Breadcrumbs */
.breadcrumb {
    position: relative;
    background: #003340;
    border-bottom: 4px solid #fef1d4;
    z-index: 14;
}

.breadcrumb li,
.breadcrumb a {
    color: #fff;
}

/* Contentheader */
#contentheader {
    border: 0;
}

#contentheader .header_content .header_splited .logo {
    position: absolute;
    max-width: 510px;
    margin-top: -260px;
    margin-left: -120px;
}

#contentheader .header_content .header_splited .logo img {
    max-width: 510px;
}

#contentheader .header_content .header_splited .text:before,
#contentheader .header_content .header_splited .text {
    display: none;
}

#contentheader .presentation {
    position: absolute;
    top: 0;
    right: 5%;
    display: block;
}

#contentheader .presentation .logo {
    display: block;
    width: 220px;
    height: 145px;
    margin: 22px 0 0 0;
}

#contentheader .presentation .logo img {
    width: 100%;
    height: auto;
}

#contentheader.collapsed {
    margin-bottom: 0;
}

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

    #contentheader.standard,
    #contentheader.standard .header_splited,
    #contentheader.standard.collapsed,
    #contentheader.standard.collapsed .header_splited {
        height: 190px;
    }
}

@media screen and (max-width: 768px) {
    #contentheader .header_content .header_splited .logo {
        position: absolute;
        max-width: 400px;
        margin-top: -210px;
        margin-left: -90px;
    }

    #contentheader .header_content .header_splited .logo img {
        max-width: 400px;
    }

    #contentheader .presentation .logo {
        width: 170px;
        height: 112px;
        margin: 13px 0 0 0;
    }
}

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

    #contentheader.standard,
    #contentheader.standard .header_splited,
    #contentheader.standard.collapsed,
    #contentheader.standard.collapsed .header_splited {
        height: 110px;
    }

    #contentheader .header_content .header_splited .logo {
        width: 300px;
        height: 370px;
        margin-left: -60px;
        margin-top: -154px;
        padding-left: 0;
    }

    #contentheader .header_content .header_splited>.logo img {
        min-width: 300px;
        max-height: 370px;
    }

    #contentheader .presentation .logo {
        width: 130px;
        height: 86px;
        margin: 12px 0 0 0;
    }
}

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

    #contentheader.standard,
    #contentheader.standard .header_splited {
        height: 100px;
    }

    #contentheader .header_content .header_splited .logo {
        width: 240px;
        height: 294px;
        margin-top: -116px;
        margin-left: -50px;
    }

    #contentheader .header_content .header_splited>.logo img {
        min-width: 240px;
        max-height: 294px;
    }

    #contentheader .presentation .logo {
        width: 121px;
        height: 80px;
        margin: 10px 0 0 0;
    }
}

#contentheader.medium+#main,
#contentheader.standard+#main {
    padding-top: 20px;
}

.header_content .layoutsearch {
    display: none;
}

/* Contentnavigation ausgeblendet */
#contentnav {
    display: none;
}

/* Box-Headlines */
.teaserbox .boxheadline {
    color:#037574;
}

.teaserbox.layoutautor .boxheadline {
    color: #fff;
}

.teaserbox.layoutstandard .boxheadline,
.teaserbox.layoutpagerbox .boxheadline,
.teaserbox.layoutnow_on_air .boxheadline,
.teaserbox.layoutgalleryslider .boxheadline,
.teaserbox.layoutnewsticker .boxheadline,
.layouttopicteaser .boxheadline {
    font-size: 1.5em;
    min-height: 30px;
}

/* Teaser-Headlines */
.manualteaser .onAirInfo,
.manualteaser h3 .manualteasertitle,
.manualteaser h3 .manualteaserpicturetitle,
.manualteaser h3 .manualteaserroofline {
    color: #000;
}

.manualteaser h3 .manualteasertitle {
    font-weight: 700;
    text-transform: uppercase;
}

/* Farben und Hintergründe */
a,
#main a:focus,
#main a:hover,
#main .ico:before,
#main .ico:after,
#contentheader .ico:before,
#contentheader .ico:after,
#contentnav .level1>li.selected>a,
#contentnav .level1>li.expanded>a,
#contentnav .level2 li a,
.mobile_content_nav .item a,
.manualteaser h3 a .manualteasertitle,
.manualteaser a h3.manualteasertitle,
.manualteaser h4 a .manualteasertitle,
.manualteaser .manualteasershorttext a,
.tab_navigation li a,
.tab_navigation_extend li a,
.manualteaser .download_marker,
.manualteaser .ico.ico_download,
.manualteaser .ico.ico_download:before,
.mehrlink,
.teaserbox h2.boxheadline a,
.teaserbox .rsslink,
.js .layoutexpandableteaser li>h3 .manualteasertitle,
.slider .newsticker .manualteasertitle a,
.layoutsocialshare .socialshare_list a,
.layoutarticlemodule>.teaserbox a,
.js .layoutcommentlist .comment_list article header:after,
.js .layoutcommentlist .comment_list article.hasOverflow header::after,
.pager li a,
.layoutcommentlist .comment_list article.hasOverflow p::after,
.js .layoutexpandableteaser li>h3 .manualteasertitle,
.teaserbox .mehrlink a,
.layoutepg .mehrlink a,
.weathermap .wmControls a,
.layoutexpandableteaser .showall a,
.epg_view .nowmarker .label,
.layoutnow_on_air .now_on_air_songs .current .manualteasertitle,
.layoutnow_on_air .now_on_air_songs .current .description,
.layoutnow_on_air a,
#footer .back_to_top,
#main .layoutsearchresult .filter .filter_list .ico::before,
.layoutsearchresult .filter .filter_list .ico::before,
.teaserbox.layoutpagerbox.initialized .pagerLink,
.form .type-button button,
.rbb24at-list a {
    color: #037574;
}

#main .slider .skip .ico:before,
.layoutarticlemodule .articlemodulefooter .ico_arrow_wide_up::before,
a.themenflag:hover,
a.articlecount:hover,
.layoutlatest h3 .cast .manualteasertitle,
.layoutlatest .manualteasershorttext {
    color: #fff !important;
}

#main .content_navi_slider+.teaserbox,
.epg_view .nowmarker.fluid,
.slider.thumbs li.selected a,
.no-touch .slider.thumbs li>a:hover,
#col2 .teaserbox.layoutautor,
.layoutautor .relatedcontent,
.layoutautor .layoutrelated_content_title_time,
.layoutsocialshare .socialshare_list>li,
.teaserbox .articlecount,
.teaserbox.layoutpagerbox.initialized .pagerLink {
    border-color: #037574;
}

#contentnav .toggle_language:focus,
#contentnav.collapsed .level1>li,
.teaserbox.layouttabbedteasermodule,
.teaserbox>.manualteaser~.manualteaser,
.teaserbox>.teaser~.teaser,
.teaserbox,
.teaserbox .themenflag,
.teaserbox .articlecount,
.layouttopicteaser .teaser>.headlineteaser,
.layouttopicteaser .teaser>.headlineteaser>.manualteaser,
.layoutsocialshare .socialshare_list,
.layoutsocialshare .socialshare_list>li,
.layoutexpandableteaser .popular .manualteaser,
.no-touch .slider.slider_programme .scrollcontent>li>a:hover:after,
.slider.slider_programme .scrollcontent>li.active>a:after,
.calnavweek li {
    border-top-color: #003340;
}

.tab_navigation .active:after {
    border-top-color: #037574;
}

.layouttopicteaser .teaser>.headlineteaser,
.layoutsocialshare .socialshare_list>li,
.teaserbox .articlecount {
    border-bottom-color: #003340;
}

.mobile_content_nav .view:after,
.mobile_content_nav.flyout .view:after {
    border-left-color: #037574;
}

.tab_navigation .active a,
.tab_navigation li a:hover,
.tab_navigation_extend .active a,
.tab_navigation_extend li a:hover,
.mobile_content_nav .item.selected a,
.mobile_content_nav .header,
.js .layoutexpandableteaser li>h3 .manualteasertitle.active,
.teaserbox .themenflag,
.teaserbox .articlecount,
.layoutexpandableteaser.layoutepg .layoutepg .manualteaser .flag_now,
.epg_view .timeline_view .broadcast.hilite,
.epg_view .timeline_view .broadcast.active,
.epg_view .timeline_view .broadcast:hover,
.no-touch .slider.slider_programme .scrollcontent>li>a:hover,
.slider.slider_programme .scrollcontent>li.active>a,
.epg_view .timeline_view .broadcast.hilite,
.epg_view .timeline_view .broadcast.active,
.epg_view .timeline_view .broadcast:hover,
.layoutarticlemodule .articlemodulefooter .ico_arrow_wide_up,
.teaserbox.layoutpagerbox.initialized .pagerLink:focus,
.teaserbox.layoutpagerbox.initialized .pagerLink:hover,
.calendar td>a,
.layoutcalendar_double .wrapper_calendar .calendar td.active,
.layoutcalendar_double .wrapper_calendar .calendar td.active span,
.playlist_table_trigger.active {
    background-color: #037574;
    color: #fff !important;
}

.js .layoutexpandableteaser li>h3 .manualteasertitle,
.playlist_table_trigger,
.playlist_table_trigger.active {
    background-image: url("/content/dam/rbb/kul/layout/expandableArrows.png");
}

.playlist_tables .table_container th,
.playlist_tables .table_container td,
.playlist_table_trigger,
.layouttabbedteasermodule .tab_content,
.tab_navigation_viewport,
.layoutnewsticker_newsteaser .slider,
.layoutnewsticker .slider,
.layoutnewsticker_short .slider,
.layoutexpandableteaser>ul,
.layoutexpandableteaser .accordion_body,
.epg_container,
.slider.slider_programme .scrollcontent>li,
.layoutexpandableteaser.layoutepg .layoutepg .teaserbox.layoutstandard .col_programme,
.layoutnewsticker_newsteaser .slider .newsticker .manualteaser>.manualteaserroofline,
.slider .newsticker .manualteaser>.manualteaserdatetime,
.newsticker .manualteaser,
.layoutexpandableteaser .accordion_body>.manualteaser,
.accordion_body>.manualteaser,
.manualteaser .layoutrelated_content_headline,
.manualteaser .layoutrelated_content_standard,
.manualteaser.last .relatedcontent,
.layouttabbedteasermodule .tab_content .manualteaser,
.layouttabbedteasermodule>.tab_content>.teaserbox>.manualteaser~.manualteaser,
.layoutlastnextshowteaser>.next_issue>.teaser,
.manualteaser:last-child .relatedcontent,
.layoutlegendbox,
.slider.thumbs,
.layoutinfobox,
.layoutlinkbox,
.layoutlinkbox>ul>li,
.layoutarticlemodule .layoutzitat,
.layoutrelated_content>.layoutrelated_content_standard,
.layoutarticlemodule .table table,
.layoutarticlemodule .table tbody tr td,
.layoutarticlemodule .articlemodulefooter,
.layoutcommentlist .comment_list,
.layoutcommentlist .comment_list>li,
.manualteaser.layoutcontactmodule,
.form .type-button,
.manualteaser.layoutnewslettermodule,
.newSharing,
#main .teaserbox.layoutarchive.layoutsearchresult,
.ui-datepicker,
#main .teaserbox.layoutarchive.layoutsearchresult .layouttabbedteasermodule,
.layoutarchive.layoutsearchresult .tab_content .teaserbox.first>.manualteaser.first,
.layoutepg .slider.tips .manualteaser,
.layoutnewsticker_newsteaser .slider .newsticker .manualteaser,
.tab_navigation li a,
.tab_navigation_extend li a,
#col2 .teaserbox.layoutautor,
.layoutautor .layoutrelated_content_title_time,
.layoutrelated_content>.layoutrelated_content_standard,
.layoutrelated_content>.layoutstandard,
.layoutsearchresult .layouttabbedteasermodul,
.layoutsearchresult .filter .filter_list li,
.layoutsearchresult .searchList li,
.layoutarchive>.actionbar,
.layoutchartsyesterday .actionbar,
.layoutarchive .layouttabbedteaserbox>.actionbar,
.layoutepg.searchresultview>.teaserbox>.actionbar,
.layoutcontactlist .actionbar,
.layoutsearchresult .actionbar,
.layoutsearchresult .layouttabbedteasermodule,
.layoutcalendar,
.form .text,
.form .textarea,
.layoutsearchresult #searchform .submit,
.manualteaser.layoutcommentmodule {
    border-color: #003340;
}

.layoutexpandableteaser.layoutepg .layoutepg .teaserbox.layoutstandard .manualteaser:first-child .col_programme {
    border-color: transparent;
}

.playlist_tables .table_container table tr.play_track .fond,
.layoutnewsticker_newsteaser .slider .newsticker .manualteaser>.manualteaserroofline,
.slider .newsticker .manualteaser>.manualteaserdatetime,
.layouttopicmodule,
.layoutautor .relatedcontent,
.layoutlegendbox,
.pager .active a,
.form .text,
.form .textarea,
.containerMain .teaserbox.layoutsearchresult .searchform #searchform .type-text .text,
.containerMain .teaserbox.layoutsearchresult .wrapper_filter #searchform .type-text .text,
#main .teaserbox.layoutsearchresult .searchform #searchform .type-text .text,
#main .teaserbox.layoutsearchresult .wrapper_filter #searchform .type-text .text,
#main .teaserbox.layoutarchivecalendar .searchform #searchform .type-text .text,
#main .teaserbox.layoutarchivecalendar .wrapper_filter #searchform .type-text .text,
#main .teaserbox.layoutarchive .searchform #searchform .type-text .text,
#main .teaserbox.layoutarchive .wrapper_filter #searchform .type-text .text,
.containerMain .teaserbox.layoutsearchresult .searchform .datefilter .datefilterfrom,
.containerMain .teaserbox.layoutsearchresult .searchform .datefilter .datefilterto,
.containerMain .teaserbox.layoutsearchresult .wrapper_filter .datefilter .datefilterfrom,
.containerMain .teaserbox.layoutsearchresult .wrapper_filter .datefilter .datefilterto,
#main .teaserbox.layoutsearchresult .searchform .datefilter .datefilterfrom,
#main .teaserbox.layoutsearchresult .searchform .datefilter .datefilterto,
#main .teaserbox.layoutsearchresult .wrapper_filter .datefilter .datefilterfrom,
#main .teaserbox.layoutsearchresult .wrapper_filter .datefilter .datefilterto,
#main .teaserbox.layoutarchivecalendar .searchform .datefilter .datefilterfrom,
#main .teaserbox.layoutarchivecalendar .searchform .datefilter .datefilterto,
#main .teaserbox.layoutarchivecalendar .wrapper_filter .datefilter .datefilterfrom,
#main .teaserbox.layoutarchivecalendar .wrapper_filter .datefilter .datefilterto,
#main .teaserbox.layoutarchive .searchform .datefilter .datefilterfrom,
#main .teaserbox.layoutarchive .searchform .datefilter .datefilterto,
#main .teaserbox.layoutarchive .wrapper_filter .datefilter .datefilterfrom,
#main .teaserbox.layoutarchive .wrapper_filter .datefilter,
.layoutsearchresult #searchform .submit,
.ui-datepicker .ui-datepicker-header,
.layoutsearchresult mark,
.calnavweek,
.calnavmonth {
    background-color: #fef1d4;
}

.calendar td a::after,
.layoutcalendar_double .wrapper_calendar .calendar .event::after,
.layoutcalendar_double .description.event::after {
    background-color: #fff;
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-days-cell-over a {
    background-color: #037574;
}

.layoutstatistik {
    background: #fdeff6;
}

.layouttabbedteasermodule .boxheadline,
.layoutexpandableteaser>.boxheadline,
.layouttopicmodule>.teaser>.relatedcontent .manualteaser,
.layoutlegendbox .boxheadline,
.teaserbox.layoutlinkbox .boxheadline,
.layoutinfobox .boxheadline,
.slider.thumbs,
.layoutarticlemodule .table th,
#col2 .teaserbox.layoutautor,
.layoutcontactmodule .boxheadline,
.layoutnewslettermodule .boxheadline,
#main .teaserbox.layoutarchive.layoutsearchresult .boxheadline,
.containerMain .teaserbox.layoutsearchresult .searchform .datefilter,
.containerMain .teaserbox.layoutsearchresult .wrapper_filter .datefilter,
#main .teaserbox.layoutsearchresult .searchform .datefilter,
#main .teaserbox.layoutsearchresult .wrapper_filter .datefilter,
#main .teaserbox.layoutarchivecalendar .searchform .datefilter,
#main .teaserbox.layoutarchivecalendar .wrapper_filter .datefilter,
#main .teaserbox.layoutarchive .searchform .datefilter,
#main .teaserbox.layoutarchive .wrapper_filter .datefilter,
.layoutcommentmodule .boxheadline {
    background-color: #003340;
    color: #fff;
}

.layouttabbedteasermodule .boxheadline a,
.layoutexpandableteaser>.boxheadline a,
.layouttopicmodule>.teaser>.relatedcontent .manualteaser a,
.layoutlegendbox .boxheadline a,
.teaserbox.layoutlinkbox .boxheadline a,
.layoutinfobox .boxheadline a,
.slider.thumbs a,
.layoutarticlemodule .table th a,
#col2 .teaserbox.layoutautor a,
.layoutcontactmodule .boxheadline a,
.layoutnewslettermodule .boxheadline a,
#main .teaserbox.layoutarchive.layoutsearchresult .boxheadline a,
.containerMain .teaserbox.layoutsearchresult .searchform .datefilter a,
.containerMain .teaserbox.layoutsearchresult .wrapper_filter .datefilter a,
#main .teaserbox.layoutsearchresult .searchform .datefilter a,
#main .teaserbox.layoutsearchresult .wrapper_filter .datefilter a,
#main .teaserbox.layoutarchivecalendar .searchform .datefilter a,
#main .teaserbox.layoutarchivecalendar .wrapper_filter .datefilter a,
#main .teaserbox.layoutarchive .searchform .datefilter a,
#main .teaserbox.layoutarchive .wrapper_filter .datefilter a,
.layoutcommentmodule .boxheadline a {
    color: #fff;
}

.layoutnewsticker_newsteaser .slider .newsticker .manualteaser>.manualteaserroofline,
.slider .newsticker .manualteaser>.manualteaserdatetime,
.slider.slider_programme .scrollcontent>li>a,
.layoutsocialshare .socialshare_list>li>a,
.teaserbox time,
.layoutarticlemodule .roofline,
.layoutarticlemodule .onAirInfo,
.doctypebildergalerie .roofline,
.ico::before,
.ico::after,
.bingmap .MapPushpinBase::before,
.layoutarticlemodule .epg_props .ico::before,
.layoutlegendbox .epg_props .ico::before,
.newSharing a {
    color: #000;
}

/* Premiumteaser */
.layoutpremium {
    background-color: #037574;
}

.layoutpremium>.manualteaser {
    background-color: #fef1d4;
}

.layoutpremium>.manualteaser .manualteaserdatetime,
.layoutlastnextshowteaser .manualteaserdatetime {
    background-color: #037574;
}

.layoutpremium .manualteaserroofline {
    padding-left: 0;
}

.layoutpremium .layoutplakativteaser .manualteaserroofline {
    padding-left: 15px;
}

@media screen and (min-width: 769px) {
    #main>.teaserbox.layoutpremium {
        margin: -20px -15px 0;
    }
}

@media screen and (max-width: 768px) {
    #main>.teaserbox.layoutpremium {
        margin-top: -20px;
    }
}

/* Rating-Sterne */
.layoutarticlemodule .rating ul,
.layoutarticlemodule .rating a,
.layoutarticlemodule .rating a:hover,
.layoutarticlemodule .rating a:focus,
.layoutarticlemodule .rating .current a,
.layoutarticlemodule .rating .current span,
.manualteaser .rating ul,
.manualteaser .rating a,
.manualteaser .rating a:hover,
.manualteaser .rating a:focus,
.manualteaser .rating .current a,
.manualteaser .rating .current span {
    background-image: url("/content/dam/rbb/kul/layout/ratingStars.png");
}

/* Top 3 Teaser */
.layoutcharts_top3_teaser .top3_title {
    min-height: 60px;
    background-color: #037574;
}

.layoutcharts_top3_teaser .top3_title span {
    top: 25%;
}

.layoutcharts_top3_teaser .top3_title,
.layoutcharts_top3_teaser .charts_table .position {
    background-color: #037574;
}

/* Now on Air Teaser */
.layoutnow_on_air .on_air_header {
    background: #003340;
}

.layoutnow_on_air.manualteaser {
    border-color: #003340;
    background: #fef1d4;
}

.layoutnow_on_air .now_on_air_songs {
    background: #fff;
}

.layoutnow_on_air .now_on_air_moderator,
.layoutnow_on_air .now_on_air_songs .manualteaser,
.layoutnow_on_air .now_on_air_moderator+.now_on_air_songs {
    border-color: #003340;
}

.layoutnow_on_air .on_air_header .livestreamlink {
    top: -30px;
    right: 20px;
}

.layoutnow_on_air .on_air_header .livestreamlink span {
    display: none;
}

.layoutnow_on_air .on_air_header .livestreamlink img {
    height: 70px;
}


/* radio3 präsentiert */
.presenting {
    background: url("/content/dam/rbb/kul/layout/radio3_praesentiert.svg") no-repeat scroll 0 0;
    width: 124px;
    height: 24px;
    margin-top: 1em;
    clear: both;
}

/* Autorenteaser */
.layoutautor .manualteaser~.manualteaser {
    margin-top: 9px;
    padding-top: 15px;
}

.layoutautor .manualteaser h3 .manualteasertitle {
    font-size: 1.1428em;
    padding-right: 0;
    margin-bottom: 0;
    line-height: 1.25em;
    text-transform: none;
    color: #fff;
}

.layoutautor .manualteaser .relatedcontent h3 .manualteasertitle {
    color: #037574;
}

/* Untersendungen */
.layoutexpandableteaser.layoutepg .layoutepg .manualteaser .flag_now {
    background-color: #037574;
}

.manualteaser .flag_now {
    display: none;
}

.untersendungen .manualteaser time {
    font-family: "Interstate", Tahoma, Arial, sans-serif;
    font-style: normal;
    margin-bottom: .5em;
}

.layoutexpandableteaser.layoutepg .layoutepg .manualteaser .manualteaserpicture {
    margin-top: 3px;
}

.untersendungen .manualteaser .manualteaserpicture {
    float: left;
    display: inline;
    max-width: 185px;
    height: auto;
    margin-top: 3px;
    margin-right: 15px;
    margin-bottom: 6px;
    clear: both;
}

.manualteaser .untersendungen {
    padding: 0 0 20px 43px;
}

.untersendungen .manualteaser {
    clear: both;
    margin-top: 1.5em;
}

.untersendungen .manualteaser .untersendungen {
    padding: 0;
}

.layoutexpandableteaser.layoutepg .layoutepg .untersendungen>.manualteaser {
    overflow: hidden;
}

.untersendungen .manualteaser,
.layoutexpandableteaser.layoutepg .layoutepg .untersendungen>.manualteaser+.manualteaser {
    border-top: 1px solid #003340;
    padding-top: .5em;
    margin-top: .3em;
}

.untersendungen .manualteaser:first-child {
    border-top: none;
}

.untersendungen .manualteaser .manualteasertitle,
.untersendungen .manualteaser .manualteaserpicturetitle {
    font-size: 1.1428em;
}

.doctypesendeplatz.layoutrbb_sendeplatz_programmbeitrag .untersendungen {
    padding: 0;
    overflow: hidden;
    margin: 0 0 1.5em;
}

.doctypesendeplatz.layoutrbb_sendeplatz_programmbeitrag .untersendungen .manualteaser {
    border-top: 1px solid #003340;
    padding: 1.5em 0 0;
}

.moderation {
    margin-bottom: 1.5em;
}

@media screen and (max-width:479px) {
    .untersendungen .manualteaser .manualteaserpicture {
        float: none;
        display: block;
        max-width: none;
        margin-top: 0;
        margin-right: 0;
    }
}

/*Sendeschema */
.schema table {
    border-collapse: collapse;
    border-radius: 0px;
    background: #fef1d4;
    table-layout: fixed;
}

.schema tr:first-child th:first-child {
    width: 50px;
}

.schema tr:last-child td:last-child {
    border-radius: 0 0 6px 0;
}

.schema th,
.schema td {
    padding: 10px;
    border: 1px solid #003340;
}

.schema th,
.schema a {
    font-weight: bold;
}

.schema td {
    background: #fff;
}

.schema td u {
    text-decoration: none;
    color: #000;
    font-size: .85em;
}

.schema p>i {
    display: block;
    color: #000;
    font-size: .85em;
    font-style: normal;
}

.schema_saso tr.first th:first-child,
.schema_saso tr.first th:nth-child(3) {
    width: 7%;
}

.schema_stern p {
    margin-top: .3em;
    font-size: .85em;
}

@media screen and (max-width:640px) {
    .table>.table {
        width: 100%;
        overflow: scroll;
        overflow-y: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .table>table {
        min-width: 100%;
        width: auto;
    }
}

/* Audio- und Videobuttons */
.audio-btn,
.layoutaudio_download_ohne_bild .audio-btn:focus,
.layoutaudio_download_ohne_bild .audio-btn:hover,
.layoutaudio_ohne_bild .audio-btn:focus,
.layoutaudio_ohne_bild .audio-btn:hover,
.layoutaudioliste .audio-btn:focus,
.layoutaudioliste .audio-btn:hover,
.layoutlivestream .audio-btn:focus,
.layoutlivestream .audio-btn:hover,
.layoutpodcastepisode .audio-btn:focus,
.layoutpodcastepisode .audio-btn:hover,
.playlist_tables .audio-btn:focus,
.playlist_tables .audio-btn:hover,
.ardplayer .ardplayer-button-big button.ardplayer-button-hero,
.ardplayer button.ardplayer-button-big.ardplayer-button-hero,
.ardplayer .ardplayer-button-big button.ardplayer-button-hero:hover,
.ardplayer .ardplayer-button-big button.ardplayer-button-hero[aria-pressed="true"],
.ardplayer button.ardplayer-button-big.ardplayer-button-hero:hover,
.ardplayer button.ardplayer-button-big.ardplayer-button-hero[aria-pressed="true"] {
    background-color: #037574;
}

/* Sliderbuttons */
.slider>.skip {
    border-right: 1px solid #003340;
    background-color: #003340;
}

.slider>.skip.forward {
    border-left: 1px solid #003340;
}

.slider>.skip.disabled:hover {
    background-color: #003340;
}

.slider>.skip:hover,
.slider>.skip.active {
    background-color: #003340;
}

.slider .skip .ico::before {
    text-shadow: none;
}

/* Kalendericons */
.containerMain .teaserbox.layoutsearchresult .searchform .datefilter .type-text::after,
.containerMain .teaserbox.layoutsearchresult .wrapper_filter .datefilter .type-text::after,
#main .teaserbox.layoutsearchresult .searchform .datefilter .type-text::after,
#main .teaserbox.layoutsearchresult .wrapper_filter .datefilter .type-text::after,
#main .teaserbox.layoutarchivecalendar .searchform .datefilter .type-text::after,
#main .teaserbox.layoutarchivecalendar .wrapper_filter .datefilter .type-text::after,
#main .teaserbox.layoutarchive .searchform .datefilter .type-text::after,
#main .teaserbox.layoutarchive .wrapper_filter .datefilter .type-text::after {
    border-left: 1px solid #003340;
    height: 21px;
    background-color: transparent;
    z-index: 3;
}