.col-sm-4.metro-news-teaser, .col-sm-8.metro-news-teaser, .col-sm-12.metro-news-teaser{
	display:none;
}

.row-flexed .col-sm-4.metro-news-teaser, .row-flexed .col-sm-8.metro-news-teaser, .row-flexed .col-sm-12.metro-news-teaser{
	display:block;
}

.metro-news-container .row{
	padding-bottom:40px;
}
.metro-news-item{
	position:relative;
	background: #FFFFFF;
	box-shadow: 1px 1px 10px 3px rgba(0, 0, 0, 0.1); 
	/* box-shadow: 1px 1px 10px 3px�rgba(0, 0, 0, 0.25); */
	border-radius: 5px;
	overflow:hidden;
}
.metro-news-teaser-box{
	background: #FFFFFF;
	box-shadow: 1px 1px 10px 3px rgba(0, 0, 0, 0.1); 
	/*box-shadow: 1px 1px 10px 3px�rgba(0, 0, 0, 0.25); */
	border-radius: 5px;
}


.metro-news-overlay-cat{
		/* h3 */

	
	font-size: 16px;
	line-height: 22px;
	/* identical to box height */

	display: flex;
	align-items: center;
	text-align: center;

	color: #FFFFFF;
	
	position: absolute;
	/*width: 78px; */
	margin-top:10px;
	padding-left:10px;
	padding-right:10px;
	height: 25px;
	left: 0px;
	top: 0px;

	
}

.metro-news-overlay-cat.cat-podcast{
	/* passenta */
	background: #E20082;
}
.metro-news-overlay-cat.cat-blog{
	/* pass-blue */
	background: #E20082;	
}
.metro-news-overlay-cat.cat-video{
	/* passenta */
	background: #E20082;	
}
.metro-news-overlay-cat.cat-news{
	/* passenta */
	background: #E20082;
}
.metro-news-overlay-cat.cat-event{
	/* pass-blue */
	background: #E20082;	
}
.metro-news-overlay-cat.cat-presse{
	/* passenta */
	background: #E20082;	
}

.metro-news-teaser-text .metro-news-meta{
	font-size: 13px;
	line-height: 18px;
	/* identical to box height */

	display: flex;
	align-items: center;
	/* text-transform: uppercase; */

	color: #9F9F9F;
}

.metro-news-teaser-text{
	clear:both;
	padding-top:20px;
	height:155px;
}

.metro-news-teaser-text h3{
	/* h2 */
	margin: 15px 0 10px 0;
	font-weight: 300;
	font-size: 18px;
	line-height: 32px;
	display: flex;
	align-items: center;
	
	color: #06A0DE;	
}

.news-latest-item .metro-news-teaser-text a:visited, .metro-news-teaser-text a:visited h3, .news-latest-item .metro-news-teaser-text a:hover, .metro-news-teaser-text a:hover h3, .metro-news-teaser-text a h3, .metro-news-teaser-text a{	
	text-decoration:none;
	color: #06A0DE;	
}

.metro-news-teaser-item{
	/* pass-blue */

	/*background: #009EE0;*/
	box-shadow: 1px 1px 10px 3px rgba(0, 0, 0, 0.25);
	border-radius: 5px;	
	
	height:332px;
	color:white;
}

.metro-news-teaser-item.cat-1{
	background: #009EE0;
}

.metro-news-teaser-item.cat-2{	
	/*passenta*/
	background:#E20082;
}

.metro-news-teaser-item.cat-3{	
	/* linear-gradient */	
	background: linear-gradient(135deg, #009EE0 0%, #6458B7 52.08%, #E20082 100%);
}


.metro-news-teaser-item h2{
	color:white;
	font-size:40px;
	font-weight:300;
	margin-top:0px;
}

.metro-news-teaser .call-to-action a, .metro-news-teaser .call-to-action a:visited{
	border-color:white;
	float:none;
	margin-top:20px;
	background-color:transparent;
	color:white;
}

.metro-news-teaser .call-to-action a:hover{
	background-color: white;	
}

.cat-1 .metro-news-teaser .call-to-action a:hover{
	color: #009EE0;	
}

.cat-2 .metro-news-teaser .call-to-action a:hover{
	color: #E20082;	
}

.metro-news-teaser-item .metro-news-teaser-text{
	padding-top:40px;
}

.news-latest-item .metro-news-image{
	width: auto;
	height: 174px;
	overflow:hidden;
}
.news-latest-item .metro-news-image img{
	width:100%;
	margin:0;
	text-align:center;
}

.metro-news-image-right{
	float:right;
    margin-right: 20px;
    margin-top: 20px;	
}

.metro-news-image-center{
	text-align:center;
	margin-bottom:20px;
}

.metro-news-header-center{
	text-align:center;
}

/* Social Media Icons */
.metro-news-social-media-bar{
		height:90px;
}

.metro-news-social-media-bar span{
	display:none;
}
.metro-news-social-media-bar a, .metro-news-social-media-bar a:visited{
	color:white;
	display: block;
    float: left;
    padding: 18px 12px;	
}

.metro-news-social-media-bar i{
	font-size:42px;
}

/* Read More Button */
a.metro-news-readmore{
	width:18px;
	height:18px;
	display:block;
	padding-bottom:15px;
}

a.metro-news-readmore:hover{
	text-decoration:none;
}

.metro-news-readmore span{
	background: url("../img/more_btn.png") no-repeat 0 0;
	width:18px;
	height:18px;
	display:block;
	margin-top: 5px;
}

.metro-news-link{
	padding-bottom: 60px;
    margin-top: -30px;
	position:relative;
}


/* Category Tabs */


.metro-news-categories{
	display:flex;
}

.row-flexed{
	display:flex;
	flex-wrap: wrap;
	margin: 0px -15px;
}


.metro-news-category-item, .metro-news-category-item-overview{
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	margin-bottom:40px;
}

.metro-news-category-item.act, .metro-news-category-item-overview.act{	
	border-bottom:2px solid #06adde;
}

.metro-news-category-item a, .metro-news-category-item-overview a, .metro-news-category-item a:visited, .metro-news-category-item-overview a:visited{
	text-decoration:none;
	color: #222;
}

.metro-news-category-item a.act, .metro-news-category-item-overview a.act, .metro-news-category-item-overview.act a{
	font-weight: bold;
	color: #06adde;
}

.row-flexed .col-sm-4, .row-flexed .col-sm-8{
	padding-bottom:30px;
}

.metro-news-subcategories{
	margin-bottom:30px;
	height:45px;
}

#subcategories{
    position: absolute;
    z-index: 100;
    background: #fff;
    border: 1px solid #ccc;
	width:250px;
	overflow:hidden;
	min-height: 35px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#subcategories span{
	padding:5px 10px;
	display:block;
}

