/* CSS Document */
/*
Theme Name: Radio Antenne 2017
Theme URI: http://www.radioantenne.ch
Description: Wordpress Template für Radio Antenne
Author: Patrick Savolainen, Reto Moser (Konzept)
Author URI: http://www.affoltersavolainen.ch
*/

/* 0      Reset */

* {
		box-sizing: border-box;
		font-family: 'ra', Courier, Monaco, monospace !important;
	}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, figure, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin:  0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

/* 1      Body und Typografie */







body {
	background: #000;
	font-family: 'ra', Courier, Monaco, monospace;
	text-rendering: optimizeLegibility;
	font-weight: normal;
	font-style: normal;
	font-size: 1.3em;
	color: #000;
	line-height: 1.42em;
	letter-spacing: -0.01em;
	text-align:left;
	overflow: auto;
}

em {font-family: 'ra', Courier, Monaco, monospace; font-weight: normal;
	font-style: normal;}

::selection {background: #000; color: #FFF;}
::-moz-selection {background: #000; color: #FFF;}

a:link {
	text-decoration: none;
	color: #000;
	}
	
a:active {
	text-decoration: none;
	color: #000;
	}
	
a:hover {
	text-decoration: none;
	color: #000;
	}
	
a:visited {
	text-decoration: none;
	color: #000;
	}
	
	
/*	2	Layout generell	*/

.wrapper {
	width: 100vw;
	height: 100vh;
	display: block;
	position: absolute;
	background: #000;
	overflow-x: hidden;
	}
	
.scroll {
	overflow-y: scroll;
	}
	
div.scrollable {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
	overflow-y: auto;
	float: left;
	border-right: 0 ;
	}
	/*
.scrollable::-webkit-scrollbar-track
{
	background-color: #FFF;
	
}

.scrollable::-webkit-scrollbar
{
	width: 7px;
	background-color: #000;

}

.scrollable::-webkit-scrollbar-thumb
{
	background-color: #000;
}

*/



/*	3	Kopf */

.kopf {
	width: 100vw;
	position: fixed;
	z-index: 9999;
	height: 107px;
	text-align:center;
	font-size: 2.8em;
	line-height: 2em;
	background: rgba(255,255,255,1);
	display:block;
	overflow: hidden;
	border-bottom: 7px solid #000;
	}
	
.titel {
	text-align:center;
	}
	
.rec {
	display: block;
	position: fixed;
	margin: 0;
	padding: 0;
	right: 0;
	margin-right: -15px;
	top: 0;
	margin-top: -30px;
	font-size: 4.5em;
	color: #EF3340;
	box-shadow: none;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	z-index: 10;
	}


.mfb {left: 0;
	font-size: 0.3em;
	line-height: 1.4em;
	margin-top: 0;
	width: 100%;
	position: fixed;
	float: left;
	text-align:center;
	height: 25px;
	background: #000;
	color: #FFF;
	cursor:pointer;
	z-index: 99999;
	}
	
.mfb a:link, .mfb a:active, .mfb:a:visited {color: #FFF;}

.mfb a:hover {color: #000;}
.mfb:hover {color: #000; background: #44D62C;}
	
.back {
	left: 0.3em;
	font-size: 1.4em;
	margin-top: -0.1em;
	position: fixed;
	float: left;
	}
	
.play {
	height: 100px;
	width: 230px;
	right: 0;
	top: 0;
	border-left: 7px solid #000;
	cursor: pointer;
	position: fixed;
	float: right;
	display: none;
	}
	
.playtext {
	float: right;
	margin-right: 20px;
	}
	
.playbutton {
	height: 0;
	width: 0;
	border-left: 22px solid #44D62C;
	border-right: 22px solid transparent;
	border-bottom: 22px solid transparent;
	border-top: 22px solid transparent;
	margin-right: -40px;
	margin-left: 25px;
	margin-top: 42px;
	float: left;
	transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-ms-transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
  }
  
 .turn { 
	-moz-transform: rotate(90deg); 
	-webkit-transform: rotate(90deg); 
	-ms-transform: rotate(90deg); 
	transform: rotate(90deg);
	margin-top: 53px;
	margin-left: 12px;
	 }
	

/*	3	Koerper	 */
	
.koerper {
	margin-top: 107px;
	width: 100vw;
	display: block;
	z-index: 80;
	background: #000;
	position: relative;
	height: -moz-calc(100vh - 107px);
	height: -webkit-calc(100vh - 107px);
	height: -o-calc(100vh - 107px);	
	height: calc(100vh - 107px);
	float: left;
	overflow-y: hidden;
	}
	
.koerper img {
	width: 100%;
	height: auto;
	}
	

.koerper img.size-large {
	width: 50%;
	margin-top: 1em;
	}
	
.koerper img.size-medium {
	width: 28%;
	margin-top: 1em;
	}
	
.koerper img.size-26 {
	width: 26% !important;
	margin-top: 1em;
	}
	
.koerper img.size-30 {
	width: 30% !important;
	margin-top: 1em;
	}
	
.koerper img.size-17 {
	width: 17.5% !important;
	margin-top: 1em;
	}
	

	
.links, .mitte, .rechts {
	display: block;
	float: left;
	width: 33.33333%;
	overflow: hidden;
	height: 88vh;
	height: -moz-calc(100vh - 100px);
	height: -webkit-calc(100vh - 100px);
	height: -o-calc(100vh - 100px);
	height: calc(100vh - 100px);
	background: #FFF;
	}

.links, .mitte {
	
	border-right: 7px solid #000;
	}

.inhalt {
	padding-top: 0.5em;
	padding-left: 1em;
	padding-right: 0.5em;
	padding-bottom: 1em;
	}
	
.inhalt p {
	margin-top: 1em;
	margin-bottom: 1em;
	}
	
.inhalt h1 {

	font-size: 1em;
	border-bottom: 0.1em solid #000;
	display: unset;
	font-style: normal;
	}
	

.category-kalender .inhalt {
	padding: 0;
	}

.mobile {display: none;}

em:before {content: "\2192 \2007";
	white-space: pre-wrap;}
	


/* 2b	Hyperlinks (mit und ohne Pfeile		*/

.inhalt em {
	transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-ms-transition: all ease-in-out 0.3s;
	}
	
.inhalt em:before {
	content: "\2192 \2007";
	white-space: pre-wrap;
	}
	
.inhalt em:hover {
	padding-left: 0.65em;
	}
	
	
.category-projektliste a:link {
	transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-ms-transition: all ease-in-out 0.3s;
	}
	
.category-projektliste a:link:before {
	content: "\2192 \2007";
	white-space: pre-wrap;
	}
	
.category-projektliste p a:hover {
	padding-left: 0.65em;
	}
	
.inhalt li a:hover {
	padding-left: 0.65em;
	}
	
	
.vsel-meta-link a:link {
	transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-ms-transition: all ease-in-out 0.3s;}

.vsel-meta-link a:link:before {
	content: "\2192 \2007";
	white-space: pre-wrap;
	}
	
.vsel-meta-link a:hover {
	padding-left: 0.65em;
	}


/* 3	Layout Muster  */

.muster {
width: 100%;
height: -moz-calc(100vh - 100px);
height: -webkit-calc(100vh - 100px);
height: -o-calc(100vh - 100px);
height: calc(100vh - 100px);
text-align: center;
overflow: hidden !important;
margin: 0;
padding: 0;
	}
	

.muster img {
	height: 100%;
	width: auto;
	}
	
@media screen and (min-aspect-ratio: 9/5) {
	.muster img {
	width: 100%;
	height: auto;
	}
	}
	

/* 3b	Layout Randabfallend  */

.category-bildbeitrag {
text-align: center;
overflow: hidden !important;
margin: 0;
padding: 0;
	}
	
.category-bildbeitrag .inhalt {
	padding: 0;
	}

.category-bildbeitrag img {
	height: calc(100vh - 102px);
	width: auto;
	}
	
@media screen and (min-aspect-ratio: 9/5) {
	.category-bildbeitrag img {
	width: 100%;
	height: auto;
	}
	}
	
	
	
	
/* 4	Hamburger	*/


/*		4a	Menu	*/



.dasmenu {	
	font-size: 1.8em;
	line-height: 1.4em;
	text-align: center;
	font-weight: normal;
	letter-spacing: 0em;	
	height: auto;
	margin-top: 100px;
	padding-top: 1.7em;
	padding-bottom: 1em;
	width: 100vw;
	position: relative;
	z-index: 2;
	color: #000;
	display: none;
	list-style: none !important;
	list-style-type: none !important;
	overflow: scroll; 
 	-webkit-overflow-scrolling: touch;
	background: #000;
	color: #FFF;	
	}
	
.dasmenu.test {
	font-size: 1em;
	text-align: left;
	overflow: scroll;
	padding-bottom: 0;
	}

.podcasts {	
	font-size: 1.8em;
	line-height: 1.4em;
	text-align: center;
	font-weight: normal;
	letter-spacing: 0em;	
	height: auto;
	padding-top: 1.7em;
	padding-bottom: 3em;
	width: 100vw;
	position: relative;
	z-index: 2;
	display: none;
	list-style: none !important;
	list-style-type: none !important;
	/* overflow-y: scroll;  has to be scroll, not auto */
 	/* -webkit-overflow-scrolling: touch; */
	background: #000;
	color: #FFF;	
	}


	
.widget {
	list-style: none !important;
	list-style-type: none !important;
	width: 99%;
	}
	
.menu ul{
	list-style: none !important;
	list-style-type: none !important;
	}
	
.menu li {
	list-style: none !important;
	list-style-type: none !important;
	text-align: left !important;
	}
	
li {
	text-align: left !important;
	}
	
.sub-menu li {
	list-style: none;
	}
	
.menu li a:link {
	border-bottom: none;
	text-decoration: none;
	padding-bottom: 2px;
	}
	
	

.dasmenu a:link {
	transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-ms-transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	}

.dasmenu a:link:before {
	content: "\2192 \2007";
	}
	
.dasmenu a:link:hover {
	padding-left: 1em;;
	}
	
	
	
.menu li a:hover {
	  border-bottom: 2px solid #000;
	}
	
.menu li a:visited {
	}
	
.menu li a:active {
	  color: #000;
	  border-bottom: none;
	}
	
.menu ul li a {
	}



/*		5	Kalender	*/

.category-kalender .inhalt h1 {
	margin-top: 0;
	padding-top: 0.1em;
	padding-bottom: 0.5em;
	font-size: 1.8em;
	text-align: center;
	background: #000;
	color: #FFF;
	display: block;
	border: none;

	}

#vsel {	
margin: 0 0 0 0 !important;
}

#vsel .vsel-content {
	border-bottom: 0 !important;
	margin: 0 0 0 0 !important;
	padding-left: 1em !important;
	padding-right: 0.1em !important;
	height: 160px !important;
	overflow: hidden;
	transition: all ease-in-out 0.3s;
-moz-transition: all ease-in-out 0.3s;
-webkit-transition: all ease-in-out 0.3s;
-ms-transition: all ease-in-out 0.3s;
	}

#vsel .vsel-content div {	transition: all ease-in-out 0.3s;
-moz-transition: all ease-in-out 0.3s;
-webkit-transition: all ease-in-out 0.3s;
-ms-transition: all ease-in-out 0.3s;}




#vsel p {margin: 0 !important;}
	
#vsel h4 { display: inline-block; margin: 0 !important; letter-spacing: 0em; font-size: 1.8em; padding-top: 0em; padding-bottom: 0.75em; }
#vsel .vsel-meta { width: 100% !important; float: left !important; }
#vsel .vsel-meta-time {display: inline-block; padding-top: 0.6em; }
#vsel .vsel-meta-date {display: inline-block; padding-top: 0.6em; }
#vsel .vsel-meta-location {display: block; line-height: 0.88em;}
#vsel .vsel-meta-link {display: block !important; float: left; }


#vsel .vsel-meta-date:after {content: "\002c \202f"}
#vsel .vsel-image-info  { width: 90% !important; float: left !important;}
	
	
#vsel .vsel-content:nth-child(even) {
   background: #FFF !important;
}

#vsel .vsel-content:nth-child(odd) {
 
}

