/*----------------------------------------------------------------*/
/* Mobile
-------------------------------------------------------------- */
	
	
@media screen and (max-width: 980px) {

		body {
		  -moz-hyphens: auto;
		  -o-hyphens: auto;
		  -webkit-hyphens: auto;
		  -ms-hyphens: auto;
		  hyphens: auto;
		}
		
		#threelinemenu {
			    display: block;
				font-size: 25px;
				color: #fff;
				background: #585858;
				padding: 4%;
				cursor: pointer;
		}
				
		
		#nav-mobile {
			background: #3B4249;
			padding: 20px;
			padding-top: 10px;
			padding-bottom: 20px;
			margin: 0px;
			clear: both;
			text-align: center;
			font-size: 16px;
		}	
		
			#nav-mobile a {
				color: #fff;
				text-decoration: none;
				font-size: 22px;
				text-decoration: none;
				padding-bottom: 15px !important;
				padding-top: 15px !important;
				display: block;
				border-bottom: 1px solid #737B82;
			}
			
				#nav-mobile a:hover {
					opacity: 0.6;
					-webkit-transition: all 0.2s ease-out, all 0.2s ease-in !important;
					-moz-transition: all 0.2s ease-out, all 0.2s ease-in !important;
					 -o-transition: all 0.2s ease-out, all 0.2s ease-in !important;
					transition: all 0.2s ease-out, all 0.2s ease-in !important;	
				}
		
			#nav-mobile ul {
				width:100%;
				list-style: none;
			}
		
			#nav-mobile li {
				width:100%;
				text-align: left;
				list-style: none;
				text-transform: none;
			}
		
		#nav-mobile.js {
			display: none;
		}
		
		.js {
			display: none;
		}

	.grid-960, .grid-960-no, #wrapper, #logo {
		width: 100%;
	}
	
	#snd-menu-top, #fst-menu-top, #mainmenu {
		display: none;
		width: 0px;
		height: 0px;
	}	
	
	img {
		width: 100%;
		height: auto;
	}
	
	#header-wrapper, #header, #mainmenu {
		height: auto;
		position: inherit;
	}
	
	#teaser-wrapper {
		height: auto;
		display: none;
	}
	
	#mainmenu li {
		padding-left:0px; 
		padding-top: 0px;
		height: auto; 
	}
			
		#logo {
			background-image: url(../gfx/layout/ground_logo_none.jpg);
		}
	
		#mainmenu {
			padding: 25px;
			width: auto;
			background-image: url(../gfx/layout/ground_mainmenu_none.png);
		}
		
			#mainmenu li {
				float: none;
			}
			
			#mainmenu li.off {
    			background: url(../medien/mainmenu_off_none.png) no-repeat;
			}
			
			#mainmenu li.on {
    			background: url(../medien/mainmenu_off_none.png) no-repeat;
			    font-size: 20px;
			}
			
			#mainmenu li.off:hover {
				background: url(../medien/mainmenu_off_none.png) no-repeat;
			}
			
			#mainmenu a.mainmenuon {
				font-size: 20px;
			}
			
			#impressbar {
				height: auto;
				background-color: #fff;
				overflow: auto;
				padding-right: 20px;
			}
			
			#logogfx {
				display: block;
				width: 100%;
				background-color: #fff;
				height: auto;
				float: none;
			}
			
				#logogfx img  {
					width: 90%;
				}
				
				 #ambient {
					background-size: cover;
					height: 30vw;
				}
			
			#logo {
				height: auto;
			}
			
			#introduction h1 {
				float: none;
			}
			
			#innergalery {
				margin-right: 0px;
				overflow: initial;
			}
			
				#innergalery img {
					width: 42%;
					margin-right: 3%;
					float: left;
				}
			
			a.divisionbox {
			width: auto; 
			padding-left: 0px; 
			background-image: url();
			}
			
			.divisionbox-element {
				width: auto !important;
				padding-left: 0px; 
				padding-bottom: 30px;
			}
			
			#impress {
				width: 100%;
				padding-right: 0px;
			}	
			
			#content {
				min-height: 100px;
				background-image: url();
			}
			
			#submenu {
				width: 100%;
				overflow: auto;
				position: relative;
			}
			
			#subcontent {
				width: auto;
				display: block;
				overflow: auto;
				min-height: 200px;
				float: none;
			}
			
			div#coin-slider {
				display: none;
			}
			
			.footerbutton {
				display: none;
			}
			
			#coin-slider img {
				width: 100% !important;
			}
		
		#mainmenu a {
			margin-bottom: 10px !important;
			font-size: 20px;
			padding: 8px;
			display: block;
		}	
	
	.teaser-slider {
		height: auto;
	}
	
	.left, .right {
		width: 100%;
		float: none;
	}
	
	.footer-adress {
		padding: 25px;
	}
	
	.scroll-to-top {
		display: none;
	}
	
	iframe {
		width: 100% !important;
		height: 70vw !important;
	}	
	
	#googlemaps {
		height: auto;
		width: 100%;
		margin: 0px;
	}
	
		#float-left, #float-right {
			float: none;
			width: 100%;
			display: block;
		}
		
	#right-float-box {
		width: auto;
		float: none;
		padding: 20px;
		margin-left: 0px;
	}
	
	#branchen-wrapper {
		text-align: center;
		padding-bottom: 0px;
	}
	
		#branchen-wrapper li {
			padding-bottom: 25px;
		}
		
		#branchen-wrapper a {
			margin-left: 25px;
			margin-right: 25px;
		}
		
	.none {
		display: none;
	}	
	
	#unternehmen-kontakt {
		display: inline-block;
	}
	
	#mobile-teaser {
		display: block;
	}
	
		#mobile-teaser img {
			width: 100%;
			height: auto;
			display: block;
		}
		
	#footer-wrapper a {
		color: #fff;
		font-size: 12px;
		text-decoration: none;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
		padding-top: 0px;
		padding-bottom: 0px;
		border: 0px;
		outline: 0;
		background: #0767B1;
		text-align: left;
		width: auto;
		border-radius: 0px;
		float: none;
		-webkit-transition: background-color 0.3s linear;
		-moz-transition: background-color 0.3s linear;
		-o-transition: background-color 0.3s linear;
		transition: background-color 0.3s linear;
	}

	
	#footer-wrapper span {
		display: block;
	}
	
}

@media screen and (max-width: 400px) {
		
	}