/****************************************
 *      Basis-Styles für Newsportal     *
 ****************************************/

/* Schriftart Asap importieren */
@font-face {
    font-family: "Asap";
    font-weight: 900;
    src: url('../fonts/Asap/Asap-Bold.ttf'),
    url('../fonts/Asap/Asap-BoldItalic.ttf');
}

@font-face {
    font-family: "Asap";
    font-weight: 800;
    src: url('../fonts/Asap/Asap-Bold.ttf'),
    url('../fonts/Asap/Asap-BoldItalic.ttf');
}

@font-face {
    font-family: "Asap";
    font-weight: 700;
    src: url('../fonts/Asap/Asap-Bold.ttf'),
    url('../fonts/Asap/Asap-BoldItalic.ttf');
}

@font-face {
    font-family: "Asap";
    font-weight: 600;
    src: url('../fonts/Asap/Asap-SemiBold.ttf'),
    url('../fonts/Asap/Asap-SemiBoldItalic.ttf');
}

@font-face {
    font-family: "Asap";
    font-weight: 500;
    src: url('../fonts/Asap/Asap-Medium.ttf'),
    url('../fonts/Asap/Asap-MediumItalic.ttf');
}

@font-face {
    font-family: "Asap";
    font-weight: 400;
    src: url('../fonts/Asap/Asap-Regular.ttf'),
    url('../fonts/Asap/Asap-Italic.ttf');
}

@font-face {
    font-family: "Asap";
    font-weight: 300;
    src: url('../fonts/Asap/Asap-Regular.ttf'),
    url('../fonts/Asap/Asap-Italic.ttf');
}

@font-face {
    font-family: "Asap";
    font-weight: 200;
    src: url('../fonts/Asap/Asap-Regular.ttf'),
    url('../fonts/Asap/Asap-Italic.ttf');
}

@font-face {
    font-family: "Asap";
    font-weight: 100;
    src: url('../fonts/Asap/Asap-Regular.ttf'),
    url('../fonts/Asap/Asap-Italic.ttf');
}


/* Basis */
* {
    font-family: "Asap", sans-serif;
    font-size: 0;
    margin: 0;
    padding: 0;
}

body {
    overflow-x: hidden;
}

h1,
h1 a,
h1 span,
h1 strong {
    font-size: 24px;
    font-weight: 600;
    color: #DCB13E;
    margin: 5px 0 20px 0;
}

h2,
h2 a,
h2 span,
h2 strong {
    font-size: 20px;
}

h3,
h3 a,
h3 span,
h3 strong,
h4,
h4 a,
h4 span,
h4 strong {
    font-size: 16px;
}

p,
li,
a,
input,
textarea,
select,
option,
label,
strong,
em,
p span,
p div,
p b,
p u,
td,
th,
.singlepage-content {
    font-size: 14px;
}

a {
    text-decoration: none;
    color: #DCB13E;
}

strong {
    font-weight: 600;
}

p {
    margin-bottom: 10px;
    line-height: 18px;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

table td {
    border: 1px solid #454545;
    padding: 5px 10px;
}




/* Allgemeine Klassen */
.required {
    font-size: 17px;
    color: red;
}

.screen-reader-text {
    display: none;
}

.alignleft {
    float: left;
    margin-right: 30px;
    max-width: calc(100% - 30px);
}

.top-fixed {
    position: absolute;
    margin: 50px 0 0 0;
    width: 100%;
}
.top-fixed.scrolled {
    position: fixed;
    top: 0;
    width: 290px;
}


/* Flexslider */
.flexslider {
    border: none;
    margin-bottom: 0;
    min-height: 250px;
}
.flex-direction-nav a {
    font-size: 0;
    padding: 15px 7px;
    background-color: rgba(194, 194, 194, 0.3);
    text-align: center;
    width: 15px;
    height: 32px;
    border-radius: 3px;
    margin-top: -40px;
}

.flex-direction-nav a.flex-prev::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f0d9";
    font-size: 30px;
    font-weight: 900;
}

