html.dark {
    color: var(--color-white);
    background: var(--color-black);
    background-image: url(../assets/images/bg_content_C_dark_1x.jpg);
    background-size: cover;

    body {
        border: 2px solid var(--color-white);
    }

    header.headroom {
        background-color: #fff;
        left: 0;
        right: 0;
    }
    header.headroom {
        & .navigation ul.menu {
            .menu-item.btn_menu a {
                background: var(--color-black);
                color: var(--color-white);
            }
        }
    }
    header.headroom {
        #hauptmenue > .menu-item {
            color: var(--color-black);
        }
    }
    header.headroom {
        #hauptmenue > li > .sub-menu {
            background: var(--color-white);
        }
    }

    .btn_c2a.btn-bg-black {
        border: 1px solid var(--color-white);
    }

    .btn_c2a:not(.btn-bg-black):not(.btn-bg-trans) {
        background: var(--color-primary);
        color: var(--color-black);
    }

    .container.intro {
        & .intro-section {
            .intro_jump svg {
                color: var(--color-white) !important;
            }
        }
    }

    .btn_c2a.btn-bg-trans  { 
        color: var(--color-white);

        svg {
            color: var(--color-white) !important;
        }
    }

    .call2action_col {
        border: 1px solid var(--color-white);
    }

    .footer_list_entry svg { 
        color: var(--color-white) !important;
    }
    g.logotext path {
        fill: var(--color-white);
    }
    .spinne .st1 {
        fill: var(--color-white) !important;
    }

    .stw {
        fill: var(--color-black) !important;
    }

    .hamburger .line {
        background-color: var(--color-white);
    }

    header.headroom {
        .hamburger .line {
            background-color: var(--color-black);
        }
    }

    #hauptmenue > li > .sub-menu {
        background: var(--color-black);
        border: 1px solid var(--color-white);
    }

    .leistungen-facts-wrapper {
        & .leistungen-fact {
            .leistungen-fact-icon {
                svg {
                    color: var(--color-white) !important;
                }
            }
        }
    }

    .navigation ul.menu {
        .menu-item.btn_menu a {
            background: var(--color-white);
            color: var(--color-black);
        }
    }

    .partnerlogo img {
        background: var(--color-white);
        padding: 5px;
    }

    .spidertext {
        background: var(--color-white);
        color: var(--color-black);
    }
    .spidertext:after {
        border-bottom-color: var(--color-white);
    }

    .microleistungen {
        li {
            border: 1px solid;
        }
    }

    /* tabelle */
    .wp-block-table.is-style-stripes {
        border: 1px solid var(--color-white);
        background-color: var(--color-black);
    }

    .pakete {
        th:nth-of-type(2), th:nth-of-type(3) {
            color: var(--color-primary);
        }
        tbody tr:nth-child(odd) {
            background-color: transparent;
        }

        th:nth-child(1), td:nth-child(1) {
            background: transparent;
        }
    }

    .tools {
        thead {
            border-bottom: none;
        }
        h3 {
            font-weight: bold;
            margin: 0;
            text-decoration: underline;
            text-underline-position: under;
            text-decoration-thickness: 3px;
            text-decoration-color: var(--color-primary);
            /* margin-bottom: 8px; */
        }

        tbody tr:nth-child(odd) {
            background-color: #f0f0f000;
        }

        th:nth-child(1), td:nth-child(1) {
            background: #ffffff00;
        }

    }

    .pakete th:nth-of-type(2), th:nth-of-type(3) {
        color: var(--color-primary);
    }

    /* Announcement */
    .announcement {
        border: 1px solid var(--color-primary);

        .announcement-content {
            .announcement-text {
                scrollbar-color: var(--color-black) var(--color-white);
            }
        }
    }
  
    /* Post Archiv */
    .post_archiv_wrapper {
        .post_archiv_entry {
            background: var(--color-black);
        }
    }

    /* Related posts */
    .related_archive_button svg {
        color: var(--color-white) !important;
    }
    .other-posts {
        .other-post {
            background-color: var(--color-black);
        }
    }


    /* BG */
    @media 
    only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi) {
    html {
        background-image: url(../assets/images/bg_content_C_dark_15x.jpg);
    }
    }

    @media only screen and (max-width: 1023px) {

        html {
            background-image: url(../assets/images/bg_content_C_dark_1x_1024.jpg);
        }

        .aktuelles {
            border: none;
        }

        .aktuelles {
            .swiper {
                border: 1px solid var(--color-white);
            }
        }

        .aktuelles {
            .slide_navigation:after {
                background: linear-gradient(to right, transparent, var(--color-black));
                margin-top: -5px;
                margin-right: -1px;
            }
        }

        .slide_navigation::-webkit-scrollbar {
            width: 6px;
        }

        .slide_navigation::-webkit-scrollbar-track {
            background: var(--color-black);
        }

        .slide_navigation::-webkit-scrollbar-thumb {
            background: var(--color-white);
            border-radius: 10px;
        }

        /* Firefox */
        .slide_navigation {
            scrollbar-width: thin;
            scrollbar-color: var(--color-white) var(--color-black);
        }

        .aktuelles {
            .slide_navigation {
                color: var(--color-white);
            }
        }

    }

    @media only screen and (max-width: 781px) {
        html {
            background-image: url(../assets/images/bg_content_C_dark_1x_781.jpg);  
        }
    }

    @media only screen and (max-width: 550px) {

        html {
            background-image: url(../assets/images/bg_content_C_dark_1x_550.jpg);
        }
    }

    /* BG Retina Queries */
    @media 
    only screen and (max-width: 1023px) and 
    (-webkit-min-device-pixel-ratio: 2),
    only screen and (max-width: 1023px) and 
    (min-resolution: 192dpi) {
    html {
        background-image: url(../assets/images/bg_content_C_dark_15x_1024.jpg);
    }
    }

    @media 
    only screen and (max-width: 781px) and 
    (-webkit-min-device-pixel-ratio: 2),
    only screen and (max-width: 781px) and 
    (min-resolution: 192dpi) {
    html {
        background-image: url(../assets/images/bg_content_C_dark_15x_781.jpg);
    }
    }

    @media 
    only screen and (max-width: 550px) and 
    (-webkit-min-device-pixel-ratio: 2),
    only screen and (max-width: 550px) and 
    (min-resolution: 192dpi) {
    html {
        background-image: url(../assets/images/bg_content_C_dark_15x_550.jpg);
    }
    }


}