/* 
- add your custom css here 
- save this file before you update 
*/

.ce_text-mit-bild-erweitert .ext_txtpic.col_left {
  display: block;
}

.first.articlewrapper {
    padding-top: 100px;
}

.ce_text p a:not(.button), div.textarea a:not(.button) {
  color: #0f8306;
}

.ce_text p a:not(.button):hover, div.textarea a:not(.button):hover {
  text-decoration: underline dotted;
}


.color {
	color:#0f8306;
}
.bg_color {
	background-color:#0f8306;
}
.articlewrapper.typ4 .ce_hyperlink a:hover {
	background:#0f8306;
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background:#0f8306;
}
nav.mainmenu ul ul {
	border-top:5px solid #0f8306;
}
nav.mainmenu ul li a:hover,
nav.mainmenu ul a.trail,
nav.mainmenu ul a.active {
	color:#0f8306;
}
#submenu a:hover,
#submenu a.* {
	color:#0f8306;
}
#off_canvas a:hover,
#off_canvas a.active,
#off_canvas a.trail {
	color:#0f8306;
}
.ce_hyperlink.style2_dark a:hover {
	background:#0f8306;
	border-color:#0f8306;
}
.testimonial .autor {
	color:#0f8306;
}
.ce_team .funktion {
	color:#0f8306;
}
.ce_team .overlay_content {
	background:#0f8306;
}
.ce_blog .blog .comments a,
.ce_blog .blog .morelink {
	color:#0f8306;
}
.ce_blog .morelink a:hover {
	color:#0f8306;
}
.ce_blog .port_overlay {
	background:#0f8306;
}
.ce_preistabelle .titel {
	background:#666;
}
.ce_preistabelle .link {
	background:#888;
}
.pagination li span.active,.pagination li strong.active {
	background:#0f8306;
	color: white;
}
.pagination li a:hover {
	color:#0f8306;
}

.pagination li.first a.first::before {
  content: '« ';
}
.pagination li.last a.last::after {
  content: ' »';
}

.servicebox a:hover {
	color:#0f8306;
}
.servicebox_2[class^="icon-"]:before,
.servicebox_2[class*="icon-"]:before {
	color:#0f8306;
}
.servicebox_2 h1,
.servicebox_2 h2,
.servicebox_2 h3,
.servicebox_2 h4,
.servicebox_2 h5,
.servicebox_2 h6 {
	color:#0f8306;
}
.servicebox_4:hover {
	border-color:#0f8306;
}
.portfolioliste .port_overlay {
	background:#0f8306;
}
.portfolioliste .content .title {
    min-height: 134px;
}
/*.blog .blog_inside .title {
    min-height: 124px;
}*/
@media only screen and (max-width: 767px) {
	.portfolioliste .content .title {
		min-height: auto;
	}
	/*.blog .blog_inside .title {
    min-height: auto;
	}*/
}
.customelement_layout_charts span.prozent {
	color:#0f8306;
}
.backgroundvideo.overlay .backgroundvideo_content_wrapper {
	background:#0f8306;
}
.mod_faqpage section h3::before {
	background:#0f8306;
}
.tabs.horizontal_clean ul li a:hover,
.tabs.horizontal_clean ul li a.current {
	background:#0f8306;
}

.tabs.horizontal_clean li a {
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    background-color: #d5d5d5;
	font-size: 22px;
}

.keyimage .image_container {
    margin-bottom: -30px;
}

.ce_preistabelle .titel {
    text-transform: none;
	font-size: 1.6rem;
}
.ce_preistabelle .preiswrapper {
    opacity: 1;
}
.ce_preistabelle .leistungen p {
    padding: 0 30px;
}

