@charset "utf-8";
/* CSS Document */


/* faq */


.section-center {
    max-width: 1170px;
}

.question {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    padding: 8px 20px 0 20px;
    margin-bottom: 10px;
}

.question-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 8px;
	font-weight: bold;
}

.question-title p {
    margin-bottom: 0;
    letter-spacing: 0;
    color: #333;
}

.question-btn {
    font-size: 1.3rem;
    background: transparent;
    border-color: transparent;
    cursor: pointer;
    color: #c59d5f;;
    transition:  all 0.3s linear;;
}

.question-btn:hover {
    transform: rotate(90deg);
}

.question-answer {
    padding: 15px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.question-answer p {
    margin-bottom: 0;
}

/* hide text */

.question-answer {
    display: none;
}

.show-text .question-answer {
    display: block;
}

.minus-icon {
    display: none;
}

.show-text .minus-icon {
    display: inline;
}

.show-text .plus-icon {
    display: none;
}  







/*Scrollbutton----*/

.scroll-to-top {
	position: fixed;
	text-align:center;
	font-family: 'FontAwesome';
	background:#5a4d47;
	cursor: pointer;
	bottom: 10px;
	opacity:.8;
	border-radius:3px;
	right: 15px;
	width:40px;
	font-size:18px;
	color:#fff;
	line-height:40px;
	height: 40px;
	display: none;
	z-index: 9999;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.scroll-to-top:hover {
	opacity:1;
	background:#ff8a00;
	color:#fff;
}


/*Telefon- und Mail-Button----*/


.mehl, .telefon {
	position: fixed;
	text-align:center;
	font-family: 'FontAwesome';
	background:#5a4d47;
	cursor: pointer;
	top: 5px;
	opacity:.8;
	border-radius:3px;
	width:40px;
	font-size:18px;
	color:#fff;
	line-height:40px;
	height: 40px;
	display: block;
	z-index: 99999999;
   
}
.call {
	position: fixed;
	text-align:center;
	background:#5a4d47;
	cursor: pointer;
	top: 5px;
	right:65px;
	opacity:.8;
	border-radius:3px;
	width:auto;
	font-size:18px;
	color:#fff;
	line-height:40px;
	height: 40px;
	padding:0 20px;
	display: block;
	z-index: 99999999;
   
}


.mehl {	
	
	right: 15px;
	}

	
.telefon {	

	display:none;
	}



.mehl:hover, .telefon:hover, .call:hover {
background:#ff8a00;
	opacity:1;
	color:#fff;
}

.mehl a, .telefon a, .call a {

	color:#fff;
}


@media (max-width: 991px) {
	
	.call {display:none;	}
.mehl {	
	top: auto;	
	bottom: 55px;
	right: 10px;
	}

	
.telefon {	
	top: auto;	
	bottom: 100px;
	right: 10px;
	display:block;
	}
	
	
	.scroll-to-top {

	bottom: 10px;
		right:10px;
	}
	
}


/*Formular-Feld-Schutz----*/
  .checkbox-container {
        display: flex;
        align-items: top;
        margin-bottom: 10px;
    }

    .checkbox-container input[type="checkbox"] {
        appearance: none; /* Entfernt Standard-Checkbox */
        width: 30px!important;
        height: 20px!important;
        background: #bbb;
        border-radius: 3px;
        padding: 5px;
        position: relative;
        cursor: pointer;
		
    }

    .checkbox-container input[type="checkbox"]:checked {
        background-color: #70635d;
       
    }

    .checkbox-container input[type="checkbox"]:checked::after {
        content: "✔";
        color: white;
        font-size: 14px;
        position: absolute;
         top: 0px;
        left: 4px;
    }

    .button2 {
        background: #70635d;
        color: white;
        padding: 5px 20px;
        border: 1px solid #70635d;
        border-radius: 3px;
        cursor: pointer;
        font-size: 14px;
    }

    .button2:disabled {
        background: #bbb;
        cursor: not-allowed;
		 border: 1px solid #bbb;
    }

.button2:hover {
        background: #fff;
         border: 1px solid #70635d;
	color: #70635d;
    }









/*Spamschutz----*/

.highlight {visibility: hidden; height: 1px;}
.highlight2 {visibility: visible; height: 10px;}


.pcall{
  color: #000; /* Inherit text color of parent element. */
	font-size:130%;font-weight: 700;
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */

}
.pcall:hover{
  color: #000; /* Inherit text color of parent element. */
  text-decoration: underline; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */

}

.white {color:#fff!important;
}

.wt{background:rgba(255,255,255,0.4); border:5px solid #e2e0df; padding-top:20px}

	  .media-about-2 .media__img2 {
    width: 45%;
		  margin-right: 0px;
    
 
  }


@media (max-width: 1199px) {

	
	  .media-about-2 .media__img2 {
    width: 60%;
		  
   
 
  }
}

@media (max-width: 768px) {

	
	  .media-about-2 .media__img2 {
    width: 80%;
		  
   
 
  }
}


@media (max-width: 575px) {
	  .media-about-2 .media__img2 {
    width: 100%;
}
	}




 ul.liste {
	list-style-type: disc!important;
  padding: 25px 0 15px 20px;

}

 ul.liste li{
	
  padding: 2px 10px 2px 10px;

}

 ul.liste span{
	
 margin-left: -20px;
	 font-weight: 600;

}

.kl {font-size: 12px}
.logo{width: 300px; margin-left:16px; margin-bottom:5px}
.logo-f{width: 160px; margin-left:20px;}
.logo-s{width: 220px; margin-left:20px; filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.9));}
.logo-m{width: 250px;}
.topsi {margin-top:40px}
.topsi2 {margin-top:40px}
.startmenu{margin-top: -160px;}
.menu-abst{margin-bottom: -75px;}
.link-fuss {font-size: 15px;
  color: #fff;
  text-transform: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
	margin-right:20px}

.link-fuss:hover {
  color: #ff8a00;
}

.fuss-re {text-align: right}
.fuss-li {text-align: left}

.hg-hell {background:#e2e0df}



@media (max-width: 991px) {
	
	
	.woocommerce-product-gallery{
	
  padding: 0 50% 0 0;
		margin-top:-50px;
	}
	

}

@media (max-width: 768px) {
	
	
	.woocommerce-product-gallery{
	
  padding: 0 20% 0 0;
		margin-top:-50px;
	}
	
	

}

@media (max-width: 575px) {
	
	
	.woocommerce-product-gallery{
	
  padding: 0 0 0 0;
		margin-top:-50px;
	}
	
	

}






.bg-parallax1 {

		background: url("../images/baumpflege.webp") no-repeat center center fixed #fff; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}



.bg-parallax2 {

		background: url("../images/baumkontrolle.webp") no-repeat center center fixed #fff; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}


.bg-parallax3 {

		background: url("../images/baumfaellung.webp") no-repeat center center fixed #fff; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}


.bg-parallax4 {

		background: url("../images/habitatstruktur.webp") no-repeat center center fixed #fff; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}


.bg-parallax5 {

		background: url("../images/heckenschnitt.webp") no-repeat center center fixed #fff; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}

.bg-parallax6 {

		background: url("../images/entsorgung.webp") no-repeat center center fixed #fff; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}
	
	.bg-parallax-bh {

		background: url("../images/tim-im-baum-h.webp") no-repeat center center fixed #fff; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}


	.bg-parallax-bh2 {

		background: url("../images/tim-im-baum-h2.webp") no-repeat center center fixed #fff; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}



@supports (-webkit-touch-callout: none) {
    .bg-parallax1 {
        background: url("../images/baumpflege.webp") no-repeat center center scroll;
        background-size: auto 100vh;
		background-color:#fff;
	}

    .bg-parallax2 {
        background: url("../images/baumkontrolle.webp") no-repeat center center scroll;
        background-size: auto 100vh;
		background-color:#fff;
	}
	
	.bg-parallax3 {
        background: url("../images/baumfaellung.webp") no-repeat center center scroll;
        background-size: auto 100vh;
		background-color:#fff;
	}

    .bg-parallax4 {
        background: url("../images/habitatstruktur.webp") no-repeat center center scroll;
        background-size: auto 100vh;
		background-color:#fff;
	}
	
	    .bg-parallax5 {
        background: url("../images/heckenschnitt.webp") no-repeat center center scroll;
        background-size: auto 100vh;
		background-color:#fff;
	}
	
		    .bg-parallax6 {
        background: url("../images/entsorgung.webp") no-repeat center center scroll;
        background-size: auto 100vh;
		background-color:#fff;
	}
	
			    .bg-parallax-bh {
        background: url("../images/tim-im-baum-h.webp") no-repeat center center scroll;
        background-size: auto 100vh;
		background-color:#fff;
	}
	
				    .bg-parallax-bh2 {
        background: url("../images/tim-im-baum-h2.webp") no-repeat center center scroll;
        background-size: auto 100vh;
		background-color:#fff;
	}

}



@media (max-width: 1199px) {
	.logo-s{width: 160px; margin-left:20px;}
	.startmenu{margin-top: -120px;}
}

@media (max-width: 768px) {
	.logo{width: 230px; margin-left:0px}
	.logo-m{width: 230px;}
	.topsi {margin-top:35px}
	.topsi2 {margin-top:17px}
	.fuss-re {text-align: center; }
.fuss-li {text-align: center;margin-bottom:30px}
	

h1 {
  font-size: 30px;
	 line-height: 32px;
}

h2 {
  font-size: 26px;
	line-height: 28px;
}

h3 {
  font-size: 22px;
	line-height: 24px;
}

h4 {
  font-size: 18px;
	line-height: 20px;
}

h5 {
  font-size: 17px;
	line-height: 19px;
}

h6 {
  font-size: 15px;
	line-height: 17px;
}
}