/* css zu baustoffe */

/* 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;}
}
/* --- --- */
#main-banner {
	width: 100%;
	height: 600px;
	display: block;
	position: relative;
	background-size: cover;
	background-position-x: center;
	background-position-y: center;
	overflow: hidden;
}
#main-banner > div {
	display: flex;
	height: 100%;
	width: 100%;
	align-items: center;
}
#main-banner > div > h1 {
	margin: 0px;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 768px) {
	#main-banner {height: 280px;}
}
/* --- --- */
.Pic3Row > a img{
	object-fit:cover;
	width:100%;
	height:100%;
}
.Pic3Row h3{
	background-color:#0000004d;
  font-size:30px;
	max-width: 300px;
	padding: 5px 0;
}
.Pic3Row .hoverLayer{
	background-color:#393938CC;
	inset:0;
	opacity:0;
}
.Pic3Row > a:not(:hover) h3{transition: opacity 300ms ease-in-out;}
.Pic3Row > a:hover h3{
	opacity: 0;
}
.Pic3Row > a:hover .hoverLayer{
	opacity: 1;
	transition: opacity 300ms ease-in-out;
}
@media screen and (max-width:1024px){
	.Pic3Row{flex-wrap:wrap;}
	.Pic3Row > a > div{max-height:44vw;}
}
@media screen and (max-width:768px){
	.Pic3Row > a > div{max-height:88vw;}
}
.dib {
display: flex;
justify-content: center;
max-height: 39vw;
}
.flex {
flex-wrap: wrap;
}
/* --- --- */
.SucheAjaxMenueSuche_Container > #MobilSuchenButton{display:none;}
.SucheAjaxMenueSuche_Container > #tbSucheAjax{
	width: 100%;
	font-size:14px;
	font-weight: bold;
	padding:10px 40px 10px 5px;
	color:#666;
}
.SucheAjaxMenueSuche_Container > .SucheAjaxMenueSuche_icons{
	display:inline-block;
	background: no-repeat center url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAACb0lEQVRIib3VzU8TQRjH8f5Pu9ta4m4Lulhveyk1NB70II1BCvISDEEkFD0YjTfjS5Bq2mhQSJSTpdD0ICGabjdQTxDQCBUFLSCvgXw9kGKQtlua6iS/yxzmszvzPDMW/sOw/D2xsrZBf2iEmtoeJKvvUDzeAMFwlJW1jdKRt2M6DmcjsuKn995L3s+mSQPzu3tMzCzQ3t3PKbUFZ2UTkVjy+Mjg8DhWm4/rt0LMbW6ThpyZ/PqDtq4n2CvqGRweLx6JxJLYK+oJD4/nXHg5kzlIdu7Ri1GsNl9Rf2RZWdvAWdnEjdvP8359LmR+d4+O3mcoDr/pGVn6QyM4q64yvbqeF8mXz9s7KA4/wXC0MFJT20PnzdCxgWyaOx7j8QYKI6JYx8TMQsnI0JiOZPUVRgThUslAGpha/Fkc8mlrp2Tk4/eMOWK1+RjVp0tGBkcT5ojHG6C7QPmapa2rz/zgg+Eo1a62gl2et/vTyzicjeYlnG3GwN0BvuzsFg1EdZ1z5xuQ5YvmzQj714rV5uPOg9dFAXOb21yoa0UQRKrPnMUwDHME4NWbd9hOXOZaz1Mm08t5gdn1LRrbHyJJXlTVhSAIKIpSEDp01UdiSZyVTVSdbqa1s4+hMZ2pxR+kvmUYiHzgSst9TsoNKA4/kVgSwzBQFAVRFHG73XmhI4/W6q9NguEoHm8Aq813KLkeLcMwcLvdiKKILMs5oSNIKcMwDGRZRhAENE0jkUiUH8lCmqYhSRIulwtd18uPACQSCVyu/WJQVfVg68qKAOi6jqqqSJKEpmmkUqnyI/Bn6+x2O/F4/N8gAKlUing8ztLSEr8BqLvTef4CrnkAAAAASUVORK5CYII=');
	width:32px;
	height:29px;
	position:absolute;
	right:5px;
	top:50%;
	transform: translateY(-50%);
}
#SucheAjaxMenue_active:checked ~ .SucheAjaxMenueSuche_Container > .SucheAjaxMenueSuche_icons{
	background-image:linear-gradient(to top left, transparent 44%, #666 45%, #666 55%, transparent 56%), linear-gradient(to top right, transparent 44%, #666 45%, #666 55%, transparent 56%);
	border-radius: 2px;
	background-size:20px 20px;
}
#SucheAjaxMenue_active:not(:checked) ~ #ergebnisseSucheAjax{display:none !important;}
#ergebnisseSucheAjax{
	width:100%;
	transform: translateY(-100%);
	color:#333333;
	max-height: 400px;
	overflow: auto;
	padding:15px;
	border:1px solid #cacaca;
	z-index: 1;
}


@media screen and (max-width:1024px){
	.leftFooter{width:100%; float:none;}
	.leftFooter + div{margin-top:2rem; float:left; width: 100%}
	.leftFooter > div:nth-child(1),.leftFooter > div:nth-child(2){width: 50%;}
	.leftFooter > .col44 > a{width: 210px;}
	.leftFooter > .col44 > a:nth-child(2){width:190px;}
	.leftFooter > .col44 > a:nth-child(2) > img{padding-right: 0;}
}

@media screen and (max-width:768px){
	.leftFooter > .col44, .leftFooter{flex-direction: column;}
	.leftFooter > .col44 > a > img{padding-top:10px;}
	.leftFooter > div:nth-child(2){padding-top:50px;}
  .leftFooter > div:nth-child(1),.leftFooter > div:nth-child(2){width: 100%;}
}

.lightFrame_bigDiv,.lightFrameIframe{max-height: 100vh;}
/* --- --- */