/* css zu Kontaktformular */

/* 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;}
/* --- --- */
/* Banner_unter_Menue  */
#bannerUnterMenue {
	height: 446px;
	margin-top: 91px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
#bannerUnterMenueStripes {
	height: 50px;
	width: 53.5%;
	background-color: #fff;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#bannerUnterMenue > #bannerUnterMenueText,
#bannerUnterMenue > #bannerUnterMenueTextCoverStripe {
	padding-top: 35px;
	padding-bottom: 35px;
	padding-right: 42px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(52, 71, 86, 0.81);
}

#bannerUnterMenue > #bannerUnterMenueTextCoverStripe { background-color: rgba(82, 128, 166, 0.81); }
#bannerUnterMenueText h1,
#bannerUnterMenueTextCoverStripe h1 {
	font-size: 54px;
	margin-top: 0;
	margin-bottom: 0;
}
#bannerUnterMenue > #bannerUnterMenueText > .bannerUnterMenueTextSmall,
#bannerUnterMenue > #bannerUnterMenueTextCoverStripe > .bannerUnterMenueTextSmall {
	font-size: 29px;
	letter-spacing: -1px;
}
#bannerUnterMenueText h1,
#bannerUnterMenueTextCoverStripe h1,
#bannerUnterMenue > #bannerUnterMenueText > .bannerUnterMenueTextSmall,
#bannerUnterMenue > #bannerUnterMenueTextCoverStripe > .bannerUnterMenueTextSmall {
	color: white;
	font-family: Montserrat Medium, sans-serif;
}
#bannerUnterMenueStripes::before {
	content: '';
	display: inline-block;
	border-left: 30px solid transparent;
	border-bottom: 50px solid #fff;
	position: absolute;
	left: -30px;
	top: 0;
}
#bannerUnterMenue > #bannerUnterMenueText::after,
#bannerUnterMenue > #bannerUnterMenueTextCoverStripe::after {
	content: '';
	display: inline-block;
	border-right: 70px solid transparent;
	border-bottom: 160px solid rgba(52, 71, 86, 0.81);
	position: absolute;
	right: -70px;
	top: 0px;
}

#bannerUnterMenue > #bannerUnterMenueTextCoverStripe::after { border-bottom-color: rgba(82, 128, 166, 0.81); }


@media screen and (max-width: 1112px) {
	#bannerUnterMenueTextCoverStripe h1 { font-size: 40px; }
}


