/*  MICROTHEMER STYLES  */


/*= General =================== */

/** General >> Enlighter **/
.enlighter {
	font-size: 1.2em !important;
}

/** General >> Hide Mobile Menu 1 **/
.hide-mobile-menu.et_pb_menu .et_pb_menu__menu, 
.hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
	display: flex !important;
}

/** General >> Hide Mobile Menu 2 **/
.hide-mobile-menu .et_mobile_nav_menu {
	display: none !important;
}


/*= Content =================== */

/** Content >> Headings H1-H6 **/
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	font-family: 'Varela Round', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

/** Content >> Entry content heading 2 **/
.et-boc h2 {
	line-height: 1.2em !important;
	font-weight: 900 !important;
	margin-top: 30px !important;
}

/** Content >> Entry content heading 3 **/
.et-boc h3 {
	font-size: 24px !important;
	line-height: 1.2em !important;
	font-weight: 900 !important;
	padding: 20px 0 10px 0 !important;
}

/** Content >> Et box **/
.et-box {
	font-size: 17px !important;
	margin-top: 1.5em !important;
	margin-bottom: 2.5em !important;
}

/** Content >> Et info et box content **/
.et-info .et-box-content {
	color: rgb(138, 109, 59) !important;
}

/** Content >> et info et box content strong **/
.et-info .et-box-content strong {
	color: rgb(138, 109, 59) !important;
}

/** Content >> Entry content preformatted **/
.entry-content pre {
	background-color: rgb(252, 252, 252) !important;
	max-width: 100% !important;
	padding: 15px !important;
	border: 1px solid rgb(234, 234, 234) !important;
	overflow-x: hidden !important;
}

/** Content >> Entery Content Image Shadow **/
#main-content figure img {
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1) !important;
	margin-top: 20px !important;
}

/** Content >> Entery Content Image No Shadow **/
#et-boc img.no-shadow {
	
}

/** Content >> Et boc ordered list **/
#left-area ol, 
.entry-content ol, 
.et-l--header ol, 
.et-l--body ol, 
.et-l--footer ol, 
.comment-content ol, 
body.et-pb-preview #main-content .container ol {
	line-height: 1.8em !important;
	list-style-position: outside !important;
	padding: 0 0 20px 2em !important;
}

/** Content >> Et boc unordered list **/
#left-area ul, 
.entry-content ul, 
.et-l--header ul, 
.et-l--body ul, 
.et-l--footer ul, 
body.et-pb-preview #main-content .container ul {
	line-height: 1.7em !important;
	padding: 0 0 20px 2em !important;
}

/** Content >> .comment_avatar img (runde Avatarbilder) **/
.comment_avatar img {
	border-radius: 50% !important;
}

/** Content >> Comment children **/
.comment .children {
	margin-left: 0 !important;
}

/** Content >> .children .comment.depth-2 **/
.children .comment.depth-2 {
	margin-left: 30px !important;
}

/** Content >> .comment .children .comment_avatar img **/
.comment .children .comment_avatar img {
	max-width: 60px !important;
}

/** Content >> .comment .children .comment_avatar **/
.comment .children .comment_avatar {
	margin-left: 20px !important;
}

/** Content >> .comment-body **/
.comment-body {
	padding: 0 150px 0 110px !important;
}

/** Content >> .vertikal-zentrieren **/
#et-boc ol {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
}

/** Content >> Body font **/
body {
	font-family: Lato, sans-serif !important;
	font-size: 18px !important;
}


/*( Tablet & Phone )*/
@media (max-width: 767px) {

	/*= Content =================== */

	/** Content >> .comment-reply-link **/
	.comment-reply-link {
	margin-top: auto !important;
	margin-bottom: -20px !important;
}

	/** Content >> .comment_area **/
	.comment_area {
	padding-bottom: 40px !important;
}

	/** Content >> .comment_postinfo,   .comment-content.clearfix **/
	.comment_postinfo, 
.comment-content.clearfix {
	margin-left: -15px !important;
}

	/** Content >> .vertikal-zentrieren **/
	#et-boc ol {
	
}


}


/*( Phone )*/
@media (max-width: 480px) {

	/*= Content =================== */

	/** Content >> .comment-body **/
	.comment-body {
	padding-right: 0 !important;
}

	/** Content >> .comment_area **/
	.comment_area {
	font-size: 16px !important;
	word-wrap: break-word !important;
}


	/*= General =================== */

	/** General >> Hide Mobile Menu 1 **/
	.hide-mobile-menu.et_pb_menu .et_pb_menu__menu, 
.hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
	
}


}