/* MENUBAR */

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

	.menubar_de ul > li > a {
	  xpadding-right: 12px;
	  xpadding-left: 12px;
	}

	.menubar_en ul > li > a {
	  xpadding-right: 12px;
	  xpadding-left: 12px;
	}

	#menubar span {
		xfont-size: 16px;
	}

	#header-image-container {
		height:6.25rem;	
	}
}

@media screen and (max-width: 799px) {
	#menubar span {
		font-size: 13px;
	}	
}

@media screen and (max-width: 699px) {
	#menubar span {
		font-size: 12px;
	}
	.menubar_de ul > li > a {
	  xpadding-right: 8px;
	  xpadding-left: 8px;
	}

	.menubar_en ul > li > a {
	  xpadding-right: 7px;
	  xpadding-left: 7px;
	}	
}

@media screen and (max-width: 599px) {
	#menubar span {
		font-size: 11px;
	}
	.menubar_de ul > li > a {
	  xpadding-right: 3px;
	  xpadding-left: 3px;
	}

	.menubar_en ul > li > a {
	  xpadding-right: 3px;
	  xpadding-left: 3px;
	}	
}

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

	H1 {
		font-size:1.375rem;
	}
	h2 {
		font-size: 1.25rem;
	}	
	h3 {
		font-size: 1.188rem;
	}	

	h4 {
		font-size: 1.125rem;
	}	

	h5 {
		font-size: 1.063rem;
	}	

	h6 {
		font-size: 1rem;
	}	

	#companylogo {
	  height: 25px;
	}

	#menubar a {
		line-height: 30px;
	}

	#menubar > ul > li > a{
		padding-right:5px;
	}
	
	#menubar span {
		font-size: 12px;
	}

	#menubar > ul > li:first-child {
		padding-right:0px;
	}

	#menubar > ul > li:first-child a {
		padding-right:5px;
	}

	#menubar > ul > li:first-child a img {
		width:50%;
		height:50%;
	}
	
	a.stepDown,
	a.stepUp {
		display:none;
	}

	div.keywordsmulticol  {
		padding-left:0px;
	}

	div.keywordsmulticol div {
		width:100%;
		padding-left:10px;
	}

	ul.multicolumn3 {
	    columns: 2;
	    -webkit-columns: 2;
	    -moz-columns: 2;
	}	

}


/* SIDEMENU */

@media screen and (min-width: 800px) {

	#sidemenu_open_button {
		display:none;
	}

	#sidemenu {
	 	float:left;
		position:relative;
		width: 20%;
		visibility:visible;
	}
		
	#sidemenu_closebtn {
		display:none;
	}

}

@media screen and (max-width: 799px) {
	
	#sidemenu_open_button {
		visibility:visible;
		display:inline;
	}
	
	#sidemenu {
		visibility:hidden;
		padding:0px;
		padding-left:3px;
		margin-top:0px;
		width:150px;
    height: 100%;
    position: fixed;
    z-index: 1;
    top:0;
    right: 0;
    background-color: #efefef;
    padding-top: 30px;
    overflow-x: hidden;
	}

	
	#content {
		width: 100%;
	  padding: 0px 3px 0px 5px;
	}
		
}