/* Allgemein */
[class^=teaser-] .read-more { display: block; font-size:.9em; margin-top:.8em; text-transform: uppercase; }
[class^=teaser-] .read-more::before { content: '\f15b'; padding-right: .4em; }
[class^=teaser-] img { height: auto; max-width: 100%; margin-bottom: 10px; }

/* Opener */
.teaser-opener { margin-bottom:var(--innerGap); position:relative;}
.teaser-opener .text-block { background-color: var(--vbbaMagenta);  padding: 20px; overflow: hidden; font-size: clamp(.72em,3vw,1em);  }
.teaser-opener a { color: #fff !important; }
.teaser-opener h2 {  margin-bottom: .4em; font-size: clamp(1.7em,3vw,2em); color: #fff;}
.teaser-opener h3 { margin-bottom: .4em; font-size: 1.2em; color: #fff;}
.teaser-opener .text {font-size: clamp(.98em,2.4vw,1.1em);}
.teaser-opener .read-more { color: #fff; }
.teaser-opener .date { margin-bottom: .95em; }
.teaser-opener img { width: 100%; margin-bottom: 0 }
.teaser-opener .text-pos { max-width: 1680px; margin: 0 auto; }

/* Prio 2+3 */
.teaser-prio2-3 { margin-bottom: var(--innerGap); background-color: #fff; flex: 1; position: relative; }
.teaser-prio2-3 h2 { font-size: clamp(1.12em,2vw,1.5em); margin-bottom: 1em; }
.teaser-prio2-3 h3 { font-size: clamp(.86em,2vw,1em); margin-bottom: .4em; }
.teaser-prio2-3 .text-block { padding-top: clamp(.6em,1.6vw,1.1em) ; }
.teaser-prio2-3 .date { color: #888; font-size: .9em; margin-bottom: .88em;}

/* Teaser */
.teaser-news { margin-bottom: var(--innerGap); background-color: #fff; position: relative; display: flex; flex-direction: column;  }
.teaser-news h2 { font-size: clamp(1.12em,2vw,1.5em); margin-bottom: 12px; }
.teaser-news h3 { font-size: clamp(.86em,2vw,1em); margin-bottom: 3px}
.teaser-news .image { order: -1; margin-bottom: .4em; }
.teaser-news .image .media-icon { font-size: 1.4em; left: 35px; bottom: 35px; }
.teaser-news .text p {margin: 1em 0 0;}
.teaser-news .date { color: #888; font-size: .88em;}

/* Teaser Lazyload */
.news-container-ajax {margin-bottom: var(--innerGap); background-color: #fff; color: var(--vbbaMagenta); border: 1px solid var(--vbbaMagenta); display: flex; justify-content: center; align-items: center;}
.news-container-ajax:hover {background-color: var(--vbbaMagenta); color:#fff;  transition: background-color, 450ms;}
.news-container-ajax button.more-news-ajax { height: 54px; width: 100%;  background-color: inherit; letter-spacing: 0.06em; border: none; font-size: 18px; text-transform:uppercase; padding:0; cursor: pointer;  }
#start .col-xs-12.news-section>.news .news-teaser { margin: 30px 0 0 0;}

/* Artikelseiten */
.news-single h1 { margin-bottom: .6em; }
.news-single h3 { font-size: 1.35em; color: #666; margin-bottom: 6px; }
.news-single ul.news-img { list-style: none; margin: 0; padding: 0; cursor: pointer; }
.news-single a .media-all { color: #fff;}
.news-single ul.news-img img { width: 100%; margin-bottom: 10px; }
.news-single ul.news-img li>.container { display: flex; justify-content: space-between; font: 1.1em var(--fontNav); color: #707070; margin-top: 6px; }
.news-single ul.news-img .aside-top { }
.news-single ul.news-img:not(.img-16x9) .description { }
.news-single .lead { font-weight: bold; }
.news-single ul.news-img .media-icon {bottom: 32px; left: 32px; }
.art-head { border-top: 1px dotted #666; border-bottom: 1px dotted #666; display: flex; justify-content: space-between; padding: 1.54em 0; margin-bottom: 30px; color: #666; }
.art-head .meta { display: flex; gap: 1.4em;}
.art-head a.fb-icon::before { content:'\f39e'; }
.art-head a.tw-icon::before { content:'\e61b'; }
.art-head a.print::before {content: '\f02f'; }
.art-head a.send::before { content: '\f0e0'; }

/* Archiv */
.teaser-archive { margin-bottom: 3em; }
.teaser-archive h3 { font-size: clamp(.97em,1.5vw,1.16em); margin-bottom: 8px; }
.teaser-archive h4 { margin-bottom: 4px; font-size: clamp(.82em,1vw,.92em) }
.teaser-archive .text { font-size: .89em;}
h1.h-under { margin: 0 0 .8em;}
.teaser-archive>.date {  color: #989898; margin-bottom: .7em; }
.teaser-archive time::after { content: '';}

/* Archivbox */
.archiv-box { display: flex; gap: 1.4em; padding-bottom: 35px; border-bottom: 1px dotted #898989; }


.ce-gallery  img { max-width: 100%; width: unset}

@media (min-width: 576px) {
    /* Allgemein */
    .container .news { margin:0 clamp(.5em,2.2vw,1.2em); }

    /* Archiv */
    .teaser-archive .inner-wrap { display: flex; gap:.82em; }
    .teaser-archive .inner-wrap .image { flex-shrink: 0; }
}

@media (min-width: 768px) {
    /* Allgemein */
    [class^=teaser-] img { margin-bottom: 0; }

    /* Opener */
    .teaser-opener { margin:0 0 var(--innerGap); }
    .teaser-opener .text-pos { position: relative; }
    .teaser-opener .text-block { position: absolute; bottom: 0;margin-bottom: 2%; max-width: 788px; background-color: unset; padding:0; }
    .teaser-opener .text-block .inner-wrap { background-color: rgba(11,23,51,.75)/*(20,42,53,.80)*/; padding: 2.2em 2.4em; }
    .teaser-opener .text-block.right { right: 0;  left: auto;}

    /* Teaser */
    .teaser-news { display: grid; grid-template-columns: minmax(230px,auto) 1fr; column-gap: clamp(1em,2.4vw,2em); }
    .teaser-news .head-items { grid-column: 1/-1;}
    .teaser-news .image {  grid-column: 1; order: unset; margin-bottom: 0; }

}

@media (min-width: 992px) {
    /* Allgemein */
    .container .news { margin:0; }

    /* Opener */
    .teaser-opener .text-block { font-size: clamp(.66em,1.2vw,1em);}

    /* Prio 2+3 */
    .start .content .news:first-of-type { display: flex; gap: 6%;}

    /* Teaser Lazyload */
    .news-container-ajax { margin-bottom: 0; }

}

@media (min-width: 1200px) {

}

@media (min-width: 1440px) {

}