/************* Desktop *************/

@media only screen and (min-width:1025px) {
body {
font-size: 80%;
}
#block-views-1awebdradio-block_3,
#block-block-37, 
#block-block-38 {
display: none;
}
.playinfo {
max-width: 70%;
overflow: hidden;
max-height: 55px;
}
.webplayer_alternatetitle {
display: none;
}
div.logo_title { line-height:1 !important; }
h2.collapsiblock { font-weight:normal !important; }


.headerleft { width: 24%; }

#block-views-term_details-block_3 .block-title:after{
content: "WEBRADIO WÄHLEN";
    font-size: 16px;
    float: right;
    margin-right: 40px;
    margin-top: -27px;
}

}

/************* Tablet quer *************/

@media only screen and (min-width:769px) and (max-width:1024px) {
body {
font-size: 100%;
}
#page {
width:100%;
}
.service-links ul li {
width: 20%;
padding-left: 5px;
padding-right: 5px;
}

.service-links ul li a {
padding-left: 20px;
}

.service-links ul li img {
position: absolute;
left: 0%;
top: 5px;
max-width: 25px;
}

#block-views-1awebdradio-block_3,
#block-block-37,
#block-block-38 {
display: none;
}
.playinfo {
max-width: 75%;
overflow: hidden;
max-height: 60px;
}
.webplayer_alternatetitle {
display: none;
}

}

/************* Tablet hoch *************/

@media only screen and (min-width:481px) and (max-width:768px) {
body {
font-size: 87.5%;
}
#page {
width:100%;
}
#skyscraper {
display: none;
overflow: hidden;
width: 0px;
}
.playlist-button {

}

#footer {
padding-left: 10px;
font-size: 1em;
}
#footer #block-views-1awebdradio-block_1,
#footer #block-views-1awebdradio-block_1 h2.block-title,
#footer #block-views-1awebdradio-block_1 .block-inner {
margin;
padding: 0;
}
#footer #block-views-1awebdradio-block_1 .block-content {
padding: 10px 0;
}
#footer_header img {
left: 0;
position: absolute;
top: -5px;
}
#footer_header span {
/*padding-left: 90px;*/
float: left;
text-align: center;
}
.front #block-block-12 {
float: none;
margin: 0 auto;
position: relative;
margin-top: 35px;
}

.block h3 {
font-size: 1.8em;
}
.service-links ul li {
width: 48%;
padding: 2% 1%;
margin: 0;
margin-bottom: 10px;
box-sizing: border-box;
}
.service-links ul li.odd {
margin-left: 4%;
}
.service-links ul li img {
left: 5%;
top: 8%;
max-width: 30%;
}
.service-links ul li a {
padding-left: 40%;
}
div.audio {
width: 100%;
}
#audio_streaming_player_volumecontrol .volume-wrapper,
#audio_streaming_player_volumecontrol ul.controls {
width: 200px;
}

div.single-player .jp-volume-bar {
right: 60px;
width: 80px;
}

h1#site-name{
font-size: 1.6em!important;
font-size: 2.6vw !important;
}

#block-views-1awebdradio-block_2,
.front #block-block-37,
#block-service_links-service_links {
display: none;
}
#block-views-1awebdradio-block_3 .view-1awebdradio {
padding-left: 0px;
}


.playlist_small, .mobweg {
	display: none;
}
.playinfo {
max-width: 75%;
overflow: hidden;
max-height: 60px;
}

#headerplay {
width: auto;
float: left;
}

.region-webplayer .block {
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
}
#headerplay {
width:65%;
float: right;
}
.headerleft {
width: auto;
margin-right:15px;
margin-top: 10px;
}
.webplayerlink {
margin-top: 20px;
width: 100%;
text-align: center;
}
.webplayer_alternatetitle {
display: block;
padding: 25px 0 15px 10px;
text-align: center;
width: 100%;
box-sizing: border-box;
}
.headerright {
width: 50%;
}
.webplayerlink_title {
display: none;
}
#farbbalken p {
margin: 0;
}
.webplayer_alternatetitle {
display: block;
padding: 25px 0 15px 10px;
text-align: center;
width: 100%;
box-sizing: border-box;
}
.headerright {
width:60%;
}
.logo_title, .webplayerlink_title {
display: none;
}
.headerleft {
width: 40%;
margin-right: 0;
padding: 20px 0px 0px 10px;
}
.logo_content {width:80%;}
#webplayer_container {
    width: 20%;
}
.headerright .logo_title h1 {
font-size: 26px;
}
.mobilelanding {
width: auto;
margin-left: 50px;
}

}

