/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


body {
font-family: "Open Sans"!important;
  font-size: 1.0rem;
  } 
  strong{
  font-weight: 600;
}
#menu-1-f0ce8e4 .current-menu-parent a.has-submenu{
  color:#B0C600!important;
}

#menu-2-caddc8c .current-menu-parent a.has-submenu{
  color:#B0C600!important;
}
@media screen and (max-width:1023px) {
	h1,h2,h3,h4,h5{	
	word-wrap: break-word;
	overflow-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	}
}

#cmplz-manage-consent .cmplz-manage-consent {
	font-size: 0.95rem !important;
    font-weight: 500 !important;
	background-color: #5F6F00!important;
    color: #ffffff !important;
    margin: unset;
    z-index: 9998;
    color: var(--cmplz_text_color);
    background-color: var(--cmplz_banner_background_color);
    border-style: solid;
    border-color: var(--cmplz_banner_border_color);
    border-width: var(--cmplz_banner_border_width);
    border-radius: var(--cmplz_banner_border_radius);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    line-height: initial;
    position: fixed;
    bottom: var(--cmplz-manage-consent-offset);
    width: 200px!important;
    height: var(--cmplz-manage-consent-height);
    left: 20px!important;
    padding: 15px;
    cursor: pointer;
    animation: mc_slideOut 0.5s forwards;
}

.ti-widget.ti-goog .ti-read-more span {
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  font-size: 14px!important;
  color: #000000!important;
  opacity:1!important;
  text-decoration: none !important;
  transition: color 300ms ease-out;
  cursor: pointer;
}
.ti-widget.ti-goog .ti-widget-container .ti-date {
  color: #000000!important;
   font-size: 14px!important;
}
.sticky-link-1 {
    position: fixed;
    bottom: 1px;
    right: 10px;
    transform: translateX(-0%);
    background-color: #5F6F00;
    color: #ffffff!important;
    padding: 5px 8px;
    text-decoration: none;
    font-size: 0.95rem!important;
    font-weight: 500!important;
    text-align: center;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    z-index: 999998;
}

.elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container {
  animation: none!important;
}
.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item {
  line-height: 24px!important;
  color:#563938;
}
 .display-inline  .elementor-icon-list-text a {
  display: inline!important;
}
hr.hr-block{
text-align: center;
display:block;
text-align:center;
margin:0 auto;
width: 68px;
border: 2px solid #5F6F00;
}
hr.block-h1-weiss{
text-align: center;
display:block;
text-align:center;
margin:0 auto;
width: 68px;
border: 2px solid #ffffff;
}
.important-heading, h1.important-heading, h2.important-heading, h3.important-heading, h4.important-heading
  {
  font-size: 1.125rem!important;
  font-weight: 500;
  text-transform: none;
  color: #563938;
  line-height: 1.125rem;
}
.h1, p.h1, .h1{
  font-size: 2.625rem;
  color: #563938;
  font-weight: 500;
}

 p.h1, .h1{
line-height: 2.7rem;
}
.h2, p.h2, .h2 {
  font-size: 2.25rem !important;
  color: #563938;
  line-height: 2.3rem;
  font-weight: 500;
}

