.el-contact-box.bhElement{
	padding: 0px;
	text-decoration: none;
}
.el-contact-box,
.el-contact-box.bhElement {

	box-sizing: border-box;
	height: 100%;
	position: relative;
	border: 1px solid rgba(0,0,0,0.05);
}


/* --------------------------------------------- */
/* --------- MAIN STRUCTURE  ------------------- */
/* --------------------------------------------- */

.el-contact-box .contact-wrapper {
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	padding: 20px;
}

/* --------- PICUTRES -------------------------- */
.el-contact-box .contact-picture {
	width: 110px;
	height: 150px;
	margin-right: 20px;
	position: relative;
	display: none;
	box-sizing: border-box;
	overflow: hidden;
	border: 1px solid green;
}
.el-contact-box .contact-picture .bhImageInner {
	width: 100%;
	height: 100%;
	position: absolute;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}


/* --------- KONTAKT-INFORMATIONEN ------------- */
.el-contact-box .contact-information {
	width: 100%;
}

.el-contact-box .contact-information > div {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(0,0,0,0.06);
	font-family: 'Montserrat', sans-serif;
	color: rgba(0,0,0,0.8);
	font-weight: 400;
	font-size: 15px;
	letter-spacing: 0.5px;
}

.el-contact-box .contact-information a {
	color: rgba(0,0,0,0.8);
}

.contact-information > div:last-child {
	border-bottom: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.el-contact-box .contact-name {}
.el-contact-box .contact-name p {
	margin-bottom: 0px;
	line-height: 30px;
	padding-left: 0px;
	color: #8BA820;
}

/* --------- ICONS ----------------------------- */

.contact-phone a:before,
.contact-phone2:before,
.contact-fax:before,
.contact-mail a:before,
.contact-website a:before,
.contact-adress:before,
.contact-openinghours:before {
	content: '\e91c';
    font-family: 'bakehouse-iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
    display: inline-block;
    margin-right: 15px;
    display: block;
    font-size: 20px;
    float: left;
}

.contact-mail {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.contact-phone2:before {content: '\e91b';}
.contact-fax:before {content: '\e973';}
.contact-mail a:before {content: '\e91f';}
.contact-website a:before {content: '\e990';}
.contact-adress:before {content: '\e925';}
.contact-openinghours:before {content: '\e981';}






/* --------- DOWNLOAD-BUTTON ------------------- */
.el-contact-box .contact-download {
	display: none;
	box-sizing: border-box;
	color: #8BA820;
	line-height: 22px;
	padding: 12px 20px;
	width: 100%;
	text-align: center;

}

.el-contact-box .contact-download span,
.el-contact-box .contact-download p,
.el-contact-box .contact-download a {
	color: white;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 12px;
	text-transform: uppercase;
}

.el-contact-box .contact-download:before {
	content: '\e992';
    font-family: 'bakehouse-iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    margin-right: 10px;
    font-size: 18px;
    line-height: 22px;
    box-sizing: border-box;  	
}



/* --------------------------------------------- */
/* --------- STYLE CLASSES SETTIGNS ------------ */
/* --------------------------------------------- */

.el-contact-box.bhElement.el-cb-mitbild .contact-picture {
	display: block;
	width: 110px;
	height: 110px;
	position: relative;
	overflow: hidden;
	border: 2px solid green;
}

.el-contact-box.bhElement.el-cb-mitbild .contact-picture .bhImageInner {
	width: 100%;
	height: 100%;
	position: absolute;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover !important;	
}

.el-contact-box.bhElement.el-cb-mitdownload .contact-download {
	display: inline-block;
	background: #8ca600;
	color: white;
	
}



/* --------- HINTERGRUNDFARBEN ----------------- */

.el-contact-box.bhElement.backgroundcolor-beige {
	background-color: var(--lightbrown);
}
.el-contact-box.bhElement.backgroundcolor-green {
	background-color: var(--green);
}
.el-contact-box.bhElement.backgroundcolor-green .contact-information *,
.el-contact-box.bhElement.backgroundcolor-brown .contact-information * {
	color: white;
}
.el-contact-box.bhElement.backgroundcolor-brown {
	background-color: var(--brown);
}





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

@media screen
	and (max-width : 960px) {
		
		.el-contact-box, .el-contact-box.bhElement {

		}
}