/************* Zwischenloesung Player *************/

@media only screen and (max-width:600px) {


div.interface {
height: 72px;
padding: 15px 20px;
width: 62px !important;
box-sizing: content-box;
}
div.interface ul.controls {
margin: 0;
padding: 0;
}
#audio_streaming_player_volumecontrol,
#block-service_links-service_links {
display: none;
}
div.playingnow{
box-sizing: border-box;
float: none;
padding: 10px 20px 0 130px;
width: 100%;
}
}

/************* Smalltouch quer *************/

@media only screen and (min-width:321px) and (max-width:480px) {
body {
font-size: 87.5%;
}
#page {
width:100%;
}
#skyscraper, .playlist-button {
display: none;
overflow: hidden;
width: 0px;
}
.two-sidebars .content-inner {
margin: 0 !important;
}
#columns {
padding-left: 10px;
padding-right: 10px;
}
.region-playerlist {
width: 110px;
margin-left: -110px;
}
.nodebar_right,
iframe {
width: 100%;
max-width: 100%;
margin-left: 0;
height: auto;
box-sizing: border-box;
}

#block-block-12 iframe{
	height: 250px;
}

.service-links ul li {
width: 48%;
padding: 2% 1%;
margin: 0;
margin-bottom: 10px;
box-sizing: border-box;
font-size: 0.8em;
}
.service-links ul li.odd {
margin-left: 4%;
}
.service-links ul li img {
left: 5%;
top: 8%;
max-width: 30%;
}
.service-links ul li a {
padding-left: 40%;
}
#footer {
padding-left: 10px;
font-size: 1em;
}
#footer #block-views-1awebdradio-block_1,
#footer #block-views-1awebdradio-block_1 h2.block-title,
#footer #block-views-1awebdradio-block_1 .block-inner {
margin;
padding: 0;
}
#footer #block-views-1awebdradio-block_1 .block-content {
padding: 10px 0;
}
#footer_header img {
left: 0;
position: absolute;
top: 5px;
}
#footer_header{
text-align: center;
float: left;
}

#footer_header span{
	padding: 0px;
}
.front #block-block-12 {
float: none;
margin: 0 auto;
position: relative;
margin-top: 35px;
}
.colleft {
width: 58%;
box-sizing: border-box;
float: right;
padding: 5px 3%;
margin-left: 2%;
display: block;

}
.colright {
width: 40%;
}
.field-type-image div figure, .colright {
margin: 0 0 10px 0!important;
}
.block h3,
.block-views h4 {
font-size: 1.3em;
}
div.audio {
width: 100%;
}

div.interface {
height: 72px;
padding: 15px 10px;
width: 62px !important;
box-sizing: content-box;
}
div.interface ul.controls {
margin: 0;
padding: 0;
}
#audio_streaming_player_volumecontrol {
display: none;
}
div.playingnow {
box-sizing: border-box;
float: none;
padding: 5px 0px 0 95px;
width: 100%;
height: 92px;
}
.playingnow_image {
margin: 0;
}

div.playingnow_info {
padding-top: 10px;
padding-left: 102px;
}
div.playingnow_info .player-wrapperinnerimg {
display: none;
}
.interface .details {
margin-top: 6px;
}

.section-neuheiten #block-block-12, .section-2000er #block-block-12, .section-90er #block-block-12, .section-80er #block-block-12, .section-70er #block-block-12, .section-rock #block-block-12, .section-modern-rock #block-block-12, .section-deutsch #block-block-12, .section-party #block-block-12, .section-radiosaw #block-block-12, .section-rockland #block-block-12 {
float: right;
margin-left: 20px;
text-align: center;
width: 100% !important;
}
.blockleft {
text-align: center;
width: 100% !important;
}

h1#site-name{
font-size: 1.6em!important;
font-size: 2.6vw !important;
}
.playlist-info h3 a {
font-size: 0.9em !important;
}
.playlist-info {
font-size: 0.9em;
line-height: 1em;
}

#block-views-1awebdradio-block_2,
#block-block-36 {
display: none;
}
#block-views-1awebdradio-block_3 .view-1awebdradio {
padding-left: 0px;
}

