body,
.sp-preloader {
    background-color: var(--sppb-bg-primary);
    color: var(--sppb-text-primary)
}

.sp-preloader>div {
    background: var(--sppb-text-primary)
}

.sp-preloader>div:after {
    background: #fff
}

#sp-top-bar {
    background: #fff;
    color: #111114
}

#sp-top-bar a {
    color: #111114
}

#sp-menu ul.social-icons a:hover,
#sp-menu ul.social-icons a:focus {
    color: var(--sppb-text-primary)
}

a {
    color: var(--sppb-text-primary)
}

a:hover,
a:focus,
a:active {
    color: var(--sppb-text-primary)
}

.tags>li {
    display: inline-block
}

.tags>li a {
    color: var(--sppb-text-primary)
}

.tags>li a:hover {
    background: #111114
}

.pager>li a {
    border: 1px solid #ededed;
    color: #111114
}

.sp-reading-progress-bar {
    background-color: var(--sppb-text-primary)
}

#offcanvas-toggler>.fa {
    color: #111114
}

#offcanvas-toggler>.fa:hover,
#offcanvas-toggler>.fa:focus,
#offcanvas-toggler>.fa:active {
    color: #111114
}

#offcanvas-toggler>.fas {
    color: #111114
}

#offcanvas-toggler>.fas:hover,
#offcanvas-toggler>.fas:focus,
#offcanvas-toggler>.fas:active {
    color: #111114
}

#offcanvas-toggler>.far {
    color: #111114
}

#offcanvas-toggler>.far:hover,
#offcanvas-toggler>.far:focus,
#offcanvas-toggler>.far:active {
    color: #111114
}

ul.social-icons>li a:hover {
    color: var(--sppb-text-primary)
}

.layout-boxed .body-innerwrapper {
    background-color: var(--sppb-bg-primary)
}

.search .btn-toolbar button {
    background: var(--sppb-text-primary)
}

#sp-bottom .sp-module-content .latestnews>li>a>span {
    color: #000
}

.sp-comingsoon body {
    background-color: var(--sppb-text-primary)
}

.pagination>li>a,
.pagination>li>span {
    color: #111114
}

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

.pagination>.active>a,
.pagination>.active>span {
    border-color: var(--sppb-text-primary);
    background-color: var(--sppb-text-primary)
}

.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
    border-color: var(--sppb-text-primary);
    background-color: var(--sppb-text-primary)
}

.error-code,
.coming-soon-number {
    color: var(--sppb-text-primary)
}

/* Menü Subtitls */

.menu-subtitle {
    display: block;        /* Wichtig: Erzwingt den Zeilenumbruch */
    line-height: 1.2;      /* Kleiner Zeilenabstand für den Untertitel */
    margin-top: -30px;     /* Korrigiert die Positionierung nach oben, da der Link 90px hoch ist */
    font-size: 13px;
    font-weight: 400;
    color: #999;           /* Farbe leicht absetzen */
}

.menu-subtitle::after {
    content: "";
    display: block;
    height: 3px;
    width: 60px;
    background-color: currentColor;
    flex-shrink: 0;
}