/* Theme "Sandmann"
 * #097366 - Linkfarbe dunkelgruen
 * #a6b93f - Linienfarbe mittelgruen
 * #d7e37f - Hintergrundfarbe hellgruen 1
 * #e2eba3 - Hintergrundfarbe hellgruen 2
 * #baede6 - Hintergrundfarbe Browserfenster
 * #eff4cc - Hintergrundfarbe Contentbereich
 */
 
/* Ausgeblendete Elemente */
#header, 
.breadcrumb, 
.teaserbox.layoutsearchresult .tab_navigation li, 
#footer .link_list, 
#footer .logo_list, 
#footer .ard_logo, 
.footer_expand_link {
	display: none;
}
.teaserbox.layoutsearchresult .tab_navigation li:first-child {
    display: inline;
}

/* Wallpaper und Browserfenster */
@media screen and (min-width: 641px) {
	.page_margins {
		background-image: url("/content/dam/rbb/san/layout_2020/wallpaper2022.png");
		background-attachment: fixed;
		background-size: cover;
		background-color: #baede6;
	}
}
@media screen and (max-width: 640px) {
    .page_margins { background-color: #baede6; }
}
.sticky {
    padding-top: 0 !important;
}
.page_margins,
.sticky .page_margins,
.sticky .page_margins.small {
	background-position: center top;
}
.page_margins {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

/* Content-Header, Logo, Presentation */
#contentheader {
	border: 0;
}
#contentheader .header_splited .logo {
	display: block;
	max-width: 411px;
	margin-top: 15px;
}
#contentheader .header_splited .logo img {
	max-width: 411px;
 }
@media screen and (max-width: 768px) {
	#contentheader .header_splited .logo img {
		width: 410px;
	}
}
@media screen and (max-width: 640px) {
	#contentheader .header_content .header_splited > .logo img {
		width: 280px;
	}
}
#contentheader .header_content .header_splited .text,
#contentheader .header_content .header_splited .text:before { 
		display: none;
}
#contentheader .presentation {
	top: 8px;
	right: 10%;
}

/* Contentnavigation */
@media screen and (min-width: 769px) {
    #contentnav .level1 { 
		margin-top: -28px; 
	}
    #contentnav .level1:before {
        position: absolute;
        top: -32px;
        left: 0;
        height: 32px;
        border: 0 none;
        background: #097366;
        content: "";
    }
    #contentnav .level1 > li > a {
        position: relative;
        color: #fff;
    }
    #contentnav .level1 > .selected > a {
        height: 26px;
        margin-top: -1px;
        background-color: #fff;
    }
    #contentnav .level1 .level2  { 
		top: 0;
	}
    #contentnav .level1 > .selected > a:after {
        height: auto;
        width: auto;
        background: none;
        content: "";
    }
}

/* Footer */
#footer p.left {
	margin: 0 0 1em;
}
#footer p.left:before {
	content: '';
	display: block;
	width: 115px;
	height: 50px;
	margin: 0 0 15px;
	background: url("/basis/grafik/rbb-fff.svg") left top no-repeat;
	background-size: 115px 50px;
	transition: opacity .2s ease;
}
#footer .footer_content {
	padding: 20px 0 10px;
	overflow: hidden;
}

/* Contentbereich */
#main,
.js .layoutexpandableteaser li > h3 .manualteasertitle,
.layoutstatistik .mehrlink,
.layoutlegendbox  {
	background-color: #eff4cc;
}
.layoutcommentlist .comment_list article.hasOverflow p::after {
	background-image: url("/content/dam/rbb/san/layout_2020/comments_fadeout.png");
}
.layoutarticlemodule .table th {
	border-color: #eff4cc;
}

/* Graue Texte dunkler */
.teaserbox .boxheadline,
.manualteaser h3 .manualteasertitle, 
.manualteaser h3 .manualteaserpicturetitle, 
.manualteaser h3 .manualteaserroofline,
.manualteaser .manualteaserroofline,
.manualteaser .onAirInfo,
.layoutarticlemodule .manualteaserpicture figcaption,
.layoutarticlemodule .picture figcaption,
.layoutcommentlist .comment_list time span {
	color: #333;
}

/* Links dunkelgruen */
#main 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,
#footer .back_to_top,
.mobile_content_nav .item a,
.manualteaser h3 a .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,
.layoutcommentlist .comment_list article.hasOverflow p::after,
.pager li a { 
    color: #097366; 
}

/* Border dunkelgruen */
.teaserbox .themenflag, .teaserbox .articlecount,
.tab_navigation .active:after { 
    border-top-color: #097366;
}
.teaserbox .articlecount {
    border-bottom-color: #097366;
}
.mobile_content_nav .view:after { 
	border-left-color: #097366;
}
.mobile_content_nav.flyout .view:after {
    position: absolute;
    top: 11px;
    right: -26px;
    width: 0px;
    height: 0px;
    border: solid transparent;
    border-width: 16px;
    border-left-color: #097366;
    content:"";
}

