:root {
  --cassiopeia-color-primary: #800000;
  --cassiopeia-color-link: #800000;
  --cassiopeia-color-hover: #800000;
}

.container-top-a {
  color: #000;
  background: #000;
}

.container-top-b {
  color: #000;
  background: #000;
}

.container-buttom-a {
  color: #000;
  background: #000;
}

.container-buttom-b {
  color: #000;
  background: #000;
}

/*
.container-main {
  background: #808080;
}
*/

/*Bild als Hintergrund des Main Content */
body.site {
    background: transparent;
    background-image: url(../images/HauptplatzSVklrotohneWappen.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.container-header .mod-menu {
   justify-content: center;
  background-color: black;
  background-image: none;
}


.footer {
  background-color: black;
  background-image: none;
}

.metismenu.mod-menu .mm-collapse {
  background: #fff;
}

/*
.metismenu.mod-menu .mm-collapse .metismenu-item a {
    color: #800000;
}
*/

/*
.card-body {
    background-color: #d6d6d6;
  }
*/

.card-body {
    background-color: #fff;
  }

.card-header {
    background-color: #d6d6d6;
  }

.container-component {
    background-color: #fff;
    padding: 20px
  }

.container-below-top {
  background: #000;
}

.container-nav {
  background: #000;
}



/*
.main-top.card{
    background-color: #fff;
  }

.main-buttom.card{
    background-color: #fff;
  }



.container-breadcrumbs {
  background: #fff;
}
*/




/*
.carousel-body {
  background-color: #fff;
}
*/



/*
.container-banner {
  grid-area: banner;
}

.container-top-a {
  grid-area: top-a;
}

.container-top-b {
  grid-area: top-b;
}

.container-component {
  grid-area: comp;
}

.container-sidebar-left {
  grid-area: side-l;
}

.container-sidebar-right {
  grid-area: side-r;
}

.container-main-top {
  grid-area: main-t;
}


.container-main-bottom {
  grid-area: main-b;
}


.container-bottom-a {
  grid-area: bot-a;
}

.container-bottom-b {
  grid-area: bot-b;
}

.mod-finder__search.input-group {
  flex-wrap: nowrap;
}
.mod-finder__search.input-group .awesomplete input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.mod-finder__search.input-group button {
  display: flex;
  align-items: center;
}
.mod-finder__search.input-group button .icon-search {
  -webkit-margin-end: 0.2em;
          margin-inline-end: 0.2em;
}
*/