* { padding: 0; margin: 0; }


html{ 
    font-family: Arial, Helvetica, sans-serif;
    overflow: hidden;
    width: 100%;
    height: 100%;
    font-size: large;




}






body {
      height: 100%;
      width: 100%;
      position: fixed;
      overflow-y:scroll;
      -webkit-overflow-scrolling: touch;
    
}






.wrapper {
    width: 100%;
    min-height: 100%;
    padding: 0;
    margin: 0;
    background-color: rgba(0, 0, 0, 0.25);
}

.wrapper:before {
    content: '';
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: white;
    background: 
    url('CC/images/valentin1.jpg') no-repeat center center;

    /*background: url('images/ha2.jpg') no-repeat center center;*/
    background-size: cover;
    will-change: transform;

    z-index: -1;
}


.page-wrap {
    min-height: 100%;
    /* equal to footer height */
    margin-bottom: -142px;
}

.page-wrap:after {
    content: "";
    display: block;
}






.text, .page-wrap:after {
    /* .push must be the same height as footer */

    width: 90%;
    position: relative;
    left: 5%;
    color: #fff;

}

.text {
    background: transparent;
    /*background-image: url();*/
    z-index: 3;
}





#hintergrund {
    position: center;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#scrollbereich {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 2;
}








li {
    list-style-type: none;
}









#brand {
    float: left;
    line-height: 50px;
    color: #E5DAC0;
    font-size: 25px;
    font-weight: bolder;
    margin: 0 0 0 6px;
}


li { list-style-type: none; }



.content {
    padding-top: 90px;
}

.inner-content {
    position: relative;
    width: 90%;
    height: 100%;
    margin: 0 5%;
}




h3 {
    font-family: Arial;
    color: #ccddff;
    margin-bottom: 50px;
}




h2 {
    font-family: Arial;
    margin-top: 50px;
    margin-bottom: 60px;
    font-size: x-large;
}




p {
    margin-bottom: 20px;
    font-size: large;
}



p.thick {
    font-weight: bold;
    font-size: xx-large;
}











thick1 {
    font-weight: bold;
}














.smallwidht {
    position: relative;
    width: 90%;
    height: auto;
    margin: 0 5%;
}






.gallery img {
    margin-bottom: 10px;
    border-radius: 3px;
    border-color: black;
}








.bg-gray {
    background: rgba(0, 0, 0, 0.80);
    position: relative;
    width: 100%;
    z-index: 3;
}





.bg-gray3 {
    background: rgba(0, 0, 0, 0.45);
    position: relative;
    width: 100%;
    z-index: 3;
}










.bg-gray2 {
    

	width: 100%; 
	height: auto; 
	margin: auto;
	border-bottom: transparent;
	box-shadow: 0 1px 2px #626262;
	background-color: transparent;
    	color: pink;
        z-index: 3;


}








.pink {
    color: #ccddff;
}





.hotpink {
    color: #FFBF00;
}






.grey {
    color: grey;
}






.black {
    color: black;
}





.darkred {
    color: darkred;
}






.yellow {
    color: yellow;
}





.darkgrey {
    color: darkgrey;
}





.red {
    color: red;
}





.white {
    color: white;
}









.blau {
    color: blue;
}






.yellow {
    color: yellow;
}






.yes {
    color: #FFBF00;
}




.yes {
    color: darkred;
}





.space {
    position: relative;
    width: 90%;
    height: 400px;
    margin: 0 5%;
}










.space77 {
    position: relative;
    width: 90%;
    height: 300px;
    margin: 0 5%;
}










.space1 {
    position: relative;
    width: 90%;
    height: 50px;

}






.space2 {

    height: 80px;
    position: relative;
    width: 100%
}






.space3 {
    position: relative;
    width: 100%;
    height: 650px;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.95);

}





.space4 {

    height: 30px;
    z-index: 3;

}






.space5 {
    position: relative;
    width: 100%;
    height: 170px;

}





.space6 {
    position: relative;
    width: 90%;
    height: 100px;
    z-index: 3;

}





.space7 {
    position: relative;
    width: 90%;
    height: 60px;

}





.space8 {
    position: relative;
    width: 90%;
    height: 100%;
    margin: 0 5%;
}




.space9 {
    position: relative;
    width: 90%;
    height: 40%;

}





.space10 {
    position: relative;
    width: 90%;
    height: 180px;
    z-index: 3;
}




