@media screen and (min-width:1025px){nav,nav ul{display:flex}nav ul li,nav ul li a,nav ul li label{color:#fff;position:relative}nav,nav ul li{position:relative}nav,nav ul ul{box-shadow:0 .2em .4em rgba(0,0,0,.2)}#hamburg,nav ul ul{display:none}nav{left:50%;transform:translateX(-50%);background-color:#000;z-index:11;width:min-content;border:-.5em solid #000;border-radius:.5em;font-size:clamp(.7vw, 1.1vw, 1.4vw);margin-top:5.5vh;padding:1rem}nav ul{list-style-type:none;gap:.1rem;padding:2px 10px}nav ul li a,nav ul li label{text-decoration:none;padding:.2em 1em;display:inline-block;overflow:hidden;white-space:nowrap}nav ul li a:hover:after,nav ul li a:hover:before,nav ul li label:hover:after,nav ul li label:hover:before{content:"";position:absolute;width:0;height:.1875em;transition:background-color .5s;animation:1s forwards underline;bottom:0;left:10px}@keyframes underline{from{width:0}to{width:100%}}:root{--color-white:#ffffff;--color-yellow:#ffff00;--color-orange:#ff6600;--color-green:#5cb85c;--color-blue:#007bff;--color-brown:#5b2600;--color-black:#000000}nav ul li:first-child a::after,nav ul li:first-child a::before,nav ul li:first-child label::after,nav ul li:first-child label::before,nav ul li:nth-child(3) ul li:nth-child(4) a::after,nav ul li:nth-child(3) ul li:nth-child(4) a::before{background-color:var(--color-white)}nav ul li:nth-child(2) a::after,nav ul li:nth-child(2) a::before,nav ul li:nth-child(2) label::after,nav ul li:nth-child(2) label::before,nav ul li:nth-child(3) ul li:nth-child(5) a::after,nav ul li:nth-child(3) ul li:nth-child(5) a::before{background-color:var(--color-yellow)}nav ul li:nth-child(2) ul li:first-child a::after,nav ul li:nth-child(2) ul li:first-child a::before,nav ul li:nth-child(3) a::after,nav ul li:nth-child(3) a::before,nav ul li:nth-child(3) label::after,nav ul li:nth-child(3) label::before{background-color:var(--color-orange)}nav ul li:nth-child(2) ul li:nth-child(2) a::after,nav ul li:nth-child(2) ul li:nth-child(2) a::before,nav ul li:nth-child(4) a::after,nav ul li:nth-child(4) a::before,nav ul li:nth-child(4) label::after,nav ul li:nth-child(4) label::before{background-color:var(--color-green)}nav ul li:nth-child(2) ul li:nth-child(3) a::after,nav ul li:nth-child(2) ul li:nth-child(3) a::before,nav ul li:nth-child(3) ul li:first-child a::after,nav ul li:nth-child(3) ul li:first-child a::before,nav ul li:nth-child(5) a::after,nav ul li:nth-child(5) a::before,nav ul li:nth-child(5) label::after,nav ul li:nth-child(5) label::before{background-color:var(--color-blue)}nav ul li:nth-child(3) ul li:nth-child(2) a::after,nav ul li:nth-child(3) ul li:nth-child(2) a::before,nav ul li:nth-child(6) a::after,nav ul li:nth-child(6) a::before,nav ul li:nth-child(6) label::after,nav ul li:nth-child(6) label::before{background-color:var(--color-brown)}nav ul li:nth-child(3) ul li:nth-child(3) a::after,nav ul li:nth-child(3) ul li:nth-child(3) a::before,nav ul li:nth-child(7) a::after,nav ul li:nth-child(7) a::before,nav ul li:nth-child(7) label::after,nav ul li:nth-child(7) label::before{background-color:var(--color-black)}nav ul ul{position:absolute;top:100%;left:0;background-color:rgba(0,0,0,.829);z-index:4;padding:.2em 0;transition:.5s;opacity:0;border:-.5em solid #000;border-radius:.5em;pointer-events:none}nav ul ul li{width:100%;margin:0 .4em 0 0}nav ul ul li a{padding:.5em 1em}nav ul ul li a:hover:after,nav ul ul li a:hover:before{content:"";position:absolute;width:0;height:.1875em;transition:background-color .5s;animation:1s forwards underline;margin:0 0 .3em}nav ul li:hover>ul{display:block;opacity:1;transform:translateY(0);pointer-events:auto}}@media screen and (max-width:1024px){.hamburg,.topmenu li input[type=radio]:checked+label+ul{display:block}.hamburg{cursor:pointer;width:50px;height:50px;position:relative;z-index:99}.line{position:absolute;left:0;height:4px;width:100%;background:#000;border-radius:2px;transition:transform .5s,opacity .5s,background .5s;z-index:99}.line:first-child{top:12px}.line:nth-child(2){top:20px}.line:nth-child(3){top:28px}#hamburg,.topmenu li ul,.topmenu ul ul{display:none}#hamburg:checked+.hamburg .line:first-child{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)}#hamburg:checked+.hamburg .line{background:#fff}.topmenu{position:absolute;top:0;right:0;background-color:rgba(0,0,0,.9);box-shadow:0 0 10px rgba(0,0,0,.5);transition:.5s;height:auto;overflow:hidden;z-index:50;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.topmenu ul{list-style:none;padding:0;margin:0;color:#fff}.topmenu li{padding-bottom:10px;text-align:left}.topmenu li a{color:#fff;text-decoration:none;padding:.2em 1em;display:inline-block;overflow:auto;white-space:nowrap;position:relative;font-size:3vw}.topmenu li a::after,.topmenu li a::before{content:"";position:absolute;width:0;height:.1875em;bottom:0;left:0}@keyframes underline{from{width:0}to{width:100%}}:root{--color-white:#ffffff;--color-yellow:#ffff00;--color-orange:#ff6600;--color-green:#5cb85c;--color-blue:#007bff;--color-brown:#5b2600;--color-black:#000000}.topmenu li:first-child a::after,.topmenu li:first-child a::before,.topmenu li:nth-child(2) ul li:nth-child(5) a::after,.topmenu li:nth-child(2) ul li:nth-child(5) a::before,.topmenu li:nth-child(3) ul li:nth-child(4) a::after,.topmenu li:nth-child(3) ul li:nth-child(4) a::before,.topmenu li:nth-child(7) a::after,.topmenu li:nth-child(7) a::before{background-color:var(--color-white)}.topmenu li:nth-child(2) a::after,.topmenu li:nth-child(2) a::before,.topmenu li:nth-child(2) ul li:nth-child(6) a::after,.topmenu li:nth-child(2) ul li:nth-child(6) a::before,.topmenu li:nth-child(3) ul li:nth-child(5) a::after,.topmenu li:nth-child(3) ul li:nth-child(5) a::before{background-color:var(--color-orange)}.topmenu li:nth-child(2) ul li:first-child a::after,.topmenu li:nth-child(2) ul li:first-child a::before,.topmenu li:nth-child(3) a::after,.topmenu li:nth-child(3) a::before,.topmenu li:nth-child(3) ul li:nth-child(6) a::after,.topmenu li:nth-child(3) ul li:nth-child(6) a::before{background-color:var(--color-green)}.topmenu li:nth-child(2) ul li:nth-child(2) a::after,.topmenu li:nth-child(2) ul li:nth-child(2) a::before,.topmenu li:nth-child(3) ul li:first-child a::after,.topmenu li:nth-child(3) ul li:first-child a::before,.topmenu li:nth-child(4) a::after,.topmenu li:nth-child(4) a::before{background-color:var(--color-blue)}.topmenu li:nth-child(2) ul li:nth-child(3) a::after,.topmenu li:nth-child(2) ul li:nth-child(3) a::before,.topmenu li:nth-child(3) ul li:nth-child(2) a::after,.topmenu li:nth-child(3) ul li:nth-child(2) a::before,.topmenu li:nth-child(5) a::after,.topmenu li:nth-child(5) a::before{background-color:var(--color-brown)}.topmenu li:nth-child(2) ul li:nth-child(4) a::after,.topmenu li:nth-child(2) ul li:nth-child(4) a::before,.topmenu li:nth-child(3) ul li:nth-child(3) a::after,.topmenu li:nth-child(3) ul li:nth-child(3) a::before,.topmenu li:nth-child(6) a::after,.topmenu li:nth-child(6) a::before{background-color:var(--color-black)}.topmenu li a:hover::after,.topmenu li a:hover::before{content:"";position:absolute;height:.1875em;left:0;bottom:0;width:0;transition:background-color .5s;animation:1s forwards underline}.topmenu li ul li{border-bottom:1px solid #ffffffd8;margin:10px 0 10px 2rem;width:60vw}.topmenu li ul li a{font-size:2vw}#hamburg:checked+.hamburg+.topmenu{width:auto;height:auto;position:absolute;padding-top:10vh;left:0}#hamburg:not(:checked)+.hamburg+.topmenu{max-height:0}.topmenu li:focus-within ul{display:block}}