/*		6	Projektliste	*/

.category-projektliste .inhalt h1 {
	margin-top: 0;
	padding-top: 0.1em;
	padding-bottom: 0.5em;
	font-size: 1.8em;
	text-align: center;
	background: #000;
	color: #FFF;
	display: block;
	border: none;
	}

.category-projektliste .inhalt {padding: 0; font-size: 1.8em; line-height: 1.3em;}

.category-projektliste a:link {border:none;}

.category-projektliste ul {
	display: flex;
flex-direction: column;
justify-content: stretch;
height: calc(100vh - 100px);
}

.category-projektliste ul li:nth-child(odd) {
	background: #FFF;
	}
	
.category-projektliste ul li:nth-child(even) {
	background: #44D62C;
	}
	


.category-projektliste ul li {
	
	padding-left: 0.5em;
	height: 20%;
	vertical-align: middle;
	}
	
/* one item */
.category-projektliste li:nth-child(1):nth-last-child(1) {
	padding-top: 49%;
	padding-bottom: 49%;
}

/* two items */
.category-projektliste li:nth-child(1):nth-last-child(2),
li:nth-child(2):nth-last-child(1) {
	padding-top: 39%;
	padding-bottom: 39%;
}

/* three items */
.category-projektliste li:nth-child(1):nth-last-child(3),
li:nth-child(2):nth-last-child(2),
li:nth-child(3):nth-last-child(1) {
	padding-top: 29%;
	padding-bottom: 29%;
}