@media screen and (max-width: 1024px) {
	#bannerUnterMenue { height: 328px; }
}
@media screen and (max-width: 600px) {
	#bannerUnterMenue { margin-top: 55px; }
	#bannerUnterMenueText h1 { font-size: 24px; }
	#bannerUnterMenue > #bannerUnterMenueText > .bannerUnterMenueTextSmall,
	#bannerUnterMenue > #bannerUnterMenueTextCoverStripe > .bannerUnterMenueTextSmall {
		font-size: 14px; 
		line-height: 100%;
	}
	#bannerUnterMenue > #bannerUnterMenueText,
	#bannerUnterMenue > #bannerUnterMenueTextCoverStripe {
		padding-top: 10px; 
		padding-bottom: 17px;
	}
}
/* --- --- */
/* 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;}
/* --- --- */
/* Kontakt_formularCSS  */
.kontakt_stripe{left:0;bottom:0;}
.kontakt_box{z-index:1;}
.kontakt_captcha aside, .kontakt_captcha input{display: inline-block;vertical-align: middle;}
.kontakt_captcha aside{width:25%;}
.kontakt_captcha input{width:75%;}
.kontakt_box textarea{max-width:100%;}
@media screen and (max-width:1440px){
	.kontakt_chk_container{width:50%;}
	.kontakt_rp01440{padding-right:0;}
}
@media screen and (max-width:1024px){
	.kontakt_captcha aside, .kontakt_captcha input{width:100%;}
	.kontakt_stripe{width:82%;}
}
@media screen and (max-width:768px){
	.kontakt_box{margin:0;}
	.kontakt_stripe{position:relative;height: 47px;}
	.kontakt_stripe::after{right:-24px;width:24px;}
}
@media screen and (max-width:360px){
	.kontakt_box{padding-left:10px;padding-right:10px;}
}
/* --- --- */
/* linkedinBeitraegeCSS  */
.linkedin_morebtn {
	cursor: pointer;
	user-select: none;
}
.linkedInNavPageselect a {
	border-bottom: none;
	margin-left: 5px;
	margin-right: 5px;
}
.linkedInNavPageselect a:first-of-type {
	margin-right: 7px;
	font-size: 22px;
}
.linkedInNavPageselect a:last-of-type {
	margin-left: 7px;
	font-size: 22px;
}
.linkedInNavPageselect b {
	border-bottom: none;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 22px;
}
#linkedin-autoren_container {
	width: 20%;
	position: relative;
	padding: 15px 15px 15px 15px;
	hyphens: none;
	border: 1px solid #e0dfdc;
	border-radius: 25px;
	max-height: 550px;
	margin-left: 5%;
	float: left;
	margin-top: 65px;
	overflow: hidden;
}
#linkedin-a-otto-wrapper {
	width: 180px;
	height: 180px;
	border-radius: 90px;
	overflow: hidden;
	z-index: 1;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	top: 10px;
}
#linkedin-a-otto {
	transform: scale(1.3) translateY(15px);
}
#linkedin-a-titel {
	text-align: center;
	width: 100%;
	top: 20px;
	position: relative;
	font-size: 20px;
}
#linkedin-a-name {
	text-align: center;
	width: 100%;
	top: 15px;
	position: relative;
	font-size: 34px;
}
#linkedin-a-ceo {
	text-align: center;
	width: 100%;
	display: block;
	position: relative;
	top: 20px;
	line-height: 24px;
	font-size: 19px;
}
#linkedin-autoren_container button {
	background-color: #527fa2;
	margin-top: 32px;
	height: 48px;
	left: 50%;
	transform: translateX(-50%);
	position: relative;
	font-size: 18px;
	border: 1px solid transparent;
	cursor: pointer;
}
#linkedin-autoren_container button:hover {
	background-color: #fff;
	border: 1px solid #527fa2;
	color: #527fa2;
}
#linkedin-a-banner {
	transform: scale(1.3) translateY(15px);
	object-fit: cover;
	height: 120px;
	position: absolute;
	left: 0;
	top: -2px;
}
#linkedin-posts-wrapper {
	width: 65%;
	float: left;
	position: relative;
	margin-left: 5%;
}
.linkedin-container {
	width: 100%;
	position: relative;
	padding: 15px 15px 15px 15px;
	border: 1px solid #e0dfdc;
	border-radius: 25px;
	margin: 45px 0px 5px 0px;
	min-height: 265px;
	overflow: hidden;
}
.linkedin-container:first-of-type {
	margin-top: 65px;
}
.linkedin-left-container {
	width: 61.4%;
	position: relative;
	min-height: 265px;
	display: inline-block;
	margin-right: -15px;
}
.linkedin-datum {
	color: #527fa2;
	font-family: Montserrat Medium, sans-serif;
	font-size: 18px;
	letter-spacing: -1px;
	display: inline-block;
	margin-bottom: 8px;
}
.linkedin-titel {
	margin: 0;
	margin-bottom: 10px;
}
.linkedin-langtext {
	font-size: 17px;
	line-height: 22px;
	min-height: 90px;
	padding-right: 10px;
	padding-bottom: 45px;
}
.linkedin-img {
	width: 40%;
	position: relative;
	float: right;
	min-height: 400px;
	overflow: hidden;
	margin: -15px;
	margin-left: -15px;
	margin-left: 0;
	display: flex;
	justify-content: center;
	padding-bottom: 51px;
}
.linkedin-img a {
	min-height: 350px;
	display: flex;
	border-bottom: none;
	font-family: Montserrat Regular, sans-serif;
	font-size: 12px;
	line-height: 23px;
}
.linkedin-img img {
	max-width: 100%;
	position: relative;
	object-fit: cover;
}
.linkedin-reaktionen > a {
	border-bottom: none;
	font-family: Montserrat Regular, sans-serif;
	color: #a3a3a3;
}
.linkedin-reaktionen {
	cursor: pointer;
	margin: -15px;
	position: absolute;
	width: 102.6%;
	left: 14px;
	bottom: 15px;
	margin-right: 0;
	margin-top: 0;
	border-top: 1px solid #e0dfdc;
	width: 61.4%;
}
.linkedin-reaktionen div {
	width: calc(100% / 3);
	display: inline-block;
	text-align: center;
	font-size: 14px;
	height: 50px;
	line-height: 50px;
	border-right: 1px solid #e0dfdc;
}
.linkedin-reaktionen div:last-child {
	border-right: 0;
}
.linkedin-reaktionen > a > div > img {
	height: 25px;
	margin-right: 10px;
	top: 5px;
	position: relative;
}
.linkedin-reaktionen div:hover {
	background-color: #ebebeb;
}
.linkedin-aktionen > a {
	border-bottom: none;
	font-family: Montserrat Regular, sans-serif;
	color: #fff;
}
.linkedin-aktionen {
	cursor: pointer;
	margin: -15px;
	position: absolute;
	width: 102.6%;
	right: 14px;
	bottom: 15px;
	margin-top: 0;
	border-top: 1px solid #e0dfdc;
	width: 38.9%;
	background-color: #527fa2;
	z-index: 1;
}
.linkedin-aktionen div {
	width: calc(100% / 2);
	display: inline-block;
	text-align: center;
	font-size: 14px;
	height: 50px;
	line-height: 50px;
	border-left: 1px solid #e0dfdc;
}
.linkedin-aktionen div:hover {
	background-color: #344756;
	color: #fff;
}