.flex-direction-nav a.flex-next::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f0da";
    font-size: 30px;
    font-weight: 900;
}

.flex-control-nav {
    bottom: 25px;
    width: auto;
    right: 20px;
}

.flex-control-paging li a {
    border-radius: 2px;
    background-color: rgba(194, 194, 194, 0.8);
    box-shadow: none;
}

.flex-control-paging li a.flex-active {
    background-color: rgba(255, 255, 255, 0.8);
}

/* Header/Navigation */
#top-header {
    display: block;
    background-color: #dddddd;
    height: 30px;
    padding: 5px 0;
}

#top-header .inner {
    display: block;
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    height: 100%;
    position: relative;
}

#top-header-info-left {
    display: inline-block;
    color: #707070;
}

#top-header-info-left span {
    font-size: 14px;
    font-weight: 500;
}

#top-header-info-left span.location:after {
    content: ", ";
}

#top-header-info-right {
    float: right;
}

#top-header-info-right {
    margin-top: 7px;
}

#header-navigation {
    margin-left: 30px;
    float: left;
}


#header-navigation a {
    color: #ffffff;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    margin-left: 8px;
    background-color: #f63e14;
    padding: 2px 5px;
    border-radius: 3px;
}

#header-navigation .newsletter_link:before {
    content: "\f0e0";
    font-family: "Font Awesome 5 Pro";
    font-size: 16px;
    marign-top: 1px;
    font-weight: 900;
    margin-right: 10px;
}

#search-toggle {
    display: inline-block;
    margin-left: 50px;
    padding-top: 4px;
}

#search-toggle:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f002";
    font-weight: 900;
    font-size: 20px;
    color: #707070;
    cursor: pointer;
}

#searchform {
    position: absolute;
    left: 0;
    top: 30px;
    background-color: #dddddd;
    padding: 33px 40px 13px 40px;
    border-radius: 0 0 5px 5px;
    display: none;
}

#searchform label {
    display: none;
}

#searchform input[type=text] {
    font-size: 16px;
    height: 24px;
    margin-top: 2px;
    padding: 1px 20px;
    width: 200px;
    margin-right: 20px;
    border-radius: 5px;
    border: none;
    margin-bottom: 20px;
}

#searchform #searchsubmit {
    background-color: darkgray;
    border: 0;
    border-radius: 5px;
    padding: 5px 20px;
    height: 26px;
}

header {
    display: block;
    width: 1200px;
    max-width: 100%;
    margin: 0 auto 30px auto;
}

header .inner {
    display: block;
    margin: 10px 0;
    height: auto;
    width: 100%;
    vertical-align: bottom;
}

#header-logo {
    display: inline-block;
    height: 100px;
    width: auto;
    vertical-align: top;
}

#header-sublogo {
    display: inline-block;
    height: 60px;
    width: auto;
    vertical-align: top;
    float: right;
}

#header-logo a,
#header-sublogo a {
    display: inline-block;
    height: 100%;
    margin-left: 20px;
}

#header-logo a {
    margin-left: 0;
}

#header-logo a img,
#header-sublogo a img {
    display: inline-block;
    width: auto;
    height: 100%;
}

#header-sublogo a img {
    height: 50%;
    vertical-align: bottom;
}

#header-sublogo a.facebook_icon:before {
    display: inline-block;
    width: 30px;
    height: 30px;
    content: "\f082";
    font-family: "Font Awesome 5 Brands";
    color: #3b5998;
    font-size: 30px;
}

nav#main-navigation {
    display: block;
    margin-top: 10px;
    text-align: center;
    vertical-align: bottom;
    z-index: 10000;
}

nav#main-navigation ul {
    display: table;
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
}

nav#main-navigation ul li {
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
    margin-right: 20px;
    display: table-cell;
}

nav#main-navigation ul li:last-of-type {
    margin-right: 0;
}

nav#main-navigation ul li a {
    color: #DCB13E;
    font-size: 22px;
    font-weight: 600;
    padding: 10px 0;
    margin-right: 20px;
}

