body {
    background-color: #000;

    .scrollcontent {
        background-color: #000;
    }

    main {
        background-color: #000 !important;
    }

    section {
        border-top-color: #000;
        background-color: #000;

        .headline * {
            color: #fff;
        }

        .countdown_wrapper {
            background-color: #000 !important;
            color: #fff;
        }

        .bar_border {
            border-color: #fff;
        }

        .bar_loading.border {
            border-right-color:  #fff;
        }

    }

    h1 {
        color: #fff;
    }
    .text {
        background-color: #000;
        color: #fff;

        >h2 {
            color: #fff;
        }

        >ul >li::before {
            background-image: url(../images/list_icon_darkmode.png);
        }

        .subheader {
            color: #fff;
        }
    }

    label .placeholder {
        color: #dfdfdf;
    }
    label.halbbox .placeholder {
        color: #dfdfdf;
    }
    label {
        color: #dfdfdf;
        >select {
            background-color: #000;
            color: #fff;
            border-color: #000;
            border-bottom-color: #fff;
        }

        >textarea {
            background-color: #000;
            color: #fff !important;
        }
    }


    input {
        background-color: #000;
        border: 1px solid #000;
        border-bottom: 1px solid #dfdfdf;
        color: #fff;
        color-scheme: dark;
    }


    footer {
        background-color: #000;
        color: #fff;

        .center * {
            color: #fff;
        }
    }

    .center {
        img {
            border: 2px solid #fff;
            border-radius: 100%;
        }
    }
}