@charset "UTF-8";
@import "normalize.css";
/** ENERGY.de - Author: E. Tschuprik;
 */

@font-face {
	font-family: 'Montserrat';
	src: url('Montserrat-Regular.eot');
	src: local('☺'), url('Montserrat-Regular.woff') format('woff'), url('Montserrat-Regular.ttf') format('truetype'), url('Montserrat-Regular.svg') format('svg');
	    font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat';
	src: url('Montserrat-Medium.eot');
	src: local('☺'), url('Montserrat-Medium.woff') format('woff'), url('Montserrat-Medium.ttf') format('truetype'), url('Montserrat-Medium.svg') format('svg');
	font-weight: 500;
	font-style: normal;
}


@font-face {
	font-family: 'Montserrat';
	src: url('Montserrat-Bold.eot');
	src: local('☺'), url('Montserrat-Bold.woff') format('woff'), url('Montserrat-Bold.ttf') format('truetype'), url('Montserrat-Bold.svg') format('svg');
	 font-weight: bold;
	font-style: normal;
}


@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 300;
    src: local('Oswald Light'), local('Oswald-Light'), url(https://fonts.gstatic.com/s/oswald/v11/l1cOQ90roY9yC7voEhngDLO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v11/qs_6LdoYjCitupC9judWT-vvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 700;
    src: local('Oswald Bold'), local('Oswald-Bold'), url(https://fonts.gstatic.com/s/oswald/v11/dI-qzxlKVQA6TUC5RKSb37O3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}





@font-face {
  font-family: 'robotoregular';
  src: local('Roboto'), local('Roboto-Regular'), url('Roboto-Regular-webfont.woff') format('woff');
	src: url('Roboto-Regular-webfont.eot');
    src: url('Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Regular-webfont.ttf') format('truetype'),
         url('Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
font-family: 'robotobold';
src: local('Roboto Bold'), local('Roboto-Bold'), url('Roboto-Bold-webfont.woff') format('woff');
    src: url('Roboto-Bold-webfont.eot');
    src: url('Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Bold-webfont.woff') format('woff'),
         url('Roboto-Bold-webfont.ttf') format('truetype'),
         url('Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* HTML element (SMACSS base) rules */


@font-face { font-family: 'fontello';
             src: url('fontello.woff')  format('woff'),
                  url('fontello.ttf')   format('truetype');
                  }


@font-face {
     font-family: 'BrandonBold';
     src: url('Brandon_Bold.eot'), url('Brandon_Bold.woff') format('woff');
}
 @font-face {
     font-family: 'BrandonLight';
     src: url('Brandon_Light.eot'), url('Brandon_Light.woff') format('woff');
}
@font-face {
     font-family: 'BrandonBlack';
     src: url('Brandon_Black.eot'), url('Brandon_Black.woff') format('woff');
}



/*** RESET BROWSER STYLESHEETS ****/
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    word-wrap: break-word;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;

}
.local {
display:none;
}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ul, li
{
    list-style: none;
    /*display: inline;*/
}


.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

.field-name-field-keine-werbung-anzeigen {
display:none;
}

body {
    line-height: 1.42857;
	background-attachment: fixed;
	background-repeat:no-repeat;
	background-size: cover;

}

input {
	line-height: 2em !important;
	border-radius: 3px !important;
	border: 2px solid #bbb;
	background-color: white;
	margin: 0;
	padding: 5px;
	font: inherit;
	outline: none;
}

.webform-component input {
	/*border: 2px solid #bbb;*/
	border: 0px !important;
}

ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

#contentwrapper table{
width:100%;
}

#timetable table {
	width: auto !important;
}

:focus {outline:none;}

html {
	overflow-x: hidden;
}

.fix {
	overflow: hidden;
}

a:link {
	color: red;
}

a:visited {
	color: red;
}



/* *********************************************************************************************************************
 * MAIN CONFIG
 */


body {

	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	font-family:'Montserrat', Arial, Verdana, Sans-Serif;
	font-weight:normal;
	padding-top: 0px !important;
	background-color: #f8f9fb;
	/*background-image: url('../images/background_colorfully.jpg');*/
	/*background: url('/sites/default/files/National/NAT_HP_BG_1920px.jpg')no-repeat top center fixed !important; */
	background-size: cover;
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

body.noscroll{
    position:fixed;
    overflow:hidden;
}

.hidden {
	display:none !important;
}

.show {
	display:block !important;
}

.space {
	height: 160px;
}

b {
	font-weight:bold;
}

i {
	font-style: italic;
}

h3 {
    font-size: 1.3em;
    font-family: 'BrandonBlack', Verdana, Arial, sans-serif;
    padding-bottom: 7px;
    text-transform:uppercase;
   letter-spacing:-1px;
     -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h3 a {
    font-family: 'BrandonBlack', Verdana, Arial, sans-serif !important;
    font-weight: normal !important;
}

h2 {
    font-size: 1.2em;
    font-family: 'BrandonBlack', Verdana, Arial, sans-serif;
    padding-bottom: 5px;
    	letter-spacing:-0.5px;
   /* letter-spacing: 0.5px;*/
    line-height: 1.8em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h2 a {
    font-family: 'BrandonBlack', Verdana, Arial, sans-serif !important;
    font-weight: normal !important;
}

h1 {
	/*padding: 0.7em 1em 0em 0.7em;
	 padding: 0.5em;
	line-height: 1.8em;*/
	font-size: 2.5em;
	font-family: 'BrandonBlack', Verdana, Arial, sans-serif;
	line-height: 1.1em;
		letter-spacing:-0.5px;
	text-transform: uppercase;
	color: #000000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1#page-title {
    padding: 0.3em 0.75em 0.2em 0.75em;
}



h1 a {
    font-family: 'BrandonBlack', Verdana, Arial, sans-serif !important;
    font-weight: normal !important;
}


hr {
  margin: 5px;
  padding: 0;
  border: none;
  height: 2px;
  background: #d3d3d3;
  clear: both;
}

.right {
	float: right !important;
}

.left {
	float: left !important;
}


p {
	font-size: 1em;
}

p a {
	color: #ff0000;

}

.fa {
	margin: 5px;
	margin-top: 0em;
}

em {
	font-style: italic;
}

.messages--error.messages.error {
    color: red;
    font-weight: bold;
}

/* *********************************************************************************************************************
 * HEADER + NAVIGATION
 */


.social-share-links .fa-whatsapp {
color:#00E676;
}

.social-share-links .fa-twitter-square {
color:#1da1f2;
}

.social-share-links .fa-facebook-official {
color:#3b5998;
}

.social-share-links .fa-fb-messenger {
	max-width:30px;
}

.social-share-links .share-link {
margin-bottom: 0px !important;

}

.social-share-links.inline .share-link {
 margin-right: -5px !important;
}

.social-share-links.inline {
	margin-top: 5px !important;
padding-right: 10px;
padding-bottom: 5px;
/* margin-bottom: 10px; */
/* float: right; */
text-align: right;
}

.social-share-links .share-link a {
	padding: 5px 0px 5px 5px;
}

.social-share-links .share-link a .fa {
vertical-align: middle;
margin: 0px !important;
}

a.btn.btn-info.btn-xs {
	text-decoration: none;
}

#kw-year {
	display: none;
}

#header {
	position: fixed;
	width: 100%;
	height: 80px;
	top: 0;
	left: 0;
	z-index: 99;
	background-color: #ffffff;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-webkit-transform: translate3d(0,0,0);
	/*background-size: cover;
	background-image: url('../images/headerback.jpg');*/
}



.navlistcontainer {
	margin-right: auto;
	margin-left: auto;
}

#header #mainNavBar #mainNav #mainNavList>li {
	margin: 0;
	display: inline-block;
	vertical-align: middle;
}

#header #mainNavBar #mainNav #mainNavList>li.desktop-logo {
	line-height: 80px;
	height: 80px;
	float: left !important;
	margin-right: 4%;
	width: 80px;
}

#header #mainNavBar #mainNav #mainNavList>li.desktop-logo img {
	width: auto;
	padding: 4px 10px 6px 6px;
	height: 70px;

}

#header #mainNavBar #mainNav #mainNavList {
	margin: 0;
	text-align: left;
}



li.menublock {
	float: left;
	padding: 0em 0em 0.2em 0em;
	position: relative;
	margin-left: 0.2em;
	width: 18%;
	text-decoration: none !important;
	cursor: pointer;
}


li.menublock .menutitle {
	font-size: 1.3em;
	font-family: 'BrandonBlack', Verdana, Arial, sans-serif;
	color: #000;
	letter-spacing: -1px;
	padding-top: 1.2em;
	text-transform: uppercase;
	cursor: pointer;
	float: left;
	font-weight: 300;
	text-decoration: none !important;
}


li.menublock .menutitle a {
	color: #ADABAB;
	text-decoration: none !important;
}


li.menublock .menusubtitle {
	color: #7C7C7C;
	font-size: 1em;
	font-family: 'Oswald', Verdana, Arial, sans-serif;
	font-weight: 700;
	float: left;
	margin-top: -5px;
	text-transform: uppercase;
	text-decoration: underline;
}

li.menublock .menusubtitle a {
	color: #7C7C7C;
}

li.menublock .menusubtitle:hover {
	color: #ff0000;
}

li.menublock .icon a {
	color: #000000;
	text-decoration: none !important;
	cursor: pointer;
}



.sorticon {
	vertical-align: middle;
	color: #7C7C7C;
	font-size: 1em;
}

.sorticon:hover {
	color: #ff0000;
}

.sorticon2 {
	vertical-align: top;
	color: #000000;
	font-size: 1em;
	padding-top: 2em;
}

.sorticon2:hover {
	color: #ff0000;
}

#citymenuname {
	text-decoration: underline !important;
}


li.menublock .icon {
	font-size: 2.8em;
	color: #000000;
	float: left;
	padding-top: 0.2em;
	margin-right: 7px;
}

li.menublock .iconsmaller {
	font-size: 3.3em;
	color: #000000;
	/*padding-top: 0.2em;*/
	float:left;
	margin-right: 10px;
}

li.menublock .iconlittle {
	font-size: 1.8em;
	color: #000000;
	padding-top: 0.7em;
	float: left;
	margin-right: 7px;
}

li.menublock .iconsmaller a{
	color: #000000;
}

li.menublock .iconbigger {
	font-size: 2.8em;
	color: #000000;
	/*margin-top: -5px;*/
	float: left;
	padding-top: 0.2em;
	margin-right: 7px;
}

li.menublock .iconbigger a{
	color: #000000;
}

#overlay-wrapper{
    position: fixed;
    width: 100%;
    height: auto;
    top: 0;
    left:0;
    bottom:0;
    right: 0;
    z-index: 99;
    transform: scale(0.8);
}
/*
.popup_visible #overlay-wrapper {
  transform: scale(1);
}*/

.overlay-content-box{
    width: 30%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5%;
	background-color: white;
	overflow-y: scroll;
}


.geocity {
	font-size: 1.6em;
	font-family: 'Oswald', Verdana, Arial;
	font-weight: 700;
	color: #FFFFFF;
	letter-spacing: -1px;
	cursor: pointer;
	text-decoration: none !important;
	width: 49.5%;
	margin: 1px;
	margin-top: 1px;
	line-height: 2em;
	display: inline-block;
	background-color: #ff0000;
	float: left;
	text-align: center;
}



.geocityheader {
	font-size: 1.8em;
	font-family: 'Oswald', Verdana, Arial;
	font-weight: 700;
	color: #000;
	letter-spacing: -1px;
	text-decoration: none !important;
	width: 100%;
	line-height: 2em;
	display: inline-block;
	text-align: center;
}

li.tabs-primary__tab {
  float: left;
  padding-right: 10px;
}



.menu__link {
cursor:pointer;
}


.main-menu-item {
	width: 40%;
}

a.main-menu {
	display: block;
	line-height: 100px;
	/*letter-spacing: .045rem;*/
	padding-left: 0.5em;
	padding-right: 0.5em;
	-webkit-font-smoothing: antialiased !important;
	font-size: 1.5em;
	text-shadow: 0 0 1px rgba(0,0,0,0.15);
	color: #ff0000;
	text-transform: uppercase;
}

a.main-menu>span {
	padding: 0 25px;
}

a.main-menu>span>span {
	font-size: 1.8rem;
	font-weight: 500;
}

a.main-menu>span>span>i:first-child {
	margin-right: 1rem;
}

