.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: rgba(0, 0, 0, 0.1);
	height: 2px;
	-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: 1em;
	width: 1em;
	background: no-repeat center center;
	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
*/