/* Background dunkelgruen */
.slider > .skip {
	background-color: #097366;
}

/* Background dunkelgruen mit weissem Text */
.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 { 
    background-color: #097366;
    color: #fff !important;
}
#main .slider .skip .ico:before,
a.themenflag:hover,
a.articlecount:hover { 
    color: #fff !important; 
}

/* Border mittelgruen */
#contentnav .toggle_language:focus,
#contentnav.collapsed .level1 > li,
.teaserbox.layouttabbedteasermodule,
.teaserbox > .manualteaser ~ .manualteaser,
.teaserbox > .teaser ~ .teaser,
.teaserbox,
.layouttopicteaser .teaser > .headlineteaser,
.layouttopicteaser .teaser > .headlineteaser > .manualteaser,
.layoutexpandableteaser .popular .manualteaser,
.layoutsocialshare .socialshare_list, 
.layoutsocialshare .socialshare_list > li { 
    border-top-color: #a6b93f;
}
.layouttopicteaser .teaser > .headlineteaser,
.layoutsocialshare .socialshare_list > li {
    border-bottom-color: #a6b93f;
}
.slider.thumbs li.selected a,
.no-touch .slider.thumbs li > a:hover,
.manualteaser .layoutrelated_content_headline, 
.manualteaser .layoutrelated_content_standard,
.manualteaser.last .relatedcontent,
.newsticker .manualteaser,
.layoutexpandableteaser .accordion_body > .manualteaser,
.layouttabbedteasermodule .tab_content .manualteaser, 
.layouttabbedteasermodule > .tab_content > .teaserbox > .manualteaser ~ .manualteaser,
.tab_navigation li a, 
.tab_navigation_extend li a,
.layoutlinkbox > ul > li,
.layoutarticlemodule .layoutzitat,
.layoutarticlemodule .articlemodulefooter,
.layoutrelated_content > .layoutrelated_content_standard,
#col2 .teaserbox.layoutautor,
.layoutautor .relatedcontent,
.layoutautor .layoutrelated_content_title_time,
.manualteaser:last-child .relatedcontent,
.layoutvotingmodule .intro,
.slider > .skip.forward { 
    border-color: #a6b93f;
}

/* Background hellgruen 1 */
.layouttabbedteasermodule .boxheadline,
.layoutinfobox .boxheadline,
.layoutlegendbox .boxheadline,
.teaserbox.layoutlinkbox .boxheadline,
.layoutvotingmodule .boxheadline,
.slider.thumbs,
.layoutarticlemodule .table th ,
.layouttopicmodule > .teaser > .relatedcontent .manualteaser,
.layoutarticlemodule .articlemodulefooter .ico_arrow_wide_up,
.pager .active a  {
	background-color: #d7e37f;
}

/* Border hellgruen 1 */
.layoutnewsticker_newsteaser .slider,
.layoutnewsticker .slider,
.layoutnewsticker_short .slider,
.layoutexpandableteaser .accordion_body,
.layoutexpandableteaser > ul,
.tab_navigation_viewport,
.layouttabbedteasermodule .tab_content,
.layoutinfobox,
.layoutlinkbox,
.layoutlegendbox,
.manualteaser.layoutvotingmodule,
.slider.thumbs,
.layoutarticlemodule .table table,
.layoutarticlemodule .table tbody tr td,
.layoutcommentlist .comment_list,
.layoutcommentlist .comment_list > li {
	border-color: #d7e37f;
}

/* Background hellgruen 2 */
.layouttopicmodule,
#col2 .teaserbox.layoutautor,
.layoutautor .relatedcontent {
	background-color: #e2eba3;
}
 
/* Expandableteaser */
.js .layoutexpandableteaser li > h3 .manualteasertitle { 
	background-image:url("/content/dam/rbb/san/layout_2020/expandableArrows.png"); 
}

/* Premiumteaser */
.layoutpremium { background-color: #a6b93f; }
.layoutpremium > .manualteaser { background-color: #d7e37f; }
.layoutpremium > .manualteaser .manualteaserdatetime,
.layoutlastnextshowteaser .manualteaserdatetime { background-color: #097366; }

/* 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/san/layout_2020/ratingStars.png");
}

/* Anbgerundete Kanten bei Bildern und Videos */
.layouttopteaser > .manualteaserpicture.video img,
.layouttopteaser > .image-container > .manualteaserpicture.video img,
.layouttopteaser > .manualteaserpicture.audio img,
.layouttopteaser > .image-container > .manualteaserpicture.audio img ,
.manualteaser .manualteaserpicture img,
.layoutarticlemodule .manualteaserpicture img, 
.layoutarticlemodule .picture img {
	border-radius: 12px;
}
#col2 .layoutautor .manualteaser .manualteaserpicture {
	border: none;
}

/* Runde Play-Buttons */
.audio-btn,
.ardplayer .ardplayer-viewport .ardplayer-postercontrol {
	border-radius: 20px;
}