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

    :focus-visible {
        outline: 2px auto orange;
    }

    html {
        color: var(--color-white);
        background: var(--color-black);

    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);
        }
    }

    .logo {
        .st1, .st0 {
            fill: var(--color-white) !important;
        }
    }

    .socket {
        background-color: #040404;
    }

    .socket {
        & .socket_content {
            & .socket_col {
                & a {
                    img {
                        background: var(--color-white);
                        padding: 5px;
                    }
                }
            }
        }
    }

    .leichterlesen_wrapper {
        .leichterlesen_toggle {

            a.toggle-btn {
                border: 3px solid var(--color-white);
            }

            a.toggle-btn.active {
                background: var(--color-white);
                color: var(--color-black);
            }
        }
    }


    .container.intro {
        .page-intro-container {
            background: none;
        }
    }

    .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);
    }*/

    .btn_c2a  { 
        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);
    }
    .call2teilen_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);*/
    }

    .job-facts-wrapper {
        & .job-fact {
            .job-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;
    }


    /* 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);
        }
    }

    /* Intro Startseite */
    .container.intro.startseite {

        .intro-section.left {
            

            &::before {

            }

            .intro-section-left-wrapper {


                .intro-section-left-title {
 
                }

                .intro-section-left-subheadline {

                }
            }
        }

        .intro-section.right {


            .intro-section-right-wrapper {


                .intro-section-right-introtext {
                    background: none;


                    .intro-section-right-title {

                        h1 {

                        }
                    }

                    .intro-section-right-text {

                    }
                }

                .intro-section-right-box {


                    &::before {

                    }
                }
            }
        }

    }


    /* BG */
    @media only screen and (max-width: 1023px) {
        .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);
            }
        }

    }



} }