nav#main-navigation ul li.current-menu-item a,
nav#main-navigation ul li.current-menu-parent a {
    color: #841d08;
}

#navi-toggle {
    float: right;
    margin-top: 30px;
    display: none;
}

#navi-toggle:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f0c9";
    font-weight: 900;
    font-size: 40px;
    color: #DCB13E;
    cursor: pointer;
}

/* Inhalt */
#wrapper {
    display: block;
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    min-height: 500px;
}

main.startseite .header-part,
main.archive .header-part,
main.singlepage .content-part,
main.page .content-part,
main.searchpage .content-part {
    display: grid;
    column-gap: 10px;
    row-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-bottom: 60px;
}

main.singlepage .content-part,
main.page .content-part,
main.searchpage .content-part {
    grid-template-columns: 1fr 1fr 1fr minmax(290px, 290px);
}

main.startseite .header-part .widget-header-rechts-box,
main.archive .header-part .widget-header-rechts-box {
    grid-column: span 1;
}

main.startseite .header-part .widget-header-rechts-box,
main.archive .header-part .widget-header-rechts-box,
main.singlepage .content-part .widget-header-rechts-box,
main.page .content-part .widget-header-rechts-box,
main.searchpage .content-part .widget-header-rechts-box{
    display: inline-block;
    background-color: transparent;
    border-radius: 5px;
    min-height: 200px;
}

main.archive .archive-header {
    grid-column: span 3;
}

.archive-header h1 {
    color: #841d08;
}

.archive-header .weitere-artikel-link {
    float: right;
    margin-top: -38px;
    color: rgba(195, 58, 47, 0.6);
    font-weight: 500;
}


main.archive .archive-header {
    background-image: url('../images/njuuz/archive_category_banner_allgemein.jpg');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center top;
    border-radius: 5px;
}

main.archive .archive-header .overlay {
    position: relative;
    height: 100%;
    min-height: 200px;
    border-radius: 5px;
    background-image: linear-gradient(90deg, rgba(132, 29, 8, 1) 30%, rgba(191, 43, 13, 0) 95%);
}

main.archive .archive-header h1 {
    font-size: 50px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #fff;

}


.archive-box {
    margin-bottom: 40px;
}

.archive-posts.col-4 {
    display: grid;
    column-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.archive-posts article {
    grid-column: span 1;
}

.archive-posts article h1,
.next-article article h1 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 500;
    min-height: 55px;
}


.archive-posts article,
.next-article article {
    display: inline-block;
    height: 300px;
    width: 100%;
    margin-bottom: 10px;
    border-radius: 5px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 99.8% auto;
}

.archive-posts article .overlay,
.next-article article .overlay {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
    background-color: rgba(246, 62, 20, 0.05);
}

.archive-posts article .image,
.next-article article .image {
    height: calc(100% - 100px);
    width: 100%;
    display: inline-block;
    position: absolute;
}

