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

.grid-1, 
.grid-2, 
.grid-3 {
	margin-right: 3%;
	margin-bottom: 45px;
	float: left;
}

.grid-1 {
	width: 22.75%;
}

.grid-2 {
	width: 48.5%;
}

.grid-3 {
	width: 74.25%;
}

.grid-4 {
	width: 100%;
	margin-right: 0;
	overflow: hidden;
}

.index-site .grid-3 {
	margin-right: 0px;
}

.index-site .grid-1,
.index-site .grid-3 {
	margin-bottom: 0;
}

/* Last Grid allgemein */
.grid-1.last-grid, 
.grid-2.last-grid, 
.grid-3.last-grid, 
.grid-4.last-grid {
	margin-right: 0;
}


/* Tablets */
@media 
only screen and (min-device-width : 600px) and (max-device-width : 879px), 
only screen and (min-width : 600px) and (max-width : 879px) {
.grid-1, 
.grid-2, 
.grid-3 {
	width: 48%;	
	margin-right: 4%;
}

.grid-1.tab-last-grid, 
.grid-2.tab-last-grid, 
.grid-3.tab-last-grid, 
.grid-4.tab-last-grid {
	margin-right: 0;
}
}

/* Mobile */
@media 
only screen and (min-device-width : 220px) and (max-device-width : 599px), 
only screen and (min-width : 220px) and (max-width : 599px) {
.grid-1, 
.grid-2, 
.grid-3  {
	width: 100%;
	margin-right: 0;	
}

.grid-1.last-grid, 
.grid-2.last-grid, 
.grid-3.last-grid, 
.grid-4.last-grid {
	margin-bottom: 0;
}
}