@charset "utf-8";


/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/roboto/roboto-v20-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('fonts/roboto/roboto-v20-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto/roboto-v20-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto/roboto-v20-latin-100.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto/roboto-v20-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto/roboto-v20-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('fonts/roboto/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/roboto/roboto-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('fonts/roboto/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto/roboto-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto/roboto-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto/roboto-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto/roboto-v20-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/roboto/roboto-v20-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('fonts/roboto/roboto-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto/roboto-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto/roboto-v20-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto/roboto-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto/roboto-v20-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('fonts/roboto/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/roboto/roboto-v20-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('fonts/roboto/roboto-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto/roboto-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto/roboto-v20-latin-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto/roboto-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto/roboto-v20-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* CSS Document */

body{ background-color:#fff; font-family: 'Roboto', sans-serif; }

.body-wrapper{ background-color:#fff; margin: 0px auto; right:auto!important; width:96%; margin-bottom:40px; }
.body-innerwrapper{ background-color:#fff; }

#offcanvas-toggler { height: 80px; line-height: 80px; font-size: 20px;}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { line-height: 80px;}


nav.sp-megamenu-wrapper ul li a{ font-size:20px; font-weight: 100!important;}

h1, h2, h3, h4, h5, p{ font-weight:300!important; font-family: 'Roboto', sans-serif;}

#sp-main-body { padding: 140px 0!important; }

h1{ font-size:70px; line-height:80px; text-transform: uppercase; }

h2{ font-size:50px; line-height:60px; color: #6aaa2a; text-transform: uppercase;  }

h3{ font-size:30px; line-height:40px; color: #777; }

p{ font-size:20px; line-height: 1.3;}

.schrift-schwarz{ color:#3c3c3b!important;}

.sp-contact-info li { font-size: 16px;}

.uc-embedding-wrapper h3 { font-size: 18px; line-height:24px; font-weight: 300; margin-top: 0px; color:#555; }
.uc-embedding-wrapper p.description-text{ font-size:14px;}
.uc-embedding-more-info { font-size: 14px; font-weight: normal; height: 30px; padding-left: 15px; padding-right: 15px; margin-bottom: 15px; background: #cecece; }
.uc-embedding-accept { font-size: 14px; font-weight: normal; height: 30px; padding-left: 15px; padding-right: 15px; background: #6aaa2a; color: #fff; }
.uc-embedding-powered-by { color: #a8a8a8; }

#sp-topbereich{}

#chronoform-kontaktformular-solms input,
#chronoform-kontaktformular-solms textarea{ border:1px solid #e4e4e4; }
#chronoform-kontaktformular-solms p{ font-size:14px;}
#chronoform-kontaktformular-solms #kontakt{ padding:10px 20px!important; color:#fff!important; }
#chronoform-kontaktformular-solms .chronocredits{ font-size:9px; color:#e4e4e4; }

#chronoform-kontaktformular-hungen input,
#chronoform-kontaktformular-hungen textarea{ border:1px solid #e4e4e4; }
#chronoform-kontaktformular-hungen p{ font-size:14px;}
#chronoform-kontaktformular-hungen #kontakt{ padding:10px 20px!important; color:#fff!important; }
#chronoform-kontaktformular-hungen .chronocredits{ font-size:9px; color:#e4e4e4; }

.offcanvas-menu {
  right: 0;
  top: 0;
}

.nui.form .field input[type]:focus-visible,
.nui.form .field textarea:focus-visible { border:1px solid #6aaa2a!important; outline: none!important;}

#sp-headerbereich{position:absolute; float: left; z-index: 9999; width: 100%;}

#slide-schrift span.slide-gross{font-family: 'Roboto', sans-serif; font-weight: 100!important;}

#slide-schrift span.slide-klein{font-family: 'Roboto', sans-serif; font-weight: 300!important; font-size: 30px!important; line-height: 40px!important;}

#sp-top2{ text-align:right; }

.blog .article-header h2 a { color: #6aaa2a!important; font-weight:bold!important;}

.oeffnungzeiten-acc .sppb-panel-modern > .sppb-panel-heading { padding: 20px 30px 20px 15px!important; background: #3c3c3b!important; color: #fff!important; }
.oeffnungzeiten-acc .sppb-panel-title { font-size: 18px!important; font-weight: normal!important; }

.sprocket-lists-modern li:nth-child(1) > h4, 

.sprocket-lists-modern-container li:nth-child(1) > h4,

.active li:nth-child(1) > h4, 

.sprocket-lists-item li:nth-child(1) > h4 { display:none;}

.sprocket-lists-modern-title{ font-size:1.5em!important;}

.sprocket-lists-modern-title:hover,

.active .sprocket-lists-modern-title{ color:#aecf00;}

.article-list .article { border-radius: 5px!important; background: #f9f9f9!important; }
.article-list .article .readmore{ margin-top:20px;}
.article-list .article .readmore a { color: #fff; font-weight: 500; background-color:#222; padding:10px 20px; }
.article-introtext { margin-bottom: 40px;}

#sp-headerbereich{ background:none!important; background-color: rgba(255,255,255,0.8)!important; padding: 20px!important;}


.offcanvas-menu .offcanvas-inner ul.menu > li ul.menu-child { display: inline; }
.offcanvas-menu .offcanvas-inner ul.menu > li ul.menu-child li{ }
.offcanvas-menu .offcanvas-inner ul.menu > li > ul.menu-child > li > a { font-weight:200!important; font-size: 2rem !important; }

body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li ul { margin-left: 0px!important; }

.logo-image { width: 100%!important; height: auto!important; }



#sp-topbereich{ }

#sp-section-3{display:none;}

#sp-top2 p{ font-size:18px;}

.offcanvas-menu .d-flex.align-items-center .logo{ display:none;}


.d-flex { float: right; }
.burger-icon{ margin-left:20px; }



.offcanvas-menu .offcanvas-inner {
  padding: 10%;
}

.offcanvas-menu.center-alignment .offcanvas-inner {
  padding: 10%;
}

.offcanvas-menu.border-menu .offcanvas-inner ul.menu > li {
  border: 0;
  padding: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
  display: block;
}

.offcanvas-menu.border-menu .offcanvas-inner ul.menu > li a {
  color: #fff !important;
  text-align: center;
  font-size: 4rem !important;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {
  line-height: 4rem;
}

.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
  background-color: #fff!important;
}

#sp-topbereich {
  border-bottom: 1px solid #e4e4e4;
}

#sp-footer2 p{ font-size:14px;}




#offcanvas-toggler { height: auto!important; line-height: auto!important; font-size: 50px!important; color: #fff!important; }



label{ font-size:16px!important; color:#808080!important; font-weight:100!important; }

button#kontakt{background-color:#aecf00!important;}

textarea:focus, input:focus { color: rgba(0,0,0,.8)!important; border-color: #aecf00!important;}



#offcanvas-toggler > .fa { color: #3c3c3b!important;}

#offcanvas-toggler { display: flex; height: 60px!important; line-height: 60px!important; }

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {  line-height: 60px!important; }



.zentriert{ text-align:center!important;}





.duenn{ font-weight:100px;}



body.ltr.offcanvs-position-right .offcanvas-menu { right: -100%!important; }
body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu { right: 0!important; }


.offcanvas-menu { background-color: rgba(106, 170, 42, 0.9)!important; color: #fff!important;}



.offcanvas-menu { width: 100%!important; height: 100%; position: fixed; top: 0; overflow: inherit; -webkit-transition: all 0.6s; transition: all 0.6s; z-index: 9999999999999999990000;}



.close-offcanvas { position: absolute; top: 40px; right:40px; z-index: 1; border-radius: 100%; width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 50px; background: none!important; color: #fff;}



.offcanvas-menu .offcanvas-inner { padding: 10%;}



.offcanvas-menu .offcanvas-inner .sp-module ul > li a{ color:#fff!important; text-align: center; font-size: 5rem!important; font-weight: 100;}




body.ltr.offcanvs-position-right.offcanvas-active .body-wrapper { right: 0px!important;}







.btn-mit-rahmen{ border: 2px solid #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}



.btn-mit-rahmen:hover{ border: 2px solid #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}







.btn-bg-weiss-gruene-schrift{ border: none!important; background-color: #fff; color: #aecf00; padding: 10px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}



.btn-bg-weiss-gruene-schrift:hover{ border: none!important; background-color: #f9f9f9; color: #aecf00; padding: 10px 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}



#sp-bottom,

#sp-bottom p,

#sp-bottom ul li{ font-size:15px!important;}



#sp-bottom .sp-module .sp-module-title {



    font-weight: 700!important;

    font-size: 20px!important;

    margin: 0 0 30px;



}



.schrift-weiss{ color:#fff!important;}

.zentriert{ text-align:center!important;}



.leistungsuebersicht-balken{ background-color:#3c3c3b; color: #fff; text-align: center; font-size: 30px; text-transform: uppercase; padding: 10px;}



.sppb-btn-primary{ background-color:#6aaa2a!important; color: #fff!important;}

.sppb-btn-secondary{ background-color:#3c3c3b!important; color: #fff!important;}



.service-bloecke{ background-color:#f9f9f9; text-align: center; min-height: 450px; }

.service-bloecke h3{ background-color:#6aaa2a; color: #fff; text-align: center; padding: 10px; width:100%;}

.service-bloecke p{ text-align: center; padding: 20px;}


/*
.fa, .far, .fas { font-weight: 900 !important;}
.fa-bars{ content: "\f0c9"!important; font-size: 50px!important; }

.burger-icon > span { display: block; height: 8px; background-color: #777!important; margin: 5px 0; transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
  font-size: 50px!important; width:50px;  }

.offcanvas-menu .logo-image{ display:none;}
#offcanvas-toggler.offcanvas-toggler-right { float: right; margin-left: 0px; padding-top:3%; padding-right:5px;
}
.burger-icon { width: 50px;cursor: pointer; }

.offcanvas-menu.border-menu .offcanvas-inner ul.menu > li {
  border-bottom: none!important;
  margin-bottom: 0;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a{ display: inline; line-height: inherit;}

#offcanvas-toggler > .fa{ font-family: "Font Awesome 5 Free"; font-size: 50px; color:#555!important; }
#offcanvas-toggler{ line-height:140px;  }
#sp-top2{ text-align:right; }

.close-offcanvas .burger-icon > span,
.close-offcanvas .burger-icon span{ background-color: #222!important; height: 2px!important; }

.sp-scroll-up,
.offcanvas-active .burger-icon > span{ display:none!important;}

.offcanvas-active .close-offcanvas .burger-icon > span{ display:block!important;}

#offcanvas-toggler { height: auto!important; line-height: auto!important; font-size: 50px!important; color: #555!important; }


#offcanvas-toggler > .fa { color: #555!important;}

.offcanvas-menu .offcanvas-inner ul.menu li.active a {
  color: #e4e4e4 !important;
}

*/


/*
body.ltr.offcanvs-position-right .offcanvas-menu { right: 0!important; }
.offcanvas-menu { background-color: rgba(106, 170, 42, 0) !important; }
.offcanvas-menu.center-alignment .offcanvas-inner { display:none!important; }
*/


/*

.burger-icon > span {background: #222;}
.offcanvs-position-right.offcanvas-active .offcanvas-menu {background: #fff;}
.offcanvas-menu {background-color: #fff;}
.offcanvas-menu .offcanvas-inner ul.menu > li > a  {color: #222;}

@media screen and (max-width: 860px) {
#sp-menu .sp-module {display: none;}
#offcanvas-toggler {line-height: 75px; height: 75px;font-size: 20px;}
.burger-icon {width: 25px;cursor: pointer;}
.burger-icon > span {display: block; height: 3px; background-color: #333; margin: 4px 0;}
#sp-header #offcanvas-toggler {display: flex; align-items: center;}
}
*/




@media only screen and (max-width: 1200px) {



h1{ font-size:65px!important; line-height:75px!important; }

h2{ font-size:45px!important; line-height:55px!important; }

h3{ font-size:25px!important; line-height:35px!important; }

p{ font-size:18px; line-height: 1.2;}

#sp-top2 p{ font-size:16px;}

#sppb-addon-1538667473938 .sppb-gallery img { width: 300px!important; height: 180px!important;}



.parallax{ background-attachment: scroll !important;}

.leistungsuebersicht-balken{ font-size: 26px!important;}


.sppb-btn-primary, .sppb-btn-secondary, .sppb-btn-custom{ font-size:15px!important; }

.service-bloecke h3{ font-size:18px!important; padding: 10px;}

.service-bloecke p{ padding: 15px!important; font-size:14px!important; line-height:20px;}

#sp-top2 p{ font-size:14px; text-align:right;}

}






@media only screen and (max-width: 996px) {

.body-wrapper{width:94%; }


h1{ font-size:40px!important; line-height:50px!important; }

h2{ font-size:30px!important; line-height:40px!important; }

h3{ font-size:20px!important; line-height:30px!important; }

p{ font-size:16px!important; line-height: 1.2;}

.burger-icon { padding-top: 20px; }

#sppb-addon-1538667473938 .sppb-gallery img { width: 220px!important; height: 120px!important;}



.offcanvas-menu .offcanvas-inner .sp-module ul > li a { font-size: 50px !important; font-weight: 100;}



#offcanvas-toggler{ display: block; height: 60px; line-height: 60px; font-size: 20px;}



#sppb-addon-1538667473938 .sppb-gallery img { width: 100%!important; height: auto!important;}


.leistungsuebersicht-balken{ font-size: 20px!important;}

.service-bloecke h3{ font-size:16px!important; padding: 10px;}

.service-bloecke p{ padding: 10px!important; font-size:14px!important;}

#sp-top2 {
  text-align: left!important;
}

.logo-image-phone {
  height: 60px!important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a { font-size: 50px !important; font-weight: 100;}

#offcanvas-toggler { display: block; height: 60px; line-height: 60px; font-size: 20px; color:#555!important;}


.offcanvas-menu.border-menu .offcanvas-inner ul.menu > li a {
  color: #fff !important;
  text-align: center;
  font-size: 3rem !important;
  line-height: 3rem!important;
}

ul.mod-menu__sub.list-unstyled.small.menu-child{ display:block!important; }

.offcanvas-menu .offcanvas-inner ul.menu > li > ul.menu-child > li > a {
  font-weight: 200 !important;
  font-size: 1.5rem !important;
  line-height:1.5rem !important;
}


}


@media only screen and (max-width: 768px) {

#sp-top1 { text-align:center; }
#sp-top2 p{ font-size:14px; text-align:center; }

#offcanvas-toggler.offcanvas-toggler-right {
  float: right;
  margin-left: 0px;
  padding-top: 3%;
  padding-right: 5px;
}

}




@media only screen and (max-width: 468px) {

.service-bloecke{ min-height: auto!important; }
.service-bloecke h3{ font-size:18px!important; padding: 20px;}
.service-bloecke p{ padding: 20px!important; font-size:16px!important;}



}