/* Centered texts in each section
    * --------------------------------------- */
    .section{
        text-align:left;
    }

	.icon {
     margin-bottom: 10%;
	}
	
	/* Bild
    * --------------------------------------- */
    .img-responsive {
    max-width: 100%;
    height: auto;
	text-align: center;
    }
	

    /* Lazy loading background
    * --------------------------------------- */
    #section1 {
    	background-image: url(../imgs/augentropfen-ocuvers-relief-image-2.jpg);
	  	background-repeat: no-repeat;
   		background-position: center;
   		background-size: cover; 
   		width: 100vw;
   		height: 100vh;
   		justify-content: center; 
   		align-items: center;
    }
	
	#section2 {
    	background-image: url(../imgs/Trockene_Augen_ocuvers-hyaluron_tropfen.jpg);
	  	background-repeat: no-repeat;
   		background-position: center;
   		background-size: cover; 
   		width: 100vw;
   		height: 100vh;
   		justify-content: center; 
   		align-items: center;
    }
	

	
	#section6 {
    	background-image: url(../imgs/augentropfen-ocuvers-relief-image-3.jpg);
	  	background-repeat: no-repeat;
   		background-position: center;
   		background-size: cover; 
   		width: 100vw;
   		height: 100vh;
   		justify-content: center; 
   		align-items: center;
    }

