/* clearfix */
.clearFix:before, .clearFix:after {
    content: " ";
    display: table;
}
.clearFix:after {
    clear: both;
}
/* //clearfix */


/* default and retina sprites */
#header .br_sprite,
#footer .br_sprite,
.breadcrumb .br_sprite{ background-image: url(/static/img/bg/sprite_br_retina.png); background-size: 800px 800px; }

#header .br_sprite_content,
#footer .br_sprite_content,
.breadcrumb .br_sprite_content { position: relative; overflow: hidden; display: block; float: left; text-indent: -9999px; }

#header .br_sprite_content:before,
#footer .br_sprite_content:before,
.breadcrumb .br_sprite_content:before { content: url(/static/img/bg/sprite_br_retina.png); display: block; position: absolute; text-indent: 0; background-size: 800px 800px;}

@media (min--moz-device-pixel-ratio: 1.2),
(-o-min-device-pixel-ratio: 6/5),
(-webkit-min-device-pixel-ratio: 1.2),
(min-device-pixel-ratio: 1.2),
(min-resolution: 1.2) {
    #header .br_sprite,
    #footer .br_sprite,
    .breadcrumb .br_sprite { background-image: url(/static/img/bg/sprite_br_retina.png); background-size: 800px 800px; }
    #header .br_sprite_content:before,
    #footer .br_sprite_content:before,
    .breadcrumb .br_sprite_content:before { content: url(/static/img/bg/sprite_br_retina.png); transform: scale(0.5); transform-origin: 0 0; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; }
}
/* //default and retina sprites */

/* Header */
#header { background: #fff; height: 80px; position: relative; z-index: 110; }
#header .container { height:80px; background-color: #fff; }
#header div.meta_navi_wrapper { height: 45px; background-color: #fff; }
#header span.home_logo { background-position: -700px 0; height: 40px; width: 51px; }
#header a[title="zur Startseite"] {position: absolute; top:28px; left:2.4%; width:51px; height:40px; display:block; }
.media_startPage #header { border-bottom: 8px solid  #006AFF; }
.br-homepage .header_branding { display: none; }


