Single de app

durch  |  05-Aug-2015 22:08

Header__Button Group--Social{display:inline-block}. Header__Button Group--Social a{display:inline-block;text-align:center}. Header__Button Group--Social svg{display:inline-block;vertical-align:middle}@media screen and (min-width:41.25em){. Search--Header.is-visible{-webkit-transform:translate(0);transform:translate(0);box-shadow:0 .0625rem .3125rem 0 rgba(0,0,0,.2),0 .125rem .125rem 0 rgba(0,0,0,.14),0 .1875rem .0625rem -.125rem rgba(0,0,0,.12)}@media screen and (min-width:62.5em){. Header__Container:before{background:#eb443f;box-shadow:0 .0625rem .5rem 0 rgba(0,0,0,.2),0 .1875rem .25rem 0 rgba(0,0,0,.14),0 .1875rem .1875rem -.125rem rgba(0,0,0,.12);content:"";height:100%;left:0;position:absolute;width:100%;z-index:5001}. Header__Logo{color:#eb443f;position:relative;z-index:5004}. Header__Logo:hover{color:#d43d39}@media screen and (max-width:41.249em){. Header__Logo{padding:.75rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}@media screen and (min-width:41.25em){. Header__Logo{display:inline-block;margin-top:1.1875rem;margin-left:.5625rem;margin-right:.5rem}}@media screen and (min-width:62.5em){. Navigation--Header.is-visible{box-shadow:0 .0625rem .3125rem 0 rgba(0,0,0,.2),0 .125rem .125rem 0 rgba(0,0,0,.14),0 .1875rem .0625rem -.125rem rgba(0,0,0,.12);-webkit-transform:translate(0);transform:translate(0)}.

Navigation__Submenu--More){padding-top:.5rem;padding-bottom:.5rem;width:100%}. Navigation--Header{display:inline-block;margin-top:.8125rem}. Navigation--Headerli{border-radius:.1875rem;display:inline-block;margin-right:.25rem;-webkit-transition:background .2s ease-out;transition:background .2s ease-out;vertical-align:top;white-space:nowrap}. Navigation--Headera:after{border-top:.25rem solid transparent;border-bottom:.25rem solid transparent;border-left:.25rem solid #20292a;content:'';margin:.3125rem -.3125rem 0 .375rem;position:absolute;right:.625rem}. important}}@media screen and (max-width:41.249em){. Navigation__Submenu{background:#fff;left:0;min-height:100%;overflow-y:auto;padding:0 1.125rem;position:absolute;top:0;-webkit-transform:translate(-100%);transform:translate(-100%);-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out;width:calc(100% - 16px)! Navigation__Submenu{background:#fff;box-shadow:0 .0625rem .5rem 0 rgba(0,0,0,.2),0 .1875rem .25rem 0 rgba(0,0,0,.14),0 .1875rem .1875rem -.125rem rgba(0,0,0,.12);display:none;padding:.5rem 0;position:absolute;min-width:8.75rem;z-index:5010}. Navigation__Submenu--Level2{top:auto;left:100%;margin-left:-.625rem;margin-top:-2.375rem;box-shadow:0 .1875rem .3125rem -.0625rem rgba(0,0,0,.2),0 .3125rem .5rem 0 rgba(0,0,0,.14),0 .0625rem .875rem 0 rgba(0,0,0,.12)}}.

Navigation__Submenu--More a:hover{background:#f0f0f0}.

Header__Button{background:transparent;border:none;border-radius:.1875rem;color:#fff;display:inline-block;font-size:0;outline:none;padding:0;width:3rem;height:3rem;position:absolute;top:50%;-webkit-transform:translate Y(-50%);transform:translate Y(-50%);z-index:5004}. Header__Button svg{height:1.3125rem;width:1.3125rem}.

Header{font-family: Helvetica Neue, Helvetica,sans-serif;font-weight:500;min-height:3.875rem;position:relative;z-index:5000}. Header input[type=search]{-webkit-appearance:none}.

Header__Container{font-size:0;margin:0 auto;max-width:62.5rem;text-align:center;width:auto;z-index:5002}@media screen and (min-width:41.25em){. Header__Overlay{background-color:rgba(32,41,42,.5);display:none;height:100vh;position:absolute;top:0;width:100%;z-index:4949}. Header__Overlay.is-active{display:block}@media screen and (min-width:62.5em){. Navigation--Header a{border-radius:.1875rem;cursor:pointer;padding:0 1rem;line-height:3rem;text-transform:uppercase}.

Forum-Mitarbeiter anzeigen