@charset "UTF-8";
/*Global Settings ## START */
*{
font-family: realist,sans-serif;
font-weight: 400;
font-style: normal;
font-size:15px;
}
textarea:focus, input:focus{
outline: none;
}
textarea:focus, input:focus{
outline: none;
}
a{
text-decoration: none!important;
}
strong{
font-family: realist, sans-serif;
font-weight: 700;
font-style: normal;
}
a{
color:#8CB347;
}
a:hover{
color:#627d32;

}
p{
font-size:13px;
}
/*Buttons*/
.btn{
border-radius: 0;
}
.btn-green{
background:#8CB347;
color:#fff;
}
.btn-green:hover{
background:#627D32;
color:#fff;
}
.btn-darkgreen{
background:#627D32;
color:#fff;
}
.btn-darkgreen:hover{
background:#4E6427;
color:#fff;
}
.btn-grey{
background:#707070;
color:#fff;
}
.btn-grey:hover{
background:#343434;
color:#fff;
}
.btn-closer {
color: #fff;
margin-left: 5px;
}
.btn-closer i{
font-size:22px;
}
i.icon {
display: inline-block;
height: 40px;
width: 40px;
border: 1px solid #f00;
}
h3{
font-size:17px;
font-weight:bold;
}
/* Global ## END */
/* Navbar ## Start */
.img-brand{
width:262px;
}
li#menu-item-1352 {
margin-left: 10px;
}
li#menu-item-1352 a {
background: #8CB347;
color: #fff;
padding: 8px 25px 8px 25px;
}
a.nav-link.active {
border-bottom: 3px solid #8CB347;
}
.bg-green{
background:#8CB347;
color:#fff;
}
.openAngebotModal{
cursor: pointer;
}
/* Navbar ## END */
/*Pre Header*/
div#pre-contact-header .col {
color:#8CB347;
}

