1*6b725a9aSAndreas Gohrdiv.mobile-hamburger, 2*6b725a9aSAndreas Gohrdiv.mobile-menu, 3*6b725a9aSAndreas Gohrdiv.mobile-logo { 4*6b725a9aSAndreas Gohr display: none; 5*6b725a9aSAndreas Gohr} 6*6b725a9aSAndreas Gohr 7*6b725a9aSAndreas Gohr 8*6b725a9aSAndreas Gohr@media only screen and (max-width: 750px) { 9*6b725a9aSAndreas Gohr 10*6b725a9aSAndreas Gohr div.mobile-hamburger { 11*6b725a9aSAndreas Gohr display: block; 12*6b725a9aSAndreas Gohr position: absolute; 13*6b725a9aSAndreas Gohr top: 0; 14*6b725a9aSAndreas Gohr left: 0; 15*6b725a9aSAndreas Gohr z-index: 1000; 16*6b725a9aSAndreas Gohr 17*6b725a9aSAndreas Gohr cursor: pointer; 18*6b725a9aSAndreas Gohr font-size: 2.5rem; 19*6b725a9aSAndreas Gohr line-height: 3rem; 20*6b725a9aSAndreas Gohr 21*6b725a9aSAndreas Gohr width: 3rem; 22*6b725a9aSAndreas Gohr height: 3rem; 23*6b725a9aSAndreas Gohr text-align: center; 24*6b725a9aSAndreas Gohr 25*6b725a9aSAndreas Gohr &::before { 26*6b725a9aSAndreas Gohr content: '☰'; 27*6b725a9aSAndreas Gohr } 28*6b725a9aSAndreas Gohr } 29*6b725a9aSAndreas Gohr 30*6b725a9aSAndreas Gohr div.mobile-hamburger.open { 31*6b725a9aSAndreas Gohr &::before { 32*6b725a9aSAndreas Gohr content: '✕'; 33*6b725a9aSAndreas Gohr } 34*6b725a9aSAndreas Gohr } 35*6b725a9aSAndreas Gohr 36*6b725a9aSAndreas Gohr div.mobile-logo { 37*6b725a9aSAndreas Gohr display: block; 38*6b725a9aSAndreas Gohr a { 39*6b725a9aSAndreas Gohr display: block; 40*6b725a9aSAndreas Gohr width: 100%; 41*6b725a9aSAndreas Gohr height: 3rem; 42*6b725a9aSAndreas Gohr background-size: contain; 43*6b725a9aSAndreas Gohr background-repeat: no-repeat; 44*6b725a9aSAndreas Gohr background-position: center; 45*6b725a9aSAndreas Gohr } 46*6b725a9aSAndreas Gohr } 47*6b725a9aSAndreas Gohr 48*6b725a9aSAndreas Gohr div.mobile-menu { 49*6b725a9aSAndreas Gohr position: absolute; 50*6b725a9aSAndreas Gohr top: 0; 51*6b725a9aSAndreas Gohr left: 0; 52*6b725a9aSAndreas Gohr 53*6b725a9aSAndreas Gohr height: 100%; 54*6b725a9aSAndreas Gohr overflow-y: auto; 55*6b725a9aSAndreas Gohr 56*6b725a9aSAndreas Gohr z-index: 500; 57*6b725a9aSAndreas Gohr background-color: @ini_background; 58*6b725a9aSAndreas Gohr box-shadow: 5px 0 5px @ini_border; 59*6b725a9aSAndreas Gohr 60*6b725a9aSAndreas Gohr padding-top: 3rem; 61*6b725a9aSAndreas Gohr 62*6b725a9aSAndreas Gohr a { 63*6b725a9aSAndreas Gohr color: @ini_existing; 64*6b725a9aSAndreas Gohr } 65*6b725a9aSAndreas Gohr 66*6b725a9aSAndreas Gohr .mobile-search { 67*6b725a9aSAndreas Gohr display: block; 68*6b725a9aSAndreas Gohr margin: 0.25em; 69*6b725a9aSAndreas Gohr input, 70*6b725a9aSAndreas Gohr button { 71*6b725a9aSAndreas Gohr line-height: inherit; 72*6b725a9aSAndreas Gohr } 73*6b725a9aSAndreas Gohr } 74*6b725a9aSAndreas Gohr 75*6b725a9aSAndreas Gohr ul { 76*6b725a9aSAndreas Gohr padding: 0; 77*6b725a9aSAndreas Gohr list-style-type: none; 78*6b725a9aSAndreas Gohr list-style-image: none !important; 79*6b725a9aSAndreas Gohr margin: 0.25em 0; 80*6b725a9aSAndreas Gohr 81*6b725a9aSAndreas Gohr border-bottom: 1px solid @ini_border; 82*6b725a9aSAndreas Gohr 83*6b725a9aSAndreas Gohr li { 84*6b725a9aSAndreas Gohr margin: 0; 85*6b725a9aSAndreas Gohr padding: 0.25em; 86*6b725a9aSAndreas Gohr } 87*6b725a9aSAndreas Gohr } 88*6b725a9aSAndreas Gohr } 89*6b725a9aSAndreas Gohr 90*6b725a9aSAndreas Gohr div.mobile-menu.open { 91*6b725a9aSAndreas Gohr display: block; 92*6b725a9aSAndreas Gohr } 93*6b725a9aSAndreas Gohr 94*6b725a9aSAndreas Gohr #page-base, 95*6b725a9aSAndreas Gohr #head-base, 96*6b725a9aSAndreas Gohr #head, 97*6b725a9aSAndreas Gohr #panel { 98*6b725a9aSAndreas Gohr display: none; 99*6b725a9aSAndreas Gohr } 100*6b725a9aSAndreas Gohr 101*6b725a9aSAndreas Gohr div#content, 102*6b725a9aSAndreas Gohr div#footer { 103*6b725a9aSAndreas Gohr margin-left: 0; 104*6b725a9aSAndreas Gohr } 105*6b725a9aSAndreas Gohr 106*6b725a9aSAndreas Gohr} 107