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


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

            Allgemein

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


h1, h2 {color: #6c6d20 !important;}

#sp-main-body a {color: #6C6D20; text-decoration: underline; transition: all 0.3s;}
#sp-main-body a:hover {color: #9EA500; text-decoration: none; transition: all 0.3s;}

.sppb-addon-single-image-container a {text-decoration: none !important;}

.caption {font-size: 14px !important; margin-top: 15px;}

body .sppb-btn.sppb-btn-primary, body .sppb-btn.btn-primary, body .sppb-btn.btn-outline-primary, body .btn.sppb-btn-primary, body .btn.btn-primary, body .btn.btn-outline-primary, body .btn-secondary {
  border-color: #6c6d20;
  background-color: #fff;
  color: #6c6d20;
}


body .sppb-btn.sppb-btn-primary:hover, body .sppb-btn.btn-primary:hover, body .sppb-btn.btn-outline-primary:hover, body .btn.sppb-btn-primary:hover, body .btn.btn-primary:hover, body .btn.btn-outline-primary:hover, body .sppb-btn.sppb-btn-primary:focus, body .sppb-btn.btn-primary:focus, body .sppb-btn.btn-outline-primary:focus, body .btn.sppb-btn-primary:focus, body .btn.btn-primary:focus, body .btn.btn-outline-primary:focus; body .btn-secondary:hover; body .btn-secondary:hover
{
  border-color: #6c6d20;
  background-color: #6c6d20;
  color: #fff;
}

body .btn.btn-primary .fa-search {display: none;}

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

            Header

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


#sp-menu .printpdf a {color: #6C6D20; font-size: 14px;transition: all 0.5s;}
#sp-menu .printpdf:hover a {color: #6C6D20; opacity:0.5; transition: all 0.5s;}






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

            Topnavigation

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

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: #6c6d20;
}



