/**
 * Defaults
 */

.introduction .date,
.introduction .author {
    display: block;
    margin-bottom: 1em;
    color: #8e8e8e;
}

.introduction .author + .date {
    display: inline;
    margin-right: .4em;
    font-weight: bold;
    color: inherit;
}

.introduction .author + .date:after {
    content: '\2013';
    margin-left: .6em;
    font-weight: normal;
}

/**
 * .newslistitem
 */

.newslistitem,
.newsitemlist {
    margin-bottom: 6em;
}

.newslistitem h3 a {
    display: block;
    text-decoration: none;
}

/**
 * News tags & tag lists
 */

.categories dt,
.categories dd {
    display: inline-block;
}

.categories dt {
    position: absolute;
    left: -999em;
}

.categories dd {
    margin: 0 .3em .3em 0;
}

.categories a {
    display: block;
    padding: .4em 1em .3em;
    border: 1px solid;
    border-radius: 2px;
    font-size: .9em;
    opacity: .8;
    text-decoration: none;
}

/**
 * .newsitem - Full news items
 */

.mod-news h1 {
    position: absolute;
    left: -999em;
}

.fullstory .author {
    display: block;
    margin-bottom: 1em;
    padding: 0.4em 1em;
    font-size: .8em;
    font-weight: bold;
    background-color: rgba(0,0,0, .05);
}

.mod-news .newsitem,
.mod-news .newsarchive,
.mod-news .newsitem-back {
    width: 88%;
    margin-right: auto;
    margin-left: auto;
}

.smallNewsImage,
.largeNewsImage {
    float: right;
    margin: .2em 0 .2em 20px;
}

/**
 * News lists
 */

.newsitem .introduction,
.newslistitem .introduction {
    clear: right;
    overflow: hidden;
}

.newsdateheader {
    margin-top: 1em;
    padding: 0 15px;
    clear: both;
}

.othernewslist,
.newslist,
.newsListArchive {
    margin: 0;
    padding: 0;
    list-style: none;
}

.othernewslist li,
.newslist li,
.newsListArchive li {
    padding-left: 0;
    background: transparent;
}

.archive li a,
.newslist li a,
.othernewslist li a,
.newsListArchive li a {
    display: block;
    width: 100%;
    cursor: pointer;
    text-decoration: none;
}

.newslist li .title,
.othernewslist li .title {
    display: block;
    line-height: 1.3em;
}

.archive .date,
.newslist .date,
.othernewslist .date,
.newsListArchive .date {
    display: block;
    font-size: .8em;
    color: #8e8e8e;
}

.archive .sep,
.newslist .sep,
.othernewslist .sep,
.newsListArchive .sep {
    display: none;
}

/**
 * News archive
 */

.newsnavbar {
    width: 100%;
    margin: 0;
    padding: .6em 1.4em;
    overflow: hidden;
    font-size: .8em;
    font-weight: bold;
    background: rgba(0,0,0, .05);
}

.newsnavbar a {
    display: inline-block;
    text-decoration: none;
}

.newsnavbar .separator {
    display: none;
}

.newsnavbar span + a:before {
    content: '\232a';
    margin-left: .3em;
    font-size: .8em;
    color: #666;
}

.archive,
.newsListArchive {
    padding: 0 1em .6em;
    border-top: 1px solid #ccc;
}




@media (max-width: 70em){
		.news__overview--large .news__teaser--large .image__wrapper{
			margin-bottom:25px;
		}

		.news__overview--large .news__teaser--large .image__wrapper .content{
			position:relative;
			-webkit-transform:translateY(25px);
			    -ms-transform:translateY(25px);
			        transform:translateY(25px);
			float:none;
			width:90%; margin:auto;
			padding:55px 25px 45px 25px;
		}
	}




.news__teaser .image img, .news__teaser--large .image img{
			width:100%;
		}




.news__teaser .content, .news__teaser--large .content{
			position:relative;
			padding:80px 45px 45px 45px

		}




.news__teaser .content .date, .news__teaser--large .content .date{
				position:absolute;
				top:25px; left:0;
				padding:5px 20px 5px 80px;
				background:#fff;
				font-size:1.8rem;
				font-weight:800
			}





.news__teaser .content .date:before, .news__teaser--large .content .date:before{
					content:"";
					position:absolute;
					top:50%; left:45px;
					-webkit-transform:translateY(-50%);
					    -ms-transform:translateY(-50%);
					        transform:translateY(-50%);
					width:19px; height:19px;
					background:url('../icons/icon_calendar.svg') no-repeat center center;
					background-size:contain;
				}




.news__teaser .content h2, .news__teaser--large .content h2{
				margin:15px 0px 15px 0px;
				color:#2C2C2C;
			}




.news__teaser .content .link__look, .news__teaser--large .content .link__look{
  display:inline-block;
  margin-top:15px; margin-right:1.5rem;
  border-bottom:2px solid rgba(177,177,177, 0.2);
  font-weight:500;
  line-height:2.5rem;
  color:#2C2C2C;
  -webkit-transition:border 0.3s;
  -o-transition:border 0.3s;
  transition:border 0.3s;
			}




.news__teaser .content .link__look:hover, .news__teaser--large .content .link__look:hover{
  border-color:rgba(177,177,177, 0.9);
		}




@media (max-width: 70em){
		
		.news__teaser a{
			margin:0px 0px 30px 0px;
		}

		.news__teaser .content,
		.news__teaser--large .content{
			padding:80px 35px 35px 35px;
		}

	}