/* Allgemein */
[class^=teaser-] { width: 100%; float: left; margin-bottom: 42px; background-color:  #eee; padding: 18px 10px; }
[class^=teaser-] img { margin-bottom: 10px; max-width: 100%; height: auto; }
[class^=teaser-] .text { font-size: .98em; }

/* Teaser */
.teaser-news h3 { font-size: 1.5em; margin-bottom: 8px; }
.teaser-news h4 { font-size: 1.14em; margin-bottom: 5px; }
.teaser-news .date { font: .938em "Share-Regular", Arial, Helvetica, sans-serif; color: #8b8b8b; text-align: right; margin-bottom: 5px; }

/* Archiv */
.teaser-archive { margin: 30px 0 0; }
.teaser-archive h3 { margin-bottom: 6px;font-size: 18px; }
.teaser-archive h4 { margin-bottom: 2px; font-size: 16px;}
.teaser-archive .date { text-align: right; font-size: 12px; }


/* Artikel */
.article .vorspann { float: left; width: 100%; font-weight: bold; margin: 10px 0 18px; }
.article ul.news-img { float: left; }

a.read-more { display: block; text-align: center; margin-top: 20px; width: 100%; padding: 12px 0; background-color: #758681;
    border-radius: 4px; color: #fff; font-size: 14px; letter-spacing: 0.03em; text-transform: uppercase; }

@media (min-width: 768px) {

    /* Teaser */
    [class^=teaser-] {font-size: .8em; background-color: transparent; padding: 0;}

    /* Archiv */
    .teaser-archive img {float: left; margin:0 8px 0 0; }


    a.read-more { width: auto; margin-top: 8px; padding: 4px 16px; float: right; border: 1px solid #758681; background-color: inherit; color: #758681; font-size: 13px; text-transform: none; }
    a.read-more:hover { background-color: #f4f6f5; }
}

@media (min-width: 992px) {

    /* Allegemein */
    [class^=teaser-] { font-size: .9em; }
    [class^=teaser-] img { float: left; margin:0 8px 0 0; }

    /* Teaser */

    /* Archiv */
    .teaser-archive .date { float: right; margin-left: 10px; }

    .teaser-archive a.read-more { padding: 2px 12px; font-size: 12px; }
}

@media (min-width: 1200px) {

    /* Allegemein */
    [class^=teaser-] { font-size: 1em; }



}