.space11 {
    position: relative;
    width: 90%;
    height: 80px;

}









.space12 {
    position: relative;
    width: 100%;
    height: auto;
    background: white;
}









.space13 {
    position: relative;
    width: 90%;
    height: 80px;

}







.space14 {
    position: relative;
    width: 90%;
    height: 200px;

}













.space15 {
    position: relative;
    width: 90%;
    height: 250px;

}







.spacevid {
    position: relative;
    width: 90%;
    height: 400px;

}










.affiliate-content {
    position: relative;
    width: 90%;
    height: auto;
    margin: 0 5%;
}





a { text-decoration: none; color: white; }







@font-face {
font-family: 'New Font';
src: url(../USER/2_FONTBASE/Raleway-Regular.ttf) format("truetype");
}



p.mynewfont {
font-family: 'New Font', 'New Font IE', backupfont;
text-shadow: 1px -1px 1px black; 
font-size: 255%;
margin-bottom: 20px;
}





p.mynewfont2 {
font-family: 'New Font', 'New Font IE', backupfont;
text-shadow: 1px -1px 1px black; 
font-size: 100%;
font-weight: 900;
margin-bottom: 20px;
}





p.mynewfont3 {
font-family: 'New Font', 'New Font IE', backupfont;
text-shadow: 1px -1px 1px black; 
font-size: 135%;
margin-bottom: 20px;
}





p.mynewfont4 {
font-family: 'New Font', 'New Font IE', backupfont;
text-shadow: 1px -1px 1px black; 
font-size: 215%;
margin-bottom: 20px;
}


@font-face {
font-family: 'fontdcc';
src: url(../USER/2_FONTBASE/EuphoriaScript-Regular.ttf) format("truetype");
}



p.dcc {
font-family: 'fontdcc', 'fontdcc IE', backupfont;
text-shadow: 1px -1px 1px black; 
font-size: 255%;
margin-bottom: 20px;
}











.center {
    text-align: center;
}





.right {
    text-align: right;
}











.smallwidth {
    position: relative;
    width: 90%;
    height: auto;
    margin: 0 5%;
}









.whitediv {
    background-color: white;
    width: 100%;
    height: 100%;
    position: relative;
    margin-top: 15px;

}



.menuanzeige {
	width: 100%
	position: relative;
	z-index: 9;
        background-color: rgba(0, 0, 0, 0.80);

	
}




.image {
    margin-bottom: 1px;
    margin-top: 40px;
    position: relative;
}








.image2 {
    position: relative;
    width: 100%
    margin-bottom: 150px;
}






.image3 {

    margin-bottom: 30px;
    position: relative;
    width: 100%
}










.footerhead, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	
	position: relative;
 
}
.footerhead {
  background-color: rgba(0, 0, 0, 0.3);
  
 
}








.footerhead2, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	
	position: relative;
 
}
.footerhead2 {
  background-color: rgba(0, 0, 0, 0.0);
  
 
}










.site-footer, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	height: 100%;
 
}
.site-footer {
  background:transparent;
  position: relative;
  width: 100%;
  z-index: 3;
 
}




.footer2, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	
 
}
.footer2 {
  background-color: transparent;
  position: relative;
  width: 100%;
 
}




.footer3, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	
	position: relative;
 
}
.footer3 {
  background-color: white;
  z-index: 3;
 
}





.footer4, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	height: 650px;
	position: relative;
 
}
.footer4 {
    background-color: rgba(0, 0, 0, 0.14);
    z-index: 3;

  
 
}




.footerfb, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	
	position: relative;
 
}
.footerfb {
  
  background-color: rgba(0, 0, 0, 0.5)
  z-index: 3;

}




.introducing, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	heigth: 100%;
	position: relative;
 
}
.introducing {
  
  background-image: url("images/player.png");
  background-size: 100%;
  z-index: 3;
}





.services, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	heigth: auto;
	position: relative;
 
}
.services {
  
  background-color: black;
  background-size: 100%;
  z-index: 3;

}













.transparent, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	heigth: auto;
	position: relative;
 
}
.transparent {
  
  background-color: rgba(0, 0, 0, 0.80);
  background-size: 100%;
  z-index: 3;

}














.accessories, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	heigth: auto;
	position: relative;
 
}
.accessories {
  
  
  background-size: 100%;
  z-index: 3;

}




