/* Auto-loaded when dark mode is active */
        body {
            color: #e4e4e4;
            background: #121820
        }

        #logo a, a {
            color: #e4e4e4
        }

        a:hover, .review a, .rechterkolom ul li a:not(.comment-preview-link), .footer2 a {
            color: #5dccf5
        }

        #header {
            background: #1a2832
        }

        #zoeken {
            background: #243540
        }

        #zoeken input {
            background: #2d3f4c;
            color: #f0f0f0
        }

        #zoeken input::placeholder {
            color: #8a9aa6
        }

        #zoeken button, #zoeken input[type=submit] {
            background: #42c0fb;
            color: #121820
        }

        #content p {
            background: #2a2820;
            border-color: #4a4630;
            box-shadow: inset 0 -1px #333;
            color: #e4e4e4
        }

        .content, .content .microsoft p {
            background: #1e2830;
            border-color: #3a4a55;
            box-shadow: 1px 1px #0d1218;
            color: #e0e0e0
        }

        #commentaar ul li, #commentaar2 ul li {
            border-bottom-color: #2e3a44
        }

        li.commentwithdate:target {
            background: #2a3020
        }

        .comment-preview-link {
            color: inherit
        }

        .rechterkolom .comment-preview-link {
            color: #9aa8b3
        }

        .rechterkolom .comment-preview-link:hover {
            color: #c5d0d8
        }

        #commentaar.frontpage .ervaring-feed-item {
            border-bottom-color: #2e3a44
        }

        #commentaar.frontpage .ervaring-feed-nummer {
            color: #42c0fb
        }

        #commentaar.frontpage .ervaring-feed-datum {
            color: #7a8a96
        }

        #commentaar.frontpage .ervaring-feed-tekst {
            color: #a8b4be
        }

        #commentaar.frontpage .ervaring-feed-tekst:hover {
            color: #d0d8de
        }

        #commentaar.frontpage .ervaring-feed-badge--5 {
            color: #fca5a5;
            background: rgba(153, 27, 27, 0.2);
            border-color: rgba(248, 113, 113, 0.25)
        }

        #commentaar.frontpage .ervaring-feed-badge--4 {
            color: #fdba74;
            background: rgba(154, 52, 18, 0.2);
            border-color: rgba(251, 146, 60, 0.25)
        }

        #commentaar.frontpage .ervaring-feed-badge--3 {
            color: #fde047;
            background: rgba(133, 77, 14, 0.2);
            border-color: rgba(250, 204, 21, 0.2)
        }

        #commentaar.frontpage .ervaring-feed-badge--2 {
            color: #86efac;
            background: rgba(22, 101, 52, 0.2);
            border-color: rgba(74, 222, 128, 0.2)
        }

        #commentaar.frontpage .ervaring-feed-badge--1 {
            color: #6ee7b7;
            background: rgba(4, 120, 87, 0.2);
            border-color: rgba(52, 211, 153, 0.2)
        }

        #commentaar ul li:nth-child(even),
        #commentaar2 ul li:nth-child(even) {
            background: #1a2229
        }

        .rechterkolom ul li:nth-child(even) {
            background: transparent
        }

        .rechterkolom {
            background: transparent;
            border-left-color: #2e3a44
        }

        .rechterkolom ul li {
            border-bottom-color: #2e3a44
        }

        .review span, span#datum {
            border-bottom-color: #3a4a55;
            color: #888
        }

        .ratebar {
            background: #2a3540;
            border-color: #3a4a55
        }

        .ratingtekst {
            color: #bbb
        }

        #formulier {
            background: #1e2830;
            border-color: #3a4a55
        }

        #formulier h3 {
            color: #ccc
        }

        #content form textarea,
        #formulier input.naam,
        .contactform input,
        .contactform textarea {
            background: #2d3f4c;
            border-color: #3a4a55 !important;
            color: #f0f0f0
        }

        li.alert {
            background: #2a2818;
            border-color: #4a4840;
            color: #e4e4e4
        }

        div.alert {
            background: #3a2020;
            border-color: #6a3030;
            color: #e4e4e4
        }

        .alert a {
            color: #ff9f9f
        }

        .paginas a, .paginas span {
            background: #1e2830;
            border-color: #3a4a55;
            color: #aaa
        }

        .paginas a:hover {
            background-color: #2a3540
        }

        .paginas span.active {
            background: #243540;
            border-color: #42c0fb;
            color: #42c0fb;
            font-weight: 600
        }

        #footer h4, #nummeroverzicht h3 {
            background: transparent;
            border: none;
            color: #e4e4e4
        }

        .nummeroverzicht-meta {
            color: #9aa8b3
        }

        #nummeroverzicht .paginas {
            border-top-color: #3a4a55
        }

        .nummer-chips a {
            background: #1e2830;
            border-color: #3a4a55;
            color: #42c0fb;
        }

        .nummer-chips a:hover {
            background: #2a3540;
            border-color: #42c0fb;
        }

        .landnummer ul {
            background: #1e2830;
            border-bottom-color: #3a4a55
        }

        .landnummer li a {
            color: #42c0fb
        }

        .land-review-count {
            color: #8a9aa6
        }

        .land-met-meldingen {
            background: #1e2830;
            border-color: #3a4a55
        }

        .land-met-meldingen h2 {
            color: #e4e4e4
        }

        .landnummer li, .netnummer ul li {
            border-bottom-color: #3a4a55
        }

        #plaatsoverzicht h3,
        #content h2, .rechterkolom h4,
        #content hr {
            border-bottom-color: #3a4a55
        }

        span.subnummer {
            color: #999
        }

        #cijfer span {
            color: #e4e4e4
        }

        .stars-row--empty svg {
            fill: #4a5560
        }

        #netnummer {
            border-color: #3a4a55;
            background: #1e2830;
            color: #e4e4e4
        }

        .nocomment {
            color: #777
        }

        #charNum {
            color: #888
        }

        .inputs .form-actions {
            flex-wrap: wrap;
        }

        .contactform button {
            background: #243540;
            border-color: #3a4a55;
            color: #e4e4e4
        }

        .faq-home {
            background: #1a2832;
            border-color: #2e4555
        }

        .faq-home h2,
        #content .faq-home h2 {
            border-bottom-color: #3a4a55
        }

        .faq-home dt {
            color: #e4e4e4
        }

        .faq-home dd {
            color: #aaa
        }

        .nummer-samenvatting {
            background: #1e2830;
            border-color: #3a4a55;
            color: #c8d0d6
        }

        .nummer-info {
            color: #9aa8b3;
        }

        .nummer-info a {
            color: #42c0fb;
        }

        .breadcrumb a {
            color: #42c0fb;
        }

        .inputs fieldset label {
            color: #ccc
        }

        .inputs fieldset span.rate5 label,
        .inputs fieldset span.rate4 label {
            color: #fff
        }

        .inputs fieldset span.rate3,
        .inputs fieldset span.rate2,
        .inputs fieldset span.rate1 {
            color: #1a2832;
            box-shadow: inset 0 6px 10px rgba(0, 0, 0, 0.15)
        }

        .inputs fieldset span.rate3 label,
        .inputs fieldset span.rate2 label,
        .inputs fieldset span.rate1 label {
            color: #1a2832
        }

        .inputs fieldset input[type="radio"] {
            accent-color: #42c0fb
        }

        #warning .tooltiptext {
            background-color: #2d3f4c;
            color: #e4e4e4;
            border: 1px solid #3a4a55
        }

        .microsoft p {
            background: #1e2830 !important;
            color: #e0e0e0
        }

        .footer-theme-label {
            color: #8a9aa6
        }

        .theme-toggle-btn {
            border-color: #3a4a55;
            color: #c8d0d6
        }

        .theme-toggle-btn:hover {
            border-color: #42c0fb
        }

        .theme-toggle-btn.is-active {
            background: #243540;
            border-color: #42c0fb;
            color: #42c0fb
        }

@media only screen and (max-width: 768px) {
        .rechterkolom {
            border-top-color: #2e3a44
        }

        #statistics {
            background: #1e2830;
            border-color: #3a4a55;
            color: #c8d0d6
        }

        #statistics div + div {
            border-top-color: #3a4a55
        }

        #views, #comments {
            color: #c8d0d6
        }
}