@charset "utf-8";

/* manrope-200 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/manrope-v15-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* manrope-300 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/manrope-v15-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* manrope-regular - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/manrope-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* manrope-500 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/manrope-v15-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* manrope-600 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/manrope-v15-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* manrope-700 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/manrope-v15-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* manrope-800 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/manrope-v15-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

  /* satisfy-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Satisfy';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/satisfy-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  

  
html, body{
	height: 100%;
	margin: 0 auto;
	padding: 0; 
	color:#fff !important;
	font-family: 'Manrope' !important;
	font-weight:300;
	font-size:16px !important;
	line-height:26px !important;
	background-color: #ffed00 !important;
}
		
p{
	margin: 0px;
	padding:0px;
}

img{
	border: none;	
}


hr{
	border-top: 3px dashed #145935!important;
}

body a{text-decoration:none;}
a:link {color: #145935 !important;}
a:visited {color: #666}
a:hover {color: #666; list-style-type:none !important; text-decoration:none !important;}
a:focus {color:#666; text-decoration:none !important; outline: none !important;}
a:active {color:#145935 !important;}

h1{
	font-size:700% !important;
	font-weight:600 !important;
	color:#145935 !important;
	line-height:110% !important;
	font-family: 'Satisfy' !important;
	text-align: center !important;
}

.slider_gartenpflege h1{
	color: #fff !important;
}

h2{
	font-size: 350% !important;
	font-weight:200 !important;
	line-height:110% !important;
	color:#145935 !important;
	font-family: 'Satisfy' !important;
	margin-bottom: 0px !important;
}

.gartenplanung h2{
	text-align: center !important;
}

h3{
	color:#145935 !important;
	text-align:left !important;
	margin-top: 10px !important;
	font-size: 180% !important;
}

h4{
	color:#145935 !important;
	font-size: 130% !important;
	line-height: 130% !important;
	font-weight:500 !important;
	margin-bottom:3px !important;
}



h5{
	font-size: 150% !important;
}

.container{
	padding: 0px 20px 0px 20px;
	width: 1700px !important;
}

.container_fluid{
	margin-left: auto !important;
	margin-right: auto !important;
}

.bg_green{
	background-color: #fff !important;
	padding: 50px !important;
	color: #145935 !important;
	width: 100% !important;
	line-height: 140% !important;
	border: 3px solid #145935;
	float: left !important;
	box-shadow: 0px 0px 50px #333;
}

.bg_gartenplanung{
	background-color: #fff !important;
	padding: 50px !important;
	color: #145935 !important;
	width: 100% !important;
	line-height: 140% !important;
	border: 3px solid #145935;
	float: left !important;
	box-shadow: 0px 0px 50px #333;
	margin-bottom: 50px;
}

.bg_gartenplanung h3{
	text-align: center !important;
}

.txt_karriere{
	color: #145935 !important;
	text-align: center !important;
}

.gartenplanung_pic{
	padding: 0px 40px 0px 40px;
	margin-top: -350px;
}

.txt_imp_dat{
	color: #145935 !important;
	text-align: center !important;
}

.bg_kontakt{
	background-color: #145935 !important;
	color: #fff !important;
	padding: 20px !important;
	width: 90% !important;
	margin: 0 auto !important;
	margin-top: -50px !important;
	z-index: 999 !important;
	position: relative !important;
	margin-bottom: 50px !important;
}

.imp_dat h3{
	text-align: center !important;
}

.bg_kontakt h3{
	color: #fff !important;
	font-size: 140% !important;
	margin-top: 0px !important;
}

.txt_green{
	color: #145935 !important;
	text-align: center !important;
}

.arrow_technik{
	margin-left: -150px !important;
	margin-top: -30px !important;
}

.arrow_technik_sm{
	display: none !important;
}

.txt_bg_green{
	background-color: #fff !important;
	color: #145935 !important;
	padding: 50px !important;
}

.txt_green h3{
	text-align: center !important;
}

.border_pic{
	border: 3px solid #326c2e !important;
}

.icon_gartenplanung{
	text-align: center !important;
	margin-top: -100px !important;
}

.bg_green h2{
	font-size: 200% !important;
	margin-bottom: 15px !important;
}

.gartenpflege_content{
	margin-top: 60px !important;
}

.icon_gartenpflege{
	margin-left: -130px !important;
}

.eb-close{
	background: url("../../../images/nax_xs_close.png") !important;
	background-repeat: no-repeat;
	width: 40px !important;
	height: 40px !important;
	margin-top: 40px !important;
	margin-right: 40px !important;
	font-size: 0px !important;

}

.accordion {
	background-color: #145935;
	color: #fff;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
  }

  ul.features li{
	background-image:url(../images/li.png) !important;
	background-position: left 3px;
	background-repeat:no-repeat;
	background-size:20px 20px;
	list-style:outside none none !important;
	padding-left:28px;
	padding-bottom:2px;
	vertical-align:bottom;
	margin-left: -40px !important;
	color: #145935 !important;
}
  

  /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
  .acc_active, .accordion:hover {
	background-color: #8fc74a;
  }
  
  /* Style the accordion panel. Note: hidden by default */
  .panel {
	padding: 0 50px;
	background-color: white;
	max-height: 0;
	border-left: 2px solid #145935 !important;
	border-right: 2px solid #145935 !important;
	border-bottom: 2px solid #145935 !important;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
  }
  
  .accordion:after {
	content: '\02795'; /* Unicode character for "plus" sign (+) */
	font-size: 13px;
	color: #fff !important;
	float: right;
	margin-left: 5px;
  }
  
  .acc_active:after {
	content: "\2796"; /* Unicode character for "minus" sign (-) */
  }

  .karriere_img_xs{
	display: none !important;
  }