#subcategories span.bordered{
	border-bottom: 1px dotted #ccc;
}

#subcategories span.icon::after {
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
	  float:right;
      font-family: FontAwesome;
    }

.angle-down.icon::after {
  /*font-family: "Font Awesome 5 Free"; 
  font-weight: 900; */
  content: "\f107";
}

.angle-right.icon::after {
  /*font-family: "Font Awesome 5 Free"; 
  font-weight: 900; */
  content: "\f105";
}

#subcategories .sub-cat-item{
	padding:5px 20px;
}

.metro-news-subcategories select{
	padding:10px;
	padding-right:20px;
}

@media (max-width: 560px),
screen and (min-device-width: 320px) and (max-device-width: 560px) and (orientation:landscape) {
     
   .metro-news-teaser-item .call-to-action{
	   padding-bottom:20px;
   }
   
   .news-latest-item{
	   width:100%;
   }
}

@media (max-width:640px){
   .metro-news-teaser, .news-latest-item{
	   width:100%;
   }
   
   .metro-news-teaser-item, .metro-news-teaser-text{
	   height:auto;
   }
   
   .news-img-wrap img, .news-single .article .news-img-wrap{
	   width:100%;
   }
   
	.news .article .news-img-wrap img {
		/* float: left; */
		height: 100%;
		width: 100%;
	}
	
	.metro-news-teaser-text h3{
		padding-bottom:25px;
	}
	
	.scroll {
		-webkit-overflow-scrolling: touch;
		overflow: auto;
		width: 100%;		
	}	

   
}

/* Single View */
body .news-single .article .news-img-wrap{
	float:right;
}

body .mediaplayer{
		/* linear-gradient */	
	background: linear-gradient(135deg, #009EE0 0%, #6458B7 52.08%, #E20082 100%);
}

.metro-news-subcategories a, .metro-news-subcategories a:visited{
	text-decoration:none;
	color: #009ee0;
}

/* Layout for homepage */

.container {
    width: auto!important;
}

.trennlinie {
	border: 2px solid;
	border-color: rgba(0, 0, 0, 0);
}

.eventimage {
  float: none;
  margin-right: 20px;
  width: 200px;
  height: auto;
}

@media (min-width: 880px) {
  .calendar {
  float: right;
  margin-right: 20px;
  margin-top: -40px;
  }
}
@media (max-width: 880px) {
  .calendar {
 display:none;
  }
}


@media (min-width: 40em) {
  .eventimage {
    float:left;
    margin-right: 20px;
  }
}

.widget-title {
  color: #222;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}

.event-list {
  font-family: "Open Sans", sans-serif;
  list-style: none;
  margin: 0 0 1em;
  padding-left: 0px;
}

.event {
  background-color: #fff;
  min-height: 120px;
  border-left-style: solid;
  border-color: #009ee0;
  padding-bottom: 20px;
  padding-left: 20px;
  border-top: 1px solid lightgrey;
  border-right: 1px solid lightgrey;
  border-bottom: 1px solid lightgrey;
}
.event .date {
  line-height: 1;
  padding: 0 12px 2px;
  padding-top: 20px;

}
@media (min-width: 40em) {
  .event .date {
    float: left;
    height: 120px;
    margin-right: -120px;
    text-align: center;
    text-transform: uppercase;
  }
}
.event .date a {
  color: inherit;
}
.event .date span {
  font-size: 1em;
  font-weight: 400;
  margin-right: 5px;
}
@media (min-width: 40em) {
  .event .date span {
    display: block;
  }
}
@media (min-width: 40em) {
  .event .date .day {
    font-size: 1.2em;
    font-weight: 400;
  }
}
.event .date .month {
  font-weight: 400;
}
@media (min-width: 40em) {
  .event .date .month {
    font-size:1.7em;
  }
}
.event .date .year,
.event .date .time {
  line-height: 1.3;
}
@media (min-width: 40em) {
  .event .date .year,
.event .date .time {
    font-size: 1.3em;
    font-weight: 400;
  }
}
.event .info {
  color: #595959;
  padding: 10px 12px;
}
@media (min-width: 40em) {
  .event .info {
    margin-left: 80px;
  }
}
.event .info .title {
  color: #009ee0;
  font-family: inherit;
  font-weight: 700;
  font-size: 16px;

}
@media (min-width: 40em) {
  .event .info .title {
    font-size: 16px;
  }
}
.event .info .desc {
  color: #222;
  margin-bottom: 0;
}