/* Media-Queries
=========================================================================================*/
/* Diese Datei enthält allgemeingültige Madia-Queries, weitere Media-Queries sind in den
   einzelnen Dateien enthalten.                                                          */
   
@media screen and (max-width: 1200px) {		
.container 			{width:100%;}
}

@media screen and (max-width: 700px) {		
.navigationsbereich {width:100%; height:auto;}
nav 				{position:static; width:100%; height:auto;}
.hm 				{position:relative;	width:14.28571429%; float:left; 
					 border-right:#fff solid 1px;}
nav ul li a 		{padding-right:10px;}
.hm:first-of-type	{border-left:#fff solid 1px;}
.um 				{position:absolute; top:40px; left:0; width:190%;}
#hm_btn_5:after 	{content:'Texte \A zu Bildern'; white-space: pre; font-size:0.9rem;}
#hm_btn_5 		 	{line-height:13px; padding-top:5%;}
.content 			{position:static; width:100%;}	
#close 				{width:40%;	margin-left:30%; font-size:0.9rem;}
#close:after 		{content:"schliessen";}
.swiper-button-prev {margin-left: 5%;}
.swiper-button-next {margin-right: 5%;}
}

@media screen and (max-width: 480px) {
body 				{background-image:none; background:#000;}
#banner				{display:none;}
#menu_btn			{display:block;}
nav 				{display:none; position:static; width:100%; height:auto;}
.hm					{position:static; width:100%; height:auto; border:none;}
.hm:first-of-type	{border-left:none;}
#hm_btn_5:after 	{content:'Texte zu Bildern'; white-space: pre; font-size:1rem;}
#hm_btn_5 		 	{line-height:40px; padding-top:0;}
.um					{position:static; width:100%;}
.content			{display:block;}
.fusszeile			{font-size:0.9em}
.swiper-container 	{height:90%;}
}

@media screen and (max-width: 340px) {
.swiper-container 	{height:90%;}
}

/*---------------------------------------------------------------------------------------*/