@charset "utf-8";
/* CSS Document */



@media screen and (max-height: 700px) { 
	#overlaymenu {
		  overflow-y: scroll;
	}

}



@media screen and (max-width: 1200px) { 
	#hlogo {
		width:600px;
		height:auto;
		position: absolute;
		top: 40%;
		left: 50%;
		transform: translate(-50%, -40%);
	}
}





@media screen and (max-width: 1080px) { 
	
	#hamburger {
		top:30px;
		right:30px;
		margin-right:0px;
	}
	
	#wrap-nav {
		width:100%;
		max-width:980px;
		margin:0 auto;
		position:relative;
		top:100px; 
		left:0;
		margin-left:0px;
	}
	
	.home #wrap-nav { top:190px; }
	
	a.backbutton, a.backbutton:visited, span.backbutton {width: 48%;}
	
}



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

	
	/*
	.logomactive {
		position: fixed !important;
		left: 45px  !important;
		margin-left: 0px !important;
		top: 50px;
	}  */

	#plogo {
	z-index: 300 !important;
	width: 260px;
	top: 20px;
	left:15px;
	margin-left: 0px;
}
	
}






@media screen and (max-width: 1010px) { 
	
	#megura-swissness {
	right: 15px !important;
	}
}





@media screen and (max-width: 840px) { 
	#logo {  }
	#hlogo { width:80%; }
	/*#plogo { width:320px; }*/
	#wrap-nav { top: 150px; }
	.home #wrap-nav { top:190px; }
	#wrapper, #overlaymenu { border:15px solid #fff;}
	footer { border-top:15px solid #fff; }
	#wrap-footer {
	border-left:15px solid #fff;
	border-right:15px solid #fff;
	border-bottom:15px solid #fff;
	}
	
	.logomactive { left: 30px  !important; top:35px !important; 	}
	
}





@media screen and (max-width: 767px) { 
	main img {
		max-width: 100% !important;
		height: auto; 
	}
	
	.openings {
		padding-left:0px; 
	}
 
	div[class*="csc-space-after-"] {
		margin-bottom: 20px !important;
	}

	div[class*="csc-space-before-"] {
		margin-top: 20px !important;
	}
	
	
}

@media screen and (max-width: 680px) { 
a.backbutton, a.backbutton:visited, span.backbutton {width: 96%;}
}

@media screen and (max-width: 660px) { 
	#wrap-header {
	 height:120px;
	}

	#hamburger {
		width: 38px;
		height: 32px;
		top: 44px;
		right:18px !important;
	}

	#openmenu, #openmenu img {
		width:38px;
		height:32px;
	}

	#logo {	
		width: 185px;
		top: 24px !important;
	}


	#plogo {
		width: 185px;
		transform: none;
		left: 15px  !important; 
		top:24px !important;
	}

	.home #plogo {
		width: 185px;
		transform: none !important;
		left: 15px  !important; 
		top:24px !important;
	}
	

	#wrap-nav { top: 100px !important;	}
	#wrap-nav.subpage { top:100px; }
	#overlaymenu {	overflow-y:scroll;  }
	
	#navigation ul.menu a {	font-size:30px; }
	#navigation #menu li .menu li  a { font-size:24px;  }

	#navigation ul.menu li {  line-height:30px; }
	ul.menu li > ul.menu li { height:40px !important; min-width:auto; }
	
	
	
}





@media screen and (max-width: 580px) { 
	main {	margin-top: 40px;}
	main.container { padding-left:0px !important; padding-right:0px !important;  }
}


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

	#gvak {
		position: absolute;
		width: 100%;
		max-width:100% !important;
		height: auto;
		bottom: 0px;
		left: 50%;
		transform: translateX(-50%);
	}
	
	#gvak img {
		max-width:100% !important;
		height:auto;
	}
	
	
}