a.main-menu>span {
	border-left: 1px #b4b0b3 solid;
	font-size: 10px;
	position: relative;
	top: 2px;
	padding: 0 10px;
}

a.nav-search {
	line-height: 100px;
	text-align: center;
	font-size: 1.5em;
	color: #ff0000;
	width: 90px;
	display: block;
	margin-left: 1em;
	text-shadow: 0 0 1px rgba(0,0,0,0.15);
}


a.searchmenu {
	line-height: 3em;/* 100px*/
	text-align: center;
	font-size: 1.7em;
	background-color: #b6b6b6;
	color: #ffffff;
	width: 75px;
	display: block;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	/*margin-left: 1em;*/
	text-shadow: 0 0 1px rgba(0,0,0,0.15);
}

a.sidebarshow {
	line-height: 3em;/* 100px*/
	text-align: center;
	font-size: 1.7em;
	background-color: #b6b6b6;
	color: #ffffff;
	width: 75px;
	display: block;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	display: none;
	/*margin-left: 1em;*/
	text-shadow: 0 0 1px rgba(0,0,0,0.15);
}


#secondNavBar {
	background-color: #4d4d4d;
	/*padding-left: 0.5%;*/
}

.secondnavlistcontainer {
	/*max-width: 1400px;*/
	width: 100%;
	/*margin-right: auto;
	margin-left: auto;
	overflow: hidden;*/
	height:38px;
	padding: 0.5% 0% 0.2% 1%;
}


.header__region.region.region-header {
	color: white;
	margin: 0px !important;
}

.submenublock2 {
	float:left;
	/*width:20%;*/
	padding-right: 2%;
}

.submenublock2 a {
	color: #fff;
}

.submenublock2 a:hover {
	color: #fff;
	text-decoration:none;
}

.submenublock2 a:visited, a:active {
	color: #fff;
}

.submenublock2 .fa {
	font-size: 1.4em;
}

.shadow {
	box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 7px rgba(0,0,0,0.3);
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC, direction='180', strength='7');*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC, direction='180', strength='7')";
}

#secondNavBar {clear: both;}


/* *********************************************************************************************************************
 * CONTENT MAIN
 */

.region.region-highlighted {
	margin-bottom: 5px;
	overflow-x: hidden;
}

#main {
	position: relative;
	width: 100%;
	max-width: 970px;
	/*margin-top:5px;
	overflow:hidden;
	background-color: rgba(255,255,255,0.5);
	background-color: #FFF;
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
	box-shadow: 0 1px 5px rgba(0,0,0,0.1);*/
	/*margin-top: 10px;*/
}

#contentwrapper {
	max-width: 970px;
	/*background-color: #ffffff;*/
	margin-left:auto;
	margin-right:auto;
	margin-top: 90px;
	margin-bottom: 5px;
	/*padding-bottom: 10px;
	width: 98%;*/
	margin-left: auto;
	margin-right: auto;
}

ul.pager.pager--infinite-scroll {
	padding-bottom: 10px;
}

ul.pager.pager--infinite-scroll a {
	color: #ffffff;
	margin-top: 10px;
	font-size: 1.5em;
	text-transform: uppercase;
	width: 100%;
	display: block;
	box-sizing: border-box;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-color: #000000;
	padding: 3%;
		letter-spacing:-0.5px;
	font-family: 'BrandonBlack', sans-serif, Verdana, Arial;
	/*box-shadow: 0px 3px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 3px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 2px rgba(0,0,0,0.3);*/
}

.block-title {
	padding-left: 9px;
	font-size: 2em;
	text-transform: uppercase;
}

.view-empty {
	padding-left: 9px;
	padding-bottom: 10px;
}

/* *********************************************************************************************************************
 * PROGRAMMBOX
 */

 #programmbox {
 	width: 100%;
	max-width: 970px;
	margin-left: auto;
	margin-right: auto;
	height: 160px;
	margin-bottom: 5px;
	background-color:#ffffff;
	background-image: url(../images/NAT_HEADER_MODS_970x250px.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 80% 0%;
	/*background-image: url('../images/mod_back2018.png');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 50% 58%;*/
}


 .currentmod {
 width: 38%;
 height: 100%;
 float: left;
	/*display: inline-block;
	background-color: #FFF;
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
	box-shadow: 0 1px 5px rgba(0,0,0,0.1);*/
}

.modpicwrapper {
	width: 31%;
	height:160px;
	overflow: hidden;
	display: inline-block;
	cursor: pointer;
	float: left;
	/*background-size:cover !important;*/
	background-repeat: no-repeat;
}

#ad_home {
	width: auto;
	right: 1%;
	/*top: 1%;*/
	height: 160px;
	display: inline-block;
	/*position: absolute;*/
}

.modinfo {
	padding-left: 0.4em;
	/*width:370px;
	height:160px;
	display: inline-block;
	padding-left: 5px;
	 box-sizing: border-box;
	 float:left;	*/
}

.modname {
	color: #000000;
	font-size: 1.3em;
	text-transform: uppercase;
	font-family: 'BrandonBlack', Verdana, Arial;
	margin-top: 0.5em;
	letter-spacing: -1px;
	margin-left: 0.3em;
	/*margin-bottom: 0.2em;*/
	text-overflow: ellipsis
}

.modsubname {
	color: #000000;
	font-size: 1.3em;
	text-transform: uppercase;
	font-family: 'BrandonBlack', Verdana, Arial;
	letter-spacing: -1px;
	margin-left: 0.3em;
	line-height: 1em;
	text-overflow: ellipsis

}

.modtime {
	color: #000000;
	font-size: 1.1em;
	font-family: 'Montserrat', Verdana, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: -0.5px;
	font-style: normal;
	/*letter-spacing: -1px;*/
	margin-top:0.5em;
	line-height: 1.2em;
	margin-left: 0.4em;
	letter-spacing: -0.5px;
}


.modtel {
	color: #000000;
	font-size: 0.9em;
	/*font-family: 'BrandonBlack', sans-serif, Verdana, Arial;*/
	margin-top: 1em;

	line-height: 1.1em;
	margin-left: 0.4em;
	text-overflow: ellipsis;
}

.modtel .fa-phone {
	font-size: 1em;
}

.modmail {
	margin-left: 0.4em;
	color: #000000;
	font-size: 0.8em;
	/*font-family: 'BrandonBlack', sans-serif, Verdana, Arial;
		letter-spacing:-0.5px;*/
	line-height: 1.2em;
	vertical-align: top;
	text-overflow: ellipsis;

}

.modmail a {
	color: #000000;
	/*margin-left: 0.4em;
	font-size: 0.9em;
	font-family: 'BrandonBlack', sans-serif, Verdana, Arial;
	letter-spacing: -1px;
	line-height: 1.2em;
	vertical-align: top;
	text-overflow: ellipsis*/

}

.modmail .fa-envelope {
	font-size: 1em;
}


.contextual-links-region {
	outline: none;
	position: relative;
}


.livestream a {
	/*background-color: rgba(89,0,15,0.6);*/
	background-color: rgba(0,0,0,1);
	padding: 2px 15px 2px 9px;
	margin-left: -2.5em;
	margin-top: 1.8em;
	display: block;
	font-size: 1.7em;
	color: #ffffff;
	letter-spacing: -1px;
	font-family: 'BrandonBlack', Verdana, Arial, sans-serif;

	text-decoration: none;
}



.livestream .fa-play-circle {
	font-size: 2em;
	vertical-align: middle;
	padding-right: 5px;
	margin: 0 !important;
}

.mobilapp {
	display: none;
}

.mobilapp a {
	background-color: rgba(89,0,15,0.6);
	padding: 2px 15px 2px 9px;
	margin-left: -2.2em;
	margin-top: 1.8em;
	display: block;
	font-size: 1.7em;
	color: #ffffff;
	letter-spacing: -1px;
	font-family: 'BrandonBlack', Verdana, Arial, sans-serif;

	text-decoration: none;
}

.mobilapp .fa-play-circle {
	font-size: 2.2em;
	vertical-align: middle;
	padding-right: 5px;
	padding-top: 2px;
	margin: 0 !important;
}

.mobilwebradio {
margin-left: -2em;

}

.mobilwebradio a {
	/*background-color: #000000;*/
	padding: 6px 15px 2px 9px;
    margin-left: 0.4em !important;
    margin-top: 0.55em;
	display: block;
	font-size: 1.6em;
	color: #ffffff;
	letter-spacing: -1px;
	font-family: 'BrandonBlack', Verdana, Arial, sans-serif;
	text-decoration: none;
}

.mobilwebradiostartsmall a {

	background-color: #ffffff;
	padding: 2px 10px 2px 9px !important;
	margin-left: -3em;
	margin-top: 0.7em !important;
	display: block;
	font-size: 1.4em;
	color: #ffffff;
	letter-spacing: -1px;
	font-family: 'BrandonBlack', Verdana, Arial, sans-serif;
	text-decoration: none;
}

.mobilwebradio .fa-play-circle {
	font-size: 1.9em;
	vertical-align: middle;
	padding-right: 5px;
	padding-top: 2px;
	margin: 0 !important;
}

/* *********************************************************************************************************************
 * ADVERTISING DISPLAY BANNER AREAS
 */

#ad_rect {
	width:300px;
	height:250px;
	display: inline-block;
	float:right;
	position: absolute;
}


#understitial {
	clear: both;
/*max-height: 600px;*/
	text-align: center;
	margin-left: auto;
    margin-right: auto;
    padding: 20px;
	overflow: hidden !important;
}

#rectangle1 {
	width:300px;
	height:250px;
	display: inline-block;
	float:right;
	position: absolute;
}


#ad_billboard_super {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 970px;
	height: auto;
	clear:both;
}

#advice-boards {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	max-width: 970px;
	height: auto;
	z-index: 1 !important;
	position: relative;
	margin-bottom: 10px;
	clear:both;
}

#ad_programmatic {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	/*max-width: 970px;*/
	height: auto;
	z-index: 1 !important;
	margin-bottom: 10px;
	clear:both;
	/*margin-left: -2.2%;*/
	margin-top: 10px;
}


#ad_super_banner {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	max-width: 970px;
	height: auto;
	clear:both;
	margin-bottom: 10px;
}

#superbanner {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 970px;
	height: auto;
	clear:both;
}

.bannertext {
	position: absolute;
	font-size: 0.8em;
	letter-spacing: -1px;
	/*right: 0;*/
	font-family:'Montserrat',Sans-Serif;
	font-weight: normal;
	background-color: rgba(255,255,255,9);
	padding: 2px;
	/*opacity: 0.7;*/
	color: #7c7c7c !important;
	opacity: 0;
	z-index: 9;
}

.bannertext2 {
	position: absolute;
	font-size: 0.8em;
	right: 0;
	letter-spacing: -1px;
	font-family:'Montserrat',Sans-Serif;
	font-weight: normal;
	background-color: rgba(255,255,255,9);
	padding: 2px;
	/*opacity: 0.7;*/
	color: #7c7c7c !important;
	opacity: 0;
	z-index: 9;
}

.adtext {
	position: absolute;
	/*letter-spacing: -1px;*/
	font-size: 0.7em;
	bottom:0;
	margin-right: 2px;
	right: 0;
	font-family: 'Montserrat', Arial, Verdana, sans-serif;
	font-weight: normal;
	letter-spacing:-0.5px;
	/*font-weight: 700;
	background-color: rgba(255,255,255,9);*/
	padding: 2px;
	color: #999999 !important;
	z-index: 9;
}

.adtext2 {
	position: absolute;

	font-size: 0.8em;
	bottom:0;
	margin-right: 2px;
	right: 0;
	font-family: 'Montserrat', Arial, Verdana, sans-serif;
	font-weight: normal;
	letter-spacing:-0.5px;
	/*background-color: rgba(255,255,255,9);*/
	padding: 2px;
	color: #ffffff !important;
	z-index: 9;
}



#pos1 {
            text-align: center;
            margin-bottom: 10px;
        }


#ad_sky {
	position: fixed;
	margin-left: 975px;
	top: 130px;
	max-width: 300px;
}

#ad_sky2 {
	position: fixed;
	margin-left: 975px;
	top: 90px;
	max-width: 300px;
	z-index: 2 !important;
}
#ad_sky3 {
	position: fixed;
	margin-left: 975px;
	top: 130px;
	max-width: 300px;
}

#skyscraper {
	position: fixed;
	margin-left: 975px;
	top: 130px;
	max-width: 300px;
}




#ad_mobil {
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	display: block;
	text-align: center;
}

