.news-element {
    border-left: 3px solid var(--sg-calvoerde-red);
    background-color: var(--sg-calvoerde-background-color);
    box-shadow: var(--sg-calvoerde-shadow);
    margin: 16px 0 0 0px;
    padding: 8px 16px;
    transition: 0.125s linear;
    cursor: pointer;
    border-radius: 8px;
}

.news-element:hover {
    background-color: var(--sg-calvoerde-background-darker-color);
}

.news-date {
    font-size: 10px;
}

.news-header {
    font-size: 24px;
}

.image-text-wrapper {
    display: flex;
    gap: 8px;
}

.preview-image {
    width: 256px;
    max-height: 256px;
    object-fit: cover;
    margin-top: 8px;
    border-radius: 4px;
}

@media (max-width: 1100px) {
    .image-text-wrapper {
        flex-wrap: wrap;
    }

    .preview-image {
        width: 100%;
    }
}