/* dark mode */

@media (prefers-color-scheme: dark) {

    body {
        margin: 0;
        height: 100%;
        padding: 0;
        outline: none;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url(../img/halle.png);
        background-repeat: repeat;
        background-attachment: fixed;
        background-size: 100%;
    }

    /* Cookie modal */
    #block-cookie-modal {
        background-color: #000;
        -webkit-box-shadow: 0px 0px 5px -2px rgba(255, 255, 255, 0.75);
        -moz-box-shadow: 0px 0px 5px -2px rgba(255, 255, 255, 0.75);
        box-shadow: 0px 0px 5px -2px rgba(255, 255, 255, 0.75);
    }

    #txt-cookie-modal-right-heading,
    #txt-cookie-modal-right-heading-responsive,
    #txt-cookie-modal-right-heading-top-mobile,
    #txt-cookie-modal-right-heading-bottom-mobile,
    #txt-header-right-links-first,
    #txt-header-right-links-second,
    #txt-header-right-links-third,
    #txt-header-right-links-fourth,
    #txt-footer-right-links,
    #txt-footer-left-c,
    #txt-footer-right-social-media,
    #txt-footer-mobile-top-social-media,
    #txt-footer-mobile-links-top,
    #txt-footer-mobile-c-bottom {
        color: #fff;
    }

    #txt-cookie-modal-right-content,
    #txt-cookie-modal-right-content-mobile {
        color: #d9d9d9;
    }


    /* header */
    #btn-header-menu-open-small-responisve:hover,
    #btn-sidebar-responsive-close:hover,
    #btn-sidebar-responsive-links-first:hover,
    #btn-sidebar-responsive-links-second:hover,
    #btn-sidebar-responsive-links-third:hover,
    #btn-sidebar-responsive-links-fourth:hover,
    #btn-sidebar-responsive-links-hyphenation:hover {
        background-color: rgba(77, 77, 77, 0.3);
    }

    #img-header-menu-open-small-responisve,
    #img-sidebar-responsive-close {
        filter: invert(100%) sepia(95%) saturate(0%) hue-rotate(130deg) brightness(104%) contrast(108%);
    }


    /* responsive sidebar */
    #block-sidebar-responsive {
        background-color: #000;
    }

    #block-sidebar-responsive-header {
        border-color: rgba(77, 77, 77, 0.3);
    }

    #img-sidebar-responsive-close-light {
        display: none;
    }

    #img-sidebar-responsive-close-dark {
        display: block;
    }

    #txt-sidebar-responsive-links {
        color: #fff;
    }

    /* footer */
    #block-footer {
        background-color: rgba(0, 0, 0, 0.8);
    }

    #block-footer-right-social-media {
        border-color: #fff;
    }

}