body {
    background-color: white;
    /* font-family: 'Open Sans', sans-serif; */
    /* font-family: 'AgencyFB'; */
    /* font-family: 'Roboto', sans-serif; */
    font-family: 'Montserrat', sans-serif;
    line-height:  2;
    color: #777;
}


@font-face {
    font-family: 'AgencyFB';
    src: url(AgencyFb.eot);
    src: local('AgencyFb'), url('../Fonts/agency_fb.ttf') format('truetype');
}


.space {
    margin-top: 20px;
    margin-bottom: 15px;
}

.BlueProdakt
{
    color:#003b69
}

.RedProdakt
{
    color:#cc0033;
}

li
{
    font-size: 14pt;
    list-style-type: none;
}

.simbols
{
    
    text-align: center;
}

.menu
{
   
    /* font-family: 'AgencyFB'; */
    font-size: 12pt;
   /*  min-width: 150px; */
    
}

.menu:hover
{
    color: #cc0033 !important;
   /*  border-bottom: solid 2px #cc00337c; */
   /*  max-width: 150px; */
   
   
}

.activeMenu
{
    color: #cc0033 !important;
    border-bottom: solid 2px #cc00337c;
    max-width: 150px;
    padding-top: 0px;
    padding-bottom: 0px;

}


.FooterProdakt {
    background-color: #0a1872ba;
}


.h1Prodakt, .h1First
{
    
    color:white;
   
    font-weight: bold;
    font-family: 'PT Sans Narrow', sans-serif;
    
    text-transform: uppercase
}




.h2Prodakt, .h2First
{
   
    font-family: 'PT Sans Narrow', sans-serif;
    color:#003b69;
   
     text-transform: uppercase
}

.h4Prodakt
{
    color:black;
}

p
{
    text-align: justify;
    margin-top:20px;
    margin-bottom: 10px;
   
}


.LeftBorderContact
{
    border-left: solid 1px  #003c696e;
}

.BottomBorderContact
{
    border-bottom: solid 1px  #003c696e;
}


.Underline
{
    text-decoration: underline;
    color: #cc0033
}

.item
{
    height: 500px;
  
    background-color: #333f8459;
    background-position: 50% 50%;
}

.ImmaginiSfondo{
    position: relative;top: 50%; left: 50%;
    transform: translate(-50%, -50%);
}

.carousel-indicators .active
{
    background-color :#cc0033;
    border : #003b69;
}


.TestoSlogan 
{
    color:white;
    font-weight: bold;
    text-transform: uppercase;
    
    padding: 5px;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 22pt;
    
}


.TestoSloganBig 
{
    color:white;
   
    padding: 5px;
    background-color: #003b69;
    font-size: 24pt;
}


.carousel-control.right, .carousel-control.left {
    background-image: none;
}


.LogoMain
{
    width: 100%;
}

.percheButton
{
    margin-top: 50px;
}


@media screen 
  and (max-width: 360px) 
  and (max-height: 640px), (max-width:640px) and (max-height:360px ) {
    .item
    {
      height: 125px;  
    }

   #particles-js
   {
       height: 150;
   }

    .TestoSlogan , .TestoSloganPerche
    {
        font-size: 10pt;
    }

    ul {
        list-style-position: inside;
        padding-left: 0;
      }

    .LogoMain
    {
        width: 50%;
        
    }

    .h1First, .h2First
    {
        text-align: center;
    }

    .h1Prodakt
    {
        font-size: 20pt;
        text-align: left;
    }

    .h2Prodakt
    {
        font-size: 12pt;
    }

  
    .percheButton
    {
        margin-top: 20px;
    }
    
}


@media screen 
  and (max-width: 500px) 
  and (max-height: 480px), (max-width:480px) and (max-height:500px ) {
    .item
    {
      height: 125px;  
    }

   #particles-js
   {
       height: 150;
   }

    .TestoSlogan , .TestoSloganPerche
    {
        font-size: 10pt;
    }

    ul {
        list-style-position: inside;
        padding-left: 0;
      }

    .LogoMain
    {
        width: 50%;
        
    }

    .h1First
    {
        text-align: center;
    }

    .h1Prodakt
    {
        font-size: 20pt;
       
    }

    .h2Prodakt
    {
        font-size: 12pt;
    }
  
    .percheButton
    {
        margin-top: 20px;
    }
    
}

@media screen 
  and (max-width: 501px) 
  and (max-height: 800px) {
    .item
    {
      height: 400px;  
    }

    .TestoSlogan ,.TestoSloganPerche
    {
        font-size: 10pt;
    }

    ul {
        list-style-position: inside;
        padding-left: 0;
      }


      .LogoMain
      {
          width: 50%;
          
      }
  
      .h1Prodakt
      {
          font-size: 20pt;
         
      }
  
      .h2Prodakt
      {
          font-size: 12pt;
         
      }

   

    .percheButton
    {
        margin-top: 20px;
    }

    .carousel-indicators
    {
        display: none;
    }
}


@media screen 
  and (max-width: 640px) 
  and (max-height: 800px) {
    .item
    {
      height: 480px;  
    }

    .TestoSlogan ,.TestoSloganPerche
    {
        font-size: 10pt;
    }

    ul {
        list-style-position: inside;
        padding-left: 0;
      }


      .LogoMain
      {
          width: 50%;
          
      }
  
      .h1Prodakt
      {
          font-size: 20pt;
          
      }
  
      .h2Prodakt
      {
          font-size: 12pt;
         
      }

     

      .percheButton
    {
        margin-top: 20px;
    }

    .carousel-indicators
    {
        display: none;
    }
}


@media screen 
  and (max-width: 768px) 
  and (max-height: 1280px) {
    .item
    {
      height: 480px;  
    }

    .TestoSlogan ,.TestoSloganPerche
    {
        font-size: 10pt;
    }

    ul {
        list-style-position: inside;
        padding-left: 0;
      }


      .LogoMain
      {
          width: 40%;
          
      }
  
      .h1Prodakt
      {
          font-size: 24pt;
        
      }
  
      .h2Prodakt
      {
          font-size: 12pt;
         
      }

      

      .percheButton
    {
        margin-top: 20px;
        text-align: center;
    }

    .carousel-indicators
    {
        display: none;
    }
}


.nav, .nav-bar 
{
    margin-top:10px;
 
}

.cardFeatures
{
    border:solid 1px rgba(41, 6, 167, 0.425);
    padding: 10px;
  
    min-height: 250px; 
    margin-bottom: 10px;
}



.btnX {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 8px;
    color: #ffffff;
    font-size: 24px;
    background: #47a102;
    padding: 5px 10px 5px 10px;
    border: solid #ccc6c9 0px;
    text-decoration: none;
    font-size:14pt;
}

    .btnX:hover {
        background: #ffd800;
        text-decoration: none;
        color: white;
    }