.teaser-title h1, .teaser-title h2, .teaser-title h3, .teaser-title h4  {
	margin-bottom: 7px;
}
.teaser-label {
	background: #e33127;
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	margin: 0 7px 0 0;
	padding: 3px 7px;
}
span.teaser-label + a::before {
	content: ' ';
}
.small-teaser-item .teaser-title span.teaser-label {
	margin: 0 2px 0 0;
}

.teaser-title a {
	text-decoration: none;
}
.teaser-title > h1 {
	font-size: 32px;
}
.teaser-title > h2 {
	font-size: 28px;
}
.teaser-title > h3 {
	font-size: 20px;
}
.teaser-title > h4 {
	font-size: 16px;
}

.teaser-title h1, .teaser-title h2, .teaser-title h3, .teaser-title h4, .teaser-title h5, .teaser-title h6 {
	margin-top: 0;	
}
.teaser {
	border-top: 1px solid #dddddd;
	padding: 15px 0;
	margin: 0;
}
.teaser:nth-of-type(1) {
	border-top: none;
}
.teaser-extras {
	margin: 0 0 5px 0;	
}
.teaser-content > p, .massive-teaser-item .teaser-content > p, .medium2col-teaser-item .teaser-content > p {
	margin: 0;
}
.teaser-extras span {
	color: #7e7e7e;
	display: block;
}
.teaser .byline, .teaser .media-icon {
    border-left: 1px solid #ccc;
}
.medium-teaser-item .teaser-image {
    margin-top: 4px;
}

.teaser-counter{ 
	counter-reset: most-read; 
} 
.teaser-counter .teaser{ 
	counter-increment:most-read; 
}
.teaser-counter .teaser-image a{
    position:relative;
    display:block;
}
.teaser-counter .teaser-image a::after{
    content:counter(most-read);
    display: block;
    width: 25px;
    height: 25px;
    background: rgba(241,180,38, 0.9);
    position:absolute;
    bottom:0;
    left:0;
	color:#fff;
	font-weight:bold;
	line-height:25px;
	text-align:center;
}

.most-read {
	display:block;
	clear:both;
	content:'';
}
.most-read::after{
	display:block;
	clear:both;
	content:'';
}
.most-read .teaser-image {
	float: left;
	width: 30%;	
}
.most-read .teaser-title {
	float: right;
	width: 68%;	
}
@media (min-width: 650px) and (max-width: 1023px) {
	.most-read .teaser {
		float: left;
		width: calc(50% - 19px);
	}
	.most-read .teaser,
	.most-read .teaser:nth-of-type(1){
		margin:0;
		padding-bottom:15px;
	}
	.most-read .teaser:nth-of-type(1),
	.most-read .teaser:nth-of-type(2){
		border-top:none;
		padding-top:10px;
	}
	.most-read .teaser:nth-of-type(2n+1) {
		clear: left;
		margin-right: 2%;
		margin-left:15px;
	}
	.most-read .teaser-image {
		float: left;
		width: 30%;	
	}
	.most-read .teaser-title {
		float: right;
		width: 68%;	
	}
}



.nth-child-floats {
	overflow: hidden;
}
.nth-child-floats div.teaser:nth-of-type(2n+2), .nth-child-floats div.teaser:nth-of-type(2n+3) {
	width: 50%;
	float: left;
	padding-left: 2%;
}
.nth-child-floats div.teaser:nth-of-type(2n+2) {
	clear: left;
	padding-left: 0;
	padding-right: 2%;
}
@media (max-width: 650px) {

.nth-child-floats div.teaser:nth-of-type(2n+2),
.nth-child-floats div.teaser:nth-of-type(2n+3),
.nth-child-floats div.teaser:nth-of-type(2n+2) {
	width: auto;
	float: none;
	padding-left: 0;
}

}

.nth-child-floats .medium2col-teaser-item:nth-of-type(1n+2) div.teaser-title, .nth-child-floats .medium2col-teaser-item:nth-of-type(1n+2) div.teaser-content {
	float: none;
	margin-left: 0;
	width: auto;
}
.nth-child-floats .medium2col-teaser-item:nth-of-type(1n+2) div.teaser-image {
    margin: 5px 10px 10px 0;
	width: 30%;
}


.nth-child-floats .medium2col-teaser-item .teaser-image {
	width: 40%;
	float: left;
}
.nth-child-floats .medium2col-teaser-item .teaser-title, .nth-child-floats .medium2col-teaser-item .teaser-content {
	width: 57%;
	margin-left: 2%;
	float: right;
}
@media (max-width: 480px) {
.nth-child-floats div.teaser.medium2col-teaser-item {
	padding-left: 0;	
	padding-right: 0;	
}
.nth-child-floats .teaser.medium2col-teaser-item div.teaser-image,
.nth-child-floats .medium2col-teaser-item div.teaser-title,
.nth-child-floats .medium2col-teaser-item div.teaser-content {
	width:auto;
	padding:0;
	float:none;
	margin-left:0;
	margin-right: 0;
}
}