/* Landingpage Hero ## Start */
div#lp_header_hero {
height: 95vh;
background-size: cover !important;
background-position-y: -130px !important;
}
h1.hero_headline {
font-size: 55px;
color: #fff;
font-weight: bold;
}
p.hero_subheadline{
color:#fff;
font-size:15px;
}
/* Row Settings ## START */
.row-title h2{
font-weight: bold;
color:#000;
font-size:30px;
}
.row-title h3{
font-weight: bold;
color:#8CB347;
font-size:15px;
}
/* Row Settings ## END */
/*LP Contact Form*/
div#lp_contact_form {
background: rgba(112,112,112,0.9);
color: #fff;
top: 10px;
position: relative;
margin: 25px;
}
div#lp_contact_form_inner {
margin: 10px auto;
}
div#lp_contact_form .container.form_heading {
background: #2F3135;
height: 60px;
}
div#lp_contact_form .text_area {
width: 70%;
padding: 20px;
}
div#lp_contact_form .icon_area {
width: 30%;
padding-right: 0px;
}
div#lp_contact_form i.contact-icon-schippe {
background: url(../../images/icons/contact-form-schippe.svg);
height: 60px;
width: 130px;
display: block;
float: right;
}
div#lp_contact_form .text_area h3.title {
position: relative;
margin-top: -5px;
font-size: 25px;
}
/* Landingpage Hero ## END */
/* Landingpage Content # START */
div#pl-1367 {
padding: 0;
margin-top:25px;
}
/* Landingpage Content # End */
/* Landingpage Content Leistungen ## START */
div#pg-w615eeb1bf1b7e-1{
margin-bottom: 0 !important;
}
.masonary_lp_leistungen h3.widget-title {
font-size: 15px;
font-weight: bold;
position: relative;
top:-4px;
margin-top:25px;
margin-bottom: 15px;
}
.lp_leistungen_textbox_1 h3.widget-title::before {
height: 40px;
width: 40px;
display: inline-block;
content: " ";
background: url(../../images/icons/icon-gestalten.svg);
background-size: contain;
background-repeat: no-repeat;
position: relative;
margin-right: 9px;
top: 10px;
}
.lp_leistungen_textbox_2 h3.widget-title::before {
height: 30px;
width: 40px;
display: inline-block;
content: " ";
background: url(../../images/icons/icon-pflastersteine.svg);
background-size: contain;
background-repeat: no-repeat;
position: relative;
margin-right: 9px;
top: 10px;
}
.lp_leistungen_textbox_3 h3.widget-title::before {
height: 30px;
width: 40px;
display: inline-block;
content: " ";
background: url(../../images/icons/icon-bewaesserung.svg);
background-size: contain;
background-repeat: no-repeat;
position: relative;
margin-right: 9px;
top: 10px;
}
.lp_leistungen_textbox_4 h3.widget-title::before {
height: 30px;
width: 40px;
display: inline-block;
content: " ";
background: url(../../images/icons/icon-baum.svg);
background-size: contain;
background-repeat: no-repeat;
position: relative;
margin-right: 9px;
top: 10px;
}
div#lp_2_cols_green_content{
color:#fff;
}
div#lp_2_cols_green_content h2, div#lp_2_cols_green_content h3{
color:#fff;
font-size:15px;
}
div#pg-1367-1 .panel-row-style {
justify-content: center;
}
div#lp_2_cols_green_content {
padding: 41px;
}
div#lp_2_cols_green_content .row-title h2 {
font-size: 35px;
}
div#lp_2_cols_green_content .row-title h3 {
font-size: 20px;
}
div#lp_2_cols_green_content h3.widget-title{
margin-bottom:15px;
}
.lp_3col_content_1 h3.widget-title::before {
width: 40px;
height: 40px;
display: inline-block;
content: " ";
background: url(../../images/icons/icon-gestalten-w.svg);
background-size: contain;
background-repeat: no-repeat;
position: relative;
margin-right: 9px;
top: 10px;
}
.lp_3col_content_2 h3.widget-title::before {
width: 40px;
height: 40px;
display: inline-block;
content: " ";
background: url(../../images/icons/icon-baum-w.svg);
background-size: contain;
background-repeat: no-repeat;
position: relative;
margin-right: 9px;
top: 10px;
}
.lp_3col_content_3 h3.widget-title::before {
width: 40px;
height: 40px;
display: inline-block;
content: " ";
background: url(../../images/icons/icon-bewaesserung-w.svg);
background-size: contain;
background-repeat: no-repeat;
position: relative;
margin-right: 9px;
top: 10px;
}
div#panel-1367-1-1-0 {
max-height: 540px;
overflow: hidden;
}
/*Kurzgeschichte*/
div#lp_short_story .text-container{
padding:25px;
}
div#lp_short_story h4{
font-size:12px;
color:#000;
}
div#lp_short_story p{
color:#707070;
}
/* Landingpage Content Leistungen ## END*/
/* Single Pages ## START */
.single_page_main_hero_contianer {
height: 400px;
background-size: cover!important;
margin-bottom: 25px;
}
.single_page_main_hero_contianer .text-container {
padding-top: 7%;
color: #fff;
}
.single_page_main_hero_contianer .text-container h1 {
font-size: 55px;
font-weight: bold;
text-shadow: 5px 3px 13px rgb(0 0 0 / 50%);
}
div#page_breadcrumb {
margin-bottom: 25px;
}
div#page_breadcrumb .breadcrumbs {

}
.leistungen_overview_textbox {
padding-top: 25px;
}
.leistungen_overview_textbox h3.widget-title {
margin-bottom: 25px;
line-height: 34px;
}
h3.widget-title {
margin-bottom:25px;
font-size:20px;
}
.form-title {
background: #8cb347;
color: #fff;
padding: 13px;
font-weight: bold;
font-size: 18px;
text-align: center;
}
/* Single Pages ## END */
/* Leistungen Pages ## START */
.abrissundentsorgung-anriss h3.widget-title::before {
width: 30px;
height: 30px;
display: inline-block;
content: " ";
background: url(../../images/icons/icon-abriss.svg);
background-size: contain;
background-repeat: no-repeat;
position: relative;
margin-right: 9px;
top: 10px;
}
.baumpflege-anriss h3.widget-title::before {
width: 30px;
height: 30px;
display: inline-block;
content: " ";
background: url(../../images/icons/icon-baum.svg);
background-size: contain;
background-repeat: no-repeat;
position: relative;
margin-right: 9px;
top: 10px;
}
.bewaesserung-anriss h3.widget-title::before {
width: 30px;
height: 30px;
display: inline-block;
content: " ";
background: url(../../images/icons/icon-bewaesserung.svg);
background-size: contain;
background-repeat: no-repeat;
position: relative;
margin-right: 9px;
top: 10px;
}
.carports-anriss h3.widget-title::before {
width: 30px;
height: 30px;
display: inline-block;
content: " ";
background: url(../../images/icons/icon-carport.svg);
background-size: contain;
background-repeat: no-repeat;
position: relative;
margin-right: 9px;
top: 10px;
}
.gartengestaltung-anriss h3.widget-title::before {
width: 30px;
height: 30px;
display: inline-block;
content: " ";
background: url(../../images/icons/icon-gestalten.svg);
background-size: contain;
background-repeat: no-repeat;
position: relative;
margin-right: 9px;
top: 10px;
}
.gruenanlagenpflege-anriss h3.widget-title::before {
width: 30px;
height: 30px;
display: inline-block;
content: " ";
background: url(../../images/icons/icon-pflanze.svg);
background-size: contain;
background-repeat: no-repeat;
position: relative;
margin-right: 9px;
top: 10px;
}
.heckenschnitt-anriss h3.widget-title::before {
width: 30px;
height: 30px;
display: inline-block;
content: " ";
background: url(../../images/icons/icon-heckenschere.svg);
background-size: contain;
background-repeat: no-repeat;
position: relative;
margin-right: 9px;
top: 10px;
}
.pflasterarbeiten-anriss h3.widget-title::before {
width: 30px;
height: 30px;
display: inline-block;
content: " ";
background: url(../../images/icons/icon-pflastersteine.svg);
background-size: contain;
background-repeat: no-repeat;
position: relative;
margin-right: 9px;
top: 10px;
}
.tiefbauarbeiten-anriss h3.widget-title::before {
width: 30px;
height: 30px;
display: inline-block;
content: " ";
background: url(../../images/icons/icon-bagger.svg);
background-size: contain;
background-repeat: no-repeat;
position: relative;
margin-right: 9px;
top: 10px;
}
.wegeterrassenbau-anriss h3.widget-title::before {
width: 30px;
height: 30px;
display: inline-block;
content: " ";
background: url(../../images/icons/icon-hammer.svg);
background-size: contain;
background-repeat: no-repeat;
position: relative;
margin-right: 9px;
top: 10px;
}
.zaunbau-anriss h3.widget-title::before {
width: 30px;
height: 30px;
display: inline-block;
content: " ";
background: url(../../images/icons/icon-zaun.svg);
background-size: contain;
background-repeat: no-repeat;
position: relative;
margin-right: 9px;
top: 10px;
}
.wartung-anriss h3.widget-title::before {
width: 30px;
height: 30px;
display: inline-block;
content: " ";
background: url(../../images/icons/icon-wartung.svg);
background-size: contain;
background-repeat: no-repeat;
position: relative;
margin-right: 9px;
top: 10px;
}
/*Pro Liste*/
ul.pro_liste {
list-style: none;
padding: 0;
text-align: center;
}
ul.pro_liste .icon {
background: #8cb347;
border-radius: 65%;
height: 80px;
width: 80px;
padding: 18px;
margin:15px auto;
}
ul.pro_liste .title {
font-weight: bold;
}
/*Image Settings*/
div#loop_main_container img.img-thumbnail {
width: 200px;
margin: 20px auto;
}
/* Leistungen Pages ## END */
/* Footer ## START*/
div#footer_cta_booking {
background: #8cb347;
color: #fff;
padding: 40px;
}
div#footer_cta_booking h3.title {
font-size: 25px;
font-weight: bold;
}
div#footer_cta_booking h4.subheadline {
font-size: 15px;
}
div#footer_brands .col {
display: flex;
justify-content: center;
align-items: center;
}
.footer_link_list{
list-style: none;
}
.footer_link_list li.title {
font-size: 15px;
font-weight: bold;
margin-bottom: 15px;
}
.footer_link_list li a.link {
color:#000 !important;
font-size: 12px;
}
ul.footer_copy {
list-style: none;
}
ul.footer_copy li{
display:inline-block;
}
ul.footer_copy li a{
color:#707070;
font-size:12px;
}
ul.footer_social {
list-style: none;
float:right;
}
ul.footer_social li{
display:inline-block;
margin-right:5px;
}
ul.footer_social li .social-icon{
width: 20px;
}
.wpcf7 input:focus{
background:#0d6efd;
}
/* Footer ## END*/
/*Action Header*/
.after_head_action {
background: #000;
color: #fff;
padding: 15px;
}
.after_head_action p {
padding: 0;
margin: 0;
}
textarea#form_lp_textarea {
height: 90px;
}
.siteorigin-widget-tinymce.textwidget ul li {
font-size: 13px;
}