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

            Allgemein

**************************************/
@font-face {
 font-family:Beyond-Infinity;
 src:url(fonts/Beyond_Infinity.ttf) format("ttf"),
 url(fonts/Beyond_Infinity.woff) format("woff"),
 url(fonts/Beyond_Infinity.otf) format("otf");
 font-weight:300;
 font-style:normal
}

body {font-weight: 400;}
p {line-height: 28px;}

h1, h2, .frontbox h3, .sppb-addon-articles h3 {font-family: 'Beyond-Infinity';}
h1, h2, h3, h4, h5, h6 {color: #01491f;}

h1, .view-article #sp-main-body .container .article-header h1{
  font-weight: 500;
  font-size: 104px;
  line-height: 120px;
	color: #01491f;
	text-align: center;
} 

h2, .article-details .article-header h2 {font-size: 56px}
h3 {font-size: 28px; font-weight: 400}
h4 {font-size: 24px}
h5 {font-size: 20px}
h6 {font-size: 18px}

.sppb-addon-articles h3, #sp-main-body .sppb-addon-articles h3 a {font-size: 56px; color: #01491f;}

#sp-main-body a {color: #069241;}
#sp-main-body a:hover,#sp-main-body a:focus,#sp-main-body a:active {color: #EE3A42;}


#sp-main-body .btn.btn-primary, #sp-main-body .sppb-btn.sppb-btn-primary {border: 1px solid #069241 !important; background: #069241 !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, #sp-main-body .sppb-btn.sppb-btn-primary:active {border: 1px solid #069241 !important; background: #fff !important; color: #069241 !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;}




