body, html { background-color: #1783C9!important; background-position-y: 0!important;}
div.wrapper, #header { background-color: transparent; }

div.skiplink a.invisible:focus,
div.skiplink a.invisible:active {color: #fff; left:230px !important;top:10px !important;}

#content_wrapper { background: transparent; }
div.breadcrumb,
nav[aria-label="Breadcrumb"] { background-color: transparent; }
div.breadcrumb dd a, div.breadcrumb dd span { color: #ffff; }
div.breadcrumb dd a:focus, div.breadcrumb dd a:hover, div.breadcrumb dd span { color: #f1f1f1; }
div.breadcrumb dd a, div.breadcrumb dd span { background: none; padding: 0; }
div.breadcrumb dd:not(.first) a:before, div.breadcrumb dd:not(.first) span:before { content:''; transform: scale(0.9); margin: 0 3px -1px 3px; width: 7px; height: 10px; display: inline-block; background: url(/static/img/bg/sprite_br.png) no-repeat -500px -750px;  }

ul#master_navi { display: flex; justify-content: space-around; width: 59%; float: right; margin: 0; }
ul#master_navi:before { display: none; }
ul#master_navi > li { min-width: 175px; }
ul#master_navi > li > a span { color: #fff; }
ul#master_navi > li ul { background: #fff; }
ul#master_navi li ul li a { color: #282828; }
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: #FEC854; }
ul#master_navi li.master_navi_schauen ul li a:hover,
ul#master_navi li.master_navi_schauen ul li a:focus,
ul#master_navi li.master_navi_schauen ul li a:active { background: #00dc9a; }

ul#master_navi > li ul { min-width: 175px; background: #fff!important; border-top: 4px solid #FEC854; }
ul#master_navi > li.master_navi_schauen ul { border-top: 4px solid #00dc9a; }
ul#master_navi > li { padding: 0 0 20px; border:0!important; }
ul#master_navi li ul li a { font-size: .9375em; color: #000; margin: 3px 0; }
ul#master_navi > li:hover ul,
ul#master_navi > li.nav_focus_active ul { top: 0; left: 0; padding: 1em 0 ; }
ul#master_navi li.master_navi_category:hover > a:hover,
ul#master_navi li.nav_focus_active > a:focus,
ul#master_navi li.master_navi_category:hover > a,
ul#master_navi li.nav_focus_active > a { background: transparent; 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: #fff; }
ul#master_navi > li > a span { font-size: 1em; }
span.master_navi_category_top { display: none!important; }
div.master_navi_container { position: absolute; top: 46px; width: 80%; background-color: inherit; }

#header { height: 115px; }
#header div.search { top: 40px; }
#header a[title="zur Startseite"] { display: table; z-index: 10; }
#header .layerLabel { display: none!important; }
#header .br_sprite { background-image: url(/static/img/bereich/extra/kinder/sprite_br_kinder2019.png); background-size: 750px 150px; }
#header span.home_logo { height: 65px; width: 254px; background-image: url(/static/img/bereich/extra/kinder/sprite_br_kinder2019.png); background-size: 750px 150px; background-position: 0 -85px; }

div.search input.search_input { border: 1px solid #9DCFE6; border-radius: 0; height: 35px; }
div.search input.search_button { background-position: -250px 0!important; right: 12px; top: 5px; height: 25px; width: 25px; }
div.search input.search_button:hover,
div.search input.search_button:focus { background-position: -250px 0!important; cursor: pointer; }

footer, footer .wrapper { background-color: transparent; }
footer section { border: 0;margin-bottom:4px; }
#footer nav ul li.nav_block a,
#footer nav ul li.nav_block ul li a { color: #282828; }
#footer nav ul li.nav_block > a { font-weight: bold; }
#footer nav ul li.nav_block ul li a:hover { color: #7b7b7b; }

#footer .br_sprite { background-image: url(/static/img/bereich/extra/kinder/sprite_br_kinder2019.png); background-size: 750px 150px; background-position: -350px 0; }
#footer .ard_home { display: none; }

#footer div.logos span.br_home span.br_sprite { float: left; height: 32px; width: 38px; }
#footer_branding { background-color: #fff; }

.box_standard .teaser.embeddedMedia p a { color: #262626; }

#context_float div.program_info:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

div.section div.section_head { border:0; }
div.section div.section_head h3,
div.section div.section_head h3 a { color: #fff; }
div.section.carousel div.section_head h3,
div.section.carousel div.section_head h3 a { color: #004182; }
div.section.carousel ul.slick-dots li button:before { color: #111; }
div.section.carousel { background-color: #00dc9a; }
body[class*='/hoeren'] div.section.carousel { background-color: #fec854; }
div.section.carousel div.section_head a:focus, div.section.carousel div.section_head a:hover { color: #fff; }
div.section div.section_head a:focus, div.section div.section_head a:hover { color: #004182; }
div.section.carousel div.slick-slider .slick-next:before {left: -750px; }
div.section.carousel div.slick-slider .slick-prev:before {left: -750px; }
div.section.carousel div.slick-slider .slick-arrow:hover:before { margin-left: 50px; }

div.sub_area a>span { right: 50% !important; transform: translate(50%, 0); }

.rating .br_sprite_content:before { content: url(/static/img/bereich/extra/kinder/sprite_br_kinder2019.png); }
.rating .star span:before { left: -400px; top: -100px; }
.star.active.half span:before { margin-left: -50px; margin-top: 0!important; }
.star.active span:before { margin-left: -100px; margin-top: 0!important; }
.star.selected span:before { margin-left: -150px!important; margin-top: 0!important; }


div.detail ul.c_toolbar_list .br_sprite_content:before { content: url(/static/img/bereich/extra/kinder/sprite_br_kinder2019.png); }

div.detail ul.c_toolbar_list li.c_tb_comment { display: none; }
div.detail ul.c_toolbar_list li.c_tb_comment a > span:before { left: -300px; top: -550px; }
div.detail ul.c_toolbar_list li.c_tb_copy_link a > span:before { left: -400px; top: -50px; }
div.detail ul.c_toolbar_list li.c_tb_share a > span:before { left: -400px; top: -50px; }
div.detail ul.c_toolbar_list li.c_tb_suggest a > span:before { left: -500px; top: -50px; }
div.detail ul.c_toolbar_list li.c_tb_print a > span:before { left: -600px; top: -50px; }
div.detail ul.c_toolbar_list li.c_tb_embedcode a > span:before { left: -150px; top: -550px; }
div.detail ul.c_toolbar_list li.c_tb_facebook a > span:before { left: -400px; top: 0; }
div.detail ul.c_toolbar_list li.c_tb_twitter a > span:before { left: -500px; top: 0; }

body.responsive div.wrapper { margin-bottom: -3px; }

@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,
    #header span.home_logo,
    #footer .br_sprite { background-image: url(/static/img/bereich/extra/kinder/sprite_br_kinder_retina2019.png); background-size: 750px 150px; }

    .rating .br_sprite_content:before,
    div.detail ul.c_toolbar_list .br_sprite_content:before { content: url(/static/img/bereich/extra/kinder/sprite_br_kinder_retina2019.png);  transform: scale(0.5); transform-origin: 0 0; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; }
}

body.contenttype_modular.responsive:before { content:""; background-repeat: no-repeat; background-image: url(/static/img/bereich/extra/kinder/hg_kopf.png); display: block; position: fixed; width: 786px; height: 426px; left: 50%; transform: translate(-40%,50px); }
body.contenttype_modular.responsive .additional_responsive_navi_container { top: 15px; }
body.contenttype_modular.responsive .additional_responsive_navi_container .responsivesearch .handle { background-color: #fff; height: 45px; width: 45px; }
body.contenttype_modular.responsive .additional_responsive_navi_container .item { width: 45px; height: 45px; }
body.contenttype_modular.responsive .additional_responsive_navi_container .item,
body.contenttype_modular.responsive .additional_responsive_navi_container .item.active,
body.contenttype_modular.responsvie .additional_responsive_navi_container .item.responsive-active,
body.contenttype_modular.responsive .additional_responsive_navi_container .item .content { background-color: #fff!important; }
body.contenttype_modular.responsive .additional_responsive_navi_container .item .content { top: 45px; }
body.contenttype_modular.responsive .master_navi_container { top: 15px; right: 0; }
body.contenttype_modular.responsive .responsive_burger_navi .master_navi_handle { display: block; background-color: #fff; height: 45px; width: 45px; }
body.contenttype_modular.responsive .responsive_burger_navi.nav_focus_active .master_navi_handle { background-color: #fff; }
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 0; margin-top: 14px; }
body.contenttype_modular.responsive .additional_responsive_navi_container .responsivesearch .handle span.br_sprite,
body.contenttype_modular.responsive .additional_responsive_navi_container .responsivesearch.responsive-active .handle span.br_sprite,
body.contenttype_modular.responsive .additional_responsive_navi_container .responsivesearch.active .handle span.br_sprite { background-position: -250px 0; margin-top: 10px; }
body.contenttype_modular.responsive ul#responsive_master_navi { background-color: #fff; top: 45px; right: 0; }
body.contenttype_modular.responsive ul#responsive_master_navi li:not(.pathinfo) a { color: #282828; border-bottom: 1px solid #ccc; }
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:focus-within,
body.contenttype_modular.responsive ul#responsive_master_navi li.pathinfo:hover,
body.contenttype_modular.responsive ul#responsive_master_navi li.pathinfo:hover span,
body.contenttype_modular.responsive ul#responsive_master_navi li.active > a { background-color: #004182;  color:#fff;}
body.contenttype_modular.responsive[class*='hoeren'] ul#responsive_master_navi li a:hover,
body.contenttype_modular.responsive[class*='hoeren'] ul#responsive_master_navi li.pathinfo:hover,
body.contenttype_modular.responsive[class*='hoeren'] ul#responsive_master_navi li.active > a { background-color: #FEC854;color: #282828; }
body.contenttype_modular.responsive[class*='schauen'] ul#responsive_master_navi li a:hover,
body.contenttype_modular.responsive[class*='schauen'] ul#responsive_master_navi li.pathinfo:hover,
body.contenttype_modular.responsive[class*='schauen'] ul#responsive_master_navi li.active > a { background-color: #00dc9a; color: #282828;}
body.contenttype_modular.responsive div.section.carousel div.slick-slider .slick-arrow:hover:before { margin-left: 0; }
body.contenttype_modular #modularNav li a span { background-color: #1783c9; color: #fff; }

/* #################### breakpoint 950px [M] #################### */
@media only screen and (max-width: 950px) {
  body.responsive div.skiplink a.invisible:focus,
  body.responsive div.skiplink a.invisible:active { left:230px !important;top:10px !important; }
  body.responsive #header a[title="zur Startseite"] { transform: scale(0.7) translate(-60px,0); top:0;}
  body.responsive .master_navi_container { top: 15px; width: 100%; }
  body.responsive .responsive_burger_navi .master_navi_handle span.br_sprite { background-position: -194px 0; margin-top: 14px;  }
  body.responsive .responsive_burger_navi.nav_focus_active .master_navi_handle span.br_sprite { background-position: -194px 0;}
  body.responsive .responsive_burger_navi .master_navi_handle { background-color: #fff; height: 45px; width: 45px; float: right; }
  body.responsive .responsive_burger_navi.nav_focus_active .master_navi_handle { background-color: #fff; color: #fff; float: right; }
  body.responsive .additional_responsive_navi_container { top: 15px; }
  body.responsive .additional_responsive_navi_container .item,
  body.responsive .additional_responsive_navi_container .item.active,
  body.responsive .additional_responsive_navi_container .item.responsive-active,
  body.responsive .additional_responsive_navi_container .responsivesearch .handle { background-color: #fff; height: 45px; width: 45px; }
  body.responsive .additional_responsive_navi_container .responsivesearch .handle span.br_sprite { background-position: -250px 0; margin-top: 10px; }
  body.responsive .additional_responsive_navi_container .responsivesearch.responsive-active .handle span.br_sprite,
  body.responsive .additional_responsive_navi_container .responsivesearch.active .handle span.br_sprite { background-position: -250px 0; }
  body.responsive .additional_responsive_navi_container .item .content { background-color: #fff; top: 45px; }
  body.responsive ul#responsive_master_navi { background-color: #fff; top: 45px; right: -1px; }
  body.responsive ul#responsive_master_navi li.pathinfo a,
  body.responsive ul#responsive_master_navi li.pathinfo span { color: #797979; }
  body.responsive ul#responsive_master_navi li.extendable.master_navi.navi_more { display: none; }
  body.responsive ul#responsive_master_navi li:not(.pathinfo) a { color: #282828; border-bottom: 1px solid #ccc; }
  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.active > a { background-color: #004182;  color:#fff;}
  body.responsive[class*='hoeren'] ul#responsive_master_navi li a:hover,
  body.responsive[class*='hoeren'] ul#responsive_master_navi li a:focus,
  body.responsive[class*='hoeren'] ul#responsive_master_navi li.pathinfo:hover,
  body.responsive[class*='hoeren'] ul#responsive_master_navi li:not(.pathinfo) a:focus,
  body.responsive[class*='hoeren'] ul#responsive_master_navi li.pathinfo:focus-within,
  body.responsive[class*='hoeren'] ul#responsive_master_navi li.pathinfo:focus-within a:hover,
  body.responsive[class*='hoeren'] ul#responsive_master_navi li.pathinfo:focus-within a:focus,
  body.responsive[class*='hoeren'] ul#responsive_master_navi li.pathinfo:hover,
  body.responsive[class*='hoeren'] ul#responsive_master_navi li.active > a { background-color: #FEC854;color: #282828; }
  body.responsive[class*='schauen'] ul#responsive_master_navi li a:hover,
  body.responsive[class*='schauen'] ul#responsive_master_navi li a:focus,
  body.responsive[class*='schauen'] ul#responsive_master_navi li.pathinfo:hover,
  body.responsive[class*='schauen'] ul#responsive_master_navi li:not(.pathinfo) a:focus,
  body.responsive[class*='schauen'] ul#responsive_master_navi li.pathinfo:focus-within,
  body.responsive[class*='schauen'] ul#responsive_master_navi li.pathinfo:focus-within a:hover,
  body.responsive[class*='schauen'] ul#responsive_master_navi li.pathinfo:focus-within a:focus,
  body.responsive[class*='schauen'] ul#responsive_master_navi li.active > a { background-color: #00dc9a; color: #282828;}
  body.responsive .additional_responsive_navi_container .aToZ { display: none; }
}

/* #################### breakpoint 640px [S] #################### */
@media only screen and (max-width: 640px) {
  body.responsive #footer nav ul li.nav_block a span {float: right;display: block;height: 1.75em;width: 23px;background-position: -200px -50px;}
	body.responsive #footer nav ul li.nav_block:target > a span { background-position: -250px -50px; }
}

@media only screen and (max-width: 480px) {
  body.responsive .additional_responsive_navi_container { right: 55px; }
}