/*********
SÜSSWINKEL - SPEZ LAYOUT
*********/
.grid-container {
	overflow: hidden;
}

.container {
	margin-left: 45px;
	margin-right: 45px;
}

.container-left {
	margin-left: 45px;
}

.container-right {
	margin-right: 45px;
}

.grid-container {
	overflow: hidden;
}

.grid-1 {
	margin-right: 0%;
	float: left;
	width: 50%;
}

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

.container-left.grid-1 {
	width: calc(50% - 45px);
}

.container-left.grid-2 {
	width: calc(100% - 90px);
}

.container-right.grid-1 {
	width: calc(50% - 45px);
}

.bg-img .container-left.grid-1 {
	width: calc(100% - 45px);
}
.bg-grey .container-right.grid-1 {
	width: calc(100% - 45px);
}

.indented-left {
	margin-left: 12.5%;
	width: calc(50% - 12.5%);
}

.indented-right {
	margin-right: 12.5%;
	width: calc(50% - 12.5%);
}

@media 
only screen and (min-width : 600px) and (max-width : 1023.9px) {
	.container-left {
    	margin-left: 60px;
	}
	.indented-left {
		margin-left: 60px;
		width: calc(50% - 60px);
	}
	.indented-right {
		margin-right: 60px;
		width: calc(50% - 60px);
	}
	.bg-img .container-left.grid-1,
	.bg-img .container-right.grid-1{
		width: calc(100% - 120px);
		margin-left: 60px;
		margin-right: 60px;
	}
	.bg-grey .container-right.grid-1 {
		width: calc(100% - 120px);
		margin-left: 60px;
		margin-right: 60px;
	}	
	.container-left.grid-1 {
   		width: calc(100% - 120px);
	}
	.container-right.grid-1 {
    	width: calc(100% - 120px);
		margin-left: 60px;
	}	
}

@media 
only screen and (min-width : 220px) and (max-width : 599.9px) {
	.grid-1 {
		margin-right: 0%;
		float: none;
		width: 100%;
	}
	.indented-left {
		width: calc(100% - 40px);
		margin-left: 20px;
		margin-right: 20px;
	}
	.container-left,
	.container-right {
		margin-left: 20px;
		margin-right: 20px;
	}
	.bg-img .container-left.grid-1,
	.bg-grey .container-right.grid-1,
	.container-left.grid-1,
	.container-right.grid-1 {
		width: calc(100% - 40px);
	}
}