@charset "UTF-8";
@import "rlv-classic.css";
@import url("news-classic.css");

/* LZ-Rheinland CSS */

h1{
	font-size:50px;
}

a
{
    color: rgb(0, 83, 55);
}

#content h1,
#content h2
{
    margin-top: 1em;
    margin-bottom: 10px;
    font-weight: 100;
    color: rgb(68,56,52);
    padding-bottom: 5px;
    border-bottom: 1px solid silver;
    font-size: 20px;
}

#content h2
{
    padding-top: 3px;
}

/* --SIDEBAR-- */
#content-sidebar a,
#content-sidebar a:hover
{
    text-decoration: none;
}

#content-sidebar .quicklinks
{
    background: #F6F6F6;
    border-color: #F6F6F6;
    padding: 10px 15px;
    margin-bottom: 0px;
    display: block;
    -webkit-transition: background 350ms linear;
    -moz-transition: background 350ms linear;
    -o-transition: background 350ms linear;
    -ms-transition: background 350ms linear;
    transition: background 350ms linear;
}

#content-sidebar .quicklinks:hover,
#content-sidebar .quicklinks.active
{
    background: #E0E0E0;
    border-color: #E0E0E0;
}

#content-sidebar .frame-type-text.frame-space-before-extra-small,
#content-sidebar .frame-type-text.frame-space-after-extra-small
{
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
}

#content-sidebar .frame-type-text.frame-space-after-extra-small p
{
    margin: 0;
}

/*.news-single-item .news-single-img a img,*/
/*.news-single-item .news-single-img,*/
/*.news-single-item .news-single-imgcaption {*/
/*    max-width: 200px;*/
/*}*/

.news-single .news-img-wrap img,
.news-single .news-img-caption
{
    max-width: 200px;
    height: auto;
}

/* Sonderfall News Carousel, */

/*die Pagination soll ausgeblendet sein, über CSS da sonst das "max-Items" in der Extension nicht greift */
.news-carousel .f3-widget-paginator
{
    display: none;
}

/* Design des Carousels anpassen */
.news-carousel .news-content-carousel .news-img-wrap
{
    height: 400px;
    overflow: hidden;
    position: relative;
}

.news-carousel .news-content-carousel .news-list-view .article,
.news-carousel .news-content-carousel .news-img-wrap img
{
    width: 100%
}

.news-carousel .news-content-carousel .news-img-wrap img
{
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

@media (max-width: 576px)
{

    .news-carousel .news-content-carousel .header h3
    {
        font-size: 1.1em !important;
    }

    .news-carousel .news-content-carousel .news-img-wrap
    {
        height: 80vw;
    }

    .news-carousel .news-content-carousel .news-img-wrap img
    {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .news-carousel .news-content-carousel .news-list-category-date
    {
        display: none;
    }
}