#ad_mob_inter {
	   /* width: 100%;*/
    margin-left: auto;
    text-align: center;
    margin-right: auto;
    display: block;
    top: 0;
    text-align: center;
    position: fixed;
    z-index: 999;
    /*background-color: white;*/
    margin-top: 60px;
	/*max-width: 320px;
	margin-left: auto;
	margin-right: auto;

	display: block;
	text-align: center;
	z-index: 99999;*/
}


#ad_gallery {
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;

}

#ad_yieldlab {
	max-width: 970px;
	height: auto;
	clear:both;
	margin-left: auto;
	margin-right: auto;
}


#omsv_sky_DhtmlLayer {
	z-index: 2 !important;
}

/* *********************************************************************************************************************
 * SEARCH BAR
 */

 .pager ul, li {
	display: inline;
}

 #block-search-form {
 /*float:left;
 width: 40%;*/
 display: inline;
position: relative;
overflow: hidden;
 }

.search-form {
	margin-bottom: auto !important;
	/*
	float: left;*/
}

.search-form input {
	margin-top: 0;
	margin-bottom: 0;
	border: 0;
	color: white;
	padding: 5px 15px 8px 15px;
	font-family: 'BrandonBlack', Arial, Verdana, sans-serif;
	font-size: 1.2em;
	    line-height: 1.6em !important;
		letter-spacing:-0.5px;
	background-color: rgba(0,0,0,0.5);

}


.custom-search-box {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1em !important;
	padding: 9px !important;
	border: 0px;
	background-color: rgba(0,0,0,0.3) !important;
	font-family: 'BrandonBlack', Arial, Verdana, sans-serif;
	color: white !important;
		letter-spacing:-0.5px;
	text-transform: none !important;
	width: 40%;
}

.form-item-search-block-form {
	padding: 0 !important;
}

.search-form input:hover {
	background-color: rgba(0,0,0,0.8);
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white;
}
::-moz-placeholder { /* Firefox 19+ */
  color: white;
}
:-ms-input-placeholder { /* IE 10+ */
  color: white;
}
:-moz-placeholder { /* Firefox 18- */
  color: white;
}


.search-results {
	list-style: none;
	background-color: white;
	padding: 10px;
}

.search-results li a {
	color: black !important;
}

.search-results .search-snippet-info {
	padding-left: 1em;
	padding-bottom: 1em;
}

.search-results .title {
	background-color: #f2f2f2;
padding: 5px;
}


.pager {
	margin-top: 10px;
}


li.pager-item, .pager-current, .pager-next, .pager-last, .pager-previous, .pager-first {
	background-color: white;
	padding: 7px;
	font-weight: bold;
	border: 1px solid lightgrey;
}

li.pager-item:hover, .pager-current:hover, .pager-next:hover, .pager-last:hover, .pager-previous:hover, .pager-first:hover {
	background-color: lightgrey;

}

.suchgallery {
float: left;
width: 180px;
max-height: 100px;
display: inline-block;
padding-top: 10px;
padding-right: 10px;

}

.suchbody {
	padding: 5px !important;
	width: 70%;
	float: left;
}

/* *********************************************************************************************************************
 * SOCIAL MEDIA BAR
 */

a.socialmediaicon {
	display: inline;
	-webkit-font-smoothing: antialiased !important;
	font-size: 1.5em;
	text-shadow: 0 0 1px rgba(0,0,0,0.15);
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;

}


#sharebar {
	z-index: 20;
	position: relative;
	float: left;
	width: 44%;
	overflow: hidden;
}

.socialmediaicon{
	/* width: 13.8%; */
width: 10.8%;
padding: 3px;
    background-color: #f8f9fb !important;
    color: red !important;
/* height: 34px !important; */
position: relative;
text-align: center;
display: inline-block;

}

.socialmediaicon:hover {
	cursor: pointer;
	color: white;
}

.socialmediaicon a:hover {
	color:#ffffff;
}

.facebookicon {
	background-color: #056dbf;
}

.facebookicon:hover {
	background-color: #035ea5;
}

.twittericon {
	background-color: #0e9bdd;
}

.twittericon:hover {
	background-color: #0d88c2;
}

.whatsappicon {
	background-color: #5cad55;
}

.whatsappicon:hover {
	background-color: #44803f;
}

.youtubeicon {
	background-color: #ff4342;
}

.youtubeicon:hover {
	background-color: #e23938;
}

.instagramicon {
	background-color: #bf79dc;
}

.instagramicon:hover {
	background-color: #9f61b8;
}

.snapchaticon {
	background-color: #f3e805;
}

.snapchaticon:hover {
	background-color: #ddd305;
}

.mailicon {
	background-color: #ff4342;
}

.mailicon:hover {
	background-color: #e43d3c;
}


.jumptop {
	position: fixed;
	bottom: 12px;
	right: 1.5em;
	z-index: 12345;
}

.jumptop .jump {
	display: block;
	width: 2.6em;
	height: 2.6em;
	padding: 1em;
	background-color: #ff0000;
}

/* *********************************************************************************************************************
 * SEARCH
 */

#searchinput {
}

input[type=search] {
	color: #000000;
	text-align: left;
	cursor: pointer;
}

.sb-search {
	position: relative;
	/*margin-top: 10px;*/
	width: 20%;
	min-width: 60px;
	height: 60px;
	float: right;
}

.sb-search-input {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	background: #fff;
	width: 100%;
	height: 60px;
	margin: 0;
	z-index: 10;
	padding: 20px 65px 20px 20px;
	font-family: inherit;
	font-size: 20px;
	color: #000000;
}

.sb-search-input::-webkit-input-placeholder {
	color: #ff0000;
}

.sb-search-input:-moz-placeholder {
	color: #ff0000;
}

.sb-search-input::-moz-placeholder {
	color: #ff0000;
}

.sb-search-input:-ms-input-placeholder {
	color: #ff0000;
}

/*.sb-icon-search,*/
.sb-search-submit  {
	width: 60px;
	height: 60px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 60px;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}
.searchicon {display:none;}

.sb-icon-search {
	color: #fff;
	background: #ff0000;
	z-index: 90;
	display: none;
	-webkit-font-smoothing: antialiased;
}



/* *********************************************************************************************************************
 * ADVERTISING
 */

#advice-boards {
	text-align: left;
}

/* *********************************************************************************************************************
 * WEBRADIO
 */

.webradiocover {
	float: left;
	height: 100px;
	margin-right: 1em;
}
.webradio_actual {
	text-align: left;
	margin: 0.5em;
	width: 35%;
	height: 100px;
	float:left;
	overflow: hidden;
	/*display: inline-block !important;*/
	vertical-align: middle;
	text-transform: uppercase;
}

.webradio_actual:hover {
	cursor: pointer;
}

#webradiosong {
	font-family: 'BrandonLight', Arial, Verdana, sans-serif;
	font-size: 0.7em;
	text-transform: uppercase;
	color: #000000;
	margin-top: -2px;
	margin-bottom: 2px;

}

#webradiostation {
	font-family: 'BrandonBlack', Arial, Verdana, sans-serif;
	font-size:1.1em;
	color: #000000;
	margin-top: 3px;
		letter-spacing:-0.5px;
	text-transform: uppercase;
}

#webradiointerpret {
	font-family: 'BrandonBlack', Arial, Verdana, sans-serif;
	font-size: 0.8em;
	color: #000000;
	white-space: nowrap;
		letter-spacing:-0.5px;
	text-transform: uppercase;
}

.playbutton {
	color: #ffffff;
	background: #3d3d3d;
	width: 22%;
	height: 80px;
	float: right;
	font-size: 2em;
	line-height: 2.3em;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

.webradioactualinfos {
	padding: 0.5em;
	background-color: #f5f5f5;
	height: 100%;
}



#display_advanced_ad_layer {

    border: 1px solid red;
    width: 300px;
    height: 250px;
    margin:74px 0px -20px 73px !important;
    position: fixed;
	bottom:100px;
	display:none;
	background-color:white;
}

#btnAdclose {
	cursor:pointer;
}

/* ------------------------------- */

#webradio {
	height: 100px;
    background-color: #FFF;
    position: fixed;
    bottom: 0px;
    z-index: 900;
    /*width: auto;*/
    overflow: hidden;
}

.show {
	width:100%;
}

.hide {
	width:40px;
}

#webradio_channels li {
	float:left;
	width: 80px;
	height: 80px;
	cursor:pointer;
	border: 1px solid #f1f1f1;
	/*background-image: url('/sites/all/themes/zen_energy/images/nocontent.jpg');
	margin-right: 1px;

	height: 80px;
	padding-top: 10px;
	padding-bottom: 10px;

	background-size: cover;
	border-right: 1px solid #f1f1f1;	*/
	margin-top: 10px;
margin-bottom: 10px;
background-size: cover;
}
ul.webradio_choice {
	/*padding-top: 10px;
	padding-bottom: 10px;*/
	max-height: 82px !important;
}



#webradio_controls {
	height: 100px;
	width: 100%;
	max-width: 350px;
}

#webradio_controls, #webradio_selector_left {
	float:left;
}

#webradio_selector_left button, #webradio_selector_right button {
	/* height: 100px; */
	width: 41px;
	/* font-weight: 700; */
	font-size: 1.2em;
	background-color: #000000;
	width: 30px;
	height: 40px;
	/* background: red; */
	-webkit-filter: drop-shadow(0px 1px 1px #222);
	filter: drop-shadow(0px 1px 1px #222);
	cursor: pointer;
}


#webradio_selector_left button:hover, #webradio_selector_right button:hover, #playerstart:hover, #volume:hover{
	background-color: rgba(0,0,0,0.6);
}


#webradio_selector_left, #webradio_selector_right  {
	margin-top: 30px;
	margin-right: 6px;
}

#webradio_selector_right {
   right: 0;
	text-align: right;

}

.webradio_logo {
	max-width: 52px;
	max-height: 60px;
	padding: 10px 0px 0px 7px;
	margin-left: 7px;

	/*max-height: 45px;
	padding: 5px;
	-webkit-filter: drop-shadow(0px 1px 3px #222);
	filter: drop-shadow(0px 1px 3px #222);*/
}

#showhide {
	width: 40px;
	height: 40px;
	bottom: 0;
	left: 0;
	z-index: 200;
	font-size: 1.3em;
	padding-left: 3px;
	position: fixed;
	/* border-top: 1px solid #fff; */
	background-color: rgba(0,0,0,0.5);
}

#playerstart {
	width: 40px;
	height: 25px;
	margin-top: 1px;
	font-size: 0.6em;
	display: block;
	float: left;
	background-color: black;
	 cursor:pointer;
    -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

}

#volume {
	width: 30px;
	height: 22px;
	/* margin: 5px; */
	padding-top: 3px;
	padding-left: 7px;
	margin-top: 1px;
	font-size: 0.8em;
	/* padding: 5px; */
	display: block;
	float: left;
	background-color: black;
	cursor: pointer;
	color: white;
    -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: 5px;
}

/*#volume {
    width: 20px;
    height: 100px;
    float: left;
    position: absolute;
    top: 0px;
    left: 368px;
    background-image: url('/twitter/volume.jpg');
    background-position: 20% 100%;
    font-size: 12px;
    cursor:pointer;
    -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}*/


#webradiocover {
	width: 100px;
	height: 100px;
	display: inline-block;
	float:left;
	background-size: cover;
}

.webradioinfos {
	padding-left: 7px;

display: block;
overflow: hidden;
}

.stationname {
background-color: white;
font-weight: 700;
opacity: 0.8;
position: relative;
width: 80px;
bottom: 8px;
text-transform: uppercase;
font-size: 0.8em;
text-align: center;
	/*background-color: white;
	font-weight: 700;
	opacity: 0.8;
	text-transform: uppercase;
	font-size: 0.8em;
	text-align: center;*/
}


.markierung {
background-color: #000000;

color: #ffffff;
opacity: 1;
position: relative;
text-transform: uppercase;
font-size: 0.8em;
bottom: 20px;
font-family: 'BrandonBlack', Arial, Verdana, sans-serif;
width: 80px;
	letter-spacing:-0.5px;
height: 80px;
text-align: center;
}



/*
.markierung {
	background-color: #ff0000;
	font-weight: 700;
	color: #ffffff;
	opacity: 1;
	text-transform: uppercase;
	font-size: 0.8em;
	margin-top: -8px;
	text-align: center;
}*/



/* *********************************************************************************************************************
 * NEWSTICKER
 */