.playlist_small, .mobweg,
#block-service_links-service_links,
.front #block-block-37,
#div_akttitelplayer img{
	display: none;
}


.player_teaser {
float: none;
width: 100%;
clear: both;
}
.playinfo {
max-width: 65%;
overflow: hidden;
max-height: 40px;
line-height: 1.1em;
}
.streaminfo.last, .streamlistright .first {
border-bottom: 1px solid;}

.streamlistright .streaminfo.last{
border: none;
}

#streamlist_front h2.block-title {font-size: 1.5em!important;}

.streamlistleft,
.streamlistright {
width: 100%;
padding: 0px;
}
.streaminfo img {
max-width:40px;
}

#headerplay {
width: auto;
float: left;
}

.region-webplayer .block {
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
}
#headerplay {
width:65%;
float: right;
}
.webplayerlink {
margin-top: 20px;
width: 100%;
text-align: center;
}
.webplayer_alternatetitle {
display: block;
padding: 15px 0 15px 10px;
text-align: center;
width: 100%;
box-sizing: border-box;
font-size: 1.8em;
}
.headerright {
width:65%;
}
.logo_title, .webplayerlink_title {
display: none;
}
.headerleft {
margin-right: 0;
padding: 20px 0px 0px 0px;
}
.logo_content {width:80%;}
#webplayer_container {
    width: 20%;
}
#webplayer_container img {
max-width: 100%;
}
.webplayerlink_link {
width: auto;
margin: -8px 5px 0 0;
line-height: 1em;
}
#farbbalken p {
margin: 0;
}
.introleft {
display: none;
}
.introright {
padding: 0 10px;
}
#block-views-term_details-block_5 img {
width: 40px;
float: left;
margin-right: 10px;
}
.mobilelanding {
width: auto;
margin-left: 50px;
}
#block-views-term_details-block_5 .views-row {
height: 40px;
line-height: 40px;
margin-bottom: 5px;
}
.nodebar_left {
width: 100%;
max-width: 100%;
margin-right: 0px;
}
.nodebar_right h1 {
font-size: 1.7em;
}

.field-name-field-unterueberschrift {
font-size: 1.5em;
}

}


/************* Smalltouch hoch *************/

@media only screen and (max-width:320px) {
body {
font-size: 75%;
}
#page {
width:100%;
}
#skyscraper, .playlist-button {
display: none;
overflow: hidden;
width: 0px;
}

.nodebar_right h1 {
font-size: 1.6em;
}

.field-name-field-unterueberschrift {
font-size: 1.4em;
}

font-size: 
.two-sidebars .content-inner {
margin: 0 !important;
}
#columns {
padding-left: 10px;
padding-right: 10px;
}
.region-playerlist {
width: 110px;
margin-left: -110px;
}
.nodebar_right,
iframe {
width: 100%;
max-width: 100%;
margin-left: 0;
height: auto;
box-sizing: border-box;
}
.service-links ul li {
width: 48%;
padding: 2% 1%;
margin: 0;
margin-bottom: 10px;
box-sizing: border-box;
font-size: 0.8em;
}
.service-links ul li.odd {
margin-left: 4%;
}
.service-links ul li img {
left: 5%;
top: 8%;
max-width: 30%;
}
.service-links ul li a {
padding-left: 40%;
}
#footer {
padding-left: 10px;
font-size: 1em;
}
#footer #block-views-1awebdradio-block_1,
#footer #block-views-1awebdradio-block_1 h2.block-title,
#footer #block-views-1awebdradio-block_1 .block-inner {
margin: 0;
padding: 0;
}
#footer #block-views-1awebdradio-block_1 .block-content {
padding: 10px 0;
}
#footer_header img {
left: 0;
position: absolute;
top: 5px;
}
#footer_header span {
padding-left: 0px;

}

#block-block-12 iframe{
	height: 250px;
}

.front #block-block-12 {
float: none;
margin: 0 auto;
position: relative;
margin-top: 35px;
}
#footer_header{
text-align: center;
float: left;
}