.nth-child-floats .small-teaser-item .teaser-title {
    float: right;
    margin-bottom: 0;
    width: 62%;
}
.nth-child-floats .small-teaser-item .teaser-image {
    float: left;
    width: 36.6%;
}

@media (max-width: 400px) {

.nth-child-floats div.massive-teaser-item.teaser {
    padding-top: 10px;
	padding-right: 0;
}

}


.inner-c .massive-teaser-item .teaser-image {
	width: 50%;
	float: left;
}
.inner-c .massive-teaser-item .teaser-content, .inner-c .massive-teaser-item .teaser-related {
	width: 48%;
	float: right;
}
.massive-teaser-item .teaser-title a {
	font-size: 24px;	
}
.massive-teaser-item .teaser-extras {
	margin: 0 0 10px 0;	
}
.story-list .massive-teaser-item.teaser {
	padding: 0;
}
@media (max-width: 650px) {
.inner-c .massive-teaser-item .teaser-image {
	width: auto;
	float: none;
}
.inner-c .massive-teaser-item .teaser-content, .inner-c .massive-teaser-item .teaser-related {
	width: auto;
	float: none;
}
}

.article-bottom {
	overflow: hidden;
}
.article-bottom .teaser {
	float: left;
	width: 49%;
	padding: 0 0 0 10px;
}
.article-bottom .teaser:nth-child(2n) {
	clear:left;
	padding: 0 10px 0 0;
}
.article-bottom .teaser:nth-of-type(2) {
	border: none;
}
.article-bottom div.teaser:nth-child(4), .article-bottom div.teaser:nth-child(5) {
	padding-top: 10px;	
	margin-top: 10px;	
}
@media (min-width: 400px)  {
.article-bottom .teaser-image {
	float: left;
	margin-bottom: 3px;
	margin-right: 10px;
	width: 49.2%;
}
}

@media (max-width: 550px)  {
.article-bottom .teaser, .article-bottom .teaser:nth-child(2n) {
	float: none;
	padding: 0;
	clear: left;
	width: auto;
}
}

.teaser-related a {
    padding-right: 0;
}
.teaser-related .media-icon {
    border: medium none;
    padding: 0;
    vertical-align: bottom;
}




.gallery-layout::after {
	content: '';
	display: block;
	clear: both;	
}
.gallery-layout-item a {
	line-height: 18px;
	font-weight: 700;
	font-size: 16px;
	color: #333;
	display: block;
	text-decoration: none;
}
.gallery-layout .teaser-title {
	display: none;	
}
.gallery-layout-item img, .gallery-layout .teaser-image  {
	width: 100%;
	margin: 0;
}
.gallery-layout-item, div.story-list.gallery-layout .teaser {
	width: calc(50% - 15px);
	margin: 0 0 0 10px;
	padding: 0 0 10px 0;
	float: left;	
    border: none;
}
.gallery-first-large .gallery-layout-item:nth-of-type(1), .gallery-first-large.gallery-layout .teaser:nth-of-type(1) {
	width: calc(100% - 20px);
}

.gallery-layout-item:nth-of-type(2n + 1), .gallery-layout .teaser:nth-of-type(2n + 1) {
	clear: left;
}
.gallery-first-large .gallery-layout-item:nth-of-type(2n + 1), .gallery-first-large.gallery-layout .teaser:nth-of-type(2n + 1) {
	clear: none;
}
.gallery-first-large .gallery-layout-item:nth-of-type(2n), .gallery-first-large.gallery-layout .teaser:nth-of-type(2n) {
	clear: left;
}

@media (min-width: 600px) {


	.content-a .inner-c .gallery-layout .teaser, .content-a .inner-c .gallery-layout-item {
		width: calc(33.33% - 13px);
	}
	.content-a .inner-c .gallery-first-large div.gallery-layout-item:nth-of-type(1), .content-a .inner-c .gallery-first-large.gallery-layout div.teaser:nth-of-type(1) {
		width: calc(66.66% - 16px);
	}
	.content-a .inner-c .gallery-layout-item:nth-of-type(2n + 1), .content-a .inner-c .gallery-layout .teaser:nth-of-type(2n + 1) {
		clear: none;
	}
	.content-a .inner-c .gallery-layout-item:nth-of-type(3n + 1), .content-a .inner-c .gallery-layout .teaser:nth-of-type(3n + 1) {
		clear: left;
	}
	.content-a .inner-c .gallery-first-large .gallery-layout-item:nth-of-type(1n), .content-a .inner-c .gallery-first-large.gallery-layout .teaser:nth-of-type(1n) {
		clear: none;
	}
	.content-a .inner-c .gallery-first-large .gallery-layout-item:nth-of-type(3n +1), .content-a .inner-c .gallery-first-large.gallery-layout .teaser:nth-of-type(3n+1) {
		clear: left;
	}

}