.fashion, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	heigth: 100%;
	position: relative;
 
}
.fashion {
  
  background-image: url("beauty/fashion/iconic_.JPG");
  background-size: 100%;

}




.footerAQ, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	height: 600px;
	position: relative;
 
}
.footerAQ {

  background: url("images/dccback1.jpg");
  background-size: 100%;  
  z-index: 3; 
}





.footergif, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	height: auto;
	position: relative;
 
}
.footergif {

  background-image: url("hair.gif");
  background-size: 100%;  
 
}





.footergif2, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	height: 79%;
	position: relative;
 
}
.footergif2 {


 
}




.footergifende, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	height: 70%;
	position: relative;
 
}
.footergifende {

  background-image: url("beauty/fashion/fulani/fulani6.gif");
  background-size: 100%;  
 
}




.footernachgif, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	height: 79%;
	position: relative;
 
}
.footernachgif {

  background-image: url("images/edge_.jpg");
  background-size: 100%;
  z-index: 3; 
}















.slider, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	height: 79%;
	position: relative;
 
}
.slider {


 
}





.involve, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	heigth: auto;
	position: relative;
 
}
.involve {
  
  background-image: url("images/dates.jpg");
  background-size: 100%;
  z-index: 3;
}













































.sil, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	heigth: auto;
	position: relative;
 
}
.sil {
  

}





.nachgifinnen, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	height: auto;
	position: relative;
 
}
.nachgifinnen {
  background-color: rgba(157, 1, 1, 0.3);

  
 
}





.darkintro, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	height: auto;
	position: relative;
 
}
.darkintro {
  background-color: rgba(0, 0, 0, 0.7);
  height: auto;
 
}











.darkintro2, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	height: auto;
	position: relative;
 
}
.darkintro2 {
  background-color: rgba(0, 0, 0, 0.8);
  height: auto;
 
}

















.darkintrofarbe, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	
	position: relative;
 
}
.darkintrofarbe {
  background-color: rgba(248, 224, 224, 0.9);
  
 
}




.darksil, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	height: 100%;
	position: relative;
 
}
.darksil {
  background-color: rgba(0, 0, 0, 0.8);
  
 
}











.green {
  color: #FFBF00;
  
 
}





.green2 {
  color: #74DF00;
  
 
}





.orange, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	
	position: relative;
 
}
.orange {
  background-color: rgba(251, 239, 245, 0.8);
  
 
}







.textfarbe {
  color: #4B610B;
  
 
}









.dunkelrot {
    color: darkred;
}












.newsletter, .page-wrap:after {
  /* .push must be the same height as footer */
	
        width: 100%;
        height: auto;
	position: relative;
       
	

}
.newsletter {
   

  background-color: #ccddff;
  z-index: 3;
}







.textnewsletter, .page-wrap:after {
  /* .push must be the same height as footer */
	
        width: 90%;
        height: auto;
	position: relative;
        left: 5%;
	

}
.textnewsletter {
  background: rgba(0, 0, 0, 0.2); 
  background-image: url();
  border: 1px solid grey;
  border-radius: 3px;
  margin-top: 20px;
}







.buttonur, .page-wrap:after {
  /* .push must be the same height as footer */
	
        width: 200px;
        height: auto;
	position: relative;
       
	

}






.buttonma {
  display: inline-block;
  padding: 6px 10px;
  color: red;
  border: 1px solid black;
  border-radius: 3px;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  text-align: left;
  text-transform: uppercase;
  width: auto;
  font-size: large;
  margin-top: 50px;
  margin-bottom: 70px;
  background: rgba(246, 206, 216, 0.4); 
}





.button2, .page-wrap:after {
  /* .push must be the same height as footer */
	
        width: 200px;
        height: auto;
	position: relative;
       
	

}
.button2 {
  background: rgba(255, 252, 252, 0.3); 
  border: 1px solid white;
  border-radius: 3px;
  font-size: large;
  margin-top: 50px;
  margin-bottom: 70px;
}






.button33, .page-wrap:after {
  /* .push must be the same height as footer */
	
        width: 200px;
        height: auto;
	position: relative;
       
	

}
.button33 {
  background: rgba(255, 252, 252, 0.4); 
  border: 1px solid #C5AEEB;
  border-radius: 3px;

}






