html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.landingpage{background-color:#FCFCFC;color:#111111;cursor:default}.landingpage-wrapper{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.splash{position:relative;width:40rem;height:30rem}.splash-img{opacity:0;background-image:url("../../img/splash.png");background-repeat:no-repeat;background-size:contain;background-position:top right;background-color:rgba(252,252,252,0);animation-name:fadeIn;animation-delay:1s;animation-duration:2s;animation-timing-function:linear;animation-fill-mode:forwards;animation-iteration-count:1}.splash-img,.splash-content{position:absolute;width:40rem;height:30rem}.splash-content{display:flex;flex-direction:column;justify-content:center;animation-name:fadeIn;animation-duration:1s;animation-timing-function:linear}.logo{display:flex}.logo-icon{width:8.3rem;height:8.3rem;background-image:url("../../img/klepers_logo.png");background-repeat:no-repeat;background-size:contain;text-indent:-9999rem}.logo-text{font-family:share_regular;font-size:3.6rem;padding-top:3.5rem;text-shadow:0.1rem 0.3rem 0.3rem rgba(17,17,17,0.2)}.logo-addition{font-family:lovers_quarrelregular;font-size:3rem;color:#9F3039;padding-top:4.5rem;text-shadow:0.1rem 0.3rem 0.3rem rgba(17,17,17,0.3);animation-name:redToWhite;animation-delay:1s;animation-duration:1s;animation-timing-function:linear;animation-fill-mode:forwards;animation-iteration-count:1}.logo,.teaser{margin-bottom:.5rem}.teaser{font-size:2rem;align-self:center;animation-name:blackToWhite;animation-delay:1s;animation-duration:1s;animation-timing-function:linear;animation-fill-mode:forwards;animation-iteration-count:1}.button{cursor:pointer;font-size:1.4rem;color:#111111;text-align:center;align-self:flex-end;background-color:#FCFCFC;border-width:.1rem;border-style:solid;border-color:#111111;border-radius:.3rem;padding:.5rem 1rem;transition-property:color, background-color, border-color;transition-duration:.5s;transition-timing-function:linear}.button:hover{color:#FCFCFC;background-color:#9F3039;border-top-color:#FCFCFC;border-left-color:#FCFCFC;border-bottom-color:#9F3039;border-right-color:#9F3039;transition-property:color, background-color, border-color;transition-duration:.5s;transition-timing-function:linear}@keyframes handMoving{0%{margin-top:8px}50%{margin-top:9px}100%{margin-top:10px}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes titleIn{0%{right:-10%;opacity:0}100%{right:0;opacity:1}}@keyframes menuIn{0%{left:-100%}100%{left:0}}@keyframes menuOut{0%{left:0}100%{left:-100%}}@keyframes redToWhite{0%{color:#9F3039}100%{color:#FCFCFC}}@keyframes blackToWhite{0%{color:#111111}100%{color:#FCFCFC}}@font-face{font-family:'quicksand_book';src:url("../../fonts/quicksand_book-webfont.eot");src:url("../../fonts/quicksand_book-webfont.eot?#iefix") format("embedded-opentype"),url("../../fonts/quicksand_book-webfont.woff") format("woff"),url("../../fonts/quicksand_book-webfont.ttf") format("truetype"),url("../../fonts/quicksand_book-webfont.svg#quicksandbook") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'share_regular';src:url("../../fonts/share-regular-webfont.eot");src:url("../../fonts/share-regular-webfont.eot?#iefix") format("embedded-opentype"),url("../../fonts/share-regular-webfont.woff") format("woff"),url("../../fonts/share-regular-webfont.ttf") format("truetype"),url("../../fonts/share-regular-webfont.svg#shareregular") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'lovers_quarrelregular';src:url("../../fonts/loversquarrel-regular-webfont.eot");src:url("../../fonts/loversquarrel-regular-webfont.eot?#iefix") format("embedded-opentype"),url("../../fonts/loversquarrel-regular-webfont.woff") format("woff"),url("../../fonts/loversquarrel-regular-webfont.ttf") format("truetype"),url("../../fonts/loversquarrel-regular-webfont.svg#lovers_quarrelregular") format("svg");font-weight:normal;font-style:normal}.hidden{display:none !important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.header,.header-element,.header-icon,.header-help{display:flex}*,*:after,*:before{box-sizing:border-box}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}html{font-size:10px;font-family:quicksand_book;line-height:1;color:#FCFCFC}.page{background-color:#111111;height:100vh;width:100vw;background-image:url("../../img/bg.png");background-size:cover}a{text-decoration:none}.title{font-size:1.8rem;text-align:right;position:relative;right:-10%;opacity:0}.title--in{animation-name:titleIn;animation-delay:.2s;animation-duration:.5s;animation-timing-function:linear;animation-fill-mode:forwards;animation-iteration-count:1}.title--out,.title-bar--out{animation-name:menuOut;animation-duration:.2s;animation-timing-function:linear;animation-fill-mode:forwards;animation-iteration-count:1}.title-bar{position:relative;left:-100%;display:block;height:0;margin:.5rem 0}.title-bar--in{animation-name:menuIn;animation-delay:.2s;animation-duration:.5s;animation-timing-function:linear;animation-fill-mode:forwards;animation-iteration-count:1}.menu{position:relative}.menu--animation{animation:menuIn .3s linear}.menu-wrapper{list-style:none;margin:0;padding:0}.menu-label{cursor:pointer;position:relative;height:3.5rem;width:100%;padding-left:40%;margin-top:.2rem;background:-moz-linear-gradient(left, rgba(17,17,17,0.75) 0%, rgba(17,17,17,0.05) 100%);background:-webkit-linear-gradient(left, rgba(17,17,17,0.75) 0%, rgba(17,17,17,0.05) 100%);background:linear-gradient(to right, rgba(17,17,17,0.75) 0%, rgba(17,17,17,0.05) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf111111', endColorstr='#bf111111',GradientType=1 )}.menu-label--selected:before{content:'';position:absolute;margin-left:-4rem;top:1px;width:4rem;height:2.2rem;background-image:url("../../img/menu_cursor_s.png");background-repeat:no-repeat;background-size:cover;animation-name:handMoving;animation-duration:.4s;animation-timing-function:linear;animation-direction:alternate;animation-iteration-count:infinite}.menu-text{margin-left:0.5rem;line-height:3.5rem;font-size:1.5rem}.header,.footer{position:fixed;left:0;width:100%;height:8rem;background-color:rgba(17,17,17,0.75);background-repeat:repeat-x}.header{top:0}.header-element{position:relative;width:10%}.header-element--left{margin-right:0.5rem}.header-element--content{width:80%;height:100%;padding-bottom:.5rem}.header-element--content:after{left:5.5rem}.header-element--left:after,.header-element--right:after{left:0}.header-element:after{content:"";position:absolute;top:0;right:0;bottom:0;background:-moz-linear-gradient(top, rgba(252,252,252,0) 72%, #fcfcfc 73%, #fcfcfc 75%, rgba(252,252,252,0) 76%);background:-webkit-linear-gradient(top, rgba(252,252,252,0) 72%, #fcfcfc 73%, #fcfcfc 75%, rgba(252,252,252,0) 76%);background:linear-gradient(to bottom, rgba(252,252,252,0) 72%, #fcfcfc 73%, #fcfcfc 75%, rgba(252,252,252,0) 76%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fcfcfc', endColorstr='#00fcfcfc',GradientType=0 )}.header-icon{width:5rem;height:5rem;align-self:flex-end}.header-help{align-self:flex-end;padding-left:0.5rem;padding-bottom:1.6rem;font-size:1.8rem}.footer{bottom:0}.content{display:flex;padding-top:9rem;padding-right:0;padding-bottom:9rem;padding-left:0}.content-left{flex-basis:25%}.content-right{flex-basis:75%}