/* Backgroundfarbe Text
:root {
   --body-bg: #eee;
}*/
:root {

    --cassiopeia-color-primary: #fff;
    --cassiopeia-color-link: #a5f0f9;
    --cassiopeia-color-hover: #f9d6a5;
}
/* Color menue */
.container-header .mod-menu {
 color: #a5f0f9;
}

/*Hintergrundbild über ganze Seite, color ändert die Textfarbe */

body.site {
	background: transparent;
	background-image: url(../../../../../images/beat5.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
  color: #fff;
}
.card {
  background: transparent;
  border:none;
}
.main_color input[type='submit']{
background-color:red!important;
}

.header {
   background: transparent;
}
.footer {
   background: transparent;
}

/* Menu */

/* Override the lila background with white */
/*.container-header {
  background-color:white;
  background-image: none;*/
}
/* Color menue */
.container-header .mod-menu {
 color: #a5f0f9;
}




/* 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: #4274ab;
}

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


/* We need to change the color of the Hamburger Menu because white on white is not good */
.container-header .navbar-toggler {
  color: #fff;
  border: 1px solid #fff;
}
/* Color menu active */
.metismenu.mod-menu .metismenu-item.active > a {
background-color: #2a6261;
color: #f9d6a5;
}
/* Color footer */
/*.footer {
    margin-top: 1em;
    color: #000;
    background-color: #fff;
    background-image: none;
}*/
/* text footer on the same row */
footer div.mod-footer {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 768px) {
  footer div.mod-footer {
    flex-direction: row;
  }
}