.ticker-container {
	height: 60px;
	width: 100%;
	text-align: center;
	position: relative;
	overflow: hidden;
	background-color: rgba(0,0,0,1);
	color: white;
	/*background-color: white;
	color: black;*/
	font-size: 1.1em;
	margin-bottom: 5px;
	margin-top: 10px;
}
.ticker-container .ticker-caption {
	height: 50%;
	width: 100%;
	background-color: red;
	display: table;
	position: absolute;
	color: white;
	font-size: 1em;
	z-index: 1;
	color: #ffffff;
    font-family: 'BrandonBlack', Verdana, Arial, sans-serif;
    	letter-spacing:-0.5px;
}
.ticker-container .ticker-caption p {
	height: inherit;
	width: inherit;
	display: table-cell;
	vertical-align: middle;
	/*font-weight: bold;*/
}
.ticker-container ul {
	list-style: none;
	padding: 0;
	height: auto;
	vertical-align: sub;
	color: #ffffff;
    font-family: 'BrandonBlack', Verdana, Arial, sans-serif;
    	letter-spacing:-0.5px;
    font-size: 0.95em;
}
.ticker-container ul div {
	overflow: hidden;
	position: absolute;
	z-index: 0;
	display: inline;
	min-width: 100%;
	left: 0;
	height: 50%;
	padding-top: 4px;
	transition: 0.25s ease-in-out;
}
.ticker-container ul div.ticker-active {
	top: 32px;
}
.ticker-container ul div.not-active {
	top: 62px;
}
.ticker-container ul div.remove {
	top: 0;
}
.ticker-container ul div li {
	padding: 5px 0;
}
.ticker-container ul div li a {
	color: #ffffff;
	text-decoration:none;
}

a.tickerlink {
	color: red !important;
	margin-left: 5px;
	text-decoration:underline !important;
}



/* *********************************************************************************************************************
 * ARTICLE VIEW MAIN
 */

.views-row {
  width: 300px;
}

.node-page {
	max-width: 970px;
}

.article {
	width: 32.333% !important;
	width: -webkit-calc(100% / 3.1);
	width: calc(100% / 3.1) ;
	/*width: 32.2% !important;
	width: -webkit-calc(100% / 3.15);
	width: calc(100% / 3.15) ;*/
	text-align:left;
	background-size:cover;
	cursor:pointer;
	background-color: #fff;
	display: block;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.21);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.21);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.21);
	/*border-radius: 0px;
	font-weight: bold;
	border: 1px solid #e3e3e3;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.15);
	 box-sizing: box;
	margin: 7px 1px 1px 6px;*/
	box-sizing: border-box;
	/*overflow: hidden;*/
	margin: 0 auto;
}

.backgroundimage {display:none;}

.bigcolum {
    width: 65.9% !important;
    width: -webkit-calc(100% / 6.2);
    width: calc(100% / 6.2);
}

.article:hover, .article:focus, .article:active {
	-webkit-transform: translateY(3px);
transform: translateY(3px);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}


.spacearticle {
margin-bottom: 10px;
}

.spacesizer {
	width: 32.3333%;
}

.spacesizerarticle {
	width: 1.3333%;
	/*margin-right: 0.25%;*/
}

.view-content {

	/*max-width: 970px !important;
	overflow: hidden;*/
	margin: 0 auto;

}

.articlemask {
	overflow: hidden;
	display: inline-block;
	position: relative;
}

.bigcolumimage {
    width: 100% !important;
}

summary:hover {
    cursor: pointer;
}

summary {
	    background-color: #f2f2f2;
    padding: 5px;
    text-decoration: underline;
    font-weight: bold;
    margin-bottom: 5px;

}

/*
.articlemask {
	opacity: 0;
    transition: all 0.1s ease-in-out;
    position: absolute;
    overflow: hidden;
    width:100%;
   	height: 70%;
	background: -moz-linear-gradient(top, rgba(61,61,61,1) 0%, rgba(100,100,100,0.21) 70%, rgba(200,200,200,0) 90%);
	background: -webkit-linear-gradient(top, rgba(61,61,61,1) 0%, rgba(100,100,100,0.21) 70%, rgba(200,200,200,0) 90%);
	background: -o-linear-gradient(top, rgba(61,61,61,1) 0%, rgba(100,100,100,0.21) 70%, rgba(200,200,200,0) 90%);
	background: -ms-linear-gradient(top, rgba(61,61,61,1) 0%, rgba(100,100,100,0.21) 70%, rgba(200,200,200,0) 90%);
	background:linear-gradient(to bottom, rgba(20,20,20,1) 0%, rgba(100,100,100,0.21) 70%, rgba(200,200,200,0) 90%)
}*/

.marker {
	width:100%;
	transform: translateY(0%);
    position: relative;
    opacity: 0;
    transition: all 0.2s linear;
    text-decoration: none;
    text-align: center;
    vertical-align:center;
    margin-top: 25%;
	margin-left: auto;
	margin-right: auto;
    font-size: 2.5em;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 1px #3d3d3d;
}
/*
.article:hover .articlemask {
	opacity:1;
}

.article:hover .articlemask .marker {
	opacity:1;
	transform: translateY(10%);
}*/


.articleimage {
	padding: 0;
	margin: 0;
	color:white;
	/*text-shadow: 2px 2px 0px #000;
	border-bottom: 1px solid #f2f2f2;*/
	width:100%;
}

.articleimage:hover,
.articleimage:focus {
	transform: scale(1.05);
	transition: all .1s;
	overflow: hidden;
	margin-bottom: 0.2%;
}


.articletext {
	    color: #000000;
    font-family: 'BrandonBlack', Verdana, Arial, sans-serif;
    font-weight: normal;
    /* padding: 2% 3% 3% 3%; */
    padding: 3px 10px 6px 10px;
    margin: 0 !important;
    overflow: hidden;
    font-size: 1.5em;
    letter-spacing: 0px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    line-height: 1.1em;
    letter-spacing: -1px;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;

}

h1.action {
	font-size: 1.8em;
}

.articlesubtext {
	color: #484848 !important;
    font-family:'Montserrat',Sans-Serif !important;
    font-weight: normal;
    padding: 0px 10px 17px 10px !important;
    margin: 0 !important;
    overflow: hidden;
    font-size: 0.8em !important;
    letter-spacing: 0px;
    text-overflow: ellipsis !important;
    text-transform: none !important;
    line-height: 1.35em !important;
    word-wrap: break-word;
    display: block;
}



.articletext a {
	color: inherit;
}

.articlecategory {
	color:#f2f2f2;
	padding: 0.5em;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform:uppercase;
	line-height: 1em;
	font-size: 0.7em;
	font-family: 'Oswald', sans-serif, Verdana, Arial;
	font-weight: 400;
}

.articlecategoryselected {
	color: #808080;
	padding: 0.5em 0em 0.4em 1.5em;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform:uppercase;
	line-height: 1em;
	font-size: 0.7em;
	font-family: 'Oswald', sans-serif, Verdana, Arial;
	font-weight: 400;
}

.categoryicon {
	font-size: 1em !important;
	margin-right: 0.2em;
}

p.articlecopyright {
	padding: 0% 0% 0% 3.5%;
	font-size: 0.7em;
	font-family: 'Oswald', Verdana, Arial, sans-serif;
	font-weight: 700;
	color: #808080;
}

i.fa.fa-copyright {
	font-size: 0.9em;
	vertical-align: top;
	line-height: 1em;
}

h2.articleheadline {
	padding: 0.7em 1em 0em 0.7em;
	/* padding: 0.5em; */
	line-height: 1.3em;
	font-size: 2.5em;
	font-family: 'Oswald', Verdana, Arial, sans-serif;
	font-style: normal;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.5px;
	color: #4D4D4D;
}

.articlebodytext {
	font-family:'Montserrat',Sans-Serif;
	font-weight:normal;
	/*font-family: 'Roboto', sans-serif;*/
	font-size: 1em;
	line-height: 1.45em;
	/*padding: 0em 1.1em 1.1em 1.1em;*/
	padding: 1.3em 1.7em 0.7em 1.7em;
	overflow: hidden;

}
/*
.articlebodytext iframe {
	width: 760px !important;
	height: 400px !important;
}*/

p.author{
	padding: 0em 0.5em 1.5em 1.5em;
	font-size: 0.8em;
	font-family:'Montserrat',Sans-Serif;
	font-weight:normal;
	color: #B3B3B3;
}

.imptag {
	position: inherit;
	background-color: #ff0000;
	width: 60%;
	color: white;
	padding: 5px;
	margin-top: 20px;
}

.field-name-field-vorspann {
	font-weight: 700;
}


.media.media-element-container.media-default {
	/*margin-top: 10px;*/
	margin-bottom: 10px;
}


/*** LAST NEWS ***/

#block-views-last-news-block {

	background-color: #f8f9fb;
}

.lastnews {
    width: 31%;
    margin: 1%;
    float: left;
    background-color: #ffffff;
    margin-bottom: 0.5em;
        min-height: 220px !important;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.21);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.21);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.21);

}

span.lastnews_title {
    font-size: 1.2em;
    padding-bottom: 0.3em;
    padding-top: 0.3em;
    margin-left: 2%;
    text-align: left;
    margin-right: 2%;
    line-height: 1em !important;
    font-family: 'BrandonBlack', Verdana, Arial, sans-serif;
    display: block;
    	letter-spacing:-0.5px;
    text-transform: uppercase;
    color: #000000;
    -webkit-font-smoothing: antialiased;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.lastnews_body p {
    /*font-size: 0.8em;*/
    display: block;
    text-align: left;
    font-family:'Montserrat',Sans-Serif;
    font-weight: normal;
    color: #000000;
    white-space: nowrap;
    overflow: hidden;
    width: 98%;
    padding-bottom: 10px;
    text-overflow: ellipsis;

}

span.lastnews_body {
   font-size: 0.9em !important;
    display: block;
    margin-left: 2%;
     margin-right: 2%;
    font-family:'Montserrat',Sans-Serif;
    font-weight:normal;
    color: #000000;
    white-space: nowrap;
    overflow: hidden;

    text-overflow: ellipsis;

}

span.lastnews_image img {
    max-height: 150px !important;
}


/* **************************
 * DIFFERENT ARTICLE COLORS
*/

/*.musik, .soundcheck {
	border: 2px solid #b4edd6;
}

.lifestyle {
	border: 2px solid #96cdf4;
}

.stars, .startalk {
	border: 2px solid #febacf;
}

.promotion, .gewinnspiel {
	border: 2px solid #cbcbcb;
}

.album-der-woche, .stars-im-studio, .jobs, .events-und-aktionen, .on-air, .morningshow, .mastermix, .newcomer-contest, .konzerte, .was-geht-bei-dir, .album-der-woche, .am-nachmittag, .brandneu, .live-at-energy, .startalk, .album-der-woche, .flos-feierabend, .team-und-moderation, .empfangen, .fashionblog, .die-meisten-neuen-Hits, .am-vormittag, .brandneu, .weekend, .samstag-xxl, .dein-mixtape, .beat-of-the-week, .facetalk, .live-aus-den-clubs, .deine-party-pics, .album-der-woche {
 border: 2px solid rgba(255,0,0,0.2);
}*/

.copyrightstyle {
    clear: both;
    font-size: 0.7em;
    color: #6e6e6e;
}


/* *********************************************************************************************************************
 * ARTICLE OVERLAY VIEW
 */

#ajaxview {
	position: fixed;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: 99999;
	display:none;
	top:0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size:cover;
}

#ajaxviewcontent {
	/*max-width:50%;*/
	/*overflow-x: hidden;*/
	max-width: 970px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 1%;
	/*overflow: scroll;*/
	background-color: #fff;
    height: 93%;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(96,96,96,0.05);
	-moz-box-shadow: 0px 0px 5px 2px rgba(96,96,96,0.05);
	box-shadow: 0px 0px 5px 2px rgba(96,96,96,0.05);
    border-radius:0px;
    z-index: 900;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.fixbackground {
	overflow: hidden !important;
}

.articlegallery {
	width: 100%;
	/*height: 100%;*/
	height: auto;
	overflow:hidden;
	text-align: center;
	background-color: #ffffff;
}

#slider2 li {
list-style-type:none!important;
}


.bx-viewport {
	max-height: 450px !important;
}

p.submitted {
	display: none;
}

.closebutton {
	right: 0;
	text-align: right;
	font-size: 3.2em;
	float: right;
	cursor:pointer;
	position: absolute;
	z-index: 99999;
}