.breaking-override .inpage, .breaking-override .teaser-extras, .breaking-override .teaser-related {
	display: none;
}
.story-list.breaking-override {
	border: none;
	padding: 0;
	background: none;
}
.breaking-override .teaser  {
	margin: 0;	
}
.breaking-override .teaser-title a {
	color: #fff;
	font-size: 28px;
}
.breaking-override .teaser-content p {
	color: #eee;
	font-size: 16px;
	margin-top: 15px;
}
@media (max-width: 650px) {
.breaking-override div.teaser-title a {
	font-size: 22px;
}
}
@media (min-width: 500px) {

.breaking-override .teaser-title a {
	display:block;
	clear: left;
}
.breaking-override .teaser-label {
	display:block;
	float: left;
	padding: 8px 14px;
	margin-bottom: 10px;
	margin-top: 20px;
	font-size: 14px;
}
.story-list.breaking-override {
	overflow: hidden;
	height: 380px;
	position: relative;
	z-index: 0;
}
.breaking-override .teaser-image {
	position: absolute;
	width: 100%;
	top: -35px;
	right: 0;
	z-index: 1;
}
.breaking-override .teaser::after {
	background: rgba(0, 0, 0, 0.65);
	border-bottom: 4px solid #336699;
	border-top: 4px solid #336699;
	content: '';
	display: block;
	height: 380px;
	position: absolute;
	right: 0;
	top: 0;
	width: 39%;
	z-index: 2;
}
.breaking-override .teaser-title, .breaking-override .teaser-content {
	position: relative;
	z-index: 3;
	margin: 0 1% 0 65%;
}
}

@media (min-width: 500px) and (max-width: 650px) {

.story-list.breaking-override, .breaking-override .teaser::after {
	height: 320px;
}
.breaking-override .teaser::after {
    width: 49%;
}
.breaking-override .teaser-image {
	top: 0;
}
.breaking-override .teaser-image {
	top: 0;
	min-width: 460px;
}
.breaking-override .teaser-title, .breaking-override .teaser-content {
	margin: 0 3% 0 55%;
}
.breaking-override .teaser-title a {
	font-size: 22px;
}
.breaking-override .teaser-content p {
	font-size: 14px;
}

}
@media (max-width: 499px) {

.breaking-override .large-teaser-item.teaser {
    background: #fafafa;
    border-bottom: 4px solid #336699;
    border-top: 4px solid #336699;
    margin: 0 -20px;
    padding: 15px;
}
.breaking-override .teaser-image {
	margin: 10px -20px;
	height: 270px;
	overflow: hidden;
	position: relative;
}

.breaking-override .teaser-content p {
	font-size: 14px;
}
.breaking-override .teaser-title {
	margin-bottom: 15px;	
}
.breaking-override .teaser-title a {
	color: #336699;
}
.breaking-override .teaser-content p {
	color: #666;

}

}

@media (max-width: 399px) {

.breaking-override .teaser-image {
	height: 230px;
}

}

.video-sle .teaser-image a,
.video-sle .gallery-layout-item .thumb a{
    position: relative;
	display:block;
}
.video-sle .teaser-image a img,
.video-sle .gallery-layout-item .thumb a img{
    display:block;
}
.video-sle .teaser-image a::after,
.video-sle .gallery-layout-item .thumb a::after {
    content: '';
    display: block;
	background-repeat:no-repeat;
	background-position: 10% 90%;
	background-size:30%;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
	transition: background-color 0.2s, background-size 0.2s;
}
.video-sle .teaser-image a:hover::after,
.video-sle .gallery-layout-item .thumb a:hover::after  {
	background-color:rgba(0,0,0,0.25);	
	background-size:35%;
}


.maintain-style .medium-teaser-item .teaser-image {
	width: 49.2%;
	float: left;
	margin-right: 10px;
	margin-bottom: 3px;
}
.maintain-style .small-teaser-item .teaser-title, .maintain-style .small-teaser-item .teaser-post-extra {
	float: right;
	margin-bottom: 0;
	width: 63.4%;
}
.maintain-style .small-teaser-item .teaser-image {
	float: left;
	width: 36.6%;
}
.small-teaser-item .teaser-title > h2, .small-teaser-item .teaser-title > h3, .small-teaser-item .teaser-title > h4, .small-teaser-item .teaser-title span {
	margin-left: 10px;
}