.archive-posts article img,
.next-article article img {
    position: absolute;
    z-index: 100;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.archive-posts article img.portrait,
.next-article article img.portrait {
    height: 100%;
    width: auto;
}

.archive-posts article .content,
.next-article article .content {
    z-index: 200;
    display: inline-block;
    position: absolute;
    bottom: 0;
    padding: 20px 5% 0 5%;
    width: 90%;
    background-color: #bf2b0d;
    background-image: linear-gradient(90deg, rgba(132, 29, 8, 1) 30%, rgba(191, 43, 13, 0) 95%);
}

.archive-posts.header-slider {
    grid-column: span 3;
    height: 286px;
    border-radius: 5px;
    overflow: hidden;
}

.archive-posts.header-slider .flexslider,
.archive-posts.header-slider .flex-viewport,
.archive-posts.header-slider .flex-viewport ul,
.archive-posts.header-slider .flex-viewport li {
    height: 100%;
}

.archive-posts.header-slider article {
    margin-bottom: 0;
    image-rendering: auto;
    border-radius: 5px;
    overflow: hidden;
    min-height: 100%;
    display: block;
}

.archive-posts.header-slider article .overlay {
    position: relative;
}

.archive-posts.header-slider article .content {
    padding-top: 150px;
    padding-bottom: 20px;
    min-height: 100px;
    height: calc(100% - 170px);
    position: absolute;
    border-radius: 5px;
    background-color: transparent;
    background-image: linear-gradient(90deg, rgba(132, 29, 8, 1) 30%, rgba(191, 43, 13, 0) 95%);
    max-width: 75%;
}

.archive-posts.header-slider article h1 {
    font-size: 30px;
    margin-left: 20px;
    margin-bottom: 10px;
    min-height: 0;
}

.archive-posts.header-slider article p.teaser {
    margin-left: 20px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
}

.singlepage .content,
.page .content,
.searchpage .content {
    grid-column: span 3;
    width: 100%;
}

.singlepage .rechte-spalte,
.page .rechte-spalte,
.searchpage .rechte-spalte {
    grid-column: span 1;
    grid-row: span 1;
}

.singlepage .kommentar-box {
    grid-column: span 2;
    width: 100%;
}

.singlepage .social-media-box {
    grid-column: span 1;
}

.singlepage .singlepage-content,
.singlepage .kommentar-box,
.singlepage .social-box,
.page .content,
.page .right-column-content,
.searchpage .content {
    background-color: #fafafa;
    border-radius: 5px;
}

.singlepage .singlepage-content .content p {
    overflow: hidden;
}

.singlepage .rechte-spalte {
    text-align: right;
}

.singlepage .right-column-content {
    max-width: 278px;
    display: inline-block;
    width: 100%;
}

.singlepage .singlepage-content,
.page .content,
.searchpage .content {
    padding: 20px 30px;
    color: #454545;
    min-height: 500px;
}

.singlepage .singlepage-content .top-box {
    font-size: 0;
}

.singlepage .singlepage-content .info-box {
    padding-bottom: 30px;
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.singlepage .singlepage-content .tag-box {
    padding-bottom: 30px;
    display: inline-block;
    width: 50%;
    vertical-align: top;
    text-align: right;
}

.singlepage .singlepage-content .tag-box .tag {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    padding: 5px 10px;
    background-color: #DCB13E;
    border-radius: 3px;
    margin-left: 5px;
    margin-bottom: 5px;
    display: inline-block;
}

.singlepage .singlepage-content .info-box p {
    margin-bottom: 0;
}

.singlepage .singlepage-content .info-box p span {
    font-size: 100%;
    color: #d8857e;
}

.singlepage .singlepage-content .info-box p span.date {
    font-weight: 600;
}

.singlepage .singlepage-content .info-box p span.date:after {
    margin-left: 6px;
    margin-right: 6px;
    content: "-";
}

.singlepage .singlepage-content h1.title,
.page .content h1.title {
    color: #d04130;
    font-size: 28px;
    margin-bottom: 30px;
    margin-top: 0;
}

.singlepage .singlepage-content p.teaser {
    color: #d04130;
    font-size: 18px;
    margin-bottom: 30px;
}

.singlepage .singlepage-content img {
    margin-bottom: 15px;
    margin-top: 15px;
    max-width: 100%;
    width: auto;
    height: auto;
}

.singlepage .singlepage-content img.alignleft {
    float: left;
    margin-right: 20px;
    margin-top: 0;
}

.singlepage span.wp-caption-text {
    text-align: center;
    font-size: 13px;
    display: block;
    margin-bottom: 20px;
}

.singlepage .singlepage-content .video-container {
    display: inline-block;
    width: 100%;
    height: auto;
    position: relative;
    max-width: 100%;
    overflow: hidden;
}

.singlepage .singlepage-content .video-container.video-container-4_3,
.singlepage .singlepage-content .video-container.video-container-4_3 .video {
    padding-bottom: 75%;
}

.singlepage .singlepage-content .video-container.video-container-16_9,
.singlepage .singlepage-content .video-container.video-container-16_9 .video{
    padding-bottom: 56.25%;
}

.singlepage .singlepage-content .video-container .video {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    overflow: hidden;
    border: 0;
}

.singlepage .singlepage-content .weiter-box {
    margin-top: 50px;
}

.singlepage .singlepage-content .weiter-box p {
    color: #d04130;
}

.singlepage .singlepage-content .weiter-box .next-article-raster {
    display: grid;
    column-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.singlepage .singlepage-content .weiter-box .next-article-raster .next-article {
    grid-column: span 2;
}

.singlepage .singlepage-content .weiter-box .next-article-raster .next-article .background-image {
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.singlepage .right-column-content .right-column-inner {
    position: relative;
    text-align: center;
}



.singlepage .singlepage-content a {
    font-weight: 600;
    color: #d04130;
}

.singlepage .social-box {
    padding: 20px 30px;
    color: #d04130;
}

.singlepage .social-box h2 {
    margin-bottom: 20px;
}

.singlepage .social-box p {
     margin-bottom: 20px;
    color: #454545;
 }

.singlepage .social-box a.share-button {
    font-size: 0;
    color: #d04130;
    display: inline-block;
    margin-right: 10px;
}
.singlepage .social-box a.share-button:last-of-type {
    margin-right: 0;
}


.singlepage .social-box a.share-button:before {
    font-family: "Font Awesome 5 Pro";
    font-size: 40px;

}

.singlepage .social-box a.share-button.facebook:before {
    font-family: "Font Awesome 5 Brands";
    content: "\f082";
}

.singlepage .social-box a.share-button.email:before {
    content: "\f199";
    font-weight: 900;
}

.singlepage .social-box a.share-button.melden:before {
    content: "\f321";
    font-weight: 900;
}


.singlepage .content article a,
.page .content article a {
    color: #d04130;
}

.singlepage .content article ul,
.page .content article ul {
    list-style-type: none;
    margin-bottom: 10px;
}

.singlepage .content article ul li:before,
.page .content article ul li:before {
    content: "-";
    margin-right: 10px;
}

.singlepage .content article ol,
.page .content article ol {
    margin-left: 12px;
    margin-bottom: 10px;
}

.singlepage .content article h2,
.page .content article h2 {
    margin-bottom: 10px;
    margin-top: 20px;
}

article.mediengruppe-news {
    border-radius: 5px;
}

article.mediengruppe-news .inner {
    padding: 10px 0;
    position: relative;
    height: calc(100% - 20px);
}

article.mediengruppe-news .mediengruppe-news-title {
    margin-bottom: 20px;
    padding: 10px 15px;
    background-color: #fff;
    font-size: 0;
    display: block;
}

article.mediengruppe-news .mediengruppe-news-title p,
.singlepage-content .weiter-box article.mediengruppe-news .mediengruppe-news-title p{
    display: inline-block;
    width: 50px;
    font-weight: 600;
    color: #000;
    vertical-align: top;
    margin-bottom: 0;
}

article.mediengruppe-news .mediengruppe-news-logo {
    display: inline-block;
    width: calc(100% - 50px);
    height: 40px;
    background-size: auto 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right top;
}

article.mediengruppe-news a.link-meldung {
    padding: 0 15px;
    color: #fff;
    font-weight: 400;
    display: block;
    margin-bottom: 15px;
}

article.mediengruppe-news a .icon {
    display: inline-block;
    width: 20px;
    vertical-align: top;
}
article.mediengruppe-news a .icon:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f35d";
    height: 20px;
    width: 20px;
    display: inline-block;
    font-size: 15px;
    color: #fff;
}

article.mediengruppe-news a .label {
    display: inline-block;
    width: calc(100% - 30px);
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}

article.mediengruppe-news-njuuz {
    background-color: #bf2b0d;
    background-image: linear-gradient(90deg, rgba(132, 29, 8, 1) 30%, rgba(191, 43, 13, 0) 95%);
}
article.mediengruppe-news-njuuz .mediengruppe-news-logo {
    background-image: url("../images/njuuz/njuuz_logo_header.png");
}
article.mediengruppe-news-njuuz .mediengruppe-news-title p,
.singlepage-content .weiter-box article.mediengruppe-news-njuuz .mediengruppe-news-title p {
    color: #737369;
}

article.mediengruppe-news-taltv {
    background-color: #fcb346;
    background-image: linear-gradient(90deg, rgba(249, 156, 16, 0.5) 30%, #f9c510 95%);
}
article.mediengruppe-news-taltv .mediengruppe-news-logo {
    background-image: url("../images/taltv/taltv_logo_header.png");
}
article.mediengruppe-news-taltv .mediengruppe-news-title p,
.singlepage-content .weiter-box article.mediengruppe-news-taltv .mediengruppe-news-title p {
    color: #dd9933;
}

article.mediengruppe-news-taltv .iframe-outer-box {
    width: calc(100% - 60px);
    margin: 0 30px;
    overflow: hidden;
    position: absolute;
    top: 80px;
    bottom: 10px;
}
article.mediengruppe-news-taltv .iframe-container {
    width: 100%;
    position: relative;
    margin: 0;
    padding-bottom: 75%;
    overflow: hidden;
    height: 100%;
}
article.mediengruppe-news-taltv .iframe-container iframe {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
}

article.mediengruppe-news-stadtzeitung {
    background-color: #6394b5;
    background-image: linear-gradient(90deg, rgba(3, 110, 180, 0.5) 30%, #6394b5 95%);
}
article.mediengruppe-news-stadtzeitung .mediengruppe-news-logo {
    background-image: url("../images/stadtzeitung/stadtzeitung_logo_header.jpg");
}
article.mediengruppe-news-stadtzeitung .mediengruppe-news-title p,
.singlepage-content .weiter-box article.mediengruppe-news-stadtzeitung .mediengruppe-news-title p {
    color: #036eb4;
}

article.mediengruppe-news-wuppertal-aktuell {
    background-color: #0240bf;
    background-image: linear-gradient(90deg, rgba(22, 46, 123, 0.5) 30%, #657eb0 95%);
}
article.mediengruppe-news-wuppertal-aktuell .mediengruppe-news-logo {
    background-image: url("../images/wuppertal-aktuell/wuppertal-aktuell_logo_header.png");
}
article.mediengruppe-news-wuppertal-aktuell .mediengruppe-news-title p,
.singlepage-content .weiter-box article.mediengruppe-news-wuppertal-aktuell .mediengruppe-news-title p {
    color: #e90f3f;
}

.searchpage h1 {
    color: #d04130;
    font-size: 28px;
    margin-bottom: 30px;
    margin-top: 0;
}

.searchpage article {
    margin-bottom: 10px;
    padding: 20px;
}

.searchpage article img {
    margin: 10px 0;
    max-width: 200px;
    max-height: 100px;
}


/* Pagination */
.nav-links {
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: center;
}

.nav-links .page-numbers li {
    display: inline-block;
    padding-right: 2px;
    padding-left: 2px;
    vertical-align: bottom;
}

.nav-links .page-numbers li a,
.nav-links .page-numbers li span {
    font-size: 20px;
    color: #ffffff;
    line-height: 25px;
    font-weight: 600;
    background-color: #DCB13E;
    padding: 5px 10px;
    min-width: 20px;
    display: inline-block;
}

.nav-links .page-numbers li span.current {
    background-color: #f63e14
}

.nav-links .page-numbers span.dots {
    color: #707070;
    background-color: transparent;
    min-width: 0;
}

.nav-links .page-numbers a.prev,
.nav-links .page-numbers a.next {
    font-size: 0;
}

.nav-links .page-numbers a.prev:before,
.nav-links .page-numbers a.next:before {
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    font-weight: 900;
    vertical-align: bottom;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.nav-links .page-numbers a.prev:before {
    content: "\f0d9";

}

.nav-links .page-numbers a.next:before {
    content: "\f0da";
}

.rechte-spalte .banner-fix {
    max-width: 300px;
    display: inline-block;
}

.rechte-spalte .banner-fix h2 {
    margin-bottom: 5px;
    text-align: center;
    font-size: 21px;
    color: #333333;
}

.rechte-spalte .banner-fix .fix-banner {
    display: inline-block;
    width: calc(100% - 2px);
    padding: 3px 0;
    margin-bottom: 5px;
    border: 1px solid #000000;
}

.rechte-spalte .banner-fix .fix-banner .image {
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    width: 100%;
    height: 41px;
    background-size: auto 41px;
}

.rechte-spalte .banner-fix .fix-banner .label {
    color: #000000;
    font-size: 10px;
    font-weight: 500;
    margin: 0 0 0 0;
    padding: 0;
    text-align: center;
}

.rechte-spalte .banner-fix .mediengruppe-njuuz-banner .image {
    background-image: url("../images/njuuz/njuuz_logo_mediengruppe_rechts.png");
}

.rechte-spalte .banner-fix .mediengruppe-stadtzeitung-banner .image {
    background-image: url("../images/stadtzeitung/stadtzeitung_logo_mediengruppe_rechts.jpg");
}

.rechte-spalte .banner-fix .mediengruppe-taltv-banner .image {
    background-image: url("../images/taltv/taltv_logo_mediengruppe_rechts.png");
}

.rechte-spalte .banner-fix .mediengruppe-wuppertal-aktuell-banner .image {
    background-image: url("../images/wuppertal-aktuell/wuppertal-aktuell_logo.png");
}


/* Werbebanner */
.anzeigen-box-horizontal {
    background-color: #fafafa;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    margin: 30px 0;
}

.rechte-spalte .anzeigen-box-horizontal {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.anzeigen-box-horizontal:before {
    content: "Anzeigen";
    display: inline-block;
    width: 100%;
    font-size: 10px;
    color: #5C5C5C;
    margin-bottom: 10px;
    text-align: left;
}

.widget-header-rechts-box .anzeigen-box-horizontal::before {
    content: "Anzeige";
    color: #5C5C5C;
    margin-bottom: 4px;
}

.anzeigen-box-horizontal .anzeigen-banner {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
    border: 1px solid #333333;
}


.anzeigen-box-horizontal .anzeigen-banner.banner-hidden {
    display: none;
}

.single .singlepage-content .anzeigen-box-horizontal {
    border: 10px solid #fff;
    margin-top: 0px;
    margin-bottom: 15px;
}

.single .singlepage-content .anzeigen-banner-kleinanzeige {
    max-width: 165px;
}


.anzeigen-box-horizontal.anzahl-4 .anzeigen-banner  {
    width: calc(23% - 2px);
    margin-left: 1%;
    margin-right: 1%;
}

.anzeigen-box-horizontal.anzahl-3 .anzeigen-banner  {
    width: calc(31% - 2px);
    margin-left: 1%;
    margin-right: 1%;
}

.anzeigen-box-horizontal.anzahl-2 .anzeigen-banner  {
    width: calc(48% - 2px);
    margin-left: 1%;
    margin-right: 1%;
}

.anzeigen-box-horizontal.anzahl-1 .anzeigen-banner  {
    width: calc(100% - 2px);
}

.anzeigen-box-horizontal.anzahl-8 .anzeigen-banner  {
    width: calc(11% - 2px);
    margin-left: 1%;
}

.anzeigen-box-horizontal.anzahl-6 .anzeigen-banner  {
    width: calc(14% - 2px);
    margin-left: 1%;
    margin-right: 1%;
}

.anzeigen-box-horizontal .anzeigen-banner .bild-banner,
.anzeigen-box-horizontal .anzeigen-banner .html-banner {
    display: inline-block;
    width: 100%;
    max-height: 100%;
    height: 100%;
}

.anzeigen-box-horizontal .anzeigen-banner .bild-banner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: auto;
    padding-bottom: 56.25%;
}

.anzeigen-box-horizontal .anzeigen-banner .bild-banner .bild-banner-image-container {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}

.anzeigen-box-horizontal .anzeigen-banner .html-banner {
    margin-bottom: 10px;
}

.anzeigen-box-titel {
    margin: 0;
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 0;
}

.anzeigen-box-titel:before {
    color: #ffffff;
}
.anzeigen-box-titel .anzeigen-banner {
    border: none;
    margin-bottom: 0;
}


.archive-posts .anzeigen-box-horizontal {
    grid-column: span 4;
}

.singlepage .singlepage-content .content-box .anzeigen-box {
    /* Banner sind standardmäßig ausgeblendet und werden beim Responsive-Aufruf eingeblendet */
    display: none;
}

.singlepage .rechte-spalte .anzeigen-box.responsive_banner {
    /* Responsive-Banner sind standardmäßog ausgeblendet */
    display: none;
}

/* Kommentar */
#comments {
    padding: 20px 30px;
}

#comments ol {
    list-style-type: none;
}

#comments .comments-title {
    color: #d04130;
    margin-bottom: 20px;
}

#comments .comment-list .comment-body {
    margin: 5px 0;
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
}

#comments .comment-list .comment-body p {
    margin-bottom: 2px;
    line-height: 18px;
    color: #454545;
}

#comments .comment-list .comment-author cite,
#comments .comment-list .comment-author cite a,
#comments .comment-list .comment-author span {
    font-size: 14px;
    font-style: normal;
    margin-right: 3px;
    font-weight: 600;
    color: #777;
}

#comments .comment-list .comment-author cite,
#comments .comment-list .comment-author cite a {
    color: #dcb13e;
}