.closebutton:hover {
	opacity: 0.7;
}

.clear { clear: both; }

.node-unpublished {
	/*border-top: yellow 2px solid;*/
}


/* *********************************************************************************************************************
 * SINGLE SITE VIEW
 */



.clearfix {
	clear: both !important;

}

.node {
 	overflow: hidden;
 	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
	background-color: #ffffff;
}

.node a {
	color: #ff0000;
	font-family:'Montserrat',Sans-Serif;
	font-weight:bold;
	letter-spacing: -0.5px;
	/*font-family: 'BrandonBlack', Verdana, Arial, sans-serif;
	    	letter-spacing:-0.5px;*/
}

.field-label-inline .field-label, .field-label-inline .field-items {
	margin-top: 5px;
	margin-bottom: 5px;
}


.field-name-field-weiterleitungs-ziel, .field-name-field-weiterleitungs-url   {
display:none;
}


.headerinformation   {
	/*width: 100%;*/
	width: 100%;
	color: #000;
	position: relative;
	margin-bottom: 15px;
	overflow: hidden;
}




.view-artikelcollector {
    /*background: lightgrey;
    background: -webkit-linear-gradient(124deg, rgba(255,36,0,0.2), rgba(232,29,29,0.2), rgba(232,183,29,0.2), rgba(227,232,29,0.2), rgba(29,232,64,0.2), rgba(29,221,232,0.2), rgba(43,29,232,0.2), rgba(221,0,243,0.2));
    background: -o-linear-gradient(124deg, rgba(255,36,0,0.2), rgba(232,29,29,0.2), rgba(232,183,29,0.2), rgba(227,232,29,0.2), rgba(29,232,64,0.2), rgba(29,221,232,0.2), rgba(43,29,232,0.2), rgba(221,0,243,0.2));
    background: -moz-linear-gradient(124deg, rgba(255,36,0,0.2), rgba(232,29,29,0.2), rgba(232,183,29,0.2), rgba(227,232,29,0.2), rgba(29,232,64,0.2), rgba(29,221,232,0.2), rgba(43,29,232,0.2), rgba(221,0,243,0.2));
    background: linear-gradient(124deg, rgba(255,36,0,0.2), rgba(232,29,29,0.2), rgba(232,183,29,0.2), rgba(227,232,29,0.2), rgba(29,232,64,0.2), rgba(29,221,232,0.2), rgba(43,29,232,0.2), rgba(221,0,243,0.2));
	background-size: 100% 100%;*/
	padding: 10px !important;
}

.view-id-artikelcollector {
	/*background-color: #f8f9fb !important;*/
}

.layoutmanager img {
	/*width: 98%;
	height: auto;*/
}

.access-unpublished-link {
	float: left;
}


.layoutmanager {
	font-family:'Montserrat',Sans-Serif;
	font-size: 1em;
	line-height: 1.75em;
	font-weight:normal;
	clear: both;
	height: auto;
	/*padding-right: 15px;
	padding-left: 15px;*/

}

.layoutmanager .layout-column {
	overflow: hidden;
}

.file-default {
	width: 100%;
	height: auto;
}

.file-preview {
	width: auto;
	height: auto;
}



.layout-container li{
list-style-position: inside !important;
list-style-type: square !important;
display: list-item !important;
padding-left: 5px !important;
}

.file li {
    list-style-type: none !important;
}

.layoutmanager h2 {
	line-height: 1em !important;
	font-size: 2em;
	font-family: 'BrandonBlack', sans-serif;
	text-overflow: ellipsis;
	text-transform: uppercase;
		letter-spacing:-0.5px;
	color: #000000;
}



.layoutmanager .fa {
	line-height: 1.75em;
}

.buttonmarker {
	background-color: #ff0000;
    color: #fff;
    padding: 2px 10px 0px 3px;
    text-transform: uppercase;
    font-family: 'BrandonBlack', sans-serif;
    font-size: 0.9em;
    	letter-spacing:-0.5px;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
}

.buttonmarker a {
    color: white !important;
}

.greybox {
	background-color: #c6c4c4;
	color: #fff;
	padding: 5px 5px 2px 5px;
	width: 100%;
	font-family: 'BrandonBlack', sans-serif  !important;
	font-size: 1em;
		letter-spacing:-0.5px;
	text-align: left;
	text-transform: uppercase;
	display: inline-block;
	margin-right: 5px;
	float: left;
	margin-bottom: 0.2em;
}

.greybox a {
	color: #fff;
	font-size: 1.2em;
}



button {
	background-color: #ff0000;
	color: #fff;
	padding: 7px;
	font-family: 'Montserrat', sans-serif;
	font-weight:bold;
	font-size: 0.8em;
		letter-spacing:-0.5px;
	border: 0px;
	border-radius: 0px;
	cursor: pointer;
}

.headertitle {
	font-size: 2.7em;
	/*margin: 15px 0px 5px 0px;*/
	line-height: 1.1em !important;
	text-transform: uppercase;
	font-family: 'BrandonBlack', sans-serif;
		letter-spacing:-0.5px;
		padding: 0.35em;

}

.headertext {
	color: #000;
	font-family:'Montserrat',Sans-Serif;
	font-weight:normal;
	font-size: 1em;
	line-height: 1.45em;
	    padding: 0.75em;

}

.headertext h2 {
    font-family: 'BrandonBlack', sans-serif;
}

strong {
	/*font-family: 'Roboto', sans-serif;*/
	font-family:'Montserrat',Sans-Serif !important;
	font-weight: bold;
	letter-spacing: -0.5px;
	/*font-weight: 700;
	font-size: 1.1em;*/
}

.prespan {
	font-family:'Montserrat',Sans-Serif !important;
	font-weight: bold !important;
	letter-spacing: -0.5px;
	/*margin-top: 8px;*/
	padding: 0.75em;
	line-height:1.85em;
}

.field-name-field-headerbild {
	/*margin-top: 10px;*/
}


.node-page .field-name-field-copyright, .field-name-field-caption {
	display: none;
}

.node-page .field-name-field-caption {
	display: none;
}

.field-name-field-headerbild img {
	float: left;
	padding-right: 15px;
	padding-bottom: 15px;

	height: auto;
}


#block-views-artikelcollector-block {
	position: relative;
}

.article a {
	text-decoration: none;
}


#content {
	/*margin: 0.2em;*/
	height: auto !important;
	position: relative;
	margin-left: auto !important;
	margin-right: auto !important;
}

.field-item .even p {
	margin-top: 0.5em;
	line-height: 1.5em;
	font-family: "Montserrat", sans-serif;
	word-wrap: break-word;
	font-weight:normal;
}


#comments {
	margin-top: 15px;
	clear: both;
}

*:not(input.field) {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}



/* *********************************************************************************************************************
 * MENU
 */


/**
 * Menu overview
 */

ul.menu {
	margin-top: 5px;
	/*padding-bottom: 1em;*/
}

.c-menu {
  position: fixed;
  z-index: 999999;
  background-color: #ffffff;
  transition: transform 0.3s;
}

.c-menu__items {
  list-style: none;
  margin: 0;
  padding: 0;
}

.menuarea {
	font-size:1.2em;
	color: #7c7c7c;
	font-family: 'BrandonBlack', sans-serif;
	text-transform: uppercase;
	line-height: 1.5em;
	overflow: hidden;
	padding-bottom: 0.5em;
		letter-spacing:-0.5px;
}

.menuarea a {
	/*padding: 1em;*/
	color: #000000;
	font-size:0.8em;
	font-family: 'BrandonBlack', sans-serif;
	text-transform: uppercase;
		letter-spacing:-0.5px;
	text-decoration: none;
	padding-left: 0.8em;
	padding-right: 0.8em;

}

.menuarea a:hover {
	color: #ff0000 !important;
}

.menuarea a:active {
	color: #ff0000 !important;
}



.appload a:hover {
	color: #ff0000 !important;
}

.appload a:active {
	color: #ff0000 !important;
}

.content2 {
	/*margin-left: 12px;
	margin-right: 12px;*/

}

.field-name-body, .field-type-text, .field-name-field-headertext {
	margin-left: 15px;
	margin-right: 15px;
}

.field-name-field-author{
	    padding: 0.75em;
}

.field-name-body {
	/*overflow: hidden;*/
	font-family:'Montserrat',Sans-Serif;
	font-weight:normal;
}

.field-type-text-with-summary {
	/*overflow: hidden;*/
	font-family:'Montserrat',Sans-Serif;
	font-weight:normal;
}

li.menu__item {
	font-size:0.9em;
	margin-top: 0.5em;
}

.menu__link {
	font-size: 1.35em !important;

}

.seclevelitem {
	padding: 0.2em !important;
	background-color: #f2f2f2;
	border-bottom: 1px solid white;
	margin-top: 0em !important;
}


.seclevelitem a{
	font-size: 0.9em !important;
	color: #000000;
	line-height:1.3em;
	font-family: 'BrandonBlack', sans-serif;
	margin-left: 0.3em;
		letter-spacing:-0.5px;
	display: inline-block;
}

.appload a {
	color: #7c7c7c;
	font-size: 1.2em;
	padding-left: 0.8em;
}

.demo-icon {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.collapse-closed:after {
    content: "\f055 ";
    font-family: FontAwesome;
    font-style: normal;
  	 margin-left: 7px;
    font-weight: normal;
    text-decoration: inherit;
    top:0;
    font-size: 0.7em;
	vertical-align: top;
    color: #7c7c7c;
}

.collapse-open:after {
    content: "\f056 ";
    font-family: FontAwesome;
    font-style: normal;
  	 margin-left: 7px;
    font-weight: normal;
    text-decoration: inherit;
    top:0;
    font-size: 0.7em;
	vertical-align: top;
    color: #7c7c7c;
}

.smallersize {
	font-size: 0.8em !important;
	float: left;
	margin-left: 7px;
	color: #7c7c7c !important;
	padding-bottom: -0.7em !important;
}



/**
 * Close button menu
 */

.c-menu__close {
  background-color: #ffffff;
  color: #7c7c7c;
  font-size: 1.5em;
  font-weight: bold;
  text-transform: uppercase;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  cursor: pointer;
}

.c-menu__close:focus {
  outline: none;
}


/**
 * Mask component menu
 */

.c-mask {
  position: fixed;
  z-index: 180;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 0;
  height: 0;
  opacity: 0;
  transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
}

.c-mask.is-active {
  width: 100%;
  height: 100%;
  opacity: 0.7;
  transition: opacity 0.3s;
  background-color: white;
}

.c-menu--slide-right {
  width: 100%;
  height: 100%;
  width: 100%;
  height: 99%;

	overflow-y: scroll;
}


/**
 * Queries menu
 */

@media all and (min-width: 320px) {
  .c-menu--slide-right {
	width: 290px;
	opacity: 0;
  }
}

.c-menu--slide-right .menu__item {
  display: block;
}

.c-menu--slide-right .c-menu__close{
  display: block;
  padding: 10px 10px 0px 10px;
  width: 100%;
  text-align: right;
}

.c-menu--slide-right {
  top: 0;
  right: 0;
  transform: translateX(100%);
}




@media all and (min-width: 320px) {
  .c-menu--slide-right{
    transform: translateX(290px);
     opacity: 0;
  }
}

.c-menu--slide-right.is-active {
  	transform: translateX(0);
  	opacity:1;
}

.header.has-push-left {
  transform: translateX(100%);

}


@media all and (min-width: 320px) {
  .header.has-push-left {
    transform: translateX(300px);
     opacity: 0;
  }
}

.header.has-push-right {
  	transform: translateX(-100%);
}

@media all and (min-width: 320px) {
  .header.has-push-right {
    transform: translateX(-300px);
  }
}


/* **************************
			BACKEND STYLE MEDIA BROWSER
*/


#media-browser-page-wrapper {
	line-height: 2em !important;
	font-size: 0.8em !important;
}

#media-browser-page-wrapper #mobile-adaptive-switch {
	display: none;
}

a.button {
	background-color: #ff0000;
	color: #fff;
	padding: 10px;
	font-weight: bold;
	letter-spacing: -0.5px;
	text-transform: uppercase;
}

