.el-backgroundbox {
	box-sizing: border-box;	
	
}

/* Overlay */

.el-backgroundbox .overlay {
	min-height: 100px;
	height: 100%;
	position: relative;
	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;
	background-color: transparent;
	box-sizing: border-box;
	padding-top: 6rem;
	padding-bottom: 6rem;
}
.el-backgroundbox.caTop .overlay {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.el-backgroundbox.caBottom .overlay {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.el-backgroundbox .bhBackgroundImage {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.el-backgroundbox.spaceAround .bhContainer {
	height: 100%;
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-around;
}

/* Ausrichtung horizontal */

.el-backgroundbox.caHLeft .overlay > .bhContainer > .bhElement {
	margin-left: 0px;
	margin-right: auto;
}
.el-backgroundbox.caHRight .overlay > .bhContainer > .bhElement {
	margin-right: 0px;
	margin-left: auto;
}

/* mit Bild */
/* .el-backgroundbox > .bhElementInner > .bhBackgroundImage > .overlay {
	background-color: rgba(34, 33, 30, 0.3);
} */

/* COLOR */

.el-backgroundbox.colorPrimary100 > .bhElementInner > .bhBackgroundImage.bhe-state-property-empty > .overlay {
	background: var(--primary-color-100);
}
.el-backgroundbox.colorPrimary100 > .bhElementInner > .bhBackgroundImage:not(.bhe-state-property-empty) > .overlay {
	background: var(--primary-color-100-opacity-80);
}
.el-backgroundbox.colorPrimary10 > .bhElementInner > .bhBackgroundImage.bhe-state-property-empty > .overlay {
	background: var(--primary-color-10);
}
.el-backgroundbox.colorPrimary10 > .bhElementInner > .bhBackgroundImage:not(.bhe-state-property-empty) > .overlay {
	background: var(--primary-color-10-opacity-80);
}
.el-backgroundbox.colorPrimary07 > .bhElementInner > .bhBackgroundImage.bhe-state-property-empty > .overlay {
	background: var(--primary-color-07);
}
.el-backgroundbox.colorPrimary07 > .bhElementInner > .bhBackgroundImage:not(.bhe-state-property-empty) > .overlay {
	background: var(--primary-color-07-opacity-80);
}
.el-backgroundbox.colorSecondary100 > .bhElementInner > .bhBackgroundImage.bhe-state-property-empty > .overlay {
	background: var(--secondary-color-100);
}
.el-backgroundbox.colorSecondary100 > .bhElementInner > .bhBackgroundImage:not(.bhe-state-property-empty) > .overlay {
	background: var(--secondary-color-100-opacity-80);
}
.el-backgroundbox.colorSecondary10 > .bhElementInner > .bhBackgroundImage.bhe-state-property-empty > .overlay {
	background: var(--secondary-color-10);
}
.el-backgroundbox.colorSecondary10 > .bhElementInner > .bhBackgroundImage:not(.bhe-state-property-empty) > .overlay {
	background: var(--secondary-color-10-opacity-80);
}
.el-backgroundbox.colorSecondary07 > .bhElementInner > .bhBackgroundImage.bhe-state-property-empty > .overlay {
	background: var(--secondary-color-07);
}
.el-backgroundbox.colorSecondary07 > .bhElementInner > .bhBackgroundImage:not(.bhe-state-property-empty) > .overlay {
	background: var(--secondary-color-07-opacity-80);
}

/* BORDER */

.el-backgroundbox.colorPrimary100.with-border-top > .bhElementInner > .bhBackgroundImage > .overlay,
.el-backgroundbox.colorPrimary10.with-border-top > .bhElementInner > .bhBackgroundImage > .overlay,
.el-backgroundbox.colorPrimary07.with-border-top > .bhElementInner > .bhBackgroundImage > .overlay {
	border-top: 4px solid var(--primary-color-100);
}
.el-backgroundbox.colorSecondary100.with-border-top > .bhElementInner > .bhBackgroundImage > .overlay,
.el-backgroundbox.colorSecondary10.with-border-top > .bhElementInner > .bhBackgroundImage > .overlay,
.el-backgroundbox.colorSecondary07.with-border-top > .bhElementInner > .bhBackgroundImage > .overlay {
	border-top: 4px solid var(--secondary-color-100);
}