/*
    Theme Name: Green System
    Theme Author: Illia Yalovoi (Spreedesign Bautzen GmbH)
 */

#main-header .logo_container
{
	font-family: "BankGothic Lt BT", sans-serif;
}

header#main-header .logo_container img
{
	    height: 112px;
	    display: block;
    margin: 0 auto;
}

header#main-header .logo_container a
{
	
	font-family: "BankGothic Lt BT", sans-serif !important;
    color: #fff;
    font-size: 24px;
}

header#main-header.scrolled .logo_container span
{
	    position: absolute;
    bottom: 3px;
    color: #0D5029;
    font-size: 18px; 	font-family: "BankGothic Lt BT", sans-serif !important;
}

@media(max-width:1600px)
{
	header#main-header.scrolled .logo_container span
	{
		font-size:16px;
	}
	
	header#main-header .logo_container a
	{
		font-size:18px;
	}
}

html body * >  .animatedimage  .german-anim
{
	left: 0;
    top: -40px;
    right: 0;
  
    opacity: 0.5;
     filter: invert(1); 
  
    background-blend-mode: exclusion;
   left: 50%;
    transform: translate(-50%, 0px);
    max-height: 520px;
}

@media(max-width: 1500px)
{
	
	.scrolling_bar .content {
   
    width: 50vh;
	}
	
	.scrolling_bar
	{
		 top: 350px;
    right: -100px;
	}
	
	.wp-block-uagb-container.uagb-is-root-container .uagb-block-4863486c {
    max-width: 455px;
    min-width: 455px;
    width: 100%;
}
}

@media(max-width:1024px)
{
	.swiper-wrapper {
    position: relative;
  
    margin-top: 100px;
}
}

@media(max-width: 1000px)
{
	main .wp-block-uagb-container
	{
		    padding-left: 20px !important;
    padding-right: 20px !important;
	}
	
	main .wp-block-uagb-container .wp-block-uagb-container 
	{
		 padding-left: 0px !important;
    	padding-right: 0px !important;
	}
	
	.scrolling_bar
	{
		top: 450px;
    right: -240px;
	}
	
}

@media(max-width: 768px)
{
	
	.scrolling_bar
	{
		display: none;
	}
	
	.wp-block-spacer
	{
		display: none;
	}
	 
	html body .co2-geret .text_teil .wp-block-spacer
	{
			
	
		display: block;
	
	}
	
	html body * >  .animatedimage  .german-anim {
    left: 0;
    top: 0;
    right: 0;
    opacity: 0.5;
    filter: invert(1);
    background-blend-mode: exclusion;
    left: 0;
    transform: translate(-0%, 0px);
    max-height: max-content;
    position: relative !important;
    width: 90vw !important;
    height: 80vh !important;
    display: block;
    bottom: 0;
}
	
}

@media(max-width: 560px)
{
	
	.mobile-menu
	{
		width:100%;
	}
	
	header#main-header .logo_container {
    padding: 2px 10px 3px 2px;
}
	#main-header.scrolled > div.logo_container {
    padding-left: 2px;
}
	
	.mobile-menu {
  
    right: -150%;   transition: all 0.5s;
    
}
	
	.mobile-menu.active {
    right: 0%;
    transition: all 0.5s;
}
	
}

@media(max-width: 490px)
{
	header#main-header.scrolled .logo_container span
	{
		    bottom: 12px;
	}
	
	header#main-header .logo_container img {
   
    filter: brightness(0) invert(1) drop-shadow(2px 4px 6px rgba(0,0,0,0.4));
}
	eader#main-header .logo_container a {

    text-shadow: 1px 1px rgba(0,0,0,0.4);
}
	
	html body .co2-geret
	{
		padding:0;
	}
#main-header > div.menu_container {
    justify-content: center;
    height: auto;
    padding: 20px;     width: 100%;
    max-width: 100%;     margin-top: 10px;
}	
	#main-header.scrolled > div.logo_container {
    padding-left: 2px;
    padding: 0;
}
	header#main-header
	{
		    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    text-align: center;
	}
	#main-header.scrolled
	{
		    flex-direction: row;
    text-align: left;
    padding: 0px 20px;
	}

	#main-header.scrolled .tel-number,
	#main-header.scrolled .contact-formular
	{
		display: none !important;
	}
	
	#main-header.scrolled  > div.menu_container
	{
		    justify-content: right;
		background: transparent;
	}
	
	html body .co2-geret .image
	{
		top:90px;
	}
	
	html body .co2-geret .text_teil:before {
    content: "";
    display: block;
    height: 100%;
    width: 150%;
    background-color: #0D5029;
    border-radius: 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: -50%;
    z-index: -10;
}
	
	html body .co2-geret .text_teil
	{
		margin-top: 70px;
		margin-left:80px;
	}
	
	body .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>*:not(.wp-block-uagb-container):not(.wp-block-uagb-column):not(.wp-block-uagb-container):not(.wp-block-uagb-section):not(.uagb-container__shape):not(.uagb-container__video-wrap):not(.wp-block-spectra-pro-register):not(.wp-block-spectra-pro-login):not(.uagb-slider-container):not(.spectra-image-gallery__control-lightbox):not(.wp-block-uagb-info-box), body .wp-block-uagb-container>.uagb-container-inner-blocks-wrap, body .wp-block-uagb-container>*:not(.wp-block-uagb-container):not(.wp-block-uagb-column):not(.wp-block-uagb-container):not(.wp-block-uagb-section):not(.uagb-container__shape):not(.uagb-container__video-wrap):not(.wp-block-spectra-pro-register):not(.wp-block-spectra-pro-login):not(.uagb-slider-container):not(.spectra-container-link-overlay):not(.spectra-image-gallery__control-lightbox):not(.wp-block-uagb-lottie):not(.uagb-faq__outer-wrap) {
   width: 100% !important;
}
.has-large-font-size {
    font-size: 28px !important;
}
}

.pagewrapper
{
	width: 100%;
    height: auto;
    min-height: 100%;
    overflow: hidden;
}

@media(max-width: 400px)
{
	html body .co2-geret .image {
		top: 175px;
	}
}

@media(min-width: 1860px)
{
	.wp-block-uagb-container.uagb-block-6ff70634::before,
	.wp-block-uagb-container.uagb-block-11a7e32f::before
	{
		   background-size: cover;
	}
	

	
}

.shadowtext
{
	    text-shadow: 3px 2px rgba(0,0,0,0.7);
}