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

            Allgemein

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

body {background-color: #fff;color: #595959;font-weight: 500;}

.view-article #sp-title { display: block;}


.sppb-btn {font-size: 16px; font-weight: 500; letter-spacing: 0px;}

.sppb-btn.sppb-btn-primary, .sppb-btn.sppb-btn-default, .btn-primary, .sppb-btn-primary,.login .btn-primary, .logout .btn-primary, .registration .btn-primary { background-color: #772347; padding: 10px 15px;border-color: #772347;}

    


.sppb-btn.sppb-btn-primary:hover, .sppb-btn.sppb-btn-primary:focus,.sppb-btn.sppb-btn-default:hover,.sppb-btn.sppb-btn-default:focus, .btn-primary:hover, .tags > li a:hover,.login .btn-primary:hover, .logout .btn-primary:hover, .registration .btn-primary:hover { background-color: transparent; color: #772347; border: 1px solid #772347 }


/*#system-message-container {
    position: absolute;
    margin: 0 auto;
    width: 80%;
    left: 10%;
    top: 200px;
    z-index: 10000 !important;
}*/
.alert {padding: 3rem 2rem;}

.sp-page-title { margin-top: 0px;}



h1, h1.sppb-addon-title, h2, h2.sppb-addon-title, h3, h3.sppb-addon-title, h4, h5, h6 {font-weight: 500 !important; color: #0f4e66; margin:0; padding: 0;}

h3, h3.sppb-addon-title {padding-bottom: 15px;}

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

dl, ol, ul { padding-left: 15px;}


a {color: #772347}
a:hover, a:focus, a:active { color: #566a4b;}

.com-sppagebuilder #sp-main-body a {text-decoration: underline;}
.com-sppagebuilder #sp-main-body a.sppb-btn-primary  {text-decoration: none;}



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

            Header

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


.sp-megamenu-parent > li > a {color: #595959 !important;}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a {color: #772347 !important;}
.sp-megamenu-parent > li.active a {border-bottom: 3px solid #772347;}


#sp-header:not(.header-sticky) .container {border-bottom: 0px;}

#sp-header:not(.header-sticky) {border-bottom: 1px solid #772347;}



.sppb-item.sppb-item-has-bg .sppb-carousel-item-inner {width: 50%; background: #772347e6;}
.sppb-item.sppb-item-has-bg .sppb-carousel-item-inner > div {max-width: 500px;  float: right;}
.sppb-carousel h3 {color: #fff;}
.sppb-carousel .sppb-btn-primary {border: 1px solid #fff; background: transparent;}
.sppb-carousel .sppb-btn-primary:hover {border: 1px solid #772347; background: #fff; color:#772347 }

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

            Topnavigation

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


a.space-after {margin-bottom: 30px;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {border-bottom: solid 1px #7723477a;; width: 100%;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:last-child > a {border-bottom: solid 0px #772347; width: 100%;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:not(:last-child) { border-bottom: solid 0px #772347;width: 100%;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { background: #E3F0DB;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {color: #772347;}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right { padding-top: 1px;}


.space-after {margin-bottom: 20px;}

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

            Navigation links

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

/* Terminspalte */

.terminspalte h3, .terminspalte h4 {color:#c5e0b4;}
.terminspalte h4 {padding-bottom: 15px;}
.terminspalte a {color: #c5e0b4}
.terminspalte a:hover {color: #a6c297}











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

            Inhalt

**************************************/
.com-sppagebuilder #sp-main-body { margin-top: 140px;}



/* Beiträge */
.article-details .article-header h1, .article-details .article-header h2 { color: #595959;}
.article-details .article-header {text-align: left;}



/* Formulare */

.jsn-form-content .control-group .control-label {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
}

.jsn-bootstrap .jsn-form-content .control-group { padding: 10px 0 !important;}


/* Preisübersicht */

.preise .clearfix {border-top: 1px solid #e4e4e4;}


.sppb-carousel-text h2 {color: #fff;font-size: 46px; line-height: 56px;margin-bottom: 20px;}
.sppb-btn.sppb-btn-default {
  color: #252525;
  background-color: #ffffff;
}
.sppb-carousel a.sppb-btn-default, .sppb-carousel .sppb-btn.sppb-btn-default {border: 1px solid #fff; background: transparent; color: #fff; text-decoration: none !important; margin-top: 30px;}
.sppb-carousel a.sppb-btn-default:hover {border: 1px solid #772347; background: #fff; color:#772347 }

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

            Randspalte

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







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

            Footer

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

#sp-footer {font-size: 16px;}
#sp-footer .container-inner { border-top: 0px;}
#sp-footer h3 { font-size: 24px; color: #fff;}
#sp-footer #sp-footer2 {text-align: left;}
.credits,#sp-login {font-size: 12px;}




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

            Off-Canvas Menu

**************************************/
.offcanvas-menu { background: #c5e0b4 !important; max-width: 400px;}

.offcanvas-menu .offcanvas-inner .sp-module .menu > li.active > a, .offcanvas-menu .offcanvas-inner .sp-module .menu .menu-parent.active > a, .offcanvas-menu .offcanvas-inner .sp-module .menu > li.active > span, .offcanvas-menu .offcanvas-inner .sp-module .menu .menu-parent.active > span { color: #772347;}	
body.ltr.offcanvs-position-right .offcanvas-menu { right: -400px;}
.fa.fa-close::before, .fa.fa-remove::before { content: "\f057"; }
.close-offcanvas {color: #772347;}
.close-offcanvas:hover {color:#566a4b;}
.close-offcanvas span {font-size: 28px;}
	
.offcanvas-menu .offcanvas-inner .sp-module ul > li {text-transform: uppercase;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {color: #772347; font-size: 18px !important; font-weight: 500 !important;}
.offcanvas-menu .offcanvas-inner .sp-module .menu > li span, .offcanvas-menu .offcanvas-inner .sp-module .menu .menu-parent span {color: #772347; font-size: 18px !important; font-weight: 500 !important;}
.offcanvas-menu .offcanvas-inner .sp-module .menu > li.active > a, .offcanvas-menu .offcanvas-inner .sp-module .menu .menu-parent.active > a, .offcanvas-menu .offcanvas-inner .sp-module .menu > li.active > span, .offcanvas-menu .offcanvas-inner .sp-module .menu .menu-parent.active > span,.offcanvas-menu .offcanvas-inner .sp-module .menu .menu-parent.menu-parent-open > a, .offcanvas-menu .offcanvas-inner .sp-module .menu .menu-parent.menu-parent-open > span, .offcanvas-menu .offcanvas-inner .sp-module .menu > li .menu-child li.active > a, .offcanvas-menu .offcanvas-inner .sp-module .menu .menu-parent .menu-child li.active > a,.offcanvas-menu .offcanvas-inner .sp-module ul > li > a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li > span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li > a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li > span:focus {color: #566a4b;}

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {color: #772347; font-size: 16px !important;}	
	
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent.menu-parent-open > .nav-header > .menu-toggler::after, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent.menu-parent-open > a > .menu-toggler::after, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent.menu-parent-open > .menu-separator > .menu-toggler::after { content: "\f35b";}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .nav-header > .menu-toggler::after, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler::after, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler::after {
    content: "\f358";
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {
    color: #772347;
}




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

            Mediaqueries

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


@media (max-width: 990px) {

#offcanvas-toggler {font-size: 36px;}
#offcanvas-toggler > .fa { color: #772347 !important;}
#sp-footer .container-inner { text-align: left;}
}
	
@media (max-width: 768px) {

}

@media (max-width: 1200px) {

}

@media (max-width: 570px) {

}


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

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

}

@media (min-width: 990px) {
	#offcanvas-toggler {display: none;}
	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {font-weight: 500;height: 139px;}
	
	
	
}
@media (min-width: 1200px) {


	
}



@media (min-width: 1500px) {


}