label.button-close,label.button-open{z-index:2;position:absolute;height:4rem;line-height:4rem;width:4rem;box-shadow:0 0 3px #000;top:0;right:0;cursor:pointer}label.button-open{display:table;background:#000;margin:0 auto;transition:all .3s}label .far,label .fas{font-size:3rem;display:table-cell;text-align:center;color:#EAEAEA;line-height:4rem;height:4rem;vertical-align:middle}label.button-close{display:table;background:#fff}label.button-close .far,label.button-close .fas{color:#000}input[type=checkbox]{display:none}input[type=checkbox]:checked~#nav{top:0}input#menuschalter:checked~.button-open{top:-4rem}#nav{position:relative;height:100%;top:-120%;transition:all .3s;text-transform:uppercase}.akkordeon{position:absolute;z-index:1;right:0;top:0;width:100%;height:100%;background:#2D2E39;text-align:center;padding:0;box-shadow:0 0 5px #000}.akkordeon .bereich{display:block;float:left;margin:0;padding:0;width:100%}.akkordeon label,.akkordeon label a,.akkordeon label b{display:inline-block;width:100%;background:#2D2E39;color:#fff;text-shadow:0 0 1px #3F3F3F;text-align:center;vertical-align:middle;letter-spacing:.2rem;font-size:1.5rem;height:3rem;line-height:3rem;cursor:pointer;margin:0;padding:0;text-decoration:none;font-weight:400}.akkordeon label a:hover,.akkordeon label b:hover,.akkordeon label:hover{background:#525469;color:#fff}.akkordeon b:before{display:inline-block;vertical-align:top;font-family:'Font Awesome 5 Free';font-weight:900;content:"\f0d7";padding-right:8px;color:#fff;font-size:14px}.akkordeon ul{display:block;width:100%;margin:0 auto;padding:0}.akkordeon li{list-style-type:none;margin:0;padding:0}.akkordeon li a{display:block;background:0 0;color:#fff;text-align:center;text-decoration:none;font-size:1.5rem;line-height:1.9rem;letter-spacing:.2rem;padding:.4rem .5rem;margin:0}.akkordeon li a:hover{background:#CACBD0;color:#3D3F50}.akkordeon input{display:none}.akkordeon input[type=radio]:checked+label,.akkordeon input[type=radio]:checked+label b,.akkordeon input[type=radio]:checked+label:hover{background:#525469}.akkordeon span{display:block;overflow:hidden;background:#797B97;text-align:left;height:0;margin:0;transition:all 1s ease-in-out}.akkordeon input[type=radio]:checked~span{height:auto}@media (min-width:320px){#nav{top:-190%}}@media (min-width:640px){.akkordeon{width:42%}}@media (min-width:1100px){label.button-close,label.button-open{display:none}#nav{top:0}.akkordeon{width:100%;background:0 0}.akkordeon .bereich{display:inline-block;margin:0;padding:0;width:16.66%}.akkordeon .bereich:hover span.no-drop{opacity:0}.akkordeon .bereich:hover span{opacity:1}.akkordeon label,.akkordeon label a,.akkordeon label b{box-shadow:0 0 1px #000;margin:0;border-bottom:solid 4px #788696;height:4rem;line-height:4rem;font-size:1.1rem;background:#5D6C7B;background:linear-gradient(to bottom,#778697 ,#1F1F1F)}.akkordeon label a:hover,.akkordeon label b:hover,.akkordeon label:hover{background:#525469;border-bottom:solid 4px #C5CBD1}.akkordeon li a{text-align:left;font-size:1.2rem;line-height:1.5rem}.akkordeon span{height:auto;opacity:0;box-shadow:0 0 5px rgba(0,0,0,.5)}.akkordeon input[type=radio]:checked~span{opacity:1}}