/* Custom CSS, Copyright by www.web2use.ch */


/**************************************

            Allgemein

**************************************/

body .sppb-btn.sppb-btn-default, body .sppb-btn.sppb-btn-primary, body .sppb-btn.btn-primary, body .btn.sppb-btn-default, body .btn.sppb-btn-primary, body .btn.btn-primary {color: #ffff;background-color: rgba(197, 141, 29, 0.9);}

body .sppb-btn.sppb-btn-default:hover, body .sppb-btn.sppb-btn-primary:hover, body .sppb-btn.btn-primary:hover, body .btn.sppb-btn-default:hover, body .btn.sppb-btn-primary:hover, body .btn.btn-primary:hover {color: #ffff;background-color: rgba(197, 141, 29, 0.6);}

.form-control, input[type="email"]:not(.form-control) {
  background-color: rgb(255, 255, 255) !important;
  border: 1px dashed rgba(255, 255, 255, 0.2) !important;

}


h2 {margin-top: 50px;}

#sp-main-body ul {padding-left: 18px;}

label {text-transform: none; letter-spacing: 0px;}


/**************************************

            Header

**************************************/


#sp-header {background: rgba(197, 141, 29, 0.9);}







/**************************************

            Topnavigation

**************************************/


.sp-megamenu-parent > li.active::after, .sp-megamenu-parent > li:hover::after {border-bottom: 3px solid #fff;}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a, .sp-megamenu-parent > li:hover > a  {color: rgba(255,255,255,0.6);}


.sp-megamenu-parent .sp-mega-group > li > a {
  color: #F6F1EA;
  font-family: Teko;
  font-size: 24px;
  text-transform: none;
line-height: 26px;
margin-bottom: 40px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
line-height: 26px;
margin-bottom: 20px;
}

.sp-megamenu-parent .sp-dropdown.sp-menu-right li.sp-menu-item > a {font-family: 'Teko', sans-serif; font-size: 24px;}

.sp-megamenu-parent .sp-dropdown ul ul li.sp-menu-item > a {line-height: 24px; margin-bottom: 0px;}

.sp-megamenu-parent .sp-mega-group > li > a.sp-group-title {line-height: 26px; margin-bottom: 0px;
}


.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {background: #fff;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {color: #000;}

.sp-megamenu-parent .ei-wunder .sp-dropdown .sp-dropdown-inner {padding: 0;}
.sp-megamenu-parent .ei-wunder .sp-dropdown .sp-dropdown-inner .col-sm-3 {padding: 40px 30px !important;}


.sp-megamenu-parent .ei-wunder .sp-dropdown .row {padding: 0 15px;}

.sp-megamenu-parent .ei-wunder .sp-dropdown .col-sm-3:nth-child(odd) {background-color: rgba(201, 151, 49, 0.2)}
.sp-megamenu-parent .ei-wunder .sp-dropdown .col-sm-3:nth-child(even) {background-color: rgba(201, 151, 49, 0.1)}

/**************************************

            Off-Canvas

**************************************/

.burger-icon {width: 25px;margin-right: 10px;}
.burger-icon span:first-child {width: 30px;margin: 6px 0 0; transition: all 0.5s;}
.burger-icon span:last-child {width: 20px;margin: 6px 0 0 10px; transition: all 0.5s;}
.burger-icon span { width: 25px;margin: 6px 0 0 5px; transition: all 0.5s;}


.offcanvas-active .burger-icon span:first-child, .offcanvas-active .burger-icon span:last-child, .offcanvas-active .burger-icon span {width: 25px;margin: 5px 0;transition: all 0.5s;}


.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {
  opacity: 1;
}

@media (max-width: 990px) {

}


/**************************************

            Inhalt

**************************************/

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

#sp-main-body .container, .article-details .article-body-wrap .container {background: none;}

.article-details .article-body-wrap .container {background: #fff !important;}

body.view-article #sp-main-body > .container {background: #fff;padding: 30px 30px 80px 30px;}

body.com-contact #sp-main-body .container, body.view-category #sp-main-body .container {margin: 50px auto 80px;  background: #fff !important; padding: 30px 30px 80px 30px;}

#sp-main-body .container, #sp-main-body .sppb-row-container {background: #fff; box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.09); }

#sp-main-body .container .container {
  background: #fff;
  box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.0);
}

.article-details .article-top-sec {padding-top: 50px;}
#sp-main-body h1 {padding: 30px 0 30px;}

/* Beiträge */
.page-header {padding-bottom: 0px;}



/* Blog */

.com-content-category-blog__item.blog-item {
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 50px;
  padding-bottom: 50px;
}


/* Startseite */

.sp-slider-content-align-left, .sp-slider-image-align-left {padding: 30px;background: rgba(197, 141, 29, 0.8);}
.sppb-sp-slider-button .sp-slider-btn-text {background: #83613E; font-size: 18px;border-radius: 6px;}



.sppb-item.sppb-item-has-bg .sppb-carousel-item-inner {padding: 0px;}
.sppb-carousel-pro-text {background: #CA9833C9;padding: 50px; color: #fff;}
body .sppb-carousel-pro-text .sppb-btn.sppb-btn-primary {background: #83613E; border: 1px solid #83613E; transition: all 0.5s;}
body .sppb-carousel-pro-text .sppb-btn.sppb-btn-primary:hover {background: #83613E6B; border: 1px solid #83613E; transition: all 0.5s;}


.featurebox .sppb-column-addons {
  border: 1px solid rgba(202, 152, 51, 1);
  border-radius: 20px;
  overflow: hidden;
  transition: all 0.4s;
}

.featurebox .sppb-column-addons:hover {background: rgba(202, 152, 51, 0.5);   transition: all 0.4s;}

.featurebox img {  padding: 30px;}
.featurebox .sppb-btn {border-radius: 0px;}


/* Gmbh */

.gmbh .sppb-addon-accordion .sppb-panel:first-child {background: #CA9833; border-top: 1px solid #B79C56; border-radius: 0px 0px 20px 20px;  text-align: center;}

.gmbh .sppb-panel-modern > .sppb-panel-heading {color: #fff; font-family: 'Open Sans', sans-serif !important; font-size: 18px;}

.gmbh .sppb-addon-accordion .sppb-panel .sppb-panel-heading .sppb-panel-title { 
  font-family: 'Teko', sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.gmbh .sppb-addon-accordion .sppb-panel .sppb-panel-heading .sppb-toggle-direction {right: 0px;color: rgba(255,255,255,1);}

.gmbh .sppb-addon-accordion .sppb-panel {padding: 20px;}

.gmbh .sppb-addon-person .sppb-person-image {margin-bottom: 0px;border-radius: 20px 20px 0 0;}

.gmbh .sppb-person-information {border-left: 1px solid #B79C56; border-right: 1px solid #B79C56;padding: 30px 0;}

.gmbh .sppb-addon-person {border-radius: 20px 20px 0 0;}
.gmbh .sppb-addon-person:hover {background: rgba(202, 152, 51, 0.5);}
.sppb-addon-person .sppb-person-information > span.sppb-person-name {
  font-size: 18px;
  font-weight: 700;
  color: #B79C56;
}

.sppb-addon-person .sppb-person-information > span.sppb-person-designation {color: rgba(0,0,0,0.8);}
.gmbh .sppb-addon-accordion .sppb-panel .sppb-panel-body .sppb-addon-content {font-weight: 400;color: #fff;font-size: 18px; line-height: 24px;}

/* Kontaktformular */

#contact-form input, #contact-form textarea  {border: 1px solid #e1e1e1 !important;}

/* Error-Seite */

html.error-page .error-code {font-family: "Teko" !important; color: rgba(197, 141, 29, 0.9);}
html.error-page .error-message {font-family: 'Open Sans', sans-serif; font-size: 28px; text-transform: none; line-height: 40px; color: rgba(197, 141, 29, 0.9);}
html.error-page .sppb-btn, body .btn {border: 2px solid rgba(197, 141, 29, 0.9);}
html.error-page .sppb-btn.sppb-btn-dash-circle:hover {border: 2px solid rgba(197, 141, 29, 0.9); background: rgba(197, 141, 29, 0.9);}

/*suche*/
.com-finder.view-search #sp-main-body {
  background-color: #F6F1EA;
  color: #fff;
  margin: 50px auto 80px;
}
.com-finder.view-search #sp-main-body {color: #000;}
.com-finder #sp-component { padding: 60px 30px;}
.mod-finder .js-finder-search-query, #search-form .js-finder-search-query,#search-form .js-finder-search-query:active, #search-form .js-finder-search-query:focus, #search-form .js-finder-search-query:hover, .mod-finder .js-finder-search-query:hover, .mod-finder .js-finder-search-query:active, .mod-finder .js-finder-search-query:focus {color: #000;}
.com-finder .form-control {border: 1px solid #e1e1e1 !important;}
.com-finder #search-results { margin-top: 50px;}


/* FAQ */

.faq #sp-main-body .moduletable {margin-bottom: 50px;}
.faq h4 {margin-top: 50px;}


/**************************************

            Randspalte

**************************************/








/**************************************

            Footer

**************************************/
#sp-bottom, #sp-footer {color: #636565; background: #ececec;}
#sp-bottom h3, #sp-footer h3,
#sp-bottom .sp-module .sp-module-title,
#sp-bottom a, #sp-footer a {color:  #000;}
#sp-bottom a:hover, #sp-footer a:hover {color: #636565;}


#sp-bottom .sp-module .sp-module-title {font-size: 32px; font-weight: normal;}


#sp-bottom3 #acym_fulldiv_formAcym76401.acym_fulldiv {text-align: left !important;}

#sp-bottom {font-size: 18px;}


/**************************************

            Mediaqueries

**************************************/

@media (max-width: 990px) {

}


@media screen and (min-width: 768px) and (max-width: 990px) {
 
	
}


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


}

@media (min-width: 990px) {
/* Slider */

.sppb-carousel-pro-text {margin-left: 80px;}
.sppb-carousel-pro-text h2 {
  font-size: 44px;
  line-height: 56px;
  margin-top: 0;
}
}


@media screen and (min-width: 991px) and (max-width: 1199px) {
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {left: auto; right: 0;  margin-right: -225px;}
.logo-image { height: 60px;}
.sp-megamenu-parent > li > a {font-size: 20px;}
.header-modules {max-width: 150px;}
}

@media (min-width: 1200px) {
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {left: auto; right: 0;  margin-right: -290px;}

}

@media (min-width: 1400px) {
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {left: auto; right: 0;  margin-right: -390px;}
#sp-main-body .sppb-row-container, #sp-main-body .container, .article-details .article-body-wrap .container {width: 100% !important;
max-width: 1560px !important;}
	.sppb-carousel-pro-inner-content .sppb-container {max-width: 1560px;}
}