@media screen and (max-width: 1260px) {
	#linkedin-a-titel {
		font-size: 16px;
	}
	#linkedin-a-name {
		font-size: 24px;
	}
	#linkedin-a-ceo {
		font-size: 16px;
	}
	#linkedin-autoren_container button {
		font-size: 14px;
		width: 100%;
	}
}

@media screen and (max-width: 1024px) {
	#linkedin-autoren_container {
		float: none;
		width: unset;
		margin-right: 5%;
		
	}
	#linkedin-a-banner {
		width: 100%;
	}
	#linkedin-posts-wrapper {
		width: unset;
		margin-right: 5%;
	}
}
@media screen and (max-width: 768px) {
	.post_aufklappen {
		display: none !important;
	}
	.linkedin-langtext {
		font-size: 14px;
		line-height: 20px;
	}
	.linkedin-container {
		min-height: 350px;
	}
	.linkedin-img {
		min-height: 250px !important;
		height: 250px !important;
		float: unset !important;
		width: calc(100% + 30px) !important;
		margin: -15px !important;
		margin-bottom: 36px !important;
		overflow: visible;
	}
	.linkedin-img a {
		min-height: 250px !important;
		width: 100%;
	}
	.linkedin-img img {
		height: 250px !important;
		max-width: 100%;
		width: 100%;
	}
	.linkedin-reaktionen div {
		font-size: 12px;
	}
	.linkedin-reaktionen > a > div > img {
		height: 20px;
	}
	.linkedin-beitrag-ansehen {
		display: none !important;
	}
	.linkedin-aktionen div {
		width: 100%;
		font-size: 12px;
	}
	.linkedin-aktionen {
		display: unset !important;
	}
	.linkedin-left-container {
		width: 100% !important;
	}
}
@media screen and (max-width: 610px) {
	.linkedin-reaktionen div {
		font-size: 0;
	}
	.linkedin-reaktionen > a > div > img {
		margin-right: 0;
		top: 9px;
	}
}
@media screen and (max-width: 380px) {
	.linkedin-aktionen div {
		font-size: 10px;
	}
}
/*-- Suche --*/
.sucheLinkedInContainer{
  float:right;
  width:65%;
  padding-right: calc(100% - 5% - 20% - 5% - 65%);
  margin-top:65px  
}
.sucheLinkedInContainer > .searchButtonLinkedin{
  font-size:inherit;
  font-family: inherit;
  cursor: pointer;
}
@media screen and (max-width:1024px){
  .sucheLinkedInContainer{
    float:none;
    width: 100%;
    padding-left: calc(100% - 5% - 20% - 5% - 65%);
  }
  #linkedin-autoren_container{margin-top:0;}
}
@media screen and (max-width:600px){
  .sucheLinkedInContainer > input{width: 100%;}
  .sucheLinkedInContainer > .searchButtonLinkedin{margin-top:10px;}
}
/* --- --- */
/* MenueCSS  */
#jubaconMenu{max-width:1440px;background-color:#fff;}
#menu_eb_1, #jubaconMenu{position:fixed;z-index:1000;}
#jubaconMenu, li.menuItem_eb_1{height:101px;}
#jubaconMenu, li.menuItem_eb_2 > a{width:100%;}
#menu_eb_1, #menu_eb_2{list-style: none;padding:0;}
#menu_eb_1, li.menuItem_eb_1{overflow:visible;}
li.menuItem_eb_1, li.menuItem_eb_1 > a,
#menu_eb_2{position:relative;}
#menu_eb_1{
	margin:0;
	float:right;
	width:1214px;
}
#menu_eb_1, li.menuItem_eb_1::after{top:0;}
li.menuItem_eb_1, #menu_eb_2, li.menuItem_eb_1 > a,
li.menuItem_eb_1::before, li.menuItem_eb_1::after,
li.menuItem_eb_2, #menu_eb_1, #lbl_closeMenu,
#lbl_openMenu{transition:300ms ease-in-out;}
li.menuItem_eb_1{
	width:16.667%;
	text-align:center;
	float:left;
}
li.menuItem_eb_1:last-of-type::after, header input[type=radio]{display:none;}
li.menuItem_eb_1:last-of-type > a{
	padding:4px;
	margin:29px 0;
	border:2px solid white;
}
li.menuItem_eb_1:first-of-type::before{border-bottom-color:#fff;}
li.menuItem_eb_1::before,li.menuItem_eb_1::after{content:'';position:absolute; z-index:1;}
li.menuItem_eb_1::before{
	left:-22px;
	bottom:0;
	border-bottom:101px solid transparent;
	border-right:44px solid #fff;
}
li.menuItem_eb_1::after{
	right:-22px;
	border-top:101px solid transparent;
	border-left:44px solid #fff;
}
li.menuItem_eb_1 > a, #jubaconMenuLogo,
li.menuItem_eb_2 > a{border-bottom:none;}
li.menuItem_eb_1 > a, #jubaconMenuLogo, 
#menu_eb_1, li.menuItem_eb_2 > a{display:inline-block;}
li.menuItem_eb_1 > a{padding: 35px 0; z-index:2;}
#jubaconMenuLogo{
	width:15%;
	height:64px;
	background-image: url("/bilder/logo.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-top:20px;
	vertical-align:top;
	margin-left:10px;
}
#menu_eb_2{opacity: 0;pointer-events:none;left:22px;}
li.menuItem_eb_2 > a{
	height:100%;
	padding:10px 5px;
	color:#fff;
}
li.menuItem_eb_1:nth-of-type(1n + 3)::before{border-right-color:#344756;}
li.menuItem_eb_1:nth-of-type(1n + 3)::after{border-left-color:#344756;}
li.menuItem_eb_1:nth-of-type(1n + 3){background-color:#344756;}
li.menuItem_eb_1:nth-of-type(1n + 3) > a {color:white;}
li.menuItem_eb_2:hover{background-color:#344756;}
/*1440*/
@media screen and (max-width:1440px){#menu_eb_1{right:0; width:82.5%;}}
@media screen and (min-width:1025px){
	li.menuItem_eb_1:hover::after{border-left-color:#527fa2;}
	li.menuItem_eb_1:hover::before{border-right-color:#527fa2;}
	li.menuItem_eb_1:hover{background-color:#527fa2;}
	li.menuItem_eb_1:hover > a{color:#fff;}
	li.menuItem_eb_1:hover > ul#menu_eb_2{opacity:1; pointer-events:all; background-color:#527fa2;}

	li.menuItem_eb_1:last-of-type:hover::before{border-right-color:#344756;}
	li.menuItem_eb_1:last-of-type:hover{background-color:#344756;}
	li.menuItem_eb_1:last-of-type > a:hover{background-color:#527fa2;}
}

/*1240*/
@media screen and (max-width:1240px){
	li.menuItem_eb_1:last-of-type{display:none;}
	li.menuItem_eb_1:nth-last-of-type(2)::after{display:none;}
	li.menuItem_eb_1:nth-last-of-type(2) > #menu_eb_2{width:89.19%;}
	li.menuItem_eb_1{width:20%;}
}

/*1024*/
@media screen and (max-width:1024px){
	#jubaconMenu{background-color:transparent;}
	li.menuItem_eb_1{
		display:block;
		height:auto;
		text-align:left;
		padding-left:21px;
	}
	li.menuItem_eb_1, #menu_eb_1,
	#lbl_closeMenu, #PrimaryStripe
	{background-color:#344756;}
	li.menuItem_eb_1, #lbl_openMenu > span,
	#lbl_openMenu::before, #lbl_openMenu::after,
	#lbl_closeMenu::before, #lbl_closeMenu::after,
	li.menuItem_eb_1 > label{width:100%;}
	li.menuItem_eb_2{height:auto;}
	li.menuItem_eb_2 > a{
		padding:2px 0 2px 21px;
		line-height:20px;
		font-family:Montserrat Regular, sans-serif
	}
	li.menuItem_eb_1:last-of-type,
	li.menuItem_eb_1::after, li.menuItem_eb_1::before
	{display:none;}
	li.menuItem_eb_1 > a{padding: 0 !important;color:#fff;}
	#menu_eb_1{
		overflow:auto;
		right:0;
		width:267px;
		padding-top:48px;
		height:100%;
		margin-right:-300px;
		box-shadow:-1px 0px 10px 4px black;
	}
	#PrimaryStripe{width:65%;right:0;}
	#PrimaryStripe,	#lbl_openMenu::before,
	#ClearStripe, li.menuItem_eb_1 > label{top:0;}
	#PrimaryStripe, #ClearStripe{height:101px;}
	#Mobil_MenuStripes{z-index:999;position: relative;}
	#PrimaryStripe,#lbl_closeMenu,
	#lbl_openMenu,#ClearStripe
	{position:fixed;}
	#PrimaryStripe::before{
		bottom:0;
		left:-43px;
		border-left:43px solid transparent;
		border-top:101px solid #344756;
	}
	#PrimaryStripe::before, #lbl_closeMenu::before,
	#lbl_closeMenu::after, #lbl_openMenu > span,
	#lbl_openMenu::before, #lbl_openMenu::after{position:absolute; content:'';}
	#ClearStripe{
		width:35%;
		background-color:#fff;
	}
	#ClearStripe, #menu_eb_2{left:0;}
	#menu_eb_2{
		opacity:1;
		height:auto;
		max-height:0;
		overflow:hidden;
		pointer-events:all;
	}
	#lbl_openMenu, #lbl_closeMenu{
		right:42px;
		top:37px;
		height:27px;
		width:35px;
		z-index:1001;
	}
	#lbl_openMenu > span,#lbl_openMenu::before,
	#lbl_openMenu::after, #lbl_closeMenu::before,
	#lbl_closeMenu::after{
		height:3px;
		border-radius:1px;
		background-color:#fff;
	}
	#lbl_openMenu > span{bottom:calc(50% - (3px / 2));}
	#lbl_openMenu::after{bottom:0;}
	#lbl_closeMenu{margin-right:-300px;}
	#lbl_closeMenu::before, #lbl_closeMenu::after, #lbl_openMenu > span{top:calc(50% - (3px / 2));}
	#lbl_closeMenu::after{transform:rotateZ(45deg);}
	#lbl_closeMenu::before{transform:rotateZ(-45deg);}
	li.menuItem_eb_1 > label{
		height:31px;
		z-index:2;
		display:inline-block;
		position:absolute;
	}
	#lbl_openMenu, #lbl_closeMenu ,li.menuItem_eb_1 > label{cursor:pointer;}
	#rad2_menuOpen:checked ~ #lbl_openMenu{pointer-events:none;z-index:100;}
	#rad2_menuOpen:checked ~ #jubaconMenu > #menu_eb_1,
	#rad2_menuOpen:checked ~ #jubaconMenu > #lbl_closeMenu{margin-right:0;}
	li.menuItem_eb_1 > input[type=radio]:checked ~ #menu_eb_2{max-height:1000px;}
	li.menuItem_eb_1 > input[type=radio]:checked ~ a{border-bottom:2px solid #fff;}
}
@media screen and (max-width:768px){
	#PrimaryStripe{width:50%;}
	#ClearStripe{width:50%;}
	#jubaconMenuLogo{width:25%;}
}
@media screen and (max-width:360px){
	#jubaconMenuLogo{width:35%;height:57px;margin-top:25px;}
}
/* --- --- */
/* 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%;}
}
/* --- --- */