.leadingPageImage {
	width: 100%;
	min-height: 540px;
	display: block;
	padding-top: 64px;
	padding-bottom: 128px;
	background-color: #CBE8EC;
	background-size: cover;
	background-position: top right;
	background-repeat: no-repeat;
}

.fullScreenImage,
.sectionIntroImage {
	width: 100%;
	min-height: 340px;
	display: block;
	padding-top: 0px;
	padding-bottom: 128px;
	background-color: #CBE8EC;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	border-bottom: 16px solid #F45E5E;
	margin-top: 84px;
}

.sectionIntroImage {
	width: 100%;
	min-height: 240px;
	padding-bottom: 32px;
	padding-top: 256px;
}

#pageIntro .fullScreenImage {
  display: flex;
}

#pageIntro .fullScreenImage > .container,
#pageIntro .fullScreenImage > .container > .row,
#pageIntro .fullScreenImage > .container > .row > [class*="col-"]{
  height: 100%;
}

/* 3) Deine Box soll exakt so hoch sein wie fullScreenImage */
#pageIntro .leadImageTextBox{
  height: calc(100% + 72px);
}


.leadImageTextBox 		{ color: #FFFFFF !important; }
.leadImageTextBox * 	{ color: #FFFFFF; }
.leadImageTextBox p 	{ font-size: 125%; margin-top: 24px; width: 75%; }

.leadingImageBU { font-size: 10px; color: #2A8C98; width: 100%; text-align: right; padding-right: 6px; padding-top: 4px; opacity: 0.65; }

.imageRounded { border-radius: 50%; }


.sectionLead {
	padding: 16px 0px 0px 0px;
	margin-top: 32px;
	margin-bottom: 16px;
	border-top: 2px solid #F45E5E;
}


/* FAQ STYLES
========================================================== */

.faqitem {background-color:#FFF; padding: 8px;	}

.faqQuestion {
	padding-top: 12px;
	padding-left: 48px;
	background-image: url('../images/icon_chevron_right.png');
	background-position: 0px 8px ;
	background-repeat: no-repeat;
	padding-bottom: 4px;
	cursor: pointer;
	border-top: 0px solid #2A8C98;
}

.faqQuestion.open {
	background-image: url('../images/icon_chevron_down.png'); }

.faqAnswer {
	max-height: 0px;
	margin: 0px 0px 0px 50px;
	padding-bottom: 0px;
	transition: all 0.35s ease;
	overflow: hidden;

  }

.faqAnswer.open { 
	 margin: 12px 0px 0px 50px;
 	 transition: all 0.35s ease;
	 max-height: 800px;
	 padding-bottom: 56px;
 }
 
 
 
 
 /* DOWNLOAD & LINK STYLES
 ========================================================== */
 .downloadItem {
	 margin-top: 24px;
	 background-color: #CBE8EC;
	 padding: 6px 24px;
 }
 
 .downloadTitle {
	 margin-top: 24px;
	 padding-top: 2px;
	 padding-bottom: 6px;
	 padding-left: 44px;
	 background-image: url('../images/icon_chevron_down.png');
	 background-position: 0px 2px ;
	 background-repeat: no-repeat;
	 background-size: 28px;
 }
 
.linkTitle {
	 width: calc(100% - 44px); 
	 margin-top: 24px;
	 padding-top: 0px;
	 padding-bottom: 12px;
	 padding-left: 2px;
	 padding-right: 12px;
	 overflow: hidden;
	 white-space: nowrap; /* Don't forget this one */
	 text-overflow: ellipsis;
}

.linkTitle small {
	padding-left: 36px;
}
  
 
 
 /* MENU STYLES
 ========================================================== */

ul.sidePanelMenu {
	display: block;  width: 100%;	
	list-style: none;
	padding: 0px;
	margin: 24px;
	margin-top: 88px;
}

ul.sidePanelMenu li {
	display: block;  
	width: calc(100% - 48px);
	list-style: none;
	margin: 0px;
	padding: 24px 0px;
	font-size: 21px;
	color: #FFFFFF;
	border-top: 1px dashed #FFFFFF;
}
ul.sidePanelMenu li:first-child {
	border-top: none;
}
 
ul.sidePanelMenu li a,
ul.sidePanelMenu li a:link,
ul.sidePanelMenu li a:visited, 
ul.sidePanelMenu li a:hover {
	display: block;
	color: #FFFFFF;
} 



 /* TIME LINE STYLES
 ========================================================== */
	  
	  
 .timelineEntry {
	 background-image: url('../images/bg_line_down_white.png');
	 background-repeat: repeat-y;
	 background-position: 31px 0px;
	 padding-bottom: 32px;
 }
 
 .timelineEntryRtl {
	 background-image: url('../images/bg_line_down_white.png');
	 background-repeat: repeat-y;
	 background-position: right 30px top;
	 padding-bottom: 32px;
 }
 
 
 .timelineLine {
	 display: inline-block;
	 float: left;
	 width: 50px;
 }
 .timelineLineRtl {
	 display: inline-block;
	 float: right;
	 width: 50px;
 }
 
 .timelineText {
	 display: inline-block;
	 float: left;
	 margin-left: 24px;
	 width: calc(100% - 150px);
 }
 
 .timelineBullet {
	 width: 35px;
	 height: 35px;
	 display: table-cell;
	 border-radius: 50%;
	 background-color: #FFFFFF;
	 color: #F45E5E;
	 text-align: center;
	 vertical-align: middle;
 }
 
 
#textHolder {
	padding: 0px 32px;
}