#layerBg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; background-color: #000; opacity: 0.6; }
#stoerer { position: fixed; z-index: 10002; left:0; right: 0; top: 29%; width: 80%; max-width: 800px; margin: 0 auto; text-align: center; }
#stoerer .footer { padding: 20px; }
#stoerer .st_body { position: relative; z-index: 1; top: 35px; background-color: #fff; border-radius: 10px; max-width: 100%; min-height: 200px; box-sizing: border-box; -moz-box-sizing: border-box; margin-left: 18%; padding: 20px 40px 20px 30%; text-align: left; }
#stoerer .st_body h3 { font-weight: bold; margin: 20px 0 20px 0; }
#stoerer .st_body .close_btn.close_layer { position: relative; right: -15px; background-image: url(/static/img/bereich/extra/puls/icons.png) }
#stoerer .st_body .st_links { margin: 10px 0 10px 0; }
#stoerer .st_body .st_links a { text-decoration: underline; font-size: 14px; }
#stoerer .st_body .st_links .nl_no { float: right; font-size: 12px; margin-top:10px; }
#stoerer .st_body .st_links .nl_yes { color: #007bc2; }
#stoerer .st_body p { font-size: 14px; }
#stoerer .st_image { position: relative; z-index: 2; float: left; border-radius: 20px; border: 3px solid #fff; overflow: hidden; width: 36%;  height: 0; padding-bottom: 36%; -moz-transform: scale(1) rotate(45deg); -ms-transform: scale(1) rotate(45deg); -o-transform: scale(1) rotate(45deg); -webkit-transform: scale(1) rotate(45deg); transform: scale(1) rotate(45deg); }
#stoerer .st_image img { width: 100%; -moz-transform: scale(1.8) rotate(-45deg); -ms-transform: scale(1.8) rotate(-45deg); -o-transform: scale(1.8) rotate(-45deg); -webkit-transform: scale(1.8) rotate(-45deg); transform: scale(1.8) rotate(-45deg); }
/* #################### breakpoint 950px [M] #################### */
@media only screen and (max-width: 950px) {
body.responsive #stoerer { left: 4%; right: 4%; }
}
/* #################### //breakpoint 950px [M] #################### */
/* #################### breakpoint 640px [S] #################### */
@media only screen and (max-width: 640px) {
body.responsive #stoerer .st_image { margin-top: -25px;}
body.responsive #stoerer .st_body p { margin-left: -40px; }
body.responsive #stoerer .st_body .st_links { margin-left: -40px; }
}
/* #################### //breakpoint 640px [S] #################### */
/* #################### breakpoint 480px [XS] #################### */
@media only screen and (max-width: 480px) {
body.responsive #stoerer .st_body p { margin-left: -50px; }
body.responsive #stoerer .st_body .st_links { margin-left: -50px; }
}
/* #################### //breakpoint 480px [XS] #################### */

div#radioAppBanner { font-size: 12px; padding: 10px; display: flex; align-items: center; justify-content: space-between; background-color: #F2F2F7; position: relative; }
div#radioAppBanner img { max-width: 40px; margin-right: 10px; border-radius: 10px; }
div#radioAppBanner p { width: 55%; color: #000; }
div#radioAppBanner a { color: #000; }
div#radioAppBanner p + a { color: #007bc2; text-transform: uppercase; width: 22%; text-align: right; }
div#radioAppBanner span.close { display: block; width: 25px; height: 15px; position: relative; }
div#radioAppBanner span.close:before,
div#radioAppBanner span.close:after { content: ''; height: 1px; background-color: #000; width: 15px; display: block; }
div#radioAppBanner span.close:before { transform: rotate( -45deg ); position: absolute; top: 8px; }
div#radioAppBanner span.close:after { transform: rotate( 45deg ); position: absolute; top: 8px; }