/* Globale Einstellungen /
body {
font-family: Verdana, Arial, Helvetica, sans-serif; / Schriftart für die gesamte Seite /
margin: 0;
padding: 0;
background-color: #000; / Schwarzer Hintergrund für Glitzereffekt */
}

/* Stil für Label /
#Content label.DivLabel {
display: block;
font-size: 12px;
font-variant: small-caps;
color: #FF0000; / Rote Schriftfarbe */
}

#Content label.UnitLabel {
display: inline;
font-size: 12px;
font-variant: normal;
color: #FFF; /* Weiße Schriftfarbe für bessere Lesbarkeit */
}

/* Stil für Boxen mit Rot-Schwarz-Effekt /
#Content div.CLBox,
#Content div.QRBox,
#Content div.OCLBox,
#Content div.OQRBox {
font-size: 12px;
border: 2px inset #f8f8f8;
background: linear-gradient(to bottom, #FF0000, #000000); / Rot zu Schwarz Gradient /
padding: 2px;
color: #FFF; / Textfarbe weiß */
}

/* Textbox-Stil /
#Content input.QRTextBox,
#Content input.DisQRTextBox,
#Content input.QLTextBox {
background-color: #ffff88; / Helles Gelb für Eingabefelder /
font-size: 12px;
text-align: right;
padding: 2px;
border: 1px solid #d3d3d3; / Rahmen für Eingabefelder */
}

/* Responsive Design für kleinere Bildschirme /
@media (max-width: 600px) {
#Content {
padding: 10px; / Innenabstand auf kleinen Bildschirmen */
}

#Content label,
#Content div,
#Content input,
#Content select {
font-size: 10px; /* Kleinere Schriftgröße für mobile Geräte */
}

#Content div .RadioSwitch label {
width: auto; /* Breite auf kleineren Geräten anpassen */
}
}

/* Stil für Tabellen */
#Content table.QTable tbody td input.textbox {
border: 1px inset #e8e8e8;
font-size: 12px;
padding: 2px;
}

/* Stil für Panel-Listen /
#Content div.PanelList {
border: 1px solid #d3d3d3;
background-color: #ffdddd; / Helles Rot für Panelhintergrund */
font-size: 12px;
}

/* Stil für Dropdown-Pfeil */
#Content div.DropArrow {
font-size: 12px;
float: right;
width: 10px;
background: url(../images/drop-arrow.gif) no-repeat 50% 50%;
border: 1px solid #a8a8a8;
background-color: #e8e8e8;
}