#comments .comment-list .comment-meta {
    margin-top: 5px;
    margin-bottom: 10px;
}

#comments .comment-list .comment-meta a {
    font-size: 12px;
    line-height: 16px;
    color: #dcb13e;
}

#comments .comment-list .reply {
    margin-top: 10px;
}

#comments .comment-list .comment-reply-link,
#comments .comment-list a.comment-edit-link {
    color: #d7847d;
}

#comments .comment-list ol.children {
    margin-left: 20px;
}

#comments .comment-form-flex {
    margin: 40px 0 20px 0;
}

#comments .comment-form-flex h3 {
    font-size: 16px;
    font-weight: 600;
    color: #d04130;
    margin-bottom: 10px;
}

#comments .comment-form-flex #cancel-comment-reply-link {
    float: right;
    color: #d7847d;
}

#comments .comment-form p {
    font-size: 0;
}

#comments .comment-form input[type="text"],
#comments .comment-form textarea {
    border: none;
    border-radius: 5px;
    padding: 10px;
    width: calc(100% - 170px);
}

#comments .comment-form label {
    width: 150px;
    display: inline-block;
    vertical-align: top;
}

#comments .comment-form input[type="submit"] {
    float: right;
    background-color: #d04130;
    color: #fff;
    padding: 10px 30px;
    border: none;
    border-radius: 5px;
    margin-bottom: 20px;
}

#comments .comment-form .comment-notes,
#comments .comment-form .comment-form-cookies-consent {
    display: none;
}

/* Cookie-Banner */
.eupopup-head,
.eupopup-body {
    font-size: 13px;
}






/* Footer */
footer {
    display: block;
    width: 1160px;
    max-width: calc(100% - 40px);
    margin: 60px auto 0 auto;
    padding: 30px 20px 35px 20px;
    background-color: #dddddd;
    border-radius: 5px 5px 0 0;
}

#menu-footer {
    text-align: center;
}

#menu-footer li {
    display: inline-block;
    padding-bottom: 15px;
}

#menu-footer li a {
    color: #707070;
    margin-right: 30px;
    font-size: 17px;
    font-weight: 500;
}

#menu-footer li:last-of-type a {
    color: #707070;
    margin-right: 30px;
}