.switch-btn {
    position: absolute;
    top: 0;
    right: 30px!important;
    width: 24px!important;
    height: 24px!important;
    cursor: pointer
}

.light-theme .btn-toggle .moon {
    display: block
}

.btn-toggle .moon,.light-theme .btn-toggle .hub {
    display: none
}

 a {
    color: var(--text)
}

.light-theme #top-article.small .grid-item-post-details.title-container {
    background: #fff!important
}

body {
    color: #eee!important;
    background: #18181c!important
}

img {
    filter: brightness(.8) contrast(1.2)
}

a {
    color: var(--text)
}

input#mce-EMAIL {
    color: #131316!important
}

#top-article.small .grid-item-post-details.title-container {
    background: #fff
}

body{
    color: #eee!important;
    background: #18181c!important
}

img {
    filter: brightness(.8) contrast(1.2)
}

#top-article.small .grid-item-post-details.title-container {
    background: #131316!important
}

.grid-item-img-container,.loading-spinner,.superteaser {
    background: #18181c!important
}

#header,
#header .container,
.article-header .caption span,
.bg-white,footer,
#homepage .one-third-column .grid-item-title-container,
#NextPrevPosts .arrow,
#sidebar,
.main-nav, 
.second-nav,
.column-right {
    background: #131316!important
}

.superteaser-name,footer .part-grid-title h3 {
    color: #131316!important
}

#header,.search-button-container {
    border-color: #131316!important
}

nav .category-nav li a, nav .category-nav li a:hover,
.entry-content p a,.post-edit-link,.toptitle,.single .article-content a {
    color: #ccc!important
}

#menu-category-nav li a:hover,.captions,nav .category-nav li.current-menu-item a,.entry-content .caption div,.large .grid-item-post-details,.small .grid-item-post-details,#homepage #menu-category-nav li a,.single-sponsored-post .grid-item-post-details {
    color: #eee!important
}

.update-btn {
    color: #18181c !important
}

.more-articles .btn {
    background-color: transparent !important;
    border: 1px solid #777 !important;
}

.more-articles .btn:hover {
    background-color: transparent;
    border: 1px solid #eee
}

.flexslider.caption span {
    background: 0 0!important;
    color: #eee!important
}
input#mce-EMAIL,
input {
    color: #eee!important
}

.logo,
#searchsubmit svg,
.sidebar-links svg path,
.sharing-btns button svg {
    fill: #eee!important
}

.searchform input {
    background: rgba(255,255,255,.05)!important
}

.page-template-template-boote #menu-item-315 a,.page-template-template-dinge #menu-item-312 a,.page-template-template-leute #menu-item-313 a,.page-template-template-orte #menu-item-314 a,.single-boote #menu-item-315 a,.single-dinge #menu-item-312 a,.single-leute #menu-item-313 a,.single-orte #menu-item-314 a {
    color: #fff!important
}

#comments,#homepage-best-stories,#homepage-best-stories .entry-content,#newsletter-container,#search-form,.popup-container,.top-widget {
    background-color: #131316!important
}

#NextPrevPosts .next,#NextPrevPosts .prev {
    background: #16161a!important
}
footer .part-grid,footer .part-grid-title {
    background: #ddd!important
}
.grid .grid-item-img,.old .grid-item-img,.small .grid-item-img,.square .grid-item-img,.teaser .grid-item-img {
    opacity: .8!important
}

.small:after {
    background: rgba(255,255,255,.15)!important;
}


#newsletter,.popup {
    background: rgba(24,24,28,.25)!important
}

.single #homepage-categories.entry-content {
    padding-bottom: 0!important;
    margin-bottom: 30px!important
}

.list-container li a {
    border-color: #131316!important
}

.cat-links.pages-container,.cat-section-title,.mobile-authors-detail,.month-year-header,.one-third-column h3 {
    border-bottom: 1px solid rgba(255,255,255,.15)!important
}

.single .article-content a {
    border-bottom: 1px solid rgba(255,255,255,.25)!important
}

.secondary-menu {
    border-top: 1px solid rgba(255,255,255,.15)!important 
}

#comments.shown,#comments,#search-form,#search-form.shown,.mobile-authors-detail,.mobile-go-back,.more-section,.pages-container,
.single .article-tags {
    border-top: 1px solid rgba(255,255,255,.15)!important
}

.page-template .green-audio-player {
    background: #212128!important
}

.page-template .green-audio-player .holder .play-pause-btn svg path {
    fill: #eee!important;
    opacity: .7!important
}

.page-template .green-audio-player .controls {
    color: #eee!important
}

.page-template .green-audio-player .slider .gap-progress .pin {
    background-color: #ddd!important
}

.flt-player {
    padding-top: 50.5%!important
}

#back-home,.sharing-btn {
    background: rgba(255,255,255,.75)!important;
    opacity: 1!important
}

.category-filter-button {
    background: 0 0!important
}

