@font-face{font-family:'DIN';font-weight:normal;src:url("../fonts/din-webfont.eot"),url("../fonts/din-webfont.woff") format("woff"),url("../fonts/din-webfont.woff2") format("woff2"),url("../fonts/din-webfont.ttf") format("truetype")}@font-face{font-family:'DIN';font-weight:500;src:url("../fonts/din_medium-webfont.eot"),url("../fonts/din_medium-webfont.woff") format("woff"),url("../fonts/din_medium-webfont.woff2") format("woff2"),url("../fonts/din_medium-webfont.ttf") format("truetype")}@font-face{font-family:'DIN';font-weight:800;src:url("../fonts/din_bold-webfont.eot"),url("../fonts/din_bold-webfont.woff") format("woff"),url("../fonts/din_bold-webfont.woff2") format("woff2"),url("../fonts/din_bold-webfont.ttf") format("truetype")}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,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}ol,ul{padding-left:20px}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a{color:black}a:hover{text-decoration:none}html{scroll-behavior:smooth}body{font-family:"DIN";font-weight:normal}h1{font-weight:normal}.container-fluid{padding-right:30px;padding-left:30px}ul{padding:0px}.custom-container{margin-top:70px}.header-nav--hamburger,.header-nav--hamburger:after,.header-nav--hamburger:before{width:30px;height:2px}.header-nav--hamburger{position:relative;transform:translateY(10px);background:black;transition:all 0ms 300ms}.header-nav--hamburger.is-white{background:white !important}.header-nav--hamburger.is-white:before{background:white}.header-nav--hamburger.is-white:after{background:white}.header-nav--hamburger.animate{background:rgba(255,255,255,0)}.header-nav--hamburger.animate:after{top:0;transform:rotate(45deg);transition:top 300ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1)}.header-nav--hamburger.animate:before{bottom:0;transform:rotate(-45deg);transition:bottom 300ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1)}.header-nav--hamburger:before{content:"";position:absolute;left:0;bottom:10px;background:black;transition:bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms cubic-bezier(0.23, 1, 0.32, 1)}.header-nav--hamburger:after{content:"";position:absolute;left:0;top:10px;background:black;transition:top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms cubic-bezier(0.23, 1, 0.32, 1)}.js-hamburger{height:30px;width:30px;cursor:pointer;position:absolute;top:5%;left:5%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.responsive-header{position:absolute;top:8%;z-index:999;left:10%;display:none}@media (max-width: 580px){.responsive-header{display:block}}@media (max-width: 580px){.responsive-header.is-home{display:none}}.page-content{margin:20px;display:-webkit-flex;display:flex}.main-content{width:80%;padding:22px 40px 0px;margin-left:255px}@media (max-width: 580px){.main-content{width:90%;margin-left:0px;padding-top:70px;padding:22px 20px 0px}}.sidebar-main{background:#eee9e3;max-width:255px;min-height:95vh;position:relative;position:fixed;z-index:999}@media (max-width: 580px){.sidebar-main.is-open{display:block}}@media (max-width: 580px){.sidebar-main{display:none;z-index:9999}}.sidebar-main .nav-main{padding:40px 30px}.sidebar-main .nav-main ul{list-style:none}.sidebar-main .nav-main ul li{margin-bottom:20px;font-size:14px;font-weight:500}.sidebar-main .logo img{width:100%;padding:30px 30px 0px 30px}.sidebar-main .sidebar-bottom{position:absolute;bottom:0px;left:0px;background:white;padding:20px;width:100px}@media (max-width: 812px){.sidebar-main .sidebar-bottom{width:60px}}.sidebar-main .sidebar-bottom img{width:100%}.btn{text-transform:uppercase;letter-spacing:3px;transition:0.3s all;font-size:10px;line-height:13px;font-weight:400;padding:18px 25px;border-width:2px;border-radius:0px;font-weight:600}.btn-reset{border:none;background:none}.btn-reset:focus{outline:none}.btn-size--sm{font-size:10px;padding:15px}.btn.btn-bg--black{background:black;color:white}.btn.btn-bg--black:hover{background:white;color:black}.btn.btn-bg--white{background:white;color:black}.btn.btn-bg--white:hover{background:black;color:white}.btn.btn-border--black{border:1px solid black}.btn.btn-border--white{border:1px solid white;color:white}input:focus{outline:none}.title-main{padding:5px 0px 20px}.title-main h1,.title-main h2{font-size:20px;font-weight:500;margin-bottom:5px;margin-top:3px}.title-main span{font-weight:normal}.grid-container{max-width:1200px;margin:0 auto}.home-hero{height:100vh;position:relative;background-position:center;background-repeat:no-repeat;background-size:cover}.home-hero .home-hero--about{position:absolute;z-index:9999;right:20%;top:50%;width:23%}.home-hero .home-hero--about h2{text-transform:uppercase;letter-spacing:5px;font-weight:100;font-size:41px;margin-bottom:20px}.home-hero .home-hero--about .btn-reset{margin-top:20px;font-size:30px;cursor:pointer}.home-hero .scroll-bottom{position:absolute;bottom:-5%;left:50%;z-index:9999;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.home-hero .scroll-bottom img{width:250px}.homepage{background:#eee9e3;min-height:95vh;position:fixed}.single-post{margin-top:0px;position:relative}.single-post .title-main h1{font-size:18px;margin-top:6px}.single-post p{font-weight:normal;font-size:12px}.single-post img{max-width:100%;height:auto}.single-post .back-btn{position:absolute;right:5%;top:1%;width:30px;z-index:999}@media (max-width: 768px){.single-post .back-btn{right:-5%;top:-5%}}@media (max-width: 580px){.single-post .back-btn{right:-15%;top:-15%}}.single-post .back-btn img{width:100%}@media (max-width: 768px){.single-post .back-btn img{width:50%}}.about-content{display:-webkit-flex;display:flex}@media (max-width: 768px){.about-content{flex-wrap:wrap;flex-direction:column-reverse}}.about-content .left-part{width:50%;padding:10px 70px}@media (max-width: 768px){.about-content .left-part{width:100%;padding:0px;margin-top:50px}}.about-content .left-part .profil-item{position:relative;margin-bottom:40px;width:230px;margin:0px auto 40px}@media (max-width: 580px){.about-content .left-part .profil-item{width:270px}}.about-content .left-part .profil-item img{width:100%}.about-content .left-part .profil-item h2{position:absolute;top:39%;right:-20%;font-size:23px}@media (max-width: 580px){.about-content .left-part .profil-item h2{position:relative;top:0%;right:0%}}.about-content .left-part .profil-item h2.is-left{left:-27%;top:45%}@media (max-width: 580px){.about-content .left-part .profil-item h2.is-left{position:relative;top:0%;left:0%}}.about-content .right-part{max-width:420px;margin-top:5px}.about-content .right-part h1{font-size:18px;font-weight:normal;margin-bottom:40px;margin-top:0px;line-height:23px}.about-content .right-part .contact-wrapper{margin-top:40px}.about-content .right-part .contact-wrapper h3{margin-bottom:20px;font-size:18px}.about-content .right-part .contact-wrapper p{font-size:12px}.about-content .right-part .about-text p{font-size:12px;margin-bottom:10px}.news-content{margin-top:45px}@media (max-width: 580px){.news-content{margin-top:20px}}.news-content ul{list-style:none}.news-content ul li{font-weight:normal;margin-bottom:0px;padding:5px 0px;font-size:12px}.news-content ul li:hover a{opacity:1}.news-content ul li a{opacity:0;padding-left:15px}.projects-content{margin-top:45px}.projects-content ul{list-style:none}.projects-content ul li{font-weight:normal;margin-bottom:20px;position:relative;font-size:14px}.projects-content ul li a:hover{color:black}.projects-content ul li a:after{display:block;content:attr(title);font-weight:bold;height:0;overflow:hidden;visibility:hidden}.projects-content ul li:hover .sub-menu{display:block}.projects-content ul li:hover{font-weight:800}.projects-content ul li:after{display:block;content:attr(title);font-weight:bold;height:0;overflow:hidden;visibility:hidden}.projects-content ul li .sub-menu{position:absolute;left:200px;top:0%;display:none;z-index:9999}@media (max-width: 580px){.projects-content ul li .sub-menu{left:150px}}.projects-content ul li .sub-menu li{padding-bottom:0px;margin-bottom:0px;padding-top:2px}.projects-content ul li:hover .btn-more{opacity:1;display:inline-block}.projects-content ul li .btn-more{opacity:0;display:none;padding-left:15px}.page-single--project{margin-top:20px;position:relative}@media (max-width: 768px){.page-single--project{margin-top:0px}}.page-single--project .title-main h1{font-size:20px;margin-bottom:0px;padding-left:20px}.page-single--project .title-main p{font-size:15px;padding-left:20px}.page-single--project .title-post{background:white;position:fixed;left:292px;top:-0.5%;z-index:999;padding:50px 20px 15px 0px;width:400px}@media (max-width: 768px){.page-single--project .title-post{position:relative;left:0px;top:0px;width:auto;padding-top:5px}}.page-single--project .back-btn{position:absolute;right:3%;top:1%;width:30px;z-index:999}@media (max-width: 768px){.page-single--project .back-btn{z-index:9999}}@media (max-width: 580px){.page-single--project .back-btn{top:2%;right:-10%}}@media (max-width: 320px){.page-single--project .back-btn{top:0.5%;right:-6%;z-index:99}}.page-single--project .back-btn img{width:100%}@media (max-width: 768px){.page-single--project .back-btn img{width:50%}}.page-single--project .single-project--content{margin-top:20px;position:relative}.page-single--project .project-info{position:fixed;right:5%;top:23%}@media (max-width: 768px){.page-single--project .project-info{position:relative;right:0%;top:0%;margin-top:40px}}.page-single--project .info-block{margin-bottom:10px}.page-single--project .info-block h3{text-transform:uppercase;font-weight:800;font-size:10px}.page-single--project .info-block p{font-size:12px}.page-single--project .project-images{width:80%}@media (max-width: 580px){.page-single--project .project-images{width:100%}}.page-single--project .project-images img{width:95%;margin-bottom:15px;transition:0.3s all}.page-single--project .project-images img:hover{opacity:0.6;transition:0.3s all}.page-single--project .project-description{width:80%}.page-single--project .project-description p{font-size:12px}.page-single--project .project-description h2,.page-single--project .project-description h3{text-transform:uppercase;font-weight:800;font-size:10px;margin:15px 0px}.fancybox-container .fancybox-bg{background:white}.fancybox-container .fancybox-button{background:transparent}@media (max-width: 580px){.fancybox-container .fancybox-button{background:transparent}}.fancybox-container .fancybox-button:hover{color:black}.publications-content{margin-top:55px;position:relative}.publications-content ul{list-style:none}.publications-content ul li{font-weight:normal;margin-bottom:5px;padding:10px 0px}.publications-content ul li:hover{font-weight:bold}.publications-content ul li:hover a{opacity:1}.publications-content ul li a{opacity:0;padding-left:15px}.publications-content ul li a:hover+.thumbnail{display:block}.publications-content ul li .thumbnail{position:absolute;right:0px;top:0%;width:600px;display:none}.publications-content ul li .thumbnail img{width:100%}