/* four items */
.category-projektliste li:nth-child(1):nth-last-child(4),
li:nth-child(2):nth-last-child(3),
li:nth-child(3):nth-last-child(2),
li:nth-child(4):nth-last-child(1) {
	padding-top: 19%;
	padding-bottom: 19%;
}

/* five items */
.category-projektliste
li:nth-child(1):nth-last-child(5),
li:nth-child(2):nth-last-child(4),
li:nth-child(3):nth-last-child(3),
li:nth-child(4):nth-last-child(2),
li:nth-child(5):nth-last-child(1) {
height: 4.2em;
}

/* six items */
.category-projektliste
li:nth-child(1):nth-last-child(6),
li:nth-child(2):nth-last-child(5),
li:nth-child(3):nth-last-child(4),
li:nth-child(4):nth-last-child(3),
li:nth-child(5):nth-last-child(2),
li:nth-child(6):nth-last-child(1) {
height: 160px;
}

/* seven items */
.category-projektliste
li:nth-child(1):nth-last-child(7),
li:nth-child(2):nth-last-child(6),
li:nth-child(3):nth-last-child(5),
li:nth-child(4):nth-last-child(4),
li:nth-child(5):nth-last-child(3),
li:nth-child(6):nth-last-child(2),
li:nth-child(7):nth-last-child(1) {
height: 12.5vh;
min-height: 80px;
}