.newsletter-widget {
    background-color: #18181c;
    border: 1px solid #111
}

.teaser-same-topic {
    color: #eee;
    background-color: #1b1b1e
}

.single .article-content .page-links a, 
.single .article-content .teaser-same-topic a {
    border-bottom: none!important
}

.last-word::after {
    filter: invert(1) !important;
}

.secondary-menu a:after {
    opacity: 0.25 !important;
}

.secondary-menu-container:after {
    background: linear-gradient(90deg, rgba(19, 19, 22, 0) 0%, rgba(19, 19, 22, 1) 100%) !important;
}

#toggle-nav {
    border: 1px solid rgba(255, 255, 255, .05) !important;
}
@media screen and (max-width: 655px) {
    #toggle-nav {
        border: none !important;
    }
}

#toggle-nav:active {
    background: #1b1b1e !important;
}

.toggle-menu span,
.toggle-menu span:before, 
.toggle-menu span:after,
.toggle-menu.active span:before, 
.toggle-menu.active span:after {
    background-color: #eee !important;
}

.toggle-menu.active span {
    background-color: transparent !important;
}

.sidebar-links.has-border {
    border-top: 1px solid rgba(255, 255, 255, .1) !important;
}

.sharing-btns button {
    color: #eee !important;
    background-color: #131316 !important;
}
.sharing-btns button:hover,
.sharing-btns button:active {
    background-color: #1b1b1e !important;
}


.single .article-tags .article-category a {
    background-color: #262626 !important;
    border-bottom: none !important;
}

.single .article-tags .article-category a:hover {
    background-color: #363636 !important;
}

@media screen and (max-width: 655px) {
    #homepage-categories,.sidebar,.sidebar::before {
        background:#131316!important
    }

    .list-container li a {
        background: rgba(255,255,255,.025)!important
    }

    .large,.large.last-large,.sidebar .single-old.old-small,.sidebar li,.single-sponsored-post,.single-sponsored-post.old {
        border-top: 1px solid rgba(255,255,255,.15)!important
    }

    .flt-player {
        padding-top: 185%!important
    }
}

.podcast-banner {
    background-color: #222225;
}

.banner-title, 
.wp-caption-text, 
.wp-caption-text div {
    color: #eee;
}

.last-word::after {
    filter: invert(1)
}

.newsletter-block, .main-nav, .extra-small a, .second-nav {
    border-color: #333 !important;
}

.follow-us-block:after {
    opacity: .25 !important;
}

.video-container{
    background:#131316 !important;
}

.popup-container, .sharing-popup, .sharing-drawer {
    background-color: #1a1a1a !important;
}

.btn-close-popup svg g,
.drawer-close-btn svg g {
    stroke: #eee !important;
}

body.page-template-template-steady-subscribe {
    background-color: #18181c!important;
}

/* LIGHT */


body.light-theme {
    color: #1a1a1a!important;
    background: #f2f2f2!important
}

body.light-theme.page-template-template-steady-subscribe {
    background-color: #fff!important;
}

.light-theme img {
    filter: brightness(1) contrast(1)!important
}

.light-theme .category-filter-button {
    color: #1a1a1a!important;
    background: 0 0!important
}

.light-theme .grid-item-img-container,.light-theme .superteaser {
    background: #e5e5e5!important
}

.light-theme #header,.light-theme .article-header .caption span,.light-theme .bg-white,.light-theme .loading-spinner,.light-theme#homepage .one-third-column .grid-item-title-container, .light-theme .main-nav, 
.light-theme .second-nav, .light-theme #header .container {
    background: #fff!important
}

.light-theme #NextPrevPosts .arrow {
    background: #e5e5e5!important
}

.light-theme #sidebar,
.light-theme .column-right {
    background: #fff !important
}

.light-theme footer,
.light-theme .toggle-menu span, 
.light-theme .toggle-menu span:before, 
.light-theme .toggle-menu span:after, 
.light-theme .toggle-menu.active span:before, 
.light-theme .toggle-menu.active span:after {
    background-color: #1a1a1a!important
}

.light-theme .sharing-btns button {
    color: #1a1a1a!important;
    background: #f2f2f2 !important
}

.light-theme .logo, .light-theme #searchsubmit svg, .light-theme .sidebar-links svg path, .light-theme .sharing-btns button svg {
    fill: #1a1a1a!important;
}

.light-theme .superteaser-name {
    color: #eee!important
}

.light-theme .entry-content .caption div,.light-theme .one-third-column .toptitle,.light-theme .small .toptitle,.light-theme footer .part-grid-title h3,.light-theme#homepage #menu-category-nav li a {
    color: #101010!important
}

.light-theme .wp-caption-text > div > span {
    color: #101010!important
}

.light-theme .one-third-column .toptitle,.light-theme .small .toptitle {
    opacity: .6!important
}

.light-theme #header,.light-theme .search-button-container {
    border-color: #fff!important
}

