html,body{width:100%;height:100%;min-width:320px}body{background-color:#fff;font-family:"Roboto",Helvetica,Arial,sans-serif;font-size:13px;line-height:24px;letter-spacing:.08em;color:#000;margin:0px}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}h1{font-weight:100;font-size:50px;line-height:55px;text-transform:uppercase}a{text-decoration:none;color:#000;outline:none}a:hover{color:#000}#app{width:100%;height:100%}.text-bold{font-weight:bold}.align1{position:relative;width:auto;height:100%;display:inline-block;vertical-align:middle}.align2{position:relative;width:100%;height:auto;display:inline-block;vertical-align:middle}#navigation{position:fixed;top:0;left:0;padding-right:32px;padding-bottom:32px;z-index:9;overflow:visible !important}#navigation ul{padding:0;margin:0;list-style-type:none}#navigation ul li{padding:0;margin:0}#navigation ul.navigation{position:relative;margin-top:32px;margin-left:32px;font-size:12px;line-height:14px;letter-spacing:.08em}#navigation li.nav-main{position:relative;height:16px;margin-bottom:16px}#navigation li.nav-main .nav-main-item{margin-right:16px;float:left}#navigation li.nav-main .nav-main-item a:hover{opacity:0.7}#navigation li.nav-main .nav-main-icon{width:14px;height:14px;margin-right:16px}#navigation li.nav-main .nav-main-icon .line{width:14px;height:2px;margin-bottom:2px;background-color:#000000}#navigation li.nav-main .nav-main-icon:hover{opacity:0.6}#navigation li.nav-main .nav-main-link{display:none}#navigation li.nav-overview{position:relative;height:16px;margin-bottom:16px;cursor:pointer}#navigation li.nav-overview a{position:absolute;top:0;left:0;width:16px;height:16px;display:inline-block}#navigation li.nav-overview .nav-overview-item{float:left}#navigation li.nav-overview .nav-overview-icon{position:relative;width:16px;height:14px}#navigation li.nav-overview .nav-overview-icon .nav-dot{position:relative;width:2px;height:2px;margin:0 2px 2px 0;background-color:#000000;float:left}#navigation li.nav-overview .nav-overview-icon:hover{opacity:0.65}#navigation li.nav-overview .nav-overview-text{position:absolute;left:31px;display:none}#navigation li.nav-overview .nav-overview-text:hover{opacity:0.6}#navigation li.nav-logo{position:relative;width:115px;height:90px;margin-left:32px;background-image:url(../images/common/logo_bf.svg);background-size:115px 90px;background-repeat:no-repeat}#navigation li.nav-logo a{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-block}#navigation li.nav-logo:hover{opacity:0.92}#navigation li.nav-logo-home:hover{opacity:1}@media (max-width: 1000px){#navigation li.nav-logo{margin-left:0}}@media (max-width: 750px){#navigation li.nav-logo{width:82px;height:64px;background-size:82px 64px}}@media (max-width: 600px){#navigation{width:100%;height:52px;padding:0}#navigation .nav-bgr{position:absolute;width:100%;height:100%;background-color:#FFF;opacity:0.6}#navigation ul.navigation{margin-top:10px;margin-left:10px}#navigation li.nav-logo{position:absolute;top:0;left:0;width:41px;height:32px;background-size:41px 32px}#navigation li.nav-main{position:absolute;left:122px;height:32px;margin:0}#navigation li.nav-main .nav-main-link{position:relative;top:8px;margin-right:0;margin-bottom:15px;margin-left:45px;font-size:16px;line-height:16px;float:none}#navigation li.nav-main .nav-main-icon{width:28px;height:28px;margin-right:0}#navigation li.nav-main .nav-main-icon .line{width:28px;height:3px;margin-bottom:5px;opacity:0.75}#navigation li.nav-overview{position:absolute;left:68px;height:32px;margin:0}#navigation li.nav-overview a{width:32px;height:32px}#navigation li.nav-overview .nav-overview-icon{width:32px;height:28px}#navigation li.nav-overview .nav-overview-icon .nav-dot{width:4px;height:4px;margin:0 4px 4px 0;opacity:0.75}.navigation-home .nav-bgr{display:none}.navigation-home .nav-main{left:164px !important}.navigation-home .nav-overview{left:110px !important}.navigation-home .nav-logo{width:82px !important;height:64px !important;background-size:82px 64px !important}}.news{position:fixed;top:50%;left:50%;min-width:320px;display:table;z-index:10;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.news .news-content{position:relative;overflow:hidden}.news .news-content img{position:relative;top:0;left:0;display:table}.news .news-content .news-text{width:100%;padding:50px}.news .news-content .news-text a{text-decoration:underline}.news .news-content .news-text a:hover{opacity:0.8}.news .news-content .news-text .huge{font-weight:900;font-size:52px;line-height:52px;letter-spacing:2px}.news .news-content .news-text .big{font-weight:900;font-size:32px;line-height:32px}.news .news-content .news-text .medium{font-weight:900;font-size:24px;line-height:32px}.news .news-content .news-text .small{font-size:11px;line-height:20px}.news .news-content .news-text .underline{text-decoration:underline}.news .news-content .news-text .black{color:#000}.news .news-content .white{color:#FFF}.news .news-content .white a{color:#FFF}.news .news-content a.hyperlink{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.news .absolute{position:absolute;top:0}.news .close{position:absolute;right:2px;top:5px;width:30px;height:30px;cursor:pointer}.news .close:hover{opacity:0.75}.news .close:before,.news .close:after{content:"";position:absolute;top:7px;left:12px;height:15px;width:2px;background-color:#000}.news .close:before{transform:rotate(45deg)}.news .close:after{transform:rotate(-45deg)}@media (max-width: 480px){.news{width:100%;padding-left:10px;padding-right:10px;display:block}.news .news-content .news-text h2{font-size:36px;line-height:36px}.news .close{right:10px}}@media (max-height: 600px){.news{height:100%;padding-top:10px;padding-bottom:10px;display:block}.news .news-content{height:100%;overflow-y:auto}.news .news-content .news-text{padding-top:50px}.news .news-content .news-text h2{margin-bottom:25px}.news .close{top:10px;right:8px}}@media (max-width: 480px) and (max-height: 600px){.news{padding:0;display:block}.news .news-content .news-text{padding:50px 30px}}.white{color:#FFF}.white a{color:#FFF}.white .close:before,.white .close:after{background-color:#FFF}.hidden{display:none}#home{position:relative;width:100%;height:100%}#home .featured-projects{position:relative;width:100%;height:100%}#home .featured-project{position:absolute;width:100%;height:100%;overflow:hidden;opacity:0}#home .featured-project .image{position:relative}#home .featured-project .title{position:absolute;top:27px;right:50px;font-size:13px;line-height:24px;letter-spacing:.08em;display:table}#home .timer{position:absolute;top:72px;right:51px;width:100px;height:1px}#home .timer .bar{position:absolute;right:0;width:0;height:100%;background-color:#000;opacity:0}#home .description{display:none}@media (max-width: 600px){#home .featured-project .title{display:none}}#projects{position:relative;width:100%}#projects .thumbnails{position:relative;top:60px;margin-left:230px;padding-bottom:40px}#projects .thumbnails .thumbnail{position:relative;width:280px;height:350px;margin-bottom:15px;display:inline-block;opacity:0}#projects .thumbnails .thumbnail .image{position:relative}#projects .thumbnails .thumbnail .image img{margin:auto;display:table}#projects .thumbnails .thumbnail .portrait{width:184px;height:269px}#projects .thumbnails .thumbnail .landscape{width:261px;height:192px}#projects .thumbnails .thumbnail h2.headline{position:relative;margin:7px 0 0 48px;padding:0;font-size:12px;font-weight:normal;line-height:22px;letter-spacing:.08em}#projects .thumbnails .thumbnail a{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-block}#projects .thumbnails .thumbnail:hover{color:#666}@media (max-width: 1000px){#projects .thumbnails{margin-left:180px}}@media (max-width: 750px){#projects .thumbnails{margin-left:126px;margin-right:32px}#projects .thumbnails .thumbnail{width:155px;height:182px}#projects .thumbnails .thumbnail .portrait{width:95px;height:140px}#projects .thumbnails .thumbnail .landscape{width:135px;height:100px}#projects .thumbnails .thumbnail h2.headline{margin:7px 29px}#projects .thumbnails .thumbnail h2.headline span.location,#projects .thumbnails .thumbnail h2.headline span.date{display:none}}@media (max-width: 600px){#projects .thumbnails{top:78px;margin:auto}}#project{position:relative}#project .next-project{position:absolute;width:100%;max-width:1200px;top:36px;font-size:12px;line-height:14px;letter-spacing:.08em;text-align:right}#project .next-project a:after{content:"";position:relative;top:1px;width:7px;height:11px;margin-left:10px;display:inline-block;background-size:7px 11px;background-repeat:no-repeat}#project .next-project a:hover{opacity:0.7}#project .next-project a.last{padding-right:35px}#project .next-project a.last:after{background-image:url(../images/common/arrow-left.svg)}#project .next-project a.next{padding-right:50px}#project .next-project a.next:after{background-image:url(../images/common/arrow-right.svg)}@media (max-width: 750px){#project .next-project a.next{padding-right:32px}}@media (max-width: 600px){#project .next-project{position:relative;top:23px}#project .next-project a.next{padding-right:23px}}h1.headline{position:fixed;top:230px;left:180px;padding:0;margin:0;font-size:14px;line-height:24px;letter-spacing:.2em;font-weight:bold}pre{margin:0;font-family:"Roboto",Helvetica,Arial,sans-serif;font-size:13px;line-height:24px;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}.images{position:relative;padding:64px 50px 50px 250px}.images .image{position:relative;margin-bottom:100px;opacity:0.01}.images .image img{padding-top:50px;display:table}.images .image:first-child img{padding-top:0}.images .image:last-child{margin-bottom:50px}.images .text{position:relative;max-width:450px;padding:0 30px}.images .text-margin{margin-bottom:50px}ul.dots{position:fixed;left:185px;bottom:52px;width:20px;margin:0;padding:0;display:table;list-style-type:none;text-align:center}ul.dots li.dot{position:relative;width:20px;height:15px;right:0;margin-bottom:5px;opacity:0.3;cursor:pointer}.scroll-up{position:relative;margin-left:265px;padding-bottom:74px;width:45px;height:32px;background-image:url(../images/common/arrow-up.svg);background-size:15px 8px;background-position:15px 12px;background-repeat:no-repeat;cursor:pointer}.scroll-up:hover{opacity:0.6}@media (max-width: 1000px){h1.headline{left:148px}.images{padding-left:200px}ul.dots{left:135px}.scroll-up{margin-left:215px}}@media (max-width: 750px){h1.headline{left:32px}.images{padding-right:32px;padding-left:146px}ul.dots{left:114px}.scroll-up{margin-left:161px}}@media (max-width: 600px){h1.headline{position:absolute;width:90%;height:72px;top:72px;left:10px}h1.headline span.content{position:absolute;bottom:0}.images{padding-top:154px;padding-right:10px;padding-left:10px}.images .image{margin-bottom:50px}.images .image img{padding-top:0}ul.dots{display:none}.scroll-up{margin-left:15px}}@media (max-width: 500px){.images{padding-right:0;padding-left:0}}#projectlist{position:relative}#projectlist .images .image:first-child{margin-bottom:100px}#projectlist .images .image:last-child{margin-bottom:50px}#projectlist .images .text{max-width:100%;padding:0;font-size:12px;line-height:14px}#projectlist .images .table{max-width:900px;border-spacing:0;border-collapse:collapse}#projectlist .images .table .table-row{position:relative;padding:5px 15px;border-bottom:1px solid #BBB}#projectlist .images .table .table-row a{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-block}#projectlist .images .table .table-row a:hover{background-color:rgba(255,255,255,0.25)}#projectlist .images .table .table-cell{width:15%;padding:0 5px;display:inline-block;vertical-align:top;overflow:hidden}#projectlist .images .table .table-cell:nth-child(1){width:30%}#projectlist .images .table .table-cell:nth-child(2){width:25%}#projectlist .images .table .table-cell:nth-child(3){width:10%}#projectlist .images .table .table-cell:nth-child(4){width:20%}@media (max-width: 600px){#projectlist .images .image:first-child{margin-bottom:50px}#projectlist .images .table .table-cell{width:30%}#projectlist .images .table .table-cell:nth-child(1),#projectlist .images .table .table-cell:nth-child(2),#projectlist .images .table .table-cell:nth-child(3),#projectlist .images .table .table-cell:nth-child(4){width:50%}}@media (max-width: 440px){#projectlist .images .table .table-cell{position:relative;width:100%}#projectlist .images .table .table-cell:nth-child(1),#projectlist .images .table .table-cell:nth-child(2),#projectlist .images .table .table-cell:nth-child(3),#projectlist .images .table .table-cell:nth-child(4){width:100%}}#office{position:relative}#jobs{position:relative}#jobs a{text-decoration:underline}#jobs a:hover{color:#666}#jobs .images .image:first-child{margin-bottom:100px}@media (max-width: 600px){#jobs .images .image:first-child{margin-bottom:50px}}#impressum{position:relative}#impressum a{text-decoration:underline}#impressum a:hover{color:#666}#impressum .images .image:first-child{margin-bottom:100px}@media (max-width: 600px){#impressum .images .image:first-child{margin-bottom:50px}}