#leftcontent, #rightcontent {
   background-color: #f2f2f2;
}

.sidenav {
   background-color: #111;
}

.sidenav a {
   color: white;
   border-bottom: 1px solid #333;
   background-color: #222;
}

.sidenav a:hover {
   background-color: #444;
   color: white;
}

.sidenav .close-btn {
   color: white;
}

.kopfzeile {
   background-color: #d9d9d9;
}

.spieleranzeige {
   background-color: #e6e6e6;
   background-image: url('dart_logo_bg.png');
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
}

.player-card {
   background-color: #e6e6e6;
}

.player-card.active {
   background-color: #66B032;
}

.player-card-button {
   color: #000;
}

.player-card-button:hover {
   background-color: #cccccc;
}

.player-card.active .player-card-button:hover {
   background-color: #4c7f26;
}

.score-display {
   color: black;
}

.player-name {
   color: black;
}

.leg-player-display .round {
   background-color: #808080;
}

.player-card.active .round {
   background-color: #528D28;
}

.leg-player-display .round.done, .player-card.active .round.done {
   background-color: #ffff33;
}

.player-leg-avg {
   color: black;
}

.player-livestats {
   color: black;
}

.player-infotext {
   color: black;
}

#scores {
   background-color: #66B032;
}

#scores div.scorefield {
   background-color: #76C13D;
   color: black;
}

.finish-suggestion {
   border-color: #666666;
   color: #d9d9d9 !important;
}

.input-error {
   background-color: red;
}

.popupmodal {
   background-color: rgba(0, 0, 0, 0.4);
}

.popupmodal .modal-content {
   background-color: rgba(255, 255, 255, 0.95);
   border-color: #888;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.configmodal {
   background-color: rgba(0, 0, 0, 0.4);
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   border-color: #ccc;
}

.configmodal .modal-header {
   background-color: #ccc;
}

.configmodal .modal-header h2 {
   background-color: #ccc;
   color: #666;
}

.configmodal .modal-content {
   background-color: #f9f9f9;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.inputmultilist .option {
   background-color: lightgray;
   border-color: #ccc;
}

.inputmultilist .option.selected {
   background-color: #007bff;
   color: white;
}

.inputselectbox {
   border-color: #ccc;
   background-color: #fff;
}

.inputselectbox option {
   background-color: #fff;
}

.inputselectbox option:checked {
   background-color: #007bff;
   color: #fff;
}

.inputselectbox::-moz-scrollbar-thumb {
   background-color: #007bff;
}

.inputselectbox::-webkit-scrollbar-thumb {
   background-color: #007bff;
}

.inputtext {
   border-color: #ccc;
}

.sliderbutton, .inputbutton, .player-addtogame {
   background-color: #007bff;
   color: #fff;
}
.sliderbutton:hover, .inputbutton:hover, .player-addtogame:hover {
   background-color: #0056b3;

}

.segment {
   stroke: #000;
}

.double, .triple {
   stroke: #000;
}

.double {
   fill: #ff6347;
}

.triple {
   fill: #32cd32;
}

.bullseye {
   fill: #ff0000;
}

.outer-bullseye {
   fill: #00ff00;
}

.label {
   fill: #000;
}

.corrbutton {
   background-color: #d9d9d9;
}

.darkbutton {
   background-color: #e6e6e6;
}

.lightbutton {
   background-color: #f2f2f2;
}

.countbutton button:hover, .corrbutton:hover {
   background-color: #cccccc;
}

.pulseredbutton:hover {
   background-color: #ff5232;
}

.pulseredbutton {
    animation: pulsered 1.5s infinite ease-in-out; /* Animation */
}

@keyframes pulsered {
    0% {
        background-color: #ff7b5a; /* Ausgangsrot */
    }
    50% {
        background-color: #ff3220; /* Intensiver dunkler Rotton */
    }
    100% {
        background-color: #ff7b5a; /* Zurück zur Ausgangsrot */
    }
}

.active {
   background-color: #d9d9d9;
}

a {
   color: #007bff;
}

a:hover {
   color: #007bff;
}