/* css zu popupWindow */
/* MenueCSS  */
/*=====================================*/
/*===========DESKTOP MENUE=============*/
/*=====================================*/
/*-- ALLGEMEIN --*/
#jubaconMenuLogo{
	background-image: url('../juba/pic/adminCompanyLogo.svg');
	background-position:center;
	display:inline-block;
	position:absolute;
	background-repeat:no-repeat;
	width:120px;
	height:53px;
	top:calc(27px + (72px/2));
	transform: translateY(-50%);
}
#MainMenue{
	position:sticky; 
	top:0; 
	z-index:2;
	background-color:#f2f2f2;
	height: 99px;
}
#MainMenue input[type="radio"], #MainMenue label{display:none;}

#MainMenue #menu_eb_1 li{
	list-style: none;
	text-transform: uppercase;
	font-size:14px;
}
#MainMenue #menu_eb_1 li a{
	color: #333333;
	letter-spacing: 2.1px;
}
/*-- MENUE EBENE 1 --*/
#MainMenue #menu_eb_1{
	display:flex;
	height: 72px;
	justify-content: right;
	align-items: center;
	padding-left:0;
	margin-top:27px;
	margin-bottom:0;
}
#MainMenue::before{
	content:'';
	width: 100%;
	display:inline-block;
	height: 27px;
	background-color:#037d36;
	position: absolute;
	top:0;
	left:0;
}
#MainMenue #menu_eb_1 > li{display:inline-block; position: relative;}
#MainMenue #menu_eb_1 > li > a{padding:29px 17px;}
#MainMenue #menu_eb_1 > li:not(:last-of-type):after{
	content:'|';
	position:absolute;
	top:0;
	right:0;
}
#MainMenue #menu_eb_1 > li:hover > a,#MainMenue #menu_eb_1 > li.menulevel1selected > a{color: #037d36;}
/*MENUE EB 2+*/
#MainMenue #menu_eb_1 > li ul{
	display:none;
	background-color:#bfc3c6;
	padding: 5px 0;
	top:calc(72px / 2 + 13px);
	left:0;
	border:1px solid rgba(0, 0, 0, 0.15)
}
#MainMenue #menu_eb_1 > li ul a{
	white-space: nowrap;
	padding: 3px 20px;
}
#MainMenue #menu_eb_1 > li ul > li:hover {background-color: #f5f5f5;}
#MainMenue #menu_eb_1 > li.menulevel1selected ul > li.menulevel2selected {background-color: #037d36;}
#MainMenue #menu_eb_1 > li.menulevel1selected ul > li.menulevel2selected > a {color: #ffffff;}
#MainMenue #menu_eb_1 > li:hover > ul{
	display:inline-block;
	position: absolute;
}
@media screen and (max-width:1660px){#MainMenue #menu_eb_1 > li:last-of-type > ul {left:unset; right:0;}}
@media screen and (max-width:1350px){#MainMenue #menu_eb_1 li a > span{display: none;}}
@media screen and (max-width:1260px){#MainMenue #menu_eb_1 li a{padding:29px 6px;}}
@media screen and (max-width:1112px) and (min-width:1025px){#jubaconMenuLogo{width:80px;}}

/*=========================================*/
/*==============MOBIL ANSICHT==============*/
/*=========================================*/
@media screen and (max-width:1024px){
	/**-- ALLGMEIN --*/
	#MainMenue #menu_eb_1 li{
	  width:100%;
		position:relative;
		display:inline-block;
	}
	#MainMenue #menu_eb_1 li::after{display:none}
	#MainMenue #menu_eb_1 li a{
		font-size:16px;
		display:inline-block;
		padding:0 2.8rem !important;
		width: 100%;
	}
	#MainMenue > #rad2_menuClosed:checked ~ .toggleMenuButton{
		display:inline-block;
		width: 44px;
		height: 44px;
		background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAmCAYAAAC/H3lnAAAAfklEQVRYhe3VsQ1AQBiGYa2ZrrgNxA6SG4AF7CHXsYZOJYqrVBKFPX69C4Wc4PI+ydt/3ZckABCnaZtFWyNprT6VtkaG1Yk3OO+q18edlXfVvwZnbekPHlYnqileH3dMNYX0y+gPBoBrPF3AeLon4+kA3MTTBYynezKeDkDkdqTyb4LdKZv9AAAAAElFTkSuQmCC');
		position: absolute;
		right:2.8rem;
		top:calc(50% - (44px / 2) + 16px);
	}
	#MainMenue > #rad2_menuOpen:checked ~ #jubaconMenu > .toggleMenuButton{
		display:inline-block;
		width: 44px;
		height: 44px;
		background-repeat: no-repeat;
		background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAmCAYAAAC/H3lnAAABdklEQVRYhe3YMWvCQBQH8Hy4TOIHcOrilkXp6NBCHQOdBIcKgZtEiuDSqXTK4ODiVlzSJTgIyRDCeeTC61AiXIjU5t5LjpL/B3jvRzyTd8+yunT5xwmiEGbbFWS5BKoeWS5hsdtAEIV6PYIoBNtzwPYcGK6nkAqOjk4Fh6ePl0sfLfRsu7oUsj0HemwEZynQ0GcpoM/GSg/XZ/XrZ7mEwXKiFBwsJyhPOhUc7t+eldp3r4/6DyQVHIbrqVJY93iUj0FRM+YJzq+HiSbHYqIbw2KgG8fqoFvD1kG3jv0L2hjsLWjjsL+hH97n5mGLVKGNxRa5hjYSa1k/4PIxoJzytFL1BzMWfe1tgD0wkWJjnkDME7PQt7xnKUZTMqwx6DpfsNbQOp/bxtEYs0FjaMxBhhxNMXWRobNcVl7Fsa75VSsErWv+YrdRCvbZGH2R0mMjpYfWIqW8qqKYusrH4/P0pddjfzyA6zPyZaDrM9gfD2YMSF26EOcbEvgVxdYgW8AAAAAASUVORK5CYII=');
		position: absolute;
		right:2.8rem;
		top:calc(50% - (44px / 2) + 16px);
	}
	/*-- EBENE 1 --*/
	#MainMenue #menu_eb_1{
		position:absolute;
		height: fit-content;
		width: 100%;
		left:0;
		background-color:#fff;
		top:100%;
		margin-top:0;
		display:inline-block;
		height: fit-content;
		max-height: 0;
		overflow: hidden;
	}
	#MainMenue #menu_eb_1 > li.menulevel1selected > a{color: #333333;}
	#MainMenue #menu_eb_1 > li > a{
		border-bottom:1px solid #E0DEDE;
		padding:0.5rem 2.8rem !important;
	}
	#MainMenue #menu_eb_1 > li:last-of-type > a{border-bottom:none;}
	#MainMenue #menu_eb_1 > li:hover > a,
	#MainMenue #menu_eb_1 > li > input[type="radio"]:checked ~ a{
		color:#666;
		background-color:#bfc3c6;
	}
	/*-- EBENE 2 --*/
	#MainMenue #menu_eb_1 > li > ul{
		display:block !important;
		position: relative !important;
		width: 100%;
		height: fit-content;
		max-height: 0;
		overflow:hidden;
		padding:0;
		border: 0;
		top: -1px;
		margin-bottom:-6px;
	}
	#MainMenue #menu_eb_1 > li > ul > li{
		padding:3px 0;
	}
	#MainMenue #menu_eb_1 > li > #menu_eb_2 ~ label.lbl_showSubMenu{
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 60px;
		height: 2.4rem;
	}
	#MainMenue #menu_eb_1 > li > #menu_eb_2 ~ label.lbl_showSubMenu::after{
		content:'';
		display:inline-block;
		position: absolute;
		top:calc(50% - 5px);
		right: 20px;
		width: 10px;
		height: 10px;
		border-left: 2px solid black;
		border-bottom: 2px solid black;
		transform:rotateZ(-45deg) translateY(-50%);
		transition: transfrom 300ms;
	}
	#MainMenue #menu_eb_1 > li > input[type="radio"]:checked ~ #menu_eb_2 ~ label.lbl_showSubMenu::after
	{transform: rotateZ(-225deg);top: 50%;right: 25px;}
	@keyframes openMobileMenueNode{
		from {max-height: 0; overflow: hidden}
		to   {max-height: 1000px;}
	}
	#MainMenue #menu_eb_1 > li > input[type="radio"]:checked ~ ul{
		animation: 500ms 1 openMobileMenueNode;
		max-height: fit-content;
		padding: 5px 0;
		margin-bottom: -5px;
		overflow: visible;
	}
	@keyframes lblPointerNone {
		from {pointer-events: all;}
		to   {pointer-events: all}
	}
	#MainMenue #menu_eb_1 > li > input[type="radio"]:checked ~ label{
		animation: 500ms 1 lblPointerNone;
		pointer-events: none;
	}
	#MainMenue #menu_eb_1 > li > input[type="radio"]:checked ~ ul > label.lbl_hideSubMenu{
		position: absolute;
		display:inline-block;
		width:100%;
		height:2.4rem;
	 bottom:100%;
	}
	#MainMenue > #rad2_menuOpen:checked ~ #jubaconMenu > #menu_eb_1{
		animation: openMobileMenueNode 500ms 1;
		max-height: calc(100vh - 99px);
		overflow:auto;
		padding-bottom:5px
	}
}




/* 125 Jahre Logo - Timon - 231220 */
#jubaconMenuLogo::after {
	content: '';
	display: inline-block;
	width: 53px;
	height: 53px;
	position: absolute;
	top: 0;
	left: calc(120px + 20px);
	background-image: url('/upload/125jahre.jpg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

@media (max-width: 1400px) and (min-width: 1024px) {
	#jubaconMenuLogo::after {display: none;}
}
/* --- --- */