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

            Allgemein

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

@font-face {
font-family: 'The Besom by Krisjanis Mezulis / RIT CREATIVE';
font-style: normal;
font-weight: normal;
font-display: swap;
src: local('The Besom by Krisjanis Mezulis / RIT CREATIVE'), url('../fonts/Besom.woff') format('woff');
}

body{font-family:Open Sans, sans-serif; font-size:16px; font-weight:300; }
h1{font-family:Roboto Condensed, sans-serif; font-size:50px; font-weight:300; }
h2{font-family:Roboto Condensed, sans-serif; font-size:40px; font-weight:300; }
h3{font-family:Roboto Condensed, sans-serif; font-size:35px; font-weight:300; }
h4{font-family:Roboto Condensed, sans-serif; font-size:25px; font-weight:300; }
h5{font-family:Roboto Condensed, sans-serif; font-size:20px; font-weight:300; }
h6{font-family:Roboto Condensed, sans-serif; font-size:16px; font-weight:300; }
.sp-megamenu-parent{font-family:Roboto Condensed, sans-serif; font-size:14px; font-weight:300; }




.sppb-btn-success { background-color: #6c6d20;  border-color: #6c6d20;}
.sppb-btn-success:hover { background-color: #9ea500;  border-color: #9ea500;}

.facebook { margin-top: -250px;}
.facebook h4 {position: absolute;right: 100px;margin-top: 18px;}
.facebook h4 a {color: #fff;}


/* Anpassungen nach Upgrade auf Joomla 4 */
	#sp-main-body a {color: #6c6d20 !important;}
	#sp-main-body a:hover {color: #9ea500 !important;}
	#sp-header {background: #fff;}
	#sp-header .sp-module ul > li > a:hover {color: #9ea500;}
	#sp-header.header-sticky {background-color: #fff;}
	#sp-menu .facebook_top img { margin-top: 15px; transition: all 0.4s;}
	#sp-menu .facebook_top img:hover { opacity: 0.5; transition: all 0.4s;}
	
	#sp-header.header-sticky {height: 80px;}
	#sp-header.header-sticky #sp-logo a img {height: 70px; width: auto;}
	#sp-header.header-sticky .container {margin-top: -10px;}

	.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a, .sp-megamenu-parent > li:hover > a {color: #6c6d20; font-weight: normal;}
	#sp-bottom3::after {display: none;}
	#sp-bottom .sp-module ul > li > a {color: #fff;}
	#sp-footer {border-top: none;}
	#sp-footer .container-inner {border-top: none;}
	#sp-footer1 .sp-copyright { color: #fff !important; text-align: center;}
	#sp-footer .col-xl-8 {width: 100%;text-align: center;}
		
	.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {background: #fff; margin-top: -12px;}
	.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a { width: 100%;}
	.sp-menu-item.current-item.active {  background: transparent; color: #6c6d20 !important;}
	.sp-menu-item.active ul li.current-item.active {  background: #6c6d20; color: #fff !important;}
	#sp-header.header-sticky .sp-dropdown.sp-dropdown-main.sp-menu-right { margin-top: -30px;}


/* Buttons */
	body .sppb-btn.sppb-btn-primary::before {display: none !important;}
	.sppb-btn-primary, #sp-main-body a.sppb-btn-primary {border: 1px solid #6c6d20 !important; background: #6c6d20 !important; color: #fff !important;border-radius:6px !important; font-weight: normal !important; }
	.sppb-btn-primary:hover,.sppb-btn-primary:focus, #sp-main-body a.sppb-btn-primary:hover, #sp-main-body a.sppb-btn-primary:focus  {border: 1px solid #6c6d20 !important; background: transparent !important; color: #6c6d20 !important;}



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

            Header

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

#sp-header {position: relative;top:0px; height: 130px; transition: height 0.2s;}
#sp-header.menu-fixed { background: #fff;height: 70px; transition: height 0.2s;}
.sp-megamenu-parent {float: right;margin-right: 30px;}




#sp-langswitch .col-md-1 { text-align: right;padding-top: 20px;}
#sp-langswitch .sp-module{ margin-top: 22px;transition: 0.5s;}
#sp-langswitch .sp-module ul > li > a { padding:3px 0 5px 8px !important;font-size: 22px; color: #000; font-weight: 500; font-family: Roboto Condensed, sans-serif;}
#sp-langswitch .sp-module ul > li.lang-active > a,#sp-langswitch .sp-module ul > li.lang-active > a:hover { padding: 5px 0 5px 8px !important; color: #6c6d20;}


.menu-fixed #sp-langswitch .sp-module {margin-top: 12px;transition: 0.3s;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {line-height: 90px;transition: 0.3s;}
#sp-header.menu-fixed .sp-megamenu-parent > li > a, #sp-header.menu-fixed .sp-megamenu-parent > li > span { line-height: 70px;transition: 0.3s;}

.facebook_top { float: right; margin-top: -20px !important;}


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

            Topnavigation

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


.sp-megamenu-parent { font-size: 18px;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {padding: 0px;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span { padding: 15px 20px; color: #000 !important;font-size: 18px !important;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    background: #6c6d20;color: #fff !important;
}
.sp-megamenu-parent.menu-slide-down .sp-has-child:hover > .sp-dropdown {top: 91px;}
.menu-fixed .sp-megamenu-parent.menu-slide-down .sp-has-child:hover > .sp-dropdown {
    top: 31px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items { margin-top: 40px; }
/**************************************

            Navigation links

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














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

            Inhalt

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

/*Textboxen home */



/* one-page-home */

.home h2 {font-weight: 500; color: #000;}
.home p {color: #000;}



.sppb-person-information {background: rgba(108, 109, 32, 0.8); padding: 30px 20px; margin-top: -100px; z-index: 10000;position: absolute;width: 100%;}

.sppb-addon-person .sppb-person-information span.sppb-person-name {font-size: 18px;color: #fff; font-weight: 300;}


/* Page Builder allgemein */

.sppb-addon-single-image-container { width: 100%;}
.sppb-addon-single-image-container img { width: 100%;}
.sppb-addon-accordion .sppb-panel-group .sppb-panel { background: #E5F0C4;}



.ic-full-description p.bodytext {margin: 0 20px 20px;}
.ic-details-cat {display: none;}


.shariff .facebook { margin-top: 0px !important;}
.shariff li, .shariff li a { height: 40px;}
.shariff ul > li > a {color: #fff;padding: 2px 15px !important;}
.shariff ul > li > a:hover {color: #C3C3C3;}
.shariff ul > li > a::before {display: none !important;}

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

            Randspalte

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


	.offcanvas-menu .offcanvas-inner .search input {border-top: 1px solid #fff;border-bottom: 1px solid #fff;border-left: 0px;border-right: 0px;}
	.offcanvas-menu .offcanvas-inner .search input[type="text"]::placeholder {color: #fff;}





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

            Footer

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

#sp-bottom2 p {font-size: 12px;}


#sp-bottom1, #sp-bottom2, #bottom3 {background-color: #6c6d20;color: #c1c1c5;}
#sp-bottom1, #sp-bottom2 {padding: 30px 50px 30px 0;}
#sp-bottom3 {padding: 30px 0;}


#sp-bottom1 .sp-module-title, #sp-bottom2 .sp-module-title, #sp-bottom3 .sp-module-title {font-size: 22px;}
#sp-bottom2 .custom p {font-size: 14px;}

#sp-bottom1 a:hover,#sp-bottom2 a:hover,#sp-bottom3 a:hover { color: #9ea500 !important;}
#sp-bottom1 ul li {border-bottom: 1px solid #e8e8e8;}
#sp-bottom1 ul ul {border-top: 1px solid #e8e8e8; padding-bottom: 8px;}
#sp-bottom1 ul ul li {border-bottom: none; padding-left: 15px;}
#sp-bottom1 ul ul li a {line-height: 24px;}

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

            Mediaqueries

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

@media (max-width: 990px) {
	.offcanvas-menu {background-color: #6c6d20;}
	
	#sp-header .logo { height: 90px;}
	#sp-header {height: 90px;}
	#sp-header.menu-fixed {height: 90px;}
	.logo img { max-height: 80px;padding-top: 10px}

	
	#offcanvas-toggler > i { color: #6c6d20;}
		#offcanvas-toggler > i:hover { color: #9ea500;}
	.fa {font-size: 32px;}
	.fa-remove {font-size: 14px;}
	a:hover .fa-remove {color: #9ea500;}
	
	.offcanvas-menu .offcanvas-inner .sp-module { margin-top: 0px;border-bottom: 0px solid rgba(0,0,0,0.08); margin-bottom: 20px;}
	.offcanvas-menu .offcanvas-inner .sp-module:first-child { margin-top: 0; padding: 30px 30px 0 35px;}
	.offcanvas-menu input[type="text"] {border-radius: 0;padding: 6px 35px;}
	.offcanvas-menu .sp-module-content .mod-languages ul.lang-inline li { margin: 0 25px 0 0;}
	#sp-header .container {  width: 100%;}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {

	
}
@media screen and (min-width: 320px) and (max-width: 767px) {
 

}
@media screen and (min-width: 550px) and (max-width: 767px) {


}

@media (min-width: 991px) {
	
	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { font-size: 18px; color: #000;}
	#sp-header.menu-fixed {background: #fff;}
	#sp-langswitch .sp-module ul > li > a { padding:3px 0 5px 8px !important;font-size: 18px; color: #000; font-weight: 500; font-family: Roboto Condensed, sans-serif;}

	#sp-logo a img {padding: 10px 0; height: 120px; width: 100%;  -webkit-transition: width 0.2s; /* Safari */  transition: width 0.2s;}
	.menu-fixed #sp-logo a img {width: 130px; max-height: 70px;   -webkit-transition: width 0.2s; /* Safari */  transition: width 0.2s;}
}

@media (min-width: 1200px) {
	#sp-langswitch .sp-module ul > li > a { padding:3px 0 5px 8px !important;font-size: 22px; color: #000; font-weight: 500; font-family: Roboto Condensed, sans-serif;}
	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { font-size: 22px; color: #000;}
}


/* Nach Upgrade auf Joomla 4 */
@media (max-width: 990px) {
	#sp-menu {display: none;}
	#sp-header .logo-image { height: 80px !important;}
	.burger-icon > span {background-color: #6c6d20;}
	#sp-header .col-auto { width: 100% !important;}
	body.ltr #offcanvas-toggler.offcanvas-toggler-left { float: right !important; margin-top: 20px;}
	body.ltr.offcanvs-position-left.offcanvas-active .offcanvas-menu { right: 0; top: 0;}

	body.ltr.offcanvs-position-left .offcanvas-menu {right: -300px;  top: 0;left: auto}
	body.ltr.offcanvs-position-left .offcanvas-active .offcanvas-menu {right: 0px;  top: 0;left: auto}
	body.ltr.offcanvs-position-left.offcanvas-active .offcanvas-menu {left: auto;}
	body .offcanvas-menu .logo-image {height: 60px;}
	#sp-bottom .col-6 {width: 100%; padding: 15px;}
	#sp-bottom #sp-bottom1 {display: none;}
	
}

@media (max-width: 575px){

}

@media (min-width: 991px) {
H1 {  margin-top: 50px;}
	
}

@media (min-width: 1200px) {
.col-xl-2 {width: 33.333333%;}
}