16b725a9aSAndreas Gohrdiv.mobile-hamburger, 26b725a9aSAndreas Gohrdiv.mobile-menu, 36b725a9aSAndreas Gohrdiv.mobile-logo { 46b725a9aSAndreas Gohr display: none; 56b725a9aSAndreas Gohr} 66b725a9aSAndreas Gohr 76b725a9aSAndreas Gohr 86b725a9aSAndreas Gohr@media only screen and (max-width: 750px) { 96b725a9aSAndreas Gohr 106b725a9aSAndreas Gohr div.mobile-hamburger { 116b725a9aSAndreas Gohr display: block; 126b725a9aSAndreas Gohr position: absolute; 136b725a9aSAndreas Gohr top: 0; 146b725a9aSAndreas Gohr left: 0; 156b725a9aSAndreas Gohr z-index: 1000; 166b725a9aSAndreas Gohr 176b725a9aSAndreas Gohr cursor: pointer; 186b725a9aSAndreas Gohr font-size: 2.5rem; 196b725a9aSAndreas Gohr line-height: 3rem; 206b725a9aSAndreas Gohr 216b725a9aSAndreas Gohr width: 3rem; 226b725a9aSAndreas Gohr height: 3rem; 236b725a9aSAndreas Gohr text-align: center; 246b725a9aSAndreas Gohr 256b725a9aSAndreas Gohr &::before { 266b725a9aSAndreas Gohr content: '☰'; 276b725a9aSAndreas Gohr } 286b725a9aSAndreas Gohr } 296b725a9aSAndreas Gohr 306b725a9aSAndreas Gohr div.mobile-hamburger.open { 31*e9b172d6SAndreas Gohr background-color: @ini_background; 326b725a9aSAndreas Gohr &::before { 336b725a9aSAndreas Gohr content: '✕'; 346b725a9aSAndreas Gohr } 356b725a9aSAndreas Gohr } 366b725a9aSAndreas Gohr 376b725a9aSAndreas Gohr div.mobile-logo { 386b725a9aSAndreas Gohr display: block; 396b725a9aSAndreas Gohr a { 406b725a9aSAndreas Gohr display: block; 416b725a9aSAndreas Gohr width: 100%; 426b725a9aSAndreas Gohr height: 3rem; 436b725a9aSAndreas Gohr background-size: contain; 446b725a9aSAndreas Gohr background-repeat: no-repeat; 456b725a9aSAndreas Gohr background-position: center; 466b725a9aSAndreas Gohr } 476b725a9aSAndreas Gohr } 486b725a9aSAndreas Gohr 496b725a9aSAndreas Gohr div.mobile-menu { 506b725a9aSAndreas Gohr position: absolute; 516b725a9aSAndreas Gohr top: 0; 526b725a9aSAndreas Gohr left: 0; 536b725a9aSAndreas Gohr 546b725a9aSAndreas Gohr height: 100%; 556b725a9aSAndreas Gohr overflow-y: auto; 566b725a9aSAndreas Gohr 576b725a9aSAndreas Gohr z-index: 500; 586b725a9aSAndreas Gohr background-color: @ini_background; 596b725a9aSAndreas Gohr box-shadow: 5px 0 5px @ini_border; 606b725a9aSAndreas Gohr 616b725a9aSAndreas Gohr padding-top: 3rem; 626b725a9aSAndreas Gohr 636b725a9aSAndreas Gohr a { 646b725a9aSAndreas Gohr color: @ini_existing; 656b725a9aSAndreas Gohr } 666b725a9aSAndreas Gohr 676b725a9aSAndreas Gohr .mobile-search { 686b725a9aSAndreas Gohr display: block; 696b725a9aSAndreas Gohr margin: 0.25em; 706b725a9aSAndreas Gohr input, 716b725a9aSAndreas Gohr button { 726b725a9aSAndreas Gohr line-height: inherit; 736b725a9aSAndreas Gohr } 746b725a9aSAndreas Gohr } 756b725a9aSAndreas Gohr 766b725a9aSAndreas Gohr ul { 776b725a9aSAndreas Gohr padding: 0; 786b725a9aSAndreas Gohr list-style-type: none; 796b725a9aSAndreas Gohr list-style-image: none !important; 806b725a9aSAndreas Gohr margin: 0.25em 0; 816b725a9aSAndreas Gohr 826b725a9aSAndreas Gohr border-bottom: 1px solid @ini_border; 836b725a9aSAndreas Gohr 846b725a9aSAndreas Gohr li { 856b725a9aSAndreas Gohr margin: 0; 866b725a9aSAndreas Gohr padding: 0.25em; 876b725a9aSAndreas Gohr } 886b725a9aSAndreas Gohr } 896b725a9aSAndreas Gohr } 906b725a9aSAndreas Gohr 916b725a9aSAndreas Gohr div.mobile-menu.open { 926b725a9aSAndreas Gohr display: block; 936b725a9aSAndreas Gohr } 946b725a9aSAndreas Gohr 956b725a9aSAndreas Gohr #page-base, 966b725a9aSAndreas Gohr #head-base, 976b725a9aSAndreas Gohr #head, 986b725a9aSAndreas Gohr #panel { 996b725a9aSAndreas Gohr display: none; 1006b725a9aSAndreas Gohr } 1016b725a9aSAndreas Gohr 1026b725a9aSAndreas Gohr div#content, 1036b725a9aSAndreas Gohr div#footer { 1046b725a9aSAndreas Gohr margin-left: 0; 1056b725a9aSAndreas Gohr } 1066b725a9aSAndreas Gohr 1076b725a9aSAndreas Gohr} 108