.contactbanner-wrapper {
	background-image: url('/fileadmin/images/project/contactbanner-bg.jpg');
	background-size: cover;
	background-position: left 30%;
	background-repeat: no-repeat;
}
.contactbanner-inner {
	width: 100%;
	height: auto;
	padding: 6rem 4rem 5rem;
	box-sizing: border-box;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.65) 100%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.contactbanner-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	max-width: 40rem;
}

.contactbanner-subtext h6,
.contactbanner-headline h3,
.contactbanner-info {
	color: white;
}
.contactbanner-headline {
	margin-bottom: 2rem;
}
.contactbanner-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 1rem;
}
.contactbanner-info-icon {
	font-size: 2.2rem;
	margin-right: 2rem;
}

.contactbanner-info-buttons {
	width: calc(100% + 2rem);
	margin-left: -1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding-bottom: 2rem;
}

@media only screen and (max-width:960px) {
	.el-contactbanner.bh-width-full {
		width: calc(100% + 6rem);
		margin-left: -3rem;
	}
}
@media only screen and (max-width:700px) {
	.contactbanner-inner {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		padding: 6rem 3rem 4rem;
	}
}
@media only screen and (max-width:500px) {
	.el-contactbanner.bh-width-full {
		width: calc(100% + 3rem);
		margin-left: -1.5rem;
	}
	.contactbanner-inner {
		padding: 4rem 1.5rem 3rem;
	}
}