/* -------------------------------------- */
/* -------- EL-FIFTYFIFTY DEFAULT ------- */
/* -------------------------------------- */

.el-fiftyfifty.bhElement .el-fiftyfifty-bildbereich {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 0px;
}
.el-fiftyfifty.bhElement .bhBackgroundImage {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.el-fiftyfifty.bhElement .el-fiftyfifty-contentbereich {
    background: #F8F6F4;
    width: 50%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 50%;
    padding: 50px 55px 50px 55px;
}
body:not(.bhe-state-editing) .el-fiftyfifty.bhElement .el-fiftyfifty-contentbereich {
    overflow: hidden;
}
.el-fiftyfifty.bhElement div[data-section="fiftyfiftycontainer"] {
    width: 100%;
}
.el-fiftyfifty.bhElement .el-fiftyfifty-contentbereich .bhElement {
	max-width: 475px;
	margin-left: 0;
}

.el-fiftyfifty.bhElement .file-copyright {
	position: absolute;
    top: 0px;
    right: 8px;
    transform: rotate(-90deg);
    transform-origin: 100% 100%;
    font-size: 14px;
    line-height: 12px;
    color: #fff;
    text-shadow: 0px 0px 3px rgba(0,0,0,.5);
}

/* ----- FIFTY FIFTY INHALT LINKS ----- */

.el-fiftyfifty.bhElement.fificontentleft .el-fiftyfifty-contentbereich {
	margin-left: 0%;
}
.el-fiftyfifty.bhElement.fificontentleft .el-fiftyfifty-bildbereich {
	left: 50%;
}
.el-fiftyfifty.bhElement.fificontentleft .el-fiftyfifty-contentbereich .bhElement {
	margin-right: 0;
	margin-left: auto;
}

/* ----- FIFTY FIFTY GROSSES BILD, SCHMALER INHALT ----- */

.el-fiftyfifty.bhElement.fifibigpic .el-fiftyfifty-bildbereich {
	width: 74%;
}
.el-fiftyfifty.bhElement.fifibigpic .el-fiftyfifty-contentbereich {
    width: 26%;
    padding: 50px 45px 50px 45px;
    margin-left: 74%;
}
.el-fiftyfifty.bhElement.fifibigpic .el-fiftyfifty-contentbereich .bhElement {
	max-width: 100%;
}

/* ----- FIFTY FIFTY WEISSER HINTERGRUND ----- */

.el-fiftyfifty.bhElement.fifiwhite .el-fiftyfifty-contentbereich {
	background: #fff;
}

/* FIX, WENN FIFTYFIFTY IN FADER LIEGT */

.el-fader .el-fiftyfifty .el-fiftyfifty-contentbereich .bhContainer {
	max-height: auto !important;
	height: auto !important;
}



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

@media screen
	and (max-width : 1280px) {
		
		.el-fiftyfifty.bhElement.fifibigpic .el-fiftyfifty-bildbereich { width: 65%; }
		.el-fiftyfifty.bhElement.fifibigpic .el-fiftyfifty-contentbereich { width: 35%; margin-left: 65%; }
}
@media screen
	and (max-width : 1160px) {
		
		.el-fiftyfifty.bhElement .el-fiftyfifty-contentbereich {
		    padding: 50px 50px 50px 50px;
		}
}
@media screen
	and (max-width : 960px) {
		
		.el-fiftyfifty.bhElement .el-fiftyfifty-bildbereich {
		    height: 100%;
		    width: 100%;
		    position: relative;
		}
		.el-fiftyfifty.bhElement.fificontentleft .el-fiftyfifty-bildbereich {
			left: 0;
		}
		.el-fiftyfifty.bhElement .el-fiftyfifty-bildbereich > .bhBackgroundImage > div {
		    min-height: 400px !important;
		}
		.el-fiftyfifty.bhElement .el-fiftyfifty-contentbereich {
		    width: 100%;
		    margin-left: 0%;
		    display: block;
		    min-height: auto !important;
		    height: auto !important;
		    text-align: center !important;
		}
		.el-fiftyfifty.bhElement .el-fiftyfifty-contentbereich p,
		.el-fiftyfifty.bhElement .el-fiftyfifty-contentbereich h1,
		.el-fiftyfifty.bhElement .el-fiftyfifty-contentbereich h2,
		.el-fiftyfifty.bhElement .el-fiftyfifty-contentbereich h3,
		.el-fiftyfifty.bhElement .el-fiftyfifty-contentbereich h4,
		.el-fiftyfifty.bhElement .el-fiftyfifty-contentbereich h5 {
			text-align: center !important;
		}
		.el-fiftyfifty.bhElement .el-fiftyfifty-contentbereich li {
			text-align: left !important;
		}
		.el-fiftyfifty.bhElement .el-fiftyfifty-contentbereich .bhElement {
		    max-width: 100%;
		}
		.el-fiftyfifty.bhElement.fifibigpic .el-fiftyfifty-bildbereich { width: 100%; position: relative; height: 50% !important; }
		.el-fiftyfifty.bhElement.fifibigpic .el-fiftyfifty-contentbereich { width: 100%; margin-left: 0%; position: relative; display: block; }		
}