/* Banner */
#iconAnimation{display: block;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 auto;}
.bannerContainer{display:block;width:100%;height:600px;position:relative;}
.bannerContainerInner{display: block;width: 100%;max-width: 1400px;margin: 0 auto;position:relative;}
.bannerContainerContent{display:block;width:680px;height:600px;background-color: rgba(48, 48, 49, 0.6);padding-left: 26px;padding-right: 26px;position:relative;}
.bannerContainerContentInner{position: relative;top: 50%;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);margin: 0;padding:0px 70px 0px 70px;}
.bannerContainerContentText{font-family: "Roboto-Light", sans-serif;  font-size: 26px;  line-height: 37px;  font-weight: normal;color:#FFFFFF;}

.bannerContainerContentNameWrapper{display:block;width:100%;height:auto;margin-top:25px;margin-bottom:5px;}
.bannerContainerContentName{font-family: "Roboto-Bold", sans-serif;  font-size: 19px;  line-height: 27px;  font-weight: normal;color:#FFFFFF;}
.bannerContainerContentFunktion{font-family: "Roboto-Light", sans-serif;  font-size: 19px;  line-height: 27px;  font-weight: normal;color:#FFFFFF;}

.bannerContainerContentButton{display: inline-block;margin-top:20px;text-align: left;  background-color: #D60A29; border-radius: 4px;  padding: 24px 30px 18px 30px;font-family: "Roboto-Light", sans-serif;  font-size: 19px;  line-height: 24px;  font-weight: normal;color:#FFFFFF;cursor: pointer; }
.bannerContainerContentButton:visited{  color: #ffffff !important;}
.bannerContainerContentButton:hover{background-color: #ffffff;color: #3a4f5c;}

@media all and (max-width:768px) {
	.bannerContainer,.bannerContainerContent{height:500px;}
	.bannerContainerContent{width:100%}
	.bannerContainerContentInner{padding:0px 35px 0px 35px;}
	.bannerContainerContentText{font-size: 22px;  line-height: 27px;}
}


/* Blocks */
.expertiseBlockWrapper{display:block;width:100%;height:auto;background-color: #FAFAFA;padding-top:130px;}

.expertiseBlockTable{display: -webkit-box;  display: -moz-box;  display: box;  display: -webkit-flex;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  margin: 0 auto;  margin-right: auto;  margin-left: auto;	height: auto;min-height:546px;}
.expertiseBlockCell{display: block;  -webkit-flex-basis: 50%;  -moz-flex-basis: 50%;  flex-basis: 50%;  -ms-flex-preferred-size: 50%;  height: auto;	position:relative;}


.expertiseBlockCellInner{position: relative;top: 50%;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);margin: 0;padding:0px 125px 0px 125px;}

.expertiseBlockNarrowLeft{max-width:605px;float:right;padding:0px 125px 0px 0px;}
.expertiseBlockNarrowRight{max-width:605px;float:left;padding:0px 0px 0px 125px;}

.expertiseBlockTitle{display: inline-block;position: relative;font-family: 'RobotoCondensed-Light', sans-serif;font-size: 40px;line-height: 45px;font-weight: normal;color: #3A4F5C;margin-bottom: 30px;left: 50%;transform: translateX(-50%);text-align: center;}
.expertiseBlockTitle::before {content: "";position: absolute;width: auto;height: 2px;bottom: -10px;left: 0;right: 0;margin: 0 auto;background-color: #C60C30;}
.expertiseBlockText{display:block;font-family: "Roboto-Light", sans-serif;  font-size: 19px;  line-height: 27px;  font-weight: normal;color: #283A44;}

.expertiseBlockButton{display: inline-block;margin-top:30px;text-align: center;  background-color: #3A4F5C; border-radius: 4px;  padding: 34px 50px 28px 50px;font-family: "Roboto-Light", sans-serif;  font-size: 19px;  line-height: 24px;  font-weight: normal;color:#FFFFFF;cursor: pointer; position: relative;left: 50%;transform: translateX(-50%);}
.expertiseBlockButton:visited{  color: #ffffff !important;}
.expertiseBlockButton:hover{background-color: #ffffff;color: #3a4f5c;}

@media all and (max-width:1245px) {
	.expertiseBlockNarrowLeft{float:none;padding-left:26px;}
	.expertiseBlockNarrowRight{float:none;padding-right:26px;}
}
@media all and (max-width:768px) {
	.expertiseBlockWrapper{padding-top:100px;}
	.expertiseBlockTable{flex-direction: column;}
	.expertiseBlockCell{  -webkit-flex-basis: 100%;  -moz-flex-basis: 100%;  flex-basis: 100%;  -ms-flex-preferred-size: 100%;min-height:300px;}
	
	.expertiseBlockOrder1{order: 1;}
	.expertiseBlockOrder2{order: 2;}
	.expertiseBlockNarrowLeft{padding:0;max-width:none;}
	.expertiseBlockNarrowRight{padding:0;max-width:none;}
	.expertiseBlockCellInner{-ms-transform: none;-webkit-transform: none;transform: none;margin-top:30px;padding: 0px 26px 0px 26px;}
}