/* ###########################################
   MENU TOP (language + search)
 ########################################## */
#menu-top {
	position: absolute;
	right: 0;
	top: 11px;
	-moz-hyphens:none; -o-hyphens:none; -webkit-hyphens:none; -ms-hyphens:none; hyphens:none;
}

#menu-top ul, #menu-top #global-search {
	display: block;
	vertical-align: middle;
	width: auto;
}
#menu-top ul {
	margin: 10px -10px 15px; 
}
#menu-top li {
	display: block;
	float: left;
	margin: 0 10px 20px;
}
#menu-top li a {
	border: 1px solid #CBCBCB;
	opacity: 0.5;
}
#menu-top li.active a,
#menu-top li a:hover {
	border: 1px solid #656565;
	opacity: 1;
}

#global-search {
	margin: 30px 0;
	padding: 0;
	text-align: center;
}
#menu-top input {
	text-align: center;
	font-weight: bold;
	color: #666;
	font-size: 16px;
	letter-spacing: 1px;
	
	border: 1px solid #666;
	padding: 10px 40px;
	margin: 0 10px 0 0;
	width: auto;
	max-width: 50vw;
}

#menu-top > ul {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-flow: row wrap;
}
#menu-top > ul > li {
}

/*###########################################
   MENU MAIN
  ##########################################*/
#menu-main {
	color: #000;
	line-height: 30px;
	font-size: 18px;
	-moz-hyphens:none; -o-hyphens:none; -webkit-hyphens:none; -ms-hyphens:none; hyphens:none;
}
#menu-main ul {
	list-style: none;
}

#menu-main > ul {
}

#menu-main li {
	margin: 0;
	padding: 0;
}
#menu-main > ul > li {
	position: relative;
	padding: 0 30px;
}

#menu-main > ul > li:hover, #menu-main > ul > li.active {
}

#menu-main > ul > li > a {
	color: #000;
	font-weight: bold;
	display: inline-block;
}


/***********************************************
	MENU MAIN - LAYER 2
***********************************************/
#menu-main > ul > li > ul {
	font-size: 16px;
	line-height: 1.8;
	text-align: left;
	min-width: 100%;
	padding: 0 0 0 20px;
	margin: 0 0 0 10px;
}
#menu-main > ul > li:hover > ul {}
#menu-main > ul > li > ul a {
	padding: 0 0 5px;
}

#menu-main > ul > li:FIRST-CHILD > ul {
	/* development hotfix to hide subpages of 'werkstoffe' */
	/* display: none; */
}



/*###########################################
   Menu Container
  ##########################################*/
#menu-container {
	position: absolute;
	background: rgba(255,255,255,0.95);
	margin-left: -40px;
	margin-right: -40px;
	padding: 20px 40px;
	z-index: 5;
	width: 100vw;
	box-shadow: 0px 15px 10px 5px rgba(0,0,0,0.1);
}
#menu-top {
	position: relative;
}
#menu-main {
	position: relative;
}

/*###########################################
   BREADCRUMB
  ##########################################*/
#breadcrumb {
	font-size: 14px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	margin-top: 15px;
	
	-moz-hyphens:none; -o-hyphens:none; -webkit-hyphens:none; -ms-hyphens:none; hyphens:none;
}
#breadcrumb ul {
	list-style: none;
}
#breadcrumb li {
	display: inline-block;
	color: #707475;
}
#breadcrumb a {
	color: #707475;
	display: inline-block;
}
#breadcrumb li::after {
	content: ">";
	display: inline-block;
	margin: 0 5px;
}
#breadcrumb li:last-child::after {
	display: none;
}
#breadcrumb li.active,
#breadcrumb a:hover {
	color: #FF0317;
}




/*###########################################
   FOOTER MENU
  ##########################################*/
#footernav a:hover { text-decoration: underline; }
#footernav > ul > li > a::after {
	content: ">>";
	display: inline-block;
	margin: 0 5px;
	
	-moz-hyphens:none; -o-hyphens:none; -webkit-hyphens:none; -ms-hyphens:none; hyphens:none;
}



/*##########################################
    MOBILE SWITCH
  ##########################################*/

#mobile-menu-switch {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 7px;
	width: 50px;
	height: 34px;
/* 	padding: 20px 30px; */
	z-index: 100;
}
#mobile-menu-switch span {
	position: absolute;
	display: block;
	background-color: #000;
	width: 100%;
	height: 6px;
	top: 50%;
/* 	top: calc(50% - 3px); */
}
#mobile-menu-switch span:first-child {
	top: 0;
}
#mobile-menu-switch span:last-child {
	top: 100%;
/* 	top: calc(100% - 6px); */
}
#mobile-menu-switch:hover span {
	background-color: #666;
}