/* 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.35);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 10px 0px 50px;}
.bannerContainerContentTitle{display:block;width:100%;height:auto;font-family: "RobotoCondensed-Light", sans-serif;  font-size: 55px;  line-height: 65px;  font-weight: normal;color:#FFFFFF;}
.bannerContainerContentText{display:block;width:100%;height:auto;font-family: "Roboto-Light", sans-serif;  font-size: 26px;  line-height: 37px;  font-weight: normal;color:#FFFFFF;margin-top:20px;}

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

.bannerContainerContentButton{display: inline-block;margin-top:30px;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;}
	.bannerContainerContentTitle{/*word-break: break-word;hyphens: auto;*/font-size: 30px;  line-height: 36px;}
  
	.bannerContainerContentText{font-size: 18px;line-height: 22px;}
}


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

.branchennewBlockTable{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;}
.branchennewBlockCell{display: block;  -webkit-flex-basis: 50%;  -moz-flex-basis: 50%;  flex-basis: 50%;  -ms-flex-preferred-size: 50%;  height: auto;	position:relative;}


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

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

.branchennewBlockTitle{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;}
.branchennewBlockTitle::before {content: "";position: absolute;width: auto;height: 2px;bottom: -10px;left: 0;right: 0;margin: 0 auto;background-color: #C60C30;}
.branchennewBlockText{display:block;font-family: "Roboto-Light", sans-serif;  font-size: 19px;  line-height: 27px;  font-weight: normal;color: #283A44;}

.branchennewBlockText ul {display: table;margin-top: -15px;}
.branchennewBlockText ul li {display: table-row;font-family: "Roboto-Light", sans-serif;font-size: 19px;line-height: 28px;}
.branchennewBlockText ul li::before{display: table-cell;width: 15px;content: "• ";font-size: 19px;line-height: 28px;background-image:none;top: 0px;}

.branchennewBlockText ol {display: table;margin-top: -15px;counter-reset: item;padding: 0;}
.branchennewBlockText li {display: table-row;font-family: "Roboto-Light", sans-serif;font-size: 19px;line-height: 28px;counter-increment: item;}
.branchennewBlockText li:before {display: table-cell;width: 15px;content: counter(item)".";font-size: 19px;line-height: 28px;background-image:none;top: 0px;padding-right: 5px;}


.branchennewBlockButton{display: inline-block;margin-top:60px;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%);}
.branchennewBlockButton:visited{  color: #ffffff !important;}
.branchennewBlockButton:hover{background-color: #FAFAFA;color: #3a4f5c;}

@media all and (max-width:1245px) {
	.branchennewBlockNarrowLeft{float:none;padding-left:26px;}
	.branchennewBlockNarrowRight{float:none;padding-right:26px;}
}
@media all and (max-width:768px) {
	.branchennewBlockWrapper{padding-top:100px;}
	.branchennewBlockTable{flex-direction: column;}
	.branchennewBlockCell{  -webkit-flex-basis: 100%;  -moz-flex-basis: 100%;  flex-basis: 100%;  -ms-flex-preferred-size: 100%;min-height:300px;}
	
	.branchennewBlockOrder1{order: 1;}
	.branchennewBlockOrder2{order: 2;}
	.branchennewBlockNarrowLeft{padding:0;max-width:none;}
	.branchennewBlockNarrowRight{padding:0;max-width:none;}
	.branchennewBlockCellInner{-ms-transform: none;-webkit-transform: none;transform: none;margin-top:30px;padding: 0px 26px 0px 26px;}
	.branchennewBlockText ul li,.branchennewBlockText ul li::before{font-size: 13px;line-height: 20px;}
}
/* Kontakt */
.branchennewKontaktWrapper{display:block;width:100%;height:auto;background-color: #142835;padding-top:130px;padding-bottom:100px;}
.branchennewKontaktTable{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;max-width:1262px;padding-left: 26px;
  padding-right: 26px;}
.branchennewKontaktCell{display: block;  -webkit-flex-basis: 50%;  -moz-flex-basis: 50%;  flex-basis: 50%;  -ms-flex-preferred-size: 50%;  height: auto;	position:relative;}

.branchennewKontaktTitle{display: inline-block;position: relative;font-family: 'RobotoCondensed-Light', sans-serif;font-size: 40px;line-height: 45px;font-weight: normal;color: white;margin-bottom: 30px;text-align: left;}
.branchennewKontaktTitle::before {content: "";position: absolute;width: auto;height: 2px;bottom: -10px;left: 0;right: 0;margin: 0 auto;background-color: #C60C30;}
.branchennewKontaktText{display:block;font-family: "Roboto-Light", sans-serif;  font-size: 19px;  line-height: 27px;  font-weight: normal;color: white;padding-right:100px;}
.contactsFlexTable{min-width: auto;margin-top: 100px;}
.contactsFlexCell {display: block;-webkit-flex-basis: 50%;-moz-flex-basis: 50%;flex-basis: 50%;-ms-flex-preferred-size: 50%;height: auto;}
.contactsFlexCell:first-of-type{padding-right: 60px !important;}
.contactsBig,.contactsSmall{color:white;}
.contactMailBtn {display: inline-block;width: 35px;height: 35px;background-image: url(img/email_g.svg);background-repeat: no-repeat;background-size: 18.42px 14px;background-position: center;border: 1px solid #FFFFFF;border-radius: 50%;cursor: pointer;margin-top:5px;}
.contactMailBtn:hover {background-image: url(img/email.svg);border: 1px solid #FFFFFF;margin-top:5px;}

@media all and (max-width:768px) {
	.branchennewKontaktWrapper{padding-top:100px;}
	.branchennewKontaktTable{flex-direction: column;}
	.branchennewKontaktCell{  -webkit-flex-basis: 100%;  -moz-flex-basis: 100%;  flex-basis: 100%;  -ms-flex-preferred-size: 100%;min-height:300px;}
	.branchennewKontaktText{padding-right:0px;}
	.contactsFlexCell:first-of-type{padding-right: 0px !important;}
}

/* Blog */
.branchennewBlogWrapper{display:block;width:100%;height:auto;background-color: white;padding-top:50px;padding-bottom:0px;}
.branchennewBlogInnerWrapper{display:block;width:100%;height:auto;background-color: white;padding-top:100px;padding-bottom:1px;max-width: 1262px;padding-left: 26px;padding-right: 26px;margin: 0 auto;position: relative;}

.blogTagBtn{display:inline-block;background:#EBE8E6;height:32px;border-radius:32px;font-family: "Roboto-Medium", sans-serif;font-size: 12.6px;line-height: 14.4px;font-weight: normal;color: #3A4F5C;margin-right:14px;margin-top:14px;padding:9px 12px 10px 12px;cursor:pointer;}
.blogTagBtn:hover{background-color: #68A8EE;color: #ffffff;}
.blogTagBtnSelected{background-color: #68A8EE;color: #ffffff;}

.blogPostContainer{display:block;width:100%;height:auto;border-top:2px solid #EAE7E5;padding-bottom:70px;border-bottom: 2px solid #EAE7E5;padding-top: 60px;margin-bottom:50px;}

.blogPostTable {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;}
.blogPostCell {display: block;height: auto;}
.blogPostCell:first-of-type{max-width:30%;width:356px;padding-right:70px;}
.blogPostCell:nth-of-type(2){max-width:40%;width:500px;}
.blogPostCell:nth-of-type(3){max-width:30%;width:354px;padding-left:70px;}

.blogPostCellHighlight:first-of-type{max-width:35%;width:364px;padding-right:35px;}
.blogPostCellHighlight:nth-of-type(2){max-width:100%;width:846px;padding-left:146px;}

.blogPostTitle{display:block;width:100%;height:auto;border-bottom:1px solid #C60C30;font-family: "RobotoCondensed-Light", sans-serif;font-size: 45px;line-height: 55px;font-weight: normal;color: #3A4F5C;padding-bottom:18.5px;}
.blogPostTitleImg{display:none;}
.blogPostHighlightImg{display:none;}

.blogPostDate{display:block;width:100%;height:auto;font-family: "Roboto-Regular", sans-serif;font-size: 12px;line-height: 24px;font-weight: normal;color: #3A4F5C;}
.blogPostDateMob{display:none;}

.blogPostCellHighlight .blogPostDate{margin-top:20px;margin-bottom: 2px;}

.blogPostExcerpt{display:block;width:100%;height:auto;font-family: "Roboto-Light", sans-serif;font-size: 19px;line-height: 29px;font-weight: normal;color: #3A4F5C;}

.blogPostAuthor{display:block;font-family: "Roboto-Regular", sans-serif;font-size: 12px;line-height: 16px;font-weight: normal;color: #3A4F5C;margin-top:15px;word-break: break-word;position: relative;padding-left:32px;padding-top:12px;}
.blogPostAuthor b{font-family: "Roboto-Bold", sans-serif;}
.blogPostAuthorThumbnail{display:inline-block;position: absolute;top:8px;left:0;border-radius:100%;width:26px;height:26px;margin-right:1px;}

.blogPostCell img{display:block;width:100%;max-width:284px;height:auto;margin:0 auto;}
.blogPostCellHighlight img{max-width:100%;}

@media (max-width:768px){
	.blogPageWrapper{padding-top: 0px;}
	.branchennewBlogWrapper{padding-top: 100px;padding-bottom: 1px;}
	.branchennewBlogInnerWrapper{padding-top: 0px;padding-bottom: 0px;}
	.blogPostContainer{padding-top:45px;padding-bottom:45px;}
	.blogPostTable{flex: none;display: block;width:auto;height:auto;}
	.blogPostHighlightImg{display:block;margin-bottom: 20px;}
	.blogPostHighlightImg img{width:100%;height:auto;margin:0 auto;}
	.blogPostTitle{display: table-cell;font-size: 28px;line-height: 33px;vertical-align: top;width: 55%;}
	.blogPostTitleImg{display: table-cell;vertical-align: top;padding-left:30px;}
	.blogPostTitle img{width:45%;height:auto;}
	.blogPostExcerpt{display:none;}
	.blogPostCellHighlight .blogPostExcerpt{display:none;}
	.blogPostCell:first-of-type{max-width:100%;width:100%;padding:0;}
	.blogPostCell:nth-of-type(2){max-width:100%;width:100%;padding:0;position: relative;top: -3px;}
	.blogPostCell:nth-of-type(3){max-width:100%;width:100%;padding:0;display:none;}
	.blogPostCellHighlight:first-of-type{max-width:100%;width:100%;padding:0;}
	.blogPostCellHighlight:nth-of-type(2){max-width:100%;width:100%;padding:0;display:none;}
	.blogPostDate{position:relative;left:32px;}
	.blogPostCellHighlight .blogPostDate{display:none;}
	.blogPostDateMob{display:block !important;margin-top: 0px !important;}
}