.servicebox_3[class^="icon-"]:before,
.servicebox_3[class*="icon-"]:before {
	background:#0f8306;
}
.ce_revolutionslider p.tp-caption { background: rgba(0, 144, 50, 0.85) none repeat scroll 0 0; padding: 10px 20px 10px 20px !important; }
.light_jkm .ce_hyperlink.style1_light a { background: rgba(255, 255, 255, 0.85) none repeat scroll 0 0; color: #393939; border:2px solid #009032; }
.light_jkm .ce_hyperlink.style1_light a:hover { background: #fff none repeat scroll 0 0 }


/* Liste */
.ce_text ul li, .ce_list ul li, .ce_textarea ul li {
    list-style: outside none none;
    margin-left: 30px;
}

.ce_text ul li::before, .ce_list ul li::before, .ce_textarea ul li::before {
    font-family: "icons";
	content: "\25b8";
    margin-left: -25px;
    padding-right: 15px;
	padding-left: 2px;
    position: absolute;
}

li.ext-pdf { list-style: none outside none; }

li.ext-pdf::before { content: "\f1c1"; }

li.ext-pdf::before, .list-pdf li::before {
    font-family: "FontAwesome";
    padding-right: 15px;
    position: relative;
    margin-left: 0px;
}

li.ext-pdf, .list-pdf li { padding-left: 2px; }

/* ALLG. JKM ANPASSUNGEN */
.h1 {font-size: 2.368rem;}
.h2, h2 {font-size: 2.8rem;}
.h3, h3 {font-size: 2rem;}
.h4 {font-size: 1.6rem}
.h5 {font-size: 1.4rem}
.h6 {font-size: 1.35rem}

@media only screen and (max-width: 989px) {
	h1 {font-size: 2.6rem;}
	h2 {font-size: 2.3rem;}
	h3 {font-size: 1.5rem;}
	h4 {font-size: 1.2rem;}
	h5 {font-size: 1.1rem;}
	h6 {font-size: 1rem;}
}
.ce_text h1 {
  font-size: 3em;
}
.ce_text h2 {
  font-size: 2.5em;
}
.ce_text h3 {
  font-size: 1.8em;
}
.ce_text h4 {
  font-size: 1.4em;
}

@media only screen and (max-width: 767px) {
	.ce_text h1 {
		font-size: 1.7em;
	  }
	  .ce_text h2 {
		font-size: 1.3em;
	  }
	  .ce_text h3 {
		font-size: 1.2em;
	  }
	  .ce_text h4 {
		font-size: 1.1em;
	  }
}

.headerimage.hell h1, .headerimage.hell #pagetitle {
    text-shadow: 1px 1px 3px #000;
}

/* IMG mit Border */
img.img_decor {
    border: 1px solid #999;
    padding: 12px;
	margin: 5px;
}

/* extra elements */
.notice {
    background-color: #f5f5f5;
    padding: 20px;
}
ul.notice {
    padding: 5px 20px 20px 20px;
}
ul.notice > li {
    border-bottom: 1px solid #e6e6e6;
    margin-top: 20px;
    padding-bottom: 12px;
}

/* breadcrumb */
/*.mod_breadcrumb { margin-left: 8.5%; margin-right: 1%; }*/
.mod_breadcrumb {
    margin-left: auto;
    margin-right: auto;
    max-width: 85%;
}
body.breadcrumb100prozent .mod_breadcrumb {
    max-width: 100%;
}
@media only screen and (max-width: 767px) {
	.mod_breadcrumb { display: none; }
}

.mod_breadcrumb ul li {
    float: left;
    padding-right: 10px;
	font-size: 0.80em;
}

.mod_breadcrumb ul li.last {
    font-weight: bold;
}

.mod_breadcrumb ul li::after{
	content:"\f105";
    display: inline-block;
	font-family:FontAwesome;
    line-height: 1em;
	padding-left: 0.5em;
}
.mod_breadcrumb ul li.last:after, .mod_breadcrumb ul li.noafter:after{
	content:"";
}

@media only screen and (max-width: 767px) {
	.h1 {font-size: 1.5rem;}
	.h2 {font-size: 1.4rem;}
	.h2_start {font-size: 2.8rem;}
	.h3 {font-size: 1.3rem;}
	.h4 {font-size: 1.2rem;}
	.h5 {font-size: 1.1rem;}
	.h6 {font-size: 1rem;}
}
#footer h5 { display: none; } /* weil sonst die leere h5-�berschrift im Code steht */
#off_canvas .mod_search input[type="search"], #off_canvas .mod_search .submit { color: #ffffff; }


/* h1 bei Referenzen und Partner ausblenden */
#referenzen-details .nachrichtenleser h1, #partner-details .nachrichtenleser h1 { display: none; }


/* .headerimage_content_wrapper h1 {font-size: 2.368rem; text-shadow: 1px 1px 2px #999; background-color: rgba(255, 255, 255, 0.78); padding: 10px 10px; width: 90%; color: #666 !important;} */

.content-page #header_after #pagetitle { padding-bottom: 10px; font-weight: 400;}

@media only screen and (max-width: 767px) {
	#header_after .headerimage .image_container img {	max-width: 300%; }
	#header_after .headerimage img { width: auto; }
	#header_after .headerimage_content_inner { padding: 30px 0 0 20px; }
}

/* STICKY NAVIGATION */
#headeroffset { position: fixed; width: 100%; }
#header_after { padding-top: 100px; }
@media only screen and (max-width: 767px) {
	#header_after { padding-top: 40px; }
}
#header.scrollsticky { background-color: rgba(255,255,255,0.97); border-bottom: 1px solid #f5f5f5; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease; }
#header.scrollsticky .logo { height: 60px; }

/* OFF CANVAS NAVIGATION ANPASSUNGEN */
.container-push, .push-push { transform: translate3d(0%, 0px, 0px); }
@media only screen and (min-width: 1400px) {
	.pushy { width: 28%; }
	.pushy-active .site-overlay { width: 72%; } 
}
/* #off_canvas { background: #ffffff none repeat scroll 0 0; padding: 1.8rem 3rem 3rem; border-left: 1px solid #b7b7b7; } */
#off_canvas .mod_navigation a.invisible { padding: 0; }

/* FOOTER ohne Formular */
#footer .footer_cols {
    margin-bottom: 20px;
}