/* :root {
    --cassiopeia-color-primary: #000;
    --cassiopeia-color-hover: #999;
    --cassiopeia-color-link: #666;
}
*/
.boxed .blog-item {
    background-color: #fff;
    box-shadow: 0 0 2px rgba(51,57,66,.1),0 2px 5px rgba(51,57,66,.08),0 5px 15px rgba(51,57,66,.08),inset 0 3px 0 var(--cassiopeia-color-primary);
}


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

/* Menu */

/* Überschreiben lila background mit black  */
.container-header {
  background-color: black;
  background-image: none; 
}

/* Text should now be white */
.container-header .mod-menu {
  color: #fff;
  background-color: rgba(0, 0, 0, .03);
  /* font-weight: bold; */
}

/* 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: #fff;
  background-color: #000;
}

/* Unterstrich Menü 
header a:hover, header .active > a, header .nav-item.active > a {
    color: #fff;
    text-decoration: underline;
    text-decoration-thickness: auto;
    text-decoration-thickness: .125em;
    text-underline-offset: 7px;
} */

.metismenu.mod-menu .mm-collapse {
    position: absolute;
    background-color: rgb(0, 0, 0);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.metismenu.mod-menu .mm-toggler {
    color: #fff;
    text-decoration: underline;
    text-decoration-thickness: auto;
    text-decoration-thickness: .125em;
    text-underline-offset: 7px;
}
   
.container-header .metismenu > li.level-1.active > a, .container-header .metismenu > li.level-1.active > button, .container-header .metismenu > li.level-1 > a:hover, .container-header .metismenu > li.level-1 > button:hover {
    color: #fff;
    text-decoration: underline;
    
} 

/* 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;
}

/* Fusszeile */
.container-footer {
    background-color: black;
    background-image: none;
}

.card-header {
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    background-color: black;
    color: white;
    font-size: 1.1rem;
}
 
/* Nach Oben */

.back-to-top-link {
    color: #000;
    border-color: #000;
  border: 1px solid #000;
}
.back-to-top-link:hover, .back-to-top-link:focus {
    color: #fff;
    background-color: #000;
    border-color: var(--white, white);
    border: 1px solid #000;
} 

/* ZURÜCK BUTTON */
.page-link {
    color: #000;
  border: 1px solid #000;
}

.page-link:hover {
    color: #fff;
    z-index: 2;
    background-color: #000;
    border-color: #000;
}

.headerneu {
  min-width: 100%;
}