/* Theme "Kontraste"
 *
 * #d20000 - Linkfarbe
 * #000000 - Akzentfarbe
 * #ff0000 - Linienfarbe
 * #ff0000 - Hintergrund Premium
 * #e1e1e1 - Hintergrund innerhalb Premium
 * #e1e1e1 - Hintergrundfarbe ohne Hintergrundbild
 * #000000 - Logo Text & Linie
 *
 */

/* Wallpaper und Hintergrundfarbe */
@media screen and (min-width: 641px) {
    .page_margins { background-image: url(/content/dam/rbb/rbb/layout/wallpaper_kontraste_2020.jpg); 
    background-position: center 115px;}
}
@media screen and (max-width: 640px) {
    .page_margins { background-color: #e1e1e1; }
}

/* Contentheader */
#contentheader .header_content .header_splited .logo { 
	margin-top: 15px;
}
#contentheader .header_content .header_splited .text,
#contentheader .header_content .header_splited .text:before { 
	margin-top: 60px;
	color: #000000;
	border-left-color: #000000;
}
@media screen and (max-width: 360px) {
	#contentheader .header_content .header_splited .text:before,
	#contentheader .header_content .header_splited .text { 
		display: none;
	}
}

/* Logo */
#contentheader .header_content .header_splited .logo { 
    display: block; 
}
#contentheader .header_splited .logo img {
    display: block; 
}
@media screen and (max-width: 640px) {
  #contentheader .header_content .header_splited .logo {
	margin-top: 10px;
    width: 80px;
    height: 68px;
  }
}

/* Mediaqueries 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: transparent url(/content/dam/rbb/rbb/layout/wallpaper_kontraste_2020.jpg/jcr:content/renditions/bg_nav_level1_full.png) no-repeat scroll center 0;
        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: "";
    }
}

/* Linkfarbe */
#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: #d20000; 
}

/* Border in Akzentfarbe */
.teaserbox .themenflag, .teaserbox .articlecount,
.tab_navigation .active:after { 
    border-top-color: #000000;
}
.teaserbox .articlecount {
    border-bottom-color: #000000;
}
.mobile_content_nav .view:after { 
	border-left-color: #000000;
}
.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: #000000;
    content:"";
}

/* Border in Linienfarbe */
#contentnav .toggle_language:focus,
#contentnav.collapsed .level1 > li,
.teaserbox.layouttabbedteasermodule,
.teaserbox > .manualteaser ~ .manualteaser,
.teaserbox > .teaser ~ .teaser,
.teaserbox { 
    border-top-color: #ff0000;
}
.slider.thumbs li.selected a,
.no-touch .slider.thumbs li > a:hover  { 
    border-color: #ff0000;
}

/* Border in Grau */
.layouttopicteaser .teaser > .headlineteaser,
.layouttopicteaser .teaser > .headlineteaser > .manualteaser,
.layoutexpandableteaser .popular .manualteaser,
.layoutsocialshare .socialshare_list, 
.layoutsocialshare .socialshare_list > li { 
    border-top-color: #c0c0c0;
}
.layouttopicteaser .teaser > .headlineteaser,
.layoutsocialshare .socialshare_list > li {
    border-bottom-color: #c0c0c0;
}

/* Backgrounds in Akzentfarbe 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: #000000;
    color: #fff !important;
}
#main .slider .skip .ico:before,
a.themenflag:hover,
a.articlecount:hover { 
    color: #fff !important; 
}

/* Expandableteaser */
.js .layoutexpandableteaser li > h3 .manualteasertitle { 
    background-image:url(/content/dam/rbb/rbb/layout/wallpaper_kontraste_2020.jpg/jcr:content/renditions/expandableArrows.png); 
}

/* Premiumteaser */
.layoutpremium { background-color: #ff0000; }
.layoutpremium > .manualteaser { background-color: #e1e1e1; }
.layoutpremium > .manualteaser .manualteaserdatetime,
.layoutlastnextshowteaser .manualteaserdatetime { background-color: #000000; }

/* 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/rbb/layout/wallpaper_kontraste_2020.jpg/jcr:content/renditions/ratingStars.png);
}


.breadcrumb {
		 height: 0;
		 padding: 0;
		 border: 0;
		 background: transparent;
}

.breadcrumb ol {
		 display: none;
}

.page_margins {
		 background-position: center 115px;
}

#main {
		 background: #fff !important;
}