/* css zu digibaurecht */

/* AllgemeineModuleCSS  */
/*
primarycolor:#344756
secondarycolor:#527fa2
extracolor:#e6e7e8
signalcolor:#d7df23
textcolor:#474747
clearcolor:#ffffff
space5:10px
space9:17px
space18:34px
space27:51px
space36:68px
space54:102px
*/

*{box-sizing:border-box;}
body{
	margin:0;
	color:#474747;
	background-color:#f8f8f8;
	font-family:Montserrat Regular, sans-serif;
	line-height:31px;
	font-size:17px;
	hyphens:auto;
	-moz-hyphens:auto;
	word-break: break-word;
}
h1{font-family:Montserrat SemiBold, sans-serif;font-size:45px;}
hr{
	height:2px;
	background-color:#474747;
	border:none;
}
#main{
	max-width:1440px;
	margin:0 auto;
	background-color:#ffffff;
	overflow:hidden;
}
.preHeaderText{
	font-family:Montserrat Medium, sans-serif;
	font-size:20px;
	letter-spacing:-1px;
	display:inline-block;
	margin-bottom:8px;
}
/*===================
	GRUNDFARBEN
===================*/
.primarycolor{color:#344756;}
.primarybackcolor{background-color:#344756;}
.secondarycolor{color:#527fa2;}
.secondarybackcolor{background-color:#527fa2;}
.extracolor{color:#e6e7e8;}
.extrabackcolor{background-color:#e6e7e8;}
.signalcolor{color:#d7df23;}
.signalbackcolor{background-color:#d7df23;}
.clearcolor{color:#ffffff;}
.clearbackcolor{background-color:#ffffff;}

.leftlinePrimarycolor{border-left:2px solid #344756;}
.rightlinePrimarycolor{border-right:2px solid #344756;}
.toplinePrimarycolor{border-top:2px solid #344756;}
.bottomlinePrimarycolor{border-bottom:2px solid #344756;}
.verticallinePrimarycolor{border-left:2px solid #344756;border-right:2px solid #344756;}
.horizontallinePrimarycolor{border-bottom:2px solid #344756;border-top:2px solid #344756;}

.leftlineSecondarycolor{border-left:2px solid #527fa2;}
.rightlineSecondarycolor{border-right:2px solid #527fa2;}
.toplineSecondarycolor{border-top:2px solid #527fa2;}
.bottomlineSecondarycolor{border-bottom:2px solid #527fa2;}
.verticallineSecondarycolor{border-left:2px solid #527fa2;border-right:2px solid #527fa2;}
.horizontallineSecondarycolor{border-bottom:2px solid #527fa2;border-top:2px solid #527fa2;}

.leftlineExtracolor{border-left:2px solid #e6e7e8;}
.rightlineExtracolor{border-right:2px solid #e6e7e8;}
.toplineExtracolor{border-top:2px solid #e6e7e8;}
.bottomlineExtracolor{border-bottom:2px solid #e6e7e8;}
.verticallineExtracolor{border-left:2px solid #e6e7e8;border-right:2px solid #e6e7e8;}
.horizontallineExtracolor{border-bottom:2px solid #e6e7e8;border-top:2px solid #e6e7e8;}


/*=====================
	GRUNDABSTAENDE
=====================*/
.lm0,
.lm0-0-9 { margin-left: 0px;}
.rm0,
.rm0-0-9 { margin-right: 0px;}
.tm0,
.tm0-0-9 { margin-top: 0px;}
.bm0,
.bm0-0-9 { margin-bottom: 0px;}
.hm0,
.hm0-0-9 { margin-left: 0px; margin-right: 0px;}
.vm0,
.vm0-0-9 { margin-top: 0px; margin-bottom: 0px;}

.lp0,
.lp0-0-9 { padding-left: 0px;}
.rp0,
.rp0-0-9 { padding-right: 0px;}
.tp0,
.tp0-0-9 { padding-top: 0px;}
.bp0,
.bp0-0-9 { padding-bottom: 0px;}
.hp0,
.hp0-0-9 { padding-left: 0px; padding-right: 0px;}
.vp0,
.vp0-0-9 { padding-top: 0px; padding-bottom: 0px;}



.lm5 { margin-left: 10px;}
.rm5 { margin-right: 10px;}
.tm5 { margin-top: 10px;}
.bm5 { margin-bottom: 10px;}
.hm5 { margin-left: 10px; margin-right: 10px;}
.vm5 { margin-top: 10px; margin-bottom: 10px;}

.lp5 { padding-left: 10px;}
.rp5 { padding-right: 10px;}
.tp5 { padding-top: 10px;}
.bp5 { padding-bottom: 10px;}
.hp5 { padding-left: 10px; padding-right: 10px;}
.vp5 { padding-top: 10px; padding-bottom: 10px;}



.lm9 { margin-left: 17px;}
.rm9 { margin-right: 17px;}
.tm9 { margin-top: 17px;}
.bm9 { margin-bottom: 17px;}
.hm9 { margin-left: 17px; margin-right: 17px;}
.vm9 { margin-top: 17px; margin-bottom: 17px;}

.lp9 { padding-left: 17px;}
.rp9 { padding-right: 17px;}
.tp9 { padding-top: 17px;}
.bp9 { padding-bottom: 17px;}
.hp9 { padding-left: 17px; padding-right: 17px;}
.vp9 { padding-top: 17px; padding-bottom: 17px;}



.lm18 { margin-left: 34px;}
.rm18 { margin-right: 34px;}
.tm18 { margin-top: 34px;}
.bm18 { margin-bottom: 34px;}
.hm18 { margin-left: 34px; margin-right: 34px;}
.vm18 { margin-top: 34px; margin-bottom: 34px;}

.lp18 { padding-left: 34px;}
.rp18 { padding-right: 34px;}
.tp18 { padding-top: 34px;}
.bp18 { padding-bottom: 34px;}
.hp18 { padding-left: 34px; padding-right: 34px;}
.vp18 { padding-top: 34px; padding-bottom: 34px;}



.lm27 { margin-left: 51px;}
.rm27 { margin-right: 51px;}
.tm27 { margin-top: 51px;}
.bm27 { margin-bottom: 51px;}
.hm27 { margin-left: 51px; margin-right: 51px;}
.vm27 { margin-top: 51px; margin-bottom: 51px;}

.lp27 { padding-left: 51px;}
.rp27 { padding-right: 51px;}
.tp27 { padding-top: 51px;}
.bp27 { padding-bottom: 51px;}
.hp27 { padding-left: 51px; padding-right: 51px;}
.vp27 { padding-top: 51px; padding-bottom: 51px;}



.lm36,
.lm36-27-9 { margin-left: 68px;}
.rm36,
.rm36-27-9 { margin-right: 68px;}
.tm36,
.tm36-27-9 { margin-top: 68px;}
.bm36,
.bm36-27-9 { margin-bottom: 68px;}
.hm36,
.hm36-27-9 { margin-left: 68px; margin-right: 68px;}
.vm36,
.vm36-27-9 { margin-top: 68px; margin-bottom: 68px;}

.lp36,
.lp36-27-9 { padding-left: 68px;}
.rp36,
.rp36-27-9 { padding-right: 68px;}
.tp36,
.tp36-27-9 { padding-top: 68px;}
.bp36,
.bp36-27-9 { padding-bottom: 68px;}
.hp36,
.hp36-27-9 { padding-left: 68px; padding-right: 68px;}
.vp36,
.vp36-27-9 { padding-top: 68px; padding-bottom: 68px;}



.lm54 { margin-left: 102px;}
.rm54 { margin-right: 102px;}
.tm54 { margin-top: 102px;}
.bm54 { margin-bottom: 102px;}
.hm54 { margin-left: 102px; margin-right: 102px;}
.vm54 { margin-top: 102px; margin-bottom: 102px;}

.lp54 { padding-left: 102px;}
.rp54 { padding-right: 102px;}
.tp54 { padding-top: 102px;}
.bp54 { padding-bottom: 102px;}
.hp54 { padding-left: 102px; padding-right: 102px;}
.vp54 { padding-top: 102px; padding-bottom: 102px;}


/*=========================
	GRUNDEIGENSCHAFTEN
=========================*/
.vt{vertical-align:top;}
.vm{vertical-align:middle;}
.vb{vertical-align:bottom;}
.hc{text-align:center;}
.hl{text-align:left;}
.hr{text-align:right;}

.dib{display:inline-block;}
.block{display:block;}
.none{display:none;}

.inline{display:inline;}
.absolute{position:absolute;}
.relative{position:relative;}

.floatleft{float:left;}
.floatright{float:right;}
.floatnone{float:none;}

.oScroll{overflow:scroll;}
.oHide{overflow:hidden;}
.oVisible{overflow:visible;}

/*======================
		BREITEN
======================*/
.wide4{width:100%;}

.wide3,.col34{width:75%;}

.wide2,.col12,
.col12-1-1,.col24{width:50%;}

.wide1,.col14{width:25%;}

.col13,
.col13-2-1{width:33.333%;}

.col23{width:66.666%;}
.col15{width:20%;}
.col25{width:39.5%;}
.col35{width:59.5%;}
.col45{width:79.5%;}


.wide1,.wide2,.wide3,.wide4,
.col12,.col12-1-1,.col24,
.col14,.col13,.col23,.col13-2-1,
.col15,.col25,.col35,.col34,.col45
{display:inline-block;}


@media screen and (max-width:1440px){
	.full1440{width:100% !important;}
	.hide1440{display:none !important;}
}
@media screen and (max-width:1024px){
	.col12-1-1{width:100%;}
	.col15 {width:25%;}
	.col45{width:75%;}
	
	.col25, 
	.col35, 
	.col14-2-1{width:50%;}
	
	.lm36-27-9{margin-left:51px;}
	.rm36-27-9{margin-right:51px;}
	.tm36-27-9{margin-top:51px;}
	.bm36-27-9{margin-bottom:51px;}
	.hm36-27-9{margin-left:51px;margin-right:51px;}
	.vm36-27-9{margin-top:51px;margin-bottom:51px;}
	
	.lp36-27-9{padding-left:51px;}
	.rp36-27-9{padding-right:51px;}
	.tp36-27-9{padding-top:51px;}
	.bp36-27-9{padding-bottom:51px;}
	.hp36-27-9{padding-left:51px;padding-right:51px;}
	.vp36-27-9{padding-top:51px;padding-bottom:51px;}
	
	.hide1024{display:none !important;}
	.full1024{width:100% !important;}
}
@media screen and (max-width: 768px){
	.wide2,.wide3,
	.col24,.col23,.col34, 
	.col12,.col13-2-1,.col14-2-1{width:100%;}

	.wide1,
	.col14,.col13{width:50%;}
	
	.hide768{display:none !important;}
	.full768{width:100% !important;}
}
@media screen and (max-width:600px){
	
	.wide1,.col14,.col13,
	.col15,.col25,.col35,.col45{width:100%;}
	
	.lm36-27-9,
	.lm0-0-9{margin-left:17px;}
	.rm36-27-9,
	.rm0-0-9{margin-right:17px;}
	.tm36-27-9,
	.tm0-0-9{margin-top:17px;}
	.bm36-27-9,
	.bm0-0-9{margin-bottom:17px;}
	.hm36-27-9,
	.hm0-0-9{margin-left:17px;margin-right:17px;}
	.vm36-27-9,
	.vm0-0-9{margin-top:17px;margin-bottom:17px;}
	
	.lp36-27-9,
	.lp0-0-9{padding-left:17px;}
	.rp36-27-9,
	.rp0-0-9{padding-right:17px;}
	.tp36-27-9,
	.tp0-0-9{padding-top:17px;}
	.bp36-27-9,
	.bp0-0-9{padding-bottom:17px;}
	.hp36-27-9,
	.hp0-0-9{padding-left:17px;padding-right:17px;}
	.vp36-27-9,
	.vp0-0-9{padding-top:17px;padding-bottom:17px;}
	
	.hide600{display:none !important;}
	.full600{width:100% !important;}
}

/*=======================
		STREIFEN
=========================*/
.primarycolorStripeleft47::before,.primarycolorStriperight47::after,
.secondarycolorStripeleft47::before,.secondarycolorStriperight47::after,
.extracolorStripeleft47::before,.extracolorStriperight47::after,
.primarycolorStripeleft110::before,.primarycolorStriperight110::after,
.secondarycolorStripeleft110::before,.secondarycolorStriperight110::after,
.extracolorStripeleft110::before,.extracolorStriperight110::after,
.primarycolorStripeleft152::before,.primarycolorStriperight152::after,
.secondarycolorStripeleft152::before,.secondarycolorStriperight152::after,
.extracolorStripeleft152::before,.extracolorStriperight152::after
{content:'';position:absolute;top:0;height:100%;}
.primarycolorStripeleft47,.primarycolorStriperight47,
.primarycolorStripeleft110,.primarycolorStriperight110,
.primarycolorStripeleft152,.primarycolorStriperight152{background-color:#344756;}
.secondarycolorStripeleft47,.secondarycolorStriperight47,
.secondarycolorStripeleft110,.secondarycolorStriperight110,
.secondarycolorStripeleft152,.secondarycolorStriperight152{background-color:#527fa2;}
.extracolorStripeleft47,.extracolorStriperight47,
.extracolorStripeleft110,.extracolorStriperight110,
.extracolorStripeleft152,.extracolorStriperight152{background-color:#e6e7e8;}


/*===========
	LEFT
============*/
.primarycolorStripeleft47::before,.primarycolorStripeleft110::before,
.primarycolorStripeleft152::before
{background-image:linear-gradient(to top left,#344756 50%, transparent 51%);}
.secondarycolorStripeleft47::before,.secondarycolorStripeleft110::before,
.secondarycolorStripeleft152::before
{background-image:linear-gradient(to top left,#527fa2 50%, transparent 51%);}
.extracolorStripeleft47::before,.extracolorStripeleft110::before,
.extracolorStripeleft152::before
{background-image:linear-gradient(to top left,#e6e7e8 50%, transparent 51%);}

/*===========
	RIGHT
============*/
.primarycolorStriperight47::after,.primarycolorStriperight110::after,
.primarycolorStriperight152::after
{background-image:linear-gradient(to top right,#344756 50%, transparent 51%);}
.secondarycolorStriperight47::after,.secondarycolorStriperight110::after,
.secondarycolorStriperight152::after
{background-image:linear-gradient(to top right,#527fa2 50%, transparent 51%);}
.extracolorStriperight47::after,.extracolorStriperight110::after,
.extracolorStriperight152::after
{background-image:linear-gradient(to top right,#e6e7e8 50%, transparent 51%);}

/*===============
	47 HOCH
================*/
.primarycolorStriperight47::after,.secondarycolorStriperight47::after,
.extracolorStriperight47::after,.primarycolorStripeleft47::before,
.secondarycolorStripeleft47::before,.extracolorStripeleft47::before{width:19px;}
.primarycolorStripeleft47,.primarycolorStriperight47,
.secondarycolorStripeleft47,.secondarycolorStriperight47,
.extracolorStripeleft47,.extracolorStriperight47{height:47px}
.primarycolorStripeleft47::before,.secondarycolorStripeleft47::before,
.extracolorStripeleft47::before{left:-19px;}
.primarycolorStriperight47::after,.secondarycolorStriperight47::after,
.extracolorStriperight47::after{right:-19px;}

/*===============
	110 HOCH
================*/
.primarycolorStriperight110::after,.secondarycolorStriperight110::after,
.extracolorStriperight110::after,.primarycolorStripeleft110::before,
.secondarycolorStripeleft110::before,.extracolorStripeleft110::before{width:45px;}
.primarycolorStripeleft110,.primarycolorStriperight110,
.secondarycolorStripeleft110,.secondarycolorStriperight110,
.extracolorStripeleft110,.extracolorStriperight110{height:110px}
.primarycolorStripeleft110::before,.secondarycolorStripeleft110::before,
.extracolorStripeleft110::before{left:-45px;}
.primarycolorStriperight110::after,.secondarycolorStriperight110::after,
.extracolorStriperight110::after{right:-45px;}

/*===============
	152 HOCH
================*/
.primarycolorStriperight152::after,.secondarycolorStriperight152::after,
.extracolorStriperight152::after,.primarycolorStripeleft152::before,
.secondarycolorStripeleft152::before,.extracolorStripeleft152::before{width:65px;}
.primarycolorStripeleft152,.primarycolorStriperight152,
.secondarycolorStripeleft152,.secondarycolorStriperight152,
.extracolorStripeleft152,.extracolorStriperight152{height:152px}
.primarycolorStripeleft152::before,.secondarycolorStripeleft152::before,
.extracolorStripeleft152::before{left:-65px;}
.primarycolorStriperight152::after,.secondarycolorStriperight152::after,
.extracolorStriperight152::after{right:-65px;}

/*======================
		BUTTONS
======================*/
.signalcolorbutton,.primarycolorbutton,.secondarycolorbutton{
	padding:11px 37px;
	color:#ffffff;
	display:inline-block;
	text-align:center;
	transition:all 300ms ease-in-out;
	-ms-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
	-webkit-transition:all 300ms eas-in-out;
	border:1px solid transparent;
	text-decoration:none;
	font-family:inherit;
	font-size:inherit;
}
.signalcolorbutton{background-color:#d7df23;}
.signalcolorbutton:hover{border-color:#d7df23;color:#d7df23;}
.primarycolorbutton{background-color:#344756;}
.primarycolorbutton:hover{border-color:#344756;color:#344756;}
.secondarycolorbutton{background-color:#527fa2;}
.secondarycolorbutton:hover{border-color:#527fa2;color:#527fa2;}
.signalcolorbutton:hover,.primarycolorbutton:hover,.secondarycolorbutton:hover{background-color:#ffffff;}
/* --- --- */
/* BoxTextRechtsStreifenCSS  */
.box_mit_streifen_container{padding: 0 25px 25px 25px;z-index:1;width:58%;}
.box_mit_streifen_langtext{padding: 0 32px 24px 32px;}
.box_streifen_rechts{right:0;bottom:4px;}
.box_mit_streifen_box_streifen_links{left:0;top:60%;}
@media screen and (max-width:1024px){
	.box_mit_streifen_container{width:84%;}
	.box_streifen_rechts{width:83.5%;}
	.box_mit_streifen_box_streifen_links{width:4%;}
}
@media screen and (max-width:600px){
	.box_mit_streifen_container{padding:0;}
	.box_streifen_rechts{
		height:78px;
		position:relative;
		right:-20px;
	}
	.box_streifen_rechts::before{border-bottom-width:78px;}
}
/* --- --- */
/* InndataMenueCSS  */
/* InndataMenueCSS  */
#jubaconMenu { display: flex; }

#headerTop {
    width: 1440px;
    max-width: 100%;
    background-color: #fff;
    position: fixed;
    top: 0px;
    z-index: 150;
}
#headerTop + *{margin-top:91px;}

#mainMenu {
    display: inline-block;
    width: calc(100% - 216px);
    padding-left: 68px;
    position: relative;
    z-index: 2;
    vertical-align: top;
}

#mainMenuIcons {
    width: 216px;
    float: right;
    background-color: #527fa2;
    position: relative;
}

#headerIconTel { background-image: url('/bilder/dropdown_telefon.svg'); }
#headerIconMail { background-image: url('/bilder/dropdown_mail.svg'); }
#headerIconAdress { background-image: url('/bilder/dropdown_standort.svg'); }




#mainMenuIcons input[type=checkbox] { display: none; }

#jubaconMenu a { border: none; }



#mainMenu > #jubaconMenu > #jubaconMenuLogo {
    display: inline-block;
    height: 64px;
    width: 17%;
    margin-top: 14px;
    margin-right: -4.5px;
    background-image: url("../bilder/baudigital-logo.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
	position: relative;
	z-index: 3;
}

.digiBauRech > #jubaconMenu > #jubaconMenuLogo {
	background-image: url("../bilder/digibaurech-logo.svg") !important;
}

#jubaconMenu > ul#menu_eb_1 {
    display: inline-block;
    width: 83%;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
}

#jubaconMenu > ul#menu_eb_1 > li {
    display: inline-block;
    width: 20%;
    text-align: center;
    margin-right: -4.5px;
}

#jubaconMenu > ul#menu_eb_1 > li > a {
    display: inline-block;
    height: 91px;
    padding: 30px 0px;
	position: relative;
	z-index: 3;
}

#jubaconMenu > ul#menu_eb_1 > li {
    vertical-align: top;
    position: relative;
}

#jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 {
    width: 100%;
    text-align: left;
    margin: 0;
    padding: 0px;
    background-color: #344756;
    list-style: none;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    left: 20px;
    transition: opacity .3s;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -webkit-transition: opacity .3s;
}

#jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 > li { padding: 5px 20px; }

#jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 > li > a {
    display: block;
    color: #fff;
    font-family: Montserrat Regular, sans-serif;
}

#mainMenuIcons > ul {
    display: inline-block;
    margin: 0px; 
    padding: 0px; 
}

#mainMenuIcons > ul > li {
    display: inline-block; 
    vertical-align: top;
}

#mainMenuIcons > ul > li > .headerIconsPic {
    display: inline-block;
    height: 91px;
    padding: 0px 11px;
    vertical-align: top;
}

#mainMenuIcons > ul > li > a { border-bottom: none; }

.headerIconsPic > div {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: 31px;
    background-size: contain;
    background-repeat: no-repeat;
}

#headerIconsContact > .headerIconsPic > div { background-image: url('/bilder/menu_icon_kontakt.svg'); }

#headerIconsLogin > .headerIconsPic > div { background-image: url('/bilder/menu_icon_login.svg'); }

#mainMenuIcons > ul > li > ul {
    display: block;
    width: 300px;
    opacity: 0;
    margin: 0px;
    padding: 30px 10px 10px 10px;;
    background-color: #fff;
    box-shadow: 0px 3px 3px 0px rgba(59, 48, 48, 0.24);
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 100;
    transition: opacity .3s;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -webkit-transition: opacity .3s;
}

#headerIconsContact > ul > li {
    display: inline-block; 
    margin-bottom: 5px;
}

#headerTop > section.bigIncludeTo { display: block; }



#jubaconMenu a,
#mainMenu label,
#mainMenu .MenuTooltipText,
#mainMenu input[type=radio] { display: none; }



#jubaconMenu > ul#menu_eb_1 > li:hover ul#menu_eb_2 {
    opacity: 1; 
    pointer-events: auto;
}

#headerIconsContact:hover > .headerIconsPic > div { background-image: url('/bilder/menu_icon_kontakt_hover.svg'); }

#headerIconsLogin:hover > .headerIconsPic > div { background-image: url('/bilder/menu_icon_login_hover_digi.svg'); }

#mainMenuIcons > ul > li:hover > ul {
    opacity: 1;
    pointer-events: auto;
}



#jubaconMenu > ul#menu_eb_1 > li > a:hover::after {
    content: '';
    display: block;
    margin: 0 auto;
    border: 1px solid;
    border-radius: 1px;
}

#mainMenuIcons::before {
    content: '';
    width: 100px;
    height: 91px;
    background-color: #527fa2;
    position: absolute;
    left: -100px;
}



#jubaconMenu > ul#menu_eb_1 > li:nth-of-type(2) > a,
#jubaconMenu > ul#menu_eb_1 > li:nth-of-type(3) > a,
#jubaconMenu > ul#menu_eb_1 > li:nth-of-type(4) > a { color: #fff; }

#jubaconMenu > ul#menu_eb_1 > li:first-of-type { 
    width: 30%;
    margin-left: 3%; 
}

#jubaconMenu > ul#menu_eb_1 > li:nth-of-type(3) { width: 20%; }
#jubaconMenu > ul#menu_eb_1 > li:nth-of-type(4) { width: 20%; }

#jubaconMenu > ul#menu_eb_1 > li:nth-of-type(2),
#jubaconMenu > ul#menu_eb_1 > li:nth-of-type(3),
#jubaconMenu > ul#menu_eb_1 > li:nth-of-type(4) { background-color: #527fa2; }

#jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 > li:last-of-type { border-bottom: none; }

#headerIconsContact > ul > .headerIconsContactList > div:first-of-type {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 6px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#headerIconsContact > ul > li > div:nth-of-type(2) {
    display: inline-block;
    vertical-align: top;
}


@media screen and (max-width: 1440px) and (min-width: 1025px){#jubaconMenu > ul#menu_eb_1 > li > a{font-size: 1.4vw;}}
@media screen and (min-width: 1025px) {
	#jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 { min-width: 250px; }



    #jubaconMenu > ul#menu_eb_1 > li:hover { background-color: #344756; }

    #jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 > li:hover { background-color: #527fa2; }



    #jubaconMenu > ul#menu_eb_1 > li:first-of-type:hover > a { color: #527fa2; }

    #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(2)::before {
		content: '';
        display: block;
        width: 40px;
        height: 100%;
        opacity: 0;
        position: absolute;
        top: 0px;
        z-index: 2;
        opacity: 1;
        background-image:url('../bilder/menueleiste-pixel.svg');
        z-index: 1;
		background-size: 108px;
		left: -40px;
	}
	
    #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(2):hover::before { background-image: url('../bilder/menueleiste-pixel_hover.svg')}
}


@media screen and (max-width: 1024px) {
    header{height:unset;}
	#mainMenu {
        width: 30%;
        padding-left: 50px; 
        position: static;
    }

    #mainMenuIcons {
        width: 65%;
        text-align: right;
		padding-left: 0;
    }

    ul#menu_eb_2 { overflow-y: auto; }



    #mainMenu label.toggleMenuButton {
        display: block;
        width: 38px;
        height: 29px;
        cursor: pointer;
        position: absolute;
        top: 31px;
        right: 45px;
        transition: right .6s;
        -o-transition: right .6s;
        -ms-transition: right .6s;
        -moz-transition: right .6s;
        -webkit-transition: right .6s;
    }

    #mainMenu label.toggleMenuButton#lbl_openMenu { z-index: 201; }

    #mainMenu label.lbl_hideSubMenu {
        display: block;
        width: 30px;
        height: 40px;
        position: absolute;
        top: 25px;
        left: 15px;
    }

    label#lbl_openMenu span { margin: 13px 0px; }



    #jubaconMenu > #jubaconMenuLogo { width: 85%; }

    #jubaconMenu > ul#menu_eb_1 { display: none; }

    #mainMenuIcons > ul {
        margin-right: 160px; 
        text-align: left;
    }

    #mainMenuIcons > ul > li > label { cursor: pointer; }

    #jubaconMenu > label.toggleMenuButton#lbl_closeMenu {
        visibility: hidden;
        position: fixed; 
        z-index: 300; 
    }

    #jubaconMenu > ul#menu_eb_1 {
        display: block;
        height: 100%;
        width: 300px;
        max-width: 100%;
        font-size: 20px;
        padding: 76px 20px;
        background-color: #344756;
        position: fixed;
        right: -300px;
        top: 0;
        z-index: 200;
        transition: right .6s;
        -o-transition: right .6s;
        -ms-transition: right .6s;
        -moz-transition: right .6s;
        -webkit-transition: right .6s;
    }

    #jubaconMenu > ul#menu_eb_1 > li {
        display: block;
        width: auto;
        padding: 10px;
        margin-right: 0px;
        text-align: left;
        border-bottom: 2px solid #527fa2;
        position: static;
    }

    #jubaconMenu > ul#menu_eb_1 > li > a {
        height: auto;
        padding: 0px;
        color: #fff;
		font-family: Montserrat Regular, sans-serif;
    }

    #jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 {
        display: block;
        width: 300px;
        height: 100%;
        max-width: 100%;
        opacity: 1;
        padding: 5px 20px;
        padding-top: 76px;
        pointer-events: auto;
        position: absolute;
        top: 0;
        right: -300px;
        z-index: 250;
        transition: right .6s;
        -o-transition: right .6s;
        -ms-transition: right .6s;
        -moz-transition: right .6s;
        -webkit-transition: right .6s;
    }

    #jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 > li {
        border-bottom: 2px solid #527fa2;
        padding: 10px;
    }

    #jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 { left: auto; }



    #mainMenu #menu_eb_2 ~ label {
        display: block;
        height: 53px;
        width: 40px;
        margin-top: -42px;
        position: absolute;
        right: 20px;
    }



    #mainMenuIcons > ul > li:hover > ul {
        opacity: 0; 
        pointer-events: none;
    }

    #jubaconMenu > ul#menu_eb_1 > li > a:hover { text-decoration: underline; }

    #jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 > li > a:hover {
        color: #fff;
        text-decoration: underline;
    }



    #mainMenuIcons::before {
        width: 42px;
        height: 100%;
        background-color: transparent;
        position: absolute;
        left: -42px;
        top: 0px;
		background-image: url('../bilder/menueleiste-pixel.svg');
		background-size: 108px;
    }

    #jubaconMenu > ul#menu_eb_1 > li > a:hover::after { display: none; }

    #mainMenu #menu_eb_2 ~ label::after {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        margin-top: 20px;
        margin-left: 15px;
        border-top: 3px solid #527fa2;
        border-right: 3px solid #527fa2;
        transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    #mainMenu label.lbl_hideSubMenu::after {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        margin-top: 15px;
        margin-left: 10px;
        border-top: 3px solid #527fa2;
        border-right: 3px solid #527fa2;
        transform: rotate(225deg);
        -o-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
    }

    label#lbl_openMenu span, 
    label#lbl_openMenu::after, 
    label#lbl_openMenu::before {
        display: block;
        width: 100%;
        height: 4px;
        background-color: #fff;
        border-radius: 2px;
        transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
    }

    label#lbl_openMenu::after, 
    label#lbl_openMenu::before {
        content: '';
        position: absolute;
        left: 0px;
    }

    label#lbl_openMenu::before { top: 0px; }
    label#lbl_openMenu::after { bottom: 0px; }



    #jubaconMenu > ul#menu_eb_1 > li:first-of-type {
        margin-left: 0px;
        width: auto;
    }

    #jubaconMenu > ul#menu_eb_1 > li:last-of-type { border-bottom: none; }

    #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(2),  
    #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(3), 
    #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(4){
        width: auto;
        background-color: transparent; 
    }

    #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(3)::before { display: none; }



    #mainMenuIcons > ul > li > input[type=checkbox]:checked ~ ul {
        opacity: 1;
        pointer-events: auto;
    }

    #mainMenuIcons > ul > li#headerIconsContact > input[type=checkbox]:checked ~ label.headerIconsPic > div { background-image: url('/bilder/menu_icon_kontakt_hover.svg'); }


    #rad400_menuOpen:checked ~ #jubaconMenu > ul#menu_eb_1,
	#rad500_menuOpen:checked ~ #jubaconMenu > ul#menu_eb_1	{
        right: 0;
        box-shadow: -5px 10px 18px;
    }

    #rad400_menuOpen:checked ~ label.toggleMenuButton#lbl_openMenu,
	#rad500_menuOpen:checked ~ label.toggleMenuButton#lbl_openMenu	{ right: 20px; }

    #rad400_menuOpen:checked ~ #jubaconMenu > label.toggleMenuButton#lbl_closeMenu,
	#rad500_menuOpen:checked ~ #jubaconMenu > label.toggleMenuButton#lbl_closeMenu	{
        visibility: visible;
        right: 20px; 
    }

    #mainMenu #menu_eb_1 > li > input[type=radio]:checked ~ ul#menu_eb_2 { right: 0px; }

    input#rad400_menuOpen:checked ~ label#lbl_openMenu > span,
	input#rad500_menuOpen:checked ~ label#lbl_openMenu > span	{ opacity: 0; }

    input#rad400_menuOpen:checked ~ label#lbl_openMenu::after,
	input#rad500_menuOpen:checked ~ label#lbl_openMenu::after	{
        bottom: 12px;
        transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    input#rad400_menuOpen:checked ~ label#lbl_openMenu::before,
	input#rad500_menuOpen:checked ~ label#lbl_openMenu::before	{
        top: 13px;
        transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
}


@media screen and (max-width: 600px) {
    #mainMenu { padding-left: 20px; }
	#headerTop + *{margin-top:55px;}


    #mainMenu label.toggleMenuButton {
        width: 27px; 
        height: 24px; 
        top: 16px; 
        right: 20px;
    }

    label#lbl_openMenu span { margin: 10px 0px; }



    #mainMenuIcons > ul > li > .headerIconsPic { height: 55px; }

    .headerIconsPic > div {
        height: 26px;
        width: 26px;
        margin-top: 15px;
    }

    #jubaconMenu > #jubaconMenuLogo {
        display: block;
        height: 55px; 
        margin-top: 0px; 
    }

    #jubaconMenu > ul#menu_eb_1 {
        font-size: 17px; 
        line-height: 24px;
    }

    #mainMenuIcons > ul { margin-right: 100px; }



    #mainMenuIcons::before {
        left: -25px;
		width: 25px;
		background-size: 66px;
    }



    input#rad400_menuOpen:checked ~ label#lbl_openMenu::after,
	input#rad500_menuOpen:checked ~ label#lbl_openMenu::after	{ bottom: 10px; }

    input#rad400_menuOpen:checked ~ label#lbl_openMenu::before,
	input#rad500_menuOpen:checked ~ label#lbl_openMenu::before	{ top: 10px; }
	
	#mainMenu #menu_eb_2 ~ label {
        height: 44px;
        margin-top: -38px;
    }
}
/* --- --- */
/* TextmitStreifenMitteCSS  */
.TextmitStreifenMitteStreifen{top:51%;}
.TextmitStreifenMitteStreifen1{width: 84%;}
.TextmitStreifenMitteStreifen2{width: 92.6%;}
@media screen and (max-width:1024px){
	.TextmitStreifenMitteStreifen{width:32.3%;}
	.TextmitStreifenMitteStreifen1{width:77.1%;}
	.TextmitStreifenMitteStreifen2{width:94%;}
	.TextmitStreifenMitteText{width:57%;}
}
@media screen and (max-width:600px){
	.TextmitStreifenMitteText{padding-left:15px;}
	.TextmitStreifenMitteStreifen{position:static;margin-top:40px;}
	.TextmitStreifenMitteStreifen1{width:55%;}
	.TextmitStreifenMitteStreifen2{width:73.5%;}
}
/* --- --- */
/* TextmitStreifenMitteRCSS  */
.TextmitStreifenMitteRechtsStreifen{top:51%;right:0;}
.TextmitStreifenMitteRechtsStreifen1{width: 84%;}
.TextmitStreifenMitteRechtsStreifen2{width: 92.6%;}
@media screen and (max-width:1024px){
	.TextmitStreifenMitteRechtsStreifen {width: 32.3%;}
	.TextmitStreifenMitteRechtsStreifen1 {width: 77.1%;}
	.TextmitStreifenMitteRechtsStreifen2 {width: 94%;}
}
@media screen and (max-width:600px){
	.TextmitStreifenMitteRechtsText{padding-right:68px;}
	.TextmitStreifenMitteRechtsStreifen{position:static;margin-top:40px;}
	.TextmitStreifenMitteRechtsStreifen1{width:55%;}
	.TextmitStreifenMitteRechtsStreifen2{width:73.5%;}
}
/* --- --- */
#sucheAjaxContainer {
	display: block;
	position: fixed;
	top: 0;
	margin: 0 auto;
	width: 100%;
	max-width: 1440px;
	height: 100%;
	pointer-events: none;
	z-index: 2;
}
#sucheAjaxContainer input:not(#chkSucheAjax){display:inline-block;}
#sucheAjaxContainer input[type="button"] {
  color: white;
  background-color: #527fa2;
  display: inline-block;
  border: none;
  text-align: center;
  padding: 11px 37px;
  transition: all .3s ease-in-out;
}
#chkSucheAjax, #mandSucheAjax {display: none;}
#lblSucheAjax {
	position: absolute;
	top: 31px;
	right: 68px;
	width: 40px;
	height: 60px;
	pointer-events: all;
	background-image: url("/bilder/menu_icon_suche.svg");
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 30px;
}
#lblSucheCloseArea {
	opacity: 0;
	pointer-events: none;
	cursor: unset;
	position: fixed;
	background-color: rgba(0, 0, 0, 0.2);
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	transition: 300ms;
}
#sucheAjax {
	max-width: 100%;
	max-height: calc(100% - 91px);
	padding: 20px;
	text-align: right;
	background-color: #fff;
	box-shadow: 0px 3px 3px 0px rgba(59, 48, 48, 0.24);
	position: absolute;
	top: 91px;
	right: 0;
	z-index: 100;
	opacity: 0;
	pointer-events: none;
	transition: opacity .3s;
	-o-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-webkit-transition: opacity .3s;
	overflow: auto;
}
#chkSucheAjax:checked ~ #sucheAjax, #lblSucheAjax:hover ~ #sucheAjax, #sucheAjax:hover, #chkSucheAjax:checked ~ #lblSucheCloseArea {
	opacity: 1;
	pointer-events: auto;
}
#chkSucheAjax:checked ~ #lblSucheAjax, #lblSucheAjax:hover {
	background-image: url("/bilder/menu_icon_suche_hover.svg");
}
#sucheAjaxTbBtn {
	max-width: 300px;
	display: inline-block;
}
#tbSucheAjax, #btnSucheAjax {vertical-align: top;}
#tbSucheAjax {
	width: calc(100% - 42px - 10px);
	padding: 10px;
	border: 1px solid #d3d3d3;
	font-family: inherit;
	font-size: inherit;
	transition: border-color .3s ease-in-out;
}
#sucheAjaxContainer #btnSucheAjax {
	height: 42px;
	width: 42px;
	padding: 0;
	margin-left: 10px;
	background-image: url("/bilder/menu_icon_suche.svg");
	background-repeat: no-repeat;
	background-position: center;
}
#ergebnisseSucheAjax {
	display: none;
	text-align: left;
	width: 500px;
	max-width: 100%;
}
#ergebnisseSucheAjax > article{
	padding: 20px 0;
	border-bottom: 1px solid #e6e7e8;
}
.ergebnisSucheAjaxHeadline {
	margin-top: 0;
	margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
	#lblSucheAjax {right: 118px;}
	#lblSucheAjax:hover ~ #sucheAjax, #sucheAjax:hover {
		opacity: 0;
		pointer-events: none;
	}
	#chkSucheAjax:checked ~ #sucheAjax {
		opacity: 1;
		pointer-events: auto;
	}
}
@media screen and (max-width: 600px) {
	#lblSucheAjax {
		height: 40px;
		right: 64px;
		top: 15px;
		width: 36px;
		background-size: 26px;
	}
	#sucheAjax {
		top: 55px;
		max-height: calc(100% - 55px);
	}
}
/* --- --- */
.BilderListeInBoximgbox{padding:24px;z-index:1;}
.BilderListeInBoximgboxBorder{padding:0 24px;}
.BilderListeInBoximgboximg{max-width:100%;max-height:130px;}
.BilderListeInBoximgboxpreheader{font-family:Montserrat Medium, sans-serif;}
.BilderListeInBoximgboximgBorders{height:168px;}
.BilderListeInBoximgboximgBorders:nth-child(8n){display:none;}
.BilderListeInBoximgboximgBorders:last-child{display:none;}
.BilderListeInBoximgboxStreifen{
	width:125.53%;
	bottom:-45px;
	right:-68px;
} 
	.BilderListeInBoximgboxContainer > h1.darkBlue.vm0,.BilderListeInBoximgboxContainer > span.preHeaderText.blue
	{padding-left:24px;}
