.bh-femode .el-spacer,
.bh-bemode:not(.bhe-state-editing) .el-spacer {
	min-height: 0;
}

.el-spacer__body {
	position: relative;
	display: flex;
}


/* Position */
.el-spacer--top .el-spacer__body{
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

.el-spacer--middle .el-spacer__body{
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.el-spacer--bottom .el-spacer__body{
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}

.el-spacer__row{
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}



/* Lines */
.el-spacer--line .el-spacer__row:before,
.el-spacer--line .el-spacer__row:after{
	content: '';
	display: block;
	background-color: #8c7d6b;
	height: 1px;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}

/* Icon */
.el-spacer--icon .el-spacer__icon{
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	margin: 0 1rem;
	height: 40px;
	width: 20px;
	background: no-repeat center center;
	background-image: url("/fileadmin/templates/ext/bh_touch/images/logo_spacer.svg");
	background-size: contain;
}







/*
	### PROJEKT ANPASSUNGEN ###

	Linien:
	- Hintergrundfarbe
	- Dicke mit Höhe

	Icon:
	- Höhe & Breite
	- Abstand zur Linie mit Margin links und rechts
	- Icon eventuell mit modifier
*/