@charset "UTF-8";

.news-post {
}

.news-post p {
    text-align: justify;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5em;
    hyphens: auto;
}

.news-post p:first-of-type {
    margin-top: 0;
}

.news-post a {
    text-decoration: none;
    color: #FFC300;
}
.news-post a:hover {
    text-decoration: underline;
}

.news-post hr {
    max-width: 850px;
}

.news-meta,
.press-report-meta {
    max-width: 850px;
    margin: 0 auto 20px auto;
    font-size: 0.9em;
    font-style: italic;
}

.img-container {
    max-width: 100%;
    margin-bottom: 15px;
}

.img-container-img {
    width: 100%;
    height: auto;
}

.img-container-caption {
    padding: 5px 10px;
    font-style: italic;
}

@media all and (min-width: 62.5625em) {
    /* min-width is 1001px */

    .alignleft {
        float: left;
        margin-right: 25px;
        max-width: 600px;
    }

    .alignright {
        float: right;
        margin-left: 25px;
        max-width: 600px;
    }

    .embedded-content {
        min-width: 500px;
    }

}

@media all and (min-width: 46.9375em) and (max-width: 62.5em) {
    /* width is between 751px and 1000px */

    .alignleft {
        float: left;
        margin-right: 25px;
        max-width: 450px;
    }

    .alignright {
        float: right;
        margin-left: 25px;
        max-width: 450px;
    }

    .embedded-content {
        min-width: 350px;
    }

}

@media all and (max-width: 46.875em) {
    /* max-width is 750px */

    .alignleft,
    .alignright {
        margin-left: auto;
        margin-right: auto;
    }

}

.aligncenter,
.alignnone {
    margin-left: auto;
    margin-right: auto;
}


.img-clearer {
    clear: both;
}

.embedded-iframe {
    display: flex;
    justify-content: center;
}

.post-hashtag {
    color: #FFC300;
}


/* ============================== */
/* ============================== */
/* ============================== */
/* POST-CARD */

.post-card {
    margin-bottom: 20px;

}
.post-card:last-of-type {
    margin-bottom: 0;
}
.post-card:hover .post-card-img img {
    transform: scale3d(1.05,1.05,1.05);
}

.post-card-img {
    overflow: hidden;
}

.post-card-img img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    transition: all 436ms ease;
}
/*.post-card-img:before {*/
/*    content: "";*/
/*    display: block;*/
/*    margin-top: calc(100% / 3 * 2);*/
/*}*/

.post-card-img-copyright {

}

.post-card-content {

}

.post-card-content a:hover .post-card-more {
    color: #FFC300;
}


.post-card-title {
    margin-bottom: 5px;
    border-bottom: 1px solid black;
    font-size: 1.3em;
    font-weight: bold;
    color: #FFC300;
}

.post-card-meta {
    margin-bottom: 5px;
    font-size: 0.8em;
}

.post-card-excerpt {

}

.pagination {
    display: flex;
    justify-content: center;
    list-style: none;
}

.pagination li {
    padding: 0 10px;
}

.pagination .active {
    font-weight: bold;
    color: #FFC300;
}

.pagination a:hover {
    color: #FFC300;
}


/********************************************************
 *
 *             News-Filter
 *
 ********************************************************/

.news-filter {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

.news-filter li {
    padding: 10px;
    background: rgba(255,255,255,0.8);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    transition: all 436ms ease;
    font-weight: bold;
}
.news-filter li:hover {
    background: rgba(255,195,0,0.8);

}
.news-filter li:hover a {
    color: #000000;
}

.news-filter a {
    color: #FFC300;
}


/********************************************************
 *
 *             Press-Reports
 *
 ********************************************************/

.press-report-more {
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
}

.press-report-more a {
    text-decoration: none;
    color: #FFC300;
}
.press-report-more a:hover {
    text-decoration: underline;
}

.press-report-img {
    display: flex;
    margin: 20px auto;
    justify-content: center;
}

.press-report-img img {
    max-width: 100%;
}

.audioplayer {
    display: flex;
}

audio {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

.embedded-content {
    display: flex;
    justify-content: center;
}