@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&family=Space+Grotesk:wght@300..700&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Space Grotesk,sans-serif}.btn-style{display:flex;justify-content:center;margin:15px}.btn-style a{margin:6px;padding:12px 26px;font-size:20px;text-decoration:none;background-color:transparent;color:#fff;border:1px solid var(--primary);transition:all .3s ease-out;border-radius:2px;outline:none;cursor:pointer}.btn-style a:hover{background-color:#fff;color:#000}.bio .btn-style a,.werkervaring .btn-style a,.info .btn-style a{margin:6px;padding:12px 26px;font-size:20px;text-decoration:none;background-color:#fff;color:#000;border:1px solid var(--primary);transition:all .3s ease-out;border-radius:2px;outline:none;cursor:pointer}.bio .btn-style a:hover,.werkervaring .btn-style a:hover,.info .btn-style a:hover{background-color:#9b9b9b;color:#000}.home,.contact,.bio,.profiel,.info,.werkervaring{min-height:100vh;align-items:center;font-size:24px;padding:15px;background-position:center;background-size:cover;background-repeat:no-repeat;color:#000}.home h3,.contact h3,.bio h3,.profiel h3,.info h3,.werkervaring h3{font-size:26px;margin:0 0 15px;padding:10px 15px;background-color:#000c;color:#fff}.home p,.contact p,.bio p,.profiel p,.info p,.werkervaring p{font-size:16px;padding:15px;background-color:#000c;line-height:26px;color:#fff;max-width:100%}.home p strong,.contact p strong,.bio p strong,.profiel p strong,.info p strong,.werkervaring p strong{text-transform:uppercase}.home p ul,.contact p ul,.bio p ul,.profiel p ul,.info p ul,.werkervaring p ul{list-style:none}.contact{background-image:url(/images/img-012.jpg);background-size:100%}@media only screen and (max-width: 800px){.contact{background-size:106%;background-position-y:0}}@media only screen and (max-width: 400px){.contact{background-size:106%;background-position-y:0}}.bio{background-image:url(/images/img-010.jpg);color:#fff}.profiel{background-image:url(/images/img-3.jpg);color:#fff}.werkervaring{background-image:url(/images/img-011.jpg)}.info{background-image:url(/images/img-6.jpg)}.url-style{color:#fff;text-transform:uppercase;text-decoration:none;padding:5px 10px;border:1px solid #FFF;transition:all .3s ease-out}.url-style:hover{color:#000;background-color:#fff}:root{--primary: #fff}.btn{padding:8px 20px;border-radius:2px;outline:none;border:none;cursor:pointer}.btn--primary{background-color:var(--primary);color:#242424;border:1px solid #242424}.btn--outline{background-color:transparent;color:#242424;padding:8px 20px;border:1px solid #242424;transition:all .3s ease-out}.hero-btns .btn--outline{background-color:#fff;color:#242424;padding:8px 20px;border:1px solid #242424;transition:all .3s ease-out}.btn--medium{padding:8px 20px;font-size:18px}.btn--large{padding:12px 26px;font-size:20px}.btn--large:hover,.btn--medium:hover{transition:all .3s ease-out;background-color:#9b9b9b;color:#242424;transition:.25s}.navbar{background:#fff;height:80px;display:flex;justify-content:center;align-items:center;font-size:1.2rem;position:sticky;top:0;z-index:999}.navbar-container{display:flex;justify-content:center;align-items:center;height:80px;max-width:1500px}.navbar-logo{color:#000;justify-self:start;margin-left:20px;cursor:pointer;text-decoration:none;font-size:2rem;display:flex;align-items:center}.fa-typo3{margin-left:.5rem;font-size:1.8rem}.cv-name{font-size:.8rem}.nav-menu{display:grid;grid-template-columns:repeat(6,auto);grid-gap:10px;list-style:none;text-align:center;width:60vw;justify-content:start;margin-right:2rem}.nav-item{height:80px}.nav-links{color:#000;display:flex;align-items:center;text-decoration:none;padding:.5rem 1rem;height:100%}.nav-links:hover{border-bottom:4px solid #000;transition:all .2s ease-out}.fa-bars{color:#000}.nav-links-mobile,.menu-icon{display:none}@media screen and (max-width: 960px){.NavbarItems{position:relative}.nav-menu{display:flex;flex-direction:column;width:100%;height:90vh;position:absolute;top:80px;left:-100%;opacity:1;transition:all .5s ease}.nav-menu.active{background:#d9d9d9;left:0;opacity:1;transition:all .5s ease;z-index:1;border:1px solid #000}.nav-links{text-align:center;padding:2rem;width:100%;display:table}.nav-links:hover{background-color:#fff;color:#242424;border-radius:0}.navbar-logo{position:absolute;top:0;left:0;transform:translate(25%,50%)}.menu-icon{display:block;position:absolute;top:0;right:0;transform:translate(-100%,60%);font-size:1.8rem;cursor:pointer}.fa-times{color:#000;font-size:2rem}.nav-links-mobile{display:block;text-align:center;margin:2rem auto;border-radius:4px;width:80%;text-decoration:none;font-size:1.5rem;background-color:transparent;color:#000;padding:14px 20px;border:1px solid #000;transition:all .3s ease-out}.nav-links-mobile:hover{background:#fff;color:#242424;transition:.25s}.btn-mobile{display:none}}video{object-fit:cover;width:100%;height:100%;position:fixed;z-index:-1}.hero-container{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:inset 0 0 0 1000px #0003;object-fit:contain}.hero-container>h1{color:#fff;font-size:100px;margin-top:-100px}.hero-container>p{margin-top:8px;color:#fff;font-size:32px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.hero-btns{margin-top:32px}.hero-btns .btn{margin:6px}.fa-play-circle{margin-left:4px}@media screen and (max-width: 960px){.hero-container>h1{font-size:70px;margin-top:-150px}}@media screen and (max-width: 768px){.hero-container>h1{font-size:50px;margin-top:-100px;padding:0 50px}.hero-container>p{font-size:30px}.btn-mobile{display:block;text-decoration:none}.btn{width:100%}}.content{display:flex;flex-wrap:wrap;justify-content:center}.content h1{width:100%;text-align:center;color:#fff}.form-content{display:flex;flex-wrap:wrap;max-width:250px}.form-content p{background-color:unset}.Input-Name,.Input-Email{padding:0 6px;margin:5px 0;height:40px;width:100%;max-width:250px}.Input-Bericht{padding:0 6px;margin:5px 0;height:100px;width:100%;max-width:250px}.btn-Send{background-color:transparent;color:#000;border:1px solid #000;transition:all .3s ease-out;padding:12px 26px;margin:6px 0;font-size:20px;font-weight:700}.btn-Send:hover{transition:all .3s ease-out;background:#fff;color:#242424;transition:.25s;cursor:pointer}@media screen and (max-width: 400px){.btn-Send{background:#fff;color:#242424}.btn-Send:hover{background:#9b9b9b;color:#242424;transition:.25s;cursor:pointer}}