@font-face {
  font-family: 'Quicksand';
  src: url('../fonts/quicksand-regular-webfont.woff2') format('woff2'),
       url('../fonts/quicksand-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.navbar{
  z-index: 1;
  background-color: rgb(0, 122, 255);
}


.navbar_new_items{
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #ffffff;
    line-height: 1.0em; ;
}


.h2_new_font{
  font-family: 'Quicksand', sans-serif;
  font-size: 90px;
  line-height: 1.0em;
  color: rgb(0, 0, 0);
} 

  hr.new {
    border: 3px solid;
    width: 2.5%;
    margin-left: 50px;
    color: rgb(0, 122, 255);
  }

  .bg_section1{
    background-image: url("../img/Backgroundbilder/bg_neu.png");
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-color: rgb(255, 255, 255);
  
  }

    .bg_section1b{
      background-image: url("../img/Backgroundbilder/bg_neu2.png");
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-color: rgb(255, 255, 255);
    }



  .logo_tools {
    filter: url(filters.svg#grayscale);
    /* Firefox 3.5+ */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(1);
    /* Google Chrome & Safari 6+ */
  }
  .logo_tools:hover {
    filter: none;
    -webkit-filter: none;
    cursor: default;
    transform: rotate(360deg);
    transition: all 0.3s ease-in-out 0s
  }

  .clients{
      filter: url(filters.svg#grayscale);
    /* Firefox 3.5+ */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(1);
    /* Google Chrome & Safari 6+ */

    width: 70%;
    margin: auto; 
    display: block;
  }

  .clients:hover {
    filter: none;
    -webkit-filter: none;
    transition: all 0.3s ease-in-out 0s
  }
  

  li{
    font-family: 'Quicksand', sans-serif;
    color: rgb(138, 138, 138);
    font-size: 17px;
  }

  




  @media (max-width: 767.98px) {
    
    .h2_new_font{
      font-size: 35px !important; 
    } 
    .fp-tableCell {
      vertical-align: top !important;
    }
  .clients {
    max-width: 100% !important;
    height: auto;
  }

  .logo_area1{
    margin: 15% 0% 15% 0%;
  }
  .client-img{
    width: 10vw;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
   .logo_area1{
    margin: 15% 0% 15% 0%;
    text-align: center;
  }

   .logo_tools {
    filter: none;
    /* Firefox 3.5+ */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: none;
    /* Google Chrome & Safari 6+ */
    }


    li{
      font-size: 15px;
      line-height: 1.6;
    }

}