/* css zu funktionen */

/* 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;}
/* --- --- */
/* funktionen_neu  */
.textUnterKreis img {
	max-height: 400px;
	height: 100%;
	width: 100%;
	object-fit: contain;
}
/* --- --- */
/* funktionenCSS  */
.funktionenTextPdf{flex-wrap:wrap;}
.funktionenTextPdf > p{width: calc(100% - 100px);}
.funktionenTextPdf > a{width: 100px;}
.funktionenTextPdf > a > img{
	height: 100%;
	max-width: 100%;
	padding: 8px;
}
#modul1_container_circles{margin-top: -25px;}

@media screen and (max-width: 1440px){#modul1_container_circles{margin-top: 21px;}}
@media screen and (max-width: 1260px){#modul1_container_circles{margin-top: -150px;}}
/*--- Tree ---*/
#funktionenTree_mobile_chk{display:none;}
#funktionenTree{list-style: none; padding-left:70px;}
#funktionenTree > li{padding:20px 0; position:relative;}
#funktionenTree > li.openleaf > a{
    text-shadow: 0px 0px 10px rgb(73, 244, 210);
    color:#49F4D2;
}
#funktionenTree > li:not(.openleaf) > ul{display:none;}
#funktionenTree > li > a{
    font-size: 20px;
    font-family: 'montserratsemibold' , sans-serif;
    position: relative;
    display:flex;
}
#funktionenTree > li > a:before{
    content: '';
    display:inline-block;
    height: 40px;
    width: 40px;
    position: absolute;
    background: url('/bilder/aufzaehlung_plus.png') no-repeat center;
    background-size: contain;
    right:calc(100% + 30px);
    top: 50%;
    transform: translateY(-50%);
}
#funktionenTree > li > a > span{
    display: inline-block; 
    height: 100%; 
    padding-right: 10px;
    min-width: 25px;
    box-sizing: content-box;
}
#funktionenTree > li > div{
    position: absolute;
    height:100%;
    width: 40px;
    z-index:1;
    right:calc(100% + 30px);
    top: 0;
	cursor: pointer;
}
#funktionenTree > li > ul{
    padding-left:0;
    padding-top:20px;
    list-style: none;
    position:relative;
    z-index:2;
}
#funktionenTree > li > ul::before{
    content:'';
    position: absolute;
    display:inline-block;
    width: 40px;
    height: calc(100% + 15px);
    right: calc(100% + 30px);
    top: 5px;
}
#funktionenTree > li > ul > li{padding: 5px 0;}
#funktionenTree > li > ul > li.openleaf > a{
    text-shadow: 0px 0px 10px rgb(73, 244, 210);
    color:#49F4D2;
    font-family: 'montserratsemibold' , sans-serif;
}
#funktionenTree > li > ul > li > a{display: flex;}
#funktionenTree > li > ul > li > a > span{
    font-family: 'montserratsemibold' , sans-serif;
    text-shadow: 0px 0px 10px rgb(73, 244, 210);
    color:#49F4D2;
    padding-right:10px;
    min-width:25px;
    box-sizing: content-box;
}
#funktionenTree > li > ul > li ul{display:none;}
#funktionenTree > li:last-of-type{padding-top:50px;}
#funktionenTree > li:last-of-type > a{font-family:montserratregular, sans-serif; font-size:inherit;}
#funktionenTree > li:last-of-type > a:before{
    background-image:url('/bilder/BlueArrow.svg');
    transform: rotate(180deg) translateY(50%);
    background-size:25px;
}
@media screen and (max-width: 1260px){
	.funktionenTreeContainer{width:33%;}
	.LinieNebenTree{left: calc(33% + 2.7rem + 5px) !important;}
}
/*---- Text Neben Tree ----*/
.textNebenKreis{
    display:inline-block;
    width: calc(75% - 460px);
}

.textNebenKreis > div > div:not(.textUnterKreis) {min-height:180px;}
.textNebenKreis > div > div:not(.textUnterKreis) > h1{font-size:33.6px;}
.textUnterKreis{width: calc(100% + 464px);}
.blueArrow{
	position: absolute;
	height: 35px;
	width: 30px;
	top: 50%;
	transform: translateY(-50%);
	margin-left: 35px;
}
@media screen and (max-width: 1260px){
	.textNebenKreis{width:66%;}
	.textUnterKreis{width: 100%;}
}
@media screen and (max-width:1024px){
	#funktionenTree > li a{hyphens: auto;}
    #funktionenTree_kb_show_menu{
        position: fixed;
        display:inline-block;
        width: 50px;
        height:50px;
        left:0;
        top:50%;
        transform: translateY(-50%);
        background-color: #041529bd;
        background-image:url('/bilder/BlueArrow.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size:30px;
        border: 1px solid #49F4D2;
        box-shadow: 0px 0px 10px rgb(73, 244, 210);
        transition: left 300ms 300ms ease-in-out;
		z-index:1;
    }
    #funktionenTree_mobile_chk:not(:checked) ~ #funktionenTree_kb_show_menu{
        left:-100%;
        transition: left 300ms ease-in-out;
    }
    #funktionenTree{
        position: fixed;
        top:0;
        left:0;
        background-color: #041529;
        z-index: 1;
        height: 100%;
        padding-left:80px;
        margin-top:0;
        padding-top: 70px;
        padding-right:30px;
        width: 350px;
        overflow: auto;
        padding-bottom:30px;
        transition: left 600ms ease-in-out;
		max-width:100vw;
    }
    #funktionenTree_mobile_chk:checked ~ #funktionenTree{left:-370px}
    #funktionenTree_mobile_chk:checked ~ #funktionenTree_kb_hide_menu{left:-70px !important;}
    #funktionenTree_kb_hide_menu{
        position: fixed;
        width:30px;
        height:30px;
        top:20px;
        left:300px;
        z-index:2;
		cursor: pointer;
        transition: left 600ms ease-in-out;
    }
    #funktionenTree_kb_hide_menu:before, #funktionenTree_kb_hide_menu:after{
        content: '';
        position: absolute;
        display:inline-block;
        width: 100%;
        height: 4px;
        background-color: #49F4D2;
        top:50%;
    }
    #funktionenTree_kb_hide_menu:before{transform:rotate(45deg)}
    #funktionenTree_kb_hide_menu:after{transform:rotate(-45deg)}
    .funktionenTreeContainer{width: 0px;height: 0; padding:0;}
    .LinieNebenTree{left:11px !important; top: 4rem !important;height:calc(100% - 4rem) !important;}
    .textNebenKreis {padding-left:10px; width:100%}
}
@media screen and (max-width: 850px){
	#funktionenPage > div.col12{width: 64%;}
}
@media screen and (max-width:768px){
    #modul1_container_circles{display:none}
    #funktionenPage > div.col12{width: 100%}
}
@media screen and (max-width:600px){
    .LinieNebenTree{top: 4rem !important; height:calc(100% - 4rem) !important;}
    .textNebenKreis > div{padding-left:20px}
}
@media screen and (max-width:350px){
	#funktionenTree_kb_hide_menu{left: calc(100% - 50px)}
}
/* --- --- */