body{background:#5241cb;flex-direction:column;align-items:center;min-height:100vh;margin:0;padding:0;display:flex;position:relative}.container{background:#5241cb;width:100%;height:100vh}.hero-content{flex-direction:row;width:100vw;height:40vh;display:flex;overflow:hidden}.natlab-svg{flex-shrink:0;align-items:center;width:30%;height:100%;display:flex}.natlab-svg svg{object-fit:cover;width:100%;height:95%}.mascotte-img{background:red;width:100%;height:100%}.hero-content div{color:#fff}.hero-text{flex-direction:column;justify-content:center;width:100%;height:15vh;display:flex}.hero-text h1{color:#fff;margin:0 0 0 20px;font-size:3rem}.subhero-text{width:100%;height:5vh;display:flex}.subhero-text p,p{color:#fff;margin-left:30px;padding:10px;font-size:1.5rem}.slide-in{transform-origin:bottom;background:#fff;width:100%;height:100vh;position:fixed;top:0;left:0}.slide-out{transform-origin:top;background:#fff;width:100%;height:100vh;position:fixed;top:0;left:0}.background{pointer-events:none;background-color:#000;width:100vw;height:100vh;position:fixed;top:0;left:0}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f0f0f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.home-container{justify-content:center;align-items:center;gap:80px;min-height:100vh;padding:60px;display:flex}.text-container{flex-direction:column;display:flex}.logo-card,.logo-card2{background-color:#9370db;background-image:url(https://sparknarrowcasting.com/assets/components/phpthumbof/cache/onze-klanten/natlab/logo-natlab-transparant.28b5934e.png);background-position:50%;background-repeat:no-repeat;background-size:80%;border-radius:30px;width:180px;height:180px;position:absolute;top:30px;left:30px}.natlab-text{color:#ff00004d;pointer-events:none;font-size:clamp(2rem,7vw,5rem);font-weight:700;position:absolute;top:50%;left:-40px;transform:translateY(-50%)rotate(-90deg)}.link-text{gap:30px;display:flex;position:absolute;top:30px;right:50px}.link-text a{font-size:18px;font-weight:600;text-decoration:none;transition:all .2s}.link-text a:hover{color:#9370db}@media (width<=768px){.home-container{flex-direction:column;gap:40px;padding:20px}.logo-card{width:100px;height:100px;top:15px;left:15px}.info-header{margin-top:120px}.info-title{font-size:2.5rem}.subtitle{font-size:1.2rem}.natlab-text{display:none}.controller{padding:10px 18px;font-size:14px}.image-box{border-radius:15px;width:100%;margin-top:30px}.mascotteBox{background-image:url(/assets/rennen-mocwbNbD.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:30vw;height:30vw;top:30vw;left:40vw}.title-box2{text-align:center;color:#f0f0f0;background:#ffffff1a;border-radius:20px;width:100%;max-width:800px;margin-top:20px;padding:0 10vw}.text-box{color:#fff;text-align:center;margin-top:3vw;font-size:clamp(1rem,3vw,1.5rem);font-weight:800}}.info-page{background:#5241cb;flex-direction:column;align-items:center;min-height:200vh;padding:20px;display:flex;position:relative}.info-header{justify-content:center;width:100%;margin-top:100px;display:flex}.title-box{text-align:center;background:#ffffff1a;border-radius:20px;width:100%;max-width:800px;padding:0 20px}.info-title{color:#fff;font-size:clamp(2rem,5vw,4rem);font-weight:800}.subtitle{color:#ff4040;margin-top:10px;font-size:clamp(1rem,2vw,1.4rem)}.image-box{aspect-ratio:16/9;background-image:url(src/Components/img/infopage.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:25px;width:100%;max-width:1200px;margin-top:50px}.controller{color:#f4f3ff;background:#000;border-radius:12px;padding:12px 24px;font-weight:700;text-decoration:none;transition:all .3s;position:absolute;top:7vw;right:23vw}.controller:hover{background:#eee}.mascotteBox{background-image:url(../src/components/img/rennen.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:500px;height:500px;position:absolute;top:-100px;left:30%;transform:translate(-50%)}.title-box2{text-align:center;color:#f0f0f0;background:#ffffff1a;border-radius:20px;width:100%;max-width:800px;margin-top:20px;padding:0 10vw}.logo-card{width:100px;height:100px;top:15px;left:76vw}.info-header{margin-top:120px}.info-title{font-size:2.5rem}.subtitle{font-size:1.2rem}.natlab-text{color:#ff4040;margin-top:20px;font-size:100rem}.controller{padding:10px 18px;font-size:14px}.image-box{border-radius:15px;width:100%;margin-top:30px}.text-box{color:#fff;text-align:center;margin-top:3vw;font-size:clamp(1rem,3vw,1.5rem);font-weight:800}.text-box2{color:#f89300;text-align:center;width:40vw;margin-top:3vw;margin-left:30vw;font-size:clamp(1rem,3vw,1.5rem);font-weight:800}.mascotteBox2{background-image:url(../src/components/img/zitten.png);background-position:50%;background-repeat:no-repeat;background-size:100vw 100vw;width:40vw;height:50vw;position:absolute;top:190vw;left:22%;transform:translate(-50%)}.image-box2{text-align:center;color:#fff;background-color:#333;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:25px;width:100%;height:50vw;font-size:3rem;font-weight:700}.text-box3{color:#fff;text-align:center;width:20vw;margin-top:3vw;margin-left:30vw;font-size:clamp(2rem,3vw,1.5rem);font-weight:800}.mascotteBox3{background-image:url(../src/components/img/LetsPlayMascot.png);background-position:50%;background-repeat:no-repeat;background-size:40vw 50vw;width:40vw;height:50vw;position:absolute;top:255vw;left:20%;transform:translate(-50%)}.image-box4{text-align:center;color:#fff;background-color:gray;background-image:url(https://img.natlab.nl/hjkKrc4zv0b4bAOqEyM467POGrUcLkb65IFYb4JJODw/rs:fit:1920:800:1/aHR0cHM6Ly93d3cubmF0bGFiLm5sLy9jbXNfZmlsZXMvc3lzdGVtL2ltYWdlcy9pbWc2OTE0N19vcmlnLmpwZw);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:25px;width:100%;height:50vw;font-size:3rem;font-weight:700}.qr-code{background-color:#333;background-image:url(https://thfvnext.bing.com/th/id/R.34328d6d0f88f40a4b2d5a7e13a1d23f?rik=9wLVe8NO1Zq2%2fw&pid=ImgRaw&r=0);background-position:50%;background-repeat:no-repeat;background-size:20vw 20vw;width:20vw;height:20vw;position:absolute;top:335vw;left:50%;transform:translate(-50%)}.title-img{background-image:url(../src/components/img/Title.png);background-position:50%;background-repeat:no-repeat;background-size:25vw 40vw;width:20%;height:50vw;position:absolute;top:-4vw;left:-3vw}