/* Farbakzente: standard */
/* Nach basic.css laden. */

* {
	color: #C5C5C5;
	}

html, body {
	background-color: #161617;
	}

header {
	background-color: #161617;
	border-bottom:    0.5px solid darkgrey;
	}

#start {
	color: #C5C5C5;
	}

#start2 {
	color: #C5C5C5;
	}

#start2 a {
	color: #C5C5C5;
	}

#start2 a:hover {
	color: #739099;
	}

#start3 {
	color: #C5C5C5;
	}

article {
	background-color: #2B2B2B;
	}

footer {
	background-color: #161617;
	border-top:       0.5px solid darkgrey;
	}

footer a {
	color: #C5C5C5;
	}

footer a:hover {
	color: #739099;
	}

hr {
	border: 1px solid #2B2B2B;
	}

article a {
	color: #C5C5C5;
	}

article a:hover {
	color: #739099;
	}

td {
	background-color: #161617;
	border:           1px solid #C5C5C5;
	}

table {
	background-color: #2B2B2B;
	}

input, select {
	background-color: grey;
	color:            #161617;
	}

textarea {
	background-color: grey;
	color:            #161617;
	}

nav {
	background-color: #616161;
	border-right:     0.5px solid darkgrey;
	}

nav li {
	color: #C5C5C5;
	}

nav b {
	color: #C5C5C5;
	}

nav li a {
	color: #C5C5C5;
	}

nav li a:hover, #selected {
	background-color: darkgrey;
	color:            #161617;
	}

#agb li {
	color: #C5C5C5;
	}

#datenschutz li {
	color: #C5C5C5;
	}

#status {
	background-color: #161617;
	border:           1px solid #C5C5C5;
	}

#adresse {
	background-color: #161617;
	border:           1px solid #C5C5C5;
	}

#normal {
	background-color: #2B2B2B;
	border:           1px solid #C5C5C5;
	}

#aktuellerstatus {
	background-color: #008000;
	border:           1px solid #C5C5C5;
	color:            #000000;
	}

#white, #white img {
	background-color: #FFFFFF;
	}

#black, #black img {
	background-color: #000000;
	}

#mehrspaltig {
	background-color: #161617;
	}

#formular {
	background-color: #161617;
	border:           2px solid #161617;
	}

#ON, #RUNNING, #UPDATE, #NEU, #DONE {
	color: #008000;
	}

#ERROR, #FEHLER, #GELOSCHT, #INIT {
	color: #FF0000;
	}

#STOP, #OFF, #STARTING, #WAITING {
	color: #FFFF00;
	}

#INFO {
	color: #739099;
	}

#logobo {
	background-color:    #66CCFF;
	background-image:    url("bo_schriftzug.png");
	background-position: center;
	background-repeat:   no-repeat;
	border:              1px solid #66CCFF;
	}

#logobo2 {
	background-color:    #66CCFF;
	background-image:    url("bo_schriftzug.png");
	background-position: center;
	background-repeat:   no-repeat;
	border:              1px solid #66CCFF;
	}

#logobl {
	background-image:    url("bl_schriftzug_weiß.png");
	background-position: center;
	background-repeat:   no-repeat;
	}

#logobl2 {
	background-image:    url("bl_schriftzug_weiß.png");
	background-position: center;
	background-repeat:   no-repeat;
	}

#logobs {
	background-color:    #36434D;
	background-image:    url("bs_logo.png");
	background-position: center;
	background-repeat:   no-repeat;
	}

#logobs2 {
	background-color:    #36434D;
	background-image:    url("bs_logo.png");
	background-position: center;
	background-repeat:   no-repeat;
	}

.blau {
	background-color: #739099;
	border:           1px solid blue;
	color:            #161617;
	}

.unpassend {
	background-color: #161617;
	border:           1px solid darkgrey;
	color:            #C5C5C5;
	}

.fehler {
	background-color: #FF0000;
	border:           1px solid #8B0000;
	color:            #C5C5C5;
	}

.rot input {
	background-color: #FF0000;
	border:           1px solid #8B0000;
	color:            #C5C5C5;
	}

.rot input:hover {
	background-color: orange;
	border:           1px solid #8B0000;
	color:            #161617;
	}

.balken-container {
	border:     1px solid #FFFFFF;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	}

.balken-fuellung {
	box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.15);
	}

.balken-fuellung::after {
	background: linear-gradient(to right,
	rgba(255, 255, 255, 0) 0%,
	rgba(255, 255, 255, 0.6) 70%,
	rgba(255, 255, 255, 0) 100%
	            );
	}

.chart-container {
	background-color: #161617;
	}

.chart-value {
	color: #C5C5C5;
	}

.chart-label {
	color: #C5C5C5;
	}

.chart-title {
	border-left: 4px solid #4CAF50;
	color:       #C5C5C5;
	}

#picker {
	background-color: #161617;
	border:           1px solid #C5C5C5;
	}

#picker-fortschritt-balken {
	background-color: #2B2B2B;
	border:           1px solid #C5C5C5;
	}

#picker-fortschritt-wert {
	background-color: #739099;
	}

#picker-bild {
	background-color: #FFFFFF;
	border:           1px solid #C5C5C5;
	}

#picker-gepackte-menge {
	border: 2px solid #739099;
	}

#picker-navigation {
	background-color: transparent;
	border:           0;
	border-top:       1px solid #C5C5C5;
	}

#picker-navigation button {
	border: 1px solid #C5C5C5;
	}

#picker-zurueck, #picker-weiter {
	background-color: #FFFFFF;
	color:            #000000;
	}

#picker-start {
	background-color: #161617;
	border:           1px solid #C5C5C5;
	}

.picker-start-bestellung {
	background-color: #2B2B2B;
	border:           1px solid #616161;
	}

.picker-start-bestellung:hover {
	border-color: #739099;
	}

.picker-start-bestellung:has(input:checked) {
	background-color: #616161;
	border-color:     #739099;
	}

#picker-start-zusammenfassung {
	border-top: 1px solid #616161;
	}

#picker-start-meldung {
	color: #FF0000;
	}

#picker-start-button, .picker-start-sort-row {
	background-color: #616161;
	border:           1px solid #C5C5C5;
	color:            #161617;
	}

/* Farbliche Anpassung für das Select-Feld */
#picker-sortierung {
	background-color: #616161;
	border-color:     #C5C5C5;
	color:            #C5C5C5;
	}

/* Einheitlicher Rahmen für alle Inputs */
.picker-menge-input {
	border: 2px solid #C5C5C5;
	color:  #161617;
	}

/* Optischer Zustand für das gesperrte "Bestellt"-Feld */
.picker-menge-input:disabled {
	background-color: #E2E8F0; /* Disables Grau, das signalisiert: Hier kann man nichts tippen */
	border-color:     #CBD5E1;
	color:            #64748B;
	}

#picker-position {
	color:       #C5C5C5;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); /* Verhindert Kontrastprobleme an der Farbgrenze */
	}