.h3, p.h3, .h3, h4.h3{
  font-size: 1.75rem;
  font-weight: 500;
  color: #563938;
}
.h4-kleiner{
  font-size: 1.25rem;
  font-weight: 500;
    color: #563938;
}
.h4{
  font-size: 1.4rem !important;
  font-weight: 500;
    color: #563938;
}
.weiss, h1.weiss{
    color: #ffffff;
}
span.h2{
text-transform:none; 
font-size: 2.25rem;
}
.big {
    font-size: 22px;
}
img {
    border-radius: 5px;
}
a.btn-link{
    font-size: 1.125rem;
}
.m-0-bread{
 margin: 0;
 margin-block-end: 2px;
 color:#1A1A1A !important;
}
.upper{
    text-transform:uppercase;
}
.sub-heading{
    color: #5F6F00;
	font-weight:500!important;
    text-decoration: none;
}
.xx-smoll{
   font-size:12px;
}
ul.list {
list-style: none;
padding-left: 20px;

}
 ul.list li {
margin-top: 10px;
}
 ul.list li:before {
    content: url("/wp-content/uploads/right.svg");
    display: inline-block;
    width: 15px;
    height: 15px; 
    position: absolute;
    left: 0;
}
ul.list-2, .produkt-box > ul {
  list-style: none;
  padding-left: 20px;
  margin-top:10px;
}
 ul.list-2 li:before , .produkt-box > ul li:before{
    content: url("/wp-content/uploads/right.svg");
    display: inline-block;
    width: 15px;
    height: 15px; 
    position: absolute;
    left: 20px;
}
ul.list-2 li,  ul.list li{
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
white-space: nowrap;
}
@media screen and (max-width:1420px) {
ul.list-2 li,  ul.list li{
white-space: wrap;
}

}
@media screen and (max-width:1200px) {
ul.list-2 li,  ul.list li{	
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
}
@media screen and (max-width:1023px) {
	ul.list-2, .produkt-box > ul {
	list-style: none;
	padding-left: 30px;
	margin-top:10px;
	}	
	ul.list-2 li:before, .produkt-box > ul li:before {
	content: url("/wp-content/uploads/right.svg");
	display: inline-block;
	width: 15px;
	height: 15px; 
	position: absolute;
	left: 20px;
	}
}
h2.upper{
    text-transform:uppercase;
	margin-top: 0;
}
.elementor-slideshow__title {
  font-size: 16px;
  font-weight: 400 !important;
}
/*Anfang Tuggle Text*/
.details {
  display: none;
  margin-top: 10px;
}
.toggle-button {
	background: #5F6F00 !important;
	cursor: pointer;
	font-weight:600;
}
/*Ende Tuggle Text*/
@media screen and (max-width:1023px) {
	 p.h1,.h1{
	  font-size: 2.2rem;
	  color: #563938;
	}
	 p.h2,.h2, span.h2 {
	  font-size: 1.8rem;
	  color: #563938;
	  line-height: 2rem;
	}
	 p.h3,.h3, h4.h3{
	  font-size: 1.6rem;
	}
	.h4-kleiner{
	  font-size: 1.125rem;
	}	
}
@media screen and (max-width:480px) {
	 p.h1,.h1{
	  font-size: 2.0rem;
	  color: #563938;
	}
	 p.h2,.h2, span.h2 {
	  font-size: 1.8rem;
	  color: #563938;
	  line-height: 2rem;
	}
	 p.h3,.h3, h3, h4.h3{
	  font-size: 1.6rem;
	}
}

/*Abstände*/
.section-85 {
padding-top: 85px;
padding-bottom: 85px;
}
.section-75{
padding-top: 75px;
padding-bottom: 75px;
}
.section-60{
padding-top: 60px;
padding-bottom: 60px;
}
.section-35{
padding-top: 35px;
padding-bottom: 35px;
}	
.section-25{
padding-top: 25px;
padding-bottom: 25px;
}	
.section-20{
padding-top: 20px;
padding-bottom: 20px;
}	
.pt-75{
padding-top: 75px;
}
.pb-75{
padding-bottom:75px;
}
.pt-60{
padding-top: 60px;
}
.pb-60{
padding-bottom:60px;
}
.pt-35{
padding-top: 35px;
}
.pb-35{
padding-bottom: 35px;
}
@media (max-width: 768px) {
	.section-85 {
	padding-top: 20px;
	padding-bottom: 20px;
	}
	.section-75{
	padding-top: 20px;
	padding-bottom: 20px;
	}
	.section-60 {
	padding-top: 20px;
	padding-bottom: 20px;
	}
	.section-35 {
	padding-top: 20px;
	padding-bottom: 20px;
	}
	.section-25{
	padding-top: 20px;
	padding-bottom: 20px;
	}	
	.pb-35, .pb-60, .pb-75{
	padding-bottom: 20px;
	}
	.pt-35, .pt-75, .pt-60{
	padding-top: 20px;
	}	
}
@media (max-width: 1200px) {
	.section-85 {
	padding-top: 30px;
	padding-bottom: 30px;
	}
	.section-75{
	padding-top: 30px;
	padding-bottom: 30px;
	}
	.section-60 {
	padding-top:30px;
	padding-bottom: 30px;
	}
	.section-35 {
	padding-top: 20px;
	padding-bottom: 20px;
	}
	.section-25{
	padding-top: 30px;
	padding-bottom: 30px;
	}	
	.pb-35, .pb-60, .pb-75{
	padding-bottom: 30px;
	}
	.pt-35, .pt-75, .pt-60{
	padding-top: 30px;
	}	
}
.padding-20{
padding-left: 20px;
padding-right: 20px;
}
.padding-30{
padding-left: 30px;
padding-right: 30px;
}
.padding-40{
padding-left:40px;
padding-right: 40px;
}
.padding-50{
padding-left: 50px;
padding-right: 50px;
}
@media (max-width: 1200px) {
	.padding-20{
	  padding-left:20px;
	  padding-right:20px;
	}
	.padding-30{
	  padding-left: 20px;
	  padding-right: 20px;
	}
	.padding-40{
	  padding-left:20px;
	  padding-right:20px;
	}
	.padding-50{
	  padding-left: 20px;
	  padding-right: 20px;
	}		
}
@media (max-width: 768px) {
	.padding-20{
	  padding-left:10px;
	  padding-right:10px;
	}
	.padding-30{
	  padding-left: 10px;
	  padding-right: 10px;
	}
	.padding-40{
	  padding-left:10px;
	  padding-right:10px;
	}
	.padding-50{
	  padding-left: 10px;
	  padding-right: 10px;
	}		
}
.mt-100{
 margin-top: 100px;
}
.mt-75{
 margin-top: 75px;
}
.mb-75{
 margin-bottom: 75px;
}
.mt-60{
 margin-top: 60px;
}
.mb-60{
 margin-bottom: 60px;
}	
.mt-50{
 margin-top: 50px;
}
.mb-50{
 margin-bottom: 50px;
}
.mt-40{
margin-top: 40px;
}
.mb-40{
margin-bottom: 40px;
} 
.mt-30{
 margin-top: 30px;
}
.mb-30{
 margin-bottom: 30px;
}
.mt-20{
 margin-top: 20px;
}
.mb-20{
 margin-bottom: 20px;
}

.mt-15{
 margin-top: 15px;
}
.mb-15{
 margin-bottom: 15px;
}
.mt-10{
 margin-top: 10px;
}
.mb-10{
 margin-bottom: 10px;
}
.mt-bild-produkte-oben{
 margin-top: 10px;
}
.m-0{
 margin: 0;
 margin-block-end: 0;
}
@media (max-width: 1024px) {
		.mt-100{
	 margin-top: 30px;
	}
	.mt-75{
	 margin-top: 30px;
	}
	.mb-75{
	 margin-bottom: 30px;
	}
	.mt-50{
	 margin-top: 30px;
	}
	.mb-50{
	 margin-bottom: 30px;
	}
	.mt-40{
	margin-top: 30px;
	}
	.mb-40{
	margin-bottom: 30px;
	} 
}
.wdm-quote {
    font-style: italic;
    font-size: 1.15rem;
    line-height: 1.5;
    letter-spacing: .5px;
    color: #555;
}


/*für dic classe für h2 Überschrifft im Elementor*/
.produkt-box {
margin:0;
}

/*Button Anfrage Stellen*/

.form-button {
border: none !important;
}
#form-field-Produkt{
font-weight:600!important;
}

/*Modale Fenster*/

.premium-modal-box-modal-footer {
padding: 25px 15px 25px 0px !important;
text-align: start;
border-top: 1px solid #d4cece !important;
margin-left: 15px;
margin-right: 15px;
}
.modal-kontakt{
padding: 25px 10px 0px 0px;
text-align: start;
border-top: 1px solid #d4cece !important;
}
.premium-modal-box-modal-body p{
line-height: 1.8rem;
}