/* --------------------------------------------------------------
   FWGPress – Post Grid & Meta-Styles
   - 3-Spalten Grid (Desktop)
   - 1 Spalte auf Mobile
-------------------------------------------------------------- */

/* -------------------------------
   3-Spalten Grid (Desktop)
--------------------------------*/
.display-posts-listing {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.display-posts-listing .display-posts-item {
    flex: 1 1 calc(33.333% - 20px);
    box-sizing: border-box;
}


/* -------------------------------
   1 Spalte auf Mobile
--------------------------------*/
@media (max-width: 768px) {
    .display-posts-listing .display-posts-item {
        flex: 1 1 100%;
    }
}


/* --------------------------------------------------------------
   Meta-Bereich beim einzelnen Beitrag
-------------------------------------------------------------- */

.custom-meta {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 10px 0 20px 0;
}

/* Autorenbild */
.meta-author-image img {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    object-fit: cover;
}

/* Datumsblock */
.meta-date-block {
    display: flex;
    flex-direction: column;
}

/* Label "Datum" */
.meta-label {
    font-size: 16px;
    color: var(--fwg-blue); /* korrigiert: CSS-Variable statt Text */
    font-weight: 500;
}

/* echtes Datum */
.meta-date {
    font-size: 14px;
    font-weight: 500;
}