*{width:100%;align-items:center;margin:0;padding:0;box-sizing:border-box}.container1{height:100%;width:100%;margin:auto;position:relative}.Landing{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.nav-bar{position:fixed;z-index:999;display:flex;flex-direction:row}.container2{z-index:0}.content-window{height:100%;display:flex;flex-direction:row}@font-face{font-family:TestSöhneBreit-Dreiviertelfett;src:url(/assets/TestS%C3%B6hneBreit-Dreiviertelfett-DrZU1gFA.otf) format("opentype")}*{margin:0;padding:0;box-sizing:border-box}.title{height:100%;width:100%;margin-top:auto;margin-bottom:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;vertical-align:middle;text-align:center}.title .white{width:fit-content}.head{display:flex;flex-direction:column;position:relative;align-items:center;justify-content:center;margin-left:auto;margin-right:auto}.main-head{font-family:TestSöhneBreit-Dreiviertelfett;font-size:8rem;font-weight:900;color:#fffefe;text-align:center;vertical-align:middle;position:relative;mix-blend-mode:overlay;overflow:hidden}.sub-head{font-size:3rem;font-weight:500;color:#fffefe;text-align:center;overflow:hidden}@font-face{font-family:test-bold;src:url(/assets/TestS%C3%B6hneBreit-Dreiviertelfett-DrZU1gFA.otf) format("opentype")}@font-face{font-family:test-regular;src:url(/assets/TESTS%C3%96HNEBREIT-LEICHT-DGI5pYZt.otf) format("opentype")}*{font-family:test-regular;margin:0;padding:0;box-sizing:border-box;width:100%}.nav{width:100%;padding:45px 100px!important;display:flex;flex-direction:row;background:linear-gradient(0deg,#02002400,#000 150%)}.nav-links{display:flex}.nav{justify-content:space-between;position:fixed}.nav a{color:#fff;text-decoration:none}.nav .login .login-button{color:#fff;text-decoration:none;font-style:test-bold;transition:all .2s linear;padding:1rem 1.5rem;font-size:1rem}.nav .login .login-button:hover{color:#000;background-color:#fff;border-radius:100px;cursor:pointer}.nav .logo{font-size:22px;font-weight:500;width:20%;text-decoration:none;color:#fff}.nav-links{column-gap:40px;list-style:none;margin:auto}.nav .nav-links a{transition:all .2s linear}.nav-links a:hover{color:#000}.nav.openSearch .nav-links a{opacity:0;pointer-events:none}.nav .search-icon{color:#fff;font-size:20px;cursor:pointer}.nav .search-box{position:absolute;right:250px;height:45px;max-width:555px;width:100%;opacity:0;pointer-events:none;transition:all .2s linear}.nav.openSearch .search-box{opacity:1;pointer-events:auto}.search-box .search-icon{position:absolute;top:50%;left:15px;color:#fff;transform:translateY(-50%)}.search-box input{height:100%;width:100%;border:none;outline:none;border-radius:6px;background-color:#fff;padding:0 15px 0 45px}.nav .navOpenBtn,.nav .navCloseBtn{display:none}.login{width:fit-content}.tabs{width:50%;margin:auto}@media screen and (max-width: 1160px){.nav{padding:15px 100px}.nav .search-box{right:150px}}@media screen and (max-width: 950px){.nav{padding:15px 50px}.nav .search-box{right:100px;max-width:400px}}@media screen and (max-width: 768px){.nav .navOpenBtn,.nav .navCloseBtn{display:block}.nav{padding:15px 20px}.nav .nav-links{position:fixed;top:0;left:-100%;height:100%;max-width:280px;width:100%;padding-top:100px;row-gap:30px;flex-direction:column;background-color:#fff;box-shadow:0 2px 10px #0000001a;transition:all .4s ease;z-index:999}.nav.openNav .nav-links{left:0}.nav .navOpenBtn{color:#fff;font-size:20px;cursor:pointer}.nav .navCloseBtn{position:absolute;top:20px;right:20px;color:#000;font-size:20px;cursor:pointer}.nav .search-box{top:calc(100% + 10px);max-width:calc(100% - 20px);right:50%;transform:translate(50%);box-shadow:0 2px 10px #0000001a}a{color:#000;text-decoration:none}}.button-main{position:relative}.link{text-decoration:none;max-width:fit-content}.white{width:100%;position:relative;border-radius:25px;text-align:center;color:#000;font-size:1.2rem;cursor:pointer;transition:.5s;background:#ffffff80;padding:.5rem 2rem}.white:hover{background-color:#000;color:#fff}.blue-gradient{width:100%;position:relative;border-radius:25px;text-align:center;color:#fff;font-size:1.2rem;cursor:pointer;transition:.5s;background:linear-gradient(90deg,#020024,#090979 35%,#00d4ff);padding:.5rem}.yellow-gradient{width:100%;height:100%;position:relative;border-radius:25px;text-align:center;color:#fff;font-size:2rem;cursor:pointer;transition:.5s;background:linear-gradient(45deg,#0d0601,#ff8100 32%,#a53a00);padding:.5rem;border-color:#fff0;text-shadow:none}.glass-dark-ash{width:100%;position:relative;border-radius:25px;text-align:center;color:#fff;font-size:1.2rem;cursor:pointer;transition:.5s;background:#00000080;padding-left:2rem;padding-right:1rem}.btn-dashboard{width:100%;position:relative;border-radius:25px;text-align:center;color:#fff;background-color:#0000;border:0cap;font-size:1.2rem;cursor:pointer;transition:.5s;margin-top:1.5rem;font-family:test-regular;text-align:left;padding:.5rem .5rem .5rem 4rem}.btn-dashboard:hover{background-color:#fff;color:#000}.profile-image{width:50px;height:50px;border-radius:50%;margin:0 auto;display:block;z-index:1;margin-right:1rem}.profile{display:flex;position:relative;width:fit-content}.user-name{font-family:test-regular;font-size:1.5rem}.user-location{font-family:test-regular;font-size:1rem}.profile-img-link{cursor:pointer;width:fit-content}.card{position:relative;width:100%;border:1rem;border-radius:24px;background-color:#fff;flex:1;box-shadow:1rem}.card h1{margin-top:1rem}.card p{font-size:5rem;padding:0}.project-card-on-overview{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative;background-color:#fff;border-radius:24px}.project-card-on-overview .project-count-and-button{display:flex;justify-content:space-between;align-items:center;padding:2rem;position:relative;box-shadow:1rem}.project-card-on-overview .project-count-and-button .project-count{display:flex;flex-direction:column;gap:1rem;position:relative;box-shadow:1rem;height:100%;width:50%}.project-card-on-overview .project-count-and-button .project-count h1{font-size:2rem;margin:0}.project-card-on-overview .project-count-and-button .project-count p{font-size:5rem;margin:0}.project-card-on-overview .project-count-and-button .create-project-button{display:flex;justify-content:center;align-items:center;position:relative;height:100%;width:50%}.project-card-on-overview .project-image{height:50%;width:100%;border-radius:24px;position:relative;bottom:0}.project-card-on-overview .project-image img{width:100%;height:100%;object-fit:cover;border-radius:24px}.overview{width:100%;height:100%}.overview .headline{width:fit-content;margin-right:auto}.overview .overview-header{display:flex;height:10%}.overview .overview-content{display:flex;justify-content:space-between;gap:1rem;height:90%;position:relative}.overview .overview-content .overview-column-one{display:flex;flex-direction:column;width:40%;height:100%;gap:1rem;position:relative}.overview .overview-content .overview-column-two{width:60%;height:100%;display:flex;flex-direction:column;border-radius:24px}.overview-column-one .user-project-list .user-project h2,.overview-column-one .user-project-list .user-project p{font-size:1rem}.overview-column-one .user-project-list{max-height:100%;overflow-y:auto;padding:2rem}.project-card{display:flex;background-size:cover;background-repeat:no-repeat;background-position:center;padding:20px;border-radius:8px;color:#fff;position:relative;overflow:hidden;height:300px;margin-bottom:2rem}.project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;border-radius:8px;z-index:1}.project-card-first-c{position:relative;z-index:2;bottom:0}.project-card-first-c .project-title{position:relative;font-size:1.5rem;margin-top:auto}.project-card-first-c .project-description{margin:0;font-size:1rem}.project-card-second-c .project-category{margin-bottom:auto;font-size:1rem}.project-card-second-c{height:100%;z-index:2}.project-buttons{display:flex;bottom:0;right:0;margin-top:auto;margin-left:auto}.project-buttons button{margin-right:10px;width:40px;height:40px;border:none;border-radius:50%;cursor:pointer;background-color:#007bff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.project-buttons .delete-button{background-color:#dc3545}.project-buttons button:hover{background-color:#0056b3}.dialog-form{background:#fff;justify-content:center;align-items:center;padding:40px;margin:auto;border-radius:10px;border-style:none;font-size:20px;width:30%}.field{width:100%;margin-bottom:1rem}.field label{font-size:1.2rem;margin-top:1rem}.field input{width:100%;padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:20px;margin-top:.5rem;margin-bottom:.5rem}.field input:focus{outline:none;border-color:#333;transition:.5}.field .buttons{display:flex;margin-top:1rem;justify-content:space-between;gap:1rem}.field .space{width:10%}.field select{width:100%;padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:20px;margin-top:.5rem;margin-bottom:.5rem}.field select:focus{outline:none;border-color:#333;transition:.5}.field select:hover{border-color:#333;transition:.5}.field .file-upload{width:100%;padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:20px}.field .file-upload:focus{outline:none;border-color:#333;transition:.5}.field .file-upload:hover{border-color:#333;transition:.5}dialog{animation:fade-out .1s ease-out}dialog[open]{animation:fade-in .1s ease-out}dialog[open]::backdrop{animation:backdrop-fade-in .1s ease-out forwards}@keyframes fade-in{0%{opacity:0;transform:scaleY(0);display:none}to{opacity:1;transform:scaleY(1);display:block}}@keyframes fade-out{0%{opacity:1;transform:scaleY(1);display:block}to{opacity:0;transform:scaleY(0);display:none}}@keyframes backdrop-fade-in{0%{background-color:#0000}to{background-color:#000000d9}}@font-face{font-family:test-bold;src:url(/assets/TestS%C3%B6hneBreit-Dreiviertelfett-DrZU1gFA.otf) format("opentype")}@font-face{font-family:test-regular;src:url(/assets/TESTS%C3%96HNEBREIT-LEICHT-DGI5pYZt.otf) format("opentype")}.side-navbar{width:15%;height:100%}.side-navbar .profile-image{width:100px;height:100px;border-radius:50%;margin:1rem}.side-navbar .profile{display:flex;flex-direction:column;justify-content:center;align-items:center;height:20%;background-color:#fff;color:#000;text-align:center}.side-navbar .side-nav-links{position:relative;width:100%;height:80%;top:10vh}.side-navbar .side-nav-links .lensity-logo{text-decoration:none;color:#fff;font-size:1.5rem;margin-left:5rem;font-family:Test-Bold}.side-navbar .side-nav-links ul{list-style-type:none;height:100%;text-align:left;width:100%;position:relative;display:flex;flex-direction:column;margin-left:1rem}.side-navbar .side-nav-links .divider-li{margin-top:auto}.component-main{height:100%;position:relative;width:100%;right:0;padding:2rem}.components{position:relative;height:100%;background-color:#ffffffc1;color:#000;margin-left:auto;border-radius:24px;padding:2rem}.bg-image{background-size:cover;background-repeat:no-repeat;background-position:center;height:100vh;width:100%;position:fixed;z-index:-2;filter:blur(24px)}.bg-black{background-color:#000;height:100vh;width:100%;position:fixed;z-index:-1;mix-blend-mode:soft-light}.login-form .form-container p{font-size:1rem;margin-bottom:1rem;position:relative}.login-form .form-container p .frogot-pw{margin-left:auto;position:relative}.login-form .form-container .field .button{width:100%;padding:.5rem;border:none;cursor:pointer;transition:.5;margin-top:1rem}.login-form{display:flex;flex-direction:row;justify-content:center;align-items:center;height:100vh}.login-form .feature-image{width:70%;height:100%;background-size:cover;background-position:center}.login-form .form-container{width:30%;min-width:500px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:6rem;background-color:#fff}.login-form .form-container h1{font-size:2rem;margin-bottom:1rem}.login-form .form-container p{font-size:1rem;margin-bottom:1rem}.login-form .form-container a{color:#333;text-decoration:none;font-weight:700}.login-form .form-container .field{width:100%;margin-bottom:1rem}.login-form .form-container .field label{font-size:1.2rem;margin-bottom:.5rem;margin-top:.5rem}.login-form .form-container .field input{width:100%;padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:20px}.login-form .form-container .field input:focus{outline:none;border-color:#333;transition:.5}.login-form .form-container .field .button{width:100%;border:none;cursor:pointer;transition:.5;margin-top:1rem}.login-form .form-container .field button:hover{background-color:#555}.login-form .form-container .field .space{width:10%}.login-form .form-container .field select{width:100%;padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:20px}.login-form .form-container .field select:focus{outline:none;border-color:#333;transition:.5}.login-form .form-container .field select:hover{border-color:#333;transition:.5}.login-form .form-container .field .file-upload{width:100%;padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:20px}.login-form .form-container .field .file-upload:focus{outline:none;border-color:#333;transition:.5}.login-form .form-container .field .file-upload:hover{border-color:#333;transition:.5}