/* eight items */
.category-projektliste
li:nth-child(1):nth-last-child(8),
li:nth-child(2):nth-last-child(7),
li:nth-child(3):nth-last-child(6),
li:nth-child(4):nth-last-child(5),
li:nth-child(5):nth-last-child(4),
li:nth-child(6):nth-last-child(3),
li:nth-child(7):nth-last-child(2),
li:nth-child(8):nth-last-child(1){
height: 10.8vh;
min-height: 80px;
}



/* nine items */
.category-projektliste
li:nth-child(1):nth-last-child(9),
li:nth-child(2):nth-last-child(8),
li:nth-child(3):nth-last-child(7),
li:nth-child(4):nth-last-child(6),
li:nth-child(5):nth-last-child(5),
li:nth-child(6):nth-last-child(4),
li:nth-child(7):nth-last-child(3),
li:nth-child(8):nth-last-child(2),
li:nth-child(9):nth-last-child(1){
height: 9.4vh;
min-height: 80px;
}


/* ten items */
.category-projektliste
li:nth-child(1):nth-last-child(10),
li:nth-child(2):nth-last-child(9),
li:nth-child(3):nth-last-child(8),
li:nth-child(4):nth-last-child(7),
li:nth-child(5):nth-last-child(6),
li:nth-child(6):nth-last-child(5),
li:nth-child(7):nth-last-child(4),
li:nth-child(8):nth-last-child(3),
li:nth-child(9):nth-last-child(2),
li:nth-child(10):nth-last-child(1){
height: 8.8vh;
min-height: 60px;
}


/*		7	Slideshow	*/

.category-slideshow .inhalt {
	padding: 0;
	width: 100%;
	}
	
	
/*		8	Radio		*/

