.colorDarkLavender {
  background-color: #7b4b94; }

.colorGlaucous {
  background-color: #7d82b8; }

.colorEtonBlue {
  background-color: #9bc995; }

.colorLightCarminePink {
  background-color: #e85d75; }

.colorTerraCotta {
  background-color: #e85f5c; }

.colorClaret {
  background-color: #7d1128; }

.colorBistre {
  background-color: #392a16; }

.colorCarrotOrange {
  background-color: #ec9a29; }

.colorFrenchWine {
  background-color: #ab2346; }

.colorOceanGreen {
  background-color: #4fcf91; }

.colorDimGrey {
  background-color: #6a7152; }

.colorLapisLazuli {
  background-color: #2274a5; }

.colorDolphin {
  background-color: #635c8a; }

.colorPlantation {
  background-color: #254344; }

.colorFringyFlower {
  background-color: #aee0c5; }

.colorKimberly {
  background-color: #6f6796; }

.colorLightOrchid {
  background-color: #dea9d7; }

.colorJungleMist {
  background-color: #c2d4d8; }

.colorChatelle {
  background-color: #b0abc3; }

.colorApricotPeach {
  background-color: #fac8bf; }

.colorBlueBayoux {
  background-color: #466675; }

.colorRobinsEggBlue {
  background-color: #00d1cb; }

.colorCopperMetallic {
  background-color: #a57f6c; }

.colorBasaltGray {
    background-color: #4e5754; }

/* =============================================================
   Imperator-Theme-Farben - zentrale Single-Source-Of-Truth.
   Opera Presto kann keine CSS-Variablen, daher arbeiten wir mit
   gemeinsamen Selektor-Listen. Wer eine Theme-Farbe aendern will,
   passt hier den Hex-Wert in EINER Regel an.
   ============================================================= */

/* Imperator non-active (neutral grey) - #4e5754. */
.primaryColorScheme {
  background-color: #4e5754;
  color: #ffffff;
}

/* Imperator active/focus accent (red) - #d20910.
   Geteilte Selektor-Liste: jede Klasse die diese Farbe als
   Hintergrund braucht, wird hier mit angehaengt. */
.primaryColorScheme.active,
.primaryColorScheme.focused,
.rs-choice.selected-or,
.rs-choice.selected-and {
  background-color: #d20910;
  color: #ffffff;
}

.secondaryColorScheme {
  background-color: #353b38;
}

.secondaryColorScheme.active {
  background-color: #353b38;
}

.tertiaryColorScheme {
  background-color: #797979;
}

.tertiaryColorScheme.active {
  background-color: #797979;
}

/* Focus-Ring: 3px-Inset-Rahmen in Weiss.
   Cursor-Marker fuer Elemente die einen klar sichtbaren Fokus brauchen
   ohne ihren Hintergrund zu ueberschreiben. Weiss bleibt auf allen
   Hintergruenden (auch Active-Rot) gut sichtbar und ist neutral fuer
   Rot-Gruen-Schwaeche. Gleiches Pattern wie in roomservice.css.
   Vergabe via zusaetzlicher Klasse "focusRing" + bestehender ".focused". */
.focusRing.focused {
  -webkit-box-shadow: inset 0 0 0 3px #ffffff;
          box-shadow: inset 0 0 0 3px #ffffff;
}