html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,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:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}body,html,main{height:100%}body{font-family:'Open Sans', sans-serif;line-height:1.5;color:#333;font-size:14px}a,input{text-decoration:none;-webkit-transition:color 0.5s ease;-moz-transition:color 0.5s ease;-o-transition:color 0.5s ease;transition:color 0.5s ease;color:inherit}.no-js *{opacity:1 !important}.one_half,.three_fourth,.one_fourth{width:100%;float:left}.wrap{margin:0 auto;width:100%;max-width:1240px}.nav_placeholder{width:100%;height:50px}::-webkit-input-placeholder{color:#555;font-size:13px;font-family:'Open Sans', sans-serif}:-moz-placeholder{color:#555;font-size:13px;font-family:'Open Sans', sans-serif}::-moz-placeholder{color:#555;font-size:13px;font-family:'Open Sans', sans-serif}:-ms-input-placeholder{color:#555;font-size:13px;font-family:'Open Sans', sans-serif}strong{font-weight:700}h2{font-family:'Open Sans', sans-serif;font-size:38px;font-weight:300;text-transform:uppercase;color:#333}h2:after{content:"";display:block;width:100px;height:1px;background-color:#f44336;position:absolute;left:50%;margin-left:-50px}h3{font-size:28px;font-weight:300;text-transform:uppercase}b{font-weight:bold}.button{float:left;margin-top:15px;border:0;background-color:#f44336;color:#FFF;font-size:14px;text-transform:uppercase;padding:12px 20px}.one_half{float:left;width:100%}section{padding:100px 0}section:after{content:"";position:absolute;width:0;height:0;border-left:22px solid transparent;border-right:22px solid transparent;left:50%;bottom:-25px;margin-left:-22px;overflow:visible}.section_header{text-align:center;padding-bottom:65px}.section_content{max-width:1170px;margin:0 auto;padding:0 3%}.abstand{height:70px}.no-js-error{width:100%;float:left;height:50px;background-color:#f44336;display:block;text-align:center;line-height:50px;color:#FFF;font-size:18px}#navtop{position:fixed;top:0;width:100%;height:50px;line-height:50px;z-index:500;background:#FFF;box-shadow:0px 1px 5px 0px rgba(85,85,85,0.5);animation-duration:0.5s;animation-fill-mode:both;opacity:0}#navtop.active{animation-name:fadeInDown}#navtop.inactive{animation-name:fadeOutUp}#navtop .logo{position:relative;float:left;height:40px;width:100px;margin:5px 15px;transition:height 0.3s;opacity:0.7;transition:opacity 0.5s ease}#navtop .logo:hover{opacity:1}#navtop .logo img{position:absolute;top:50%;transform:translateY(-50%);max-height:100%;max-width:100%}#navtop .nav-toggle{display:inherit;float:right;width:50px;line-height:50px;font-size:18px;text-align:center;color:#999}#navtop .nav-toggle:hover{color:#000}#navtop nav{overflow-y:hidden;width:100%;transition:max-height 0.5s;box-shadow:0 5px 5px -5px rgba(85,85,85,0.5);max-height:0;text-align:center}#navtop nav.active{max-height:500px}#navtop nav li{width:100%;background:#FFF;border-bottom:1px solid #CCC}#navtop nav li:first-child{border-top:1px solid #CCC}#navtop nav li a{text-decoration:none;color:#999;font-size:14px;display:block}#navtop nav li a.active,#navtop nav li a:hover{color:#000}#start{background:black;height:100%;width:100%;float:left;position:relative;overflow:hidden}#start .bg{background-image:url("../images/vxcbyxbybxbyb.jpg");background-size:cover;opacity:0.5;height:100%;width:100%}#start .slogan{position:absolute;top:25%;text-align:center;font-size:24px;font-weight:400;width:90%;left:5%;color:#BBB;opacity:1}#start .slogan .name{width:100%;float:left;padding-top:20px;color:#FFF;font-size:32px;font-weight:400}#start .arrow{position:absolute;left:0;right:0;margin:0 auto;bottom:50px;z-index:999;color:#FFF;opacity:0.8;font-size:60px;width:40px;height:40px;line-height:40px;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:sink;animation-name:sink;-webkit-animation-duration:3s;animation-duration:3s}@-webkit-keyframes sink{from, 50%, to{transform:translateZ(0)}25%, 75%{transform:translateY(8px)}}@keyframes sink{0%, 20%, 50%, 80%, 100%{transform:translateZ(0)}40%{transform:translateY(12px)}60%{transform:translateY(6px)}}#about{background-color:#FFF;float:left;width:100%;position:relative}#about:after{border-top:25px solid #FFFFFF}#about .one_half{overflow:hidden;opacity:0}#about .personal_intro{width:97%;margin-right:53%;position:relative;margin-top:5px}#about .personal_intro .personal_pic{width:100%;margin-bottom:40px}#about .personal_intro .personal_pic .personal_pic-inner{width:150px;height:150px;margin:0 auto;overflow:hidden;border-radius:100%;-webkit-box-shadow:0px 0px 7px 0px #a6a6a6;-moz-box-shadow:0px 0px 7px 0px #a6a6a6;box-shadow:0px 0px 7px 0px #a6a6a6;background-image:url("../images/xuaeejtytuqyhvtmuthh.jpg");background-size:cover}#about .personal_intro .personal_pic .personal_pic-inner img{max-width:160px;margin-top:-25px}#about .personal_intro .personal_pic:after{content:"";display:block;width:70px;height:1px;background-color:#CCC;position:absolute;left:50%;margin-left:-35px;margin-top:15px}#about .personal_info{padding:30px 0 0}#about .personal_info h3{padding-bottom:15px}#about .personal_info ul.about{color:#555;line-height:2.5}#about .personal_info ul.about strong{color:#000;padding-right:5px}#about .personal_info ul.about a:hover{color:#111}#about .personal_info ul.about i{font-size:24px}#skills{background-color:#f5f5f5;float:left;width:100%;padding:0}#skills #hobbies,#skills #skills2,#skills #quote{position:relative}#skills #skills2 .section_content{overflow:hidden}#skills #skills2:after,#skills #quote:after{border-top:25px solid #f5f5f5;z-index:1}#skills #hobbies:after{border-top:25px solid #FFFFFF;z-index:1}#skills h3{clear:both;padding-top:50px}#skills .skill-cell{padding-top:25px;overflow:hidden}#skills .skill-cell .skill-bar{float:left;width:85%;height:20px}#skills .skill-cell .skill-bar .skill-bar-empty{width:100%;height:6px;background-color:#CCC;margin-top:8px}#skills .skill-cell .skill-bar .skill-bar-filled{background-color:#f44336;transition:width 1s ease-in-out;-moz-transition:width 1s ease-in-out;-webkit-transition:width 1s ease-in-out;-o-transition:width 1s ease-in-out;-ms-transition:width 1s ease-in-out;height:6px;width:0;overflow:hidden}#skills .skill-cell .skill-bar .skill-bar-filled.per-100{width:100%}#skills .skill-cell .skill-bar .skill-bar-filled.per-95{width:95%}#skills .skill-cell .skill-bar .skill-bar-filled.per-90{width:90%}#skills .skill-cell .skill-bar .skill-bar-filled.per-85{width:85%}#skills .skill-cell .skill-bar .skill-bar-filled.per-80{width:80%}#skills .skill-cell .skill-bar .skill-bar-filled.per-75{width:75%}#skills .skill-cell .skill-bar .skill-bar-filled.per-40{width:40%}#skills .skill-cell .skill-bar .skill-bar-filled.per-35{width:35%}#skills .skill-cell .skill-bar .skill-bar-filled.per-30{width:30%}#skills .skill-cell .skill-bar .skill-bar-filled.per-70{width:70%}#skills .skill-cell .skill-bar .skill-bar-filled.per-65{width:65%}#skills .skill-cell .skill-bar .skill-bar-filled.per-60{width:60%}#skills .skill-cell .skill-bar .skill-bar-filled.per-50{width:50%}#skills .skill-cell .skill-bar .skill-bar-filled.per-25{width:25%}#skills .skill-cell .skill-bar .skill-bar-filled.per-20{width:20%}#skills .skill-cell .skill-bar .skill-bar-filled.per-15{width:15%}#skills .skill-cell .skill-percent{width:10%;float:left;height:20px}#skills .skill-cell .skill-percent span{padding-left:10px}#skills .skill-other{padding-top:40px;clear:both;line-height:2;font-size:16px}#skills .skill-other ul{padding-left:15px}#skills .skill-other li:before{content:"\f00c";font-family:FontAwesome;padding-right:10px;color:#999}#skills .skill-other .skill-level{color:#f44336}#portfolio{background-color:#FFFFFF;float:left;width:100%;position:relative}#portfolio:after{border-top:25px solid #FFFFFF;z-index:1}#portfolio .section_content{overflow:hidden;max-width:860px}#portfolio #lightbox,#portfolio .lightbox{display:none}#portfolio .lightbox_content{position:absolute;background:#FFF;margin:2% auto;max-width:800px;padding:30px;z-index:999;min-height:350px;-webkit-box-shadow:5px 5px 13px 0px rgba(0,0,0,0.6);-moz-box-shadow:5px 5px 13px 0px rgba(0,0,0,0.6);box-shadow:5px 5px 13px 0px rgba(0,0,0,0.6);border-radius:5px}#portfolio .lightbox_content .close{position:absolute;right:0;top:0;margin-right:10px;font-size:24px}#portfolio .lightbox_content img{float:left;max-width:40%;max-height:200px;margin:0 12px 12px 0;border:1px solid #CCC}#portfolio .lightbox_content img.full{max-width:100%;max-height:400px}#portfolio .lightbox_content header{overflow:hidden}#portfolio .lightbox_content h3{margin-bottom:20px;position:relative;float:left}#portfolio .lightbox_content h3:after{content:"";display:block;width:100%;height:1px;background-color:#f44336;position:absolute;left:0}#portfolio .lightbox_content h4{margin-top:25px;margin-bottom:5px;font-size:20px;font-weight:300;text-transform:uppercase}#portfolio .lightbox_content p+p{padding-top:15px}#portfolio .lightbox_content a.button{margin-top:20px}#portfolio .lightbox_bg{position:fixed;z-index:600;width:100%;height:100%;text-align:center;top:0;left:0;background:rgba(0,0,0,0.8)}#portfolio .portfolio_cell{opacity:0;width:80%;overflow:hidden;height:0;padding-bottom:80%;float:left;margin:2.5% 10%;position:relative;border:1px solid #CCC}#portfolio .portfolio_cell img.preview{width:100%;height:100%;position:absolute;display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-opacity:0;backface-opacity:0;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-property:transform;transition-property:transform}#portfolio .portfolio_cell .portfolio_cell_hover{background-color:#000;position:absolute;opacity:0;z-index:500;width:100%;height:0;padding-bottom:100%;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}#portfolio .portfolio_cell .portfolio_cell_hover .portfolio_cell_text{opacity:1;text-align:center;display:block;padding-top:35%;color:#FFF}#portfolio .portfolio_cell .portfolio_cell_hover .portfolio_cell_text h3{padding-bottom:15%}#portfolio .portfolio_cell .portfolio_cell_hover .portfolio_cell_text a:before{content:">";display:inline-block;padding-right:5px}#portfolio .portfolio_cell .portfolio_cell_hover .portfolio_cell_text a:hover{color:#CCC}#portfolio .portfolio_cell:hover .portfolio_cell_hover,#portfolio .portfolio_cell:focus .portfolio_cell_hover,#portfolio .portfolio_cell:active .portfolio_cell_hover{opacity:0.7}#portfolio .portfolio_cell:hover img,#portfolio .portfolio_cell:focus img,#portfolio .portfolio_cell:active img{-webkit-transform:scale(1.1);transform:scale(1.1)}#cv{background-color:#f5f5f5;float:left;width:100%;position:relative}#cv:after{border-top:25px solid #f5f5f5}#cv .cv_password{text-align:center}#cv .cv_password span{width:100%;float:left;margin-bottom:10px;color:#555}#cv .cv_password span.cv_error{margin-top:7px;color:#f44336}#cv .cv_password input{border:1px solid #b0b0b0;background-color:#f5f5f5;border-radius:5px;padding:6px 10px;width:200px}#cv .cv_section+.cv_section{margin-top:35px}#cv .icon_box{background-color:#f44336;border-radius:100%;height:70px;width:70px;z-index:500}#cv .icon_box:after{font-family:FontAwesome;color:#FFF;font-size:18px;display:block;text-align:center;line-height:70px}#cv .icon_box.icon_edu:after{content:"\f19d"}#cv .icon_box.icon_work:after{content:"\f0b1"}#cv .cv_content{margin-left:34px;border-left:2px solid #CCC}#cv .cv_content .cv_stage:before{content:"";display:block;height:10px;width:10px;border-radius:100%;background-color:#f44336;position:absolute;left:-6px;top:36px}#cv .cv_content .cv_stage{padding:25px 0 25px 25px;position:relative}#cv .cv_content .cv_stage p,#cv .cv_content .cv_stage li{font-size:14px;color:#777}#cv .cv_content .cv_stage li{list-style:disc;margin-left:15px}#cv .cv_content .cv_stage *+*{margin-top:5px}#cv .cv_content .cv_stage h3{font-size:20px}#cv .cv_content .cv_stage .cv_date{color:#f44336}#cv .cv_content .cv_stage:after{content:"";display:block;height:6px;width:6px;border-radius:100%;background-color:#FFFFFF;position:absolute;left:-4px;top:38px}#hobbies{background-color:#FFF;padding-bottom:120px;float:left;width:100%}#hobbies .hobbies_cell{width:33%;text-align:center;float:left}#hobbies .hobbies_cell .hobbies_circle{opacity:0;margin:0 auto;width:80px;height:80px;border-radius:100%;overflow:hidden;color:#FFF;font-size:28px;line-height:80px;background-color:#f44336}#hobbies .hobbies_cell .hobbies_circle img{min-width:80px;min-height:80px}#hobbies .hobbies_cell .hobbies_caption{opacity:0;margin-top:20px}#hobbies .hobbies_cell.first-row{margin:0;margin-bottom:50px}#hobbies .hobbies_cell.second-left{margin-left:17%}#hobbies .hobbies_cell.second-right{margin-right:17%}#quote{background-color:#f5f5f5;float:left;width:100%;padding:100px 0}#quote span.text{width:100%;float:left;text-align:center;font-size:32px;font-style:italic;font-weight:300}#quote span.text.quote_author{color:#777;font-size:18px;padding-top:20px;font-style:inherit}#contact{float:left;width:100%}#contact .section_content{margin:0 auto;max-width:850px}#contact input[type="text"]{border:1px solid #b0b0b0;width:94%;padding:3%;margin-bottom:10px;opacity:0}#contact .left{float:left}#contact .right{float:left}#contact .full_size{float:left;width:100%}#contact .mf-input-error{border-color:#f44336 !important}#contact .mf-ajax-error{color:#f44336}#contact textarea{width:100%;padding:2%;border:1px solid #b0b0b0;min-height:250px;font-size:13px;color:#555;font-family:'Open Sans', sans-serif;opacity:0}#contact .kontakt-form-response{float:left;padding-top:10px}#contact input[type="submit"]{float:right;margin-top:15px;border:0;background-color:#f44336;color:#FFF;font-size:14px;text-transform:uppercase;padding:12px 20px;opacity:0}#contact input[type="submit"]:hover,#contact input[type="submit"]:focus,#contact input[type="submit"]:active{background-color:#e57373}#impressum{float:left;width:100%}#impressum p,#impressum h1,#impressum h2,#impressum h3{text-align:center;margin:20px 0 10px}#footer{border-top:1px solid #CCC;float:left;width:100%;padding:65px 0}#footer ul{float:right}#footer ul li{display:inline-block}#footer ul li+li{margin-left:15px}#footer ul li a{color:#555;text-decoration:underline}#footer ul li a:hover{color:#333}@media screen and (min-width: 460px){#portfolio .portfolio_cell{width:40%;padding-bottom:40%;margin:4%}}@media screen and (min-width: 690px){.one_half{float:left;width:50%}#navtop .nav-toggle{display:none}#navtop nav{float:right;width:auto;overflow-y:inherit;max-height:auto;box-shadow:none}#navtop nav li{display:inline-block;width:auto;border:none;background:none;margin:0 15px}#navtop nav li:first-child{border:none}#navtop nav li a{transition:border 0.5s ease;border-top:2px solid #FFF}#navtop nav li a.active{margin-top:-1px;border-top:2px solid #f44336}#start .slogan{width:70%;left:15%}#about .personal_info{padding:0 30px}#portfolio .portfolio_cell{width:40%;padding-bottom:40%}#hobbies .hobbies_cell{width:20%}#hobbies .hobbies_cell.first-row{margin:0}#hobbies .hobbies_cell.second-left{margin:0}#hobbies .hobbies_cell.second-right{margin:0}#contact input[type="text"]{width:80%}#contact .right{float:right}}@media screen and (min-width: 1170px){#start .slogan{top:50%;left:50%;width:auto;font-size:36px}#start .slogan .name{font-size:48px}}
/*# sourceMappingURL=style.css.map */