.debugger {
  position: absolute;
  left: 50%;
  top: 0;
}

* {
  margin: 0;
  box-sizing: border-box;
}

.nav-wrapper {
  position: fixed;
  right: 5px;
  top: 10px;
  z-index: 430; 
  width: 300px;
  height: 100vh;
	transition-delay: 0ms;
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: ease-in;
	-moz-transition-delay: 0ms;
	-moz-transition-duration: 300ms;
	-moz-transition-property: all;
	-moz-transition-timing-function: ease-in;
	-webkit-transition-delay: 0ms;
	-webkit-transition-duration: 300ms;
	-webkit-transition-property: all;
	-webkit-transition-timing-function: ease-in;
  background: #67b044;
  background-size: contain;
overflow: visible;
  width: 0px;
}

@media (min-width: 55em) and (min-device-width:500px) {
	.nav-wrapper {
		position: absolute;
		right: 5px;
		top: 10px;
	}
}

header.shrink .nav-wrapper {
}
.nav-wrapper.show-menu {
  width: 100%;
  right: 0;
  top: 0;
  overflow: hidden;
}

.js-nav-toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  border-radius: 0px;
  rotate: -4deg;
  margin: 0;
  display: block;
  float: left;
  padding: 10px 0;
  color: #fff;
  background: #67b044;
  z-index: 100;
  	transition-delay: 0ms;
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: ease-in;
	-moz-transition-delay: 0ms;
	-moz-transition-duration: 300ms;
	-moz-transition-property: all;
	-moz-transition-timing-function: ease-in;
	-webkit-transition-delay: 0ms;
	-webkit-transition-duration: 300ms;
	-webkit-transition-property: all;
	-webkit-transition-timing-function: ease-in;
}
.js-nav-toggle span {
  rotate: 4deg;
}
@media (min-width: 45em) {
	.js-nav-toggle {
		padding: 8px 0 0px 0;
	}
}
.show-menu .js-nav-toggle {
  top: 5px;
}

header.shrink .js-nav-toggle {
	padding-bottom: 0;
}
.nav-wrapper.show-menu .js-nav-toggle {
  right: 1rem;
  background-color: transparent;
}
.js-nav-toggle span {
  position: relative;
  background-color: #fff;
  height: 0.1px;
  display: block;
  width: 22px;
  margin: 17px 0 0 14px;
  transition: all 0.4s;
  transition-delay: 0.3s;
  box-shadow: 0 0 0 1px #fff;
   box-sizing:border-box;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;  
}
.js-nav-toggle span:before, .js-nav-toggle span:after {
  content: '';
  position: absolute;
  display: block;
  width: 30px;
  height: 0.1px;
  left: 0;
  top: 50%;
  margin-top: -7px;
  transition: all 0.3s 0.3s;
  margin-left: -4px;
}
.js-nav-toggle span:before {
  box-shadow: 0 16px 0 1px #fff;
}
.js-nav-toggle span:after {
  box-shadow: 0 -2px 0 1px #fff;
}
.show-menu .js-nav-toggle span {
  background-color: transparent;
  box-shadow: none;
}
.show-menu .js-nav-toggle span:before {
	width: 50px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.show-menu .js-nav-toggle span:after {
	width: 50px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.show-menu .js-nav-toggle span:before, .show-menu .js-nav-toggle span:after {
  margin-top: 0;
  box-shadow: 0 0 0 2px #fff;
}

#ml-nav {
  position: static;
  overflow-x: hidden;
  overflow-y: auto;
  display: none;
}
.show-menu #ml-nav {
  display: inline;
}
#ml-nav .nav-toggle {
  position: absolute;
  top: 10px;
  left: 1rem;
  width: 20em;
  padding: 13px 0.6em 13px 0;
  background-color: transparent;
  color: #fff;
  font-size: 2rem;
  line-height: 2.5rem;
  z-index: 100;
  cursor: pointer;
  transition: background-color 0.2s;
 	  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.show-menu #ml-nav .nav-toggle {
	position: static;
}
#ml-nav .nav-toggle:hover {
  background-color: transparent;
}
#ml-nav .nav-toggle.back-visible .nav-back {
  opacity: 1;
}
#ml-nav .nav-toggle.back-visible .nav-title {
  -webkit-transform: translateX(40px);
          transform: translateX(40px);
}
#ml-nav .nav-title {
  position: absolute;
  left: 0;
  top: 0.8em;
  padding-left: 1rem;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
