/*----------------------------------------------------------------*/
/* Mobile
-------------------------------------------------------------- */
		
@media screen and (min-width: 800px) {
		#threelinemenu, #nav-mobile {
			display: none;
		}

	}
	
@media screen and (max-width: 1600px) {
	#infobadge {
		display: none;
	}	
}
		
@media screen and (max-width: 980px) {

#threelinemenu {
				font-size: 35px;
				color: #fff;
   				background: #383838;
				padding: 6%;
				cursor: pointer;
				display: block;
				margin-top: 15px;
		}
		
		#menu {
			text-align: center;
		}
				
		#mainmenu {
			background: #5D5D5D;
			padding-top: 10px;
			padding-bottom: 20px;
			margin: 0px;
			clear: both;
			text-align: center;
			font-size: 16px;
		}	
		
			#mainmenu a {
				color: #fff;
				background: #5D5D5D;
				text-decoration: none;
				font-size: 22px;
				text-decoration: none;
				padding-bottom: 15px !important;
				padding-top: 15px !important;
				display: block;
				border-bottom: 1px solid #737B82;
			}
			
				#mainmenu a:hover {
					background: #5D5D5D;
					color: #fff;
					opacity: 0.8;
				}
			
			#impress {
				float: none;
				width: 100%;
				text-align: center;
				opacity: 0.5;
			}
			
			a.mainmenuoff {
				color: #fff !important;
				opacity: 0.6;
			}
			
			a.mainmenuon {
				color: #fff !important;
			}
			
			#submenu a {
				font-size: 18px;
				padding-right: 0px;
				padding-left: 0px;
				font-weight: bold;
				text-decoration: none;
				display: block;
				text-align: center;
				border-bottom: 1px solid #737B82;
				padding-top: 10px;
				padding-bottom: 10px;
			}
			
			#submenu-wrapper {
				opacity: 0.9;
			}
		
		
		#menu.js {
			display: none;
		}
		
		.js {
			display: none;
		}

		body {
		  -moz-hyphens: auto;
		  -o-hyphens: auto;
		  -webkit-hyphens: auto;
		  -ms-hyphens: auto;
		  hyphens: auto;
		}		
	
	.grid-960, .grid-960-no, #menu, .grid40, .grid50, .grid60, .grid-one-colum {
		width: 100%;
		min-width: inherit;
	}
	
	#ambient-wrapper {
		margin-top: -19px !important;
		height: 50vw !important;
	}
	
		video {
			margin-top: 0 !important;
		}

	#whitebar-wrapper, #graybar-wrapper {
		padding: 25px;
	}
	
	#logo {
    width: 100%;
    text-align: center;
	}
	
	iframe {
		width: 100% !important;
		height: auto;
	}
			
	
	#threeline {
	 	margin-left: 10px;
		width: 58px;
	}

		
		#googlemaps iframe {
			width: 100vw;
			max-width: 100%;
			height: 80vw;
			display: block;
		}
		
	#infobadge, #swapper {
		display: none;
	}
	
	#ambient-wrapper {
		overflow: hidden;
		}
	
	#ambient-wrapper img {
		width: 180%;
	}
	
	.content-box, .grid-30p {
		float: none;
		width: 100%;
		margin-right: 0%;
		margin-bottom: 30px;
	}
	
	.grid-70p {
		float: none;
		width: 100%;
		margin-right: 0%;
	}
	
	.grid-two-colums {
		column-count: 1;
	}
	
	.grid-text {
		padding: 25px;
	}
	
	#feature-wrapper h2, #feature-wrapper h3 {
			text-align: center;
		}
		
	.headlinebox h3 {
  	  padding-left: 25px;
	 }

	
	#footer-wrapper span {
		display: block;
	}
	
	#start-left, #start-right {
		width: 100%;
		float: none;
		height: 50%;
		position: relative;
	}
	
	a.startbutton {
		margin-bottom: 50px;
	}
	
	.grid-p50, .contactbox  {
		width: 100%;
		float: none;
	}
	
	.contact-adress {
		display: block;
		width: 100%;
		padding-right: 0px;
		padding-bottom: 20px;
	}
	
	#header-wrapper {
    z-index: 999;
}

	#header-wrapper {
		position: relative;
		padding-bottom: 8px;
	}
	
	#menu-wrapper {
		position: relative;
		margin-top: 0px;
		width: 100%;
	}		
	
	#ambient-wrapper {
		padding-top: 0px;
	}	
	
	#submenu-wrapper {
		position: relative;
		padding-top: 0px;
	}	
	
	.refergrid img {
   	 width: 100% !important;
	}
	
	.grid-302p, .grid-602p {
		width: auto !important;
		min-width: inherit;
		float: none;
		margin-top: 0px !important;
	}

}


	
@media screen and (max-width: 500px) {
	#logo img {
		width: 70%;
	}	
	
	#ambient-wrapper img {
		width: 280%;
		margin-left: -40%;
	}
}