/* -------------------------------- */
/* -------- EL-COLS DEFAULT ------- */
/* -------------------------------- */

/* ----- SPECIAL COLS ----- */

.el-cols .bh-cols-2.bh-cols-2-2-10 > .col1 {width: 16.666666666%} .el-cols .bh-cols-2.bh-cols-2-2-10 > .col2 {width: 83.33333334%}
.el-cols .bh-cols-2.bh-cols-2-10-2 > .col1 {width: 83.33333334%} .el-cols .bh-cols-2.bh-cols-2-10-2 > .col2 {width: 16.666666666%}
.el-cols .bh-cols-2.bh-cols-2-3-9  > .col1 {width: 25%} .el-cols .bh-cols-2.bh-cols-2-3-9  > .col2 {width: 75%}
.el-cols .bh-cols-2.bh-cols-2-9-3 > .col1 {width: 75%} .el-cols .bh-cols-2.bh-cols-2-9-3 > .col2 {width: 25%}
.el-cols .bh-cols-2.bh-cols-2-4-8 > .col1 {width: 33.33333333%} .el-cols .bh-cols-2.bh-cols-2-4-8 > .col2 {width: 66.6666666%}
.el-cols .bh-cols-2.bh-cols-2-8-4 > .col1 {width: 66.66666666%} .el-cols .bh-cols-2.bh-cols-2-8-4 > .col2 {width: 33.3333333%}
.el-cols .bh-cols-2.bh-cols-2-5-7 > .col1 {width: 41.66666665%} .el-cols .bh-cols-2.bh-cols-2-5-7 > .col2 {width: 58.3333333%}
.el-cols .bh-cols-2.bh-cols-2-7-5 > .col1 {width: 58.33333333%} .el-cols .bh-cols-2.bh-cols-2-7-5 > .col2 {width: 41.6666665%}

.el-cols .bh-cols-3.bh-cols-3-3-3-6 > .col1 {width: 25%} .el-cols .bh-cols-3.bh-cols-3-3-3-6 > .col2 {width: 25%} .el-cols .bh-cols-3.bh-cols-3-3-3-6 > .col3 {width: 50%}
.el-cols .bh-cols-3.bh-cols-3-6-3-3 > .col1 {width: 50%} .el-cols .bh-cols-3.bh-cols-3-6-3-3 > .col2 {width: 25%} .el-cols .bh-cols-3.bh-cols-3-6-3-3 > .col3 {width: 25%}
.el-cols .bh-cols-3.bh-cols-3-3-6-3 > .col1 {width: 25%} .el-cols .bh-cols-3.bh-cols-3-3-6-3 > .col2 {width: 50%} .el-cols .bh-cols-3.bh-cols-3-3-6-3 > .col3 {width: 25%}
.el-cols .bh-cols-3.bh-cols-3-2-5-5 > .col1 {width: 16.666666666%} .el-cols .bh-cols-3.bh-cols-3-2-5-5 > .col2 {width: 41.66666665%} .el-cols .bh-cols-3.bh-cols-3-2-5-5 > .col3 {width: 41.66666665%}


/* ----- BORDER ----- */

.el-cols.el-cols-border .bh-col {
	border-right: 1px solid var(--root-color-15);
	padding-bottom: 30px;
	padding-top: 30px;
}
.el-cols.el-cols-border .bh-col .bhElement:last-child {
	margin-bottom: 0 !important;
}
.el-cols.el-cols-border .bh-cols {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}
.el-cols.el-cols-border .bh-col:last-child {
	border-right: none;
}
.el-cols.el-cols-border + .el-cols.el-cols-border {
	border-top: 1px solid rgba(0,0,0,0.1);
}

/*---- OBEN ÜBERLAPPEN ----*/
.el-cols.coverBefore {
	margin-top: -100px;
	z-index: 20;
}
.bhe-state-editing .el-cols.coverBefore {
	margin-top: 0px;
}

/*---- AUSRICHTUNG ----*/

.el-cols.alignLeft {
	margin-left: 0px;
	margin-right: auto;
}
.el-cols.alignRight {
	margin-right: 0px;
	margin-left: auto;
}

/* ----- MEDIAQUERIES ----- */

