/** positions **/
/* move menue */
section.headline
{
	position:relative;
	margin-top:20px;
}
section.headline ul
{
	display:flex;
	justify-content:flex-end;
	margin:0;
	font-size:0.8em;
}
section.headline h4
{
	margin-top:5px;
	margin-bottom:5px;
	color:#FFF;
}
section.headline a
{
	color:#FFF;
}

div#headline
{
	display:flex;
	justify-content:flex-end;
}
/* sidepanel left */
	div.shadowed-icon
	{
		background-image: radial-gradient(circle, #808080, transparent 75%);
	}
	div.shadowed-icon a
	{
		color:#FFF !important;
		//line-height:28px !important;
		margin:0;
	}
	div.move-menue-button
	{
		position:absolute;
		display:flex;
		align-items:center;
		justify-content:center;
		height:60px;
		width:60px;
		font-size:2em;
		z-index:4998;
		top:30px;
		right:-80px;
	}
	div#main-sidepanel-left
	{
		position:fixed;
		padding-top:20px;
		left:-300px;
		width:280px;
		height:120%;
		z-index:4999;
	}
	@media(min-width:768px)
	{
		div.move-menue-button
		{
			right:-100px;
		}
	}
	@media(min-width:1400px)
	{
		div.move-menue-button
		{
			display:none;
		}
		div#main-sidepanel-left
		{
			left:0;
		}
	}
	div#main-sidepanel-left div.panel-wrapper
	{
		width:100%;
		height:85%;
		display:flex;
		flex-direction:column;
		justify-content:space-between;
	}
	div#main-sidepanel-left ul.men-classic
	{
		display:flex;
		flex-direction:column !important;
		background-color:#b52b2b;;
	}
	div#main-sidepanel-left h4,
	div#main-sidepanel-left span.root-entry
	{
		display:flex;
		justify-content:flex-end;
		font-size:1.7em;
		text-transform:uppercase;
		text-align:right;
		font-family:'Roboto', sans-serif;
	}
/** toolbox sidepanel right **/
	div#toolbox-sidepanel-right
	{
		position:fixed;
		padding-top:20px;
		right:-300px;
		width:280px;
		height:120%;
		z-index:5000;
		box-shadow:-5px 10px 10px #808080;
		background-color:#FFF;
	}
	div.move-toolbox-button
	{
		position:absolute;
		display:flex;
		align-items:center;
		justify-content:center;
		height:60px;
		width:60px;
		font-size:2em;
		z-index:5001;
		top:30px;
		right:300px;
	}
	@media(min-width:768px)
	{
		div#toolbox-sidepanel-right
		{
			right:-420px;
			width:400px;	
		}
		div.move-toolbox-button
		{
			right:450px;
		}	
	}
/** menue_collapse **/
div.menue_collapse div.panel-heading,
div.menue_collapse div.panel-default,
div.menue_collapse div.panel-body
{
	background-color:transparent;
	border:0 !important;
	border-radius:0;
	padding:0;
}
div.menue_collapse div.menueentry
{
	padding:0 15px 5px 15px;
}
div.menue_collapse a
{
	background-color:transparent;
	border:0;
	padding:0;
}
div.menue_collapse a:hover,
div.menue_collapse a:focus,
div.menue_collapse a:active,
div.menue_collapse a:visited
{
	text-decoration:none;
}
div.menue_collapse ul.secondlevel
{
	padding:0;
	margin:5px 0;
}
div.menue_collapse ul.secondlevel li
{
	list-style-type:none;
	display:flex;
	justify-content:flex-end;
	font-size:1.2em;
	padding-top:5px;
	text-transform:uppercase;
}
/* footermnuebar collapsed */
section.footermenuebar div.collapsed-menue div.panel-default,
section.footermenuebar div.collapsed-menue div.panel-heading,
section.footermenuebar div.collapsed-menue div.panel-body
{
	
	border:0 !important;
	box-shadow:none;
	background-color:transparent !important;
	padding:5px 0;
}

section.footermenuebar div.collapsed-menue a
{
	font-family:"Helvetica Neue",sans-serif;
	font-size:1.1em;
	color:#FFF;
	display:flex;
	width:100%;
	justify-content:space-between;
	padding:8px;
	
}
section.footermenuebar div.collapsed-menue a.active
{
	background-color:#555;
}
section.footermenuebar div.collapsed-menue h4.panel-title
{
	border-bottom:1px dotted #c4c4c4;
}
section.footermenuebar div.collapsed-menue h4.panel-title a:after
{
	font-family:'Glyphicons Halfings';
	content:"\e259";
}	
section.footermenuebar div.collapsed-menue a:active,
section.footermenuebar div.collapsed-menue a:focus,
section.footermenuebar div.collapsed-menue a:hover
{
	text-decoration:none;
}
section.footermenuebar ul.secondlevel
{
	padding:0;
}
section.footermenuebar ul.secondlevel li
{
	list-style-type:none;
	border-bottom:1px dotted #c4c4c4;
}
ul.btn-search-all
{
display:none !important;	
}
@media(min-width:768px)
{
ul.btn-search-mobile
{
display:none !important;	
}
ul.btn-search-all
{
display:flex !important;	
}	
}

div#headline
{
position:fixed;
width:100%;
top:0;
height:30px;
background-color:#000;	
}
ul#headline
{
display:flex;
justify-content:flex-end;	
	
}
ul#headline a
{
background-color:#000;
color:#fff;
}
/** PAGENAV **/
div.panel-page-nav
{
position:fixed;
bottom:0;
left:0;
display:flex;
flex-direction:row;
width:100%;
justify-content:space-between;
align-items:center;	
margin:0;
border-radius:0;
border:0;
box-shadow:none;
background-color:#404040;
z-index:1050;
opacity:0.9;
}
div.panel-page-nav span.disabled
{
	background-color:transparent !important;
}
@media(min-width:996px)
{
div.panel-page-nav
{
position:relative;
background-color:#FFF;
z-index:0;
}	
}

/** Hauptmenü **/
/** buttons **/
div#topline button.btn-default,
div#topline a.btn-default,
div.userinfo button.btn-default
	{
	position:relative;	
	display:flex;
	align-items:center;
	justify-content:center;
	width: 55px;
	height:48px;
	padding:0;
	font-size:1.5em;
	background-color: transparent;
	color:#FFF;
	border-radius:0;
	border-left:1px solid #808080;
	border-top: 0;
	border-right:0;
	border-bottom:0;
	z-index:inherit;
	}

div.userinfo button.btn-default
{
border:0 !important;
align-items:center;
justify-content:flex-start;
overflow:visible;	
}
/**topmenue_small */
div#topmenue_small
	{
	padding:0;
	_box-shadow: 5px 5px 5px #a4a4a4;
	z-index:101;
	}
ul#topmenue_small li>a
	{
	color: #000;
	}
ul#topmenue_small li>a:before
	{
	font-size:1.5em;
	padding-right:5px;
	content:"\0000BB";
	
	}
ul#topmenue_small li
	{
	border-bottom:1px dotted #808080;
	padding:5%;
	}
	ul#topmenue_small li:hover
	{
	background-color:#EFEFEF;
	}
	ul#topmenue_small li>a
	{
	font-family:'Numans', sans-serif;
	color:#000;
	}
/** topmenue */

ul.menu-topmenue
	{
	float:right;
	line-height: 40px;
	margin-top: 5px;
	}

ul.menu-topmenue li
	{
	display:block;
	float:left;
	}
ul.menu-topmenue li.active
	{
	background-color:#000;
	}
ul.menu-topmenue li.active>a
	{
	color:#FFF;
	}
ul.menu-topmenue li>a
	{
	font-family:'Numans', sans-serif;
	color: #FFF;
	padding-top:0;
	padding-bottom:0;
	}
ul.menu-topmenue li>a:hover
	{
	text-decoration:none;
	color:#FFF;
	background-color:#707070;
	}
/* men-classic-ltr */
ul.inversed a
{
color:#FFF;	
}
ul.men-classic
{
padding:0;	
display:flex;
flex-direction:column;	
}
section.topmenue ul.men-classic span.root-entry
{
	font-size:16px;
}
section.footermenuebar ul.men-classic span.root-entry
{
	display:block;
	font-size:1.7em;
}
section.footermenuebar ul.men-classic
{
	font-size:0.9em;
}
section.footermenuebar ul.men-classic li
{
	padding:0;
}
section.footermenuebar ul.men-classic-ltr li
{
	padding:0 15px 0 0;
	min-width:25%;
}
section.footerline ul.men-classic
{
	display:block;
	float:left;
	position:relative;
	width:100%;
}
section.footerline ul.men-classic a
{
	color:#333;
}
section.footerline ul.men-classic>li
{
	position:relative;
	float:left;
	padding:0;
	width:50%;
	margin-bottom:5px;
}
@media(min-width:768px)
{
	div.footermenuebar_bottomline ul
	{
		display:flex;
		justify-content:space-between;
	}
	section.footerline ul.men-classic
	{
		display:flex;
		justify-content:space-around;
		margin:0;
	}
	section.footerline ul.men-classic>li
	{
		display:flex;
		width:auto;
		margin:0;
	}	
}
@media(min-width:996px)
{
	section.footermenuebar ul.men-classic-ltr li
	{
		min-width:16%;
	}
	div.footerline-right ul.men-classic
	{
		display:flex;
		align-items:center;
		justify-content:flex-end;
		padding:0 15px;
	}
	div.footerline-right ul.men-classic li a
	{
		padding-left:15px;
		color:#FFF;
	}
}
ul.men-classic img
{
display:none;	
}
ul.men-classic>li
{
display:block;	
list-style-type:none;	
padding:0 15px 0 15px;	
}
ul.men-classic ul.nav-child>li
{
display:flex;
align-items:center;	
font-size:1.3em;
}
ul.men-classic-rtl ul.nav-child>li
{
justify-content:flex-end;	
}

ul.men-classic ul.nav-child>li>a
{
padding:0;	
}
ul.men-classic-centered>li
{
text-align:center;	
}
ul.men-classic-rtl>li
{
text-align:right;	
}
ul.men-classic li>a
{
padding:10px 0 10px 0;	
}
ul.men-classic ul.nav-child
{
padding:15px 0 0 0;
}
ul.men-classic ul.nav-child>li
{
list-style-type:none;
}
/** Mainmenue **/
ul.mainmenue
{
height: 70px;	
}
ul.mainmenue h4 a:before,
ul.mainmenue span.root-entry a:before
{
display:flex;
justify-content:center;
}
ul.mainmenue li a:before
{
color:#FFF;	
margin-top:5px;
font-size: 1.8em;
margin-bottom:10px;
}

ul.mainmenue a
{
font-size: 0.6em;	
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;	
text-transform: uppercase;
color:#FFF;
border-bottom:5px transparent;
}
@media(min-width:768px)
{
ul.mainmenue a
{
font-size: 0.6em;
}
ul.mainmenue a:before
{	
font-size: 2.3em !important;
}	
ul.mainmenue li
{
display:flex;
align-items:center;
justify-content:center;
padding:0 8px 0 8px;	
border-bottom:5px solid transparent;	
}
ul.mainmenue li.warenkorb,
ul.mainmenue li.search	
{
background-color:#FFF;
color:#404040 !important;	
border-bottom-color:#FFF !important;
border-left:1px solid #e4e4e4;
}
ul.mainmenue li.warenkorb a,
ul.mainmenue li.warenkorb a:before,
ul.mainmenue li.search a,
ul.mainmenue li.search a:before
{
color:#404040;	
}
}
@media(min-width:996px)
{
ul.mainmenue a
{
//font-size: 0.5em;	
}
}
ul.mainmenue li
{
display:flex;
align-items:center;
justify-content:center;
padding:0 8px 0 8px;	
border-bottom:5px solid transparent;	
}

/** bst_hamburger **/
div.menue_drp_down
{
padding:30px 15px 100px 15px;
overflow-y:scroll;
-webkit-overflow-scrolling: touch;
background-color:#FFF; 
max-height:700px;
width:100%;
left:0; 
position:absolute;
box-shadow:5px 5px 5px #c4c4c4;
z-index:99;
}
div.menue_drp_down a
{
color:#404040;	
}
div.menue_drp_down ul
{
padding:0;
	
}
div.menue_drp_down ul.nav-child
{
margin-bottom:10px !important;	
}
div.menue_drp_down li
{
list-style-type:none;	
}
div.menue_drp_down li.parent button
{
width:100%;
padding:10px 10px 10px 0;
border:0;
background-color:transparent;	
display:flex;
justify-content:space-between;
align-items:center;

margin-bottom:5px;
}
ul.menue_drp_down>li.level-1>button
{
border-bottom:1px solid #c4c4c4;
}
ul.menue_drp_down span
{
display:flex;
align-items:center;
color:#808080;
}	
ul.menue_drp_down span:before
{
margin-right:10px;
}
ul.menue_drp_down li.level-2
{
border-bottom:1px dotted #c4c4c4;	
}
ul.menue_drp_down span.mobile-button
{

padding:5px 0;
width:100%;	
}
ul.menue_drp_down span.level-2:after,
ul.menue_drp_down span.level-3:after,
ul.menue_drp_down span.level-4:after
{
font-family:'Glyphicons Halfings';
content:"\e080";	
}
/** mobile-buttons **/
ul.men-mobile-buttons
{
position:relative;	
display:flex;
justify-content:flex-end;
align-items:center;	
z-index:inherit;
padding:0;
}
ul.men-mobile-buttons li
{
position:relative;
z-index:0;	
list-style-type:none;	
}

span.mobile-button a
{
width:100%;
display:flex;
}

span.mobile-button a>img
{
width:50px;
height:50px;
border-radius:5px;
margin-right:10px;	
}
div.nav-button
{
position:relative;
z-index:0;	
}
div#sidebar ul.men-classic
{
font-size:0.8em;	
flex-direction:column;
height:100%;
padding-top:100px;
justify-content:flex-start;	
}
@media(min-width: 667px)
{
	ul.men-classic
	{
		position:relative;
		
		padding:0;	
		flex-direction:row;	
	}
	div.full-menue ul.men-classic
	{
		flex-wrap:wrap;
	}
	div.full-menue ul.men-classic span.root-entry
	{
		margin-top:20px;
	}
}
@media(min-width:1196px)
{
	div.full-menue ul.men-classic span.root-entry
	{
		margin:0;
	}
}
@media(min-width: 1024px)
{
ul.men-classic
{
flex-direction:row;
justify-content:space-between;	
}
ul.men-classic-ltr
{
justify-content:flex-start !important;	
}
ul.men-classic-rtl
{
justify-content:flex-end !important;	
}
ul.men-classic-centered
{
justify-content:center;	
}	
}	
@media(min-width:1280px)
{
	div#sidebar ul.men-classic
	{
	font-size:0.9em;	
	padding-top:180px;
	}
}
@media (min-width: 1400px)
{
ul.mainmenue h4 a
{

}	
}
/**@@contextmenue**/
div.page-contextmenue-menuebar
{
	display:flex;
	flex-direction:column-reverse;
}
div.contextmenue-parents,
div.contextmenue-panel
{
position:relative;
width:100%;	
display:flex;
flex-wrap:wrap;
justify-content:center;
}
div.contextmenue-parents ul
{
width:100%;
display:flex;
flex-direction:column;
padding:0;	
}
@media(min-width:667px)
{
div.contextmenue-parents ul
	{
	flex-direction:row;
	flex-wrap:wrap;
	}	
}
div.contextmenue-parents ul>li
{
list-style-type:none;
margin-bottom:2px;
border-bottom:1px dotted #808080;
}
@media(min-width:667px)
{
div.contextmenue-parents ul
	{
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	border-bottom:1px solid #404040;
	margin-bottom:30px;
	}
	div.contextmenue-parents ul>li
	{
	background-color:transparent;	
	margin:5px;
	border:0;
	}
	div.contextmenue-parents a
	{
	padding:0 15px 0 15px;
	}
	div.contextmenue-panel
	{
	border-bottom:1px solid #404040;
	_padding-bottom:30px;
	_margin-bottom:30px;	
	}
}	
div.contextmenue-parents a
{
width:100%;	
justify-content:center;	
}
div.contextmenue-parents a.active
{
color:#fff;	
background-color:#404040;	
}
div.contextmenue-parents a:hover
{
background-color:#808080;
text-decoration:none;
color:#fff;

}
div.contextmenue-panel>div.menue-item-panel
{
width:120px;	
margin:0px 5px 15px 5px;
}
div.contextmenue-panel>div.menue-item-panel>a.title-link
{
display:flex; 
flex-direction:column;
align-items:center;
//border:1px solid #c4c4c4;
background-color:#fff;
}
div.contextmenue-panel>div.menue-item-panel h4
{
display:flex;
justify-content:center;	
text-align:center;
}
div.contextmenue-panel>div.menue-item-panel>a.active h4
{
font-weight:bold;
}

div.contextmenue-panel>div.menue-item-panel>a:hover
{
background-color:#e4e4e4;	
}
div.contextmenue-panel img
{
width:100%;
border-radius:5px;	
}
@media(min-width:375px)
{
div.contextmenue-panel>div.menue-item-panel
{
width:140px;	
}	
}
@media(min-width:768px)
{
div.contextmenue-panel>div.menue-item-panel
{
width:15%;
margin:0px 10px 15px 10px;	
}
@media(min-width:996px)
{
div.contextmenue-panel>div.menue-item-panel
{
width:10%;
margin:0px 10px 15px 10px;	
}	
}
@media(min-width:1280px)
{
div.contextmenue-panel>div.menue-item-panel
{
width:8%;
margin:0px 15px 15px 15px;	
}	
}

