.mdn-page-content {
    display: block !important;
}

.slick-prev::before, .slick-next::before{
    color: var(--mdn-primary-color);
}

.slick-prev::before:hover, .slick-next::before:hover{
    color: var(--mdn-secondary-color);
}


.mdn-post-title{
    -webkit-line-clamp: 1;
    /* Anzahl der Zeilen, die angezeigt werden sollen */
    -webkit-box-orient: vertical;
    display: -webkit-box;

    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5em;
    /* Zeilenhöhe */
    height: calc(1 * 1.5em);
    max-height: calc(1 * 1.5em);
    align-items: center;
    color: var(--mdn-primary-color);
    /* Maximale Höhe auf zwei Zeilen setzen */

}

.mdn-link{
    color: var(--mdn-primary-color);
}

.mdn-link:hover{
    color: var(--mdn-secondary-color);

}

.mdn-post-slide:hover .mdn-post-title, .mdn-post-slide:hover .mdn-post-title a, .mdn-post-slide:hover .mdn-read-more-container a{
    color: var(--mdn-secondary-color);
}

.mdn-post-slide:hover .post-date{
    background-color: var(--mdn-secondary-color);

}
.mdn-post-slide:hover .mdn-clicks{
    background-color: var(--mdn-secondary-color);

}

.post-slide {
    overflow: hidden;
    margin-right: 15px;
    background-color: #fff !important
}

.post-slide .post-img {
    float: left;
    width: 50%;
    position: relative;
    margin-right: 30px
}

.post-slide .post-img img {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
}

.post-slide .post-date {
    background: var(--mdn-primary-color);
    color: var(--mdn-text-color-on-primary);
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 2% 3%;
    width: 60px;
    height: 60px;
    text-align: center;
    transition: all .5s ease
}

.post-slide .post-date:hover {
    background: var(--mdn-secondary-color);
    color: var(--mdn-text-color-on-secondary);

}


.post-slide .date {
    display: block;
    font-size: 20px;
    font-weight: 700
}


.post-slide .mdn-clicks {
    background: var(--mdn-primary-color);
    color: var(--mdn-text-color-on-primary);
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    padding: 2% 3%;
    text-align: center;
    transition: all .5s ease
}

.post-slide .mdn-clicks:hover {
    background: var(--mdn-secondary-color);
    color: var(--mdn-text-color-on-secondary);

}


.post-slide .mdn-clicks {
    display: block;
    font-weight: 700
}


.post-slide .month {
    display: block;
    font-size: 11px;
    text-transform: uppercase
}

.post-slide .post-review {
    padding: 5% 3% 1% 0;
    border-top: 3px solid var(--mdn-primary-color);

}

.post-slide:hover .post-review {
    border-top-color: var(--mdn-secondary-color)
}

.post-slide .post-title {
    margin: 0 0 10px 0
}

.post-slide .post-title a {
    font-size: 14px;
    color: #333;
    text-transform: uppercase
}

.post-slide .post-title a:hover {
    text-decoration: none;
    font-weight: 700
}

.post-slide .post-bar {
    padding: 0;
    list-style: none;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 20px
}

.post-slide .post-bar:after,
.post-slide .post-bar:before {
    border: 1px solid var(--mdn-primary-color);
    bottom: -10px;
    content: "";
    display: block;
    position: absolute;
    right: 36%;
    width: 25px
}

.post-slide .post-bar:before {
    border: 1px solid var(--mdn-primary-color);
    right: 32%
}

.post-slide .post-bar li {
    color: #555;
    font-size: 10px;
    margin-right: 10px;
    display: inline-block
}

.post-slide .post-bar li a {
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    color: #ec3c6a
}

.post-slide .post-bar li a:hover {
    color: #ec3c6a
}

.post-slide .post-bar li i {
    color: #777;
    margin-right: 5px
}

.post-slide .post-description {
    font-size: 12px;
    line-height: 21px;
    color: #444454;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* Anzahl der Zeilen, die angezeigt werden sollen */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5em;
    /* Zeilenhöhe */
    height: calc(2 * 1.5em);
    /* Maximale Höhe auf zwei Zeilen setzen */
}

/* .owl-theme .owl-controls {
    margin-top: 30px
}

.owl-theme .owl-controls .owl-page span {
    background: #fff;
    border: 2px solid #37a6a4
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #37a6a4
} */

.post-slide:hover, .slick-arrow::before:hover{
    background: var(--mdn-secondary-color);
}   

@media only screen and (max-width:1200px) {
    .post-slide .post-img {
        width: 100%
    }

    .post-slide .post-review {
        width: 100%;
        border-bottom: 4px solid var(--mdn-primary-color);
    }

    .mdn-post-slide:hover  {
        width: 100%;
        border-color: var(--mdn-secondary-color)!important;
    }


    .post-slide .post-bar:before {
        left: 0
    }

    .post-slide .post-bar:after {
        left: 25px
    }
}