@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;
}

#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;
}

.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%;
}


.currentmod {
  width: 38%;
  height: 100%;
  float: left;
}

.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;
  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;
  line-height: 1.2em;
  vertical-align: top;
  text-overflow: ellipsis;

}

.modmail a {
  color: #000000;
}

.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 {
  margin-left: auto;
  margin-right: auto;
  display: block;
  top: 0;
  text-align: center;
  position: fixed;
  z-index: 999;
  margin-top: 60px;
}


#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;
  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;
}

#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;
}



#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;
}


.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;
}


/* *********************************************************************************************************************
 * 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);
  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);
  box-sizing: border-box;
  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;

}


.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;
}


.articleimage {
  padding: 0;
  margin: 0;
  color: white;
  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;

}


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 {
  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-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,
.choicecontent ul li a {
  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;
  text-decoration: none;
}

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

.choicecontent ul li:active label,
.choicecontent ul li:active a {
  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: 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,
.choicecontent input[type=radio]:checked ~ a {
  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;
  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;
}

.menuhint-hide {
  display: none !important;
}

.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;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}


.row {
  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;
}

.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, .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: 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 (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: 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: 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) {
  #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) {
  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: 520px) {
  .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) {
  .adtext2 {
    font-size: 0.6em;
  }

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

@media (max-width: 400px) {
  #contentwrapper {
    margin-top: 75px;
  }

  .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: 320px) {
  .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);
  }

  .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;
  }
}