/* ==========================================================================
   MOBILE FIX FÜR HINTERGRUNDBILDER (PARALLAX-FALLBACK)
   ========================================================================== */

@media (max-width: 768px) {
    /* Spricht die typischen ClubDesk-Hintergrund-Klassen an */
    body, 
    .cd-page-background, 
    #cd-page-wrapper,
    div[style*="background-attachment: fixed"] {
        background-attachment: scroll !important; /* Schaltet Parallax auf dem Handy ab, damit das Bild geladen wird */
        background-position: center center !important; /* Zentriert das Bild */
        background-size: cover !important; /* Sorgt dafür, dass das Bild den Bildschirm füllt */
    }
}


/* ==========================================================================
   MODERNISIERUNG BEREICH WISSENSWERTES (BLOCK #block_1002093)
   ========================================================================== */

/* Jedes News-Element als weiße, abgerundete Kachel (Card) darstellen */
#block_1002093 .cd-news-item,
#block_1002093 div[class*="news-item"] {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 24px !important;
    margin-bottom: 25px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
    display: flex !important;
    gap: 24px !important;
    align-items: flex-start !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

/* Eleganter Schwebe-Effekt beim Drüberfahren (Hover) */
#block_1002093 .cd-news-item:hover,
#block_1002093 div[class*="news-item"]:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08) !important;
    border-color: #cbd5e1 !important;
}

/* Vorschaubilder perfekt einpassen (quadratisch, scharfe Kanten weichzeichnen) */
#block_1002093 .cd-news-item img,
#block_1002093 div[class*="news-item"] img {
    border-radius: 8px !important;
    object-fit: cover !important; /* Verhindert das Verzerren des Bildes */
    width: 150px !important;      /* Feste Breite */
    height: 150px !important;     /* Feste Höhe für ein sauberes Quadrat */
    flex-shrink: 0 !important;    /* Verhindert, dass das Bild zusammengedrückt wird */
}

/* Titel der Beiträge hervorheben */
#block_1002093 .cd-news-item h3,
#block_1002093 .cd-news-title,
#block_1002093 h3[class*="title"] {
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}

/* Datumsausgabe dezent und modern formatieren */
#block_1002093 .cd-news-date,
#block_1002093 span[class*="date"] {
    font-size: 0.85rem !important;
    color: #64748b !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Anpassung für mobile Geräte: Untereinander statt nebeneinander */
@media (max-width: 768px) {
    #block_1002093 .cd-news-item,
    #block_1002093 div[class*="news-item"] {
        flex-direction: column !important;
        gap: 16px !important;
    }
    #block_1002093 .cd-news-item img,
    #block_1002093 div[class*="news-item"] img {
        width: 100% !important;   /* Bild nutzt auf dem Handy die volle Breite */
        height: 200px !important;  /* Schönes Querformat auf Mobilgeräten */
    }
}