@media screen and (min-width:768px){

	div[class="wrap"]{
		padding-left:10px;
		padding-right:10px;
	}

	.grid1, .grid2, .grid3, .grid4, .grid5, .grid6,
	.grid7, .grid8, .grid9, .grid10, .grid11, .grid12{
		float:left;
		margin-right:1.0416666666666666666666666666667%;
		margin-left:1.0416666666666666666666666666667%;
	}

	#inhalt{
		width:90%;
		max-width:830px; /*980px;*/
		margin-right:auto;
		margin-left:auto;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		-ms-transition: 0.5s;
		transition: 0.5s;
/*
	min-height: -webkit-calc(100vh - 11.5em);
	min-height: -moz-calc(100vh - 11.5em);
	min-height: -o-calc(100vh - 11.5em);
	min-height: -khtml-calc(100vh - 11.5em);
	min-height: calc(100vh - 11.5em);
*/
	}

	#inhalt_breit{
		width:99%;
		margin-right:auto;
		margin-left:auto;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		-ms-transition: 0.5s;
		transition: 0.5s;
	}

	/***** Berechnung immer: Gewünschte Pixelbreite / Gesamtgridbreite (hier: 960) * 100 *******/
	.grid1 {width:6.25%; /*60px%*/}
	.grid2 {width:14.583333333333333333333333333333%; /*140px%*/}
	.grid3 {width:22.916666666666666666666666666667%; /*220px%*/}
	.grid4 {width:31.25%; /*300px%*/}
	.grid5 {width:39.583333333333333333333333333333%; /*380px%*/}
	.grid6 {width:47.916666666666666666666666666667%; /*460px%*/}
	.grid7 {width:56.25%; /*540px%*/}
	.grid8 {width:64.583333333333333333333333333333%; /*620px%*/}
	.grid9 {width:72.916666666666666666666666666667%; /*700px%*/}
	.grid10 {width:81.25%; /*780px%*/}
	.grid11 {width:89.583333333333333333333333333333%; /*860px%*/}
	.grid12 {width:97.916666666666666666666666666667%; /*940px%*/}
	.grid13 {width:100%;}

}
@media screen and (min-width:1024px){
	#inhalt_backend{
		/*width:60%;*/
		width:1024px;
		margin-right:auto;
		margin-left:auto;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		-ms-transition: 0.5s;
		transition: 0.5s;
	}
	
}