ol, ul {padding-left: 1rem;}

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 {padding: 0.5rem 1rem 0.5rem 1rem;border: 1px solid #069241;}
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 { background-color: #f8f8f8; border: 1px solid #069241;}

.sp-scroll-up {background: #069241; border: 1px solid #fff;}
.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {background: #016433;}



.view-article #sp-main-body .container .article-header h1 {margin-top: 50px;}

.sppb-addon-image-layouts {opacity: 0.9; transition: all 0.5s;}
.sppb-addon-image-layouts:hover {opacity: 1; transition: all 0.5s;}


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

            Header

**************************************/
.view-article #sp-header {background-color: #fff;}
/* Slider */

.sp-slider .btn-primary:hover, .sp-slider .btn-primary:focus, .sp-slider .btn-primary:active {color: #069241 !important; border: 1px solid #fff !important;}
.sp-slider .btn-primary:hover .sp-slider-btn-text, .sp-slider .btn-primary:focus .sp-slider-btn-text, .sp-slider .btn-primary:active .sp-slider-btn-text {color: #069241 !important;}





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

            Topnavigation

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

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {font-size: 20px; letter-spacing: 0; color: rgba(37, 37, 37, 0.9);}
.sp-megamenu-parent > li:hover > a { color: #069241;}

.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.active > a {font-weight: normal;}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { padding: 30px !important;}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-mega .sp-dropdown-inner { padding: 60px !important;}
.sp-megamenu-parent .sp-mega-group > li > a {font-size: 20px !important; margin-bottom: 20px !important;}

#sp-menu li.active a,#sp-menu li a:hover  {color: #069241 !important;}

#sp-menu li.active li a {color: #069241 !important;}
#sp-menu li li a:hover, #sp-menu li li.active a {color: #069241 !important;}

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







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

            Navigation links

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














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

            Inhalt

**************************************/
.home #sp-component {padding-top: 0px;}

#sp-component {padding-top: 30px;}

.frontbox .sppb-col-md-3 {
  margin-bottom: 20px;
}

/* Kategorieblog */
.blog h1 {margin-top: 50px;}
.article-details .article-full-image::after {display: none;}

.news-kategorieblog .sppb-meta-date {display: none !important;}


/* Portfolio */

.sppb-addon-articles .sppb-addon-article {
  margin-bottom: 30px;
  background-color: rgba(1, 73, 31, 0.07);
  border-radius: 10px;
  padding: 20px;
}
.sppb-article-introtext {
  padding-top: 20px;
}

.com-content-category-blog__items.blog-items.columns-4 { display: inline;}
.com-content-category-blog__item.blog-item {width: 23%; background-color: rgba(1, 73, 31, 0.07);  border-radius: 10px;  margin: 1%;float: left; padding: 10px;}

.sppb-addon-articles .sppb-article-meta {margin-top: 15px;}
.sppb-meta-category .btn-primary {font-size: 12px; padding: 4px 8px;}


.igui-lightbox {background: rgba(0,0,0,0.8) !important;}



.sppb-addon-image-layout-content.sppb-text-alignment {width: 100%;}






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

            Randspalte

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








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

            Footer

**************************************/
#sp-bottom, #sp-footer {font-size: 14px !important;}
#sp-bottom {border-top: 0px;padding: 80px 0px 0px 0px; font-size: 16px;}
#sp-bottom .container-inner {border-top: 0px;}
#sp-bottom .btn.btn-primary {border: 1px solid #fff; font-weight: normal; background: #069241;}
#sp-bottom .btn.btn-primary:hover, #sp-bottom .btn.btn-primary:focus, #sp-footer .btn.btn-primary:active { border: 1px solid #fff; background: #fff; color: #069241;}
#sp-bottom .h3, #sp-bottom h3,#sp-footer .h3, #sp-footer h3 {font-size: 1.5rem;padding-bottom: 20px;}
#sp-bottom .sp-module .sp-module-title {font-weight: 500; color: #fff; letter-spacing: 0; margin-bottom: 0px;font-size: 24px;line-height: 28px;}
#sp-bottom label {color: #fff;}
#sp-bottom .sp-module {font-size: 14px}
#sp-bottom .sp-module ul > li {font-weight: 400;font-size: 14px}
#sp-bottom .sp-module ul > li > a {color: rgba(255, 255, 255, 1);}
#sp-bottom .sp-module ul > li > a:hover {color: rgba(255, 255, 255, 0.5);}
#sp-bottom input[type="text"]:focus, #sp-bottom input[type="email"]:focus, #sp-bottom input[type="url"]:focus, #sp-bottom input[type="date"]:focus, #sp-bottom input[type="password"]:focus, #sp-bottom input[type="search"]:focus, #sp-bottom input[type="tel"]:focus, #sp-bottom input[type="number"]:focus, select:focus { background-color: #e3e3e3;}
#sp-bottom3::after {display:none;}
#sp-bottom4 {border-left: 1px solid green;padding-left: 50px;}

#sp-footer {padding: 0px 0px 30px 0px;  font-size: 14px;  line-height: 1.6;border-top: 0px; font-size: 16px;}
#sp-footer .container-inner {border-top: 0px;}

#sp-bottom .fa-facebook {color: rgba(255,255,255,1) !important; transition: all 0.5s;}
#sp-bottom .fa-facebook:hover {color: rgba(255,255,255,0.6) !important; transition: all 0.5s;}


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

            Mediaqueries

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

@media (max-width: 990px) {
	
	.burger-icon > span {background-color: #069241 !important;}
	.menu-toggler {width: 100%;text-align: right;}
	#sp-component, .home #sp-component {padding-top: 70px;}
	
	.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: #069241;}
		
	.offcanvas-menu .offcanvas-inner ul.menu > li.active a { color: #069241;opacity: 0.7 !important;}

	.burger-icon > span {height: 3px;}
	.close-offcanvas .burger-icon > span {height: 2px !important;}
	
	#sp-header {height: 80px;background: rgb(255, 255, 255, 1);}	
	#sp-header .logo {height: 70px;}
	#sp-header .logo-image {height: 60px;}
	
	h1, .view-article #sp-main-body .container .article-header h1{font-size: 64px; line-height: 72px;} 

	h2, .article-details .article-header h2 {font-size: 56px}
	h3 {font-size: 24px}
	h4 {font-size: 22px}
	h5 {font-size: 20px}
	h6 {font-size: 18px}
	
	.sppb-addon-articles h3, #sp-main-body .sppb-addon-articles h3 a {font-size: 42px; line-height: 48px;}
	
	div.flex {display: flex;flex-flow: column;}
	.flex .sppb-col-md-6:first-child {order: 2;}
	.flex .sppb-col-md-6:last-child {order: 1;}


}


@media screen and (min-width: 768px) and (max-width: 990px) {
 .com-content-category-blog__item.blog-item {width: 46%; background-color: rgba(1, 73, 31, 0.07);  border-radius: 10px;  margin: 2%;padding: 20px;float: left; padding: 10px;}
	
}


@media (max-width: 768px) {
	 .com-content-category-blog__item.blog-item {width: 100%; background-color: rgba(1, 73, 31, 0.07);  border-radius: 10px;;padding: 20px;float: left; padding: 10px;}
}

@media (max-width: 450px) {
	.sp-slider #sp-slider-item-1643260829444-num-0-key #sp-slider-inner-item-1643260829445-num-0-key {font-size: 36px;line-height: 40px;}
	.sp-slider #sp-slider-item-1643260829444-num-0-key #sp-slider-inner-item-1643260829445-num-1-key {font-size: 18px; line-height: 18px;}
}

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



}


@media (min-width: 991px) {
	#sp-main-body {padding: 140px 0 100px !important;}
	.themen #sp-main-body {padding: 140px 0 0px !important;}
	#sp-bottom2 {padding-left: 80px;}
	.view-article #sp-main-body .container { max-width: 990px;}
	.com-content-category-blog__item.blog-item {width: 23%; background-color: rgba(1, 73, 31, 0.07);  border-radius: 10px;  margin: 1%;padding: 20px;float: left; padding: 10px;}
	.article-details .article-full-image {margin-top: 0px;width: 50%;float: right;padding-left: 40px;}
	.linkespalte .sppb-addon-wrapper {max-width: 660px; float: right; padding-right: 70px;}
.rechtespalte .sppb-addon-wrapper {max-width: 660px; float: left; padding-left: 70px;}
	.nospace .sppb-col-md-6 {padding: 0 !important}
}


@media screen and (min-width: 991px) and (max-width: 1199px) {

.logo-image {height: 110px;}
	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {font-size: 18px;}

}


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

.sppb-row-container, .view-category .container, .view-article #sp-main-body .container {max-width: 1140px;}



}


@media (min-width: 1400px) {
.sppb-row-container, .view-category .container {max-width: 1320px;}
.view-article #sp-main-body .container {max-width: 1140px;}
}