@charset "UTF-8";*,:after,:before{margin:0;padding:0;border:0;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}p{margin-bottom:1em}p:last-child{margin-bottom:0}h1,h2,h3,h4,h5{font-weight:400}img{display:block;width:100%;height:auto}a{color:inherit;text-decoration:none}.cf:after{content:"";display:table;clear:both}body,html{height:100%}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-size:14px;line-height:1.3;background:#fff;color:#000}video{background-color:transparent!important}.video-container,.vimeo{width:100%;height:0;padding-bottom:56.25%;background-color:#000;margin-bottom:5em;position:relative;display:none}.vid-open .video-container.video-container,.vid-open .vimeo.video-container{display:block}.video-container:after,.vimeo:after{content:"Loading …";display:block;position:absolute;top:45%;left:50%;color:#fff;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.vid-ready .video-container:after,.vid-ready .vimeo:after{content:none}.nav-main{padding:2em 0 2em 5em;position:relative;float:left;width:65%;min-height:100%}.nav-main ul{list-style:none}.meta{margin-left:70%;padding:2em;max-height:100%;overflow:auto;cursor:default}.meta h1 span{float:right}.meta .meta-info{display:none}.meta:hover .meta-info{display:block}.meta .meta-image,.meta .meta-text{padding-top:1em}.meta .meta-text{max-width:27em}.meta img{height:350px;width:auto}.logo{position:fixed;top:1em;z-index:999;left:50%;margin-left:-5em;width:10em}.nav-main ul .link-desktop{color:#000;position:relative;z-index:9}.nav-main ul .link-desktop .subcontainer,.nav-main ul .link-desktop>span{float:left;margin-right:1em}.nav-main ul .link-desktop .subcontainer:last-child,.nav-main ul .link-desktop>span:last-child{margin-right:0}.nav-main ul .link-desktop .sublink{margin-right:1em}.nav-main ul .link-desktop .sublink:last-child{margin-right:0}.nav-main ul .link-desktop .subcontainer{display:none}.desktop .nav-main ul .link-desktop:hover .subcontainer,.nav-main ul .link-desktop.active .subcontainer{display:block}.nav-main ul .link-desktop:after{content:"";display:table;clear:both}.desktop.meta-open .nav-main ul .link-desktop,.desktop.meta-open .nav-main ul .link-mobile,.desktop .nav-main ul .link-desktop:hover,.desktop .nav-main ul .link-mobile:hover,.nav-main ul .link-desktop.active,.nav-main ul .link-mobile.active{font-family:arial_black_outlineregular,ArialMTStd-Black,Arial Black,Arial,sans-serif}.desktop .nav-main ul .link-desktop.link-desktop:hover~.project-videoteaser,.desktop .nav-main ul .link-desktop:hover~.project-info,.desktop .nav-main ul .link-mobile.link-desktop:hover~.project-videoteaser,.desktop .nav-main ul .link-mobile:hover~.project-info,.nav-main ul .link-desktop.active~.project-fullinfo,.nav-main ul .link-desktop.active~.project-info,.nav-main ul .link-mobile.active~.project-fullinfo,.nav-main ul .link-mobile.active~.project-info{display:block}.nav-main ul .project-video{display:none;position:relative;z-index:9}.mobile .nav-main ul .link-desktop.active~.link-mobile-play{display:block}.mobile .nav-main ul .link-desktop.active~.link-mobile-play.active{display:none}.nav-main ul .project-fullinfo,.nav-main ul .project-info{display:none;margin:.5em 0;position:relative;z-index:9}.nav-main ul .project-image,.nav-main ul .project-videoteaser{display:none;position:absolute;top:auto;right:auto;left:0;bottom:0;z-index:0;overflow:hidden;width:70%;width:70vw;height:0}.nav-main ul .project-image video,.nav-main ul .project-videoteaser video{width:101%;width:calc(100% + 2px);height:auto;position:absolute;top:auto;left:0;bottom:0}.nav-main ul .link-mobile{display:none}iframe{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.vid-ready iframe{opacity:1}.vid{display:none}.diary-container{padding:2em 2em 0}.diary-container .image-container{position:relative;margin-bottom:2em}.diary-container .image-container img{position:absolute;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.imprint{position:fixed;top:auto;left:auto;bottom:1em;right:2em;pointer-events:none}@font-face{font-family:arial_black_outlineregular;src:url(../fonts/arialblaoutline.eot);src:url(../fonts/arialblaoutline.eot?#iefix) format("embedded-opentype"),url(../fonts/arialblaoutline.woff2) format("woff2"),url(../fonts/arialblaoutline.woff) format("woff");font-weight:400;font-style:normal}body{font-family:ArialMTStd-Black,Arial Black,Arial,sans-serif;text-transform:uppercase}.nav-main li a,.nav-main li span,.project-video h3{font-weight:400;font-size:4em;line-height:1;display:inline-block}.link-desktop,.link-mobile,.link-mobile-play,.meta-text p,.meta h1,.nav-main li>a,.nav-main li>span,.project-info p .project-fullinfo p,.project-video h3{-webkit-transform:scaleX(1.15);-ms-transform:scaleX(1.15);transform:scaleX(1.15);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;width:86.9565%}.meta-text>*,.meta h1{font-weight:400;font-size:1.25em}.font-preloader,.meta-text a[href="http://photo.krisludi.com/"]{font-family:arial_black_outlineregular,ArialMTStd-Black,Arial Black,Arial,sans-serif}.font-preloader{visibility:hidden}@media all and (max-width:1200px){.meta-text>*,.meta h1{font-size:1em}}@media all and (max-width:1023px){.meta{position:fixed;top:0;left:0;right:0;margin:0;padding:.5em 1em;z-index:9999;background:#fff}.meta-open .meta .meta-info{display:none}.meta-mobile-open .meta .meta-info{display:block}.meta .meta-info img{width:200px;height:auto}.video-container{margin-top:2.75em}.nav-main{padding:3em 1em 1em;float:none;width:auto}.meta-mobile-open .nav-main{display:none}}.mobile .nav-main{min-height:0}.mobile .nav-main ul .vimeo{display:block;margin-bottom:1em}.mobile .nav-main ul .vimeo iframe{opacity:1;z-index:9}.mobile .nav-main ul .link-desktop{display:none}.mobile .nav-main ul .link-mobile{display:block}.mobile .nav-main ul li a,.mobile .nav-main ul li span{color:#000}.mobile .nav-main ul li a.active~.project-video,.mobile .nav-main ul li span.active~.project-video{display:block}.mobile .video-container{display:none!important}@media all and (max-width:767px){body{overflow-x:hidden}.nav-main{padding:3em 1em 1em;min-height:0}.nav-main ul .vimeo{display:block;margin-bottom:1em}.nav-main ul .vimeo iframe{opacity:1;z-index:9}.nav-main ul .link-desktop{display:none}.nav-main ul .link-mobile{display:block}.nav-main ul .link-mobile-play{display:none!important}.nav-main ul li a,.nav-main ul li span{color:#000;font-size:2em}.nav-main ul li a.active~.project-video,.nav-main ul li span.active~.project-video{display:block}.nav-main ul .project-video h3{font-size:2em}.video-container{display:none!important}}
/*# sourceMappingURL=main.min.css.map */