:root {
    --cassiopeia-color-primary: #005c15;
    --cassiopeia-color-hover: #030672;
    --cassiopeia-color-link: #1000ff;
 } 

body {
    flex-direction: column;
    display: flex;
    background: #FFFFFF url(https://www.wordoflife.de/elka/images/site/fon20.jpg) 0 0 no-repeat fixed;
}
body:not(.has-sidebar-right) .site-grid .container-component {
    grid-column-end: main-end;
    background-color: #fdfbfbe0;
      box-shadow: 0 0 45px rgb(8 59 203);
  border: 3px #8c008f solid;
    margin-top: 20px;
    padding: 20px;
}

/*body.wrapper-fluid .site-grid {
    grid-gap: 0 2em;
    grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 25%)) [main-end] minmax(0, 1fr) [full-end];
    background:#FFFFFF;
}*/

  .container-banner .banner-overlay .overlay {
    background-color: rgb(0 0 0 / 0%);
}
@media (max-width: 992px) {
  nav.navbar {order: -1;}
}
.navbar-brand {
   padding-bottom: 0;
    padding-top: 0;
}
.h1, h1 {
    font-size: 1.5rem;
}

.container-header {
    z-index: 10;
    background-color: #005c1500;
    background-image: linear-gradient(135deg, #005c1500 0%, #03067200 100%);
    position: relative;
    box-shadow: inset 0 5px 5px #1728a1a6;
}
.container-header .container-nav {
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 1em;
    background-color: #094c00;
  box-shadow: inset 12px 5px 17px 12px #1728a1a6;
}