.typo3media {
	height: 22px;
	padding: 5px;
	background-color: #ff0000;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

.typo3media:before {
	content: "\25BA ";
}

.typo3media a {
	color: #fff;
}

ul.tabs-primary {
	overflow: hidden;
	margin:  10px 10px 10px 0px;
}

.ui-dialog .ui-dialog-title {

	text-transform: uppercase;
	font-weight: bolder;
	font-size: 1.5em;
}

.ui-corner-top {
	border-top-right-radius: 0px !important;
	border-top-left-radius: 0px !important;
}


.ui-tabs .ui-tabs-nav li {
	background: #e6e6e6 !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	background-color: #ffffff !important;
	text-decoration: underline;
}

#mobile-adaptive-switch {
	/*display:none;*/
	z-index: -1;
	margin-top:10px;
}

.ui-dialog .ui-dialog-title {
	background-color: black;
	color: white;
}

label.media-filename {
	line-height: 1.2em;
}

.media-list-thumbnails .media-item .label-wrapper label {
	color: #000;
	font-weight: bold;
}

.form-actions.form-wrapper {
	margin-top: 25px;
}

li.tabs-primary__tab {
	background-color: #7c7c7c;
	text-transform: uppercase;
	padding: 6px;
	margin-right: 5px;
	font-weight: bold;
	letter-spacing: -0.5px;
	font-size: 0.8em;
}

li.tabs-primary__tab:before {
	content: "\25BA ";
	color: #fff;
}

li.tabs-primary__tab a{
	color: #ffffff;
}

.fieldset-wrapper {
	margin-bottom: 15px;
}

#toolbar {
	font-family: "Oswald", Verdana, Arial !important;
}

#toolbar a {
font-size: .946em !important;
}




/* **************************
 PROGRAMM PLAN
*/

#timetable {
	font-family: "Oswald", Verdana, Arial !important;
	font-weight: 400;

}

#programmplan {
margin-bottom: 1em;
}

#programmplan .timeslot {
	/*background-color: #f2f2f2;*/
	font-size: 0.9em;

}


#programmplan td.d0, #programmplan td.d2, #programmplan td.d4, #programmplan td.d6 {
	background-color: #ffffff;
}

#programmplan td.d1, #programmplan td.d3, #programmplan td.d5, #programmplan td.d7 {
	background-color: #f2f2f2;
}

#programmplan td.time {
	background-color: #a0a0a0;
	color: #fff;
}


#programmplan th {
	padding: .75rem;
	line-height: 1.5;
	vertical-align: top;
	border-top: 0px solid #D3D3D3;
	border-bottom: 0px solid #D3D3D3;
	border-right: 1px solid #D3D3D3;
	color: #fff;
	text-transform: uppercase;
	background-color: #ff0000;
	width: 12%;
		letter-spacing:-0.5px;
	font-family: 'BrandonBlack';
}



#programmplan td {
	padding: .15rem .15rem 0.1rem .15rem;
	line-height: 1.5;
	color: #7C7C7C;
	vertical-align: middle;
	background-color: #ffffff;
	border-bottom: 1px solid #D3D3D3;
	border-left: 1px solid #D3D3D3;
	border-right: 1px solid #D3D3D3;
	font-family: 'Oswald';

}

.view-wiki-sammlung {
	width: 98% !important;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
}

/* **************************
 PLAYLIST
*/

#playlistsearch button  {
	border-radius:0px !important;
	background-color:#ff0000 !important;
	color:#fff;
	-webkit-appearance: none;
	border:none;
}

#playlistsearch {
margin-top: 0.5em;
    font-family: 'BrandonBlack';
    font-weight: normal;
	border-radius: 0px !important;
	background-color: #ff0000 !important;
	color: #fff;
	-webkit-appearance: none;
	border: none;
	padding: 15px 20px 15px 20px;
	font-size: 1.2em;
	text-transform: uppercase;
	text-decoration: underline;
}

#playlistsearch:hover {
	cursor: pointer;
}

.channelchoice {
	width: 28%;
	margin-top: 0.4em;
	padding: 10px;
		letter-spacing:-0.5px;
	font-family: 'BrandonBlack';
	float: left;
}

.channeltime {
	width: 38%;
	margin-top: 0.4em;
	padding: 10px;

	font-family: 'BrandonBlack';
		letter-spacing:-0.5px;
	float: left;
}

#playlistcontrols {
	/*background: lightgrey;
background: -webkit-linear-gradient(124deg, rgba(255,36,0,0.2), rgba(232,29,29,0.2), rgba(232,183,29,0.2), rgba(227,232,29,0.2), rgba(29,232,64,0.2), rgba(29,221,232,0.2), rgba(43,29,232,0.2), rgba(221,0,243,0.2));
background: -o-linear-gradient(124deg, rgba(255,36,0,0.2), rgba(232,29,29,0.2), rgba(232,183,29,0.2), rgba(227,232,29,0.2), rgba(29,232,64,0.2), rgba(29,221,232,0.2), rgba(43,29,232,0.2), rgba(221,0,243,0.2));
background: -moz-linear-gradient(124deg, rgba(255,36,0,0.2), rgba(232,29,29,0.2), rgba(232,183,29,0.2), rgba(227,232,29,0.2), rgba(29,232,64,0.2), rgba(29,221,232,0.2), rgba(43,29,232,0.2), rgba(221,0,243,0.2));
background: linear-gradient(124deg, rgba(255,36,0,0.2), rgba(232,29,29,0.2), rgba(232,183,29,0.2), rgba(227,232,29,0.2), rgba(29,232,64,0.2), rgba(29,221,232,0.2), rgba(43,29,232,0.2), rgba(221,0,243,0.2));
background-size: 100% 100%;*/
background-color:#fff;
color:#000;
	padding-bottom: 1em;
}
#playlistSongsTable {
	width:100%;
}

tr {

}

tr.odd.track {
    background-color: #eeeeee;
}

.cover, .songtime, .songinfo {
	padding: 0.7em;
	vertical-align: middle;
	font-family: "BrandonLight", Verdana, Arial !important;
	font-weight: normal;
	font-size: 1.5em;
}

.songinfo {
	width: 63%;
}

.songinfo a {
    font-family: "Montserrat", Verdana, Arial !important;
    font-weight: 700;
}

.cover {
	width: 20%;
}

.songtime {
	font-weight: 400;
	color: #000;
}


    #playlistcontrols select {
        display: inline-block;
        border: 2px solid #000;
       background-color: white;
        margin: 0;
        font: inherit;
        outline:none;
        line-height: 1.5em;
		padding: 0.5em 2.5em 0.5em 1em;
        -webkit-appearance:none;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        background-image: url('arrow.gif');
        background-position: 95% 40%;
		background-repeat: no-repeat;
		-moz-appearance: none;
    }

     #playlistcontrols input {
        display: inline-block;
        border: 2px solid #bbb;
       background-color: white;
        margin: 0;
        font: inherit;
        outline:none;
        line-height: 1.5em;
		padding: 0.5em 1em 0.5em 1em;
        -webkit-appearance:none;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;

    }
/* **************************
OEMBED
 */

 .oembed-provider-youtube {left: 0px;width: 100%;height: 0px;position: relative;padding-bottom: 56.25%;}
 .oembed-provider-youtube > iframe{top: 0px; left: 0px; width: 100%; height: 100%; position: absolute;}
 .oembed-provider-vimeo {left: 0px;width: 100%;height: 0px;position: relative;padding-bottom: 56.25%;}
 .oembed-provider-vimeo > iframe{top: 0px; left: 0px; width: 100%; height: 100%; position: absolute;}

.oembed-provider-vevo {left: 0px;width: 100%;height: 0px;position: relative;padding-bottom: 56.25%;}
.oembed-provider-vevo > iframe {top: 0px; left: 0px; width: 100%; height: 100%; position: absolute;}

 .oembed-provider-glomex {left: 0px;width: 100%;height: 0px;position: relative;padding-bottom: 56.25%;}
 .glomexiframe > iframe {top: 0px; left: 0px; width: 100%; height: 100%; position: absolute;}

  .instagram-media { min-width:300px !important; }

/* **************************
 WIN FORM
 */


.webform-client-form {
	background-color: #f2f2f2;
	clear: both;
	margin-bottom: 0.2em;
	padding: 0.2em;
}

label.option {
    font-weight: normal !important;
}

.form-item {
	padding: 0.5em;
}

.form-type-select {
float: left;
}

.form-select {background-color: #ffffff; height: 2em;}

.form-item.form-type-select.form-item-submitted-geburstag-day, .form-item.form-type-select.form-item-submitted-geburstag-month {

    float: left;
}


.webform-component {
	/*font-family: 'BrandonBlack', Verdana, Arial, sans-serif;*/
	clear:both;
}

.webform-calendar {
    height: 1.7em;
}
.form-item label {
	font-size: 1em;
	font-family:'Montserrat',Sans-Serif;
	font-weight:bold;
}

.form-item-submitted-einverst-ndniserkl-rung-1 .option {
	display: inline;
	margin-left: 5px;
	font-family:'Montserrat',Sans-Serif;
	font-weight:normal;
}

.webform-component--terms-and-conditions {
    font-family:'Montserrat',Sans-Serif;
    font-weight:normal;
}

.webform-component a {
    color: #000000;
}

input.webform-submit.button-primary.form-submit {
	border-radius: 0px !important;
	background-color: #ff0000 !important;
	font-family: 'BrandonBlack', Verdana, Arial, sans-serif;
		letter-spacing:-0.5px;
	color: #fff;
	-webkit-appearance: none;
	border: none;
	padding: 10px 10px 10px 10px;
	margin: 10px;
	font-size: 1em;
	text-transform: uppercase;
	text-decoration: underline;
}

/* **************************
VOTING
 */

 input[type=radio] {
    padding-left:5px;
    padding-right:5px;
    border-radius:15px;
    margin-right: 5px;
	margin-top: 5px;
    background-color:#ffffff;
    color:#000000;
    -webkit-appearance:button;
    white-space: nowrap;
    overflow:hidden;
    width:15px;
    height:15px;
    float: left;
}

input[type=radio]:checked {
    background-color:#ff0000;
    border-color:#fff;
}


input[type=checkbox] {
   padding-left: 5px;
	padding-right: 5px;
	border-radius: 4px;
	margin-right: 5px;
	margin-top: 5px;
    -webkit-appearance:button;
    background-color:#ffffff;
    color:#bbb;
    white-space: nowrap;
    overflow:hidden;
    width:15px;
    height:15px;
    float: left;
}

input[type=checkbox]:checked {
    background-color:#bbb;
    border-color:#fff;
}



/* **************************
 MODAL WINDOW CITIES
*/

#citychoice_wrapper	{

    width: auto !important;
    height: auto !important;
    top: 0% !important;
    bottom: 0% !important;
    left: 0% !important;
    right: 0% !important;
    }

#citychoice {
    background-color: white;

    box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 7px rgba(0,0,0,0.3);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC, direction='180', strength='7')";


}

.choiceheader {
	font-size: 2.5em;
	color: white;
	background-color:red;
	text-transform: uppercase;
	font-family: "BrandonBlack", Verdana, Arial !important;
		letter-spacing:-0.5px;
	text-align: center;
	padding: 10px;
}

#citychoice_wrapper {
	overflow: hidden;
}

#citychoice_background {
opacity: 0.85 !important;

}

.citychoice_close{
	cursor: pointer;
    position: fixed;
    top: -1px;
    right: 0;
    display: block;
    overflow: hidden;
    font-size: 2em;
    color: white !important;
    text-transform: uppercase;
    font-family: "Oswald", Verdana, Arial !important;
    font-weight: 700;
    text-align: right;
    text-decoration: none;
    background-color: black;
    padding: 10px 15px 10px 15px;
}

.citychoice_close {
	/*display: none;*/
}


.citychoice_close:hover {
	background-color: red;
	color: #ffffff;
}

.choicecontent {
  /*padding-top: 20px; */
    height: 100%;
    /* width: 50%; */
    width: 500px;
    margin: auto;
    text-align: center;
}

.choicecontent ul{
  list-style: none;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}


.choicecontent ul li{
  color: white !important;
    background-color: black;
    display: block;
    position: relative;
    /* float: left; */
    width: 100%;
    vertical-align: bottom;
    height: 4em;
    border-bottom: 1px solid white;
}

.choicecontent ul li input[type=radio]{
  position: absolute;
  visibility: hidden;
}

.choicecontent ul li label{
  display: block;
    position: relative;
    color: white;
    text-transform: uppercase;
    font-family: "BrandonBlack", Verdana, Arial !important;
    font-size: 1.5em;
    vertical-align: bottom;
    /* padding: 20px 25px 25px 80px; */
    padding: 16px;
    	letter-spacing:-0.5px;
    margin: auto;
    /* height: 30px; */
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.15s linear;
}

