/* *** GENERAL STYLES -START *** */

@font-face {
	font-family: 'Montserrat Light';
	src: url("./fonts/montserrat/Montserrat-Light.otf");
	font-style: normal;
	font-weight: 300;
	font-display: fallback;
}

@font-face { 
	font-family: 'Montserrat Regular'; 
	src: url("./fonts/montserrat/Montserrat-Regular.otf");
	font-style: normal;
	font-weight: 400;
	font-display: fallback;
}

@font-face {
	font-family: 'Montserrat Medium';
	src: url("./fonts/montserrat/Montserrat-Medium.otf");
	font-style: normal;
	font-weight: 500;
	font-display: fallback;
}

@font-face {
	font-family: 'Montserrat SemiBold';
	src: url("./fonts/montserrat/Montserrat-SemiBold.otf");
	font-style: normal;
	font-weight: 600;
	font-display: fallback;
}

@font-face {
	font-family: 'Montserrat Bold';
	src: url("./fonts/montserrat/Montserrat-Bold.otf");
	font-style: normal;
	font-weight: 700;
	font-display: fallback;
}





* { 
	box-sizing: border-box; 
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background-color: #F8F8F8;
	font-family: Montserrat Regular, sans-serif;
	line-height: 31px;
	font-size: 17px;
	color: #344756;
	hyphens: auto;
	-moz-hyphens: auto;
}

h1 {
	font-size: 45px; 
	margin-top: 25px; 
	margin-bottom: 25px; 
	letter-spacing: -1.5px;
}

h3 { font-size: 22px; }

a {
	color: #344756;
	text-decoration: none;
	border-bottom: 1px solid #344756;
	font-family: Montserrat SemiBold, sans-serif;
}

hr {
	height: 2px;
	border: none; 
	background-color: #344756; 
}

select {
	height: 36px;
	padding: 0 10px;
	border-radius: 0;
	border: 1px solid #E6E7E8;
	background-color: transparent;
	font-family: Montserrat Regular, sans-serif;
	font-size: 13px;
	color: #344756;
}

input[type='submit'] {
	font-family: Montserrat Medium, sans-serif; 
	cursor: pointer;
}

img { max-width: 100%; }



h1, h3 { line-height: 100%; }

h1, h2, 
h3, h4 { font-family: Montserrat SemiBold, sans-serif; }

b, 
strong {
	font-family: Montserrat SemiBold, sans-serif; 
	font-weight: normal;
}

