@media (max-width: 768px) {
.menu-toggle {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 34px;
  right: 25px;
  cursor: pointer;
	color: #000;
}
.one,
.two,
.three {
  width: 100%;
  height: 2px;
  background: #000;
  margin: 6px auto;
  backface-visibility: hidden;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.menu-toggle.on .one {
  -moz-transform: rotate(45deg) translate(7px, 7px);
  -ms-transform: rotate(45deg) translate(7px, 7px);
  -webkit-transform: rotate(45deg) translate(7px, 7px);
  transform: rotate(45deg) translate(7px, 7px);
}
.menu-toggle.on .three {
  -moz-transform: rotate(-45deg) translate(5px, -4px);
  -ms-transform: rotate(-45deg) translate(5px, -4px);
  -webkit-transform: rotate(-45deg) translate(5px, -4px);
  transform: rotate(-45deg) translate(5px, -4px);
}
.menu-toggle.on .two {
  opacity: 0;
}

nav ul {
  margin: 0;
  padding: 0;
  font-family: Open Sans;
  list-style: none;
  margin: 2em auto;
  text-align: center;
}
nav ul.hidden {
  display: none;
}

nav ul a {
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  line-height:36px;
  width: 100%;
  display: block;
  border-bottom:#fff solid thin;
  background-color: #000;
}
nav ul a:hover {
  background-color: #fff;
  color:#000;
  border-bottom:#000 solid thin;
}
nav ul.hidden{
			display: none;
		}
.mob-nav.on {
  border:1px solid black;
  z-index: 10;
  width: 40%;
  display: block;
  background-color: #fff;
  color: #000;
  position: absolute;
  right: 0;
	
}
@media (max-width: 600px) {
  .mob-nav.on {
	width: 50%;
  }
}
@media (max-width: 450px) {
  .mob-nav.on {
	width: 60%;
  }
}
.mob.nav.hidden{
	display: none;
		}
.menu-toggle.on{
	display: block;
		}
.mob-nav.on {
    color: #000;
  }
  .mob-nav.on h1 {
  background-image: url(../img/logo-tuschelei-text2.jpg);
  background-repeat: no-repeat;
  background-size: 99%;
  background-position: center center;
}
.mob-nav.on h1 {
  line-height: calc(5px + 1px *2);
  margin-top:70px;
  width: 100%;
}
.mob-nav.on .col-sm-6 {
  position: relative;
  padding-right: 0;
  padding-left: 0;
}
.mob-nav.on .elem-border > div {
  border-bottom: solid 1px #000;
}
}
  @media (max-width: 575.98px) {
	.mob-nav.on h1 {
      position: relative;
      left: 0; } }
  @media (max-width: 320px) {
	.mob-nav.on h1 {
      left: 0; } }