#lead4-packager { width: 100%; border: 0px solid red; }

.lead4 { float: left; position: relative; width: 25%; height: 200px;ppadding: 10px; text-align: center; 
         overflow: hidden;
         border: 0px solid red;
         
         background: url('/images/start.jpg')  no-repeat scroll center center transparent; background-size: cover
         
       } 
         
          

.lead4 h3 { text-align:center}

.lead4 .lead { position: relative; } 

.lead4 .overlay {  visibility: hidden;
                   opacity: 0;     

                   background: none repeat scroll 0 0 rgba(255,255,255,1);
                   height: 99%;
                   position: absolute;
                   width: 99%;
                   top: 0;
                   left: 0;
                   
                   transform: translateY(-100%);
                    
                   transition: all 0.8s ease 0s;
                   box-shadow: 0 0 1px 0 #414141;
                   
                }
                

.lead4 .overlay-show {  visibility: visible; 
                        opacity:1;
                         transform: translateY(0); 
}

.lead4 .overlay-show ul {    padding: 0 0 0 13px; }
.lead4 .overlay-show li { list-style: none; text-align: left}


.lead6-packager { position: absolute; 
                  top: 100px;
                  bottom: 0px;
                  margin: 0 auto;
                 max-width: 1200px;
                 mmin-width: 600px; 
                 hheight: 100%; 
                 overflow: hidden; 
                 border: 0px solid blue }

               
a.lead6-item:hover { opacity: 1}                 

.lead6 { float: left; position: relative; width: 100%; height: 100%; border: 0px solid red; }             


.lead6-bg-pan-overflow { height: 110%;
                         left: 0;
                         overflow: hidden;
                         position: absolute;
                         top: 0;
                         width: 110%;
                         z-index: 1;
                       }
                       
.lead6-bg-pan { background: none repeat scroll center center; background-size: cover; 
                height: 115%;
                position: absolute;
                width: 115%;
                z-index: -1;
              }

.llllead6-bg-pan:after { background: none repeat scroll 0 0 #0A0A0A;
                      content: "";
                      height: 100%;
                      left: 0;
                      opacity: 0.4;
                      position: absolute;
                      top: 0;
                      transition: all 250ms ease 0s;
                      width: 100%;
                    }

.lead6-tekst { -moz-user-select: none;
               bbottom: 26px;
               left: 10;
               mmargin-left: 0;
               mmargin-top: -100px;
               max-width: 90%;
               ppadding: 25px 30px;
               pposition: absolute;
               ttop: auto;
               transition: all 350ms ease 0s;
               z-index: 10;
               color: white;
               
               hheight:100%;
               wwidth:100%;
             }

.lead6-tekst2 { -moz-user-select: none;
               bottom: 26px;
               left: 0;
               margin-left: 0;
               margin-top: -100px;
               max-width: 90%;
               padding: 25px 30px;
               position: absolute;
               top: auto;
               transition: all 350ms ease 0s;
               z-index: 10;
               color: white;
             }

.lead6-tekst h3 { text-align:center}

.lead6-tekst h4444444 {  -moz-user-select: none;
              bottom: 26px;
              left: 0;
              margin-left: 0;
              margin-top: -100px;
              max-width: 90%;
              padding: 25px 30px;
              position: absolute;
              top: auto;
              transition: all 350ms ease 0s;
              z-index: 10;
              
              color: white;
              font-family: 'Alegreya Sans SC';
              font-size: 2em;
              font-weight: 800;
              }
              
.lead6-tekst h4 {  -moz-user-select: none;              
              bottom: -15px;
              left: 10px;
              mmargin-left: 0;
              mmargin-top: -100px;
              mmax-width: 90%;
              ppadding: 25px 0px;
              position: absolute;
              top: auto;
              transition: all 350ms ease 0s;
              z-index: 10;
              
              color: white;
              font-size: 1.5em;
              font-weight: 800;
              text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.75);
              
              }

.lead6 .lead { position: relative; } 

.lead6 .overlay {  visibility: hidden;
                   opacity: 0;     

                   background: none repeat scroll 0 0 rgba(255,255,255,1);
                   height: 99%;
                   position: absolute;
                   width: 99%;
                   top: 0;
                   left: 0;
                   
                   transform: translateY(-100%);
                    
                   transition: all 0.8s ease 0s;
                   box-shadow: 0 0 1px 0 #414141;
                   
                }
                

.lead6 .overlay-show {  visibility: visible; 
                        opacity:1;
                         transform: translateY(0); 
}

