/*
JBO
creation Date: 2018-08-30
Author: Sebastian Osinski
http://www.sebbi.net
*/

#sidemenu-wrapper,
#sidemenu-wrapper *,
#menu-activator,
#menu-activator > div,
#search-wrapper, #search-wrapper *{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
#sidemenu li:after{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

/* SIDE MENU */
#sidemenu-wrapper{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 230px;
	min-height: 100%;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
#sidemenu-wrapper:hover{
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
}

#logo-wrapper{
	position: relative;
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 185px;
}
#logo{
	position: absolute;
	width: 50%;
	height: auto;
	max-height: 60%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.mod-languages{
	position: absolute;
	top: 155px;
	left: 15px;
}
div.mod-languages ul.lang-inline li,
div.mod-languages ul li{
	margin: 0px;
}

/* SEARCH */
#search-wrapper{
	position: fixed;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 0px;
	overflow: hidden;
}
#search-wrapper.searchAct{
	width: 100%;
}
#search-wrapper .form-search{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	max-width: 600px;
}
#search-wrapper .finder{
	font-size: 20px;
	margin-right: 20px;
	/*text-transform: uppercase;*/
	display: block;
	margin-bottom: 20px;
}
#search-wrapper input{
	border: none;
	width: 100%;
	line-height: 45px;
	padding-left: 20px;
}
#finder-filter-window{
	display: none;
}

/* awesomplete */

#search-wrapper .awesomplete{
	width: 100%;
}
/* lang */
div.mod-languages ul li.lang-active{
   background-color: transparent !important;
}
/* MENU ACTIVATOR */
#menu-activator{
	position: fixed;
	height: 20px;
	width: 30px;
	padding: 5px;
	cursor: pointer;
	top: 20px;
	left: -1000px;
}
#menu-activator > div{
	width: 100%;
	height: 3px;
	margin-bottom: 6px;
	margin-right: auto;
	margin-left: 0px;
}
#menu-activator:hover > div:nth-child(1){
	width: 33%;
}
#menu-activator:hover > div:nth-child(2){
	width: 66%;
}

/* SIDE MENU */
#sidemenu{
	display: block;
	position: relative;
	width: 100%;
}
#sidemenu li{
	line-height: 45px;
	padding-left: 15px;
	/*text-transform: uppercase;*/
	list-style-type: none;
	position: relative;
}
#sidemenu li:hover{
}
#sidemenu li a{
	display: block;
}
a.notexttransform{
   text-transform: none;
}
#sidemenu .item-116,
#sidemenu .item-83,
#sidemenu .item-167,
#sidemenu .item-169,
#sidemenu .item-170,
#sidemenu .item-82,
#sidemenu .item-80,
#sidemenu .item-29
{
	line-height: 20px;
	padding-top: 7.5px;
	padding-bottom: 7.5px;
}

#menu_bg{
	position: absolute;
	width: 100%;
	height: auto;
	/**/
	opacity: 0;
}

/* SUCHE */
#sidemenu li.item-37,
#sidemenu li.item-91{
	cursor: pointer;
}
#sidemenu li.item-37:after,
#sidemenu li.item-91:after{
	content: "";
	position: absolute;
	background: url('/images/grafiken/JBO_Lupe.svg') no-repeat center center;
	width: 20px;
	height: 20px;
	top: 12.5px;
	right: 20px;
}
#sidemenu li.item-37:hover:after,
#sidemenu li.item-91:hover:after{
	top: 10px;
	right: 18.5px;
	width: 25px;
	height: 25px;
}

/* RESPONSIVE */
@media (max-width: 1260px){
	#menu-activator,
	#menu-activator.menu_act{
		left: 20px;
	}
	#sidemenu-wrapper{
		left: -1000px;
		text-align: center;
		overflow-y: scroll;
	}
	#sidemenu-wrapper.menu_act{
		left: 0px;
		width: 100%;
	}
	#sidemenu-wrapper.menu_act .mod-languages{
		top: 10px;
		left: auto;
		right: 20px;
	}
	#menu_bg{
		display: none;
	}
	
	#sidemenu li{
		padding-left: 0px;
	}
	#sidemenu .item-116,
	#sidemenu .item-119,
	#sidemenu .item-167,
	#sidemenu .item-169,
	#sidemenu .item-170,
	#sidemenu .item-175{
		padding: 0;
		line-height: 45px;
	}
}