.buttonhotpink {
  display: inline-block;
  padding: 6px 10px;
  color: red;
  border: 1px solid hotpink;
  border-radius: 3px;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  text-align: left;
  text-transform: uppercase;
  width: auto;
  font-size: large;
  margin-top: 50px;
  margin-bottom: 70px;
  background: rgba(246, 206, 216, 0.9); 
}







.buttonwhite {
  display: inline-block;
  padding: 6px 10px;
  color: red;
  border: 1px solid #ccddff;
  border-radius: 3px;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  text-align: left;
  text-transform: uppercase;
  width: auto;
  font-size: large;
  margin-top: 50px;
  margin-bottom: 70px;
  background: rgba(0, 0, 0, 0.2); 
}











.button {
  color: black;

  font-size: large;

  background: rgba(155, 0, 0, 0.5);
  border: 1px solid rgba(155, 0, 0, 0.5);


}








.button99 {
 
  border: 1px solid black;
  border-radius: 3px;
  font-size: large;
  margin-top: 50px;
  margin-bottom: 70px;
}














.buttonorange {
  display: inline-block;
  padding: 8px 10px;
  color: red;
  border: 1px solid rgba(155, 0, 0, 0.5);
  border-radius: 3px;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  width: auto;
  font-size: large;

  background: rgba(155, 0, 0, 0.5);
  width: 84%; 
}









.buttonblackUR {
  display: inline-block;
  padding: 6px 10px;
  color: red;
  border: 1px solid black;
  border-radius: 3px;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  text-align: left;
  text-transform: uppercase;
  width: auto;
  font-size: large;
  margin-top: 50px;
  margin-bottom: 70px;
  background: rgba(0, 0, 0, 0.1); 
}










.buttonblack {
  display: inline-block;
  padding: 6px 10px;
  color: red;
  border: 1px solid black;
  border-radius: 3px;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  text-align: left;
  text-transform: uppercase;
  width: auto;
  font-size: large;
  margin-top: 50px;
  margin-bottom: 70px;
  background: rgba(255, 255, 255, 0.2); 
}
















.buttontext, .page-wrap:after {
  /* .push must be the same height as footer */
	
        width: auto;
	position: relative;
        left: 7%;
	

}
.buttontext {
  background: transparent; 
  background-image: url();
}






.footerende, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	height: auto;
	position: relative;
 
}
.footerende {
  
  background-color: black;
  z-index: 3;

}






.support, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	height: 100%;
	position: relative;
 
}
.support {
  
  background-color: black;
  position: relative;
  height: auto;

}












.zwischen, .page-wrap:after {
  /* .push must be the same height as footer */
	height: 1px; 
}
.zwischen {
  background: black;
  
}






.zwischen2, .page-wrap:after {
  /* .push must be the same height as footer */
	height: 1px; 
}
.zwischen2 {
  background: #151515;
  
}











.zwischen3, .page-wrap:after {
  /* .push must be the same height as footer */
	height: 1px; 
}
.zwischen3 {
  background: darkgrey;
  
}









.text, .page-wrap:after {
  /* .push must be the same height as footer */
	
        width: 90%;
	position: relative;
        left: 5%;
	

}
.text {
  background: transparent; 
  background-image: url();
}







.textintro, .page-wrap:after {
  /* .push must be the same height as footer */
	
        width: 90%;
	position: relative;
        left: 5%;
	

}
.textintro {
  background: transparent; 
  background-image: url();
}







.textanfang, .page-wrap:after {
  /* .push must be the same height as footer */
	
        width: 90%;
	position: relative;
        left: 5%;
	

}
.textanfang {
  background: transparent; 
  background-image: url();
}






.text2, .page-wrap:after {
  /* .push must be the same height as footer */
	
        width: 70%;
	position: relative;
        left: 15%;
	

}
.text2 {
  background: transparent; 
  background-image: url();
}







.fbinnen, .page-wrap:after {
  /* .push must be the same height as footer */
	
        width: 100%;
        height: 100%,
	position: relative;
       
	

}
.fbinnen {
  background: rgba(0, 0, 0, 0.3); 
  background-image: url();
}








.cssdesign{
border: 1px dotted #666666;
background-color: #FFFFFF;
} 







.ffm, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	
	position: relative;
 
}
.ffm {
  background-color: rgba(204, 221, 255, 0.80);
  
 
}








.ffmind, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	heigth: auto;
	position: relative;
 
}
.ffmind {
  
  background-image: url("images/dates.jpg");
  background-size: 100%;
  z-index: 3;
}











