/* Banner Image */
.mybanner {
  min-width: 100%;
}

/* Menu */

/* Override the lila background with white */
.container-header {
  background-color: white;
  background-image: none;
}

/* Text should now be blue */
.container-header .mod-menu {
  color: #0088cc;
}

/* We add padding and radius so that on hover there is a nice background */
.container-header .mod-menu a {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  padding: 3px 15px;
  color: #0088cc;
}

/* On hover there should be a gray background*/
.container-header .mod-menu a:hover {
  background-color: #eee;
}

/* We need to change the color of the Hamburger Menu because white on white is not good */
.container-header .navbar-toggler {
  color: #0088cc;
  border: 1px solid #0088cc;
}

/*--------------------------------------------------------------------------------------------*/

/*Der (lila) Background und sowie das Hamburger Menu werden formatiert*/
.container-header {
background-color: white;
background-image: none;
}


.container-header .navbar-toggler {
color: #0088cc;
border: 1px solid #0088cc;
}

/*Die Menüleiste muss mit user.css farblich noch sichtbar gemacht werden.*/
/*.container-header .mod-menu {
color: #0088cc;
background-color: #999;
font-weight: bold;
}

.container-header .mod-menu a {
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
padding: 3px 15px;
color: #5588cc;
background-color: #555;
}

.container-header .container-nav {
background-color: #777;
padding: 0;
}
*/
/*Ich nehme zusätzlich noch weitere css-Formatierungen (für alle Fälle) vor*/
.container-header .mod-menu a:hover {
background-color: #faa;
color: red;
}

.container-header .mod-menu a:focus {
background-color: #dda;
color: yellow;
}

.container-header .mod-menu a:active {
background-color: #777;
color: green;
}

/*Soll der Menüeintrag nach Klick formatiert bleiben, solange der Beitrag angezeigt wird, verwende ich dies:*/
.metismenu.mod-menu .metismenu-item.active > a {
background-color: #ccc;
color: #000;
}

/* Der Seitenfuß von Cassiopeia hat die Klasse "footer", du steuerst diese also mit .footer an */

/*hier = Original
.footer 
{
    background: rgb(2,0,36);
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(119,9,121,1) 35%, rgba(0,212,255,1) 100%); 
}
*/

.footer 
{
    background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255) 0%, rgba(255,255,255) 35%, rgba(255,255,255) 100%);
  	color: #0088cc;
}