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

.grid-1.box {
	width: calc(30% - 60px);	
}

.grid-1, 
.grid-2 {
	margin-right: 5%;
	margin-bottom: 5vw;
	float: left;
}

.grid-1 {
	width: 30%;
}

.grid-2 {
	width: 65%;
}

.grid-3 {
	width: 100%;
	margin-right: 0;
	margin-bottom: 5vw;
}

.impressum-datenschutz-site .grid-3 { 
margin-bottom:0vh;
}

footer .grid-1,
footer .grid-2,
footer .grid-3 {
	margin-bottom: 40px;	
}

/* Desktop */
@media 
only screen and (min-width : 880px) {
	.grid-1.last-grid, 
	.grid-2.last-grid, 
	.grid-3.last-grid {
		margin-right: 0;
	}
}

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

	.grid-1, 
	.grid-2 {
		width: 48%;	
	}
	
	.grid-1.box {
		width: calc(48% - 60px);
	}
	
	.grid-1:first-of-type {
		width: 100%;
		margin-right: 0;
	}
	
	a .grid-1.box {
		width: calc(48% - 60px) !important;
		margin-right: 0;
	}

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

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

	.grid-1, 
	.grid-2  {
		width: 100%;
		margin-right: 0;	
	}
	
	.grid-1.box {
		width: calc(100% - 60px);	
	}
	
	.grid-1.mob-last-grid, 
	.grid-2.mob-last-grid, 
	.grid-3.mob-last-grid {
		margin-right: 0;
	}
}