/****** PLACE YOUR CUSTOM STYLES HERE ******/
.dunkelgruen {
	background-color: #304616;
}
.dunkelgruen-font{
	color: #304616;
}

p > em {
	color: #000;
}

.bg-dark a {
	color: #fff;
}

.bg-dark a:hover {
	color: #e4f0b7!important;
}

.gestreift {
	background-image: url("../img/bg_inhalt.gif");
	background-repeat: repeat;
}

.bg-primary,
.bg-primary h1,
.bg-primary h2,
.bg-primary h3,
.bg-primary h4,
.bg-primary h5,
.bg-primary h6,
.bg-primary li,
.bg-primary strong,
.bg-primary .accordion-2 .title::after{
	color: #304616;
}

.bg-primary p {
	color: #748154;
}

.dunkelgruen strong {
	color: #fff!important;
}

.accordion-2 .content p {
	padding: 0px!important;
}

.accordion-2 .title p {
	padding: 0px!important;
}

.btn-bg01{
	background-image: url("../img/menue-test.jpg");
	background-repeat: no-repeat;
	padding-right: 32px;
	padding-left: 32px;
}

.feature img {
	width: 50%;

	margin-bottom: 20px;
}

.box {
background-color:white;
padding: 10px;
box-shadow: 5px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 10px 0px
rgba(0, 0, 0, 0.3);
}

.box .btn{
	bottom:20px;
}

.fix300 {
	width: 300px;
}

.bg-primary .btn {
    color: #304616;
    border-color: #304616;
}

.bg-primary .btn:hover {
    background-color: #304616;
}

div.punktliste p {
	display: list-item;
	margin-left: 20px;
	padding-left: 40px;
	list-style-type: disc;
}


.zeilen {
  padding: 11px 26px;
  min-height: 40px!important;

  line-height: 14px!important;

}

.tabkopf {
	padding: 6px 12px;
}

 .button {
  position: relative;
  cursor: pointer;
  display: inline-block;
  min-height: 40px;
  min-width: 200px;
  white-space: nowrap;
  background: #fff;
  border-radius: 0px;
  border: 3px solid #304616;
  border-width: 2px 2px 2px 2px;
  padding: 5px 20px 5px 51px;
  color: #304616;
  font-size: 12px;
  
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  font-style: normal
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  }

.button-xxl {
  position: relative;
  cursor: pointer;
  display: inline-block;
  height: auto;
  width: 100%;
  white-space: pre-wrap;
  background: #fff;
  border-radius: 0px;
  border: 3px solid #304616;
  border-width: 2px 2px 2px 2px;
  padding: 5px 20px 5px 51px;
  color: #304616;
  font-size: 15px;
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  line-height: 18px;
  font-weight: 400;
  font-style: normal
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  }
 
  .button > i {
    color: #fff;
  font-size: 22px;
  background: #304616;
  border-radius: 0px;
  border: 0px solid transparent;
  border-width: 0px 0px 0px 0px;
  padding: 7px 6px 7px 6px;
  margin: 0px 0px 0px 0px;
  position: absolute;
  top: -1px;
  left: 0px;
  bottom:-1px;
  width: 35px;
  }

.button-xxl > i {
    color: #fff;
  font-size: 22px;
  background: #304616;
  border-radius: 0px;
  border: 0px solid transparent;
  border-width: 0px 0px 0px 0px;
  padding: 7px 6px 7px 6px;
  margin: 0px 0px 0px 0px;
  position: absolute;
  top: -1px;
  left: 0px;
  bottom: -1px;
  width: 35px;
	line-height: 13px;
  
  }

  .button > .ld {
    font-size: initial
  }

.button:hover {
	background: #304616;
	color: #fff;
}

.button-xxl:hover {
	background: #304616;
	color: #fff!important;
}





@media all and (max-width: 990px) {
	.has-dropdown::after {
		right: 20%!important;
	}

	.feature img {
		height: 100px;
	}
	
	.feature .box {
		min-height: 465px;
	}
	
	h1 {
		text-align: left!important;
		margin-left: 12px;
	}

	.menu > li:first-child {
		margin-left: 0px;
	}

	
	.menu > li ul {
    margin-top: 5px;
	}
	
	.menu li a {
    
	margin-top: 12px;
	}
	.has-dropdown:after {  
  	top: 18px;
  	}
	
	.zwei > li:last-child {

	margin-bottom: 48px;
}
		.active .ti-menu::before {
    content: "\e646"!important;
}
	
	.toggle-sub .has-dropdown::after {

    content: "\e646"!important;

}
	.fix300 {
		width: 220px; 
	} 
	
	.pad38 {
		padding: 38px 0!important;		
	}
	
	.accordion-2 .title .down {
    margin-top: 30px;
}
	
		.accordion-2 .content .schliessen {
    margin-top: 30px;
}
	
.mt-md-32 {
		margin-top:32px;
	}
	
.down > h1 {
	text-align: center!important;	
	}
	
.pb-md-0 {
	padding-bottom: 0px!important;
	}
	
.pb-md-20 {
	padding-bottom: 20px!important;
	}
	
.abstand .col-md-4 .button-xxl {
	width: 70%;
	}
.col-md-4 p:first-child {
	margin-top: 24px;
	}
.col-md-4 p:last-child {
	margin-bottom: 36px;
	}
	
}
	
@media only screen and (min-width: 768px) {
			.box {
		min-height: 465px!important;
	}
		.feature img {
	width: 100%;
	height: 150px;
	}
		.sm-text-left {
		text-align: center!important;
	}
	
	.boden-box {
    position: absolute;
    width: 100%;
    bottom: 20px;
	left: 0px;

}
	
	.mhaktuell{
	min-height:200px;
}
		
	
}

@media only screen and (min-width: 990px) {
	
		.feature img {
	width: 100%;
	height: 200px;
	}
	
		.mhaktuell{
	min-height:145px;
}
	.hidden-md {
		display:none;
	}
	
	.hoehe-140 {
	min-height: 120px;
}
	
	}

@media only screen and (max-width: 420px) {
	
	.image-xxs {
    max-height: 115px!important;
}
	
}

@media only screen and (max-width: 550px) {
	
	.hidden-xxs {
		display: none;
	}
	
		.col-sm-4 .button-xxl {
		width: 80%!important;
	}
}
	

@media  only screen and (min-width: 551px) {
	
	.zeigen-xxs {
		display: none!important;

	}
	
}

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

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

@media only screen and (max-width: 767px) {
	.fix300 {
		width: 300px; 
	} 
	
	.col-sm-4 .button-xxl {
		width: 50%;
	}
	

}