body.clearhover *:hover{color:inherit !important}body,html,*{margin:0;padding:0}body,html{font-family:'Source Sans Pro', sans-serif;font-size:16px;-webkit-text-size-adjust:none;font-weight:300}a:link{text-decoration:none}b{font-weight:400}.flex5{height:5vh}.flex10{height:10vh}.flex15{height:15vh}.flex20{height:20vh}.flex30{height:30vh}.flex40{height:40vh}.flex50{height:50vh}.flex55{height:55vh}.flex60{height:60vh}.flex70{height:70vh}.flex80{height:80vh}.flex90{height:90vh}.flex100{height:100vh}.flex100scroll{height:100vh;overflow-y:scroll}.navrowplaceholder{min-height:72px;height:20vh;flex-shrink:0;flex-grow:0}.navrow{min-height:72px;height:20vh;position:fixed;bottom:0;left:0;width:100%;z-index:10;pointer-events:none}.navrow a{pointer-events:auto}.navrow.inline{position:relative}.namerow{min-height:120px}.flexbox,.intro,.main,.projekte,.produkte,.mixpics,.info,.cv,.fotocp,.makingof,.makingoflist{width:100%;height:100%;display:flex;flex-direction:column}.boldlabel{font-weight:200;font-size:60px;color:black}.boldlabel a{color:black}.boldlabel small{font-size:18px}.sublabel{font-weight:400;font-size:24px}.centerbox{text-align:center;height:150px}.intro .buttons{height:72px;text-align:center}.intro .buttons .smartphone:hover{-webkit-filter:url("/css/filters.svg#highlightfilter-gold");filter:url("/css/filters.svg#highlightfilter-gold")}.intro .buttons .smartphone img{height:43.8px;padding-right:25px}.intro .buttons .computer:hover{-webkit-filter:url("/css/filters.svg#highlightfilter-silver");filter:url("/css/filters.svg#highlightfilter-silver")}.intro .buttons .computer img{height:43.8px;padding-right:50px}.intro .buttons a.fb:hover{-webkit-filter:url("/css/filters.svg#highlightfilter-fb");filter:url("/css/filters.svg#highlightfilter-fb")}.intro .buttons a.fb img{height:29.1px;padding-right:25px}.intro .buttons .linkedin:hover{-webkit-filter:url("/css/filters.svg#highlightfilter-linkedin");filter:url("/css/filters.svg#highlightfilter-linkedin")}.intro .buttons .linkedin img{height:29.1px;padding-right:25px}.intro .buttons .insta:hover{-webkit-filter:url("/css/filters.svg#highlightfilter-insta");filter:url("/css/filters.svg#highlightfilter-insta")}.intro .buttons .insta img{height:29.1px;padding-right:25px}.intro .buttons .mail:hover{-webkit-filter:url("/css/filters.svg#highlightfilter-mail");filter:url("/css/filters.svg#highlightfilter-mail")}.intro .buttons .mail img{height:29.1px}.info a.fb:hover,.fotocp a.fb:hover{-webkit-filter:url("/css/filters.svg#highlightfilter-fb");filter:url("/css/filters.svg#highlightfilter-fb")}.info a.fb img,.fotocp a.fb img{height:29.1px;padding-right:25px}.info .linkedin:hover,.fotocp .linkedin:hover{-webkit-filter:url("/css/filters.svg#highlightfilter-linkedin");filter:url("/css/filters.svg#highlightfilter-linkedin")}.info .linkedin img,.fotocp .linkedin img{height:29.1px;padding-right:25px}.info .insta:hover,.fotocp .insta:hover{-webkit-filter:url("/css/filters.svg#highlightfilter-insta");filter:url("/css/filters.svg#highlightfilter-insta")}.info .insta img,.fotocp .insta img{height:29.1px;padding-right:25px}.info .mail:hover,.fotocp .mail:hover{-webkit-filter:url("/css/filters.svg#highlightfilter-mail");filter:url("/css/filters.svg#highlightfilter-mail")}.info .mail img,.fotocp .mail img{height:29.1px}.main .jobcontainer{display:table;margin-left:auto;margin-right:auto;position:relative}.main .jobcontainer .imagebox{margin-left:auto;margin-right:auto;display:table}.main .jobcontainer .imagebox>img{width:600px}.main .jobcontainer .closebtn{position:absolute;top:0;right:0;padding:5px;cursor:pointer;position:absolute}.imagescontainer{display:table;position:fixed !important;top:0;height:100%;width:100%;background-color:rgba(0,0,0,0.5);z-index:100}.imagescontainer tbody{overflow:hidden}.imagescontainer .images{display:table-cell;vertical-align:middle}.imagescontainer .imagebox{background:white;position:relative;width:510px;height:515px;padding:20px;margin-left:auto;margin-right:auto;display:table}.imagescontainer .imgandsubtitlecontainer{display:table-cell;vertical-align:middle}.imagescontainer .imgandsubtitle{margin-left:auto;margin-right:auto;display:table;cursor:pointer}.imagescontainer .closebtn{position:absolute;top:0;right:0;cursor:pointer;padding:4px;font-weight:300;font-size:30px;position:absolute;top:-12px}.imagescontainer .prevbtn{position:absolute;top:50%;left:4px;cursor:pointer;font-weight:300;font-size:30px}.imagescontainer .nextbtn{position:absolute;top:50%;right:4px;cursor:pointer;font-weight:300;font-size:30px}.imagescontainer .subtitle{padding-top:4px;font-size:9px;text-align:right}.projekte{height:100%}.projekte .static{position:fixed;z-index:3;background:white;opacity:0.8;top:20px}.projekte .projektlist{width:100%;-webkit-overflow-scrolling:touch;position:relative}.projekte .projektlist>div{margin:0 auto;width:550px}.projekte .projektlist .projektheader{padding-bottom:20px;font-size:30px;font-weight:200}.projekte .projektlist .projektheader .invisible{padding-top:20px;visibility:hidden}.projekte .projektlist .projektheader .coltitle{font-size:14px;display:inline-block;padding-right:8px}.projekte .projektlist .projektheader .coltitle.first{margin-top:10px}.projekte .projektlist .projektheader .rightbar{border-right:solid 1px black}.projekte .projektlist .projektheader .years{font-size:16px;display:inline-block;margin-bottom:16px}.projekte .projektlist .list{font-size:16px}.projekte .projektlist .list .orange{font-size:10px;color:#FF6600}.projekte .projektlist .list>div{padding-bottom:20px}.projekte .projektlist .list .imgbutton{background:gray;display:inline-block;width:10px;height:10px;cursor:pointer}.projekte .projektlist .list .imgbutton:hover{background:#ff1493}.produkte .titletext{font-size:24px;line-height:28px;font-weight:200;color:black;margin:0 auto;width:660px;display:table;height:100%}.produkte .titletext h2{display:table-cell;width:660px;text-align:left;font-size:30px;font-weight:200;display:block;padding-bottom:40px}.produkte .titletext>div{padding-top:40px;display:table-cell;vertical-align:middle}.produkte .titletext .quotes{position:relative;overflow:visible;height:200px}.produkte .titletext .quote{position:absolute;top:0;opacity:1;background:white}.produkte .titletext .quote.ng-hide-add.ng-hide-add-active,.produkte .titletext .quote.ng-hide-remove.ng-hide-remove-active{-webkit-transition:all linear 0.5s;transition:all linear 0.5s}.produkte .titletext .quote.ng-hide{opacity:0}.produkte .productlist{margin-left:auto;margin-right:auto;white-space:nowrap;height:155px;overflow-x:scroll;-webkit-overflow-scrolling:touch;z-index:10}.produkte .productlist .productimg{display:inline-block;padding:20px;cursor:pointer}.mixpics{background:#c4d5fe}.mixpics #flipbook-container{min-height:400px}.mixpics .navrow{background:#c4d5fe;z-index:100}.mixpics .button{background:inherit !important}.mixpics #flipbook img{width:100%;height:100%}.mixpics #flipbook .even .gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-gradient(linear, left top, right top, color-stop(0.95, transparent), color-stop(1, rgba(0,0,0,0.2)));background-image:-webkit-linear-gradient(left, transparent 95%, rgba(0,0,0,0.2) 100%);background-image:-moz-linear-gradient(left, transparent 95%, rgba(0,0,0,0.2) 100%);background-image:-ms-linear-gradient(left, transparent 95%, rgba(0,0,0,0.2) 100%);background-image:-o-linear-gradient(left, transparent 95%, rgba(0,0,0,0.2) 100%);background-image:linear-gradient(left, transparent 95%, rgba(0,0,0,0.2) 100%)}.mixpics #flipbook .odd .gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-gradient(linear, right top, left top, color-stop(0.95, transparent), color-stop(1, rgba(0,0,0,0.15)));background-image:-webkit-linear-gradient(right, transparent 95%, rgba(0,0,0,0.15) 100%);background-image:-moz-linear-gradient(right, transparent 95%, rgba(0,0,0,0.15) 100%);background-image:-ms-linear-gradient(right, transparent 95%, rgba(0,0,0,0.15) 100%);background-image:-o-linear-gradient(right, transparent 95%, rgba(0,0,0,0.15) 100%);background-image:linear-gradient(right, transparent 95%, rgba(0,0,0,0.15) 100%)}.mixpics #flipbook .p14 .gradient,.mixpics #flipbook .p15 .gradient,.mixpics #flipbook .p24 .gradient,.mixpics #flipbook .p25 .gradient{display:none}.mixpics .falstaff_link{font-size:20px;font-weight:bold;position:absolute;bottom:0px;left:200px}.mixpics .bigpage>.falstaff_link{font-size:40px;left:400px}.mixpics .lit_l_link{font-size:10px;font-weight:bold;position:absolute;top:120px;left:250px}.mixpics .bigpage>.lit_l_link{font-size:20px;top:240px;left:500px}.mixpics .lit_r_link{font-size:10px;font-weight:bold;position:absolute;top:100px;left:260px}.mixpics .bigpage>.lit_r_link{font-size:20px;top:200px;left:520px}.mixpics .horten2_r_link{font-size:16px;font-weight:bold;position:absolute;bottom:30px;left:300px}.mixpics .bigpage>.horten2_r_link{font-size:32px;bottom:60px;left:600px}.info,.cv,.fotocp{height:100%}.info .infopage,.cv .cvpage,.fotocp .fotocppage{width:100%;height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;position:absolute}.info .infopage .portraits a,.cv .cvpage .portraits a,.fotocp .fotocppage .portraits a{padding-right:30px}.info .infopage .spacebefore,.cv .cvpage .spacebefore,.fotocp .fotocppage .spacebefore{padding-top:40px !important}.info .infopage>div,.cv .cvpage>div,.fotocp .fotocppage>div{margin:0 auto;width:500px;position:relative;overflow:visible;clear:both}.info .infopage>div .col,.cv .cvpage>div .col,.fotocp .fotocppage>div .col{display:inline-block;width:240px;margin-right:10px;float:left}.info .infopage>div>div,.cv .cvpage>div>div,.fotocp .fotocppage>div>div{display:inline-block;width:100%;float:left}.info .infopage img,.cv .cvpage img,.fotocp .fotocppage img{max-width:100%}.menubuttons{text-align:center;height:70px;white-space:nowrap}.menubuttons.transparent>div{background:white;opacity:0.8}.menubuttons>div{display:inline-block;overflow:auto}.menubuttons .button{font-size:14px;margin:25px 5px;border:solid 1px black;padding:0px 5px;color:black;background:white;display:block;float:left;width:100px}.menubuttons .button#btn_makingof:hover{color:#ff1493}.menubuttons .button#btn_projekte:hover{color:BlueViolet}.menubuttons .button#btn_produkte:hover{color:orange}.menubuttons .button#btn_mixpics:hover{color:violet}.menubuttons .button#btn_info:hover{color:cyan}.makingof{text-align:center}.makingof .content{min-height:350px}.makingof h2{width:660px;text-align:left;font-size:30px;font-weight:200;display:inline-block;padding-bottom:40px}.makingof .images{white-space:nowrap;overflow-x:scroll;-webkit-overflow-scrolling:touch;z-index:10}.makingof .images>div{display:inline-block;cursor:pointer;vertical-align:top;margin-bottom:10px}.makingof .images>div:hover img{border-color:#ff1493}.makingof .images>div:hover a{color:#ff1493}.makingof .images>div img{width:120px;margin:0 20px;border:1px solid}.makingof .images>div a{font-size:14px;color:black}.makingof .images>div div{font-weight:normal;text-align:center;margin:0px 20px 10px 20px}.makingof .images>div div.group{font-weight:bold}.makingoflist{height:100%;position:relative}.makingoflist .list{width:100%;-webkit-overflow-scrolling:touch;position:relative}.makingoflist .list>div{width:100%;text-align:center}.makingoflist .list>div img{max-width:100%;width:720px;padding-bottom:100px}.makingoflist .list>div.first img{padding-top:70px}.makingoflist .list .topmost{position:fixed;pointer-events:none;z-index:1;text-align:center;top:0;width:100%;background:transparent}.makingoflist .list .topmost img{max-width:100%;width:720px;opacity:0.8}