.choicecontent ul li:hover label{
	color: white;
	background-color: red;
}

.choicecontent ul li:active label{
	color: white;
	background-color:red;
}

.choicecontent ul li a:active{
	color: white;
	background-color:red;
}

.choicecontent ul li a:focus{
	color: white;
}

.choicecontent ul li .check{
 /* display: block;
  position: absolute;
  border: 5px solid #000000;

  height: 20px;
  width: 20px;
  top: 25px;
  left: 20px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;*/
	display:none;
}

.choicecontent ul li:hover .check {
  border: 5px solid #AAAAAA;
}

.choicecontent ul li:active .check {
  border: 5px solid #ff0000;
}

.choicecontent ul li .check::before {
  display: block;
  position: absolute;
	content: '';
  /*border-radius: 100%;*/
  height: 10px;
  width: 10px;
  top: 5px;
	left: 5px;
  margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}

.choicecontent input[type=radio]:checked ~ .check {
  border: 5px solid #ff0000;
}

.choicecontent input[type=radio]:checked ~ .check::before{
  background: #ff0000;
}

.choicecontent input[type=radio]:checked ~ .check a:active{
  background: #ff0000;
}

.choicecontent input[type=radio]:checked ~ label{
  color: white;
  background-color:red;
}

/* *********************************************************************************************************************
	* MENU HINT
*/

.menuhint {
	position: fixed;
    color: white;
    font-size: 1em;
    background-color: red;
    padding: 5px 11px 5px 11px;
    font-family: 'BrandonBlack', Verdana, Arial, sans-serif;
    letter-spacing: -1px;
    margin-top: 0.2em;
    border-radius: 5px;
    text-transform: uppercase;
    	letter-spacing:-0.5px;
    cursor: pointer;
    float: left;
    margin-left: 42px;
    z-index: 999;
    animation: pulse 2s infinite;
}

.redbump {
    color: red;
    animation: pulse 2s infinite;
}

i.fa.fa-caret-up {
    position: fixed;
    padding-top: -0.5em;
    font-size: 2.5em;
    margin-top: -0.7em;
    color: red;
}



/* *********************************************************************************************************************
	* COOKIES
*/

#attention_cookies {
	background-color: rgba(0,0,0,0.7);
	border: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	font-size: 1em;
	border-radius: 0;
	color: #fff;
	bottom: 0;
font-family: 'Montserrat', Verdana, Arial, sans-serif;
font-weight:bold;
	display: none;
	letter-spacing:-0.5px;
	padding: 5px;
	position: fixed;
	width: 100%;
	z-index: 100002;
	text-align: center;
}


button.cookiebutton {
	padding: 10px;
}

/* *********************************************************************************************************************
	* RESPONSIVE SITE BUILDING
*/



.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/*.layout-column {
	padding-top: 0.7em;
	padding-bottom:0.5em;
}*/

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  /*padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;*/
}
.row {
 /* margin-right: -15px;
  margin-left: -15px;*/
  width: 100%;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
 /* padding-right: 15px;
  padding-left: 15px;*/
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

/*.layout-column-one {
	padding:0.75em 0em 0.75em 0em;
}*/

.layout-column-one, .layout-column-two, .layout-column-three, .layout-column-four, .layout-column-five, .layout-column-six {
	padding:0.75em;
}

/*.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 89.66%;
  padding-right: 2%;
}
.col-xs-10 {
  width: 81.33333333%;
  padding-right: 2%;
}
.col-xs-9 {
  width: 73%;
  padding-right: 2%;
}
.col-xs-8 {
  width: 64.6666666%;
  padding-right: 2%;
}
.col-xs-7 {
  width: 56.33333333%;
  padding-right: 2%;
}
.col-xs-6 {
  width: 48%;
	padding-right: 2%;
}
.col-xs-5 {
  width: 39.666667%;
  padding-right: 2%;
}
.col-xs-4 {
  width: 31.33333333%;
  padding-right: 2%;
}
.col-xs-3 {
  width: 23%;
  padding-right: 2%;
}
.col-xs-2 {
  width: 14.66666667%;
  padding-right: 2%;
}
.col-xs-1 {
  width: 6.33333333%;
  padding-right: 2%;
}*/

.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}


@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }


}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
.col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }


}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }

}



/* *********************************************************************************************************************
 * MEDIA QUERIES FOR RESPONSIVE VIEW
 */


@media (max-width : 3840px) {
      /*body {background: url('/sites/default/files/National/NAT_HP_BG_3840×2160px.jpg')no-repeat top center fixed;
background-size: cover;
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }*/
}
@media (max-width : 2560px) {
      /*body {background: url('/sites/default/files/National/NAT_HP_BG_2560px.jpg')no-repeat top center fixed ;

  background-size: cover;
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}*/
}

@media (max-width: 1600px) {
	/*body {background: url('/sites/default/files/National/NAT_HP_BG_1600px.jpg')no-repeat top center fixed ;

	background-size: cover;
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }*/
}



@media (min-width: 1420px) {
	#contentwrapper {max-width: 970px;}

}

@media (max-width: 1550px) {
	#header #mainNavBar #mainNav #mainNavList>li.desktop-logo {margin-right: 3% !important;}
}

@media (max-width: 1400px) {
	/*body {background: url('/sites/default/files/National/NAT_HP_BG_1400px.jpg')no-repeat top center fixed;

background-size: cover;
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}*/
}

@media (max-width: 1366px) {
	/*body {background: url('/sites/default/files/National/NAT_HP_BG_1360px.jpg')no-repeat top center fixed;
background-size: cover;
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;*/
}
}

@media (max-width: 1322px) {
	.webradio_actual {width: 30%;}
	#header #mainNavBar #mainNav #mainNavList>li.desktop-logo {margin-right: 2% !important;}
}


@media (max-width: 1180px) {
	.shortname {width: 15% !important;}
}

@media (max-width: 1168px) {
	.marker {margin-top:20%; margin-left:auto;}
	#ajaxviewcontent {max-width:70% !important; margin-top: 3% !important; /*overflow:hidden;*/}

}

@media (max-width: 1143px) {
	#ajaxviewcontent {max-width:70% !important; margin-top: 3% !important;}
	#searchinput {width: 400px;}
	.main-menu-item {width: 35%;}
	li.menublock .menutitle {font-size: 1.2em; padding-top: 1.2em;}
	li.menublock .icon {font-size: 2.6em;}
	li.menublock .iconbigger {font-size: 2.6em; padding-top: 0.35em;}
	li.menublock .iconlittle {    padding-top: 0.7em;}
	.sorticon2 {padding-top: 1.8em;}
}

@media (max-width: 1024px) {
	/*body {background: url('/sites/default/files/National/NAT_HP_BG_1024px.jpg')no-repeat top center fixed;
background-size: cover;
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}*/
}


@media (max-width: 1010px) {
	#searchinput {width: 150px;}
	a.moddelete {display: none;}
	a#link2moderatoren {display: none;}
	li.menublock {width: 22%;}
	.shortname {width: 19.5% !important;}
}

@media (max-width: 1000px) {
	.webradiostation {font-size: 1em;}
	.playbutton {width: 30%; line-height: 2.3em;font-size: 2em;}
	#programmbox {margin-bottom: 5px; }
}


@media (min-width: 992px) {
  .ticker-container {
    margin-bottom: 5px;
  }
}

@media (max-width: 990px) {
	.view-content {padding: 1%}
	li.pager__item {padding: 1%;}
	.article {width: 31.333% !important; width: -webkit-calc(100% / 3);width: calc(100% / 3); }
	.bigcolum {width: 64.3% !important;width: -webkit-calc(100% / 6.1);width: calc(100% / 6.1);}
	.spacesizer {width: 32.3333%;}
	.spacesizerarticle {width: 1.333%;}
}

@media (max-width: 970px) {
	.currentmod {width: 35%; margin-left: 0.4em; line-height: 1.3em; height: 100%;}
	.livestream a {margin-left: 0.4em !important; padding: 2px 10px 2px 9px; font-size: 1.5em;}
	.mobilapp a {margin-left: 0.4em !important; padding: 2px 10px 2px 9px; font-size: 1.5em;}
	.modname {font-size: 1.1em;}
	.modsubname {font-size: 1.1em;}
	.modtime {font-size: 0.8em;}
	.modtel {font-size: 0.8em;}
	.modpicwrapper {width: 33%;}
	.modmail {font-size: 0.8em;}
	#ad_home {position: absolute;}
	#sharebar {width: 100%;margin: 5px;}
	.socialmediaicon{width: 12.8%;}
	.search-form {margin: 5px;}
	.search-form input {width:49%;}
	.ticker-container {
    width: 98%;
    margin-left: 5px;}

}

@media (max-width: 950px) {
	.article {width: 31.333% !important; width: -webkit-calc(100% / 3);width: calc(100% / 3); }
	.bigcolum {width: 64.3% !important;width: -webkit-calc(100% / 6.1);width: calc(100% / 6.1);}
	.spacesizer {width: 32.3333%;}
	.spacesizerarticle {width: 1.333%;}
}


@media (max-width: 940px) {
	#contentwrapper {margin-top: 95px;}
	.channelchoice {width: 100%; margin-bottom: 0.1em;}
	.channeltime {width: 100%; margin-bottom: 1.5em;}
}


@media (max-width: 865px) {
	.article {width: 33.3333% !important; width: -webkit-calc(100% / 3.1) !important; width: calc(100% / 3.1) !important;}
	.bigcolum {width: 65.3% !important;width: -webkit-calc(100% / 6.1);width: calc(100% / 6.1);}
	.webradio_actual {width: 28%;}
	.webradiostation {font-size: 0.8em;}
	.webradiointerpret {font-size: 0.8em;}
	.webradiosong {font-size: 0.7em;}
	.secondnavlistcontainer {display:block;}
	.cover, .songtime, .songinfo {font-size: 1.2em;}
}



@media (max-width: 820px) {
	li.menublock {width: 23%;}
	.hideimage {display:none;}
	.modpicwrapper {width: 48%;}
	.currentmod {width: 35%;}

	.livestream a {margin-top: 3.8em; font-size:1.3em;}
	.mobilapp a {margin-top: 3.8em; font-size:1.3em;}

}

@media (max-width: 800px) {
	/*body {background: url('/sites/default/files/National/NAT_HP_BG_800px.jpg')no-repeat top center fixed;

background-size: cover;
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}*/
    #programmbox {background-position: 200% 0%;}
    .lastnews {width: 47%; }
}


@media (max-width: 768px) {
	#coverslider {display:none !important;}
	.main-menu-item {width:0%;}
	.webradio_actual {width: 40%;}
	#main {width: 100%;}
	#ajaxviewcontent {max-width:70% !important; margin-top: 10% !important;}
	#searchinput {width: 290px;}
	.marker {margin-top:20%;margin-left:auto;}
	.articlebodytext iframe {width: 545px !important; height: 307px !important;}

	/*li.socialmediaicon {float:left; width:14% !important;}*/
	.article {width: 31.333% !important; width: -webkit-calc(100% / 3);width: calc(100% / 3); }
	.bigcolum {width: 64.3% !important;width: -webkit-calc(100% / 6.1);width: calc(100% / 6.1);}
	.spacesizer {width: 32.3333%;}
	.spacesizerarticle {width: 1.333%;}
	span.maintitle {display: none;}
	.submenublock2 .fa {font-size: 1.2em;line-height: 1.5em;}
	.sidebars {display:none;}
	.secondnavlistcontainer {display:none;}
	a.sidebarshow {display: block;}
	#contentwrapper {margin-top: 88px;}
	#header {box-shadow: 0px 3px 8px rgba(0,0,0,0.3); -moz-box-shadow: 0px 3px 8px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 3px 8px rgba(0,0,0,0.3); box-shadow: 0px 2px 7px rgba(0,0,0,0.3);}
	#mainNavBar {max-height: 70px; overflow: hidden;}
	.submenublock2 h2 {float: left !important;}
	.right {float: left !important;}
	.webradioactualinfos {display:block;}
	.playbutton {width: 50px;height: 50px;font-size: 1.3em;}
	.webradiostation {font-size: 0.6em;}
	.webradiointerpret {font-size: 0.6em;}
	.webradiosong {font-size: 0.5em;}
	.webradioactualinfos {height:50%; padding: 0.4em;}
	.col-xs-1, .col-xs-2, .col-xs-3{
  		width: 48% !important;
	}

	.col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  		width: 98% !important;
	}
	.headertitle {line-height: 1em !important; font-size: 2.5em;}
	.layoutmanager h2 {line-height: 1.25em !important;}
	.cover, .songtime, .songinfo {font-size: 1em;}

	.field-name-field-headerbild img {width: 98%;}
	li.menublock {width: 25%;}
	#webradio {display: none !important;}
	#content {padding-bottom: 10px !important;}
	.ticker-container {margin-bottom: 5px;}

}

