:root {
  --Kopfzeile: #F22C2A;
  
  --Menu:          hsl(0, 0%, 40%);
  --Menu-selected: hsl(0, 0%, 50%);
  --Menu-hover:    hsl(0, 0%, 55%);
  --grid:          hsl(347, 73%, 88%);
  
  --Shadow: hsl(348, 100%, 35%);
   
  --body-accent: #fdfdfd;
  --container-body: #f2f2f2;
  --container-action: #f9f9f9;
  --container-title: #d9d9d9;
  --container-left: #ffffff; 
}

.t-Header-branding {
  background-color: #199DE0 !important;
}	

.t-Header-navBar .t-Button--header.is-active {
  background-color: #199DE0 !important;
}	

.t-Header-logo-link {
  height: 50px;
  padding: 0px 0px;
}

.t-Header-logo-link img {
  width: 333px;
  max-height: 3rem;
}

.t-Header-logo {
  color: inherit;
  margin-left: -90px;
  height: 48px;
}

.t-Login-logo {
  width: 300px;
  height: 77px;
  margin-left: 50px;
}

.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label,
.apex-button-group input:checked + label {
  border-color: var(--Kopfzeile);
  background-color: var(--Kopfzeile);
}

.a-Switch input[type="checkbox"]:checked + .a-Switch-toggle {
  background-color: var(--Kopfzeile);
}

.a-Switch:hover input[type=checkbox]:checked+.a-Switch-toggle {
  background-color: var(--Kopfzeile);
}