@media screen and (max-width:1240px){.BilderListeInBoximgboximgBorders{height:137px;}}
@media screen and (max-width:1024px){
	.BilderListeInBoxContainer{padding-right:51px;}
	.BilderListeInBoximgboxContainer{width:82.636%;}
	.BilderListeInBoximgboxStreifen{
		right:-51px;
		width:111.9%;
	}
	.BilderListeInBoximgboximgBorders:nth-child(8n){display:inline-block;}
	.BilderListeInBoximgboximgBorders:nth-child(6n){display:none;}
	.BilderListeInBoximgboximgBorders{height:168px;}
	.BilderListeInBoximgboximgBorders{margin-top:17px;}
}
@media screen and (max-width:768px){
		.BilderListeInBoxContainer{padding-right:0;}
		.BilderListeInBoximgboxContainer{width:100%;}
		.BilderListeInBoximgboximgBorders{display:none !important;}
		.BilderListeInBoximgboximg{max-height:none;}
		.BilderListeInBoximgboxStreifen{
			width:87.47%;
			position:relative;
			height:63px;
			right:0;
			bottom:0;
		}
		.BilderListeInBoximgboxStreifen::before{width:26px;left:-26px;}
}
/* --- --- */
.buttonDownlaod{ border:2px solid #527fa2; padding-right:105px; position: relative }
	.buttonDownlaod::after{
		content:'';
		background-image:url('../upload/cms/de-de/pic_40305.png');
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		right:0;
		top:0;
		height: 100%;
		width:53px;
		background-color: #fff;
	}
/* --- --- */
.TextStreifenRechts3 {position: relative;}
.TextStreifenRechts3Headline {margin-top: 0px;}
.TextStreifenRechts3PreHeader {
	display: inline-block;
	margin-bottom: 8px;
	font-size: 20px;
	letter-spacing: -1px;
	color: #527fa2;
	font-family: Montserrat Medium, sans-serif;
}
.TextStreifenRechts3Text {
	width: 48%;
	display: inline-block;
	vertical-align: top;
}
.TextStreifenRechts3Streifen1 {
	height: 113px;
    background-color: #E6E7E8;
    position: absolute;
    right: 0;
	width: 33%;
	top: 280px;
}
.TextStreifenRechts3Streifen1::before {
    content: '';
    display: inline-block;
    position: absolute;
    border-left: 48px solid transparent;
    border-bottom: 113px solid #E6E7E8;
    left: -48px;
}
@media screen and (max-width: 1024px) {
    .TextStreifenRechts3Text {width: 60%;}
	.TextStreifenRechts3Streifen1 {width: 13%;}
}
@media screen and (max-width: 600px) {
    .TextStreifenRechts3Text {width: 100%;}
	.TextStreifenRechts3PreHeader {
		font-size: 16px;
		line-height: 100%;
		letter-spacing: 0;
	}
	.TextStreifenRechts3Streifen1 {
		height: 78px;
        position: relative;
        top: auto;
        float: right;
        margin-right: -20px;
	}
	.TextStreifenRechts3Streifen1 {
		margin-top: 30px;
	}
	.TextStreifenRechts3Streifen1::before {
		border-left: 32px solid transparent;
        border-bottom: 78px solid #E6E7E8;
        left: -32px;
	}
}
/* --- --- */