/* Teaser */
.teaser { width: 100%; float: left; margin-bottom: 30px; background-color:  #eee; padding: 18px 10px; }
.teaser h3 { clear:both; }
.teaser h3 a { color:#5e6c72; }
.teaser h2 { clear:both; font-size: 21px;}
.teaser img {  max-width: 100%; height: auto; }
.teaser p { float: left;}
.teaser .date, .archiv .date  { font: 12px Arial, Helvetica, sans-serif; color: #8b8b8b; float: right; margin: 3px 5px 0 6px; }

/* weiter lesen*/
a.read-more { display: block; clear: both; text-align: center; margin: 20px 0 -1px 0; width: 100%; padding: 12px 0; background-color: #758681; border-radius: 4px; color: #fff; font-size: 16px; letter-spacing: 0.1em; font-weight: bold; text-transform: uppercase; }

/* Artikel */
.article h1, h1 { width: 100%; margin-bottom:10px; }
.article h3 { color: #5e6c72; font-size: 19px; clear:both; padding: 4px 0 2px 0; }
.article h2 { color: #5e6c72; font-size: 17px; margin-bottom: 5px; }
.article .vorspann { font-weight: bold; margin-bottom: 17px; }
.article .news-header a {cursor: pointer;}
.article .news-header a:hover {color: #C20069;}

.teaser a.img-link { float:left; position:relative; }

@media (min-width: 768px) {

    /* Teaser */
    .teaser { margin-bottom: 30px; background-color: inherit; padding: 0; position:relative; }
    .teaser img { float: left; margin: 0 10px 0 0;}
    .teaser h2 { font-size: 22px; }
    .teaser p { float: none; margin-top: 0;}

    .archiv .date-home  { float: none; margin: 0; }

    /* weiter lesen*/
    a.read-more { padding: 5px 0; width: 116px; border: 1px solid #758681; background-color: inherit;  border-radius: 4px; color: #758681; font-size: 13px; font-weight: normal; letter-spacing: 0.1em; text-transform: none; margin: 0; float: right; clear: none;  }
    a.read-more:hover { background-color: #f4f6f5; transition: background-color, 400ms;  }


}

@media (min-width: 1200px) {
    /* Teaser */
    .teaser h2 { margin-bottom: 10px; }

    /* Artikel */
    .article { margin-top: 0; }
    .article h1 { font-size: 25px; }
    .article h3 { font-size: 19px; }
    .article h2 { font-size: 17px; }
    .article .vorspann { font-weight: bold; margin: 17px 0; }
}