input[id^="Schalter"] {
  display:none;}

.Haupt .mod-menu__sub li{
  margin-top:15px;
}

.Haupt>ul>li {
  letter-spacing:1.2px;}


.nav ul {
  list-style-type:none;
}

.Haupt  label {
  border: 1px solid;
  background-color:white;
  padding:0 5px 0 5px;
  margin-left:5px;
}


@media only screen and (min-width: 800px) {

.Haupt .mod-menu__sub {
  position:absolute;
  top:20px;
  visibility:hidden;
  background-color:#AFF1EA;
  position:absolute;
  border:solid 1px #90BDB8;
  opacity:0.87;
  padding-left:5px;
}
  
input[id^="Schalter"]:checked + .mod-menu__sub {
  visibility:visible;
}


.Haupt {
  /*background-color:#96BFC0;*/
  height:50px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
  
.Haupt>ul>li {
  display:inline-block;
  position:relative;
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  margin-right:80px;
  }
 
}

@media only screen and (max-width: 799px) {
  
.Haupt .mod-menu__sub {
  margin-top:5px;
  display:none;
  background-color:#AFF1EA;
  border:solid 1px #90BDB8;
  opacity:0.87;
  padding-left:5px;
}  

  .mod-menu__sub, .Haupt>ul {
  list-style-type:none;  
  }

  
.Haupt>ul>li {
  position:relative;
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  margin-left:90px;
  }
  
input[id^="Schalter"]:checked + .mod-menu__sub {
  display:block;
}

 
#header{
  height:auto;
  /*position:relative;*/
  min-height:43px; /* siehe Kasten 2*top + height */
}
  
  
.Kasten{
  display: block;
  background: white;
  width: 35px;
  height: 23px; 
  position: relative;
  margin-bottom:10px;
  left:90%;
  /*margin-left: auto;
  margin-right: auto;
  top:10px;*/
  /*border-style: solid;
  border-width: 2px;
  border-radius: 4px;
  border-color: black;*/
} 

.line { 
   position: absolute; 
   left:3px;
   height: 3px;
   width: 29px; 
   background:black;
   border-radius: 1px;
   display: block; 
   transition: 0.5s; 
   transform-origin: center;
}


.line:nth-child(1) { top: 3px; }
.line:nth-child(2) { top: 10px; }
.line:nth-child(3) { top: 17px;}



.Haupt {
  height: auto;
  /*background-color:#9FBAB9;*/
  max-height:0;
  overflow: hidden; 
  transition: all 0.5s;
}
  
.Haupt .nav > li {
  margin-left:5vw;
  font-size:16px;
  margin-top:20px;
}
  
.Haupt .nav  > li:last-child {
  margin-bottom:10px;  
  }
  
.Haupt .mod-menu__sub > li{
  font-size:16px;
  margin-top:5px;
}
  
.Haupt .mod-menu__sub{
  margin-left:10vw;
}  
  
  

#Hamburg:checked + .Kasten .line:nth-child(1){
   transform: translateY(7px) rotate(-45deg);
}

#Hamburg:checked + .Kasten .line:nth-child(2){
   opacity:0;
}

#Hamburg:checked + .Kasten .line:nth-child(3){
   transform: translateY(-7px) rotate(45deg);
}
#Hamburg:checked + .Kasten + .Haupt { 
   max-height: 1200px;
}


   
}