@media (prefers-color-scheme: dark) {
    body {
        background: #121417;
        color: #e6eaf0;
    }

    .container {
        color: #e6eaf0;
    }

    .webform_headline,
    .webform_vera_title,
    .datenschutz {
        color: #e6eaf0;
    }

    a {
        color: #8ec5ff;
    }

    a:hover,
    a:focus {
        color: #b8dcff;
    }

    .form-control,
    .form-select,
    .form-check-input {
        background-color: #1a1f25;
        border-color: #3a4350;
        color: #e6eaf0;
    }

    .form-control:focus,
    .form-select:focus,
    .form-check-input:focus {
        background-color: #1a1f25;
        border-color: #69a8ff;
        color: #e6eaf0;
        box-shadow: 0 0 0 0.2rem rgba(105, 168, 255, 0.25);
    }

    .form-control::placeholder {
        color: #9ba7b7;
    }

    .form-check-label,
    .col-form-label {
        color: #d5dbe5;
    }

    .form-text,
    .form-text.text-muted,
    .text-muted,
    .help-block,
    .ck-content,
    small.form-text {
        color: #f0f4fa !important;
    }

    .datenschutz {
        color: #f3f7ff !important;
    }

    .btn-outline-secondary {
        color: #d5dbe5;
        border-color: #5c6676;
    }

    .btn-outline-secondary:hover,
    .btn-outline-secondary:focus {
        background-color: #2b313b;
        color: #e6eaf0;
        border-color: #7c8798;
    }

    .alert {
        background-color: #1d2430;
        border-color: #324155;
        color: #e6eaf0;
    }
}