div.row, .clearfix{
	width: 100%;
	/* background-color: violet; */
	*zoom: 1; /* Für den IE6 und IE7 */
	}

div.row::before,
div.row::after,	
.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
} 

div.row::after,
.clearfix::after {
  clear: both;
}

@media (min-width: 769px){
	/*
	div.row{
		background-color: yellow;
		}
	*/
	
	.col-4-left, .col-4-right, .col-6-left, .col-6-right, .col-8-left, .col-8-right{
		float: left;
		}
		
	.col-4-left-swap, .col-4-right-swap, .col-8-left-swap, .col-8-right-swap{
		float: right;
		}
		
	.col-4-left{
		width: 31.5%;
		margin-right: 1.5%;
		}
		
	.col-4-left-swap{
		width: 31.5%;
		margin-right: 1.5%;
		}
		
	.col-4-right{
		width: 31.5%;
		margin-left: 1.5%;
		}

	.col-4-right-swap{
		width: 31.5%;
		margin-left: 1.5%;
		/* background-color: blue; */
		}
		
	.col-6-left{
		width: 48.5%;
		margin-right: 1.5%;
		}
		
	.col-6-right{
		width: 48.5%;
		margin-left: 1.5%;
		}

		
	.col-8-left{
		width: 65.5%;
		margin-right: 1.5%;
		}
		
	.col-8-left-swap{
		width: 65.5%;
		margin-right: 1.5%;
		/* background-color: orange; */
		}

	.col-8-right{
		width: 65.5%;
		margin-left: 1.5%;
		}
	
	.col-8-right-swap{
		width: 65.5%;
		margin-right: 1.5%;
		}
	}