div.wrapper:before,
div.wrapper:after { background: none!important; }

#content_wrapper { background: rgba(229,231,231,.4); }
#header { height: 140px; background: none; }
#header .br_sprite { background-image: url(/static/img/bereich/extra/so-geht-medien/sprite_so_geht_medien.png); background-size: 750px 100px; }
#header .layerLabel { position: absolute; left: -9999px; }
#header span.home_logo { height: 150px; width: 165px; background-image: url(/static/img/bereich/extra/so-geht-medien/sprite_so_geht_medien.png); background-size: 750px 100px; background-position: 0 0; position: relative; top: -15px; }
#header div.meta_navi_wrapper { background-color: inherit; }
#header .container { background-color: transparent; }

div.skiplink a.invisible:focus,
div.skiplink a.invisible:active {left:140px!important;top:20px!important;}

#header #meta_navi { right: 0; }
#header #meta_navi li:last-child { margin-right: 0; }

#header div.search { top: 63px; right: 0; }
div.search input.search_input { height: 40px; border: 1px solid #8a8a8c; border-radius: 0; background-color: #fff; }
div.search input.search_button { background-position: -250px 0!important; right: 12px; top: 8px; height: 25px; width: 25px; transform: scale(1); }
div.search input.search_button:hover,
div.search input.search_button:focus { background-position: -250px 0!important; cursor: pointer; }

div.area a > span { top: -150px!important; }

ul#master_navi { margin: 0; }
ul#master_navi:before { border: 0; }
ul#master_navi > li ul { background: #e4e5e6!important; border-top: 4px solid #50d1c2; }
ul#master_navi > li ul > li { padding: 0; text-align: left; }
ul#master_navi > li { padding: 0 0 20px; min-width: 155px; }
ul#master_navi > li:first-child { min-width: 150px; }
ul#master_navi li ul li a { font-size: .9375em; color: #000; padding: 5px 15px; }
ul#master_navi li ul li a:hover,
ul#master_navi li ul li a:focus { background: #50d1c2; color: #282828; }
ul#master_navi > li:hover ul,
ul#master_navi > li.nav_focus_active ul { padding: 1em 0 ; }
ul#master_navi li.master_navi_category:hover > a:hover,
ul#master_navi li.nav_focus_active > a:focus { background: none!important; }
ul#master_navi li.master_navi_category:hover > a,
ul#master_navi li.nav_focus_active > a { background: none; color: #000!important; }
ul#master_navi li.master_navi_category:hover > a:hover span,
ul#master_navi li.master_navi_category:hover > a span,
ul#master_navi li.nav_focus_active > a span { color: #007d88; }
ul#master_navi > li > a span { font-size: 1em; }
span.master_navi_category_top { display: none!important; }
div.master_navi_container { background-color: inherit; position: absolute; left: 19%; top: 4.75em; }
body.contenttype_modular #content_wrapper { background-color: #fff; }
body.contenttype_modular #content_wrapper > section div.detail .detail_modul { border-color: #f3f3f4; }
body.contenttype_modular #header { height: 80px!important; }
body.contenttype_modular #header span.home_logo { transform: scale(0.8); top: -20px; }
body.contenttype_modular div.master_navi_container { top: 10px; right: 10px; }
body.contenttype_modular.responsive .additional_responsive_navi_container { top: 10px; right: 40px; }
body.contenttype_modular.responsive .responsive_burger_navi .master_navi_handle span.br_sprite,
body.contenttype_modular.responsive .responsive_burger_navi.nav_focus_active .master_navi_handle span.br_sprite { background-position: -194px 5px; }
body.contenttype_modular.responsive .additional_responsive_navi_container .responsivesearch .handle span.br_sprite,
body.contenttype_modular.responsive .additional_responsive_navi_container .responsivesearch.active .handle span.br_sprite { background-position: -250px 0!important; }
body.contenttype_modular.responsive .additional_responsive_navi_container .item,
body.contenttype_modular.responsive div.responsive_burger_navi .master_navi_handle { background: #50d1c2; }
body.contenttype_modular.responsive div.responsive_burger_navi.nav_focus_active .master_navi_handle { background: #e4e5e6; }
body.contenttype_modular.responsive .additional_responsive_navi_container .item.responsive-active,
body.contenttype_modular.responsive .additional_responsive_navi_container .item .content,
body.contenttype_modular.responsive .additional_responsive_navi_container .item.active { background: #e4e5e6; }
body.contenttype_modular.responsive ul#responsive_master_navi li a:hover,
body.contenttype_modular.responsive ul#responsive_master_navi li a:focus,
body.contenttype_modular.responsive ul#responsive_master_navi li.pathinfo:hover,
body.contenttype_modular.responsive ul#responsive_master_navi li:not(.pathinfo) a:focus,
body.contenttype_modular.responsive ul#responsive_master_navi li.pathinfo:focus-within,
body.contenttype_modular.responsive ul#responsive_master_navi li.pathinfo:focus-within a:hover,
body.contenttype_modular.responsive ul#responsive_master_navi li.pathinfo:focus-within a:focus,
body.contenttype_modular.responsive ul#responsive_master_navi li.pathinfo:hover a:hover,
body.contenttype_modular.responsive ul#responsive_master_navi li.pathinfo:hover span { background: none; color: #007d88; }
body.contenttype_modular.responsive ul#responsive_master_navi li.pathinfo span { color: #007d88; }
body.contenttype_modular.responsive ul#responsive_master_navi li.active > a,
body.contenttype_modular.responsive ul#responsive_master_navi { background: #e4e5e6; }
body.contenttype_modular.responsive ul#responsive_master_navi:hover { background: #e4e5e6; }
body.contenttype_modular.responsive ul#responsive_master_navi li.pathinfo:hover { background: #e4e5e6; }
body.contenttype_modular.responsive ul#responsive_master_navi { width: 360px; }
body.contenttype_modular #modularNav li:before { background-color: #50d1c2; }
ul#responsive_master_navi li.pathinfo,
ul#responsive_master_navi li a { color: #000; text-transform: uppercase; border-bottom: 1px solid #fff; }
ul#responsive_master_navi ul.nonseperated > li:last-child > a,
ul#responsive_master_navi li a { border-bottom: 1px solid #fff; }
ul#responsive_master_navi li.pathinfo a { color: #007d88; }

div.breadcrumb { background: #e4e5e6; }

div.search input.search_button { background-position: -200px -150px; }
div.search input.search_button:focus,
div.search input.search_button:hover { background-position: -250px -150px; }

footer { background-color: inherit; }
footer section { border: 0; }
#footer .br_sprite { background-image: url(/static/img/bereich/extra/so-geht-medien/sprite_so_geht_medien.png); background-size: 750px 100px; }
#footer_branding { background: #007279; }
#footer { position: relative; background: #50d1c2; }
#footer nav ul { margin: 0 0 3.5em; }
#footer nav ul li.nav_block ul li a,
#footer nav ul li.nav_block a { color: #000; }
#footer div.logos a.br_home span.br_sprite { position: relative; bottom: 10px; background-position: -350px 0; }
#footer div.logos a.ard_home span.br_sprite { position: absolute; right: 245px; bottom: 35px; width: 84px; height: 40px; background-position: -400px 0; }
#footer div.logos a.zdf_home span.br_sprite { position: absolute; right: 170px; bottom: 38px; width: 66px; height: 40px; background-position: -500px 0; }
#footer div.logos a.deutschlandradio_home span.br_sprite { position: absolute; right: 25px; bottom: 27px; width: 126px; height: 40px; background-position: -600px 0; }
#footer nav ul li.nav_block a { text-transform: uppercase; font-size: 1em; margin: 0 0 10px; }
#footer nav ul li.nav_block .level_1 a { font-size: .9375em; text-transform: none; margin: 0; }
#copyrightLinkFooter { text-transform: uppercase; color: #fff; }
.copyrightText { color: #fff; }

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

    body.responsive #header span.home_logo { height: 60px; width: 100px; background-image: url(/static/img/bereich/extra/so-geht-medien/sprite_so_geht_medien.png); background-size: 465% auto; background-position: 0 3px; position: relative; top: 0; }
    body.responsive #header { height: 80px; }
    body.responsive div.area a > span { top: -77px!important; left: 10px; }
    body.responsive div.area a > span:before { top: -148px; }
    body.responsive .responsive_burger_navi .master_navi_handle span.br_sprite,
    body.responsive .responsive_burger_navi.nav_focus_active .master_navi_handle span.br_sprite { background-position: -194px 5px; }
    body.responsive div.master_navi_container { top: 10px; left: auto; right: 10px;  }
    body.responsive div.responsive_burger_navi .master_navi_handle { background: #50d1c2; }
    body.responsive div.responsive_burger_navi.nav_focus_active .master_navi_handle { background: #e4e5e6; }
    body.responsive ul#responsive_master_navi li a:hover,
    body.responsive ul#responsive_master_navi li a:focus,
    body.responsive ul#responsive_master_navi li.pathinfo:hover,
    body.responsive ul#responsive_master_navi li:not(.pathinfo) a:focus,
    body.responsive ul#responsive_master_navi li.pathinfo:focus-within,
    body.responsive ul#responsive_master_navi li.pathinfo:focus-within a:hover,
    body.responsive ul#responsive_master_navi li.pathinfo:focus-within a:focus,
    body.responsive ul#responsive_master_navi li.pathinfo:hover a:hover,
    body.responsive ul#responsive_master_navi li.pathinfo:hover span,
    body.responsive ul#responsive_master_navi li a:hover { background: none; color: #007d88; }
    body.responsive ul#responsive_master_navi li.pathinfo span { color: #007d88; }
    body.responsive ul#responsive_master_navi li.active > a,
    body.responsive ul#responsive_master_navi { background: #e4e5e6; }
    body.responsive .additional_responsive_navi_container { top: 10px; right: 20px; }
    body.responsive .additional_responsive_navi_container .item { background: #50d1c2; width: 55px; }
    body.responsive .additional_responsive_navi_container .item .content,
    body.responsive .additional_responsive_navi_container .item.responsive-active,
    body.responsive .additional_responsive_navi_container .item.active { background: #e4e5e6; }
    body.responsive .additional_responsive_navi_container .responsivesearch .handle span.br_sprite,
    body.responsive .additional_responsive_navi_container .responsivesearch.responive-active .handle span.br_sprite,
    body.responsive .additional_responsive_navi_container .responsivesearch.active .handle span.br_sprite { background-position: -250px 0!important; }
    body.responsive .responsive_burger_navi.nav_focus_active .master_navi_handle:hover,
    body.responsive ul#responsive_master_navi:hover { background: #e4e5e6; }
    body.responsive ul#responsive_master_navi li.pathinfo:hover { background: #e4e5e6; }

}
/* #################### //breakpoint 950px [M] #################### */

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

    body.responsive #footer nav ul li.nav_block { border-bottom: 1px solid #96e3da; }
    body.responsive #footer nav ul li.nav_block a span { background-position: -200px 60px; }
    body.responsive #footer nav ul li.nav_block:target>a span { background-position: -250px 60px; }
    body.responsive #footer nav ul li.nav_block:target > ul { max-height: 240px; }
    body.responsive #footer nav ul li.nav_block a { margin: 0; }

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

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

    body.responsive .master_navi_container,
    body.responsive .responsive_burger_navi .master_navi_handle { width: 55px; }
    body.responsive #footer div.logos a.br_home span.br_sprite { bottom: 30px; }
    body.responsive #footer div.logos a.ard_home span.br_sprite { bottom: 9px; }
    body.responsive #footer div.logos a.zdf_home span.br_sprite { bottom: 10px; right: }
    body.responsive #footer div.logos a.deutschlandradio_home span.br_sprite { bottom: 0; }

}
/* #################### //breakpoint 480px [XS] ################### */