header{
	width:100%;
	background-color: transparent !important;
	height:auto;
	float:left;
	margin: 0 auto;
	padding: 20px;
	position:relative !important;
	z-index:999;
	position: relative !important;
	top: 0 !important;
}


.slider{
	padding: 0px 100px 0px 100px !important;
}

div#maximenuck110 ul.maximenuck{
	background: transparent !important;
	float: right !important;
}

#maximenuck110{
	width: auto !important;
}

div#maximenuck110 ul.maximenuck li.maximenuck a, div#maximenuck110 ul.maximenuck li.maximenuck span.separator, div#maximenuck110 ul.maximenuck2 a, div#maximenuck110 ul.maximenuck2 li.maximenuck span.separator{
	color: #145935 !important;
	font-size: 120% !important;
	font-weight: 500 !important;
	padding: 20px 20px 10px 20px !important;
}


div#maximenuck110 .maxiFancybackground{
	border-bottom: 3px solid #145935 !important;
	bottom: 0 !important;
	border-top: none !important;
}

.txt_info{
	background-color: #145935;
	padding: 30px;
	color: #fff !important;
	position: relative;
	z-index: 3;
}

.icon_gartengestaltung{
	text-align: center !important;
	margin-top: -120px;
}

.auflistung{
	color: #145935 !important;
	float: left;
	padding: 30px 0px 30px 0px;
	z-index: 3;
	position: relative;
}

.left{
	padding-right: 15px;
}

.right{
	padding-left: 15px;
}

.slider_content{
	padding: 50px;
	position: relative;
	z-index: 1;
}

.arrow_dotted{
	margin-bottom: -600px !important;
	margin-top: 78px;
	position: relative;
	z-index: 2;
}

.gartengestaltung{
	background-color: #fff;
	box-shadow: 0px 0px 50px #333;
	padding: 50px;
	margin-top: 100px;
	margin-bottom: 80px;
	border: 3px solid #145935;
}



.kontakt_info{
	text-align: center !important;
	color: #145935 !important;
}

.kontakt_info_inner{
	font-size: 130% !important;
	line-height: 120% !important;
}

.kontakt_info h3{
	text-align: center !important;
}


section{
	font-size:120%;
	z-index:1;
	position:relative;
	height: auto;
	width: 100%;
}

section img{
	text-align: center;
	margin: 0 auto;
}

.icon_menu_start{
	margin-top: -80px !important;
	z-index: 99999;
	position: relative;
	padding: 0px 10px 0px 10px !important;
	
}


.icon_menu_start_outer{
	width: 1000px !important;
	margin: 0 auto !important;
}

footer{
	font-size:120%;
	color:#fff;
	margin: 0 auto;
	text-align:left;
	background-color:#145935;
	width:100%;
	height:auto;
	padding: 50px !important;
	bottom:0px;
	position:relative;
	float:left;
}

footer a:link{
	color:#fff !important;
}

footer a:hover{
	color:#fff !important;
	text-decoration:underline !important;
}

footer a:visited{
	color:#fff !important;
	text-decoration:underline !important;
}

.footer_copy{
	text-align:left;
	color:#fff;
}

.box_home_txt{
	background-color: #145935 !important;
	padding: 20px;
	color: #fff !important;
	margin: 0 auto !important;
	height: 300px !important;
	border-radius: 35px;
	margin-bottom: 50px !important;
}

.gartenplanung_txt{
	background-color: #145935 !important;
	padding: 20px;
	color: #fff !important;
	margin: 0 auto !important;
	border-radius: 35px;
	margin-bottom: 30px !important;
}

.pad_box_home_txt{
	padding: 0px 220px 0px 220px;
}


