
/*Page*/
body{background-color: white;}
.sbWrapper{display:block;width:100%;height:auto;}
.sbContainer{display:block;max-width:852px;width:100%;height:auto;margin:0 auto;position:relative;padding-left: 26px;padding-right: 26px;}
.sbContainerPageWide{display:block;max-width:1262px;width:100%;height:auto;margin:0 auto;position:relative;padding-left: 26px;padding-right: 26px;}

.sbTitle{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%);}
.sbTitle::before {content: "";position: absolute;width: auto;height: 2px;bottom: -10px;left: 0;right: 0;margin: 0 auto;background-color: #C60C30;}

.sbText,.expertiseBlockText{display:block;font-family: "Roboto-Light", sans-serif;  font-size: 19px;  line-height: 27px;  font-weight: normal;color: #283A44;}

/*Top*/
.sbContainerWide{display:block;max-width:1262px;width:100%;height:auto;margin:0 auto;position:relative;padding-left: 26px;padding-right: 26px;margin-bottom:100px;}
.sbContainerWide h1{font-size: 80px;line-height: 90px;margin-bottom: 0px;}
.sbContainerWide img{display:block;width:100%;height:auto;margin:0 auto;margin-top:70px;margin-bottom:70px;}
.sbContainerWide p{font-family: "Roboto-Light", sans-serif;font-size: 26px;line-height: 37px;font-weight: normal;margin: 0;}

.sbContainerWide div p,.sbContainerWide div table,.sbContainerWide div strong{font-size: 19px;line-height: 29px;}

#sbIntro > .sbContainerWide div ul {margin-top:0px;}
#sbIntro > .sbContainerWide div ul li {display: table;margin-top: 15px;margin-bottom: 30px;font-family: "Roboto-Light", sans-serif;font-size: 19px;line-height: 29px;font-weight: normal;}
#sbIntro > .sbContainerWide div ul li:last-of-type {margin-bottom: 0px;}
#sbIntro > .sbContainerWide div ul li::before {display: table-cell;position: relative;top: 5px;width: 36px;content: "";background-image: url(img/check.svg);background-repeat: no-repeat;background-size: 21px 18px;}

@media all and (max-width:768px) {
	.sbContainerWide h1{font-size: 44px;line-height: 50px;}
}

/*Subnav*/
.sbNavWrapper{display:block;width:100%;height:auto;position:relative;top: 42px;}
.sbNavWrapperPlaceholder{display:none;width:100%;height:85px;position:relative;top: 42px;}
.sbNavWrapperInner{display:block;max-width:1200px;width:100%;height:auto;margin:0 auto;position:relative;text-align: center;-webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.08);box-shadow: 0 4px 8px 0 rgba(0,0,0,.08);background-color:#FFFFFF;border-radius: 4px;padding: 8px 0px 8px 0px;}
.sbNavButton{display:inline-block;width:231px;height:85px;text-align: center;background-color:#FFFFFF;border:0;font-family: "RobotoCondensed-Regular";font-size: 21px;line-height: 22px;font-weight: normal;color:#142835;padding-top:33px;margin-left:4px;margin-right:4px;border-radius: 4px;}
.sbNavButton:hover{background-color:#E2E0DD;}
.sbNavButtonActive,.sbNavButtonActive:hover{background-color:#81725E;color:#FFFFFF;}
.sbNavSticky{position:fixed;left: 0;right: 0;z-index:1000;top: 150px;}
@media all and (max-width:1200px) {
	.sbNavButton{width:150px;}
}
@media all and (max-width:792px) {
	.sbNavButton{width:auto;padding:15px;height:auto;margin-bottom:15px;}
}

/*CTA*/
.sbCta{text-align: center;padding-top:100px;}
.sbCtaText{display:block;font-family: "Roboto-Light", sans-serif;  font-size: 26px;  line-height: 37px;  font-weight: normal;color:#FFFFFF;text-align: left;}

.sbCtaButton{display: inline-block;margin-top:30px;text-align: center;  background-color: #D60A29; 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;margin-bottom:100px;}
.sbCtaButton:visited{  color: #ffffff !important;}
.sbCtaButton:hover{background-color: #ffffff;color: #3a4f5c;}

@media all and (max-width:768px) {
	.sbCtaText{font-size: 22px;  line-height: 36px;}
}

/*Nutzen 1*/
.sbNutzen1{padding-bottom:200px;padding-top:200px;}
.sbNutzen1 .sbText{display:block;width:100%;height:auto;margin:0 auto;position:relative;}
.sbNutzen1 .sbText p{display:block;width:100%;height:auto;margin:0 auto;position:relative;max-width:852px;text-align:center;}
.sbNutzen1 .sbText img{width:100%;height:auto;margin-top:120px;}
.sbNutzen1 .sbText ul{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;margin-top:120px;}
.sbNutzen1 .sbText ul li{display: -webkit-box;  display: -moz-box;  display: box;  display: -webkit-flex;  display: -moz-flex;  display: -ms-flexbox;  display: flex; position:relative;padding:0px 30px 0px 30px;height:280px;border:1px solid #EEEBE5;border-radius: 4px;background-color: #FFFFFF;margin:0px 12.5px 0px 12.5px;align-items: center;justify-content: center;font-family: "RobotoCondensed-Light", sans-serif;  font-size: 30px;  line-height: 40px;  font-weight: normal;color:#283A44;text-align: left;}

.sbNutzen1 .sbText ul li:nth-of-type(2n) {margin-top:80px;}
.sbNutzen1 .sbText ul li:nth-of-type(3n) {margin-top:30px;}

@media all and (max-width:1024px) {
	.sbNutzen1 .sbText ul{margin-top:60px;display: block;flex: none;max-width: 100%;padding-right: 26px;flex-wrap: wrap;}
	.sbNutzen1 .sbText img{margin-top:60px;}
	.sbNutzen1 .sbText ul li{display: block;flex: none;height:auto;padding:30px;margin-top:30px !important;width:100%;font-size: 20px;  line-height: 30px;}
}

/*Nutzen 2*/
.sbNutzen2{padding-bottom:100px;padding-top:100px;max-width: 892px;}

.sbNutzen2 .sbText p{display:block;max-width: 820px;margin: 0 auto;margin-top:5px;}
.sbNutzen2Table{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;flex-wrap: wrap;}
.sbNutzen2Cell{display: block;  -webkit-flex-basis: 50%;  -moz-flex-basis: 50%;  flex-basis: 50%;  -ms-flex-preferred-size: 50%;  height: auto;	position:relative;max-width: 50%;margin:0px 0px 60px 0px; border-top:1px solid #EEEBE5;padding-top:60px;padding-left:10px;padding-right:10px;}
.sbNutzen2Cell:nth-of-type(1),.sbNutzen2Cell:nth-of-type(2){border-top:0;}
.sbNutzen2CellTitle p{display: block;font-family: "Roboto-Bold", sans-serif;  font-size: 19px;  line-height: 29px;  font-weight: normal;color:#283A44;margin:0;}
.sbNutzen2CellText p{font-family: "Roboto-Light", sans-serif;  font-size: 19px;  line-height: 29px;  font-weight: normal;color:#283A44;margin:0;}

@media all and (max-width:768px) {
	.sbNutzen2 .sbText p{font-family: "Roboto-Light", sans-serif;  font-size: 19px;  line-height: 29px;  font-weight: normal;color:#283A44;}
	.sbNutzen2Cell{border:0;padding-top: 30px;margin: 0px 0px 0px 0px;}
	.sbNutzen2Table,.sbNutzen2Cell{display: block;flex: none;width:100%;max-width:100%;padding-left:0px;padding-right:0px;}
}

/*Vorteile*/
.sbVorteile{padding-bottom:200px;padding-top:200px;}
.sbVorteile .sbText ul {margin-top:40px;}
.sbVorteile .sbText ul li {display: table;margin-top: 15px;margin-bottom: 30px;font-family: "Roboto-Light", sans-serif;font-size: 19px;line-height: 29px;font-weight: normal;}
.sbVorteile .sbText ul li:last-of-type {margin-bottom: 0px;}
.sbVorteile .sbText ul li::before {display: table-cell;position: relative;top: 5px;width: 36px;content: "";background-image: url(img/check.svg);background-repeat: no-repeat;background-size: 21px 18px;}

@media all and (max-width:768px) {
	.sbVorteile .sbText p{font-family: "Roboto-Light", sans-serif;  font-size: 19px;  line-height: 29px;  font-weight: normal;color:#283A44;}
}

/*Anwendungen*/
.sbAnwendungen{padding-bottom:100px;padding-top:100px;}
.sbAnwendungen .expertiseBlockText ol {list-style: none;counter-reset: item;padding-left: 0;margin-top:30px}
.sbAnwendungen .expertiseBlockText ol li {counter-increment: item;margin-bottom:30px}
.sbAnwendungen .expertiseBlockText ol li:before {font-family: "Roboto-Bold", sans-serif;width: 20px;content: counter(item)". ";color: #283a44;font-size: 19px;line-height: 29px;}

@media all and (max-width:768px) {
	
}

/*Technologien*/
.sbTechnologien{padding-bottom:100px;padding-top:100px;}
/*
.sbTechnologien .expertiseBlockText ul{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;flex-wrap: wrap;margin-top:50px;}
.sbTechnologien .expertiseBlockText ul li{display: block;  -webkit-flex-basis: 50%;  -moz-flex-basis: 50%;  flex-basis: 50%;  -ms-flex-preferred-size: 50%;  height: auto;	position:relative;max-width: 50%;padding-left:10px;padding-right:10px;}
*/
.sbTechnologien .expertiseBlockText ul{display:block;width:100%;height:auto;margin-top:15px;margin-bottom:15px;}
.sbTechnologien .expertiseBlockText ul li{display: block;width:100%;height:auto;}
.sbTechnologien .expertiseBlockText ul li::before {display:inline-block;width:15px;content: "• ";color: #283a44;font-size: 16px;line-height: 26px;}

/*Services*/
.sbServices{padding-bottom:100px;padding-top:100px;}
.sbServices .sbText ul li{margin-bottom:5px;display: table;}
.sbServices .sbText ul li::before {display:table-cell;width:15px;content: "• ";color: #283a44;font-size: 16px;line-height: 26px;}

@media all and (max-width:768px) {
	.sbServices .sbText p{font-family: "Roboto-Light", sans-serif;  font-size: 19px;  line-height: 29px;  font-weight: normal;color:#283A44;}
}

/*Zusatz*/
.sbZusatz{padding-bottom:100px;padding-top:100px;}
.sbZusatz .sbText ul li{margin-bottom:5px;display: table;}
.sbZusatz .sbText ul li::before {display:table-cell;width:15px;content: "• ";color: #283a44;font-size: 16px;line-height: 26px;}

@media all and (max-width:768px) {
	.sbZusatz .sbText p{font-family: "Roboto-Light", sans-serif;  font-size: 19px;  line-height: 29px;  font-weight: normal;color:#283A44;}
}

/*Weitere Dienstleistungen*/
.sbWD{padding-bottom:100px;padding-top:100px;text-align: center;max-width: 892px;}
.sbWD .sbTitle{display:block;color:#FFFFFF;left: 0;transform: none;text-align:left;margin-bottom: 0px;max-width: 820px;width:100%;margin:0 auto;}
.sbWD .sbTitle::before{height:1px;}
.sbMoreButton{display: inline-block;text-align: center;  background-color: #FFFFFF; border-radius: 4px;  padding: 24px 30px 18px 30px;font-family: "Roboto-Light", sans-serif;  font-size: 19px;  line-height: 24px;  font-weight: normal;color:#142835;cursor: pointer;margin-top:30px;}
.sbMoreButton:visited{  color: #142835 !important;}
.sbMoreButton:hover{background-color: #878787;}

.sbWDTable{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;flex-wrap: wrap;}
.sbWDTableCell{display: block;  -webkit-flex-basis: 50%;  -moz-flex-basis: 50%;  flex-basis: 50%;  -ms-flex-preferred-size: 50%;  height: auto;	position:relative;max-width: 50%;padding-left:10px;padding-right:10px;margin-bottom: 50px;margin-top: 50px;}

.sbWDSubTitle{display: block;position: relative;font-family: 'RobotoCondensed-Light', sans-serif;font-size: 25px;line-height: 30px;font-weight: normal;color: #FFFFFF;text-align:left;}
/*.sbWDSubTitle::before {content: "";position: absolute;width: auto;height: 1px;bottom: -10px;left: 0;right: 0;margin: 0 auto;background-color: #C60C30;}*/

.sbWDTableCell a .sbWDSubTitle::before {content: "";position: absolute;width: 0px;height: 1px;bottom: -1px;right: 0;background-color: #C60C30;transition-property: width;transition-duration: 0.3s;transition-timing-function: ease-out;}
.sbWDTableCell a:hover .sbWDSubTitle::before {left: 0;right: auto;width: 100%;}


@media all and (max-width:768px) {
.sbWDTable,.sbWDTableCell{display: block;flex: none;width:100%;max-width:100%;padding-left:0px;padding-right:0px;}
}

/*Expertise Style Layout*/
.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;}
.expertiseBlockCellImage{max-height:550px;}
.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%);}
.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;margin-top:30px;}
@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;}
}
