.hamburg{ display:block;width:40px;height:30px;position:relative;margin-left:auto;margin-right:auto;border-radius:2px;transition:border-radius .5s;}.hb-dark{ background-color:transparent;}.hb-gelb{ background-color:rgba(244,231,44,0.8);}.line{ position:absolute;left:7px;height:3px;width:27px;border-radius:2px;display:block;transition:0.5s;transform-origin:center;}.ln-dark{ background-color:#000;}.ln-gelb{ background-color:#9f5215;}.line:nth-child(1){ top:6px;}.line:nth-child(2){ top:14px;}.line:nth-child(3){ top:22px;}.hamburg.checked{ background-color:transparent;}.hamburg.checked .line:nth-child(1){ background-color:#fff;transform:translateY(12px) rotate(-45deg);}.hamburg.checked .line:nth-child(2){ opacity:0;}.hamburg.checked .line:nth-child(3){ background-color:#fff;transform:translateY(-12px) rotate(45deg);}@media (min-width:768px){ .hamburg{ width:56px;height:41px;border-radius:4px;}.line{ left:10px;height:4px;width:37px;}.line:nth-child(1){ top:7px;}.line:nth-child(2){ top:19px;}.line:nth-child(3){ top:31px;}}