.el-cta-banner {
	box-sizing: border-box;	
	
}

/* Overlay */

.el-cta-banner .overlay {
	min-height: 100px;
	height: 100%;
	position: relative;
	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: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: transparent;
	box-sizing: border-box;
	padding-top: 6rem;
	padding-bottom: 6rem;
}
.el-cta-banner.look1col .overlay {
	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: center;
	-ms-flex-align: center;
	align-items: center;
}
.cta-banner-texts,
.cta-banner-button {
	width: 50%;
}
.el-cta-banner.look1col .cta-banner-texts,
.el-cta-banner.look1col .cta-banner-button {
	width: 100%;
}
.el-cta-banner.look1col .cta-banner-texts {
	text-align: center;
	margin-bottom: 3rem;
}

.el-cta-banner .bhBackgroundImage {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}



/* mit Bild */
.el-cta-banner > .bhElementInner > .bhBackgroundImage > .overlay {
	background-color: rgba(0,0,0,0.4);
}

/* COLOR */

.el-cta-banner > .bhElementInner > .bhBackgroundImage.bhe-state-property-empty > .overlay {
	background: var(--primary-color-100);
}

/* TEXTS */
.cta-banner-headline h2,
.cta-banner-subtext h6 {
	color: white;
	margin-bottom: 0px;
}
.cta-banner-subtext {
	margin-bottom: 2rem;
}

/* BUTTON */

.button-link.colorWhite.btn-outline {
	border: 1px solid white;
}
.el-cta-banner .button-icon {
	transition: ease-in-out all 0.3s;
}
.button-link.colorWhite.btn-outline:not(:hover) .button-text,
.button-link.colorWhite.btn-outline:not(:hover) .button-icon {
	color: white;
}
.el-cta-banner .button-link.withIcon .button-text {
	margin-right: 2rem;
}

@media only screen and (max-width:900px) {
	.cta-banner-headline h2 {
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
	.el-cta-banner .overlay {
		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: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.el-cta-banner .cta-banner-texts,
	.el-cta-banner .cta-banner-button {
		width: 100%;
	}
	.el-cta-banner .cta-banner-texts {
		text-align: center;
		margin-bottom: 3rem;
	}
	.el-cta-banner .btn-right .button-inner {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}
@media only screen and (max-width:600px) {
	.el-cta-banner {
		width: calc(100% + 6rem);
		margin-left: -3rem;
	}
}
@media only screen and (max-width:500px) {
	.el-cta-banner {
		width: calc(100% + 3rem);
		margin-left: -1.5rem;
	}
}