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

            Allgemein

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


a, .sppb-person-information > a.sppb-person-email {color: #503721  !important;}
a:hover, .sppb-person-information > a.sppb-person-email:hover {color: rgba(113, 82, 55, 0.5) !important;}

#sp-main-body a {text-decoration: underline;}


#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: #503721 !important;}

.view-article #sp-main-body .container .article-header h1 {font-weight: 300 !important;}

#sp-main-body {padding-top: 50px !important;}
.home #sp-main-body {padding-top: 0px !important;}

#sp-main-body .btn.btn-primary, #sp-main-body .sppb-btn.sppb-btn-primary {border: 1px solid #503721 !important; background: #503721 !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 #503721 !important; background: #fff !important; color: #503721 !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 #503721; 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: #503721;background: rgba(27%, 46%, 13%, 0.05); transition: background 0.3s;}

.sp-scroll-up {background: rgb(255, 255, 255,1);border: 1px solid #503721;}

tbody, td, tfoot, th, thead, tr {padding-right: 15px;}


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

            Header

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

.logo {font-family: Verdana, sans-serif; font-style: italic; font-weight: 600;}
.logo-slogan {margin-top: -50px;font-family: Verdana, sans-serif; font-style: italic; font-weight: 600; display: block;}

#sp-header .sp-module { margin-left: 70px;}




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

            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;font-weight: 500;}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a,.sp-megamenu-parent > li:hover > a {color: #503721;}


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

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

.sp-megamenu-parent > li.active > a {font-weight: 500;color: rgba(113, 82, 55, 0.6) !important}


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

            Navigation links

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














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

            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;}


#section-id-1639562659387 .sppb-icon .sppb-icon-container > i { color: #457720 !important;}

.home .article-details .article-header {position: relative; display: none;}
.home .article-details {margin-top: 40px;}


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

            Offcanvas

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

.offcanvas-menu {background-color: #503721;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-menu .logo {display: none;}

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

.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; width: 100%; text-align: right; padding: 5px 0;}

.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent .menu-toggler {color: #fff; width: 100%; text-align: right; padding: 5px 0;}

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

            Footer

**************************************/
#sp-bottom, #sp-footer {background-color: #503721;}
#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) !important;}
#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: #503721 !important; border: 1px solid #fff !important;}
#sp-bottom .btn.btn-primary:hover {background: #fff !important; border: 1px solid #fff !important;color: #503721 !important;}
#sp-bottom3::after {background: rgba(255,255,255,0.1);}
#sp-footer {font-size: 14px;}
#sp-footer1 .sp-copyright {color: fff;;}
#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(255,255,255,0.5);}
#sp-footer {border-top: 0px;}
#sp-footer .container-inner {border-top: 0px;}

.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
  color: #fff !important;
  background: #503721;
  border: 1px solid #fff;
}

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

            Mediaqueries

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

@media (max-width: 990px) {
	.burger-icon > span {background:#503721;}
	#sp-main-body,.home #sp-main-body {padding-top: 60px !important;}
	.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;}
	.logo-slogan {display: none;}
	#sp-menu .mod-languages {display: none;}
	
	.offcanvas-menu .mod-languages li  {border: 1px solid #fff !important; border-radius: 6px;padding: 4px 8px !important;background-color: rgba(255, 255, 255, 0.3);}
	.offcanvas-menu .mod-languages li.lang-active {background-color: rgba(255, 255, 255, 0);}
	.offcanvas-menu .mod-languages a {color: #fff !important;}
	#sp-logo { max-width: 70%;}

}


@media (max-width: 480px) {
#sp-menu {position: absolute !important;right: 0; width: 80px;}
.sp-column.d-flex.justify-content-end.align-items-center {position: absolute;  top: 30px;}
.sp-slider-content-wrap {width: 510px !important;}
}

@media screen and (min-width: 768px) and (max-width: 990px) {
 .sp-slider-content-wrap {width: 690px !important;}
	
}


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

.sp-slider-content-wrap {width: 510px !important;}
}


@media (min-width: 991px) {
#sp-main-body { margin-top: 120px;margin-bottom: 100px;}
.flip-box-inner .fas.fa-ellipsis-h {display: none !important;}
.mod-languages li  {border: 1px solid #503721 !important; border-radius: 8px;padding: 4px 8px !important;background-color: transparent;}
.mod-languages li.lang-active {background-color: rgba(113, 82, 55, 0.2) !important; color: #fff !important;}
.mod-languages a {color: #503721 !important;}



.burger-icon > span {background:#503721;}

}


@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;}
#sp-logo {max-width: 300px; height: auto !important;}
#sp-header .sp-module {margin-left: 30px;}
.logo-image {height: auto !important;}
.sp-slider-content-wrap {width: 930px !important;}
	
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
.logo-image {height: 70px; width: auto;}
.sp-slider-content-wrap {width: 1100px !important;}
}


@media (min-width: 1400px) {
.sppb-row-container, .view-article #sp-main-body .container {max-width: 1320px;}
.sp-slider-content-wrap {width: 1280px !important;}
}