#content {
	width:100%;
	margin:0px;
	text-align:center;
}

.scrollToTop{
	width:40px; 
	height:40px;
	position:fixed;
	top:89%;
	right:40px;
	display:none;	
	z-index:999999999999;
	background: url('../images/arrow_up.png') no-repeat 0px 0px;
}

.scrollToTop:hover{
	text-decoration:none;
}

.left{
	padding-right:30px;
}

.right{
	padding-left:30px;
}

.middle{
	padding-left:15px;
	padding-right:15px;
}

.moveleft{
	transform: translate(-8%, 0);
	transition:all 400ms;
	opacity:0;
}

.left{
	transform: translate(0px, 0);
	opacity:1;
}

#nax_xs{
	display: none;
}

.nax_xs_inner{
	padding: 30px !important;
	font-size: 140% !important;
	line-height: 140% !important;
	font-weight: 400 !important;
	text-align: center !important;
	color: #fff !important;
}

.nax_xs_inner_small{
	font-size: 80% !important;
}

.nax_xs_inner a:visited{
	color: #fff !important;
}

.nax_xs_inner a:link{
	color: #fff !important;
}

.gartenpflege_pic_xs{
	display: none;
}


@media screen and (max-width: 1750px){
	.container{
		width: 1300px !important;
	}

	.pad_box_home_txt{
		padding: 0px 120px 0px 120px !important;
	}

	.box_home_txt{
		height: 350px !important;
	}

	.txt_bg_green{
		padding: 30px !important;
	}
}

@media screen and (max-width: 1736px){

}

@media screen and (max-width: 1350px){	
	.arrow_technik{
		display: none !important;
	}
	
	.arrow_technik_sm{
		display: block !important;
		margin-left: -100px !important;
		margin-bottom: -30px !important;
	}

	.pad_box_home_txt{
		padding: 0px !important;
	}
	.container{
		width: 1000px !important;
	}

	footer{
		padding: 50px 0px 50px 0px !important;
		font-size: 100% !important;
	}

	.box_home_txt{
		height: 400px !important;
		font-size: 90% !important;
	}

	div#maximenuck110{
		font-size: 12px !important;
	}
}

@media screen and (max-width: 1199px){
	.slider{
		padding: 0px 50px 0px 50px !important;
	}
	

	h1{
		font-size:500% !important;
	}

}

@media screen and (max-width: 1050px){	
	.container{
		width: 100% !important;
	}
}

@media screen and (max-width: 1000px) {
section img{
	text-align: center;
	margin: 0 auto;
}
}

@media screen and (max-width: 999px){

footer{
	font-size:100%;
}

section img{
	text-align: center;
	margin: 0 auto;
}
}

@media screen and (max-width: 991px) {
.box_home_txt{
	height:430px !important;
	font-size: 100% !important;
}

.footer_content{
	height: 300px !important;
}

	
.gartenpflege_pic_xs{
	display: block !important;
}

.gartenpflege_pic_md{
	display: none;
}

#nax_xs{
	display: block !important;
	text-align: right !important;
	margin-top: 90px !important;
}

.icon_gartenpflege{
	margin-left: 0px !important;
}

#nav{
	display: none !important;
}

.kontakt{
	display: none !important;
}

.arrow_dotted{
	display: none !important;
}

.slider_content{
	padding: 0px !important;
	margin-top: 30px !important;
}



.footer_copy{
	text-align:center !important;
}

}

@media screen and (max-width: 815px) {
	.box_home_txt{
		height:500px !important;
		font-size: 100% !important;
	}
	}




@media screen and (max-width: 767px) {
.karriere_img{
	display: none !important;
 }

.karriere_img_xs{
	display: block !important;
}

	.arrow_technik_sm{
		display: block !important;
		margin-top: -30px !important;
	}

	.box_home_txt{
		height:auto !important;
	}

	.footer_content{
		height: auto !important;
	}

	.bg_green{
		padding: 20px !important;
	}

	.panel{
		padding: 0px 20px !important;
	}

	h1{
		font-size:300% !important;
	}

	.gartengestaltung{
		padding: 20px !important;
	}


	h4{
		font-size: 110% !important;
	}


.left{
	padding-right:0px !important;
}

.right{
	padding-left:0px !important;
}

.middle{
	padding-left:0px !important;
	padding-right:0px !important;
}

h3{
	font-size:110% !important;
}

}

@media screen and (max-width: 640px) {
.slider{
	padding: 0px !important;
}

h2{
	font-size:250% !important;
}	

h3{
	font-size:120% !important;
}
	

}


@media screen and (max-width: 595px) {

}

@media screen and (max-width: 450px) {

}

@media screen and (max-width: 392px) {
h3{
	font-size:100% !important;
}
}