@media projection, screen {
label.hamburg {
    display: block;
    /*background-color:rgb(225, 174, 120);*/
    background-color: rgb(86, 49, 31);
    width: 60px;
    height: 60px; 
    position: relative;
    /*top:1.0em;*/
    /*margin-left: auto;
    margin-right: auto;*/
    transition: border-radius .5s;
    cursor:pointer;
    border-radius:60px;
    z-index:800;
}
.line {
    position: absolute; 
    left:15px;
    height: 4px;
    width: 30px; 
    /*background: rgb(101, 58, 37);*/
    background: rgb(255,255,255);
    display: block; 
    transition: 0.5s; 
    transform-origin: center;
    border-radius:5px;
}
.line:nth-child(1) {
    top: 20px;
}
.line:nth-child(2) {
    top: 28px;
}
.line:nth-child(3) {
    top: 36px;
}
#hamburg:checked + .hamburg .line:nth-child(1) {
    transform: translateY(8px) rotate(-45deg);
}
#hamburg:checked + .hamburg .line:nth-child(2) {
    opacity:0;
}
#hamburg:checked + .hamburg .line:nth-child(3) {
    transform: translateY(-8px) rotate(45deg);
}
nav.kbd-nav {
    height: auto; 
    max-height:0; 
    overflow: hidden; 
    transition: all 0.5s ease;
    /*margin-bottom:2.0em;*/
    position: fixed;
    left:-100%;
    top:0;
}
#hamburg:checked + .hamburg  + nav.kbd-nav {
    max-height: 100vh;
    /*max-height: 600px;*/
    height:100vh;
    position: absolute;
    left:0;
    top:0;
    background-color: rgb(225,174,120);
    z-index: 600;
}
.kbd-nav ul {
    list-style-type:none;
    line-height:2.5;
}
.kbd-nav .level_1 {
    padding:6.0em 3.0em 0 3.0em;
}
.kbd-nav .level_1 > li {
    border-bottom:1px solid rgb(86, 49, 31);
}
.kbd-nav .level_1 li.last {
    border:none;
}
.kbd-nav .level_1 li a {
    color:rgb(101, 58, 37);
    text-decoration:none;
    font-size:1.5rem;
}
.kbd-nav .level_1 li strong {
    color:rgb(101, 58, 37);
    text-decoration:none;
    font-size:1.5rem;
}
}