html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.text-center,.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#f3f3f3;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:transparent;border-bottom:2px solid transparent;width:100%;max-width:100vw;z-index:1000;position:fixed;padding:7px 0;transition:background .4s}.navbar-scrolled{background-color:#ededed}.hamburger{display:none}.navbar-left{display:flex;align-items:center;gap:40px;padding-left:50px;z-index:2001}.LogoRubInno{height:20px;padding-top:4px}.navbar-tabs{display:flex;justify-content:flex-end;list-style:none;margin:0 0 0 auto;gap:30px;padding-right:50px}.navbar-tabs a{display:inline-block;border-radius:20px;font-size:.9rem;color:#ededed;padding:7px 15px;border:2px solid transparent;transition:all .1s ease;text-decoration:none;transition:all .4s}.navbar-tabs-scrolled a{color:#0d1821}.navbar-tabs a:hover{background-color:transparent;border:2px solid #122d7e}.contactopnemen{background-color:#122d7e;border:2px solid #122d7e;color:#ededed!important}.contactopnemen:hover{background-color:#122d7e!important;border:2px solid #ededed!important}@media(max-width:700px){.navbar{padding:20px 0}.navbar-left{padding-left:20px}.hamburger{display:flex;font-size:1.2rem;color:#ededed;background-color:transparent;border:2px solid transparent;position:absolute;transform:translateY(-50%);top:50%;right:20px;z-index:2001;transition:all .4s}.hamburger-scrolled,.hamburger-menuopen{color:#0d1821}.navbar-tabs{display:flex;flex-direction:column;position:fixed;justify-content:flex-start;text-align:left;gap:1px;width:100%;height:100%;top:0;right:-200%;padding-top:120px;padding-right:0;background-color:#ededed;z-index:2000;transition:all .5s ease}.navbar-tabs a{display:flex;padding-left:30px;margin:0 20px;font-size:1.2rem;color:#0d1821}.navbar-tabs.active{right:0}}.footer{height:350px;background-color:#ededed;text-align:center;border-top:4px solid #122d7e}.footer-columns{display:flex;justify-content:space-between;padding:80px 20px;max-width:1000px;margin:auto}.footer-columns h1{text-align:left;font-size:1.7rem;color:#0d1821;font-weight:500}.footer-columns p,.footer-columns a{text-align:left;font-size:1rem;line-height:.8;color:#0d1821}.footer-columns a{display:block}.LinkedInSVG{display:block;margin:0;fill:#0d1821}@media(max-width:768px){.footer{height:auto;width:auto}.footer-columns{flex-direction:column;text-align:center;align-items:center;gap:10px;padding:50px 20px}.footer-column{display:flex;flex-direction:column;text-align:center;align-items:center}.footer-columns p,.footer-columns a{line-height:.8;margin:5px 0}}.home h2{text-align:left;font-size:2rem;color:#122d7e}.home p{text-align:left}@media(max-width:600px){.home h2{font-size:1.5rem}.home p{font-size:.8rem}}.home{background-color:#ededed}.HP-heading{display:flex;position:relative;overflow:hidden;max-height:80vh;background-color:#0d1821}.HomeHeader{width:100%;display:block;object-fit:cover;object-position:center 35%;opacity:.8}.headingoverlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ededed}.RubInnoLogo{opacity:.6;width:90vw}.HP-heading button{all:unset;cursor:pointer;height:40px;width:250px;border:2px solid #122d7e;border-radius:10px;background-color:transparent;color:#ededed;font-size:1rem;font-weight:600}.HP-heading button:hover{background-color:#122d7e3c}@media(max-width:600px){.HP-heading{min-height:50vh}.RubInnoLogo{width:80vw}}.RubInno{display:flex;align-items:center;gap:50px;padding:60px 30px;max-width:1000px;margin:auto}.RubInnotxt{flex:1}.RubInnoPic{flex:1;overflow:hidden}.Picture-OverOns{border-radius:10px;overflow:hidden;object-fit:cover;width:100%;max-height:350px}@media(max-width:600px){.RubInno{display:block;align-items:center;height:auto;padding:60px 30px}.RubInnoPic{margin-top:50px;max-width:100%}}.USP{padding:10px 30vh;background-color:#122d7e}.USP-txt{display:flex;justify-content:center;gap:120px;color:#ededed}.USP-txt p{font-size:20px;font-weight:900;text-align:center}@media(max-width:600px){.USP{padding:10px 30px;justify-self:space-evenly}}.ProjectenSection{padding:60px 30px;max-width:1000px;margin:auto;background-color:#ededed}.ProjectLink{all:unset;display:flex;justify-content:center;align-items:center;margin-top:25px;cursor:pointer;height:40px;font-weight:600;color:#0d1821;border-radius:10px;border:2px solid #01295F}.ProjectLink:hover{background-color:#012a5f3c}@media(max-width:600px){.ProjectenSection{padding:60px 30px}}.partners{padding:5px 100px 30px;background-color:#d45500}@media(max-width:600px){.partners{padding:5px 20px 30px}}.Meeting{display:flex;gap:50px;padding:60px 30px;max-width:1000px;margin:auto;background-color:#ededed}.KoffiePic{flex:1}.Koffietxt{display:flex;flex-direction:column;justify-content:space-between;flex:1}.PictureKoffie{width:100%;border-radius:10px}.ContactLink{all:unset;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-bottom:40px;padding:0 20px;height:40px;width:300px;font-weight:600;color:#0d1821;border-radius:10px;border:2px solid #122d7e}.ContactLink:hover{background-color:#122d7e;color:#ededed}@media(max-width:768px){.Meeting{display:flex;flex-direction:column;gap:10px;padding:60px 30px}.MeetingPic{display:flex;width:auto;height:auto}.ContactLink{margin-top:40px;margin-bottom:0}}.C-heading{display:flex;position:relative;overflow:hidden;max-height:60vh;background-color:#0d1821}.ContactPic{width:100%;display:block;object-fit:cover;object-position:center 35%;opacity:.7}.contactoverlay{position:absolute;width:100%;color:#ededed;text-align:center;font-size:4.5rem;opacity:.4}.Contact-Page{background-color:#ededed}.tallyForm{background-color:#ededed;padding:80px 0}
