.mode-toggle {
    background: #333;
    color: #aaa;
}

.mode-toggle input#dark:checked ~ label[for="dark"]
{
    background: #000;
    color: #fff;
}

body {
    background-color: #000;
    color: #fff;
}

table tbody tr td {
    background-color: #141414;
}

header {
    background: url('icons/doko-banner-dark.png') center/contain no-repeat;
}

h1, h2 {
    color: #fff;
}

input[type="text"], input[type="number"], select {
    background-color: #141414;
    color: #fff;
    border: 1px solid #444;
}

input[type="checkbox"] {
    accent-color: #444;
}
input[type="checkbox"]:disabled:not(:checked) {
    appearance: none;
}

.suggestions {
  background: #141414;
  color: #ccc;
}

.suggestions li:hover {
  background: rgba(0, 255, 0, 0.1);
}

button {
    background-color: rgba(25, 255, 0, 0.3);
    color: #fff;
    border: 1px solid #444;
}

button:hover {
    background-color: rgba(0, 255, 0, 0.5);
}

button.nav-toggle {
    color: #fff;
    background-color: #000;
}

button.nav-toggle:hover {
    background-color: #333;
}


#InstructionsButton, #privacyButton {
    background-color: #000;
    color: #fff;
    border: 0px solid #000;
}

#InstructionsButton:hover {
    background-color: #222;
}

#privacyButton:hover {
    background-color: #222;
}

table {
    color: #fff;
}

tr.stripe:not(:last-child) {
   border-bottom: 1px solid #333;
}

/* tr.stripe td:first-child {
    color: rgba(14, 170, 0, 0.3);
    font-weight: bold;
} */

th, td {
    border: 0px solid #333;
}

th {
    background-color: #333;
}

.privacy {
   background-color: #000;
   color: #fff;
}

.closedGames td {
   color: #555;
}


.main-nav .nav-links li a {
    box-shadow: 5px 5px 6px green; /* leichter Schlagschatten */
}

@media (max-width: 768px) {
    html, body {
        background-color: #000 !important;
        color: #fff;
    }
    header {
        max-width: 88%;
    }
    tr {
        background: #000;
    }
    td::before {
        color: #888;
    }

    .nav-links {
        background-color: #141414;
        box-shadow: 0 4px 8px rgba(0,0,0,0.15);
        z-index: 4;
    }

    .main-nav .nav-links li a {
        box-shadow: none;
        padding: 0em 0em;
        font-weight: normal;
    }
}