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

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

.grid-1 {
	width: 22%;
}

.grid-2 {
	width: 48%;
}

.grid-3 {
	width: 74%;
}

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

.half {
    padding-left: 12.5%;
    padding-right: 12.5%;
    box-sizing: border-box;
}

.third {
    width: calc(74% - 100px);
}

.grid-2-change .grid-2:first-child {
	float: right;
	margin-right: 0;
	margin-left: 4%;
}

/* 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.last-grid, 
	.grid-2.last-grid, 
	.grid-3.last-grid {
		margin-right: 0;
	}
    
    .partner-small {
        width: calc(48% - 80px);
    }
}

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

	.grid-1, 
	.grid-2,
	.grid-3  {
		width: 100%;
		margin-right: 0;	
	}

	.grid-1.last-grid, 
	.grid-2.last-grid, 
	.grid-3.last-grid {
		margin-right: 0;
	}
    
    .grid-container .grid-1:last-child,
    .grid-container .grid-2:last-child,
    .grid-container .grid-3:last-child {
        margin-bottom: 0;
    }
    
    .third {
        width: 100%;
    }
    
    .partner-container .grid-1,
    .partner-container .grid-2,
    .partner-container .grid-3 {
        margin-bottom: 10px;
    }
    
    .partner-container > div:first-child {
        margin-top: 70px;
    }
    
    .partner-site section.blau div.grid-container > div:nth-child(-n+4) > div:first-child {
        margin-top: 0;
    }
    
    .partner-site section.blau div.grid-container > div:nth-child(2) > div.grid-3 {
        margin-bottom: 50px;
    }
    
    .kontakt-oeffnungszeiten .grid-2:first-child {
        margin-bottom: 50px;
    }
}


@media 
only screen and (max-width : 1200px) { 
    .half {
        padding: 0;
        box-sizing: inherit;
    }
}