/* RLV News "load more" button (templateLayout = 1) */
.rlv-news-more { width: 100%; text-align: center; margin-top: 1.5rem; }
.rlv-news-more__button {
    display: inline-block;
    padding: .2em 1.6em;
	width: 100%;
	text-align: left;
	border: solid 0.5rem #93c8a0;
	color: #000;
	background: #BFE7CD;
    font-weight: 100;
    text-decoration: none;
    cursor: pointer;
}
.rlv-news-more__button:hover {
	text-decoration: none;
	border: solid 0.5rem #93c8a0;
	background: #93c8a0;
}

.rlv-news-more__button[aria-busy="true"] { opacity: .6; pointer-events: none; }
.rlv-news-more__button:focus-visible { outline: 3px solid #2f8577; outline-offset: 2px; }

/* --- Werbebanner-Platzhalter (nur wenn im Plugin aktiviert) ------------------
   Vollbreite Platzhalter, 95px hoch. Banner 1 steht nach der ersten News-Reihe:
   es liegen zwei DOM-Kopien vor, sichtbar ist je Breakpoint nur eine.
   Grid: .col-md-4 => 3 Spalten ab 768px. Darunter 2 Spalten (>=576px),
   auf dem Smartphone (<576px) 1 Spalte und KEIN Banner 1.
   Banner 2 (unten, vor dem Button) ist immer sichtbar. */
.news-list-view .rlv-ad {
    flex: 0 0 100%;
    width: 100%;
    max-width: 970px;          /* Banner-Format 970 x 90 */
    aspect-ratio: 970 / 90;    /* haelt die Proportion, skaliert proportional runter */
    margin: 0 auto 1.5rem;     /* zentriert bei voller Reihenbreite */
    overflow: hidden;
}

/* Leerer Banner (kein Bild hinterlegt): sichtbarer Platzhalter. */
.news-list-view .rlv-ad:not(.rlv-ad--filled) {
    background: #f2f2f2;
    outline: 1px dashed #cfcfcf;
    outline-offset: -1px;
}

/* Banner-Bild: Originaldatei (animierte GIFs bleiben animiert), ohne Verzerrung
   in den 970x90-Slot eingepasst, zentriert. */
.news-list-view .rlv-ad__link { display: block; width: 100%; height: 100%; }
.news-list-view .rlv-ad__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;       /* Bild ohne Verzerrung in den 970x90-Slot */
}

/* Banner 1: alle Kopien standardmaessig aus, je Breakpoint genau eine an. */
.news-list-view .rlv-ad--after1,
.news-list-view .rlv-ad--after2,
.news-list-view .rlv-ad--after3 { display: none; }

/* Smartphone (< 576px, 1 Spalte): Banner nach der 1. News. */
@media (max-width: 575.98px) {
    .news-list-view .rlv-ad--after1 { display: block; }
}

/* 2-Spalten-Bereich (Tablet): Banner nach der 2. News. */
@media (min-width: 576px) and (max-width: 767.98px) {
    .news-list-view .rlv-ad--after2 { display: block; }
}

/* 3-Spalten-Bereich (Desktop, ab 768px): Banner nach der 3. News. */
@media (min-width: 768px) {
    .news-list-view .rlv-ad--after3 { display: block; }
}