.lead6 .overlay-show ul {    padding: 0 0 0 13px; }
.lead6 .overlay-show li { list-style: none; text-align: left}



.lead6-item  { margin: 0px 10px 10px 0px;	
               width: 200px;
               height: 200px;
               display: block;
               background-size: cover;
               hheight: 50%;
               overflow: hidden;
               opacity: 0.5;
               wwwidth: 25%; 
               transition: all 350ms ease 0s; 
               border: 1px solid white;
               
               box-shadow: 0 0 5px 0 #414141;

              }
              
.sizeXXL { width: 300px; height: 300px}             

.sizeXL { width: 250px; height: 250px}

.obniz { margin-top: 40px}             
                
                
#bxsliderKategorie { height: 100%; background-color: black; }                

#bxsliderKategorieeee .bx-wrapper { width: 100%; 
                                 height: 100%; 
                                 padding: 0px;
                                 margin: 0px;
                                 overflow: hidden; 
                                 height: 100% !important;  
                                 bbborder: 1px solid red;
                                 
                               }
                               
#bxsliderKategorieeee .bx-viewport { height: 100% !important;  }                               

#bxsliderKategorie  ul.bxslider { padding: 0px; margin:0px; border: 0px solid yellow; height: 100% !important;  }                               

#bxsliderKategoriee li:not(.bx-clonee) { border: 1px solid green; height: 100% !important;  }                               
#bxsliderKategoriee li.bx-clonee { display: none; visibility: hidden}                                


#bxsliderKategorie h4 {  -moz-user-select: none;
              bottom: 26px;
              left: 0;
              margin-left: 0;
              margin-top: -100px;
              max-width: 90%;
              padding: 25px 30px;
              position: absolute;
              top: auto;
              transition: all 350ms ease 0s;
              z-index: 10;
              
              color: white;
              font-size: 2em;
              font-weight: 800;
              text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.75);
              
              
              
              
              }


                               
                               
.bxslider-item  { display: block;
               background-size: cover;
               height: 100%;
               overflow: hidden;
               oopacity: 0.3;
               transition: all 250ms ease 0s; 
               border: 0px solid ;
               margin: 0px;
              }
                

.bxslider-nav-arrows span a {    border: 8px solid rgba(255, 255, 255, 0.6);
                               cursor: pointer;
                              height: 40px;
                              margin-top: -40px;
                              position: absolute;
                              text-indent: -90000px;
                              top: 50%;
                              transform: rotate(45deg);
                                    width: 40px;
                                        z-index: 2000;
                               display: block;            
                                    
                                        
        }
        
.bxslider-nav-arrows span a:hover {  border-color: rgba(255, 255, 255, 0.9);  }

.bxslider-nav-arrows span a.bx-prev {  border-right: medium none;
                                            border-top: medium none;
                                            left: 5%;
                                            
                                         }
                                         
.bxslider-nav-arrows span a.bx-next { border-bottom: medium none;
                                           border-left: medium none;
                                           right: 5%;
                                         }
                                         
                                         
.bxslider-bg-pan-overflow { height: 110%;
                         left: 0;
                         overflow: hidden;
                         position: absolute;
                         top: 0;
                         width: 110%;
                         z-index: 1;
                       }
                       
.bxslider-bg-pan { background: none repeat scroll center center; background-size: cover; 
                height: 100%;
                position: absolute;
                width: 100.3%;
                z-index: -1;
              }
                                         


.rsArrow { background: none repeat scroll 0 0 rgba(10, 10, 10, 0.9);
           border: 1px solid rgba(255, 255, 255, 0.2);
           top: 0px;
           padding: 18px 25px;
           position: absolute;
           right: 0;
           z-index: 99;
           cursor: pointer;
         }
         
.rsArrow:hover { background: none repeat scroll 0 0 rgba(18, 18, 18, 0.8);
                 transition: all 250ms ease-in 0s;
               }
               
.rsArrow .rsArrowIcn { background-image: url("/css/images/bxslider-arrows.png");
                       height: 29px;
                       margin: auto;
                       width: 16px;
                     }
                     
.rsArrowLeft { right: 66px; }
.rsArrowRight .rsArrowIcn { background-position: 18px 29px; }
                                                        
.bx-prev { display: block; width: 100%; height: 100%; position: absolute; top:0px; left:0px; border: 0px solid transparent}
.bx-next { display: block; width: 100%; height: 100%; position: absolute; top:0px; left:0px; border: 0px solid transparent }