/* -------------------------------------------- */
/* ------------------Grid System--------------- */ 
.gridprodukt{ width: 1200px; position: relative; margin: 0 auto; padding: 0px;}
.gridprodukt:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.gridprodukt .rov{margin-bottom: 10px;}
.gridprodukt .rov:before,.rov:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.gridprodukt .rov:after{clear: both; }
.gridprodukt .rov{transform: scale(1);}

.gridprodukt .wrap-kol{margin:10px;}

.gridprodukt .kol-1-2, .gridprodukt .kol-1-3, .gridprodukt .kol-2-3, .gridprodukt .kol-1-4, .gridprodukt .kol-2-4, .gridprodukt .kol-3-4, .gridprodukt .kol-1-5, .gridprodukt .kol-2-5, .gridprodukt .kol-3-5, .gridprodukt .kol-4-5, .gridprodukt .kol-1-6, .gridprodukt .kol-2-6, .gridprodukt .kol-3-6, .gridprodukt .kol-4-6, .gridprodukt .kol-5-6, .gridprodukt .kol-1-7
{float:left; display: inline-block;}

.gridprodukt .kol-full{width:100%;}

.gridprodukt .kol-1-2{width:48%;}

.gridprodukt .kol-1-3{width:33.33%;} 
.gridprodukt .kol-2-3{width:66.66%;}

.gridprodukt .kol-1-4{width:25%;}
.gridprodukt .kol-2-4{width:50%;}
.gridprodukt .kol-3-4{width:75%;}

.gridprodukt .kol-1-5{width:20%;}
.gridprodukt .kol-2-5{width:40%;}
.gridprodukt .kol-3-5{width:60%;}
.gridprodukt .kol-4-5{width:80%;}

.gridprodukt .kol-1-6{width:16.66%;}
.gridprodukt .kol-2-6{width:33.33%;}
.gridprodukt .kol-3-6{width:50%;}
.gridprodukt .kol-4-6{width:66.66%;}
.gridprodukt .kol-5-6{width:83.33%;}

.gridprodukt .kol-1-7{width:14%;}

@media only screen and (min-width: 980px) and (max-width: 1199px) {
	.gridprodukt{width:980px;}
	.gridprodukt .kol-1-4{width:25%;}
	.gridprodukt .kol-1-2{width:48%;}
	.gridprodukt .kol-1-3{width:33%;}
}

@media only screen and (min-width: 900px) and (max-width: 979px) {
	.gridprodukt{width:900px;}
	.gridprodukt .kol-1-4{width:33%;}
	.gridprodukt .kol-1-2{width:48%;}
	.gridprodukt .kol-1-3{width:50%;}
}

@media only screen and (min-width: 700px) and (max-width: 899px) {
	.gridprodukt{width:700px;}
	.gridprodukt .kol-1-4{width:50%;}
	.gridprodukt .kol-1-2{width:48%;}
	.gridprodukt .kol-1-3{width:50%;}
}

@media only screen and (min-width: 470px) and (max-width: 699px) {
	.gridprodukt{width:470px;}
	.gridprodukt .kol-1-4{width:65%;}
	.gridprodukt .kol-1-2{width:48%;}
	.gridprodukt .kol-1-3{width:100%;}
}

@media only screen and (min-width: 330px) and (max-width: 469px) {
	.gridprodukt{width:330px;}
	.gridprodukt .kol-1-4{width:80%;}
	.gridprodukt .kol-1-2{width:98%;}
	.gridprodukt .kol-1-3{width:100%;}
}

@media only screen and (max-width: 330px) {
	.gridprodukt, .gridprodukt .kol-1-2, .gridprodukt .kol-1-3, .gridprodukt .kol-2-3, .gridprodukt .kol-1-4, .gridprodukt .kol-2-4, .gridprodukt .kol-3-4, .gridprodukt .kol-1-5, .gridprodukt .kol-2-5, .gridprodukt .kol-3-5, .gridprodukt .kol-4-5, .gridprodukt .kol-1-6, .gridprodukt .kol-2-6, .gridprodukt .kol-3-6, .gridprodukt .kol-4-6, .gridprodukt .kol-5-6, .gridprodukt .kol-1-7
{width:100%;}
}