@media screen
	and (max-width : 960px) {
		
		.el-cols.bhElement.el-cols-smalldisplay {
			max-width: 650px;
		}
		.bh-state-desktop .el-cols.bhElement.el-cols-smalldisplay:not(.breack-not-desktop):not(.breack-800):not(.breack-700) > .bhElementInner > .bh-cols > .bh-col,
		.bh-state-mobile .el-cols.bhElement.el-cols-smalldisplay > .bhElementInner > .bh-cols > .bh-col {
			width: 100%;
			margin-bottom: 25px;
		}
		.el-cols.el-cols-border.el-cols-smalldisplay .bh-col {
			border: none;
		}
		.bh-state-desktop .el-cols:not(.bh-width-small):not(.hoverbox-inside):not(.breack-not-desktop):not(.breack-800):not(.breack-700) > .bhElementInner > .bh-cols > .bh-col,
		.bh-state-mobile .el-cols:not(.bh-width-small):not(.hoverbox-inside) > .bhElementInner > .bh-cols > .bh-col {
			width: 100%;
			margin-bottom: 25px;
		}
		.bh-state-desktop .el-cols:not(.bh-width-small):not(.hoverbox-inside):not(.breack-not-desktop):not(.breack-800):not(.breack-700) > .bhElementInner > .bh-cols.bh-col-gaps-large > .bh-col,
		.bh-state-mobile .el-cols:not(.bh-width-small):not(.hoverbox-inside) > .bhElementInner > .bh-cols.bh-col-gaps-large > .bh-col {
			margin-bottom: 50px;
		}
		.bh-state-desktop .el-cols:not(.bh-width-small):not(.hoverbox-inside):not(.breack-not-desktop):not(.breack-800):not(.breack-700).el-cols-mobile-no-margin > .bhElementInner > .bh-cols > .bh-col,
		.bh-state-mobile .el-cols:not(.bh-width-small):not(.hoverbox-inside).el-cols-mobile-no-margin > .bhElementInner > .bh-cols > .bh-col {
			margin-bottom: 0px !important;
		}
		.el-cols:not(.bh-width-small):not(.hoverbox-inside) .bh-col:last-child {
			margin-bottom: 0px !important;
		}
		.bh-state-desktop .el-cols.el-cols-border:not(.bh-width-small):not(.hoverbox-inside):not(.breack-not-desktop):not(.breack-800):not(.breack-700) > .bhElementInner > .bh-cols > .bh-col,
		.bh-state-mobile .el-cols.el-cols-border:not(.bh-width-small):not(.hoverbox-inside) > .bhElementInner > .bh-cols > .bh-col {
			border: none;
		}
		.el-cols.bhElement > .bhElementInner > .bh-cols.bh-col-gaps-tiny > .bh-col:not(:last-child) {
			margin-bottom: 4px !important;
		}
}
@media screen
	and (max-width : 800px) {
		.el-cols.bhElement.breack-800 > .bhElementInner > .bh-cols > .bh-col {
			width: 100%;
			margin-bottom: 25px;
		}
		.el-cols.bhElement.breack-800 > .bhElementInner > .bh-cols.bh-col-gaps-large > .bh-col {
			margin-bottom: 50px;
		}
		.el-cols.bhElement.breack-800.el-cols-mobile-no-margin > .bhElementInner > .bh-cols > .bh-col {
			margin-bottom: 0px !important;
		}
		.el-cols.bhElement.breack-800.el-cols-border > .bhElementInner > .bh-cols > .bh-col {
			border: none;
		}
		.el-cols.bhElement > .bhElementInner > .bh-cols.bh-col-gaps-tiny > .bh-col:not(:last-child) {
			margin-bottom: 4px !important;
		}
}
@media screen
	and (max-width : 700px) {
		.el-cols.bhElement.breack-700 > .bhElementInner > .bh-cols > .bh-col {
			width: 100%;
			margin-bottom: 25px;
		}
		.el-cols.bhElement.breack-700 > .bhElementInner > .bh-cols.bh-col-gaps-large > .bh-col {
			margin-bottom: 50px;
		}
		.el-cols.bhElement.breack-700.el-cols-mobile-no-margin > .bhElementInner > .bh-cols > .bh-col {
			margin-bottom: 0px !important;
		}
		.el-cols.bhElement.breack-700.el-cols-border > .bhElementInner > .bh-cols > .bh-col {
			border: none;
		}
		.el-cols.bhElement > .bhElementInner > .bh-cols.bh-col-gaps-tiny > .bh-col:not(:last-child) {
			margin-bottom: 4px !important;
		}
}