#footer_header span{
	padding: 0px;
}
#div_akttitelplayer img{
	display: none;
}
.colleft {
width: 58%;
box-sizing: border-box;
float: right;
padding: 5px 2%;
margin-left: 2%;
display: block;
}
.colright {
width: 40%;
}
.field-type-image div figure, .colright {
margin: 0 0 10px 0!important;
}
.block h3,
.block-views h4 {
font-size: 1.3em;
}
.region-persistent .block-inner {
margin: 0;
}
div.audio {
width: 100%;
}
div.interface {
height: 72px;
padding: 15px 10px;
width: 62px !important;
box-sizing: content-box;
}
div.interface ul.controls {
width: 62px;
margin: 0;
padding: 0;
}
#audio_streaming_player_volumecontrol {
display: none;
}

.interface .details {
margin-top: 6px;
}
div.playingnow {
box-sizing: border-box;
float: none;
padding: 5px 0px 0 95px;
width: 100%;
height: 92px;
}
.playingnow_image {
margin: 0;
}

div.playingnow_info {
padding-top: 10px;
padding-left: 102px;
}
div.playingnow_info .player-wrapperinnerimg {
display: none;
}
.section-neuheiten #block-block-12, .section-2000er #block-block-12, .section-90er #block-block-12, .section-80er #block-block-12, .section-70er #block-block-12, .section-rock #block-block-12, .section-modern-rock #block-block-12, .section-deutsch #block-block-12, .section-party #block-block-12, .section-radiosaw #block-block-12, .section-rockland #block-block-12 {
float: right;
margin-left: 20px;
text-align: center;
width: 100% !important;
}
.blockleft {
text-align: center;
width: 100% !important;
}

h1#site-name{
font-size: 1.6em!important;
font-size: 2.6vw !important;
}
.playlist-info h3 a {
font-size: 0.9em !important;
}
.playlist-info {
font-size: 0.9em;
line-height: 1em;
}
.player-wrappertime {
display: none;
}

#block-views-1awebdradio-block_2,
#block-block-36 {
display: none;
}
#block-views-1awebdradio-block_3 .view-1awebdradio {
padding-left: 0px;
}
.playlist_small, .mobweg,
#block-service_links-service_links,
.front #block-block-37{
	display: none;
}
#homeplayer{
position: fixed;
    bottom: 117px;
    right: 0px;
    width: 60px;
    height: 60px;
    z-index: 1200;
    background-color: #333;
}
#homeplayer i{
	color: white;
	font-size: 40px;
	margin-top: 10px;
	margin-left: 10px;
	
}
.player_teaser {
float: none;
width: 100%;
clear: both;
}
.playinfo {
max-width: 65%;
overflow: hidden;
max-height: 40px;
line-height: 1.1em;
}
.streaminfo.last, .streamlistright .first {
border-bottom: 1px solid;
}

.streamlistright .streaminfo.last{
border: none;
}

#streamlist_front h2.block-title {font-size: 1.5em!important;}

.streamlistleft,
.streamlistright {
width: 100%;
padding: 0px;
}
.streaminfo img {
max-width:40px;
}
.playbutton img {
width:30px !important;
}
#headerplay {
width: auto;
float: left;
}

.region-webplayer .block {
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
}
#headerplay {
width:65%;
float: right;
}
.headerleft {
width: 30%;
margin-right: 0;
padding: 20px 0px 0px 0px;
}
.webplayerlink {
margin-top: 20px;
width: 100%;
text-align: center;
}
.webplayer_alternatetitle {
display: block;
padding: 15px 0 15px 10px;
text-align: center;
width: 100%;
box-sizing: border-box;
}
.headerright {width:60%;}
.logo_title, .webplayerlink_title {
display: none;
}
.logo_content {width:80%;}
#webplayer_container {
    width: 15%;
}
#webplayer_container img {
max-width: 100%;
}
.webplayerlink_link {
width: auto;
margin: -8px 5px 0 0;
line-height: 1em;
}
#farbbalken p {
margin: 0;
}
.introleft {
display: none;
}
.introright {
padding: 0 10px;
}
.streamlistleft,
.streamlistright {
width: 100%;
padding: 0px;
}
.streaminfo img {
max-width:40px;
}
.playbutton img {
width:30px !important;
}
#block-views-term_details-block_5 img {
width: 40px;
float: left;
margin-right: 10px;
}
.mobilelanding {
width: auto;
margin-left: 50px;
}
#block-views-term_details-block_5 .views-row {
height: 40px;
line-height: 40px;
margin-bottom: 5px;
}
.nodebar_left {
width: 100%;
max-width: 100%;
margin-right: 0px;
}
}