.category-radio .scrollable {
    width: 100%;
	height: auto;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
	overflow-y: auto;
	position: static;
	z-index: 99;
	background: #EF3340;
}


.category-radio h1 {
	margin-top: 0;
	padding-top: 0.1em;
	padding-bottom: 0.5em;
	font-size: 1.8em;
	line-height: 1.4em;
	text-align: center;
	background: #EF3340;
	color: #000;
	display: block;
	border: none;
	}


.category-radio .muster {
z-index: 1;
}

.untere_leiste {
	z-index: 99;
	position: fixed;
	bottom: 0;
	width: 100%;
	}
	
	

/*  9 	RADIO     */

.dasmenu h1 {
text-align: center;
font-size: 2em;
padding-bottom: 0.2em;
line-height: 1.5em;
	}
	
h1.podcasts_titel {
	font-size: 3em;
	}
	
div.category-live-stream {
	clear: both;
	float: none;
	border: 5px solid #44D62C;
	width: 60%;
	margin-left: 19%;
	padding-bottom: 2em;
	margin-bottom: 2em;
	text-align:center;
	}
	
h1.frequenz {
	margin-top: -1.65em;
	font-size: 5em !important;

	}
	
.category-live-stream h1 {
	font-size: 3em;
	}
	
.dasmenu a:link {
	color: #FFF;
	}

.category-podcast {
	width: 69%;
	margin-left: 15%;
	margin-bottom: 3em;
	}

.powerpress_links {
	color: #666;
	}

/* WP 3.6 Native Audio Player styling*/
 
/* change the color of the background */
 .mejs-container {
		font-family: 'ra', Courier, Monaco, monospace;
		border: 3px solid #666 !important;
		height: 90px !important;
		padding: 0 !important;
		margin-left: 10% !important;
		margin-top: 0.8em !important;
		margin-bottom: 0.7em !important;
		transition: all ease-in-out 0.3s;
		-moz-transition: all ease-in-out 0.3s;
		-webkit-transition: all ease-in-out 0.3s;
		-ms-transition: all ease-in-out 0.3s;
		width: 80% !important;
	}

.inhalt .mejs-container {
	width: 260px !important;
	margin-left: 0px !important;
	font-size: 0.6em !important;
}

.inhalt .mejs-controls .mejs-time-rail {
	width: calc(100% - 80px) !important;
	position: relative !important;
	float: left !important;
	display: none !important;
}

.inhalt .mejs-controls .mejs-time-rail .mejs-time-total {
	width: 15% !important;
	margin-left: 2px !important;
}

.inhalt .mejs-currenttime {
	margin-left: 42px !important;
}

.inhalt .mejs-currenttime:after {
	content: " | ";
	margin-right: 2px;
}

.inhalt .mejs-duration {

}
	
.category-live-stream  .mejs-container { 
		height: 150px !important;
		border: 0px !important;
		border-radius: 75px;
}
	
.mejs-container:hover {
	border: 3px solid #FFF !important;

	}
	
.category-live-stream .mejs-container:hover {
	border: none !important;
	}
	
.mejs-container .mejs-controls {
	position: relative !important;

	
	}

.mejs-controls,
.mejs-mediaelement,
.mejs-container {
    background: url('') !important;
    background-color: #000 !important;

}
 
/* change the color of the lettering */
.mejs-container .mejs-controls .mejs-time {

	margin-top: 25px !important;
	}


.mejs-currenttime,
.mejs-duration {
    color: #FFF !important;
	font-size: 2em !important;
}

.mejs-currenttime {
margin-left: 60px !important; }

.mejs-controls .mejs-time-rail { height: 20px !important; 	margin-top: 25px !important;}
 
/* eliminate the yellow border around the play button during playback */
.mejs-controls .mejs-button button:focus {
outline: none !important;
}


/* use a sprite file with darker transport icons */
.mejs-controls .mejs-button button {
	
    background-image: url('http://www.radioantenne.ch/wp-content/themes/radioantenne/ra-controls.svg') !important;
	height: 60px !important;
	width: 60px !important;
}

.category-live-stream .mejs-controls .mejs-button button {

	background-color: #000 !important;
	width: 100px !important;
	height: 100px !important;
	background-size: 850% 200%;
	margin-left: 10px;
	margin-top: 0px;
}

.mejs-controls .mejs-pause button {
    background-position: 0 -60px !important;
}
 