/* ----- BAKEHOUSE SETTINGS STYLES ----- */

#bhe-pane .bhe-formsettings-option.bhColsStyle input[type="radio"] {
	width: 46px;
	height: 46px;
	background-color: rgba(255,255,255,.2);
	margin: 3px;
	float: left;
	background-position: center center;
	background-size: 30px;
	background-repeat: no-repeat;
}
#bhe-pane .bhe-formsettings-option.bhColsStyle input[type="radio"]:checked {
	background-color: #CAF56B;
	box-shadow: none;
}
#bhe-pane .bhe-formsettings-option.bhColsStyle .bhColsStyleGroup {
	display: block;

	width: 208px;
	margin-left: 0px;
	float: right;
}

#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-noselect"] { background-image: url(settings-icons/cols-noselect.svg); }

#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-2-2-10"] { background-image: url(settings-icons/cols2-2-10.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-2-10-2"] { background-image: url(settings-icons/cols2-10-2.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-2-3-9"] { background-image: url(settings-icons/cols2-3-9.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-2-9-3"] { background-image: url(settings-icons/cols2-9-3.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-2-4-8"] { background-image: url(settings-icons/cols2-4-8.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-2-8-4"] { background-image: url(settings-icons/cols2-8-4.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-2-5-7"] { background-image: url(settings-icons/cols2-5-7.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-2-7-5"] { background-image: url(settings-icons/cols2-7-5.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-3-3-3-6"] { background-image: url(settings-icons/cols3-3-3-6.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-3-6-3-3"] { background-image: url(settings-icons/cols3-6-3-3.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-3-3-6-3"] { background-image: url(settings-icons/cols3-3-6-3.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-3-2-5-5"] { background-image: url(settings-icons/cols3-2-5-5.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-3-5-5-2"] { background-image: url(settings-icons/cols3-5-5-2.svg); }

#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-tb-2-1x2"] { background-image: url(settings-icons/cols2r-1x2.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-tb-2-2x1"] { background-image: url(settings-icons/cols2r-2x1.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-ml-2-1x2"] { background-image: url(settings-icons/cols2r-1x2.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-ml-2-2x1"] { background-image: url(settings-icons/cols2r-2x1.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-mp-2-1x2"] { background-image: url(settings-icons/cols2r-1x2.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-mp-2-2x1"] { background-image: url(settings-icons/cols2r-2x1.svg); }

#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-tb-3-1x3"] { background-image: url(settings-icons/cols3r-1x3.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-tb-3-3x1"] { background-image: url(settings-icons/cols3r-3x1.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-ml-3-1x3"] { background-image: url(settings-icons/cols3r-1x3.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-ml-3-3x1"] { background-image: url(settings-icons/cols3r-3x1.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-mp-3-3x1"] { background-image: url(settings-icons/cols3r-3x1.svg); }

#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-tb-4-1x4"] { background-image: url(settings-icons/cols4r-1x4.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-tb-4-2x2"] { background-image: url(settings-icons/cols4r-2x2.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-tb-4-4x1"] { background-image: url(settings-icons/cols4r-4x1.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-ml-4-2x2"] { background-image: url(settings-icons/cols4r-2x2.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-ml-4-4x1"] { background-image: url(settings-icons/cols4r-4x1.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-mp-4-2x2"] { background-image: url(settings-icons/cols4r-2x2.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-mp-4-4x1"] { background-image: url(settings-icons/cols4r-4x1.svg); }

#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-tb-6-2x3"] { background-image: url(settings-icons/cols6r-2x3.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-tb-6-3x2"] { background-image: url(settings-icons/cols6r-3x2.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-tb-6-6x1"] { background-image: url(settings-icons/cols6r-6x1.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-ml-6-2x3"] { background-image: url(settings-icons/cols6r-2x3.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-ml-6-3x2"] { background-image: url(settings-icons/cols6r-3x2.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-ml-6-6x1"] { background-image: url(settings-icons/cols6r-6x1.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-mp-6-3x2"] { background-image: url(settings-icons/cols6r-3x2.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-mp-6-6x1"] { background-image: url(settings-icons/cols6r-6x1.svg); }