/* css zu home */

/* elements.popupinfo  */
x{}
/* ausblenden wenn checkbox über graue fläche abgewählt wird */
  label#lbl_JubaPopupMessageBoxGreyOverall, aside#JubaPopupMessage,
	label#lbl_JubaPopupMessageIcon {display: none;}

/* einblenden der Info */
input[type="checkbox"]#rad_JubaPopupMessage:checked ~ aside#JubaPopupMessage {
	display:block; border: 1px solid #005541; background-color: #fff; 
	position: fixed; z-index: 300; 
	left: calc(50% - 140px); top: 2rem;
	width: 280px; padding: 1rem;
}
input[type="checkbox"]#rad_JubaPopupMessage:checked ~ label#lbl_JubaPopupMessageBoxGreyOverall {
	position:fixed; left: 0px; top: 0px;
	width: 100%; height: 100%;
    	display:block;
	background-color: rgba(200,200,200,0.7);
	z-index: 299
}
input[type="checkbox"]#rad_JubaPopupMessage:checked ~ aside label#lbl_JubaPopupMessageIcon { 
	display: block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAEvElEQVRIiZ2WS4hbVRjHs6uPUhC61EWtpVIsCoqgFitFEUWpWBFB1IXoQsFNRRHBB11IFRdVXLifUmfSNplMHpPkZl6ZTN7vTN43j5tMZvKYdJKZzLRJys/FTHPndjKteODHuff78/2/e757uOeqVPuMjY0NlpaWKBQKVKtVms0mGxsb3Lx5k83NTdbX12m323Q6Hba2ttjPZ+jo9XpIkoQoijQaDVqtNmtrLZrNG9Trq9RqdWq1Bo3GKs3mDdbWWqyvr7O5uUm3271/sV6vRy6Xo1wus7bWotFoUqvVqVZr96RWrdNsNmm32/R6vf0L9ft9crkclcoSjdVVlldWWF5e2Z7/A5XlFVZ22jp0Rb1ej2w2i1SSqNXqLC1VWKr8D5YqVCrLNBoNbt26BSAXkySJdDrDykqVUqksk8pQCkSUsTtkRKQrmuFauUy9Xuf27dvbRba2tkgkEkilEsWiRKFY3Eato3j0RYqnz8mxXRS//I7igSMU3/uMQjC8R5ekEu12e7tIuVwmmUxSLEqIYg4xl0f0+CkePLZtcuAI+R9+3Y7vkJswU3zoqKz/9pdS35krleXtjRCLxUhnMmSyIplsdkDu/E8Dk+LBY2SN1m0tkaTw9KsDrXDqrCLvDulsFlEUabVaqKLRKMlUmsQukqk0iUSS/PNvymYnTpOMRMl+/bNc/NCTpKwzJFNpUumMwieZSpNIpsjnC6iCwSCJRJLFxfgeEpZpCo+cGJiK736qaGPm2wvEE0kFu/Nji3EyWRGVw7HAYjxBJBobSuLin/KT7yL3zGtEwxFisUUFe/KTKVRTU1OEI1GCofC+ZN76SFnk4WNExrSEwhHCkaiCu3PDkSgqQRDw+QNDCQRD+PwBglfHKT7wuLyKJ17C5w/gDwTxB4IEgqHBPMxDZbfP43S5cbm9Crw+P16fH5fbS/qVc3vaFfn+F9weH26PD6/Ph8vtxe3xKX08XgLBICqny8WcfZ4Fp0uB0+XB6fIQuvC7bL5rNYVDx/GOaXC63Dhdnp0ct8LDseAiEAih8ng8WAWBeccC9nnHAMeCE6fZSv7wyYFx/P3PyZw8I++uk2dwzM7hWHBin3fs8ZizzxMKhVHl83ksFgu2qWlm5+aZmbUzM2tnzj5P/I0P5e372HPYLQKOy2MUDh2X2/bJV8zZ5bzdTM/MUqlUUHU6HRwLDvQGA1PTMwNcFy8p3oHr4qWB5jv/o6w9eBTnH38rcqemZ7AKNrxer3xqiqKI0WhiQm9EsE1jtQhkjr4wMIq9/gFWYUpB/NRZeTVvf6zQzBYBQbBRLpflT3232yUSiaDT6dBN6LFYbdiuqFl8+R1yh59CuKbFbLEqENTXyT76LN4vvlHETZMWTJNm4vHE3lOy1+sRCoW4rtFwXTuOyWzBZLZgvTyKcdI8FJPeIF9PmtEbTRiMJqKxGP1+f/gx3O12CYfDaLVaRsfUjOv0GIyTCvSGvfcTeiPa8QlMJjPxePz+PxT9fp9qtYrVamV0dJQr/4xy9ZoGjVaHbsKwY2xiXKdHo9Wh0eqY0BuYm7NTKpXu/SNx92g2mwSDQWw2GxqtFrX6KmNqNSMjI4yMXEaj1SIIAj6fj5Ik0el09jX/F5Hf+SiQLF0OAAAAAElFTkSuQmCC); 
width: 25px; height: 25px; 
	position:relative; bottom: 0px; left: 0px; margin-right:12px; margin-top: 12px;
}
#JubaPopupMessage, #JubaPopupMessage .listpopupmessages {color: black !important;}
/* --- --- */
/* 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;}
}
/* --- --- */
.empfBaustProd .empfBaustProdPic {
	display: block;
}
.empfBaustProd .empfBaustProdPic img {
	height: 260px;
	object-fit: contain;
}
/* --- --- */
.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);
}
.main-banner > div a{
	font-weight: bold;
  	font-size: 30px;
  	text-transform:uppercase;
  	font-family:'Source Sans Pro', Helvetica, Arial, Sans-serif;
}
.Slider_hide
{display:none;}
.Slider_show{
	animation: show_sliderAnimation 500ms 1;
}
@keyframes show_sliderAnimation{
	from{display:flex; opacity:0;}
	to{opacity: 1;}
}
@media screen and (max-width: 768px) {
	#main-banner {height: 280px;}
}


/* 125 Jahre Logo - Eren - 240517 */

.banner125jahre {
	position: absolute;
	top: calc(50% - 110px);
	right: 25%;
	width: 220px;
}

@media (max-width: 1440px) {
	.banner125jahre {right: 10%;}
}

@media (max-width: 1240px) {
	.banner125jahre {
		width: 150px;
		top: calc(50% - 75px);
	}
}

@media (max-width: 900px) {
	.banner125jahre {display: none;}
}
/* --- --- */
.oeffungszeitenBox:first-of-type {
	padding-right: 0.7rem;
}

.oeffungszeitenBox:last-of-type {
	padding-left: 0.7rem;
}


@media (max-width:768px) {
	.oeffungszeitenBox {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}


/* Nur bei Lightframe */
.mainLightframe .lf_keinPadding {
	padding: 0;
}
/* --- --- */
.Pic3Row > a img{
	object-fit:cover;
	width:100%;
	height:100%;
}
.Pic3Row > a > div{max-height:26vw;}
.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;}
}
/* --- --- */
.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;}
/* --- --- */
img.leaflet-marker-icon.leaflet-zoom-animated.leaflet-interactive{
	margin-left: -12px !important;
	margin-top: -23px  !important;
}
#input-box{display: none !important;}
.leaflet-pane,.leaflet-control,.leaflet-top,.leaflet-bottom{z-index:1 !important;}
.leaflet-container a{color: #037d36; font-weight: bold;}

#routing-form, #map-box, #map{height: 420px;}
/* --- --- */