/* --------------------------------------------|
|                                              |
| POST teaser list                             |
|                                              |
|-------------------------------------------- */

.list--posts {
    padding-top: 40px;
}

@media (max-width: 768px) {
    .list--posts {
        padding-top: 10px;
    }
}

@media (max-width: 768px) {
    .teaserblock-gross {
        padding-left: 0 !important;
    }
}

/* --------------------------------------------|
|                                              |
| MEDIUM POST teaser list                      |
|                                              |
|-------------------------------------------- */

.list--posts.list--medium {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 60px;
}

@media (max-width: 768px) {
    .list--posts.list--medium {
        gap: 0 20px;
    }
}

@media (max-width: 700px) {
    .list--posts.list--medium {
        grid-template-columns: 1fr;
    }
}

/* --------------------------------------------|
|                                              |
| SMALL POST teaser list                       |
|                                              |
|-------------------------------------------- */

.list--posts.list--small {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 60px;
}

/* --------------------------------------------|
|                                              |
| POST list item                               |
|                                              |
|-------------------------------------------- */

.post.single-big {
    float: none;
    margin: 0 0 60px 0 !important;
}

@media (max-width: 768px) {
    .post.single-big {
        margin: 0 0 40px 0 !important;
    }
}

.post.single-big:last-of-type {
    margin-bottom: 20px !important;
}

.post.single-big .entry-content-wrapper {
    display: grid;
    grid-template-columns: 270px 1fr;
    grid-template-rows: min-content 1fr;
    gap: 0px 45px;
    grid-template-areas:
        "Image Title"
        "Image Text";
}

@media (max-width: 768px) {
    .post.single-big .entry-content-wrapper {
        grid-template-columns: 270px auto;
        gap: 0px 20px;
    }
}

@media (max-width: 680px) {
    .post.single-big .entry-content-wrapper {
        grid-template-columns: 1fr;
        grid-template-rows: min-content auto 1fr;
        gap: 20px;
        grid-template-areas:
            "Image"
            "Title"
            "Text";
    }
}

/*@media (max-width: 768px) {

.post.single-big .entry-content-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    gap: 20px 0;
    grid-template-areas:
        "Image"
        "Title"
        "Text";

}}*/

/* --------------------------------------------|
|                                              |
| LARGE POST list item                         |
|                                              |
|-------------------------------------------- */

.single-big .entry-content-wrapper > * {
    max-width: unset !important;
    margin-left: unset !important;
    margin-right: unset !important;
}

.big-preview {
    grid-area: Image;
    width: 100%;
    padding: 0 !important;
}

.big-preview img {
    max-width: 100%;
    display: block;
}

.post.single-big .entry-content-header {
    grid-area: Title;
    padding: 0 !important;
    margin: 0 !important;
}

.single-big .post-title {
    font-size: 20px !important;
    padding: 0 !important;
    letter-spacing: 0 !important;
    margin-bottom: 20px !important;
}

@media (max-width: 768px) {
    .single-big .post-title {
        padding-right: 100px !important;
    }
}

@media (max-width: 375px) {
    .single-big .post-title {
        padding-right: 0 !important;
        margin-bottom: 0 !important;
    }
}

.post.single-big .entry-content {
    grid-area: Text;
    display: flex;
    flex-direction: row;
    line-height: 150% !important;
    column-gap: 40px;
    font-size: 16px !important;
    padding-right: 310px;
}

@media (max-width: 768px) {
    .post.single-big .entry-content {
        column-gap: 0;
        padding-right: 100px;
    }
}

@media (max-width: 375px) {
    .post.single-big .entry-content {
        padding-right: 0;
    }
}

.single-big .read-more-link {
    align-self: flex-end;
}

.single-big .post_delimiter,
.single-big .post-meta-infos {
    display: none !important;
}

.av-vertical-delimiter {
    display: none;
}

/* --------------------------------------------|
|                                              |
| MEDIUM POST list item                        |
|                                              |
|-------------------------------------------- */

.list--posts.list--medium .entry-content-wrapper {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 0px 20px;
}

.list--posts.list--medium .entry-content-wrapper::before {
    display: none;
}

.list--posts.list--medium .entry-content-wrapper .post-meta-infos,
.list--posts.list--medium .entry-content-wrapper .entry-footer,
.list--posts.list--medium .entry-content-wrapper .post_delimiter,
.list--posts.list--medium .entry-content-wrapper::after {
    display: none !important;
}

@media (max-width: 880px) {
    .list--posts.list--medium .entry-content-wrapper {
        grid-template-columns: auto;
        grid-template-rows: auto auto auto;
        grid-template-areas:
            "Image"
            "Title"
            "Text";
        gap: 20px 0;
    }
}

.list--posts.list--medium .entry-content {
    column-gap: 5px;
    padding-right: 0;
}

.list--posts.list--medium .single-big .post-title {
    margin-bottom: 10px !important;
}

.list--posts.list--medium .single-big:nth-last-child(-n + 2) {
    margin-bottom: 10px !important;
}

/* --------------------------------------------|
|                                              |
| SMALL POST list item                         |
|                                              |
|-------------------------------------------- */

.list--posts.list--small .entry-content-wrapper {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 0px 20px;
}

.list--posts.list--small .entry-content {
    column-gap: 5px;
    font-size: 14px !important;
    color: #0d6599 !important;
    padding-right: 0;
}

.list--posts.list--small .single-big .post-title {
    margin-bottom: 10px !important;
    text-transform: unset !important;
    font-size: 16px !important;
    color: #0d6599 !important;
}

.list--posts.list--small .single-big:nth-last-child(-n + 2) {
    margin-bottom: 20px !important;
}