/* --- Stylesheet 6322 () --------- */ 

a.phone_link{
    display: inline-block;
    position: absolute;
    left: 1rem;
    top: 1.3rem;
}
a.phone_link:hover{border: none;}
#menu-toggle {display: none;}
@media screen and (min-width: 769px){
	.label-toggle {
		display: none;
		z-index: 999;
	}
}

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

a:hover, .nav_aktiv a{
	border: none;		
}
	
.ul .ul{
  display: none;		
}
	
.label-toggle {
      cursor: pointer;
	  position: relative;
      display: block;
      float: right;
      height: 32px;
      margin-top: 1em;
	  margin-right: 1em;
      width: 44px;
	  z-index: 9999;
}
.label-toggle:before,
.label-toggle:after{
	content:'';
	position: absolute;
	display: inline-block;
	width: 44px;
	height: 3px;
	background-color: #FFF;
}

.label-toggle:before{
	top: 5px;		
}
.label-toggle:after{
	top: 25px;		
}
#menu-toggle:checked ~ .label-toggle:after {
		transform: rotate(-45deg)  translate(6px, -4px);
}
#menu-toggle:checked ~ .label-toggle:before {
		transform: rotate(45deg)  translate(10px, 8px);
}
	
nav{
	width: 100%;
}

nav ul {
  display: block;
  height: 0;
  list-style-type: none;
  opacity: 0;
  text-align: center;
  transition: all 1s ease;
  width: 100%;
  visibility: hidden;
  padding: 0;
}
nav li:first-child{
	padding-top: 3rem;		
}
nav li {
  display: block;
  padding: 0;
  border-bottom: 1px solid #FFF;
}
nav li a{
  display: inline-block;
  padding: 2rem;
  width: 100%;
  font-size: 1.5rem;
}
#menu-toggle:checked ~ .ul ul {
      opacity: 1;
      height: 100vh;
      visibility: visible;
}

}