@charset "UTF-8";
.referenzenRadioContainer{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;width: 100%;}
.referenzenRadioBox{display: block;height:auto;position: relative;-webkit-flex-basis: 33.33%;-moz-flex-basis: 33.33%;flex-basis: 33.33%;-ms-flex-preferred-size: 33.33%;max-width:33.33%;}
.referenzenRadioContainer > .referenzenRadioBox:first-of-type{margin-right:15px;}
.referenzenRadioContainer > .referenzenRadioBox:nth-of-type(2){margin-left:15px;margin-right:15px;}
.referenzenRadioContainer > .referenzenRadioBox:nth-of-type(3){margin-left:15px;}
.referenzenRadioBox > .akrosfilterSelect {width: 100%;}

@media all and (max-width:1199px) {
	.referenzenRadioContainer{flex: none;display: block;width:100%;}
	.referenzenRadioBox{flex: none;display: block;width:100%;max-width:100%;margin-bottom:30px;}
	.referenzenRadioContainer > .referenzenRadioBox:first-of-type{margin-right:0px;}
.referenzenRadioContainer > .referenzenRadioBox:nth-of-type(2){margin-left:0px;margin-right:0px;}
.referenzenRadioContainer > .referenzenRadioBox:nth-of-type(3){margin-left:0px;}
}
.referenzensearchForm {font-family: 'Roboto-Light', sans-serif;font-weight:normal;font-size:16px;text-align:left;color:#3A4F5C;vertical-align: middle;padding: 0px;outline: none;background: none!important;background-image: none;-webkit-border-radius: 0px;border-radius: 0px;border: 0;cursor: pointer;width: 80%!important;height: 17px!important;position: relative;}
.referenzensearchForm::-webkit-input-placeholder {color:#3A4F5C;opacity:1;}
.referenzensearchForm:-moz-placeholder {color:#3A4F5C;opacity:1;}
.referenzensearchForm::-moz-placeholder {color:#3A4F5C;opacity:1;}
.referenzensearchForm:-ms-input-placeholder {color:#3A4F5C;opacity:1;}
.referenzensearchForm::-ms-input-placeholder {color:#3A4F5C;opacity:1;}
.referenzensearchBox > input[type="text"] {margin-bottom: 0px;}
.referenzensearchBtn{display: inline-block;width:18px;height:13px;margin-right:5px;position: relative;top: -3px;background-image:url(img/search.svg);background-repeat:no-repeat;background-size: 18px 14px;cursor: pointer;}
.referenzensearchBtn:hover{background-image:url(img/search_.svg);background-repeat:no-repeat;}
.referenzenclearBtn{display:block;position:absolute;right: 10px;top: 16px;width:18px;height:13px;margin-left:5px;background-image:url(img/close.svg);background-repeat:no-repeat;background-size: 18px 14px;cursor: pointer;}
.referenzenclearBtn:hover{background-image:url(img/close_.svg);background-repeat:no-repeat;}
.referenzensearchBox {display: inline-block;width:100%;cursor: pointer;padding-top: 3px;padding-bottom: 18px;padding-right: 15px;padding-left: 15px;outline: 0;border: 1px solid #ddd;border-radius: 0px;background:none;color: #3A4F5C;appearance: none;-webkit-appearance: none;-moz-appearance: none;height: 48px;}

.referenzenStaticBox{display: inline-block;width:100%;cursor: pointer;padding-top: 8px;padding-bottom: 18px;padding-right: 15px;padding-left: 15px;outline: 0;border: 1px solid #ddd;border-radius: 0px;background:none;color: #3A4F5C;appearance: none;-webkit-appearance: none;-moz-appearance: none;height: 48px;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.referenzenStaticText{display: block;font-family: 'Roboto-Light', sans-serif;font-weight:normal;font-size:16px;text-align:left;color:#9C9B9B;vertical-align: middle;padding: 0px;}
.referenzenStaticBtn{display:block;position:absolute;right: 10px;top: 16px;width:18px;height:13px;margin-left:5px;background-image:url(img/close.svg);background-repeat:no-repeat;background-size: 18px 14px;cursor: pointer;}

.referenzenStaticBox:hover{border: 1px solid #3A4F5C;}
.referenzenStaticBox:hover >.referenzenStaticText{color:#3A4F5C;}
.referenzenStaticBox:hover > .referenzenStaticBtn{background-image:url(img/close_.svg);background-repeat:no-repeat;}

.referenzBoxContainer{float: left;width: 594px;max-width:594px;height: 462px;position: relative;margin-left:0px;margin-right:22px;border: 1px solid #CFCECC;border-radius: 5px;overflow:hidden;}
.referenzBoxContainer:hover{border: 1px solid #3A4F5C;cursor: pointer;}

.referenzImage{display:block;max-width:594px;width:100%;height:268px;overflow:hidden;position: relative;background:#DAD5D5;}
.referenzContent{display:block;background:#FFFFFF;max-width:594px;height:200px;padding-top:17px;padding-left:13px;padding-right:13px;}
.referenzTitleContainer{display:block;margin:0 auto;width:100%;padding-left:2%;padding-right:2%;height:auto;}
.referenzTitleContainer > h2{margin-top:60px;}
.referenzenelectContainer{display: -webkit-box;display: -moz-box;display: box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;margin:0 auto;padding-top:50px;width:100%;height:auto;}

.referenzTopic{display:block;font-family: 'RobotoCondensed-Light';font-size:16px;line-height:25px;padding-bottom:2px;text-align:center;color:#3A4F5C;padding-top:10px;}

.referenzTitle{display: table;width:auto!important;position: relative;margin:0 auto;text-align:center;font-size:35px;line-height: 50px;font-family: 'RobotoCondensed-Light';font-weight: normal;color:#3A4F5C;}
.referenzTitle:before {content: "";position: absolute;width: auto;height: 2px;bottom: -1px;left: 0;right: 0;margin: 0 auto;background-color: #C60C30;}

.referenzLinkArea{display:block;width:100%;height:auto;position:relative;margin-top:10px;}
.referenzLink{display: table;width:auto!important;position: relative;margin:0 auto;text-align:center;font-size:18px;color:#3A4F5C;line-height:24px;}
.referenzLink::after {display: table-cell;position:relative;height:30px;width:40px;content: "";background-image:url(img/arrow.svg);background-repeat:no-repeat;background-size: 19px 15px;background-position:10px 3px;}

.referenzBigLink{font-size:18px;line-height:18px;}
.referenzNav{display:block;width:72px;height:5px;margin: 0 auto;text-align: center;}
.referenzNavBtn{display:inline-block;background:#FADAC2;width:20px;height:5px;margin-left:2px;margin-right:2px;cursor: pointer;position: relative;top: -10px;}
.referenzNavBtn:hover{background:#3A4F5C;}
.referenzNavBtnSel{display:inline-block;background:#3A4F5C;width:20px;height:5px;margin-left:2px;margin-right:2px;position: relative;top: -10px;}

#referenz{display:block;position: relative;height:auto;width:100%;padding-top:30px;}

.referenzContainer{display:block;margin:0 auto;width:100%;height:auto;padding-top:40px;padding-bottom:100px;}

.referenzLeftArrow{display: block;cursor: pointer;width:35px;height:35px;background-image:url(img/back.svg);background-repeat:no-repeat;background-size: 35px 35px;position: absolute;top:50%;bottom:0;left: -50px;-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.referenzLeftArrow:hover{background-image:url(img/back_.svg);background-repeat:no-repeat;background-size: 35px 35px;}
.referenzRightArrow{display: block;cursor: pointer;width:35px;height:35px;background-image:url(img/forward.svg);background-repeat:no-repeat;background-size: 35px 35px;position: absolute;top:50%;bottom:0;right: -50px;-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.referenzRightArrow:hover{background-image:url(img/forward_.svg);background-repeat:no-repeat;background-size: 35px 35px;}

.referenzInnerContainer{display: block;width: 1210px;height: 462px;position: relative;overflow: hidden;}
.referenzLogoWrapper{display: block;width: 2000px;height: 462px;position: relative;}
.referenzLogosreset{left:0;transition: left,right 1s ease;}
.referenzLogoSlider{display: block;position: absolute;width: 2000px;height: 462px;max-height: 462px;left: 0;white-space: nowrap;top: 0;}

.referenzSlideContent {
	display: flex;
   flex-flow: column;
   background: #ffffff;
   height: 192px;
   padding-top: 17px;
   padding-left: 13px;
   padding-right: 13px; 
}

.referenzFirmenImageContainer {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.referenzFirmenImage {
	max-height: 35px;
	vertical-align: middle;
}

@media (max-width:1300px){
	.referenzContainer{width:594px;overflow:hidden;}
	.referenzLeftArrow{left: 0px;z-index:20000;}
	.referenzRightArrow{right: 0px;}
}
@media (max-width:768px){
	.referenzensearchBox {padding-top: 14px;}
	.referenzensearchBtn{top:0px;}
	.referenzenStaticText{padding-top: 7px;}
	.referenzContainer{width:300px;overflow:hidden;}
	.referenzInnerContainer{max-width:300px;margin:0 auto;}
	.referenzBoxContainer{width:300px;max-width:300px;}
	.referenzensearchBox{width:auto;}
	.referenzenelectContainer{display:block;}
	.referenzenelect{clear:both;display:block;float:none;margin: 0 auto;margin-left:20px;margin-right:20px;margin-bottom:20px;max-width:100%;}
	.referenzContainer{padding-top:20px;padding-bottom:20px;}
	.referenzenelectContainer{padding-left:20px;padding-right:20px;}
	.referenzTitleContainer{padding-left:20px;padding-right:20px;}
	.referenzTitle{font-size:27px;line-height:33px;}
	
	.referenzLink{font-size:14px;line-height:20px;}
	.referenzLink::after {display: table-cell;position:relative;height:20px;width:30px;content: "";background-image:url(img/arrow.svg);background-repeat:no-repeat;background-size: 12.7px 10px;background-position:10px 3px;}
	
	.referenzAreaContainer{display:block;padding:0;}
	.referenzLeftArrow{left: -6px;top: 60%;}
	.referenzRightArrow{right: -6px;top: 60%;}
	.referenzFirmenImage {
		max-height: 27px;
		vertical-align: middle;
	  }
}