/* Media-Queries */
/* ============= */

/* 
Hier befinden sich alle Komponenten, die von Media-Queries betroffen sind
=> ... aber ohne deren Ausgangsbasis (Desktop first)
=>    (diese befinden sich im Layout.css oder Details.css)
=> und all "Standard-Queries" (auch wenn ohne Komponenten)
*/


/* MQ der Sidebar-Muster */
/* ===================== */
/* ... so dass es auf iPhone6 quer (667px) noch keine Änderung gibt */
/*     (erst ab weniger als 667px) */
/*     (evtl. vorher noch auf 65% / 35% ändern) */
@media (max-width: 666px) {
.cMainr
	{
	float:none; width:100%;
	}
.cMainl
	{
	float:none; width:100%;
	}

.cSidebar
	{
	float:none; width:100%;
	}

.iSidebar
	{
	width:50%;
	}
} 


/* ab iPhone3/4/5 quer */
/* (bei noch kleiner evtl. display:none;) */
@media (max-width: 480px) {
.iSidebar
	{
	width:100%;
	}

} 


/* Standardprozeduren für Kolonnenunbrüche */
/* ======================================= */

/* (als Test 8er zu 4er */
/* ... bei 1280px) gerade noch 8 und 9 lassen */
@media (max-width: 1279px) 
{
	.Kolprz-12	/* für 8 -> 2x4) */
	  {
		width:25%;
		height:auto;
		min-height:auto;
	  } 

	.Kolprz-11	/* für 9 -> 3x3) */
	  {
		width:33.333333%;
		height:auto;
		min-height:auto;
	  } 
} 
/*
		font-size:80%;
		font-size:initial;
*/


/* ... bei iPad quer (1024px) gerade noch 6 lassen */
/* ... erst ab kleiner (1023px) von 6 zu 2x3 */
@media (max-width: 1023px) 
{
	.Kolprz-16	/* für 6 -> 2x3) */
	  {
		width:33.3333%;
		height:auto;
		min-height:auto;
	  } 
} 
/*
		font-size:90%;
		font-size:initial;
*/


/* ... bei iPad hoch (768px) gerade noch 4 und 5 lassen */
/* ... erst ab kleiner (767px) von 4 zu 2x2 */
@media (max-width: 767px) 
{
	.Kolprz-25, .Kolprz-12 	/* für 4 -> 2x2) */
	  {
		width:50%;
		height:auto;
		min-height:auto;
	  } 

	.Kolprz-20	/* für 5 -> 5*1) */
	  {
		width:100%;
		height:auto;
		min-height:auto;
	  } 

} 
/*
		font-size:90%;
		font-size:initial;
*/


/* ... bei iPhone6 hoch (375px) gerade noch 3 lassen */
/* ... erst ab kleiner (374px) von x*3 zu x*2 und 1*3 zu 3x1 */
@media (max-width: 374px) 
{
	.Kolprz-33, .Kolprz-11	/* für 3 -> 3*1) */
	  {
		width:100%;
		height:auto;
		min-height:auto;
	  } 

	.Kolprz-16	/* für 6 -> 3*2) */
	  {
		width:50%;
		height:auto;
		min-height:auto;
	  } 

} 
/*
		font-size:initial;
*/


/* ... ab kleiner (320px) gibt es nur noch 100% */
@media (max-width: 319px) 
{
	.Kolprz-50, .Kolprz-33, .Kolprz-25, .Kolprz-20, .Kolprz-16, .Kolprz-12, .Kolprz-11	
	  {
		width:100%;
		height:auto;
		min-height:auto;
	  } 
} 
/*
		font-size:initial;
*/