/**
 * news-shared.css
 * Gemeinsame Basis-Styles für alle News-Module (aktuelles, aufgelesen, …)
 * addicted-sports.com
 *
 * Farben sind NICHT hier definiert – jedes Modul setzt seinen Akzent
 * im eigenen CSS (z.B. .aktuelles .al-back-link { color: #F39C12; }).
 *
 * Pfad im Repo: shared/news-shared.css
 * Web-Pfad:     /fileadmin/templates/css/news-shared.css
 * Server-Setup (einmalig pro Umgebung):
 *   ln -sf /var/www/addicted-sports/staging/shared/news-shared.css    /var/www/addicted-staging/fileadmin/templates/css/news-shared.css
 *   ln -sf /var/www/addicted-sports/production/shared/news-shared.css /var/www/addicted/fileadmin/templates/css/news-shared.css
 */

/* ── Overflow-Schutz ─────────────────────────────────────────── */
/* Verhindert horizontalen Scrollbalken bei Zoom < 100 % */
#wrapper { max-width: 100% !important; min-width: 0 !important; overflow-x: hidden; padding: 0 !important; }
#page    { min-width: 0 !important; }

/* ── Screen-reader-only utility ──────────────────────────────── */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ── 404 / Leer-Zustand ──────────────────────────────────────── */
.al-not-found {
    padding: 40px;
    text-align: center;
    background: #fff;
    border-radius: 4px;
    color: #888;
    font-size: 1.1rem;
}

/* ── Zurück-Link: Struktur (Farbe im Modul-CSS) ──────────────── */
.al-back-link {
    display: inline-block;
    margin-top: 20px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}
.al-back-link:hover { text-decoration: underline; }

/* ── Spalten-Fix: TYPO3 shared CSS setzt columns:2 auf diversen Elementen ── */
/* Detailansicht: p/div im Body auf 1 Spalte */
[class*="aktuelles"] .news-single-item-center p,
[class*="aktuelles"] .news-single-item-center div,
[class*="aufgelesen"] .news-single-item-center p,
[class*="aufgelesen"] .news-single-item-center div {
    column-count: 1 !important;
    columns: 1 !important;
}
@media (max-width: 600px) {
    [class*="aktuelles"] .news-single-item-center,
    [class*="aufgelesen"] .news-single-item-center {
        column-count: 1 !important;
        columns: 1 !important;
    }
}

/* ── Intro-Text im Detail: gemeinsame Typografie ─────────────── */
.news-single-intro {
    font-style: italic;
    font-size: 1.05em;
    color: #444;
    line-height: 1.6;
    margin: 12px 0 20px;
    text-transform: none !important;
    column-count: 1 !important;
    columns: 1 !important;
}

/* ── Bilder allgemein ─────────────────────────────────────────── */
.aktuelles img,
.aufgelesen img { max-width: 100%; height: auto; }

.aktuelles .news-list-image img,
.aufgelesen .news-list-image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}