.category-live-stream .mejs-controls .mejs-pause button {
    background-position: 0 -100px !important;
	
}

.jetzt-live {
	width: 150px;
	height: 150px;
	overflow: hidden;
	padding-right: 0px;
	border: #FFF solid 4px;
	border-radius: 85px;
	margin-left: 60px;
	background: #000;
	}
 
 
 .mejs-controls .mejs-time-rail {
	width: 70% !important;
	 }
 
 
/* change the color of the progress bar */
.mejs-controls .mejs-time-rail .mejs-time-total {
    background: #333 !important;
	height: 20px !important;
	width: 65% !important;
	margin-left: 20px !important;
}

.mejs-controls .mejs-time-rail .mejs-duration {
	position: relative !important;
	margin-right: 0 !important;
	margin-left: auto !important;
	}
 
.category-live-stream .mejs-controls .mejs-time-rail {
	display: none !important;
	}

.category-live-stream .mejs-currenttime,
.category-live-stream .mejs-duration
 {
    display: none !important;
}
 
/* change the color of the current time bar */
.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #44D62C !important;

		height: 20px !important;
}
 
/* change the color of the file loading bar */
.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #999 !important;
		height: 20px !important;
}

.mejs-controls .mejs-volume-button {
	display: none !important;
	}


.mejs-controls .mejs-horizontal-volume-slider {
	display: none !important;
	}

.mejs-overlay-button {
background: url('http://www.radioantenne.ch/wp-content/themes/radioantenne/bigplay.svg') no-repeat !important;

}

.mejs-time-float {
border: none !important;
}

.mejs-volume-slider {
	background: none !important;
	}
	
.mejs-horizontal-volume-total {
	background: #CCC !important;
	
	}
	
.mejs-horizontal-volume-current {
	background: #999 !important;
	
	}

	
	
	
	
/*	10	Responsive		*/

@media screen and (max-width: 1600px) { 
	body {font-size: 1.1em;}
	.rec {margin-top: 25px;}
	.mfb {line-height: 1.8em;}
	.kopf {line-height: 2.4em;}
}

	
@media screen and (max-width: 1480px) {
	body {font-size: 1em;}
	.rec {margin-top: -25px;}
	.kopf {line-height: 2.5em;}
	.mfb {line-height: 1.8em;}
	.play {width: 190px;}
	.playbutton {
	border-left: 18px solid #44D62C;
	border-right: 18px solid transparent;
	border-bottom: 18px solid transparent;
	border-top: 18px solid transparent;
	margin-right: -40px;
	margin-left: 25px;
	margin-top: 42px;
  }
  .turn {margin-top: 55px; margin-left: 12px;}
  .category-podcast {
	  width: 90%;
	  margin-left: 5%;}  
	  
	  
	
h1.frequenz {
	font-size: 3em !important;
	margin-top: -2.6em;
	padding-bottom: 1.1em;
	}
	
  
	}

@media screen and (max-width: 1180px) {
	body {font-size: 1em;}
	
 .mejs-controls .mejs-time-rail {
	width: 60% !important;
	 }
	.mejs-controls .mejs-time-rail .mejs-time-total {
		width: 50% !important;
		}
		
.jetzt-live {
	margin-left: 10px;
	}
	
	#vsel h4 {
		font-size: 1.7em;
		line-height: 1.2em;
		padding-bottom: 0.4em;
		}
 
 .dasmenu {font-size: 1.7em;}
 
}

