.news-list-view .more-link-wrap .button-black,
.news-list-view .more-link-wrap .button-pink,
.news-list-view .more-link-wrap .button-grey,
.news-latest-view .more-link-wrap .button-black,
.news-latest-view .more-link-wrap .button-pink,
.news-latest-view .more-link-wrap .button-grey,
.news-single .back-link-wrap .button-black,
.news-single .back-link-wrap .button-pink,
.news-single .back-link-wrap .button-grey {
    margin: 0;
}

h3.news-latest-headline {
    margin-top:40px;
}

.news-latest-item h4 {
     font-size: 22px;
}

.news-latest-item h5 {
    font-size: 22px;
    font-family: 'Black Jack';
}

.news-list-item h5 {
    font-family: 'Laila', 'Arial', sans-serif;
}

.news .image img {
    margin:15px 0;
}

.news-list-item img {
    margin-bottom: 15px;
}

.news-single hr {
    margin-bottom: 20px;
}

.news-single .social div {
    margin:2px 0;
}

.news-single .social div.share {
    position:relative;
    top:-8px;
}

.news ul.pagination {
    margin-bottom:0;
}

.news ul.pagination li:before {
    display:none;
}

.news-list-item .more-link-wrap,
.news-latest-view .more-link-wrap {
    margin: 10px 0 0;
}

.news-latest-view .cycle-slide .more-link-wrap {
    visibility: hidden;
}

.news-latest-view .cycle-slide-active .more-link-wrap {
    visibility: visible;
}

.news-latest-view {
    overflow:hidden;
    padding-bottom: 30px;
}

.news-latest-view .news-latest-item {
    display: none;
    width:100%;
}

.news-latest-view .news-latest-item:first-child {
    display: block;
}

.news .cycle-pager {
    text-align: center;
    white-space: nowrap;
}

.news .cycle-pager span {
    display:inline-block;
    width:16px;
    height:16px;
    border-radius: 8px;
    color:#cccccc;
    background:#cccccc;
    font-size: 0px;
    margin:15px 3px 0;
    cursor:pointer;
}

.news .cycle-pager span.cycle-pager-active {
    color:#cc2650;
    background:#cc2650;
}

.news div.caption {
    margin-bottom: 15px;
}

body .pagination,
body .pagination li,
body .pagination li a,
body .pagination > li:first-child > a,
body .pagination > li:first-child > span,
body .pagination > li:last-child > a,
body .pagination > li:last-child > span {
    border-radius:0;
}

body .pagination > .active > a,
body .pagination > .active > a:focus,
body .pagination > .active > a:hover,
body .pagination > .active > span,
body .pagination > .active > span:focus,
body .pagination > .active > span:hover {
    background-color: black;
    border-color: black;
    color: #fff;
    cursor: default;
    z-index: 3;
}

body .pagination > li > a,
body .pagination > li > span {
    color: #cc2650;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    color: #535353;
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

    .news-latest-item h4 {
        font-size: 36px;
    }

    .news-latest-item h5 {
        font-size: 32px;
    }

    .news-single .social div {
        display:inline-block;
    }

    .news-list-item .more-link-wrap {
        margin: 30px 0 0;
    }

}
/*
 * Inline-Symbole in den Meldungen. Ersetzen die Glyphicons, die Bootstrap 5
 * nicht mehr mitbringt. Sie skalieren mit der Schrift und
 * uebernehmen deren Farbe, verhalten sich also wie ein Schriftzeichen.
 */
.icon-inline {
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    fill: currentColor;
}