#POSTS_grid {
    display: grid;
    gap: 0 0.5rem;
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));

    /*display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    margin: 0 auto;*/
}

#POSTS_coverElement {
    background-color: white;

    width: 100%;
    max-width: 22rem;
    aspect-ratio: 10 / 9;

    margin: 0 auto;
    padding: 1rem;

    border-radius: 1rem;

    box-sizing: border-box;

    display: flex;
    align-items: center;

    flex-direction: column;
    transition: background-color 0.3s ease;
}

#POSTS_coverElement:hover {
    /*border: 3px solid var(--accent-color);*/
    background-color: #FF000033;
}

#POSTS_coverImgFrame {
    background-color: rgb(160, 160, 160);
    height: 75%;
    width: 100%;

    border-radius: 0.6rem;
    box-sizing: border-box;


    overflow: hidden;
    position: relative;
}

#POSTS_coverImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* sorgt für die Füllung des Containers ohne Verzerrung */
    object-position: center;
    /* optional: zentriert das Bild im Container */
    position: absolute;
    top: 0;
    left: 0;
}

#POSTS_coverElement span {
    position: relative;
    margin: 0.2rem;
    width: 90%;
    height: 0.1rem;
    background-color: #444;
}

#POSTS_coverTitleHeader {
    width: 90%;

    display: flex;
    justify-content: space-between;
    /* Platzierung links und rechts */
    align-items: center;
    /* Vertikale Ausrichtung */
}

#POSTS_coverElement p {
    color: #444;
}

#POSTS_coverTitle {
    margin: 0.2rem 0 !important;
    width: 100%;

    font-weight: normal;
    font-size: 1.1rem;


    color: Black !important;
}

#POSTS_coverTopic {
    margin: 0 !important;
    width: 100%;

    font-size: 0.9rem;
}

#POSTS_coverDescription {
    margin: 0 !important;
    width: 100%;

    font-size: 0.9rem;

    text-align: left !important;

}

#POSTS_yearDivider {
    grid-column: 1 / -1;
    width: 100%;

    color: black !important;
    font-size: 1.3rem;


    margin: 0;
    margin-top: 1.5rem;
    margin-left: 1rem;

    display: flex;
}

#POSTS_yearDivider span {
    background: #696969;
    margin: auto 0 0.3rem 1rem;
    height: 0px;
    width: 100%;
    position: relative;
}