/* Defining each section background and styles
	* --------------------------------------- */
	

	#section3{
		background: -webkit-gradient(linear, left, from(#97e1a2), to(#ffffff));
		background: -webkit-linear-gradient(left, #97e1a2, #ffffff);
		background: linear-gradient(to right, #97e1a2,#ffffff);
	}
	
	#section4{
		background: -webkit-gradient(linear, top, from(#97e1a2), to(#ffffff));
		background: -webkit-linear-gradient(top, #97e1a2, #ffffff);
		background: linear-gradient(to bottom, #97e1a2,#ffffff);
	}
	
	#section7{
		background: -webkit-gradient(linear, top, from(#3a9948), to(#ffffff));
		background: -webkit-linear-gradient(top, #3a9948, #ffffff);
		background: linear-gradient(to bottom, #3a9948,#ffffff);
	}




 	/*Adding background for the slides
	* --------------------------------------- */
	#slide1{
		background-image: url(../imgs/augenspray-ocuvers-lipostamin-image-1.jpg);
	  	background-repeat: no-repeat;
   		background-position: center;
   		background-size: cover; 
   		width: 100vw;
   		height: 100vh;
   		justify-content: center; 
   		align-items: center;
	}
	#slide2{
		background-image: url(../imgs/lidrandpflege-ocuvers-wipes-image-1.jpg);
	  	background-repeat: no-repeat;
   		background-position: center;
   		background-size: cover; 
   		width: 100vw;
   		height: 100vh;
   		justify-content: center; 
   		align-items: center;
	}
	#slide3{
		background-image: url(../imgs/augentropfen-ocuvers-b5-image-1.jpg);
	  	background-repeat: no-repeat;
   		background-position: center;
   		background-size: cover; 
   		width: 100vw;
   		height: 100vh;
   		justify-content: center; 
   		align-items: center;
	}


	
	/*Elemente
	* --------------------------------------- */
	
	
	.box-produkt {
	 float: left;
     margin-left: 10%;	 
	 width: 40%;
     box-sizing: border-box;
     margin-right: 0;
	 background: #ffffff;
	 box-shadow: 3px 5px 5px -1px #7f7f7f;
	 border-radius:15px;
	 display:inline-block;
	 padding:31px 31px;
	}
	
	.box1-0 {
	 float: left;
	 width: 100%;
     box-sizing: border-box;
	}
	.box1-1 {
	 float: left;
	 width: 50%;
     box-sizing: border-box;
	}
	.box1-2 {
	 float: left; 
	 width: 50%;
     box-sizing: border-box; 
	}
	
	
	.box2 {
     width: 370px;
     margin-left: 65%;
     box-sizing: border-box;
	}
	
	.box3 {
	 float: left;
     width: 300px;
     margin-left: 10%;
     box-sizing: border-box;
     margin-right: 4%;
	 background: #ffffff;
	 box-shadow: 3px 5px 5px -1px #7f7f7f;
	 border-radius:15px;
	 display:inline-block;
	 padding:9px 31px;
	 margin-bottom: 20px;
	}
	.box3-3 {
	 float: left;
     width: 50%;
     box-sizing: border-box;
     margin-right: 0;
	}
	
	.box4 {
	 text-align:left;
     display: flex;
	 justify-content: center;
	}
	.box4-1 {
	 float: left;
     width: 250px;
     box-sizing: border-box;
     margin-right: 2%;
	 display:inline-block;
	 padding:9px 31px;
	 margin-bottom: 20px;
	}
	.box4-2 {
	 float: left;
     width: 250px;
     box-sizing: border-box;
     margin-right: 2%;
	 display:inline-block;
	 padding:9px 31px;
	 margin-bottom: 20px;
	}
	.box4-3 {
	 float: left;
     width: 250px;
     box-sizing: border-box;
     margin-right: 2%;
	 display:inline-block;
	 padding:9px 31px;
	 margin-bottom: 20px;
	}
	.box4-4 {
	 float: left;
     width: 250px;
     box-sizing: border-box;
     margin-right: 2%;
	 display:inline-block;
	 padding:9px 31px;
	 margin-bottom: 20px;
	}
	.box4-5 {
	 float: left;
     width: 250px;
     box-sizing: border-box;
     margin-right: 0%;
	 display:inline-block;
	 padding:9px 31px;
	 margin-bottom: 20px;
	}
	
	.box5 {
	 text-align:center;
     box-sizing: border-box;
	}
	.box5-1 {
     width: 50%;
     margin-top: 6%;
     box-sizing: border-box;
     margin-right: 0;
	 background: #ffffff;
	 box-shadow: 3px 5px 5px -1px #7f7f7f;
	 border-radius:15px;
	 display:inline-block;
	 padding:20px 20px;
	 margin-bottom: 20px;
	}
	.box5-1-1 {
	 text-align:center;
     box-sizing: border-box;
     margin-bottom: 40px;
	}
	.box5-1-2 {
	 float: left;
     width: 300px;
     box-sizing: border-box;
	 display:inline-block;
	 text-align:center;
	}
	.box5-1-3 {
	 float: left;
     width: 350px;
     box-sizing: border-box;
	 display:inline-block;
	 text-align:left;
	}
	.box6-1 {
     width: 80%;
     margin-left: 20%;
     margin-bottom: 80px;
     margin-top: 2%;
     box-sizing: border-box;
	}
	.box6-2 {
     width: 300px;
     margin-left: 20%;
     box-sizing: border-box;
     margin-right: 0;
	 background: #ffffff;
	 box-shadow: 3px 5px 5px -1px #7f7f7f;
	 border-radius:15px;
	 display:inline-block;
	 padding:9px 31px;
	 margin-bottom: 20px;
	}
	.box7 {
	 text-align:left;
     display: flex;
	 justify-content: center;
	}
	.box7-1 {
	 float: left;
     box-sizing: border-box;
     margin-left: 3%;
     margin-right: 6%;
	 display:inline-block;
	 margin-bottom: 20px;
	}
	.box7-2 {
	 float: left;
     box-sizing: border-box;
	 display:inline-block;
	 margin-bottom: 20px;
	}
	.box7-Logo {
     text-align:left;
     display: flex;
	 justify-content: center;
	 margin-bottom: 20px;
	}
	.box-slide-hoch {
	 float: left;
     margin-left: 15%;	 
	 width: 40%;
     box-sizing: border-box;
     margin-right: 0;
	 background: #ffffff;
	 box-shadow: 3px 5px 5px -1px #7f7f7f;
	 border-radius:15px;
	 display:inline-block;
	 padding:31px 31px;
	}
	.box-slide-quer {
	 float: left;
     margin-left: 15%;	 
	 width: 30%;
     box-sizing: border-box;
     margin-right: 0;
	 background: #ffffff;
	 box-shadow: 3px 5px 5px -1px #7f7f7f;
	 border-radius:15px;
	 display:inline-block;
	 padding:31px 31px;
	}
	.box-slide1-0 {
	 float: left;
	 width: 100%;
     box-sizing: border-box;
	}
	.box-slide1-1 {
	 float: left;
	 width: 50%;
     box-sizing: border-box;
	}
	.box-slide1-2 {
	 float: left; 
	 width: 50%;
     box-sizing: border-box; 
	}
	.box-slide3-1 {
     margin-bottom: 30px;
     box-sizing: border-box;
	}
	.box-slide3-2 {
     margin-bottom: 30px;
     box-sizing: border-box;
	}
	
	.box-headline {
     margin-bottom: 30px;
     box-sizing: border-box;
	}
	
	.Datenschutz-Logo  {
     text-align:left;
     display: flex;
	 justify-content: center;
	 padding-bottom: 20px;
	 padding-top: 80px;
	}
	
	.box-Datenschutz {
     text-align:left;
     display: flex;
	 justify-content: center;
	}
	
	.box-Datenschutz-Text {
     text-align:left;
	 width: 70%;
	 padding-bottom: 180px;
	}
	
	.form-control-wdh {
    z-index:999;
    position:absolute;
    height:0;
    width:0;
    border:none;
    background:none;
    margin:0;
    top:0;
    left:0;
    clear:both;
    font-size:0px;
    line-height:0px;
}