.navbar-inverse {
  background-image: -webkit-linear-gradient(top,#3c3c3c 0,#222 100%);
  background-image: -o-linear-gradient(top,#3c3c3c 0,#222 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#222));
  background-image: linear-gradient(to bottom,#def9fc 0,rgba(0,133,255,0.78) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border-radius: 4px;
}

/* kleiner Bildschirm, Burger Menu */

#nav {
  display: grid;
}

/* xs less 768px
sm 768px
md 992px
lg 1200px */

/* grosses Menu */

@media (min-width: 767px) {
  #nav {
    display: block;
  }
}

.thumb-grid .thumbWrapper {
  width: 100%;
  height: 400px;
}

.gallery {
  display: inline-block;
  margin-top: 20px;
}

/* Target the thumbnail container */

.filtr-item img {
  border: 2px solid #000000;
  border-radius: 3px;
  /*Optional: rounds the corners;*/
  padding: 5px;
  margin: 5px;
  /*Optional: space between the image and the border;*/
  background-color: rgba(255,255,255,0.3);
  /*Optional: background color inside the padding;*/
  /*box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);*/
  /*Optional: adds a subtle shadow;*/
  width: 80% !important;
  height: auto !important;
}

/* Optional: change the border appearance on hover */

.filtr-item img:hover {
  border-color: #007bff;
}