@media only screen and (max-width: 768px) { 
	#hNav ul li	{font-size:0.75rem;}
	footer section		{font-size:0.75em;}
}
@media only screen and (max-width: 740px) { 
	#Spalten article:nth-child(1)	{width:49%!important;margin-right:0.5%;}
	#Spalten article:nth-child(2)	{width:49%!important;margin-right:0.5%;}
	#Spalten article:nth-child(3)	{width:100%!important;margin-right:0;}
}
@media screen and (max-width:760px) {
	header div 			{background-size: 40% 100%;}
	#content, 
	#contentidx			{padding:0 10px;width:94%;}
	#content h1,
	#content h2,
	#content h3,
	#content h4,
	#content h5,
	#content h6			{letter-spacing:normal!important;}
	
	#AboutUs img 		{max-width:200px;}
	#SlideProjekteNav	{margin-bottom:5px;}
  	
	/*--------------------------------------------------------------------------------*/
	/*  Menu                                                                          */
	/*--------------------------------------------------------------------------------*/
	#hm								{margin-top:12px!important;}
	#hNav nav ul li            {background: url(none);margin-top:8px;background-color:#EFEFEF;}
	#hNav nav ul li:last-of-type{margin-bottom:4px;}
	#hNav nav ul li a.activeNav{background: url(none);}  
  	/* Button zum Anzeigen des Menüs */
  	.js .menu-toggle 				{display: block;cursor: pointer;color: #fff;border-radius: 12%;background-color: #645360;width: 32px;
                         		 height: 32px;margin: 8px auto;text-align: center;line-height: 2.2rem;border: 1px solid #010101;font-weight: normal;}
										 
  	#hNav li 						{-webkit-box-shadow: 0 5px 5px rgba(245, 245, 245, 0.75) inset;box-shadow: 0 5px 5px rgba(245, 245, 245, 0.75) inset;}
 	 .js  #hNav ul 				{display: none;}
  	#hNav nav ul.toggled-on 	{display: block;}

  	#hNav ul.toggled-on li, 
  	.no-js #hNav li 				{display: block;}
  	[data-icon]:before 			{content: attr(data-icon);speak: none;display: inline-block;font-size: 32px;}
  	.screen-reader-text 			{position: absolute;top: -9999px;left: -9999px;}
	
	nav#vNav 						{background-color:#EFEFEF!important;}
	/*----------------------------------------------------------------------------------------------------*/
	/* ocm                                                                                                */
	/*----------------------------------------------------------------------------------------------------*/
	.ocm-aktiv nav#vNav			{margin: 0 0 10px 1%;padding: 0 10px 5px 0;transition: 0.3s margin-left ease;-webkit-transition: 0.3s margin-left ease;}
	.ocm-aktiv nav#vNav h2		{margin-bottom:0;}
	nav#vNav h3						{font-weight:bold;}
	.ocm-aktiv nav#vNav ul li	{font-size:1rem;margin-left:1rem;margin-top:0.8rem;}
	.js #vNav						{margin-left:-100%;transition: 0.3s margin-left ease;-webkit-transition: 0.3s margin-left ease;}
	.js .ocm-Fahne 				{display:inline;}
}
@media only screen and (max-width: 650px) { 
	header div		{background:none;}
	
	#Spalten article:nth-child(1)	{width:100%!important;margin-right:0.5%;}
	#Spalten article:nth-child(2)	{width:100%!important;margin-right:0.5%;}
	#Spalten article:nth-child(3)	{width:100%!important;margin-right:0;}

	#contentidx hr 		{margin:10px 0;}
	#Infoboxes 				{padding:0;}
	#Infoboxes article 	{min-height: 12rem;width: 44%;}
	#Infoboxes article h2{font-size:1em!important;}
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Wide Phone                                                                                                                                                     */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 480px) { 
	#Spalten article:nth-child(1)	{width:100%!important;margin-right:0.5%;}
	#Spalten article:nth-child(2)	{width:100%!important;margin-right:0.5%;}
	#Spalten article:nth-child(3)	{width:100%!important;margin-right:0;}
	
	#Infoboxes article 	{width: 42%;}
	}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* iPhone                                                                                                                                                         */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/* iPhone 3 + 4                                                                   */
/*--------------------------------------------------------------------------------*/
@media only screen and (max-width: 320px) { 
	html {font-size:70%}
	#Spalten article:nth-child(1)	{width:100%!important;margin-right:0.5%;}
	#Spalten article:nth-child(2)	{width:100%!important;margin-right:0.5%;}
	#Spalten article:nth-child(3)	{width:100%!important;margin-right:0;}
}