.sp-megamenu-parent > li  {min-width: 150px;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { color: #2A2A2A; font-size: 20px; text-transform:none; font-weight: 500; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span {font-weight: 400; text-transform: none;font-size: 17px;
  line-height: 1.3;
}


.sp-megamenu-parent > li.active > a { color: #6C6D20;}
.sp-megamenu-parent > li:hover > a {color: #6C6D20;}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: #6C6D20;
}

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

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {padding: 0px;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {padding: 5px 10px;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {transition: all 0.3s;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active
{background: #e1e1e1;
  transition: all 0.3s;
  border-radius: 8px;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {color: #000;}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {background: #f8f8f8; padding: 0px 20px 30px;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner li {margin-bottom: 5px;}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) { padding: 5px 0;
}


.sp-megamenu-parent .sp-mega-group > li > a {
  text-transform: none;
  margin: 10px 10px;
font-size: 20px;
  font-weight: 600;
  color: #6C6D20;
}

ul.sp-mega-group .sp-dropdown {display: none !important;}
ul.sp-mega-group-child li a:after {display: none;}



.sp-megamenu-parent > li::after {height: 0px;}


.menu_item.item-header {
  margin-top: 40px;
}

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

            Off-Canvas

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


.menu-toggler {
  width: 120%;
  text-align: right;
}

body.ltr.offcanvs-position-right .offcanvas-menu {right: -350px;}
.offcanvas-menu {width: 350px;}
  

.offcanvas-menu .offcanvas-inner a {color: #2A2A2A;}

.offcanvas-menu .offcanvas-inner ul.menu li.active a {color: #6C6D20 !important;}
.offcanvas-menu .offcanvas-inner ul.menu li.active li a {color: #000 !important;}
.offcanvas-menu .offcanvas-inner ul.menu li li.active a{color: #6C6D20 !important;}	
.offcanvas-menu .offcanvas-inner ul.menu li li.active li a {color: #000 !important;}
.offcanvas-menu .offcanvas-inner ul.menu li  li li.active a{color: #6C6D20 !important;}	
.offcanvas-menu .offcanvas-inner ul.menu li li li.active li a {color: #000 !important;}
.offcanvas-menu .offcanvas-inner ul.menu li li li li.active a{color: #6C6D20 !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: #6C6D20;}

.offcanvas-menu .offcanvas-inner ul.menu > li li a {color: #000;}
.offcanvas-menu .offcanvas-inner ul.menu > li a, .offcanvas-menu .offcanvas-inner ul.menu > li span {color: #000;}

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 > ul li a > .menu-toggler,
body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > ul li ul li a > .menu-toggler {width: 110%; text-align: right;  height: 100%;}


.burger-icon > span { height: 4px; background-color: #9ea500; margin: 7px 0; border-radius: 4px;width: 35px;}
.offcanvas-active .close-offcanvas .burger-icon > span {height: 2px; margin: 5px; width: 25px;}


.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {
  display: block;
  font-size: 18px;
  padding: 6px 0px;
  position: relative;
  line-height: 18px;
  font-weight: 500;
  transition: 0.3s;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
  font-size: 16px;
  padding: 6px 20px 6px 0px;
  line-height: 24px;
  font-weight: 600;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > ul li ul li a {
  font-weight: 400;  padding: 3px 0px;
  line-height: 22px;
}

.offcanvas-menu .menu-divider {
  display: none;
}

ul.menu-child li.current a {color: #6C6D20 !important;}


@media (max-width: 990px) {
body.ltr .close-offcanvas {right: 40px;}
}



@media (max-width: 990px) {

}


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

            Inhalt

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




.greensection {background: rgba(158,165,0,0.075)}
.forderungen-section {background: #f8f8f8; padding: 50px 0 !important;}

.greenbox {background: rgba(108,109,32,0.2); padding: 50px; border-radius: 8px;}

.borderbox {border: 1px solid rgba(108,109,32,1); padding: 50px; border-radius: 8px;}

.forderung-label {display: inline-block; width: 180px;}
.forderungen {
  border-radius: 8px;
  padding: 30px;
  background: rgba(108,109,32,1);
  color: #fff;
}
.forderungen .sppb-addon-title {color: #fff;} 
.forderungen .sppb-icon-container {padding-top: 3px; color: #fff !important;}


.sppb-addon-accordion .sppb-panel-title {font-size: 18px;}

h4 {margin-top: 50px;}
h4:first-child {margin-top: 0;}


/* Glossar */

#com_glossary .seopagination ul > li.active > a, #com_glossary .seopagination ul>li.active>span, #com_glossary .seopagination-list .glossletselect {background: rgba(255,255,255,0.5); color: #6c6d20; border: 1px solid #6c6d20}

table.res#glossarylist * th, #glossarylist th {background: #6c6d20;color: #fff !important;}
table.res#glossarylist * tr:nth-of-type(odd) {background: rgba(255,255,255,0.5);}
table.res#glossarylist * tr:nth-of-type(even) {background: rgba(255,255,255,1);}

.tipthemeflatdarklight {max-width: 300px;}


#sp-main-body .seopagination-list a, #sp-main-body #glossarylist a {background: none;}

.sppb-addon-testimonial .fa-quote-left, .sppb-addon-testimonial .fa-quote-right {color: #6C6D20 !important;}


/* Seitennavigation */

#seitennavigation {z-index: 10000 !important;}

/* Blättern links */
.fly-in-rechts {position: fixed; top: 500px; right: -300px; border-radius: 100px 0 0 100px; padding: 20px 10px; height: auto; width: 370px;transition: all 0.5s; background: #9EA500;opacity: 0.6 !important;}
.fly-in-rechts:hover { right: -15px; height: auto; padding-right: 10px; transition: all 0.5s;opacity: 1 !important;}

.fly-in-rechts .rechtsblaettern {background: url("icons/pfeil_rechts_weiss.png") no-repeat !important; position: absolute; top:50%; left: 20px; margin-top: -25px; background-size: 40px !important; width: 50px; height: 50px;transition: all 0.5s !important;}

.fly-in-rechts .rechtsblaettern-text {position: relative; left: 60px; margin-right: 60px; max-with: 200px; height: auto; color: #fff;transition: all 0.5s !important;}
.fly-in-rechts .rechtsblaettern-text small {font-size: 12px; font-weight: 600;}
.fly-in-rechts .rechtsblaettern-text small {font-size: 12px; font-weight: 600;}
.fly-in-rechts:hover .rechtsblaettern-text {transition: all 0.5s !important;}


/* Blättern rechts */
.fly-in-links {position: fixed; top: 500px; left: -300px; border-radius: 0 100px 100px 0 ; padding: 20px 10px; height: auto; width: 370px;transition: all 0.5s; background: #9EA500; opacity: 0.6 !important;}
.fly-in-links:hover { left: -15px; height: auto; padding-left: 30px; transition: all 0.5s;opacity: 1 !important;}

.fly-in-links .linksblaettern {background: url("icons/pfeil_links_weiss.png") no-repeat !important; position: absolute; right: 10px; top:50%; margin-top: -25px; background-size: 40px !important; width: 50px; height: 50px;transition: all 0.5s !important;}

.fly-in-links .linksblaettern-text {position: relative; right: 60px; margin-left: 60px; max-with: 200px; height: auto; color: #fff;transition: all 0.5s !important;}
.fly-in-links:hover .linksblaettern-text {transition: all 0.5s !important;}


#sp-main-body .blaetterfunktion a {color: #fff;background: none !important; background-size: 1px !important; background-position: 0% 0% !important; margin: 0 !important; padding: 0;transition: all 0.5s;}
#sp-main-body .blaetterfunktion a:hover {color: rgba(255,255,255,0.7);transition: all 0.5s;}


.kapitel {font-size: 12px; font-weight: 600;text-decoration: none !important;display: inline-block;line-height: 14px;padding: 10px 0;}
a .kapitel {text-decoration:none !important;line-height: 16px;}

.blaetterfunktion {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
  transform: scale(1);
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}








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

            Randspalte

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








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

            Footer

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



#sp-bottom, #sp-footer {background: #6c6d20; z-index: 10000; color: #fff; font-size: 16px;}
#sp-footer h3, #sp-bottom h3, #sp-partner h3, #sp-footer.sp-module .sp-module-title, #sp-bottom .sp-module .sp-module-title, #sp-partner .sp-module .sp-module-title  {color: #fffed8; font-size: 24px; font-weight: 500;}
#sp-footer a, #sp-bottom a  {color: #fffed8; text-decoration: underline;}
#sp-footer a:hover, #sp-bottom a:hover  {text-decoration: none;color: #fffed8; text-decoration: none;}


#sp-bottom .mod-languages ul > li {display: inline-block; padding: 10px 15px;border: 1px solid #9EA500 !important; border-radius: 4px; transition: all 0.3s;}
#sp-bottom .mod-languages ul > li:hover {background: rgba(255,255,255,0.2); border-radius: 4px; transition: all 0.3s;}
#sp-bottom .mod-languages ul > li a {text-decoration: none !important; transition: all 0.3s;}
#sp-bottom .mod-languages ul > li:hover a {color:#fff; transition: all 0.3s;}
#sp-bottom .mod-languages ul > li.lang-active:hover a {color:#fff; transition: all 0.3s;}

#sp-bottom .mod-languages ul li.lang-active {background-color: transparent !important; border: 1px solid #fff !important; transition: all 0.3s;}




#sp-bottom .btn.btn-primary, #sp-bottom  .btn.btn-outline-primary {
  border-color: #fff;
  background-color: #6c6d20;
  color: #fff;
}

#sp-bottom .btn.btn-primary:hover, #sp-bottom  .btn.btn-outline-primary:hover,
#sp-bottom .btn.btn-primary:focus, #sp-bottom  .btn.btn-outline-primary:focus {
  border-color: #fff;
  background-color: #fff;
  color: #6c6d20;
}

#sp-bottom a {text-decoration: none;}


#sp-bottom input[type="text"], #sp-bottom input[type="email"], input[type="url"], #sp-bottom input[type="date"], #sp-bottom input[type="password"], #sp-bottom input[type="search"], #sp-bottom input[type="tel"], #sp-bottom input[type="number"], #sp-bottom select:not(.form-select), #sp-bottom .sppb-form-group .sppb-form-control, #sp-bottom .form-control { color: #fffed8;
  border-bottom: 1px solid rgba(255,255,255,1);
}

#sp-bottom input::placeholder {color: rgba(255,255,255,0.5);}


#sp-partner img.sppb-img-responsive {
  height: auto !important;
  max-height: 120px;
  width: auto;
}





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

            Mediaqueries

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

@media (max-width: 989px) {
body.ltr #offcanvas-toggler.offcanvas-toggler-right {margin-right: 20px;}
#sp-bottom3 {padding: 40px 20px 0;}
#sp-bottom4 {display: none;}
#sp-footer #sp-footer2 {text-align: left;}
#sp-footer1 { order: 2; }
#sp-footer2 { order: 1; }
}


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


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


}


@media (min-width: 990px) {
  #sp-header.full-header { z-index: 10001;}
}


@media screen and (min-width: 990px) and (max-width: 1199px) {
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {font-size: 18px;}
.logo-image {height: 50px;}

.sp-dropdown {width: 110vw !important; left: -40vw !important;}
#sppb-addon-1716980735644 {overflow-y: hidden;}
.sp-dropdown-inner .col-sm-3 { width: 24%;}

.kapiteltitel {padding-bottom: 30px !important}
.kapiteltitel h3 {font-size: 24px;}
	.sp-dropdown {
  width: 102vw !important;
  left: -45.3vw !important;
}
}

@media (min-width: 1200px) {
.sp-dropdown {
  width: 102vw !important;
  left: -49.3vw !important;
}
    
}


@media (min-width: 1400px) {

  .sppb-addon-sp-slider .sppb-container {
    max-width: 50%;
    position: absolute;
    left: 50%;
    margin-left: -700px;
  }
  .sppb-row-container {max-width: 1690px;}
.sp-dropdown {
  width: 103vw !important;
  left: -49.8vw !important;
}
}

@media (min-width: 1600px) {
.sp-dropdown {
  width: 103vw !important;
  left: -49.8vw !important;
}
}	



@media (min-width: 1921px) {

.sp-dropdown {
  width: 103vw !important;
  left: -49.6vw !important;
}
	.sp-dropdown-inner .col-sm-3 {padding: 0 30px;}
	
}

@media (min-width: 2500px) {

.sp-dropdown {
  width: 103vw !important;
  left: -50vw !important;
}
	
}

@media (min-width: 3400px) {

.sp-dropdown {
  width: 103vw !important;
  left: -50vw !important;
}