/* 
N O T E 	
spalten = 6 = 199 breit + 1px aus .txtBox (margin)
steg = durch padding .txtBox bestimmt
gesamtbreite aussen = 1200 */ 
/*
	
	
	
	
.trenner, .trennerMitLinie, .trennerAuchMobile{ 
	width: 1022px; 
	margin:22px 0;
	position: relative; float: left; 
	clear: both

	}
*/
	
.trennerMitLinie{
	position: relative;
	float: left;
	width: 100%;
	border-top: 1px solid #eceae2;
	margin:44px 8px;
}	
	
	
	
.col1, .col2, .col3, .col4, .col5, .col6, 
.col4-img-breit, .col5-img-breit, .col6-img-breit{ 
	position: relative; 
	float:left; 
	}

.col1 { width: 199px; }
.col2 { width: 399px; }
.col3 { width: 599px;  }
.col4 { width: 799px; }
.col5 { width: 999px; }
.col6 { width: 1199px; }



.rahmen{padding:0;}

.einzug1 { margin-left: 200px;}
.einzug2 { margin-left: 400px;}
.einzug3 { margin-left: 600px;}
.einzug4 { margin-left: 800px;}
.einzug5 { margin-left: 1000px;}
.einzug6 { margin-left: 1200px;}



/*  normalfall: angepasste spaltenbreite 
.col1  img { width: 199px; }
.col2  img { width: 399px; }
.col3  img { width: 599px;}
.col4  img { width: 799px; }
.col5  img { width: 999px; }
.col6  img { width: 1199px; }*/
 
/*  ganze spaltenbreite : klasse in image */
.col4-img-breit { width: 712px; padding: 0;}
.col5-img-breit { width: 892px; padding: 0;}
.col6-img-breit { width: 1088px; padding: 0;}
 

/*
*/
.ganzeBreite{width: 1088px; padding: 0 8px;}

.kacheln3er:nth-child(3n+4) 
 {
margin-left: 0; 
clear: both;
}



.zweiSpaltig {
   -webkit-column-count: 2; /* Chrome, Safari, Opera */
   -moz-column-count: 2; /* Firefox */
   column-count: 2;
   
/*
   column-rule: 1px dotted #a8a290;
   -moz-column-rule: 1px dotted #a8a290;
   -webkit-column-rule: 1px dotted #a8a290;
*/
}


.dreiSpaltig {
   -webkit-column-count: 3; /* Chrome, Safari, Opera */
   -moz-column-count: 3; /* Firefox */
   column-count: 3; 
/*
   column-rule: 1px dotted #a8a290;
   -moz-column-rule: 1px dotted #a8a290;
   -webkit-column-rule: 1px dotted #a8a290;
*/
}



.zweiSpaltig, .dreiSpaltig{

   -webkit-column-gap:16px;
   -moz-column-gap:16px;
   column-gap:16px;

     -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
   
   hyphenate-limit-chars: auto 5;
   orphans:2; widows: 2;

}


.spalteHalten { 
   page-break-inside: avoid;                 
   column-break-inside: avoid;               
   -webkit-column-break-inside: avoid;
   -moz-column-break-inside: avoid;
   -ms-column-break-inside: avoid;
}



/* googlekarten */

.col7 iframe{
	width: 438px;
	height: 400px;
	margin-top: 12px;
	box-shadow: 2px 2px 16px 0px rgba(0, 0, 0, 0.2)
}




/* ---------------------------- < 920 ---------------------------- */


@media only screen and (max-width:920px){ 
	
	.desktop{display: none}	
		
	.wrapper{
		width: 86%;
		margin: 0 auto;
	/* 	padding: 120px 0; */
		height: auto;
	/* 	border: 1px dotted #000 */
	}	
		
	.ganzeBreite{width: 100%; padding: 0 8px;}	
		
		
	.trenner{display: none;}
	.trennerAuchMobile {width: 100%;}
	.trennerMitLinie{width: 94%;}
		
	.col1, 
	.col2, 
	.col3, 
	.col4, 
	.col5, 
	.col6,
	.col1 img , 
	.col2 img , 
	.col3 img , 
	.col4 img , 
	.col5 img , 
	.col6 img 
	{
		width: 100%;
		margin-bottom: 12px;
		padding: 0;
		padding-top: 22px;
		}
		
		
	
	/*
	.col1, 
	.col2 
	 
	{
		width: 50%;
	
		}
	*/
		
		
		
	
	.einzug1, 
	.einzug2, 
	.einzug3, 
	.einzug4, 
	.einzug5{ 
		margin-left: 0px;
		}
	
	.zweiSpaltig, .dreiSpaltig{
		-webkit-columns: 1; /* Chrome, Safari, Opera */
	    -moz-columns: 1; /* Firefox */
	    columns: 1;
	
	}
	
	
	
	/* googlekarten */
	
	.col7 iframe{
		width: 100%;
		height: 300px;
		margin-top: 12px;
		box-shadow: 1px 1px 12px 0px rgba(0, 0, 0, 0.2)
	}
	


}