/* TestNav.css */
.ausblenden,.rotate1,.rotate2{transition: all 0.35s linear;transform: rotate(0deg);transform-origin: 45% 42%;fill:#a0a0a0}input[id="show-menu"]:checked +  label svg rect.rotate1{transform: rotate(45deg)}input[id="show-menu"]:checked +  label svg rect.rotate2{transform: rotate(-45deg)}.nav ul{overflow:hidden;display:block;margin:0;padding:0;list-style: none}.nav--offcanvas{width:250px;left:-300px;position:fixed;overflow:visible;background-color:rgba(255,255,255,.95);top: 0;bottom: 0;transition: left 0.4s ease-out;box-shadow: -5px 0px 15px 0px rgba(0,0,0,0.4)}.nav--offcanvas ul li{display:block;padding:0}.nav--offcanvas ul{margin-top:100px}.nav--offcanvas li{width:250px;margin-right:0;z-index:44}.nav--offcanvas li a,.nav--offcanvas li strong{display:block;padding:1em;border-bottom:1px solid #777;text-decoration:none;color:#000}label[for="show-menu"]{width:40px;left:7%;position:fixed;display:block;padding:.5em;color:#fff;top: 15px;cursor: pointer;z-index:3;transition: all 0.3s ease-in}.shrink label[for="show-menu"]{top:25px}.shrink label[for="show-menu"] svg{width:34px;height:30px}label[for="show-menu"] svg{width:40px;height:40px;transition: all 0.3s ease-in}input[id="show-menu"]:checked +  label svg rect.ausblenden{opacity:0}.invisible{width:1px;height:1px;position:absolute;overflow:hidden;margin:-1px;padding:0;border:0;clip: rect(0 0 0 0)}input[id="show-menu"]:checked  ~ .nav--offcanvas{left:0;display:block}