textarea,
input[type='text'],
input[type='email'],
input[type='number'],
input[type='textbox'],
input[type='password'] {
	padding: 10px;
	border: 1px solid #d3d3d3;
	font-family: inherit;
	font-size: inherit;
	transition: border-color .3s ease-in-out;
	-o-transition: border-color .3s ease-in-out;
	-ms-transition: border-color .3s ease-in-out;
	-moz-transition: border-color .3s ease-in-out;
	-webkit-transition: border-color .3s ease-in-out;
}

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;
	-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;
}
input[type='button']:hover{ background-color:#344756; }

textarea:hover,
input[type='text']:hover,
input[type='email']:hover,
input[type='number']:hover,
input[type='textbox']:hover,
input[type='password']:hover { border-color: #344756; }

textarea:focus,
input[type='text']:focus,
input[type='email']:focus,
input[type='number']:focus,
input[type='textbox']:focus,
input[type='password']:focus {
	border-color: #344756; 
	outline: none;
}





.lm0 { margin-left: 0px; }
.rm0 { margin-right: 0px; }
.tm0 { margin-top: 0px; }
.bm0 { margin-bottom: 0px; }
.hm0 { margin-left: 0px; margin-right: 0px; }
.vm0 { margin-top: 0px; margin-bottom: 0px; }

.lp0,
.lp0-9,
.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,
.lp9-0 { padding-left: 17px; }
.rp9,
.rp9-0 { 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,
.lm18-9,
.lm18-18-0 { margin-left: 34px; }
.rm18,
.rm18-9,
.rm18-18-0 { margin-right: 34px; }
.tm18,
.tm18-9,
.tm18-18-0 { margin-top: 34px; }
.bm18,
.bm18-9,
.bm18-18-0 { margin-bottom: 34px; }
.hm18,
.hm18-9,
.hm18-18-0 { margin-left: 34px; margin-right: 34px; }
.vm18,
.vm18-9,
.vm18-18-0 { margin-top: 34px; margin-bottom: 34px; }

.lp18,
.lp18-9 { padding-left: 34px; }
.rp18,
.rp18-9 { padding-right: 34px; }
.tp18,
.tp18-9 { padding-top: 34px; }
.bp18,
.bp18-9 { padding-bottom: 34px; }
.hp18,
.hp18-9 { padding-left: 34px; padding-right: 34px; }
.vp18,
.vp18-9 { 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-18-9,
.lm36-36-18 { margin-left: 68px; }
.rm36,
.rm36-18-9,
.rm36-36-18 { margin-right: 68px; }
.tm36,
.tm36-18-9,
.tm36-36-18 { margin-top: 68px; }
.bm36,
.bm36-18-9,
.bm36-36-18 { margin-bottom: 68px; }
.hm36,
.hm36-18-9,
.hm36-36-18 { margin-left: 68px; margin-right: 68px; }
.vm36,
.vm36-18-9,
.vm36-36-18 { margin-top: 68px; margin-bottom: 68px; }

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

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

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





#main {
	max-width: 1440px;
	margin: 0px auto;
	background-color: #fff;
	overflow: hidden;
}

h1.large { font-size: 54px; }

.preHeaderText {
	display: inline-block; 
	margin-bottom: 8px; 
	font-family: Montserrat Medium, sans-serif; 
	font-size: 20px; 
	letter-spacing: -1px;
}

.buttonDarkBlue {
	color: #fff;
	border: none;
	background-color: #344756;
}

.buttonGreen {
	color: #fff;
	border: none;
	background-color: #d7df23;
}

.buttonWhite {
	color: #344756;
	border: 1px solid #fff;
	background-color: #fff;
}

.buttonWhiteWithBorder {
	color: #344756;
	border: 2px solid #344756;
	background-color: #fff;
}

.line_big { line-height: 42px; }

.small { font-size: 80%; }

.backWhite { background-color: #fff; }
.backGreen { background-color: #d7df23; }
.backGray { background-color: #e6e7e8; }
.backBlue { background-color: #527fa2; }
.backDarkBlue { background-color: #344756; }

.grayLine { border: 2px solid #e6e7e8; }
.leftGrayLine { border-left: 2px solid #e6e7e8; }
.rightGrayLine { border-right: 2px solid #e6e7e8; }
.topGrayLine { border-top: 2px solid #e6e7e8; }
.bottomGrayLine { border-bottom: 2px solid #e6e7e8; }

.blueLine { border: 2px solid #527fa2; }
.leftBlueLine { border-left: 2px solid #527fa2; }
.rightBlueLine { border-right: 2px solid #527fa2; }
.topBlueLine { border-top: 2px solid #527fa2; }
.bottomBlueLine { border-bottom: 2px solid #527fa2; }

.darkBlueLine { border: 2px solid #344756; }
.leftDarkBlueLine { border-left: 2px solid #344756; }
.rightDarkBlueLine { border-right: 2px solid #344756; }
.topDarkBlueLine { border-top: 2px solid #344756; }
.bottomDarkBlueLine { border-bottom: 2px solid #344756; }

.noLine{ border: none; }
.leftNoLine{ border-left: none; }
.rightNoLine{ border-right: none; }
.topNoLine{ border-top: none; }
.bottomNoLine{ border-bottom: none; }

.dib { display: inline-block; }
.block { display: block; }
.grid { display: grid; }
.flex { display: flex; }

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

.hr { text-align: right; }
.hl { text-align: left; }
.hc { text-align: center; }

.vt { vertical-align: top; }
.vb { vertical-align: bottom; }
.vm { vertical-align: middle; }

.floatLeft { float: left; }
.floatRight { float: right; }
.floatClear { float: none; }

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

.wide4 { width: 100%; }
.col23,
.col23-4 { width: 66.666%; }
.col15 { width: 20%; }
.col25 { width: 39.5%; }
.col35 { width: 59.5%; }
.col45 { width: 79.5%; }

section.bigIncludeTo { 
	width: 100%; 
	display: block;
}

ul.checkmark { list-style-type: none; }

.regular { font-family: Montserat Regular, sans-serif; }

.ha {
	hyphens: auto;
	-moz-hyphens: auto;
	word-break: break-word;
}



.buttonWhite,
.buttonGreen,
.buttonDarkBlue,
.buttonWhiteWithBorder {
	display: inline-block;
	text-align: center;
	padding: 11px 37px;
	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;
}

.white,
a.white,
.white a { color: #fff; }  

.green,
a.green,
.green a { color: #d7df23; }

.gray,
a.gray,
.gray a { color: #e6e7e8; }

.darkGray,
a.darkGray,
.darkGray a { color: #808080; }

.blue,
a.blue,
.blue a { color: #527fa2; }

.darkBlue,
a.darkBlue,
.darkBlue a { color: #344756; }

.none, 
.radioNone { display: none; }

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

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

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

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

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



.buttonDarkBlue:hover { background-color: #527fa2; }

.buttonWhite:hover, .buttonWhiteWithBorder:hover {
	background-color: #344756;
	color: #fff;
}


.pointer:hover { cursor: pointer; }



ul.checkmark > li::before { content: '\2714\0020'; }



@media screen and (max-width: 1440px) {
	.hide1440 { display: none; }
}


@media screen and (max-width: 1240px) {
	.hide1240 { display: none; }
	.col13-2-1 { width: 50%; } 
}


@media screen and (min-width: 1025px) {
	.show1024 { display: none; }
}


@media screen and (max-width: 1024px) {
	.hide1024 { display: none; }

	.col12-1-1 { width: 100%; }
	.col15 { width: 25% }
	.col45 { width: 75% }

	.lp9-0 { padding-left: 0px; }
	.rp9-0 { padding-right: 0px; }

	.lp0-9 { padding-left: 17px; }
	.bp0-9 { padding-bottom: 17px; }

	.lm18-9 { margin-left: 17px; }
	.rm18-9 { margin-right: 17px; }
	.tm18-9 { margin-top: 17px; }
	.bm18-9 { margin-bottom: 17px; }
	.hm18-9 { margin-left: 17px; margin-right: 17px; }
	.vm18-9 { margin-top: 17px; margin-bottom: 17px; }
	
	.lp36-18-9 { padding-left: 50px; }
	.rp36-18-9 { padding-right: 50px; }
	.tp36-18-9 { padding-top: 50px; }
	.bp36-18-9 { padding-bottom: 50px; }
	.hp36-18-9 { padding-left: 50px; padding-right: 50px; }
	.vp36-18-9 { padding-top: 50px; padding-bottom: 50px; }
	
	.tp54-36-36 { padding-top: 68px; }



	.col25, 
	.col35, 
	.col14-2-1 { width: 50%; }
}


@media screen and (min-width: 769px) {
	.show768 { display: none; }
}


@media screen and (max-width: 768px) {
	.hide768 { display: none; }

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

	

	.wide2, .wide3, .col12-2-1, 
	.col24, .col23, .col23-4, .col34, 
	.col12, .col13-2-1, .col14-2-1, .col34-4 { width: 100%; }

	.wide1, 
	.col14, .col13  { width: 50%; }
}


@media screen and (min-width: 601px) {
	.show600 { display: none; }
}


@media screen and (max-width: 600px) {
	h1 { 
		font-size: 42px; 
		margin-top: 15px; 
		margin-bottom: 15px;
	}

	h1.large { font-size: 46px; }

	.preHeaderText {
		font-size: 16px; 
		line-height: 100%; 
		letter-spacing: 0;
	}
	
	.hide600 { display: none; }
	
	.lp0-0-9 { padding-left: 20px; }
	.rp0-0-9 { padding-right: 20px; }
	.tp0-0-9 { padding-top: 20px; }
	.bp0-0-9 { padding-bottom: 20px; }
	.hp0-0-9 { padding-left: 20px; padding-right: 20px; }
	.vp0-0-9 { padding-top: 20px; padding-bottom: 20px; }

	.lp36-18-9 { padding-left: 20px; }
	.rp36-18-9 { padding-right: 20px; }
	.tp36-18-9 { padding-top: 20px; }
	.bp36-18-9 { padding-bottom: 20px; }
	.hp36-18-9 { padding-left: 20px; padding-right: 20px; }
	.vp36-18-9 { padding-top: 20px; padding-bottom: 20px; }
	
	.tp36-36-18 { padding-top: 30px; }
	
	.tm18-9 { margin-top: 20px; }



	.wide1, .col14, .col13, 
	.col15, .col25, .col35, .col45 { width: 100%; }
}


@media screen and (max-width: 360px) {
	.hide360 { display: none; }
	.show360 { display: inline-block; }
}

/* *** GENERAL STYLES - END *** */





/* *** MENU - START *** */

@media screen and (min-width: 1025px) {
	#jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 {
		display: flex;
		flex-wrap: wrap;
		min-width: 460px !important;
	}

	#jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 > li {
		width: 50%;
		display: inline-block;
	}
}

/* *** MENU - END *** */





/* *** BACK TO TOP - START *** */

#backtotopContainer {
	text-align: right;
	width: calc(100% - 54px);
}

#backtotop {
	display: none;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 37px solid rgba(82, 128, 166, 0.55);
	position: fixed;
	bottom: 14px;
	z-index: 900;
}

/* *** BACK TO TOP - END *** */





/* *** Social Media Icons - START *** */
.linkedInIcon, .xingIcon {
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	width: 40px;
}
.linkedInIcon {background-image: url("/bilder/icon-linkedin.png");}
.xingIcon {background-image: url("/bilder/icon-xing.png");}

/* *** Social Media Icons - END *** */





/* *** FOOTER - START *** */

#footer {
	display: grid;
	column-gap: 17px;
	grid-template-columns: calc(25% - 17px) calc(25% - 17px) calc(25% - 17px) calc(25% - 17px);
}

#footerLogo {
	width: 100%;
	height: 80px;
	max-width: 188px;
	background-image: url('../bilder/logo_white.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.footerIcon {
	width: 50px;
	height: 50px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

#iconFB { background-image: url('../bilder/facebook.svg'); }

#iconIN { background-image: url('../bilder/in.svg'); }



#footer .buttonGreen { border: 1px solid transparent; }



#footer .buttonGreen:hover {
	border-color: #fff;
	background-color: transparent;
}



@media screen and (max-width: 1024px) {
	#footer { grid-template-columns: calc(33.333% - 17px) calc(33.333% - 17px) calc(33.333% - 17px); }



	#footer > div:nth-of-type(3) {
		grid-row: 1;
		grid-column: 1;
	}
}


@media screen and (max-width: 650px) {
	#footer {
		row-gap: 68px;
		grid-template-columns: 100%;
	}
}

/* *** FOOTER - END *** */



/* Abstand nach Header */
.contentNachHeader {
    margin-top: 91px;
}

@media (max-width: 600px) {
    .contentNachHeader {
        margin-top: 55px;
    }
}

/*------------------------------------------------------------*/
/*-------------------- Barrierefreiheit ----------------------*/
/*------------------------------------------------------------*/

#accessability:checked ~ #main .headerIconsPic,
#accessability:checked ~ #main #lblSucheAjax {
	filter: invert() hue-rotate(180deg) grayscale(1);
}
#accessability:checked ~ #main #jubaconMenu li:hover::after,
#accessability:checked ~ #main #jubaconMenu li:hover::before,
#accessability:checked ~ #main #jubaconMenu li::after,
#accessability:checked ~ #main #jubaconMenu li::before  {
	background-image: none;
}