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

    body {
        background: rgb(18, 20, 21);
    }


    .text-light-dark {
        color: rgb(209, 205, 199);
    }

    /*menu*/
    .menu
    {
        background: url("../img/achtergronddonkerspinde2.png");
        color: rgb(207, 169, 130);
        -webkit-column-rule-color: rgb(207, 169, 130);
        -moz-column-rule-color: rgb(207, 169, 130);
        column-rule-color: rgb(207, 169, 130);
    }

    .blok
    {
        color: #212529;
        background-color: rgb(207, 169, 130);
    }

    .omlijning
    {
        outline: 2px solid; rgb(207, 169, 130);
    }

    .dots-box:before
    {
        border-bottom: 3px dotted rgb(207, 169, 130);
    }

    /*
    .zon {
        height: 24px;
        width: 24px;
        background-color: yellow;
        border-radius: 50%;
        display: inline-block;
    }
    */
}