@media screen and (max-width: 900px) {
	* {	webkit-overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch; }
	
	body {font-size: 1em; }
	.desktop {display: none;}
	.links, .mitte, .rechts {
	border: none;
	border-bottom: 4px solid #000;
	width: 100vw; 
	height: auto;
	overflow: auto;
	float: left;
	display: block;
	 }
	 
 .mejs-controls .mejs-time-rail {
	width: 40% !important;
	 }
	.mejs-controls .mejs-time-rail .mejs-time-total {
		width: 35% !important;
		}
	 
	 
	.jetzt-live {
	margin-left: 25%;
	clear: both;
	float: none;
	}
	
	.dasmenu.test {padding-top: 100px;}
	
	h1.frequenz {
	font-size: 3em !important;
	margin-top: 0.2em;
	padding-bottom: 0.4em;
	}
	
	.wrapper {
	width: 100vw;
	height: auto;
	display: block;
	position: absolute;
	overflow-x: hidden;
	background: #FFF;
	}
	
	
.dasmenu h1 {
line-height: 1.2em;
	}
	
h1.podcasts_titel {
	font-size: 2.5em;
	line-height: 1em;
	}
	
div.category-live-stream h1{
	font-size: 2.5em !important;
	line-height: 1.4em !important;
	}
	
div.category-live-stream {
	width: 96%;
	margin-left: 2%;
	}
	
	 
	.play {height: 50px; width: 35px; border-left: 4px solid #000;}
	.playtext {margin-right: 3px;}
	.playbutton {
	border-left: 12px solid #44D62C;
	border-right: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-top: 12px solid transparent;
	margin-right: -40px;
	margin-left: 10px;
	margin-top: 17px;
  	}
	.turn {margin-top: 25px; margin-left: 3px;}
	div.scrollable {overflow: auto; height: auto; }
	.kopf {font-size: 1.2em; line-height: 2.2em; height: 48px; padding-top: 7px; position: fixed; border-bottom: 4px solid #000;}
	.koerper {width: 100vw; display: block; transition: all ease-in-out 0.5s; min-width: 99vw;  margin-top: 7px; padding-top: 41px; overflow-y: auto; height: auto; background: #FFF;}
	.inhalt { overflow: visible;}
	.mobile {display: block;}
	.muster img {width: 100%; height: auto; overflow: visible;}
	.gowest {cursor: pointer;  }
	.goeast {cursor: pointer;  }
	.back {top:6px;}
	.pos2 {margin-left: -100vw;}
	.pos3 {margin-left: -200vw;}
	.gowest2, .gowest3, .goeast2, .goeast3  {display: none;}
	.rec {right: 0; font-size: 4.5em; margin-right: -15px; top: 0; margin-top: -4px;}
	.dasmenu {padding-top: 0.8em; padding-bottom: 1.75em; font-size: 1.2em; margin-top: 0;}
	.mfb {height: 15px; top: 0; margin-top: 0; font-size: 0.55em; line-height: 1em;}
	  .category-kalender .inhalt h1 {font-size: 1em; padding-top: 0;}
	
/* seven items */
.category-projektliste
li:nth-child(1):nth-last-child(7),
li:nth-child(2):nth-last-child(6),
li:nth-child(3):nth-last-child(5),
li:nth-child(4):nth-last-child(4),
li:nth-child(5):nth-last-child(3),
li:nth-child(6):nth-last-child(2),
li:nth-child(7):nth-last-child(1) {
min-height: 40px;
height: 40px;
}
.category-projektliste .inhalt {padding: 0; font-size: 1.2em; line-height: 1.3em;}
	

#vsel .vsel-content {
	height: 120px !important;
	overflow: hidden;
	padding-left: 5px !important;
	}

#vsel h4 { display: inline-block; margin: 0 !important; letter-spacing: 0em; font-size: 1.2em; padding-top: 0em; padding-bottom: 0.75em; }
#vsel .vsel-meta { width: 100% !important; float: left !important; }
#vsel .vsel-meta-time {display: inline-block; padding-top: 0.2em; }
#vsel .vsel-meta-date {display: inline-block; padding-top: 0.2em; }
#vsel .vsel-meta-location {display: block; line-height: 1em;}
#vsel .vsel-meta-link {display: block !important; float: left; }

#vsel .vsel-image-info  { width: 90% !important; float: left !important;}
	

	}
	
@media screen and (max-width: 650px) {
	
	 .mejs-controls .mejs-time-rail {
	width: 30% !important;
	 }
	.mejs-controls .mejs-time-rail .mejs-time-total {
		width: 25% !important;
		}
		
		.powerpress_links {font-size: 0.7em;cate }
}


@media screen and (max-width: 550px) {
	
	 .mejs-controls .mejs-time-rail {
	width: 60% !important;
	 }
	.mejs-controls .mejs-time-rail .mejs-time-total {
		width: 60% !important;
		}
	.mejs-currenttime,
	.mejs-duration
 {
    display: none !important;
}	

.mejs-time-rail {
	margin-left: 20px !important;
	}
		
		
}