#ml-nav .nav-back {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 60px;
  vertical-align: middle;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.2s;
}
#ml-nav .nav-back:before, nav .nav-back:after {
  content: '';
  position: absolute;
  top: 50%;
}
#ml-nav .nav-back:before {
  left: 50%;
  width: 9px;
  height: 9px;
  border: 2px solid currentcolor;
  border-right-color: transparent;
  border-bottom-color: transparent;
  -webkit-transform: translate(-50%, -50%) rotateZ(-45deg);
          transform: translate(-50%, -50%) rotateZ(-45deg);
}
#ml-nav .nav-back:after {
  left: 28%;
  width: 15px;
  height: 2px;
  background-color: currentcolor;
  margin-top: -1px;
}
#ml-nav ul .menhamlink,
#ml-nav ul .linkverw {
  display: block;
  position: relative;
  padding: 0.7rem 1rem;
  border-bottom: 2px solid #eee;
  box-sizing: border-box;
  color: #fff;
  color: #000;
  text-decoration: none;
  transition: color 0.15s, background-color 0.15s;
}
#ml-nav ul a:hover {
  color: #000;
  background-color: #efefef;
}
#ml-nav ul {
  list-style: none;
  padding: 0 0 0;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  position: absolute;
  left: 0;
  top: 80px;
  height: auto;
  width: 100%;
  z-index: 100;
}
#ml-nav ul ul {
  top: -80px;
}
.show-menu #ml-nav ul {
	position: static;
}
#ml-nav ul li ul {
  top: -80px;
}
#ml-nav ul > li {
  margin: 0 0 0 0;
}
#ml-nav ul li a {
		transition-delay: 0ms;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: ease-in-out;
	-moz-transition-delay: 0ms;
	-moz-transition-duration: 600ms;
	-moz-transition-property: all;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transition-delay: 0ms;
	-webkit-transition-duration: 600ms;
	-webkit-transition-property: all;
	-webkit-transition-timing-function: ease-in-out;
}
#ml-nav ul ul {
  display: none;
  left: 100%;
}
#ml-nav li.has-dropdown > a {
  padding-right: 2.5em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#ml-nav li.has-dropdown > a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  width: 9px;
  height: 9px;
  border: 1px solid currentcolor;
  border-left-color: transparent;
  border-top-color: transparent;
  -webkit-transform: translateY(-90%) rotateZ(-45deg);
          transform: translateY(-90%) rotateZ(-45deg);
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform-origin: 100%;
          transform-origin: 100%;
}
#ml-nav li.nav-dropdown-open ul {
  display: block;
}



.nav-wrapper .has_children {
}


#ml-nav li span {
	display: none;
}
#ml-nav li.has_children > span.testmensp {
	display: inline;
	cursor: hand;
}
#ml-nav li.has_children {
	background: url(images/plus.png) no-repeat right center;
	background-size: auto 60%;
}
.testmensp {
	background: url(images/pfeil-r.png) no-repeat right center;
	background-size: auto 60%;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	height: 100%;
	z-index: 10;
}

#ml-nav li a {
	font-size: 1.2rem;
}
@media (max-device-width:500px) {
	#ml-nav .nav-title {
		font-size: 1.5rem;
	}
	#ml-nav li span,
	#ml-nav li a {
		font-size: 1.2rem;
	}
}

#menhamplus {
}

#telefonham a {
	display: block;
	background: url(images/telefon.png) no-repeat left center;
	padding: 30px 0 30px 100px;
	color: #fff;
	color: #000;
	text-decoration: none;
}
#mailham a {
	display: block;
	background: url(images/mail.png) no-repeat left center;
	padding: 30px 0 30px 100px;
	color: #fff;
}

#menhamplus {
	margin-top: 6rem;
}

@media (min-width: 55em) and (min-device-width:500px) {
	#menhamplus {
		position: absolute;
		right: 10%;
		top: 10%;
		padding-left: 25rem;
		margin-top: 0;
		box-sizing: border-box;
		width: 90%;
		height: 80%;
		z-index: 10;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.show-menu #ml-nav {
		width: 20em;
	}

	#ml-nav ul {
	  top: 80px;
	}

}

	#ml-nav .nav-toggle,
	.show-menu #ml-nav ul {
		position: absolute;
		
	}


@media (max-width: 54.99999999em) or (max-device-width:500px) {
	#telefonham, #mailham {
		display: none;
	}
	
	#menhamplus, #ml-nav .nav-toggle .nav-title {
		padding: 0 1rem;
	}
	
	#ml-nav ul {
		width: 100%;
		box-sizing: border-box;
	}
	#ml-nav ul > li {
	}
}

#suchform button {
	width: 60px;
	height: 60px;
	margin: 10px 30px 10px 25px; 
	border-radius: 30px;
	border-width: 0;
	background: url(images/lupe.png) no-repeat left center;
	display: inline;
	vertical-align: middle;
}
#suchform input {
	border-radius: 8px;
	border-width: 1px;
	background: #fff;
	padding: 0.3rem 0.5rem;
	display: inline;
	vertical-align: middle;
	transition-delay: 0ms;
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: ease-in;
	-moz-transition-delay: 0ms;
	-moz-transition-duration: 300ms;
	-moz-transition-property: all;
	-moz-transition-timing-function: ease-in;
	-webkit-transition-delay: 0ms;
	-webkit-transition-duration: 300ms;
	-webkit-transition-property: all;
	-webkit-transition-timing-function: ease-in;	
}
#suchform input:focus, #suchform input:hover {
	background: rgba(255,255,255,0.8);
}

#ml-nav li.has_children {
	position: relative;
}
#ml-nav li.has_children {
	background: url(images/plus.png) no-repeat right center;
	background-size: auto 60%;
}

#ml-nav li.has_children .menlev {
	position: absolute;
	right: 0;
	top: 0;
	height: 50px;
	width: 50px;
	display: block;
	z-index: 10;
	cursor: hand;
}
#ml-nav li .menhamlink  {
	margin-right: 80px;
}