:root {
  --hintergrund1: #b70001;  /* Variable Bannerfarbe */
  --texthintergrund-body: #E3E3E3;
  --heller-hintergrund: #F0F0F0;
  --fontfarbe: #606060;
  --helle-schrift: #FFFFFF;
}

.container-header {
  background-color: var(--hintergrund1);
  background-image: none;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 25px;
  background: var(--texthintergrund-body);
  color: var(--fontfarbe);
}

h1,h2,h3,h4 {
  color: var(--fontfarbe);
}

.sidebar-right.card {
  background: var(--heller-hintergrund);
  color: var(--fontfarbe);
}

.card-header {
  color: var(--fontfarbe);
}

.footer {
    background: var(--hintergrund1); /* rgb(254,0,0);*/ 
}

.metismenu-item  {
  background: var(--hintergrund1); /* #E00000;*/
  color: var(--heller-hintergrund);
}


/*.footer:hover {
   color: #00FF00;
}*/


a:not(.btn):hover { 
  color: var(--heller-hintergrund);
}

.btn-primary {
     background: var(--hintergrund1); /* rgb(254,0,0);*/
}

.breadcrumb {
  color: c;
}

/* "aktuelle Seite"*/
.mod-breadcrumbs {
  background: var(--hintergrund1); /* #E00000; */
  color: var(--helle-schrift);
}

a {
  color: var(--helle-schrift);
}

.breadcrumb-item.active {
  color: var(--helle-schrift);
}

.breadcrumb > li > .divider {
	padding: 0 5px;
	color: var(--helle-schrift);
}


/* siehe https://coolcat-creations.com/blog/passe-dein-cassiopeia-template-an  */


/*
.breadcrumb > li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-shadow: 0 1px 0 #fff;
}*/