.brand-logo {
  display: block;
  max-width: 150px;
  
}

.container-header .navbar-brand {
  display: grid;
  grid-template-columns: auto auto;

}  

/*neu*/
.container-header .mod-menu {
   justify-content: left;
   color: #ffffff;
   background-color: #022a0240;
   padding: 0;
}
.container-header .navbar-toggler {
  justify-content: center;
   color: #ffffff;
   background-color: #22262a;
   padding: 0;
}

.metismenu .mod-menu .metismenu-item{
  background-color: red;
  color: blue;
}


.mm-collapse .mm-show{
  background-color: red;
}


.metismenu-item .item-460 .level-2 {
  color: red;
}


/*neu*/

.container-header .site-description {
  color: #fff;
  font-size: 2.3rem;
  white-space: normal;
  display: box; 
}

.container-header  {
  background-color: black;
  background-image: -o-linear-gradient(315deg, #246642 0, #21d43f 100%);
  background-image: linear-gradient(135deg, #246642 0, #21d43f 100%);
  -webkit-box-shadow: inset 0 5px 5px rgba(0,0,0,.03);
  box-shadow: inset 0 5px 5px rgba(0,0,0,.03);
  position: relative;
  z-index: 10;
}

.d-inline-block {
  min-width: 600px;
  -webkit-box-shadow: none;
  box-shadow: none;
  
}  

#galerie {
  display: block ruby;
    
}

#galerie img {
  width: 150px;
  margin: 20px;
}
  
@media (max-width: 40em){
  .d-inline-block{  
  min-width: 300px;  
  }  
}

.footer {
  background-color: black;
  background-image: -o-linear-gradient(315deg, #246642 0, #21d43f 100%);
  background-image: linear-gradient(135deg, #246642 0, #21d43f 100%);
  color: #fff;
  margin-top: 1em;
}


.container-footer .mod-menu {
  -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
  -webkit-box-direction: revert-layer;
  -ms-flex-direction: column;
   flex-direction: row;
  
}

.nav-item{
  margin:  0px 15px 0px 0px; 
  
}