header.page{width:100%;position:fixed;background:#16a085;background:#333;overflow:hidden;z-index:9999;top:0}header #logo{padding:13px 0 20px 10px;float:left}header ul{margin-top:45px;float:right}header ul li{padding:8px 20px;list-style-type:none;float:left}header ul li a{font-family:PT Serif;font-size:1.125em;color:#fff;text-decoration:none;display:block}header ul li a:hover{text-decoration:none}header ul li a.hover{border-bottom:2px solid #fff}footer .content{margin-bottom:0}.content.wisteria{background:#8e44ad}.content.asphalt{background:#34495e}#philosophy{font-family:PT Serif;font-weight:400;font-size:1.125em}.statement{color:#fff;font-family:PT Serif;font-size:1.125em;margin-bottom:40px;padding:30px 40px;background:#fff;overflow:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 0 5px 0 #ccc;-moz-box-shadow:0 0 5px 0 #ccc;-ms-box-shadow:0 0 5px 0 #ccc;-o-box-shadow:0 0 5px 0 #ccc;box-shadow:0 0 5px 0 #ccc;background:#34495e}.statement span{padding-bottom:.5em;font-size:1.65em;font-style:italic;display:inline-block}#service{text-align:center;margin-bottom:40px;padding:30px 40px;background:#fff;overflow:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 0 5px 0 #ccc;-moz-box-shadow:0 0 5px 0 #ccc;-ms-box-shadow:0 0 5px 0 #ccc;-o-box-shadow:0 0 5px 0 #ccc;box-shadow:0 0 5px 0 #ccc}#service h2{text-align:left}#service .teaser{margin-bottom:1em;font-size:1.125em;text-transform:uppercase}#service img{width:130px;height:150px;margin:0 auto;margin-bottom:20px}#service .service-img:hover img{-webkit-animation-name:spin;-webkit-animation-duration:2000ms;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-moz-animation-name:spin;-moz-animation-duration:2000ms;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease-in-out;-ms-animation-name:spin;-ms-animation-duration:2000ms;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:ease-in-out;animation-name:spin;animation-duration:2000ms;animation-iteration-count:1;animation-timing-function:ease-in-out}@-ms-keyframes spin{from{-ms-transform:rotateX(0deg)}to{-ms-transform:rotateX(360deg)}}@-moz-keyframes spin{from{-moz-transform:rotateX(0deg)}to{-moz-transform:rotateX(360deg)}}@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{from{transform:rotateY(0deg) rotateX(0deg)}to{transform:rotateY(360deg) rotateX(0deg)}}#work{margin-bottom:40px;padding:30px 40px;background:#fff;overflow:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 0 5px 0 #ccc;-moz-box-shadow:0 0 5px 0 #ccc;-ms-box-shadow:0 0 5px 0 #ccc;-o-box-shadow:0 0 5px 0 #ccc;box-shadow:0 0 5px 0 #ccc}.logos{padding-top:40px;clear:both;display:block;overflow:hidden}.logos img{opacity:.5;-webkit-transition:all 1s ease-in-out 0s;-moz-transition:all 1s ease-in-out 0s;-ms-transition:all 1s ease-in-out 0s;-o-transition:all 1s ease-in-out 0s;transition:all 1s ease-in-out 0s}.logos img:hover{opacity:1;-webkit-transition:all 1s ease-in-out 0s;-moz-transition:all 1s ease-in-out 0s;-ms-transition:all 1s ease-in-out 0s;-o-transition:all 1s ease-in-out 0s;transition:all 1s ease-in-out 0s}#intro{margin-top:40px;font-family:'PT Serif';font-size:1.125em;margin-bottom:40px;padding:30px 40px;background:#fff;overflow:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 0 5px 0 #ccc;-moz-box-shadow:0 0 5px 0 #ccc;-ms-box-shadow:0 0 5px 0 #ccc;-o-box-shadow:0 0 5px 0 #ccc;box-shadow:0 0 5px 0 #ccc}#intro header h1{padding-bottom:1em;font-weight:400;font-size:1.1em}#intro footer{padding-top:20px;text-align:center}#intro footer img{margin-bottom:40px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;max-width:195px;max-height:195px;height:auto}#intro .btn{font-family:'PT Sans',Tahoma,Verdana,Arial;font-size:1em}#contact,#impressum{margin-bottom:40px;padding:30px 40px;background:#fff;overflow:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 0 5px 0 #ccc;-moz-box-shadow:0 0 5px 0 #ccc;-ms-box-shadow:0 0 5px 0 #ccc;-o-box-shadow:0 0 5px 0 #ccc;box-shadow:0 0 5px 0 #ccc}footer.page{margin-top:40px;padding:20px 40px 10px;color:#666;text-align:center;background:#333}footer.page ul{display:inline-block}footer.page ul li{list-style-type:none;float:left}footer.page ul li a{padding:0 10px;font-size:.875em;color:#099;text-decoration:none}footer.page ul li a:hover{text-decoration:underline}footer.page ul#meta-nav{margin:25px 0 0}footer.page ul#meta-nav li a,footer.page p a{color:#666}#loader{background-color:#fff;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}#loader-icon{background:url(images/bg_loader.gif) no-repeat center center;height:200px;left:50%;margin:-100px 0 0 -100px;position:fixed;top:50%;width:200px}#impressum{margin-top:40px}#impressum header h1{padding-bottom:1em;font-family:'PT Serif';font-weight:400;font-size:1.5em}@media screen and (max-width:600px){h2,header ul li a,#philosophy article,h3,#intro header h1,#intro{font-family:PT Serif,Tahoma,Verdana,Arial}}html{overflow:scroll}*{font-size:100%;margin:0;padding:0}html{margin-top:0!important}* html body{margin-top:0!important}a img,a,img{margin:0;padding:0;border:0}body{font:100%/1.5 serif;font-family:PT Sans,Tahoma,Verdana,Arial;color:#333;background:#ebebeb}section{overflow:hidden}img{width:100%;height:auto}.wrapper{width:1100px;margin:0 auto;padding:5px;overflow:hidden}.wrapper.main{margin-top:100px}p{padding-bottom:1em}a{color:#099;text-decoration:none}a:hover{text-decoration:underline}a.btn{margin-top:40px;font-size:1.125em;padding:13px 20px;display:inline-block;clear:both}a.btn.red{color:#fff;text-decoration:none;background:#f33;-webkit-transition:all 1s ease-in-out 0s;-moz-transition:all 1s ease-in-out 0s;-ms-transition:all 1s ease-in-out 0s;-o-transition:all 1s ease-in-out 0s;transition:all 1s ease-in-out 0s}a.btn.red:hover{background:#c00;-webkit-transition:all 1s ease-in-out 0s;-moz-transition:all 1s ease-in-out 0s;-ms-transition:all 1s ease-in-out 0s;-o-transition:all 1s ease-in-out 0s;transition:all 1s ease-in-out 0s}#service .contact-btn,#work .contact-btn{margin:40px 0 0;width:100%;height:auto;float:right;clear:both;overflow:hidden;display:block;text-align:right}h2{margin-bottom:1em;padding-bottom:0;font-family:PT Serif;font-size:2.25em;font-weight:400;border-top:2px dotted #ccc;border-bottom:2px dotted #ccc}h3{padding-bottom:.5em;font-family:PT Serif;font-size:1.5em;font-weight:400}small{font-size:.75em;line-height:1.25em;display:inline-block}.justify{text-align:justify}.center{text-align:center}.asphalt{background:#34495e;color:#fff}.wisteria{background:#8e44ad}.three-col>*{width:30%;margin-right:4.5%;display:inline-block;overflow:hidden}.three-col>:nth-child(3n+3){margin-right:0;float:right}.three-col>:nth-child(3n+2){vertical-align:top}.two-col>* img,.three-col>* img{max-width:100%;height:auto}.two-col>*{width:47%;margin-right:1%;display:inline-block;overflow:hidden}.two-col>:nth-child(2n+2){margin-right:0;float:right;clear:right}.two-col>:nth-child(2n+1){margin-right:0;float:left;clear:left}.two-col.big-small>*{width:66%;margin-right:1%}.two-col.big-small>:nth-child(2n+2){width:30%}input,textarea{width:300px;max-width:90%;margin-bottom:10px;padding:5px 10px;font-family:Open Sans,PT Sans,Tahoma,Verdana,Arial;font-size:1em;border:1px solid #999;border-left:3px solid #999}textarea{width:90%;height:200px;resize:none}label{font-size:1em;font-style:italic;display:block}form .btn{display:inline-block;margin-top:20px}.error-msg{position:absolute;max-width:200px;padding:10px;background:red;font-size:13px;text-align:left;color:#fff;display:none;z-index:999;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px}.error-msg .arrow{position:absolute;bottom:-20px;width:0;height:0;display:block;border-width:10px;border-color:red transparent transparent;border-style:solid}.success-msg{clear:both;overflow:hidden;position:fixed;z-index:9999;top:40%;left:50%;margin:-25px 0 0 -250px;padding:20px;background:#1abc9c;color:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 0 5px 0 #ccc;-moz-box-shadow:0 0 5px 0 #ccc;-ms-box-shadow:0 0 5px 0 #ccc;-o-box-shadow:0 0 5px 0 #ccc;box-shadow:0 0 5px 0 #ccc;display:none}.view{height:auto;margin:10px;float:left;border:10px solid #fff;overflow:hidden;position:relative;box-shadow:1px 1px 2px #e6e6e6;cursor:default}.view .mask,.view .content{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0}.view img{display:block;position:relative}.view h2{border:0;position:relative;font-size:1.25em;padding:0 5px;text-align:left;color:#000;margin:0}.view p{position:relative;padding:10px 5px;font-size:.875em}.view a.info{display:inline-block;text-decoration:none;padding:7px 14px;background:#000;color:#fff;text-transform:uppercase;box-shadow:0 0 1px #000}.view a.info:hover{box-shadow:0 0 5px #000}.view img{-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s}.view .mask{opacity:0;background-color:rgba(255,255,255,.9);-webkit-transition:all .4s ease-in-out 0s;-moz-transition:all .4s ease-in-out 0s;-ms-transition:all .4s ease-in-out 0s;-o-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s}.view h2{transform:translateY(-100px);opacity:0;-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s}.view p{transform:translateY(100px);opacity:0;-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s}.view a.info{opacity:0;-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s}.view:hover img{transform:scale(1.1)}.view:hover .mask{opacity:1}.view:hover h2,.view:hover p,.view:hover a.info{opacity:1;transform:translateY(0px)}.view:hover p{transition-delay:.1s}.view:hover a.info{transition-delay:.2s}@media screen and (max-width:1120px){header.page{position:relative}.wrapper{width:97%}.wrapper.main{margin-top:0}img.personal{width:195px;height:195px}h1{font-size:1em}header ul li{padding:8px 10px}header ul li a{font-size:1em}header #logo{padding:13px 0 10px 10px}#intro{font-size:1em;margin-top:40px}.view .mask,.view .content{position:relative;padding-top:20px;opacity:1}.view img{-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s}.view .mask{opacity:1;background-color:rgba(255,255,255,.9);-webkit-transition:all .4s ease-in-out 0s;-moz-transition:all .4s ease-in-out 0s;-ms-transition:all .4s ease-in-out 0s;-o-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s}.view h2{transform:translateY(0px);opacity:1;-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s}.view p{transform:translateY(0px);opacity:1;-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s}.view a.info{opacity:1;-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s}}@media screen and (max-width:760px){#intro,#timeline,#contact,#service,#work,.statement{padding:20px 30px}.two-col.big-small>*{width:100%;float:none}.two-col.big-small>:nth-child(2n+2){width:100%;text-align:center}.three-col>*{width:100%;padding-bottom:40px;float:none}.logos{text-align:center}.three-col.logos>*{width:29%;margin-right:4.5%;display:inline-block;overflow:hidden}#main-nav{display:none}}@media screen and (max-width:600px){#intro,#timeline,#contact,#philosophy{padding:20px}.two-col>*{width:100%;float:none}.three-col>*{width:100%;float:none}.justify{text-align:left}}