@font-face{font-family:Nunito;font-style:normal;font-weight:400;src:url(../fonts/nunito-v11-latin-regular.eot);src:local("Nunito Regular"),local("Nunito-Regular"),url(../fonts/nunito-v11-latin-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/nunito-v11-latin-regular.woff2) format("woff2"),url(../fonts/nunito-v11-latin-regular.woff) format("woff"),url(../fonts/nunito-v11-latin-regular.ttf) format("truetype"),url(../fonts/nunito-v11-latin-regular.svg#Nunito) format("svg")}@font-face{font-family:robotoregular;src:url(../fonts/Roboto-Regular-webfont.eot);src:url(../fonts/Roboto-Regular-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/Roboto-Regular-webfont.woff) format("woff"),url(../fonts/Roboto-Regular-webfont.ttf) format("truetype"),url(../fonts/Roboto-Regular-webfont.svg#robotoregular) format("svg");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Helvetica,Arial,sans-serif;font-size:1rem}body{background:#fff;background:-moz-linear-gradient(90deg,#fff 25%,#f9f9f9 50%,#fff 75%);background:-webkit-linear-gradient(90deg,#fff 25%,#f9f9f9 50%,#fff 75%);background:linear-gradient(90deg,#fff 25%,#f9f9f9 50%,#fff 75%)}img{max-width:100%;height:auto}h1,h2,h3{font-family:Nunito}h2{text-align:center;line-height:50px;font-size:2.4rem;text-transform:capitalize;font-variant:small-caps;font-weight:700;padding-bottom:10px}p{font-size:1.3rem}header{max-height:1024px;overflow:hidden}#bgImage{min-height:600px}header #headerTitle{position:absolute;z-index:20;color:#fff;text-shadow:4px 4px 15px #000}header a img{z-index:30;position:absolute;left:50%;transform:translateX(-50%)}#name{visibility:hidden}#about{padding:50px 0;min-height:200px;text-align:center}#about .aboutSettings{margin:20px 3px;padding:10px 2px;background:#f8f9f9;border:2px solid #00adad;min-height:200px;text-align:center;box-shadow:0 0 0 #00adad;transition:.5s}#about .aboutSettings h3{padding:5px;font-size:1.4rem;text-transform:capitalize;font-variant:small-caps;font-weight:700}#about .skillslisten{list-style-type:none;font-size:1.3rem}#about ul{display:-webkit-flex;display:flex;flex-direction:row;flex-wrap:wrap}#about li{align-self:stretch;line-height:1.5rem}#about .skillslisten img{width:10%}.fa-file-pdf{color:red;font-size:1.6rem}#stack{margin:20px}#portfolio{text-align:center;padding:50px 0;min-height:200px;background:#020024;background:linear-gradient(90deg,#030419 0,#090e24 15%,#4e6b66 50%,#090e24 85%,#030419 100%);color:#fff}#portfolio ul{list-style:none}#portfolio p{padding-bottom:10px}#portfolio a{text-decoration:none;color:#00adad}#banner{max-height:350px;width:100%;background:url(../img/banner.jpg) bottom fixed;background-size:cover}#banner h2{text-align:center;color:#fff;font-weight:700;text-shadow:2px 2px 4px #000}#banner p{text-align:center;color:#fff;font-weight:700;text-shadow:2px 2px 4px #000}#contact{padding:50px 0;min-height:200px;text-align:center;width:100%}#contactform{padding:20px;margin:0 auto}#contactform form{max-width:600px;margin:50px auto}#contactform .feedback-input{font-family:Helvetica,Arial,sans-serif;font-weight:500;font-size:18px;border-radius:5px;line-height:22px;background-color:transparent;border:2px solid #ddd;transition:all .3s;padding:13px;margin-bottom:15px;width:100%;box-sizing:border-box;outline:0}#contactform .feedback-input:focus{border:2px solid #00adad;background:#bfe6f8}#contactform textarea{height:200px;line-height:150%;resize:vertical}#contactform input[type=submit]{width:100%;background:#00adad;border-radius:5px;border:2px solid #00adad;cursor:pointer;color:#fff;font-size:24px;padding-top:10px;padding-bottom:10px;transition:all .3s;margin-top:-4px;font-weight:700}#contactform input[type=submit]:hover{background:#fff;border:2px solid #00adad;color:#00adad}#nachOben{position:fixed;right:0;display:none;z-index:30}#nachOben a{font-size:2rem;text-decoration:none;color:#fff;background:rgba(0,139,139,.9);width:3rem;height:3rem;display:block;text-align:center;border-radius:15% 0 0 15%}.clearfix:after{content:"";display:block;clear:both}.impressum{margin:30px}#datenschutz{margin:30px}.sy-pager li.sy-active a{background-color:#00adad}@media all and (-ms-high-contrast:none){nav{background:#000}header{background-image:url(../img/codeflow.jpg)}#ieTitle{visibility:visible;position:absolute;top:calc(50% - 5rem);left:10%;z-index:50;color:#fff;font-size:5rem;text-shadow:2px 2px 4px #000}}@media screen and (max-width:599px){h2{font-size:2rem}p{font-size:1rem}#topNav{position:fixed;top:5rem;right:-600px;background:rgba(0,139,139,.8);width:100%;z-index:100}#topNav:target{right:0}#topNav p a{position:fixed;top:8rem;right:0;font-size:2.2rem;text-decoration:none;color:#fff;line-height:50px;width:50px;background:#00adad;text-align:center;transition:.5s;border-radius:15% 0 0 15%}#topNav:target p a{right:-30px}#nav ul{list-style:none}#nav ul a{text-decoration:none;color:#fff;display:block;line-height:50px;padding-left:10%;font-size:2rem;background:#00adad;border-bottom:1px solid}#all{width:100%}#name{visibility:hidden}header #headerTitle{top:calc(40% - 5rem);font-size:1.7rem;left:20px;right:20px}header a img{visibility:hidden}#aboutBox{display:grid;grid-template-columns:100%;grid-template-areas:"frondend" "backend" "weiteres"}#servFront{grid-area:frondend;height:auto}#servBack{grid-area:backend}#servWeiteres{grid-area:weiteres}#stack img{width:30%;height:auto}#skillleisten{width:80%}#banner{padding:25px;display:table-cell;vertical-align:middle}#banner h2{font-size:1.2rem;line-height:30px}#banner p{font-size:1rem;line-height:10px}.gridmakerContact{display:grid;grid-template-columns:100%;grid-template-areas:"formular";justify-content:center}.hans{float:left;width:100%;text-align:center;font-size:1.4rem;padding-top:30px}.hans span{color:#00adad;font-size:3rem;padding-bottom:15px}footer{background:#000;margin-top:10px;min-height:85px;display:grid;grid-template-rows:50% 50%;grid-template-areas:"fMiddle fMiddle" "fLeft fRight";color:#fff}footer #footerLeft{grid-area:fLeft;font-size:1.1rem;text-align:center}footer #footerMiddle{grid-area:fMiddle;text-align:center}footer #footerMiddle ul{line-height:80px;display:inline-block;flex-direction:row}footer #footerMiddle ul li{list-style:none;padding:0 15px;float:left}footer #footerMiddle ul li a{text-decoration:none;font-size:1.6rem;color:#fff;cursor:pointer;display:block}footer #footerRight{padding-right:30px;grid-area:fRight;text-align:center;font-size:1.1rem}footer #footerRight a{text-decoration:none;color:#fff}#nachOben{bottom:2rem}.innerWrapper{max-width:90%;margin:0 auto}}@media screen and (min-width:600px) and (max-width:1024px){#topNav{position:fixed;top:5rem;right:-500px;background:rgba(0,139,139,.8);width:300px;transition:.5s;z-index:100;overflow:hidden}#topNav:target{right:0}#topNav p a{position:fixed;top:7rem;right:0;font-size:2.2rem;text-decoration:none;color:#fff;line-height:50px;width:50px;background:#00adad;text-align:center;transition:.5s;border-radius:15% 0 0 15%}#topNav:target p a{right:-30px}#topNav ul{list-style:none}#topNav ul a{text-decoration:none;color:#fff;display:block;background:#00adad;line-height:60px;padding-left:10%;font-size:2rem;border-bottom:1px solid}#all{width:100%}header #headerTitle{top:calc(37% - 5rem);font-size:2.6rem;left:30px;right:30px}header a img{visibility:hidden}#name p{visibility:hidden}#aboutBox{display:grid;grid-template-columns:100%;grid-template-areas:"frontend" "backend" "weiteres"}#about ul{justify-content:space-between}#skilltext p{color:red;line-height:40px}#aboutBox #servFront{grid-area:frontend}#aboutBox #servBack{grid-area:backend}#aboutBox #servWeiteres{grid-area:weiteres}#stack img{height:auto}#skillleisten{width:80%}#banner div{padding:50px;display:table-cell;vertical-align:middle}#banner div h2{font-size:1.5rem;line-height:30px}#banner div p{font-size:1rem;line-height:10px}.gridmakerContact{display:grid;grid-template-columns:100%;grid-template-areas:"formular"}.hans{float:left;width:100%;text-align:center;font-size:1.4rem;padding-top:30px}.hans span{color:#00adad;font-size:3rem;padding-bottom:15px}footer{background:#000;margin-top:10px;min-height:85px;display:grid;grid-template-rows:50% 50%;grid-template-areas:"fMiddle fMiddle" "fLeft fRight";color:#fff}footer #footerLeft{grid-area:fLeft;font-size:1.3rem;text-align:center;padding-left:30px}footer #footerMiddle{grid-area:fMiddle;text-align:center}footer #footerMiddle ul{line-height:80px;display:inline-block;flex-direction:row}footer #footerMiddle ul li{list-style:none;padding:0 15px;float:left}footer #footerMiddle ul li a{text-decoration:none;font-size:2.3rem;color:#fff;cursor:pointer;display:block}footer #footerRight{padding-right:30px;grid-area:fRight;text-align:center;font-size:1.2rem}footer #footerRight a{text-decoration:none;color:#fff;padding-left:30px}#nachOben{bottom:2rem}.innerWrapper{max-width:85%;margin:0 auto}}@media screen and (min-width:1025px){.titlebar{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline}#name{visibility:hidden;display:flex;flex-direction:row;-ms-user-select:None;-moz-user-select:None;-webkit-user-select:None;user-select:None}#name p{font-family:robotoregular;color:#fff;font-size:1.5rem;margin-left:30px}#name span{color:#00adad;font-weight:700}#topNav{position:fixed;top:0;left:0;background:0 0;width:100%;z-index:100}#topNav p a{display:none}#nav ul{display:flex;flex-direction:row;list-style:none;justify-content:flex-end}#nav li{margin:0 6px}#topNav a{text-decoration:none;text-align:center;color:#fff;display:block;line-height:60px;font-size:1.2rem;opacity:1;transform:scale(1);transition:.5s}#topNav a:hover{transform:scale(1.4);color:#00adad}#topNav a{margin-right:30px}#topNav ul li i{font-size:.7rem}header #headerTitle{top:calc(40% - 5rem);font-size:4.5rem;left:70px;right:70px}header a img{bottom:10%;width:5vw;left:50%;transition:.5s}#about .aboutSettings:hover{box-shadow:5px 5px 5px #00adad;transform:scale(1.2)}#aboutBox{display:-ms-grid;display:grid;-ms-grid-columns:40% 30% 30%;grid-template-columns:33% 33% 33%;grid-template-areas:"frontend backend weiteres"}#about ul{justify-content:space-between}#servFront{-ms-grid-row:1;-ms-grid-column:1;grid-area:frontend}#servBack{-ms-grid-row:1;-ms-grid-column:2;grid-area:backend}#servWeiteres{-ms-grid-row:1;-ms-grid-column:3;grid-area:weiteres}#stack img{width:10%;height:auto}#banner{padding:120px 75px}#banner h2{font-size:3rem;line-height:50px}#banner p{font-size:1.4rem;line-height:50px}.gridmakerContact{display:grid;grid-template-rows:100%;grid-template-areas:"formular"}#contactItems{margin:0 30%}#contactform{-ms-grid-row:1;-ms-grid-column:1;grid-area:formular}.hans{float:left;width:50%;text-align:center;font-size:1.4rem;padding-top:60px}.hans span{color:#00adad;font-size:3rem;padding-bottom:15px}footer{background:#000;margin-top:10px;min-height:85px;display:flex;color:#fff}footer #footerLeft{width:33.333%;font-size:1.1rem;text-align:left;line-height:80px;padding-left:30px}footer #footerMiddle{width:33.333%;text-align:center}footer #footerMiddle ul{line-height:80px;display:inline-block;flex-direction:row}footer #footerMiddle ul li{list-style:none;padding:0 15px;float:left}footer #footerMiddle ul li a{text-decoration:none;font-size:2.6rem;color:#fff;cursor:pointer;display:block;transition:.5s}footer #footerMiddle ul li a:hover{color:#00adad;transform:scale(1.3)}footer #footerRight{padding-right:30px;width:33.333%;text-align:right;font-size:1.1rem;line-height:80px}footer #footerRight a{text-decoration:none;color:#fff;padding-left:30px}footer #footerRight a:hover{color:#00adad}#nachOben{bottom:5rem}.innerWrapper{max-width:70%;margin:0 auto}}footer{background:#000;margin-top:10px;min-height:85px;display:flex;color:#fff}footer #footerLeft{width:33.333%;font-size:1.1rem;text-align:left;line-height:80px;padding-left:30px}footer #footerMiddle{width:33.333%;text-align:center}footer #footerMiddle ul{line-height:80px;display:inline-block;flex-direction:row}footer #footerMiddle ul li{list-style:none;padding:0 15px;float:left}footer #footerMiddle ul li a{text-decoration:none;font-size:2.6rem;color:#fff;cursor:pointer;display:block;transition:.5s}footer #footerMiddle ul li a:hover{color:#00adad;transform:scale(1.3)}footer #footerRight{padding-right:30px;width:33.333%;text-align:right;font-size:1.1rem;line-height:80px}footer #footerRight a{text-decoration:none;color:#fff;padding-left:30px}footer #footerRight a:hover{color:#00adad}