@media (max-width: 730px) {
		li.menublock .iconlittle {font-size: 1.6em; }
		li.menublock .iconbigger {font-size: 2.4em; }
		li.menublock .icon {font-size: 2.4em;}
		#header {height: 70px;}
		#header #mainNavBar #mainNav #mainNavList>li.desktop-logo {line-height: 60px; height: 60px; width: 80px;}
		#header #mainNavBar #mainNav #mainNavList>li.desktop-logo img {height: 60px;}
		li.menublock .menutitle {font-size: 1.1em;}
		.sorticon2 {padding-top: 1.6em;}
}

@media (max-width: 720px) {
	#aktion {margin-bottom: 5px;}
	#contentwrapper {margin-top: 80px; margin-bottom:0;}
	#ad_rect {display:none;}
	.smallactionimage {height:40px}

	h1.action {font-size: 1.3em;}
}

@media (max-width: 690px) {
/*body {background: url('/sites/default/files/National/NAT_HP_BG_720px.jpg')no-repeat top center fixed;

background-size: cover;
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}*/
	li.menublock {width: 23%;}
	.shortname {width: 19% !important;}
	li.menublock .icon {margin-right: 2px;}
	#header #mainNavBar #mainNav #mainNavList>li.desktop-logo {margin-right: 0% !important;}
	li.menublock .menutitle {font-size: 1em; padding-top: 1.4em;}
}




@media (max-width: 650px) {
	#programmbox {background-image: none;}
	#rechtespalte {display:none !important;}
	.searchicon {display: block;}
	#mobilenavigation {display:block;}
	.article {width: 47.333% !important; width: -webkit-calc(100% / 1.9);width: calc(100% / 1.9); }
	.bigcolum {width: 97% !important;width: -webkit-calc(100% / 0.9);width: calc(100% / 0.9);}
	.spacesizer {width: 49.3333%;}
	.spacesizerarticle {width: 1.333%;}
	#ajaxviewcontent {max-width:100% !important; height: 95% !important;}
	#advice-boards {display:none;}
	.sorticon2 {display: none;}
	#ad_rect {margin: 5px;}
	h1 {font-size: 1.8em;line-height: 1.3em;}
	#header #mainNavBar #mainNav #mainNavList>li.desktop-logo {margin-right: 2% !important;}
	li.menublock .menutitle {display:none;}
	li.menublock {width: 20%;}
	li.menublock .iconbigger {font-size: 2.7em; float:right;}
	li.menublock .icon {font-size: 2.7em;}
	li.menublock .iconlittle {font-size: 1.6em; float:right;}
	.socialmediaicon{width: 11.4%;}
	i.fa.fa-caret-up { padding-top: 0em !important; font-size: 2em; margin-top: -0.8em; margin-left: 2px;}
	.menuhint { font-size: 0.7em; padding: 4px; letter-spacing: 0px; margin-top: 5.6em; border-radius: 3px; margin-left: 6px; }

}

@media (max-width: 615px) {
	.modpicwrapper {display: none;}
	.modpiclink {display: none;}
	.livestream a {margin-top: 2em; font-size: 1.3em;}
	.mobilapp a {margin-top: 2em; font-size: 1.3em;}

}

@media (max-width: 600px) {
	li.menublock .menutitle {display:none;}
	#webradio {display: none !important;}
	.pager--infinite-scroll {padding-bottom: 10px !important;}

}


#mobileSearchBtn {
  font-size: 22px;
  display: none;
  float: right;
  padding: 3px;
  margin-right: 15px;
  top: 1px;
  position: relative;
}


@media (max-width: 560px) {

 .choicecontent {width: 300px;}
	.currentmod {display:none;}
	#ad_home {width: 100%; margin-top: -1.2em; position: relative;}
	#programmbox {background: none; height: 50px; overflow-x: hidden;}
	i.fa.fa-play-circle {width: 30%;text-align: right; padding-right: 5px;}
	.livestream a {margin-top: 1em; font-size: 1.3em;}
	.mobilapp a {margin-top: 1em; font-size: 1.5em;}
	#block-search-form {display: none; overflow: initial}
	#sharebar {margin-bottom: 5px !important;}
  #mobileSearchBtn {display: inline-block}
}




@media (max-width: 560px) {
	/*.currentmod {width: 56%;}
	#ad_home {width: 45%; margin-top: -1.2em;}

	i.fa.fa-play-circle {width: 100%;font-size: 3em;text-align: center;}
	*/
}

@media (max-width: 520px) {
	/*.livestream a {text-align: center; font-size: 1em !important; margin-top: 2.5em;}
	.mobilapp a {text-align: center; font-size: 1em !important;}
	#programmbox {height: 133px; background-size: cover;}
	#ad_home {width: 30%;}
	i.fa.fa-play-circle {font-size: 2em;}*/
	.ticker-container {
    height: 60px;
    width: 98%;
    margin-left: 5px;}

    .ticker-container ul div {font-size:0.8em !important; margin-top:2px;}
    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  		width: 98% !important;
	}

}

@media (min-width: 500px) {
	.ticker-container {
		height: 30px;
		text-align: left;
		 /*margin: 5px;
    	width: 98%;*/
	}
	.ticker-container .ticker-caption {
		height: 100%;
		width: 160px;

	}
	.ticker-container .ticker-caption p {
		text-align: left;
		padding-left: 7px;

	}
	.ticker-container ul {
		margin-left: 170px;
		height: 100%;
	}
	.ticker-container ul div {
		height: 100%;
		left: 170px;
	}
	.ticker-container ul div.ticker-active {
		top: 0;
	}
	.ticker-container ul div.not-active {
		top: 32px;
	}
	.ticker-container ul div.remove {
		top: -32px;
	}
}

@media (max-width: 500px) {

.ticker-container {
    margin: 5px;
    width: 98%;
}

}
@media (max-width: 480px) {
	#contentwrapper {margin-top: 85px;}
	.right {padding-left: 0.5em; float: left !important;}
	.webradioactualinfos {display:none;}
	.playbutton {width: 100%;}
	.webradio_actual {width: 20%;}
	.article {width: 47.333% !important; width: -webkit-calc(100% / 1.9);width: calc(100% / 1.9); }
	.bigcolum {width: 97% !important;width: -webkit-calc(100% / 0.9);width: calc(100% / 0.9);}
	.spacesizer {width: 49.3333%;}
	.spacesizerarticle {width: 0.333%;}
	#ajaxviewcontent {max-width:100% !important; height: 95% !important;position: fixed !important; margin-top: 5% !important;}
	.closebutton {font-size: 2.2em;}
	.articletext {font-size: 1em !important; overflow:hidden; padding: 2px 7px 6px 7px; word-wrap: break-word;}
	h1.action {font-size: 1em;}
	h2.articleheadline {font-size: 1.2em;}
	.hideimage {display:none;}
	.smallactionimage {height:25px}
	h1 {font-size: 1.6em; line-height: 1.1em;}
	.articlebodytext {font-size: 0.9em; padding: 1em !important;}
	.articlebodytext iframe {width: 440px !important; height: 300px !important;}
	/*.bx-controls-direction {display: none;}*/
	.bx-wrapper .bx-controls-direction a {top: 70%;}
	#mainNavBar {max-height: 70px; overflow: hidden;}
	.submenublock2 h2 {float: left !important;}
	.webradioactualinfos {display:none;}
	.playbutton {width: 50px;height: 50px;font-size: 1.3em;}
	.secondnavlistcontainer {display:none;}
	.smallblock { width: 100%; float: left;}
	a.socialmediaicon {font-size: 1.2em;}
	.modpicwrapper {width: 200px; background-size: contain !important;}
	.choiceheader {font-size: 1.5em; }
	.choicecontent ul li {height:3em;}
	.choicecontent ul li label {font-size: 1.2em; padding: 11px;}
	.choicecontent ul li .check {top: 5px; left: 10px;}
	#programmplan .timeslot {font-size: 1em; line-height: 1.2em;}
	#programmplan td {padding: 0.25rem 0.25rem 0.1rem 0.25rem;}
	.articlesubtext{font-size: 0.7em !important; line-height: 1.2em !important; overflow: hidden; padding: 0px 8px 10px 8px !important; word-wrap: break-word;}
	h2 {font-size: 1em; line-height: 2.3em;}
	.bx-wrapper {margin: 10px 0px 10px !important;}
	.content2 {margin-left: 10px;margin-right: 10px;}
	p {line-height: 1.5em;}
	.bannertext {font-size: 0.6em; margin-right: 2px;}
	.bannertext2 {font-size: 0.6em; margin-right: 2px;}
	.adtext {font-size: 0.6em; }
	.cover, .songtime, .songinfo {font-size: 0.8em;}
	.songtime {width: 20%;}
	.channeltime, .channelchoice {padding:12px; margin-bottom: 0.5em;}
	#playlistsearch {padding: 13px 30px 13px 30px;}
	ul.pager.pager--infinite-scroll a {font-size: 1.2em;}
	#attention_cookies {font-size: 0.8em; line-height: 1.5em; width: 98% !important;}
	button.cookiebutton {padding: 2px 7px 2px 7px; margin-bottom: 2px;}
	.modtel {font-size: 0.8em;}
	.shortname {width: 17% !important;}
	li.menublock {width: 19%;}
	.socialmediaicon{width: 10.4%;}
	.modmail {font-size: 0.8em; letter-spacing: -0.2px;}
	.livestream {margin-right: 5px;}
	.page__title, .field-name-body, .field-type-text, .field-name-field-author, .field-name-field-headertext {margin-left: 7px; margin-right: 7px;}
	.citychoice_close {font-size:1em;}
	.lastnews {width: 98%;}
	span.lastnews_image img {width: 100%; max-height: 100% !important;}
	.block-title {line-height: 1.2em;}
}

@media (max-width: 420px) {
	/*.livestream a {margin-top: 3em;}
	.mobilapp a {margin-top: 3em;}*/
	/*body {background: url('/sites/default/files/National/NAT_HP_BG_420px.jpg')no-repeat top center fixed;

	background-size: cover;
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }*/


    .adtext2 {
		font-size: 0.6em;
	}

	.bx-wrapper .bx-caption span {
		font-size: 0.6em;
	}

}

@media (max-width: 400px) {
	#contentwrapper {margin-top: 75px;}
	/*.livestream a {margin-top: 2.5em; line-height: 1.2em; padding-bottom: 8px;}
	.mobilapp a {margin-top: 2.5em; line-height: 1.2em; padding-bottom: 8px;}*/
	.shortname {width: 17% !important;}
	#header #mainNavBar #mainNav #mainNavList > li.desktop-logo {margin-right: 0% !important; width:70px;}
	li.menublock {margin-left: 0em !important; margin-right: 0.2em !important;}
}

@media (max-width: 360px) {
/*	.livestream a {margin-top: 4em; font-size: 0.8em !important;}
	.mobilapp a {margin-top: 4em; font-size: 0.8em !important;}*/
}



@media (max-width: 320px) {
	/*.spacesizer {width: 99.3333%;}
	.spacesizerarticle {width: 1.333%;}*/
	.article {width: 47.333% !important; width: -webkit-calc(100% / 1.7);width: calc(100% / 1.7); overflow: hidden !important;}
	.bigcolum {width: 97% !important;width: -webkit-calc(100% / 0.9);width: calc(100% / 0.9);}
/*	.article {width: 100% !important; margin: 5px 2px 1px 5px !important; overflow: hidden !important;}*/
	.articlebodytext iframe {width: 280px !important;}
	.songtime {width: 23%;}
	i.demo-icon.icon-playlist_icon-1 {margin-left: -0.2em;}
	i.demo-icon.icon-connect_icon {margin-left: -0.1em;}
}

@media (max-width: 280px) {
	.livestream a {font-size: 0.7em !important;}
	.mobilapp a {font-size: 0.7em !important;}
	#programmbox {height: 30px;}

video::-webkit-media-controls-fullscreen-button {
   margin-right: -32px;
   z-index: 10;
   position: relative;
   background: #fafafa;

   background-size: 50%;
   background-position: 50% 50%;
   background-repeat: no-repeat;
}