.partner, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	heigth: 400px;
	position: relative;
 
}
.partner {
  
  background-image: url("images/esports33.jpg");
  background-size: 100%;
  z-index: 3;

}















.meinblau {
    color: #ccddff;
}





.meinblau2 {
    color: darkred;
}






.video {
    background-color: black;
    width: 100%;
    height: 100%;
    position: relative;
    margin-top: 15px;
    margin-bottom: 10px;
}











.center {
    text-align: center;
}









.sponsoren, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	background-color: rgba(0, 0, 0, 0.95);
	position: relative;
 
}
.sponsoren {
  background-color: white;
  z-index: 3;
  
 
}















.teams, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	
	position: relative;
 
}
.teams {
  background-color: black;
  z-index: 3;
  
 
}














.meinred {
    color: darkred;
}








.buttondemo {
  display: inline-block;
  padding: 12px 20px;
  color: red;
  border: 1px solid #ccddff;
  border-radius: 24px;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  width: 50%;
  font-size: large;
  margin-top: 0px;
  margin-bottom: 20px;
  background: rgba(255, 255, 255, 0.1); 
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}







.buttondemo2 {
  display: inline-block;
  padding: 6px 10px;
  color: red;
  border: 2px solid darkred;
  border-radius: 3px;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  width: auto;
  font-size: large;
  margin-top: 50px;
  margin-bottom: 70px;
  background: transparent; 
}









.buttonmeinred {
  display: inline-block;
  padding: 6px 10px;
  color: darkred;
  border: 1px solid darkred;
  border-radius: 3px;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  text-align: left;
  text-transform: uppercase;
  width: auto;
  font-size: large;
  margin-top: 50px;
  margin-bottom: 70px;
  background: transparent; 
}












.textgallery {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    box-shadow: 0 0px 1px black;
    border: 1px solid #ccddff;

}








.affilitaes {
    

	width: 100%; 
	height: auto; 
	margin: auto;
	border-bottom: transparent;
	box-shadow: 0 1px 2px #626262;
	background-color: rgba(0, 0, 0, 0.95);
    	color: pink;
        z-index: 3;


}












.products {
    

	width: 100%; 
	height: auto; 
	margin: auto;
	border-bottom: transparent;
	box-shadow: 0 1px 2px #626262;
	background-color: rgba(0, 0, 0, 0.95);
    	color: pink;
        z-index: 3;


}








.hellblau {
    color: #ccddff;
}











.smallwidth {
    position: relative;
    width: 90%;
    height: auto;
    margin: 0 5%;
}














.shareback {
    background-color: rgba(0, 0, 0, 0.70);
    position: relative;
    width: 100%;
    z-index: 3;
}








.shareback2 {
    background-color: rgba(0, 0, 0, 0.94);
    position: relative;
    width: 100%;
    z-index: 3;
}





.newsletter, .page-wrap:after {
  /* .push must be the same height as footer */
	
        width: 100%;
        height: auto;
	position: relative;
       
	

}
.newsletter {
   

  background-image: url("images/share.jpg");
  z-index: 3;
}














.share, .page-wrap:after {
  /* .push must be the same height as footer */
	
        width: 100%;
        height: auto;
	position: relative;
       
	

}
.share {
   

  background-image: url("images/dccback1.jpg");
  z-index: 3;
}








.zwischen3 {
	width: 100%;
        height: 1px;
	position: relative;
        background-color: #1C1C1C;

	
}










.likeme, .page-wrap:after {
  /* .push must be the same height as footer */
	
        width: 100%;
        height: auto;
	position: relative;
       
	

}
.likeme {
   

    background: url("../CC/images/valentin.jpg");
    background-size: cover;
    z-index: 3;
}











.fickdich, .page-wrap:after {
  /* .push must be the same height as footer */
	
        width: 100%;
        height: auto;
	position: relative;
       
	

}
.fickdich {
   

  background-image: url("images/fuck.png");
  z-index: 3;
}















.footerend {
    background-color: black;
    bottom: 0;
    overflow: hidden;
}


.footerend, .page-wrap:after {
    /* .push must be the same height as footer */
    width: 100%;
    position: relative;
    bottom: 0;
    overflow: hidden;
    z-index: 3;
}









.video-container {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.95);
}
.video-container video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}