.content p img {
    max-width: 100%; height: auto;
    margin-top:20px;
    margin-bottom:20px;
  }
  


  body {
      background-color: #696969;
      color: #FFFFFF;
      font-family: 'Open Sans', sans-serif;
  }

  /* List Element Anfang*/

.content ul {
    list-style: none;
    padding: 0;
  }
  .content li {
    padding-left: 2.3em;
  }
  .content li:before {
      font-family: 'Font Awesome\ 5 Free' !important;
        content: "\f53f" !important; /* FontAwesome Unicode */
      font-weight: 900;
      color: #b9b9b9;
   
    display: inline-block;
    margin-left: -1.3em;  /* same as padding-left set on li */
    width: 1.3em;  /* same as padding-left set on li */
  }
  

.card {
  background-color: #757575 !important;
}
.card-footer {
  color: FFFFFF;
}

  /* List Element Ende*/

  .top-background-image {
    background-image: url("../images/brush_stroke_klein.png"); /* The image used */
    background-color: #696969; /* Used if the image is unavailable */
    /* height: 300px;  You must set a specified height */
    background-position: right; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    /* background-size: cover;  Resize the background image to cover the entire container */
  }

  .nav-item a:hover {
    text-decoration: none;
    color: #C6B51E;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.nav-item a {
    text-decoration: none;
    color: #000000;
}


a:hover {
    text-decoration: none;
    color: #696969;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a {
    text-decoration: none;
    color: #696969;
}


.dropdown-menu a{
 color: #696969; !important;
}
.dropdown-menu a:hover{
 background: #FFFFFF;!important;
 background: linear-gradient(left, #696969, #696969);
 background: -moz-linear-gradient(left, #696969, #696969)!important;
 background: -webkit-gradient(linear, 100% 100%, 0% 0%, from(#696969), to(#696969))!important;
color: #f8f9fa !important;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out; 
}

@media (min-width: 768px) {
    .carousel-multi-item-2 .col-md-3 {
    float: left;
    width: 25%;
    max-width: 100%; } }
    
    .carousel-multi-item-2 .card img {
    border-radius: 2px; }