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

            Allgemein

**************************************/
body {color: #484848;}

a, .sppb-person-information > a.sppb-person-email {color: #02963E  !important;}
a:hover, .sppb-person-information > a.sppb-person-email:hover {color: rgba(150, 21, 35, 1) !important;}


#sp-main-body h1,
#sp-main-body h2,
#sp-main-body h3,
#sp-main-body h4,
#sp-main-body h5,
#sp-main-body h6 {color: #02963E !important;}


#sp-main-body .btn.btn-primary, #sp-main-body .sppb-btn.sppb-btn-primary {border: 1px solid #02963E !important; background: #02963E !important; color: #fff !important; border-radius: 6px; font-weight: normal; transition: all 0.3s;}
#sp-main-body .btn.btn-primary:hover,#sp-main-body .sppb-btn.sppb-btn-primary:hover {border: 1px solid #02963E !important; background: #fff !important; color: #02963E !important; transition: all 0.3s;}

body .sppb-btn.sppb-btn-default::before, 
body .sppb-btn.sppb-btn-primary::before, 
body .btn.sppb-btn-default::before, 
body .btn.sppb-btn-primary::before {display: none;}

input[type="text"], input[type="email"], input[type="url"], input[type="date"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], select {border: 1px solid #02963E; border-radius: 4px !important;transition: background 0.3s;}


input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="date"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, select:focus {border-color: #02963E;background: rgba(27%, 46%, 13%, 0.05); transition: background 0.3s;}

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

            Header

**************************************/
#sp-header { background-color: #fff !important; color: #02963E !important;box-shadow: 0 4px 10px -10px rgba(0, 0, 0, 0.6) !important;}

.signin-text.d-none.d-lg-inline-block {display: none !important;}

.sp-menu-item { max-width: 320px;}

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

            Topnavigation

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


.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {font-size: 18px; font-weight: normal;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a { font-size: 20px; color: #333333 !important ;font-weight: 500;}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a,.sp-megamenu-parent > li:hover > a {color: #02963E;}


.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {color: #02963E;}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {font-size: 18px !important; font-weight: 400 !important;}



.burger-icon > span {
    height: 3px;
    background-color: #02963E;
}
#modal-menu-toggler.active .burger-icon > span {
    background-color: green;
    height: 2px;
}

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

body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {
  left: auto;
  right: -20px !important;
 padding-top: 57px;
}



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

            Navigation links

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



.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list {list-style-type: none;}

.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list ul li {border-bottom: 1px solid #ccc; width: 100%; padding: 8px 0;font-size: 16px;}



.metismenu-item.item-115.level-1,
.metismenu-item.item-116.level-1,
.metismenu-item.item-117.level-1 {
    display: none;
}


.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list {padding-left: 0;padding-right: 15px;}



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

            Inhalt

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

#sp-main-body i { padding-right: 15px;font-size: 18px;}

#sp-main-body .sp-slider h1,#sp-main-body .sp-slider h2 {color: #fff !important;text-transform: none !important;}

.sppb-addon-person .sppb-person-information {color: #000; transition: color 0.3s;}
.sppb-addon-person.sppb-addon-person .sppb-person-information > span.sppb-person-designation {color: rgba(0,0,0,0.7); transition: color 0.3s;}

.sppb-addon-persion .sppb-person-information > span.sppb-person-name, .sppb-addon-person .sppb-person-information > span.sppb-person-name, .sppb-addon-person .sppb-person-information > a.sppb-person-email, .sppb-addon-person .sppb-person-information > span.sppb-person-designation {font-size: 18px;}


.sppb-panel-modern > .sppb-panel-heading {
    background: rgba(69, 119, 32, 0.2);
    color: #457720;
}
.sppb-panel-title {
    font-size: 18px;
}



.sppb-flipbox-front.flip-box::before {background-color: rgba(69, 119, 32, 0.2) !important; border: 1px solid #457720;}



.sppb-flipbox-back.flip-box::before {border: 1px solid #457720;}

.sppb-addon-accordion .sppb-panel-modern > .sppb-panel-heading {background: #029642; color: #fff;}




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

            Offcanvas

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

.offcanvas-menu {background-color: #02963E;color: #fff;}
.offcanvas-menu ul.menu li a {color: #fff !important;}
.offcanvas-menu .offcanvas-inner ul.menu > li a:hover, .offcanvas-menu .offcanvas-inner ul.menu > li a:focus, .offcanvas-menu .offcanvas-inner ul.menu > li span:hover, .offcanvas-menu .offcanvas-inner ul.menu > li span:focus { color: #0345bf;}

.offcanvas .logo-image {height: 60px; border: 4px solid #fff;}



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

            Footer

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

#sp-bottom {font-size: 14px;}
#sp-bottom i { padding-right: 20px;font-size: 24px;}
#sp-bottom a, #sp-bottom .sp-module ul > li > a, #sp-bottom label { color: #fff !important;}
#sp-bottom a:hover, #sp-bottom .sp-module ul > li > a:hover {color: rgba(255,255,255,0.5);}
#sp-bottom h3, #sp-bottom .sp-module .sp-module-title  {color: #fff;font-size: 18px;}
#sp-bottom .sp-module ul > li {font-size: 14px; line-height: 20px;}
#sp-bottom .btn.btn-primary {background: #02963E !important; border: 1px solid #fff !important;}
#sp-bottom .btn.btn-primary:hover {background: #fff !important; border: 1px solid #fff !important;color: #02963E !important;}

#sp-footer {font-size: 14px;}
#sp-footer1 .sp-copyright {color: rgba(0, 0, 0, 1);}
#sp-footer2 a:hover, #sp-footer2 a:focus, #sp-footer2 a:active,#sp-footer3 a:hover, #sp-footer3 a:focus, #sp-footer3 a:active {color: rgba(69, 118, 32, 0.5);}


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

            Mediaqueries

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

@media (max-width: 990px) {
	#sp-main-body { margin-top: 80px;}
	.burger-icon > span {background:#02963E;}
	.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler {color: #fff;}
	body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler, body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler { width: 100%;text-align: right;}
}


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


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


}


@media (min-width: 991px) {
#sp-main-body { margin-top: 140px;}
.flip-box-inner .fas.fa-ellipsis-h {display: none !important;}
}


@media screen and (min-width: 991px) and (max-width: 1199px) {
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {font-size: 18px;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li span { padding: 0 10px;}


	
}

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


}


@media (min-width: 1400px) {
.sppb-row-container {
    max-width: 1320px;
}
}