/* default setting für brandingbereich */
div.header_branding {height:2em; position:relative; background-repeat:no-repeat; background-color: #006AFF; background-position:bottom; background-size:cover; }
div.area a > span {background-repeat: no-repeat; background-size: 100%; display:inline; position:absolute; color:#fff; text-transform:uppercase; letter-spacing:0.03em; top:7px; left:2.4%; font-weight:bold; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#node_brde .media_startPage nav[aria-label="Breadcrumb"],
.media_startPage .header_branding,
#node_brde div.area a > span {display:none;}
div.area span span {display:inline; position:absolute; left:-9999px;}
div.sub_area a > span {color:#fff;display:none; position:absolute; z-index:0; text-indent:-9999px; background-repeat: no-repeat; background-size: cover; }
div.sub_area a > span span {display:none; position:absolute; left:-9999px;}
/* default setting für brandingbereich */

/* skiplink */
div.skiplink ul {position:absolute;}
div.skiplink a.invisible {width:auto;height:auto;}
div.skiplink a.invisible:focus,
div.skiplink a.invisible:active {left:28px !important;top:.625em !important;background:url(/static/img/ico/ico_skipnavi.png) no-repeat 0 3px;padding:0 0 0 10px !important;height:20px;width:140px;font-size:.6875em;color:#45abdd;text-decoration:none;z-index:1;}
/* //skiplink */

/* meta navi */
#meta_navi { position: absolute; right: 225px; top: 2px; }
#meta_navi li { float: left; margin-right: 15px; }
#meta_navi li.last { border: none; }
#meta_navi li .br_sprite_content { margin-right: 5px; display: none; }
#meta_navi a { font-size:.75em; text-decoration:none; color: #5F7177; display: block; padding: 10px 12px 10px 10px; }
#meta_navi a:hover,
#meta_navi a:focus,
#meta_navi a:active { color: #006AFF; }
#meta_navi li.nav_rss a .br_sprite_content { display: block; width: 13px; height: 13px; }
#meta_navi li.nav_rss a .br_sprite_content:before { left: -200px; top: -50px; }
#meta_navi li.nav_rss a:hover .br_sprite_content:before,
#meta_navi li.nav_rss a:focus .br_sprite_content:before,
#meta_navi li.nav_rss a:active .br_sprite_content:before { margin-left: -150px; }
#meta_navi li.nav_sendungen_a-z a .br_sprite_content { display: block; width: 17px; height: 18px; top: -2px; }
#meta_navi li.nav_sendungen_a-z a .br_sprite_content:before { left: -200px; top: 0; }
#meta_navi li.nav_sendungen_a-z a:hover .br_sprite_content:before,
#meta_navi li.nav_sendungen_a-z a:focus .br_sprite_content:before,
#meta_navi li.nav_sendungen_a-z a:active .br_sprite_content:before { margin-left: -150px; }
/* //meta navi */

/* search */
div.search { position: relative; }
div.search input.search_input { padding: 0 35px 0 10px; font-size: 14px; font-size: 0.875rem; line-height: 1.3333em; float: left; height: 25px; background-color: #f2f2f1; border: 0; color:#4e4e4e; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; }
div.search input.search_input:focus { border: 2px solid #ccc; padding: 0 33px 0 8px; }
div.search input.search_button { height: 23px; width: 22px; position: absolute; right: 10px; top: 1px; background-position: -200px -150px; background-color: transparent; transform: scale(0.8); }
div.search input.search_button:hover,
div.search input.search_button:focus,
div.search input.search_button:active { background-position: -250px -150px; }

#header div.search { position: absolute; top: 7px; right: 20px; width: 155px; }
#header .layerLabel { top: 4px; font-size: 0.7em; }
.ui-helper-hidden-accessible { display: none; }
/* //search */

/* master navi */
div.master_navi_container { background-color: #fff; }
ul#master_navi { display: flex; margin: 0 150px 0 120px; position: relative; padding-top: 3px; }
ul#master_navi:before { content: ''; border-top: 1px solid #5F7177; position: absolute; top: -5px; right: -130px; left: 0; }
ul#master_navi > li { position: relative; min-width: 160px; text-align: center; font-size: 18px; white-space: nowrap; text-transform: uppercase;  -moz-osx-font-smoothing: grayscale; }
ul#master_navi > li a span { color: #5F7177; font-weight: bold; line-height: 0.5; }
ul#master_navi > li > ul { position: absolute; left: -9999px; top: -9999px; }
ul#master_navi > li > ul > li { font-size: 14px; text-transform: none; }
ul#master_navi > li > ul > li:last-child { padding-bottom: 10px; }
ul#master_navi > li > a { display: table; width: 100%; position: relative; z-index: 1; }
ul#master_navi > li:hover > ul,
ul#master_navi > li.nav_focus_active > ul { left: 0; right: 0; top: 0; background-color: #50545d; margin-top: 32px; padding: 15px 0; }
ul#master_navi > li.nav_focus_active > a span,
ul#master_navi > li:hover > a span { color:  #006AFF; }
ul#master_navi > li ul:before { content: ''; display: block; width: 100%; height: 36px; position: absolute; top: -32px; background-color: transparent; }
ul#master_navi > li > ul > li > a { color: #fff; display: block; padding: 3px 0; }
ul#master_navi > li > ul > li > a:hover,
ul#master_navi > li > ul > li > a:focus,
ul#master_navi > li > ul > li > a:active { background-color: #5F7177; }

/* master navi */
.master_navi_handle,
.master_navi_breadcrumb,
.master_navi_current { display: none; }

/* Responsive Navigation */
ul#responsive_master_navi { display: none; position: absolute; right: 0; top: 60px; width: 360px; background-color: #50545D; }
.nav_focus_active ul#responsive_master_navi { display: table; }
ul#responsive_master_navi > li > a,
ul#responsive_master_navi > li > span { text-transform: uppercase; }
ul#responsive_master_navi li a,
ul#responsive_master_navi li span { display: block; color: #fff; font-size: 18px; padding: 7px 25px; line-height: 25px; }
ul#responsive_master_navi li a:hover,
ul#responsive_master_navi li.pathinfo:hover,
ul#responsive_master_navi li:not(.pathinfo) a:focus,
ul#responsive_master_navi li.pathinfo:focus-within,
ul#responsive_master_navi li.active > a { background-color: #5F7177; }
ul#responsive_master_navi ul { display: none; }
ul#responsive_master_navi li.extended > ul { display: block; }
ul#responsive_master_navi li.pathinfo { padding: 5px 25px; line-height: 28px; }
ul#responsive_master_navi li.pathinfo.hidden { display: none; }
ul#responsive_master_navi li.pathinfo a,
ul#responsive_master_navi li.pathinfo span { display: inline-block; color: #a3a3a3; border-bottom: none; padding: 0; line-height: 28px; margin: 0; }
ul#responsive_master_navi li.pathinfo a:before,
ul#responsive_master_navi li.pathinfo span:before { content: " > "; }
ul#responsive_master_navi li.pathinfo a:first-child:before,
ul#responsive_master_navi li.pathinfo span:first-child:before { content: ""; }
ul#responsive_master_navi li.pathinfo a:hover,
ul#responsive_master_navi li.pathinfo a:focus { color: #fff; }
ul#responsive_master_navi ul.nonseperated > li > a { border-bottom: none; }
ul#responsive_master_navi ul.nonseperated ul.nonseperated > li:last-child > a { border-bottom: none; }
ul#responsive_master_navi > li > ul > li > a { padding-left: 40px; }
ul#responsive_master_navi > li > ul > li > ul > li > a { padding-left: 60px; }
ul#responsive_master_navi > li > ul > li > ul > li > ul > li > a { padding-left: 80px; }
/* //master navigation */

/* service teaser */
div.service_teaser { position: relative; top: 1.375em; margin-bottom: 2.7em; background:#fff; }
div.service_teaser > .teaser { min-width: 256px;max-width: 350px;width: 83.6601307%;margin: 0 auto; position: static; }
div.service_teaser div.content { padding: 15px 0; }
div.service_teaser ul.tabs-list { position: absolute; left: 0; right: 0; top:-1.375em; }
div.service_teaser ul.tabs-list li.current,
div.service_teaser ul.tabs-list li.ui-state-active {background:#fff;}
div.service_teaser ul.tabs-list li:first-child { width: 40%; margin-right: 1%; }
div.service_teaser ul.tabs-list li {position:relative;z-index:5;width: 28%; padding: 0;display:block;background:#e3e3e3;}
div.service_teaser ul.tabs-list li:last-child { width: 30%; margin-left: 1%; }

div.service_teaser ul.tabs-list a {color:#262626;font-weight:bold; text-align: center;background:none;padding:5px 8px;}
div.service_teaser ul.tabs-list a:hover,
div.service_teaser ul.tabs-list a:focus {color:#6b6b6b;}
div.service_element h2 {font-size:.75em;padding:0 0 1em 0;color:#333;}
div.service_element .link_service {font-size:.75em;text-align:right;width:100%;height:1.3232em;padding-bottom:0;}
div.service_element .link_service a:before { content: ''; background: url(/static/img/bg/sprite_br_retina.png) -550px -750px no-repeat; width: 12px; height: 1.25em; float: left; margin-top: 3px; background-size: 800px 800px}
div.service_element .link_service a:focus:before,
div.service_element .link_service a:hover:before { background-position: -600px -750px; }
div.service_element .link_service a { font-size: 1em; line-height: 1.3232em; font-weight: bold; text-decoration: none; height: 1.3232em; padding :0 0 0 10px; overflow: hidden; display: inline-block;}
div.service_element .link_service a:focus,
div.service_element .link_service a:hover { color: #777; }


div.teaser .service_teaser-tabbody { position: relative; }
.js div.teaser .service_teaser-tabbody { display: none; } /* 3 Service Teaser als Tabs erst mal ausblenden */
.js div.section div.teaser .service_teaser-tabbody { display: block; } /* In der Rubrikenzeile wird er auch einzeln eingebaut */
div.teaser.service h3,
div.teaser .service_teaser-tabbody h3 { font-size: .6875em; font-weight: normal; padding: 0 0 1.25em 0; width: 256px; margin: 0 auto; }
/* verkehr */
div.service_element ul.verkehrListe {margin:0 2px 0 15px;}
div.service_element ul.verkehrListe li {font-size:.6875em;list-style:square;border-bottom:1px dotted #bcbcbb;padding:0 0 .75em 0;margin:0 0 .75em 0;}
div.service_element ul.verkehrListe li.last {border-bottom:none;}
div.service_element p.mehrVerkehr { font-size: .75em; padding: 0 0 20px; width: 256px; margin: 0 auto; }
div.service_element div.map {width:256px;height:144px;overflow:hidden;margin-bottom:1em;position:relative; margin: 0 auto 1em; }
div.service_element div.map img.layer {position:absolute;top:-90px;left:0px;}

/* wetter */
div.service_element div.media_weatherTeaser {padding:0px;}
div.service_element div.media_weatherTeaser p {font-size:.75em;margin:0 0 .5em 7px;}
div.service_element div.media_weatherTeaser p.link_service {margin:0;}
div.service_element div.media_weatherTeaser span.teaser_overline {display:block;width:100%;}
div.media_weatherTeaser .catchline li a .teaser_headline.cirrus {white-space: nowrap; padding-left:25px;}
div.service_element div.media_weatherTeaser a.link_article span .cirrus_new {background-color: #006AFF;color: #fff !important;margin-right: 4px;margin-top:2px;padding-left: 4px;padding-right: 4px;padding-top:0;width: 22px;}
div.service_element div.media_weatherTeaser a.link_article .teaser_icon { width: 22px; height: 20px; display:block; position: absolute; top: 7px; left: 0; overflow: hidden; }
div.service_element div.media_weatherTeaser a.link_article .teaser_icon:before { content: url(/static/img/bg/sprite_medtyp_retina.png?v=1731926246); display: block; position: absolute; left: 0; top: 0; transform: scale(0.5); transform-origin: 0 0; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; }
div.service_element div.media_weatherTeaser a.link_article span:hover span.cirrus_new,
div.service_element div.media_weatherTeaser a.link_article:focus span.cirrus_new{color: #fff !important;margin-right: 4px;margin-top:2px;padding-left: 4px;padding-right: 4px;padding-top:0;}
div.service_element div.media_weatherTeaser form { padding:0px; }
div.service_element div.media_weatherTeaser form p.short_input{ padding:0px;float:left;width:174px}
div.service_element div.media_weatherTeaser form p.short_input input { width:169px}
div.service_element div.media_weatherTeaser form p.form_submit { margin:0px;padding:0px}
div.service_element div.media_weatherTeaser form p.form_submit button { margin: 5px 0px 0px 0px; }
div.service_element div.teaser .teaser_headline span.teaser_overline {font-size:.75em;}
div.service_element div.teaser .teaser_headline span.teaser_overline.cirrus {width:80%;}
div.service_element div.teaser .teaser_headline.cirrus span {float:left;}
/* //service teaser */

/* service navi */
div.service_navi_container { left: 90%; top: 2.8em; position: absolute; z-index: 996; }
div.service_navi_container li.nav_focus_active .service_navi_overlay,
div.service_navi_container li.sticky .service_navi_overlay { top: 35px; display: block; }
div.service_navi_container li.nav_focus_active .service_navi_overlay div.service_element,
div.service_navi_container li.sticky .service_navi_overlay div.service_element { background-color: #f2f2f1; }
div.service_navi_container li.sticky a.weather span img { margin:-38px 0 0 -100px; }
/* #node_brde.media_startPage div.service_navi_container { display: none; } */

ul.service_navi li { float: left; }
ul.service_navi a.weather,
ul.service_navi a.traffic,
ul.service_navi a.news { width: 40px; height: 40px; overflow: hidden; display: block; }
ul.service_navi a.weather span,
ul.service_navi a.traffic span,
ul.service_navi a.news span { text-indent: 100px; display: block; cursor: pointer; line-height: inherit; }

.service_navi_category.weather a.weather,
.service_navi_category.traffic a.traffic { text-align: center; }
.service_navi_category.weather.nav_focus_active a.weather,
.service_navi_category.weather.sticky a.weather,
.service_navi_category.traffic.nav_focus_active a.traffic,
.service_navi_category.traffic.sticky a.traffic { background-color: #f2f2f1; }
.service_navi_category.weather a.weather span.br_sprite { display: inline-block; background-position: 6px -494px; width: 40px; height: 40px; }
.service_navi_category.traffic a.traffic span.br_sprite { display: inline-block; background-position: 6px -541px; width: 40px; height: 40px; margin-top: 2px; }

.additional_responsive_navi_container { display: none; z-index: 10; }
.additional_responsive_navi_container .aToZ { right: 120px; }

.additional_responsive_navi_container .responsivesearch input[type="submit"] { background-color: #fff; background-position: 0 -150px; float: right; margin: 5px; border: 0 none; height: 27px; width: 26px; cursor: pointer; }
.additional_responsive_navi_container .responsivesearch input[type="submit"]:hover { background-position: -150px -150px; }

ul.service_navi a.weather span img {margin:0 0 0 -100px;}
body.wetter ul.service_navi a.weather span img {margin:-76px 0 0 -100px;}
ul.service_navi a.weather:hover span img,
ul.service_navi a.weather:focus span img,
ul.service_navi li:hover a.weather span img,
body.wetter ul.service_navi a.weather:hover span img,
body.wetter ul.service_navi a.weather:focus span img,
body.wetter ul.service_navi li:hover a.weather span img {margin:-38px 0 0 -100px;}

ul.service_navi a.traffic span img {margin:0 0 0 -148px;}
#node_verkehr ul.service_navi a.traffic span img {margin:-76px 0 0 -148px;}
ul.service_navi a.traffic:hover span img,
ul.service_navi a.traffic:focus span img,
ul.service_navi li:hover a.traffic span img,
#node_verkehr ul.service_navi a.traffic:hover span img,
#node_verkehr ul.service_navi a.traffic:focus span img,
#node_verkehr ul.service_navi li:hover a.traffic span img {margin:-38px 0 0 -148px;}
#node_verkehr #content.full_width .section { padding: 1.375em 0 0; }

ul.service_navi a.news span img {margin:0 0 0 -196px;}
body.nachrichten ul.service_navi a.news span img {margin:-76px 0 0 -196px;}
ul.service_navi a.news:hover span img,
ul.service_navi a.news:focus span img,
ul.service_navi li:hover a.news span img,
body.nachrichten ul.service_navi a.news:hover span img,
body.nachrichten ul.service_navi a.news:focus span img,
body.nachrichten ul.service_navi li:hover a.news span img {margin:-38px 0 0 -196px;}

ul.service_navi li.traffic .service_element h3 { font-size: 14px; color: #50545d; font-weight: bold; text-align: center; }

div.service_navi_overlay { position: absolute; right: 0; top: -1999em; overflow: hidden; }
div.service_navi_overlay .service_element {padding:.75em 1em;display:block;float:none;height:100%;}
div.service_navi_overlay .service_element h2 { font-size: 18px; color: #50545d; font-weight: bold; padding: 0 10px 10px 10px; text-align: center; }
div.service_navi_overlay .service_element li {float:none;}
div.service_navi_overlay .service_element p {font-size:.6875em;}
div.service_navi_overlay .service_element .link_service {border:none;margin-top: 10px; }

div.service_navi_bottom {height:12px;background:url(/static/img/bg/bg_306px_shadow.png);}
/* //service navi */

/* wetter teaser */
div.media_weatherTeaser_icon                        {text-align:center;position:relative;}
div.media_weatherTeaser_icon > div                  {position:absolute;top:0;left:0;width: 100%;}
div.media_weatherTeaser span.celsius                {font-size:10px;line-height:normal;position: relative;top: 21px;left:22px;}

div.region div.media_weatherTeaser_icon                        {text-align:center; position: relative; top: auto; left: auto; width: auto; }
div.region div.media_weatherTeaser_icon > div                  {text-align:center; position: relative; top: auto; left: auto; width: auto; }
div.region div.media_weatherTeaser div.weather_report_container span.celsius     {font-size:0.625em;position:absolute;top:2.6em;right:12.85em;}
div.detail div.media_weatherTeaser div.weather_report_container span.celsius     {position:absolute;top:2.6em;right:10.85em;}

div.media_weatherTeaser span.teaser_headline a      {font-size:1em;color:#4e4e4e;}
div.media_weatherTeaser a span.teaser_overline      {padding-top:.25em;color:#262626!important;text-decoration:none;}
div.media_weatherTeaser a:focus span.teaser_overline,
div.media_weatherTeaser a:hover span.teaser_overline        {padding-top:.25em;color:#6b6b6b!important;}
div.media_weatherTeaser ul.catchline                {margin-top:0;}
div.media_weatherTeaser ul.catchline li             {min-height:25px;position: relative;}
div.media_weatherTeaser ul.catchline a              {text-decoration:none;}
div.media_weatherTeaser span.teaser_title           {font-size:.75em;line-height:16px;display:block;margin:-.5em 10px 0 30px;}
div.media_weatherTeaser ul.weather_snowlevel            {font-size:.75em;color:#4e4e4e;display:block;margin:.5em 10px 0 30px;}
div.media_weatherTeaser ul.weather_snowlevel strong     {display:block;padding:.25em 0 .25em 0;}
div.media_weatherTeaser .catchline li a .teaser_headline    {display:block;border-top:none;}
div.media_weatherTeaser a span.weather_alert            {display:block;color:#006AFF!important;}
div.media_weatherTeaser a:focus span.weather_alert,
div.media_weatherTeaser a:hover span.weather_alert      {display:block;color:#777;}
div.media_weatherTeaser .wtr_ort_plz                    {display:block;color:#777;padding:5px 0 2px;}
div.media_weatherTeaser form                            {background-color:transparent;}
div.media_weatherTeaser form p.form_submit              {top:-39px;height:0;}
div.media_weatherTeaser form .input_holder {margin-left:-2px!important;}

table.weather_teaser                                    {width: 100%; position:relative;margin:0 0 0 5px;}
table.weather_teaser a                                  {text-decoration:none!important;}
table.weather_teaser caption                            {display: none;}
table.weather_teaser img.weather_north_south            {position:relative;top:-1.75em;left:-.5em;}
table.weather_teaser tr.weather_teaser_row_icon img     {margin:.5em 0 .5em 0;}
table.weather_teaser tr.weather_teaser_row_time,
table.weather_teaser tr.weather_teaser_row_icon         {border-top:1px dotted #818181;font-size:.6725em;color:#2b2b2c;text-align:center;}
table.weather_teaser span.weather_current_degree        {font-size:1.875em;font-weight:bold;color:#262626;position:relative; top:-.25em;}
table.weather_teaser tr.weather_teaser_row_icon span    {display:block;}
table.weather_teaser td.weather_icon_north_south,
table.weather_teaser td.weather_teaser_column_today,
table.weather_teaser td.weather_teaser_column_tomorrow,
table.weather_teaser td.weather_teaser_column_tomorrownext  {padding:0 8px;}
table.weather_teaser th.weather_icon_north_south.bottom,
table.weather_teaser td.weather_teaser_column_today.bottom,
table.weather_teaser td.weather_teaser_column_tomorrow.bottom,
table.weather_teaser td.weather_teaser_column_tomorrownext.bottom {border-top:1px dotted #ccc;}

#header table.weather_teaser .highlighting,
#context table.weather_teaser .highlighting             {background:#edece9;}
#content table.weather_teaser .highlighting             {background:#e9e9e9;}

/* breadcrumb */
nav[aria-label="Breadcrumb"] { width: 100%; background-color: #f2f2f1; }
div.breadcrumb { max-width: 1200px; min-width: 320px; width: auto; margin: 0 auto; height:1.125em; background:#f2f2f1;padding:0 0 3px 40px; position: relative; overflow: hidden; height: auto !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; }
div.breadcrumb .close { display: none; position: absolute; top: 10px; right: 12px; cursor: pointer; background-position: -200px -200px; width: 20px; height: 21px; }
div.breadcrumb .close:hover { background-position: -250px -200px; }
div.breadcrumb dl { overflow: auto; display: inline; white-space: nowrap; }
div.breadcrumb dl.magnifier { display: none; width: auto; font-size: 1.2em; padding: 4px 25px 6px 0; margin-right: 20px; overflow: visible; white-space: normal; min-height: 32px; }
div.breadcrumb dl.magnifier dd a:hover,
div.breadcrumb dl.magnifier dd span { background-position: -750px -596px; }
div.breadcrumb dl.magnifier dd a,
div.breadcrumb dl.magnifier dd span { background: url(/static/img/bg/sprite_br_retina.png) no-repeat -750px -544px; background-size: 800px 800px;}
div.breadcrumb dl.magnifier dd a:hover { background-position: -750px -594px; }
div.breadcrumb dd { display: inline-block; line-height: 1.2em; position: relative; top: -2px; }
div.breadcrumb dd.spacer a { margin-left: -5px; }
div.breadcrumb dd a,
div.breadcrumb dd span { float: left; color: #262626; margin: 0 15px 0 -10px; padding: 2px 0 0 10px; font-size: .75em; text-decoration: none; display: block; }
div.breadcrumb dd a:focus,
div.breadcrumb dd a:hover,
div.breadcrumb dd span { color:#6b6b6b; }
div.breadcrumb dd.first a,
div.breadcrumb dd.first span,
div.breadcrumb dl.magnifier dd.first a,
div.breadcrumb dl.magnifier dd.first span { background: none; padding-left: 0; }
div.breadcrumb dd a,
div.breadcrumb dd span { float: none; display: inline-block; margin: 0 10px 0 -10px; }
div.breadcrumb dd a,
div.breadcrumb dd span { background: url(/static/img/bg/sprite_br_retina.png) no-repeat -750px -544px; background-size: 800px 800px; }
div.breadcrumb dd a:hover,
div.breadcrumb dd span { background-position: -750px -594px; }

/* //breadcrumb */

/* footer */

footer,
footer .wrapper { background-color: #fff; }
footer section { border-bottom: 5px solid #006aff; }
.media_startPage footer section { background-color: #f2f2f1; border-top: 0; border-bottom: 5px solid  #006AFF; }
#footer_branding { height: auto; background-image: none; padding: .7em 30px; }
.media_startPage #footer_branding { background-color: #f2f2f1; }
#footer { padding: .75em 30px 1.75em; background: #fff; }

#footer nav ul { margin: 0 0 1.5em; }
#footer nav ul li.nav_block { float: left; width: 25%; list-style: none; }

#footer nav ul li.nav_block a { display: inline-block; font-style: normal; line-height: 1.5em; color: #50545d; cursor: text; }
#footer nav ul li.nav_block ul { margin: 0; }
#footer nav ul li.nav_block ul li { float: none; display: block; padding: 0; }
#footer nav ul li.nav_block ul li a { color: #777; cursor: pointer; }
#footer nav ul li.nav_block ul li a:focus,
#footer nav ul li.nav_block ul li a:hover { color: #50545d; }

#footer div.logos span {display: inline-block;}
#footer div.logos a.br_home span.br_sprite { float: left; height: 40px; width: 51px; background-position: -700px 0px; }
#footer div.logos a.ard_home span.br_sprite { float: right; height: 35px; width: 74px; background-position: -600px -100px; margin-top: .5em; }

/* Copyright */
.copyright { display: inline-block; position: absolute; right: 0; top: 0; z-index: 10; color: #000!important; width: 18px; height: 18px; text-align: center; vertical-align: top; line-height: 18px; font-size: 14px; font-size: 0.875rem; cursor: pointer; }
.copyright .tooltip { position: absolute; background-color: #fff; padding: 2px 5px; white-space: nowrap;right: 20px; font-size: 10px; font-size: 0.625rem; border: 1px solid #000000; color: #000 !important; }
.copyright .tooltip:after, .copyright .tooltip:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.copyright .tooltip:after { border-color: rgba(255, 255, 255, 0); border-left-color: #ffffff; border-width: 5px; margin-top: -5px; }
.copyright .tooltip:before { border-color: rgba(0, 0, 0, 0); border-left-color: #000000; border-width: 6px; margin-top: -6px;}
span[class^="clearFix avPlayer"] + .copyright { display: none; }

#copyrightLinkFooter { color: #262626; }
#copyrightLinkTimestamp { color: #777; }
#copyrightLinkTimestamp span:not(.separator) { color: #777; text-decoration: underline; cursor: pointer; }
#copyrightLinkTimestamp span.separator { margin: 0 4px 0 1px; position: relative; top: -1px; }
#imagesContainer { margin-top: 15px; }
.copyrightRow { display: flex; color: #777; }
.copyrightRow > div {  }
.copyrightText { color: #262626; margin-right: 20px; margin: 5px 0; }
.copyrightImage { width: 135px; max-width: 135px; min-width: 135px; margin: 10px 20px 4px 0; }
.copyrightImage img { width: 100%; height: auto;  }

/* end footer */

/* Retina Displays */
@media (min--moz-device-pixel-ratio: 1.2),
(-o-min-device-pixel-ratio: 6/5),
(-webkit-min-device-pixel-ratio: 1.2),
(min-device-pixel-ratio: 1.2),
(min-resolution: 1.2) {
    div.breadcrumb dd a,
    div.breadcrumb dd span { background: url(/static/img/bg/sprite_br_retina.png) no-repeat -750px -545px; background-size: 800px 800px; }
    div.breadcrumb dd a:hover,
    div.breadcrumb dd span { background-position: -750px -595px; }
    div.breadcrumb dl.magnifier dd a,
    div.breadcrumb dl.magnifier dd span { background: url(/static/img/bg/sprite_br_retina.png) no-repeat -750px -544px; background-size: 800px 800px; }
    div.breadcrumb dl.magnifier dd a:hover { background-position: -750px -594px; }
    div.breadcrumb dd.first a,
    div.breadcrumb dd.first span,
    div.breadcrumb dl.magnifier dd.first a, div.breadcrumb dl.magnifier dd.first span { background: none; padding-left: 0; }

    div.service_element .link_service a:before { background-image: url(/static/img/bg/sprite_br_retina.png); background-size: 800px 800px; }
    div.service_element div.media_weatherTeaser a.link_article .teaser_icon:before { content: url(/static/img/bg/sprite_medtyp_retina.png?v=1731926246); transform: scale(0.5); transform-origin: 0 0; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; }
}

/* #################### breakpoint 949px [M] #################### */
@media only screen and (max-width: 949px) {

    body.responsive div.skiplink a.invisible:focus,
    body.responsive div.skiplink a.invisible:active { left:128px !important; }

    body.responsive #header,
    body.responsive #header .container { height: 60px; }
    body.responsive #header a[title="zur Startseite"] { left: 20px; top: 10px; }
    body.responsive #header .search { display: none; }

    body.responsive div.area a > span { left: 12px; }

    /* meta navigation */
    body.responsive .meta_navi_wrapper { display: none; }
    /* //meta navigation */

    /* breadcrumb */
    body.responsive div.breadcrumb { padding: 0 0 0 40px; }
    /* //breadcrumb */

    /* master navigation */
    body.responsive .responsive_burger_navi { display: block; }
    body.responsive .responsive_burger_navi .master_navi_handle { display: block; height: 60px; width: 55px; cursor: pointer; text-align: center; position: absolute; right: 0; }
    body.responsive .responsive_burger_navi .master_navi_handle span.br_sprite { display: inline-block; background-position: 0 -200px; width: 32px; height: 26px; margin-top: 18px;}
    body.responsive .responsive_burger_navi.nav_focus_active .master_navi_handle span.br_sprite { background-position: -50px -200px; }
    body.responsive .responsive_burger_navi.nav_focus_active .master_navi_handle { background-color: #50545D; color: #fff; float: right; }
    body.responsive .responsive_burger_navi.nav_focus_active .master_navi_handle div { color: #fff; }

    /* //master navigation */

    /* service navigation */
    /* body#node_brde.responsive.media_startPage div.service_navi_container {display:none;} */
    body.responsive div.service_navi_container { left: auto; right: 110px; top: 0; margin-top: 0; }
    body.responsive ul.service_navi li.responsive { display: inline; }
    body.responsive ul.service_navi a.weather,
    body.responsive ul.service_navi a.traffic,
    body.responsive ul.service_navi a.news { height: 60px; width: 55px; }
    body.responsive div.service_navi_container li.sticky .service_navi_overlay,
    body.responsive div.service_navi_container li.nav_focus_active .service_navi_overlay { top: 60px; }
    body.responsive .service_navi_category.weather a.weather span.br_sprite { margin-top: 15px; }
    body.responsive .service_navi_category.traffic a.traffic span.br_sprite { margin-top: 16px; }
    /* //service navigation */

    /* additional responsive navigation */
    body.responsive .additional_responsive_navi_container { display: block; right: 0; top: 0; position: absolute; }
    body.responsive .additional_responsive_navi_container .item { position: absolute; right: 55px; width: 55px; height: 60px; cursor: pointer; text-align: center; }
    body.responsive .additional_responsive_navi_container .item .handle { cursor: pointer; }
    body.responsive .additional_responsive_navi_container .item.active { background-color: #50545D; }
    body.responsive .additional_responsive_navi_container .item.responsive-active { background-color: #50545D; }
    body.responsive .additional_responsive_navi_container .item .content { display: none; background-color: #50545D; width: 300px; position: absolute; top: 60px; right: 0; }
    body.responsive .additional_responsive_navi_container .item.active .content { display: block; }
    body.responsive .additional_responsive_navi_container .item.responsive-active .content { display: block; }
    body.responsive .additional_responsive_navi_container .responsivesearch .handle span.br_sprite { display: inline-block; background-position: 0 -150px; width: 26px; height: 27px; margin-top: 18px;}
    body.responsive .additional_responsive_navi_container .responsivesearch .search_wrapper { text-align: left; }
    body.responsive .additional_responsive_navi_container .responsivesearch.active .handle span.br_sprite { background-position: -50px -150px; }
    body.responsive .additional_responsive_navi_container .responsivesearch.responsive-active .handle span.br_sprite { background-position: -50px -150px; }
    body.responsive .additional_responsive_navi_container .responsivesearch .search_wrapper { width: 280px; border: 0; margin: 10px; background-color: #fff; }
    body.responsive .additional_responsive_navi_container .responsivesearch .search_input { width: 210px; border: 0; font-size: 1.2em; padding: 5px; display: inline-block; }
    body.responsive .additional_responsive_navi_container .responsivesearch .button { position: absolute; top: 18px; right: 19px; width: 26px; height: 27px; background-position: 0 -150px; }
    body.responsive .additional_responsive_navi_container .responsivesearch .button:hover { background-position: -150px -150px; }
    body.responsive .ui-autocomplete { width: 278px !important; margin-top: -5px; }
    body.responsive .ui-autocomplete a { font-size: 1em; }
    body.responsive .additional_responsive_navi_container .aToZ .handle span.br_sprite { display: inline-block; background-position: 0 -100px; width: 25px; height: 26px; margin-top: 18px; }
    body.responsive .additional_responsive_navi_container .aToZ .handle:hover span.br_sprite { background-position: -100px -100px; }
    /* //additional responsive navigation */
}
/* #################### //breakpoint 950px (Desktop) [M] #################### */

/* #################### breakpoint 640px [S] #################### */
@media only screen and (max-width: 640px) {

	/* footer */
	body.responsive #footer nav ul li.nav_block { float: none; width: 100%; padding: .5em 0; border-bottom: 1px solid #ccc; }
	body.responsive #footer nav ul li.nav_block a { display: block; cursor: pointer; }
	body.responsive #footer nav ul li.nav_block a span { float: right; display: block; height: 1.75em; width: 23px; background-position: -692px -691px; }
	body.responsive #footer nav ul li.nav_block:target > a span { background-position: -692px -641px; }
	body.responsive #footer nav ul li.nav_block ul { display: block; position: relative; margin: 0; padding: 0; border: none; max-height: 0px; overflow: hidden;
		-webkit-transition: max-height 0.5s ease-out;
		-moz-transition: max-height 0.5s ease-out;
		-o-transition: max-height 0.5s ease-out;
		-ms-transition: max-height 0.5s ease-out;
		transition: max-height 0.5s ease-out;
		}
	body.responsive #footer nav ul li.nav_block:target > ul { max-height: 250px; }
	body.responsive #footer nav ul li ul li { border: none; }
	body.responsive #footer nav ul li ul li a { display: block; }

}
/* #################### //breakpoint 640px [S] #################### */


/* #################### breakpoint 480px [XS] #################### */
@media only screen and (max-width: 480px) {

    /* master navi */
    body.responsive ul#responsive_master_navi { width: 320px; }
    body.responsive #master_navi { width: 320px; }
    /* //master navi */

    /* additional responsive navigation */
    body.responsive .additional_responsive_navi_container .item .content { width: 280px; }
    body.responsive .additional_responsive_navi_container .responsivesearch .search_wrapper { width: 260px; }
    body.responsive .additional_responsive_navi_container .responsivesearch .search_input { width: 180px; }
    /* //additional responsive navigation */

    /* service navigation */
    body.responsive ul.service_navi li.traffic .service_navi_overlay { right: -85px; }
    body.responsive ul.service_navi li.weather .service_navi_overlay { right: -85px; }
    /* //service navigation */
}
/* #################### //breakpoint 480px [XS] #################### */

/* Für Colorswitch color_change_detection.js
 * Javascript checkt ob Hintergundbilder geladen werden. JS setzt css class colors no-colors
 */
html { background-image: url(/static/img/bg/blank.gif)!important; background-repeat: no-repeat; }
/* image replacement */
html.colors .ir { display: block; border: 0; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; line-height: 0; }
/* Wetter fix */
div.search div.search_button_wrap { position: static; }
div.search fieldset { width: auto; }
ul#master_navi {display:flex!important;}
ul#master_navi > li a span { font-weight: normal; }
header div.container, footer div.container {position: relative; width: 1024px; margin: 0 auto;}
div.wrapper #header {background-color:#fff!important}
header div.container {position: relative; width: 100%; left:0;top:0;}
section + div.container {width:100%; left:0; top:0;}
header#header {background-color:#fff!important; border-bottom: 8px solid #0079c1;}
header#header div.container, footer div.container {position: relative; width: 1024px; margin: 0 auto;}
header#header + div.wrapper {display:none;}