/*CSS*/

:root {
    }
    @media (prefers-color-scheme: dark) {
    /* Elements */
    body {
      background: var(--dark);
      color: var(--dark-color);
    }
    a {
      color: var(--main-color);
    }
    a:visited {
        color: var(--main-color);
    }
    a:hover {
        color: var(--dark-color);
    }
    /* Navigation */
    .with-nav{
        background: var(--dark-middle);
    }
    .custom-logo{
        /* filter: brightness(0) invert(1); */
    }
    #search{
        color: var(--dark-color);
        background: var(--dark-light);
        border: 1px solid #616161;
    }
    #search::-webkit-input-placeholder{
        color: rgb(150, 150, 150);
    }
    #search::-moz-placeholder{
        color: rgb(150, 150, 150);
    }
    #search:-ms-input-placeholder{
        color: rgb(150, 150, 150);
    }
    #search::-ms-input-placeholder{
        color: rgb(150, 150, 150);
    }
    #search::placeholder{
        color: rgb(150, 150, 150);
    }
    #header-menu a{
        color: #e3e3e3;
    }
    /* Body */
    .inner-container, div.has-background{
        background: var(--dark-middle) !important;
    }
    .newsfeed{
        background: var(--dark-middle) !important;
    }
    .darkmode-light{
        color: var(--dark-color) !important;
        background: var(--dark-light) !important;
    }
    .darkmode-middle{
        color: var(--dark-color) !important;
        background: var(--dark-middle) !important;
    }
    .darkmode{
        color: var(--dark-color) !important;
        background: var(--dark) !important;
    }
    /* Footer */
    .footer-background{
        background: var(--dark-light);
    }
    .footer-widget div ul li a{
        color: var(--dark-color);
    }
    .footer-widget div ul li a:visited{
        color: var(--dark-color);
    }
    .footer-widget div ul li a:hover{
        color: var(--dark-color);
    }
    /* Mensa */
    .mensa-grid div{
        color: var(--dark-color);
        background: var(--dark-light) !important;
    }
    .mensa-content{
        color: var(--dark-color);
        background: var(--dark-light) !important;
    }
    /* Icons */
    .icon-darkmode img{
        -webkit-filter: invert(0.9);
                filter: invert(0.9);
    }
    .sort-button{
        color: var(--dark-color);
        background: var(--dark-light);
    }
    .wp-block-quote{
        color: var(--dark-color);
        background: var(--dark-light);
    }
    .wp-block-quote p{
        color: var(--dark-color);
    }
    .flex-post-text{
        color: var(--dark-color);
    }
    .post_group{
        border: 2px solid var(--dark-color);
        background: var(--dark-light);
    }
    .newsfeed{
        color: var(--dark-color);
    }
    .newsfeed.content a{
        color: var(--dark-color);
    }
    .newsfeed.content a:visited{
        color: var(--dark-color);
    }
    .wp-block-table.is-style-stripes tbody tr:nth-child(odd){
        background: var(--dark-light);
    }
    .has-white-background-color.has-background{
        #background: var(--dark-light) !important;
    }
  }