/*********
PROEJKTNAME - 2 Spalten
*********/
.grid-container {
	overflow: hidden;
}

.grid-1 {
	width: 47.5%;
	margin-right: 5%;
	margin-bottom: 0px;
	float: left;
}

.grid-2 {
	width: 100%;
}

.last-grid,
.grid-1.last-grid {
	margin-right: 0;
}

.grid-left {
	width: 65%;
	margin-right: 5%;
		float: left;
}
.grid-right {
	width: 30%;
	margin-right: 0;
	float: left;
}

.grid-left-small {
	width: 30%;
	margin-right: 5%;
	float: left;
}

.grid-right-bright {
	width: 65%;
	margin-right: 0;
	float: left;
}

/* Desktop */
@media 
only screen and (min-width : 880px) {

}

/* Tablets */
@media 
only screen and (min-width : 600px) and (max-width : 879.9px) {
	.grid-1 {
		width: 48%;
		margin-right: 4%;
	}
	.grid-left,
	.grid-right,
	.grid-left-small, 
	.grid-right-bright {
		width: 100%;
		margin-right: 0;	
	}
}

/* Mobile */
@media 
only screen and (min-width : 220px) and (max-width : 599.9px) {
	.grid-1, 
	.grid-2,
	.grid-left,
	.grid-right,
	.grid-left-small, 
	.grid-right-bright {
		width: 100%;
		margin-right: 0;	
	}
	.index-site .grid-1 {
		margin-bottom: 75px;
	}
	.grid-1 {
		margin-bottom: 50px; /*vorher 75*/
	}
	.grid-1.last-grid {
		margin-bottom: 0;
	}
	.grid-right {
		margin-top: 30px;
	}
}