/*squares*/
#background,#background_login{
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index:-100;
}
#background_login {
	clear:both;
}
.square{
	position:absolute;
	overflow:hidden;
	z-index: -100;
	width:500px;
	height:500px;
}

.effects{
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform: rotate(45deg);
	transform:rotate(45deg);
}

.papier{
	background-image:url(../img/bg.png);
	background-size: cover;

	
}

/*--standart 1920 width*/
.pos_1{
	
	top: -30%;
	left: -20%;

	
}

.pos_2{
	
	top: 20%;
	left: -25%;
	z-index:-101;

}

.pos_3{
	
	bottom:-40%;
	left:0%;

}

.pos_4{
	
	bottom:-55%;
	left:25%;
	
	z-index:-101;
	

}
.pos_5{
	
	bottom:-50%;
	right:0%;
	
	


}

.pos_6{
	
	top:20%;
	right:-25%;
	z-index:-101;
	
}

.pos_7{
	
	top:-20%;
	right:-25%;
}

.orange{
	background-color:rgba(147,88,52,0.35);
}
.green{
	background-color:rgba(52,147,88,0.35);
	
}
.blue{
	background-color:rgba(52,119,147,0.35);
}
.yellow{
	background-color:rgba(243,219,84,0.35);
}
.purple{
	background-color:rgba(133,52,147,0.35);
}
.lime{
	background-color:rgba(99,147,52,0.35);
}
.red{
	background-color:rgba(147,52,86,0.35);
}
.orange, .green, .blue, .yellow, .purple, .lime, .red{
	width:100%;
	height:100%;
}
/*squera ende */
/*--------squares_page-----------*/

#background_page {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index:-100;
}





.papier_page{
	background-image:url(../img/bg.png);
	background-size: cover;
	height:500px;
	width:500px;
	
}
.pos_1_page{
	
	top: -35%;
	left: -20%;
	
}

.pos_2_page{
	
	top: -55%;

	z-index:-101;

}

.pos_3_page{
	
	bottom: -35%;
	left: -20%;

}

.pos_4_page{
	
	bottom:-20%;
	right:-10%;
	z-index:-101;
	
}
.pos_5_page{
	
	bottom:-50%;
	right:-1%;

}

.pos_6_page{
	
	bottom:15%;
	right:-20%;
	
	z-index:-101;
	
}

.pos_7_page{
	
	top:-20%;
	right:-20%;

	
}

/*square_page ende */

/*-----------responsive index--------------*/
@media screen and (max-width: 1400px ){

	.pos_1 {
		left: -27%;
	}
	.pos_2 {
		left: -30%;
	}


	.pos_4 {
		left: 15%;
	}
	.pos_5 {
		bottom: -50%;
	}
	.pos_6 {
		right: -40%;
	}
	.pos_7 {
		right: -35%;
	}

}
@media screen and (max-height: 768px ){

	.pos_1{
		top:-58%;
	}
	.pos_2{
		top:10%;
	}
	.pos_3{
		bottom:-60%
	}
	.pos_4{
		bottom:-75%
	}
	.pos_5{
		bottom:-65%
	}
	.pos_6{
		top:10%;
	}
	.pos_7{
		top:-30%;
	}

}

/* pageponsive*/
@media screen and (max-width:1400px){
	.pos_1_page{
		left: -25%;
		
	}

	.pos_2_page{
		left: 0%;

	}

	.pos_3_page{
		left: -30%;
	}

	.pos_4_page{
		right: -20%;
	}	
	.pos_6_page{
		right:-30%;
	}

	.pos_7_page{
		right: -30%;	
	}
}

@media screen and (max-height:768px){
	.pos_1_page{
		
		top: -55%;
		
		
	}

	.pos_2_page{
		
		top: -80%;
		

	}

	.pos_3_page{
		bottom: -50%;
		
	}

	.pos_4_page{
		bottom: -30%;

	}
	.pos_5_page{
		
		bottom:-70%;
	}

	.pos_6_page{
		
		bottom:0%;
		
		

	}

	.pos_7_page{
		top: -50%;
		
	}
}

@media screen and (min-height:1080px){
	.pos_1_page{
			top: -25%;
		}
	.pos_2_page{
			top: -45%;
		}
	.pos_5_page{
			top: -40%;
		}


}