body{font-family:'Helvetica',sans-serif;color:#5d5d5d;font-size:16px;background:#fff;overflow-x:hidden;padding:0;margin:0}
html{overflow-x:hidden}

p{line-height:1.4em} 
ul{margin:0;padding:0}
ul li{list-style: none}
.ptop{padding-top:50px}

.st0{fill:#FFFFFF;}
.st1{fill:#EEEEEE;}

.mobile{display:none}
.desktop{display:block}
.push{position:relative;z-index:1000}

a{transition:all 0.2s linear;text-decoration:none;color:#5d5d5d}
a:hover,a:focus{text-decoration:none;outline:none;color:#248850}
a:not([href]):not([tabindex]){color:#fff}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover{color:#248850}
/* Überschriften */
h1,h2,h3{font-size:2.5em;font-weight:700;text-transform:uppercase;font-weight:600}
h3{font-size:2em}
.section{padding: 80px 0}
.section-header{margin-bottom:40px;text-align:center;padding:15px}
.section-header .section-title{margin:20px auto 40px;position:relative}
.section-header .subtitle{margin-top:20px;color:#248850;font-size:1.4em}
.lines{width:5%;position:relative;border-top:4px solid #248850;margin:20px auto 40px}

/* Buttons */
.btn {font-size:14px;padding:11px 60px;font-weight:400;color:#fff;text-transform:uppercase;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;display:inline-block}
.btn:focus,.btn:active {box-shadow:none;outline:none;color:#fff}
.btn-common {background:#248850;position:relative;z-index:1;border-radius:5px}
.btn-common:hover{color:#fff;background:#248850;transition: all .20s ease-in-out;-moz-transition: all .20s ease-in-out;-webkit-transition: all .20s ease-in-out}
.btn-lg{padding:14px 60px;text-transform:uppercase;font-size:16px}
.btn-rm{padding:7px 0px;color:#999;text-transform:capitalize}
.btn-rm i{vertical-align:middle}
button:focus {outline:none !important}
.clear{clear:both}

/* to top */
.back-to-top{display:none;position:fixed;bottom:25px;right:25px;z-index:1000}
.back-to-top i{display:block;width:36px;height:36px;line-height:36px;color:#fff;font-size:14px;text-align:center;border-radius:5px;background-color:#248850;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear; transition:all 0.2s linear}

/* Navigation */
.navbar-expand-lg{background-color:#fff}
.top-nav-collapse{z-index:999999;top:0px !important;padding:0;box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.06);-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInDown;animation-name: fadeInDown;background:#fff !important;position:fixed;height:70px;}
.navbar-expand-lg .navbar-nav .nav-link{color:#5d5d5d;border-bottom:5px solid #ccc;padding:50px 22px 10px;font-weight:600;margin-top:12px;margin-bottom:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.top-nav-collapse .navbar-nav .nav-link{padding:30px 20px 10px}
.navbar .nav-link.active,
.top-nav-collapse .navbar-nav .nav-link:hover,.top-nav-collapse .navbar-nav .nav-link.active,.top-nav-collapse .navbar-nav .nav-link:focus,
.navbar-expand-lg .navbar-nav li a:hover,.navbar-expand-lg .navbar-nav li .active > a,.navbar-expand-lg .navbar-nav li a:focus{color: #006638 !important;border-bottom-color:#006638}
.dropdown-toggle::after{display:none}
nav img{max-width:100%;}
.navbar{border-bottom:5px solid #ccc;padding: 10px 10px 0 10px}
.navbar-header{position:relative; bottom:-15px}
.navbar-expand-lg .navbar-collapse{position:relative;bottom:-5px}

.top-nav-collapse .navbar-header{bottom: 5px}
.top-nav-collapse .navbar-collapse{bottom:5px}

/* Teaser */
#teaser{background:url(../../../../ci/img/gartenpflege-maurice-hoelscher-nrw.jpg) fixed no-repeat;background-size:cover;color:#fff;overflow:hidden;position:relative}
#teaser img {width:100vw}
#teaser .contents {margin:200px 0 150px;padding:80px 50px;background-color:rgba(255,255,255,0.6);position:relative;right:-50%}
#teaser h1{color: #006638;margin-bottom:25px}
#teaser p{color:#333;margin:8px auto;font-size:14px;font-weight:600}
#teaser .btn {margin: 25px 25px 0px 0px}
.line{text-decoration:underline;display:block;width:100%}
#leistungen h4{display:block; margin:25px 0 20px;width:100%}
.mhgo {font-size:24px !important;font-weight:900;color:#248850 !important; margin-top:35px !important}

/* Leistungen */
.boxes {text-align:center;padding:0px 15px;margin-bottom:60px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.boxes .icon{width:60px;height:60px;text-align:center;background-color:#248850;display:inline-block;border-radius:5px;margin-bottom:30px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.boxes .icon i{font-size:26px;line-height:60px;color:#fff}
.boxes:hover .icon{background:#fff}
.boxes:hover .icon i{color:#248850}
.boxes h4{font-size:1.2em;margin-bottom:10px;color:#006638}

/* Über mich */
#about{background-color:#006638;color: #fff;overflow: hidden;position:relative}
#about .section-title,#about .section-subtitle{color:#fff}
#about .lines{border-color:rgba(255,255,255,0.5)}
#about h3{text-align:left;font-weight:normal;font-style:italic}
#about .highlight{width:80%;margin:0 auto 50px;text-align:center;font-weight:600;color:rgba(255,255,255,0.5)}
#about li span{display:block;padding-top:15px;font-weight:600;color:rgba(255,255,255,0.5)}
#about br{margin:1em;display:block}
.vorteil li:before{}

/* Parallax-scroll */
#parallax{background:url(../../../../ci/img/gartenpflege-objektpflege-maurice-hoelscher-nrw.jpg) center center no-repeat;background-size:cover;overflow:hidden;position:relative;padding:250px 0;background-color:#444}
#scrollimg{color:rgba(255,255,255,0.7);text-align:center;font-size:1.4em;margin:40px auto}
#scrollimg p{color:rgba(255,255,255,0.9);text-align:center;font-weight:600;margin:0 auto}
#scrollimg img, #scrollimg svg {width:80%;margin:auto;opacity:0.7}

/* Kontakt */
#kontakt{background:#fff;color:#000;position:relative}
.contact-address .icon{width:45px;height:45px;text-align:center;background-color:#006638;display:inline-block;border-radius:5px;margin-right:15px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.contact-address .icon i{font-size:1.5em;line-height:45px;color:#fff}
.form-control{width:100%;margin-bottom:10px;padding:14px;border-color:#ccc;border-radius:5px;color:#000;background:transparent;font-size:14px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}
.form-control:focus {box-shadow:none;border-color:#006638;background:#fff;outline:none}
.btn.disabled,.btn:disabled {opacity:1}
.text-danger{font-size:14px;margin-top:10px}
.captcha,.gdrp{display: flex}
.gdrp-text{width:90%;font-size:0.9em;padding-top:5px}
.gdrp-checkbox{margin-right: 20px;width:25px;height:25px}
.help-block{font-size:0.9em;color:red}
.captcha-error{position:relative;top:-20px}
.formName{display:none}

/* Counter */
#counters {background-color:#006638;color:#fff;position:relative}
#counters .facts-item{text-align:center;color:#fff}
#counters .icon{margin-bottom:1em}
#counters i{font-size:6em;color:#fff}
#counters h3{font-size:3.6em;color:rgba(255,255,255,0.6);margin-bottom:15px}
#counters h4{font-size:1.4em}

/* Kundenstimmen */
#testimonial{background-color:#248850;color:#fff;overflow: hidden;position:relative;text-align:center}
#testimonial img{width:150px;height:150px;border-radius:5px;border:3px solid #fff}
#testimonial p{font-size:0.9em;padding:40px;margin:0;line-height:2em}
#testimonial h3{font-size:1.2em;text-transform:none}
#testimonial span{font-size:0.9em;color:#006638}

.owl-theme .owl-controls{margin-top:20px}
.owl-theme .owl-controls .owl-buttons div{color:#fff;display:inline-block;zoom:1;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fff;opacity:0.5}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span,.owl-theme .owl-controls.clickable .owl-buttons div:hover{opacity:1;text-decoration:none}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}
.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;opacity:0.5;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fff}
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.grabbing{cursor:url(grabbing.png) 8 8,move}

.owl-carousel .owl-wrapper,.owl-carousel .owl-item{
-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.animated{-webkit-animation-duration:1000 ms;animation-duration:1000 ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.owl-animated-out{z-index:1}
.owl-animated-in{z-index:0}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;}  
@-webkit-keyframes fadeOut{0%{opacity:1;}100%{opacity:0;}}
@keyframes fadeOut{0%{opacity:1;}100%{opacity:0;}}

/* Footer */
.fooTop{background:#292f35;color:#fff;padding:0 0 50px;margin-top:75px;}
.fooTop .flex{display:flex}
.fooTop .mhfoo{width:250px;height:100px;position:relative;margin-top:-25px}
.fooTop p{font-size:1.2em;padding:25px 0 0 50px}
.fooTop em{color:rgba(255,255,255,0.6);display:block}
#fooBot{font-size:0.9em;color:#333;padding:15px;display:flex;margin-top:25px}
.fooLeft{text-align:left}
.fooRight{text-align:right;margin-right:50px}
.fooSvg{position:relative}
.fooSvg svg{position:absolute;width:37%;bottom:-135px;right:-4%;}
.fooPath1{fill:#a7cfb9;}

/* Pflichtseiten */
#pflicht{padding-top:125px}
h1,h2,h3{text-align:center}
#pflicht h3{margin:65px 0 25px;color:#006638;font-size:24px}
#pflicht h3.first{margin-top:0}
#pflicht h4{margin:25px 0 10px;color:#248850;font-size:20px}
#pflicht p{text-align:justify}
.tmg p{padding-bottom:25px;text-align:left !important}
.tmg span{width:30%;display:inline-block;font-weight:600;line-height:1.8em}