body{background-image:url(https://arvea-dev.batix.ch/pic/17CB7957C9D_1920x1080.png);background-repeat:no-repeat;background-attachment:fixed;background-size:cover}#startseite .logo{position:relative;top:0;width:13vw;height:17vh;display:inline-block;overflow:hidden;margin:0;background-color:rgba(0,0,0,.5);min-width:150px;min-height:100px}#startseite .logo img{position:absolute;display:block;top:50%;left:50%;width:75%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#startseite .sidebar{height:100vh;width:13vw;border-right:1px solid #fff;position:absolute;top:0;min-width:150px}#startseite .sidebar div{background-color:#fff;position:relative;top:50%;left:82%;width:15px;height:15px;border-radius:50%;margin:10px;opacity:.5}#startseite .sidebar div:first-child{top:50%}#startseite .sidebar div:nth-child(2){width:18px;height:18px;top:50%;left:81.5%;opacity:1}#startseite .sidebar div:nth-child(3){top:50%}#startseite .textblock{position:absolute;left:20%;top:30%;color:#fff;width:770px}#startseite .textblock h1{font-size:75px;font-weight:700}#startseite .textblock p{font-weight:500;font-size:1rem}#startseite .user{color:#fff;position:absolute;top:5%;right:0;overflow:hidden;width:300px}#startseite .user svg{float:left;margin:10px;font-size:30px}#startseite .user p{margin:10px;font-size:20px}#startseite .icons div{width:130px;height:130px;border-radius:50%;margin:50px 100px 0 0;cursor:pointer}#startseite .icons div:last-child{margin-right:0}#startseite .calculate{background-color:#213056;margin-left:0;margin-right:50px}#startseite .visualize{background-color:#8f98ae}#startseite .export{background-color:#c5cbdc;margin-right:0}#startseite .navbar{width:435px;color:#fff;background-color:rgba(0,0,0,.5);position:absolute;top:5%;left:20%;border-radius:35px;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#startseite .navbar>div{margin-right:30px;padding-top:7px;cursor:pointer}#startseite .navbar>div:last-child{margin-right:0}#startseite .navbar>div>p{margin-top:5px;margin-bottom:.7rem}#startseite .navbar>div:first-child>p{padding-left:3px}#startseite .navbar>div:nth-child(2)>p{padding-left:4px}#startseite .navbar>div:last-child>p{padding-left:14px}#startseite .navbar>div>span{height:5px;width:85px;display:block;border-radius:5px}#startseite .navbar>div:first-child>span{background-color:#213056}#startseite .navbar>div:nth-child(2)>span{background-color:#8f98ae}#startseite .navbar>div:last-child>span{background-color:#c5cbdc}#startseite .loginbar{position:absolute;height:100vh;width:27vw;min-width:460px;background-color:rgba(0,0,0,.5);right:0;top:0;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}#startseite .loginbar h1{margin-bottom:0;margin-top:-70px}#startseite .loginbar p{margin-bottom:35px}#startseite .loginbar>div>input{border:2px solid #fff;background:hsla(0,0%,100%,0)}#startseite .loginbar>div>input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:#fff}#startseite .loginbar input:focus,textarea:focus{outline:none}#startseite #password{margin-top:-10px}#startseite label{position:relative;font-weight:500;bottom:66px;right:108px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#startseite .loginbar div:last-child{width:350px;background-color:#213056;height:50px;border-radius:24px;font-weight:600;margin-top:65px;cursor:pointer}#startseite .loginbar>div,#startseite .loginbar div:last-child{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#startseite .loginbar>div{position:relative;width:340px}#startseite .loginbar>div>svg{position:absolute;z-index:1;top:-8px}#startseite .loginbar>div>input{border:none;margin:5px;-webkit-appearance:none;-ms-appearance:none;-moz-appearance:none;appearance:none;background:none;border-radius:10px;padding:12px;width:330px;font-size:15px;color:#fff;position:relative;z-index:2;width:93%;padding-top:15px}#startseite .passwordContainer{margin-top:25px}#startseite .passwordContainer>input{top:15px}