.light-theme .toptitle,.light-theme.single .article-content .article-teaser h2 {
    color: #fff!important
}

.light-theme .article-header .toptitle,.light-theme .entry-content p a,.light-theme.single .article-content a {
    color: gray!important
}

.light-theme #menu-category-nav li a:hover,.light-theme .captions,.light-theme .current-menu-item a,.light-theme .large .grid-item-post-details {
    color: #eee!important
}

.light-theme .logo,.light-theme .search-icon {
    fill: #1a1a1a!important
}

.light-theme #NextPrevPosts .next,.light-theme #NextPrevPosts .prev {
    background: #fff!important
}

.light-theme .searchform input {
    background: #eee!important
}

.light-theme .small .grid-item-post-details,.light-theme.page-template-template-boote #menu-item-315 a,.light-theme.page-template-template-dinge #menu-item-312 a,.light-theme.page-template-template-leute #menu-item-313 a,.light-theme.page-template-template-orte #menu-item-314 a,.light-theme.single-boote #menu-item-315 a,.light-theme.single-dinge #menu-item-312 a,.light-theme.single-leute #menu-item-313 a,.light-theme.single-orte #menu-item-314 a,.light-theme.single-sponsored-post .grid-item-post-details {
    color: #1a1a1a!important;
    text-shadow: none!important
}

.light-theme #homepage-best-stories,.light-theme #homepage-best-stories .entry-content,.light-theme .top-widget {
    background-color: #293846!important
}

.light-theme #comments,.light-theme #newsletter-container,.light-theme #search-form,.light-theme .popup-container {
    background: #eee!important
}

.light-theme .btn-close-popup svg g,
.light-theme .drawer-close-btn svg g {
    stroke: #1a1a1a !important;
}

.light-theme footer .part-grid,.light-theme footer .part-grid-title {
    background: #e5e5e5!important
}

.light-theme .grid .grid-item-img,.light-theme .old .grid-item-img,.light-theme .small .grid-item-img,.light-theme .square .grid-item-img,.light-theme .teaser .grid-item-img {
    opacity: 1!important
}

.light-theme #newsletter,.popup {
    background: rgba(0,0,0,.75)!important
}

.light-theme .single #homepage-categories.entry-content {
    padding-bottom: 0!important;
    margin-bottom: 30px!important
}

.light-theme .list-container li a {
    border-color: #fff!important
}

.light-theme .cat-links.pages-container,.light-theme .cat-section-title,.light-theme .mobile-authors-detail,.light-theme .month-year-header,.light-theme .one-third-column h3 {
    border-bottom: 1px solid rgba(0,0,0,.1)!important
}

.light-theme.single .article-content a {
    border-bottom: 1px solid rgba(0,0,0,.25)!important
}

.light-theme #comments,.light-theme #comments.shown,.light-theme #search-form,.light-theme #search-form.shown,.light-theme .mobile-authors-detail,.light-theme .mobile-go-back,.light-theme .more-section,.light-theme .pages-container {
    border-top: 1px solid rgba(0,0,0,.1)!important
}

.light-theme.page-template .green-audio-player {
    background: rgba(233,241,245,.9)!important
}

.light-theme.page-template .green-audio-player .holder .play-pause-btn svg path {
    fill: #566574!important;
    opacity: 1!important
}

.light-theme.page-template .green-audio-player .controls {
    color: #293846!important
}

.light-theme.page-template .green-audio-player .slider .gap-progress .pin {
    background-color: #293846!important
}

.light-theme .flt-player {
    padding-top: 50.5%!important
}

.light-theme #back-home,.light-theme .sharing-btn {
    background: #eee!important;
    opacity: .6!important
}

.light-theme .teaser-same-topic {
    color: #293846!important;
    background-color: #f5f5f5!important
}

.light-theme.single .article-content .teaser-same-topic a {
    border-bottom: none!important
}

@media screen and (max-width: 655px) {
    .light-theme #homepage-categories,.sidebar,.sidebar::before {
        background:#131316!important
    }

    .light-theme .list-container li a {
        background: 0 0!important
    }

    .light-theme .large,.light-theme .large.last-large,.light-theme .sidebar .single-old.old-small,.light-theme .sidebar li,.light-theme .single-sponsored-post,.light-theme .single-sponsored-post.old,.light-theme .small {
        border-top: 1px solid rgba(0,0,0,.1)!important
    }

    .light-theme .flt-player {
        padding-top: 185%!important
    }
}

.light-theme .more-articles .btn {
    background: #f2f2f2!important;
    border: none!important
}

.light-theme .more-articles .btn:hover {
    background: #e5e5e5!important;
    border: none!important
}

.light-theme .podcast-banner {
    background-color: #222225;
}

.light-theme .portrait .grid-item-post-details .update-btn {
    color: #1a1a1a !important;
}

.light-theme .video-container{
    background:#eee
}