.newsitem {
    background-color: var(--white);
    box-shadow: var(--shadow);
    margin-bottom: var(--padding);
    transition: var(--transition-shadow);
    color: var(--black);
    display: flex;
    flex-flow: column;
    height: 100%;
}

.newsitem:hover {
    background-color: var(--blue-hover);
    color: #fff
}
.newsitem:hover .catlink{
    background-color: var(--blue-hover);
}

.newsitem:hover .metainfos {
    color: #fff
}

.newsitem:hover a:hover,
.newsitem:hover a {
    color: #fff;
}

.newsitemsmall {
    padding: var(--padding-double);
    padding-bottom: var(--padding);
}

.newsitemsmall p:last-child {
    margin-bottom: 0
}

.newsheader {
    padding-bottom: 56%;
    background-color: var(--grey-ultralight);
    background-position: center;
    background-size: cover;
    display: block;
}

.newsbody {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.newsbodyinner {
    flex: 1;
}

.newsbodyinner a {
    display: block;
    height: 100%;
    width: 100%;
    color: var(--black);
}

.newsbodyinner p:last-child {
    margin-bottom: 0
}

.newsbodyinner a:hover {
    color: var(--grey-dark)
}


.newscopy {
    padding: var(--padding-double) var(--padding-double) 0;
}

.newsmeta {
    padding: 0 var(--padding-double) var(--padding-double);
    /*border-top: 1px solid var(--grey-ultralight) */
}

.communitystats {
    padding-bottom: var(--padding);
    color: var(--grey-light)
}

.metainfos {
    border-top: 1px solid var(--grey-light);
    padding-top: var(--padding);
    color: var(--grey-light)
}

.catlink {
    padding: var(--padding-half);
    background-color: var(--grey-ultralight);
    color: var(--grey-medium);
}

.catlink.tag {
    background-color: var(--grey-ultralight);
}

.catlink:focus,
.catlink:hover {
    background-color: var(--blue-hover);
    color: #fff;
}