a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--text:#464646;--highlight:#57f5ec;--email:#1098f7;--link:#4f2115;--linkhover:#e80000;--intro:red;--white:#fafafa}@custom-media --tablet (min-width:768px);@custom-media --desktop (min-width:1200px);@custom-media --largedesktop (min-width:1600px);.fade-enter-active,.fade-leave-active{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:ease;transition-timing-function:ease}.fade-enter,.fade-leave-active{opacity:0}.Fader{position:relative;padding-bottom:65%}.Fader img{position:absolute;left:0;-webkit-transition:opacity .5s ease-in;transition:opacity .5s ease-in}.Fader img+img{opacity:0}.root,body,html{font-size:16px;line-height:24px}.article,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:1em;font-weight:300;line-height:1.71428571em;color:var(--text);background-color:var(--white)}.h1,.h2,h1,h2{font-weight:300;font-size:2em;line-height:1.15em;margin-top:1em;margin-bottom:1em}.h1 small,h1 small{display:block;font-size:.5em;line-height:1.2em;font-weight:400}@media (min-width:1200px){.h1,.h2,h1,h2{font-size:2.64285714em;line-height:1.2972973em}.h1 small,h1 small{font-size:.5em;line-height:1.2em}.h2,h2{font-size:2.64285714em;line-height:1.2972973em}}.h3,h3{font-size:1.64285714em;line-height:1.04347826em;margin-top:1.04347826em;margin-bottom:0}.h4,.h5,h4,h5{font-size:1em;line-height:1.71428571em;margin-top:1.71428571em;margin-bottom:0}@media (min-width:1200px){p{font-size:1.64285714em;line-height:1.5em}}blockquote,ol,p,pre,table,ul{margin-top:0;margin-bottom:1.71428571em}ol ol,ol ul,ul ol,ul ul{margin-top:0;margin-bottom:0}i{font-style:italic}.hr,hr{border:1px solid;margin:-1px 0}a,b,code,em,i,small,strong,sub,sup{line-height:0}sub,sup{position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}body{overflow-x:hidden}.Container,main{width:80vw;margin:250px auto}.Top{display:-webkit-box;display:-ms-flexbox;display:flex;padding:25px 10vw 0 10vw;width:80vw;margin:auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:fixed;top:0;z-index:10}.Navbar,.Top{background-color:var(--white)}.Navbar{position:relative}.Navbar:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:#969696;-webkit-transition:all .2s ease;transition:all .2s ease}.Navbar.Navbar__bordered:after{width:calc(80vw + 30px);left:-15px}#Progress{content:"";position:fixed;top:0;left:0;height:1px;background-color:var(--link);width:0;z-index:11}.Grid{display:grid;position:relative}.Grid__sections{grid-template-columns:1fr;grid-column-gap:25px;grid-row-gap:50px}@media (min-width:1200px){.Grid__sections{grid-template-columns:1fr 1fr 1fr}}section{margin-bottom:50px}img{max-width:100%}p,ul{width:90%}strong{font-weight:600}header,section{position:relative}@media (min-width:768px){.Container,main{margin:150px auto;width:75vw}.Top{width:75vw;padding-left:12.5vw;padding-right:12.5vw}.Navbar.Navbar__bordered:after{width:calc(75vw + 30px)}}@media (min-width:1200px){.Container,.Top,main{width:70vw}.Top{padding-left:15vw;padding-right:15vw}.Navbar.Navbar__bordered:after{width:calc(70vw + 30px)}section{margin-bottom:100px}p,ul{width:75%}a.Button{margin-bottom:0}}@media (min-width:1600px){.Container,main{margin:150px auto;width:65vw}.Top{width:65vw;padding-left:17.5vw;padding-right:17.5vw}.Navbar.Navbar__bordered:after{width:calc(65vw + 30px)}section{margin-bottom:150px}}.Navbar{margin-top:auto}.Navbar ul{list-style:none;width:auto}.Navbar ul li{display:inline-block;margin-right:15px;margin-bottom:10px}.Navbar .Button{color:var(--text);position:relative;text-decoration:none}.Navbar .Button:after{content:"";position:absolute;top:9px;right:7px;width:1px;height:15px;-webkit-transform:rotate(17deg);transform:rotate(17deg);background-color:var(--text);opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.Navbar .Button.router-link-exact-active:after,.Navbar .Button:hover:after{opacity:1}@media (min-width:768px){.Navbar ul li{margin-bottom:0}}.ContactBar .Button{text-align:right;padding:1em 0 1em 1em;margin-left:20px;margin-bottom:10px;position:relative;text-decoration:none;display:inline-block}a.Button.LinkedIn{color:#0077b5}a.Button.XING{color:#b0d400}a.Button.LinkedIn:after,a.Button.XING:after{content:"Profile";position:absolute;font-size:.75em;left:1.35em;top:40px;opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}a.Button.eMail{color:var(--email)}a.Button.eMail:after{content:"mail@nilspenner.de";position:absolute;font-size:.75em;left:1.35em;top:40px;opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}@media (min-width:768px){.wehavehover a.Button.eMail:hover:after,.wehavehover a.Button.LinkedIn:hover:after,.wehavehover a.Button.XING:hover:after{opacity:1}}a{text-decoration:underline;-webkit-transition:color .2s ease;transition:color .2s ease}.wehavehover a:hover{color:var(--linkhover)}a.Button{display:inline-block;padding:1em 1em 1em 0;color:var(--text);-webkit-transition:all .2s ease;transition:all .2s ease}.wehavehover a.Button.LinkedIn:hover,.wehavehover a.Button.XING:hover,.wehavehover a.Button:hover{color:var(--linkhover)}.Header{position:relative;margin-bottom:50px}.Header img{width:100px;float:right;margin-left:30px}.Intro{position:relative;margin-bottom:50px}h1{font-weight:400;text-shadow:0 0 3px rgba(50,50,50,.3)}.Intro h2{font-weight:700;color:#000}.Intro .Logo{position:absolute;top:0;right:0}.Intro .Logo img{width:50px}@media (min-width:768px){.Intro p{font-size:1.64285714em;line-height:1.5em}.Header,.Intro{margin-bottom:100px}}@media (min-width:1200px){.Header img{width:150px;float:right}}@media (min-width:1600px){.Header img{width:200px;float:right;margin-left:0}}.Expertise,.References,.Skills{margin-bottom:0}@media (min-width:1600px){.Expertise .Expertise__list,.References .References__list,.Skills .Skills__list{font-size:1.64285714em;line-height:1.5em}}.Projects .Project{margin-bottom:150px}.Projects .Project .Project__title h2 a,.Projects .Project .Project__title h2 span{position:relative;font-weight:400;text-shadow:0 0 3px rgba(50,50,50,.3);margin-bottom:25px;text-decoration:none}.Projects .Project .Project__title h2 a:after{position:absolute;top:-15px;right:auto;left:2px;content:"";display:inline-block;height:10px;width:10px;background-size:10px 10px;background-image:url(/images/extern.svg);background-repeat:no-repeat}@media (min-width:1200px){.Projects .Project .Project__title h2 a:after{top:10px;right:-15px;left:auto}}.wehavehover .Projects .Project .Project__title h2 a:hover{color:var(--linkhover)}.Projects .Project .Project__title h2 small{display:block;font-size:1rem;line-height:1.5em;font-weight:400;text-shadow:none;color:var(--text)}.Projects .Project .Project__info{width:100%}.Projects .Project .Project__info small{font-size:1rem}.Grid__header{margin-bottom:15px;color:#000;font-weight:400;text-shadow:0 0 2px rgba(50,50,50,.2)}.Grid--screens{grid-template-columns:1fr;grid-column-gap:25px;grid-row-gap:25px;margin-bottom:50px}.Grid--screens.Phone{grid-template-columns:1fr 1fr;grid-column-gap:50px;grid-row-gap:25px}@media (min-width:768px){.Grid--screens{grid-template-columns:1fr 1fr;grid-column-gap:25px;grid-row-gap:50px}.Grid--screens.Phone{grid-template-columns:1fr 1fr 1fr 1fr;grid-column-gap:50px;grid-row-gap:50px}}@media (min-width:1200px){.Grid--screens{grid-template-columns:1fr 1fr 1fr}.Grid--screens.Phone{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.Projects .Project .Project__info{width:75%}}@media (min-width:1600px){.Grid--screens.Phone{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}.Grid--screens .Screen{font-size:1.64285714em}.Grid--screens .Screen .Screen__title{font-size:.5em;margin-bottom:10px;line-height:1.5em}.Grid--screens:not(.Phone) img.Screenshot.v-lazy-image-loaded{border-radius:3px;-webkit-box-shadow:0 0 4px rgba(50,50,50,.3);box-shadow:0 0 4px rgba(50,50,50,.3)}.Grid--screens.Phone img{-webkit-transform:translateX(-7px);transform:translateX(-7px)}.swiper-wrapper{-webkit-transition-timing-function:cubic-bezier(1,.5,.5,1)!important;transition-timing-function:cubic-bezier(1,.5,.5,1)!important}.Datasecurity h2,.Datasecurity h3,.Datasecurity p{font-size:1rem}.Indicator{font-weight:400;text-shadow:0 0 3px rgba(50,50,50,.3);margin-bottom:15px}footer{margin-top:100px}footer h6{margin-bottom:1.71428571em}footer p{font-size:.6em;line-height:1.5em}