body,html{position:relative}#preloader,body{width:100%;height:100%}#preloader svg,h1{display:inline-block}h1,h2{font-weight:200;font-family:'Yanone Kaffeesatz',sans-serif}h2,h4{text-align:center;letter-spacing:1px}body,h4{font-weight:400;font-family:Lato,sans-serif}body,h4,h5{font-weight:400}h3,p{font-weight:300}body,button,html{font-size:20px}#preloader,h1,h2,h2+h3,h3,h4{text-align:center}.box,.wrapper,.wrapperInner{box-sizing:border-box}*{margin:0}html{height:100%;overflow-y:hidden}body{background-color:#fff;color:#322734}#preloader{position:fixed;background-color:#322734;top:0;z-index:20000}#preloader svg{position:absolute;top:calc(50% - 50px);left:calc(50% - 50px)}h1{position:fixed;color:#000;width:200px;top:27px;font-size:37px;z-index:200;margin-left:calc(50% - 100px)}h2{font-size:38px;margin-top:1rem}h3{padding-top:1.6rem;font-size:22px;margin-bottom:12px;letter-spacing:.01em}h4{font-size:1.2rem}header #headings h2,nav#mainNav .logo{font-family:'Yanone Kaffeesatz',sans-serif}h5{font-size:.7rem;padding-left:10%;text-transform:uppercase}p{margin-bottom:1rem;line-height:1.5em;font-size:18px}.wrapperInner:after,.wrapperOuter:after{clear:both;visibility:hidden;display:block;content:".";height:0;line-height:0}.wrapperOuter{width:100%;padding-top:6rem;padding-bottom:6rem}.wrapperInner{margin-left:auto;margin-right:auto;position:relative;width:94%}.box{float:left;padding-left:2%;padding-right:2%}.box:first-of-type{padding-left:0}.box:last-of-type{padding-right:0}.box.box33{width:33.3333%}.box.box66{width:66.6666%}.box.box50{width:50%}.box.box62{width:61.8%}.box.box38{width:38.2%}h2~.box,h2~.gallery,h2~.wrapperInner{margin-top:6rem}#mainNav{position:fixed}.fullLayer{position:absolute;width:100%;height:100%;background-color:#000;top:0;left:0}a{transition:all .5s;outline:0;text-decoration:none}a:active,a:link,a:visited{color:#ffbc63;text-decoration:none}a:not(.nohover):hover{color:#ffa226}blockquote{font-style:normal;padding-bottom:1rem;line-height:2em;font-size:1rem}img{width:100%;height:auto}button{background-color:transparent}a.decentBtn,button.decentBtn{display:inline-block;border:1px solid #ffbc63;padding:10px 19px;text-decoration:none;outline:0;color:#fff;background-color:#ffbc63;text-align:center;opacity:1;-webkit-transition:all .4s,opacity 5s 3s;-moz-transition:all .4s,opacity 5s 3s;-ms-transition:all .4s,opacity 5s 3s;-o-transition:all .4s,opacity 5s 3s;-webkit-box-shadow:6px 6px 5px 2px transparent;-moz-box-shadow:6px 6px 5px 2px transparent;box-shadow:6px 6px 5px 2px transparent}a.decentBtn.animClassButtonEinblenden,button.decentBtn.animClassButtonEinblenden{opacity:1}a.decentBtn:hover,button.decentBtn:hover{background-color:#ffa630;color:#fff;border:1px solid #ffa630;text-decoration:none;-webkit-box-shadow:4px 4px 8px 0 rgba(0,0,0,.25);-moz-box-shadow:4px 4px 8px 0 rgba(0,0,0,.25);box-shadow:4px 4px 8px 0 rgba(0,0,0,.25)}a.decentBtn:active,a.decentBtn:visited,button.decentBtn:active,button.decentBtn:visited{color:#fff}@-webkit-keyframes skillsBackgroundAnimation{0%,100%{-webkit-transform:scale(1) rotate(0) translateX(0);-moz-transform:scale(1) rotate(0) translateX(0);-o-transform:scale(1) rotate(0) translateX(0);transform:scale(1) rotate(0) translateX(0)}33%{-webkit-transform:scale(1.15) rotate(1deg) translateX(-2%);-moz-transform:scale(1.15) rotate(1deg) translateX(-2%);-o-transform:scale(1.15) rotate(1deg) translateX(-2%);transform:scale(1.15) rotate(1deg) translateX(-2%)}66%{-webkit-transform:scale(1.3) rotate(-1deg) translateX(2%);-moz-transform:scale(1.3) rotate(-1deg) translateX(2%);-o-transform:scale(1.3) rotate(-1deg) translateX(2%);transform:scale(1.3) rotate(-1deg) translateX(2%)}}@-moz-keyframes skillsBackgroundAnimation{0%,100%{-webkit-transform:scale(1) rotate(0) translateX(0);-moz-transform:scale(1) rotate(0) translateX(0);-o-transform:scale(1) rotate(0) translateX(0);transform:scale(1) rotate(0) translateX(0)}33%{-webkit-transform:scale(1.15) rotate(1deg) translateX(-2%);-moz-transform:scale(1.15) rotate(1deg) translateX(-2%);-o-transform:scale(1.15) rotate(1deg) translateX(-2%);transform:scale(1.15) rotate(1deg) translateX(-2%)}66%{-webkit-transform:scale(1.3) rotate(-1deg) translateX(2%);-moz-transform:scale(1.3) rotate(-1deg) translateX(2%);-o-transform:scale(1.3) rotate(-1deg) translateX(2%);transform:scale(1.3) rotate(-1deg) translateX(2%)}}@-o-keyframes skillsBackgroundAnimation{0%,100%{-webkit-transform:scale(1) rotate(0) translateX(0);-moz-transform:scale(1) rotate(0) translateX(0);-o-transform:scale(1) rotate(0) translateX(0);transform:scale(1) rotate(0) translateX(0)}33%{-webkit-transform:scale(1.15) rotate(1deg) translateX(-2%);-moz-transform:scale(1.15) rotate(1deg) translateX(-2%);-o-transform:scale(1.15) rotate(1deg) translateX(-2%);transform:scale(1.15) rotate(1deg) translateX(-2%)}66%{-webkit-transform:scale(1.3) rotate(-1deg) translateX(2%);-moz-transform:scale(1.3) rotate(-1deg) translateX(2%);-o-transform:scale(1.3) rotate(-1deg) translateX(2%);transform:scale(1.3) rotate(-1deg) translateX(2%)}}@-ms-keyframes skillsBackgroundAnimation{0%,100%{-webkit-transform:scale(1) rotate(0) translateX(0);-moz-transform:scale(1) rotate(0) translateX(0);-o-transform:scale(1) rotate(0) translateX(0);transform:scale(1) rotate(0) translateX(0)}33%{-webkit-transform:scale(1.15) rotate(1deg) translateX(-2%);-moz-transform:scale(1.15) rotate(1deg) translateX(-2%);-o-transform:scale(1.15) rotate(1deg) translateX(-2%);transform:scale(1.15) rotate(1deg) translateX(-2%)}66%{-webkit-transform:scale(1.3) rotate(-1deg) translateX(2%);-moz-transform:scale(1.3) rotate(-1deg) translateX(2%);-o-transform:scale(1.3) rotate(-1deg) translateX(2%);transform:scale(1.3) rotate(-1deg) translateX(2%)}}keyframes skillsBackgroundAnimation 0%,keyframes skillsBackgroundAnimation 100%{-webkit-transform:scale(1) rotate(0) translateX(0);-moz-transform:scale(1) rotate(0) translateX(0);-o-transform:scale(1) rotate(0) translateX(0);transform:scale(1) rotate(0) translateX(0)}keyframes skillsBackgroundAnimation 33%{-webkit-transform:scale(1.15) rotate(1deg) translateX(-2%);-moz-transform:scale(1.15) rotate(1deg) translateX(-2%);-o-transform:scale(1.15) rotate(1deg) translateX(-2%);transform:scale(1.15) rotate(1deg) translateX(-2%)}keyframes skillsBackgroundAnimation 66%{-webkit-transform:scale(1.3) rotate(-1deg) translateX(2%);-moz-transform:scale(1.3) rotate(-1deg) translateX(2%);-o-transform:scale(1.3) rotate(-1deg) translateX(2%);transform:scale(1.3) rotate(-1deg) translateX(2%)}#headerWrapper{height:100%;overflow:hidden}#headerWrapper .layer{position:absolute;background-color:#322734;opacity:0;transition:.3s all ease;height:100%;z-index:10;top:0;bottom:0;left:0;right:0}header{position:relative;width:100%;height:100%}header .headerBackgroundWrapper{position:absolute;width:100%;height:100%;background-image:url(../images/header-images/friedrich-siever-hamburg.jpg);background-size:cover;background-position:70% 75%;background-repeat:no-repeat;transition:opacity 5.5s;opacity:0}header .visible{opacity:1}header .blende{position:absolute;width:100%;height:100%;z-index:500;background-color:#333;opacity:.35;transition:all.5s}header .blende.visible{opacity:.95;background-color:#000}header #headings{position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);text-align:left;width:100%;left:14%;color:#fff;font-weight:400;z-index:10000;-webkit-transition:all 1.5s 2s;-moz-transition:all 1.5s 2s;-ms-transition:all 1.5s 2s;-o-transition:all 1.5s 2s}header #headings h1,header #headings h2{width:100%;font-weight:300;text-align:left}header #headings h1{font-size:5.35rem;line-height:1em;transition:all 3s}header #headings h2{text-transform:none;opacity:1;font-size:2.75rem;margin-bottom:0;margin-left:0;overflow:hidden;-webkit-transition:height 1s 3.5s,width 3s 4.5s,opacity 1s 3.5s;-moz-transition:height 1s 3.5s,width 3s 4.5s,opacity 1s 3.5s;-ms-transition:height 1s 3.5s,width 3s 4.5s,opacity 1s 3.5s;-o-transition:height 1s 3.5s,width 3s 4.5s,opacity 1s 3.5s}nav#mainNav{position:fixed;background-color:#fff;z-index:50;top:0;color:#fdfeec;height:80px;width:100%}nav#mainNav .logo{top:27px;left:15px;width:62px;font-size:37px;font-weight:200;height:auto;z-index:50000;position:absolute;color:#000}nav#mainNav .logo span{color:#00aeef;padding-left:.05em;font-size:.95em}nav#mainNav #hamburgerMenu{z-index:15000;width:35px;height:29px;right:20px;top:31px;transform:rotate(0);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer}nav#mainNav #hamburgerMenu,nav#mainNav #hamburgerMenu span{position:absolute;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0)}nav#mainNav #hamburgerMenu:hover span{background-color:#facf9b}nav#mainNav #hamburgerMenu span{display:block;height:1px;width:100%;background:#616161;border-radius:9px;opacity:1;left:0;transform:rotate(0);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}nav#mainNav #hamburgerMenu span:nth-child(1){top:0;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}nav#mainNav #hamburgerMenu span:nth-child(2){top:10px;transform-origin:left center}nav#mainNav #hamburgerMenu span:nth-child(2),nav#mainNav #hamburgerMenu span:nth-child(3){-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center}nav#mainNav #hamburgerMenu span:nth-child(3){top:20px;transform-origin:left center}nav#mainNav #hamburgerMenu.open span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:-3px;left:8px}nav#mainNav #hamburgerMenu.open span:nth-child(2){width:0;opacity:0}nav#mainNav #hamburgerMenu.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:21px;left:8px}nav#mainNav .nav-items{position:absolute;top:-100vh;height:100vh;width:100%;transition:all .5s;background-color:rgba(0,0,0,.85);opacity:0}nav#mainNav .nav-items ul{position:relative;padding-left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-size:1.5rem;width:50%;margin-left:25%;text-align:center}nav#mainNav .nav-items ul li{list-style:none;padding-bottom:.75rem}nav#mainNav .nav-items ul li a{text-decoration:none;transition:all .4s;font-weight:300}nav#mainNav .nav-items ul li a:active,nav#mainNav .nav-items ul li a:link,nav#mainNav .nav-items ul li a:visited{color:#616161}nav#mainNav .nav-items ul li a:hover{color:#000}nav#mainNav .nav-items.open{top:0;left:0;opacity:1;background-color:rgba(255,255,255,.92)}nav#mainNav.black #hamburgerMenu span{background:#322734}nav#mainNav.black #hamburgerMenu:hover span{background:#ffa226}nav#mainNav.black #hamburgerMenu.open span,nav#mainNav.black #hamburgerMenu.open:hover span{background-color:#ffa226}.wrapper{padding:6rem 0 5rem;width:100%;background-color:#fff}.wrapper h2,.wrapper p{padding-left:10%;padding-right:10%}.wrapper p{padding-bottom:0;font-weight:300;margin-bottom:0;text-align:center}footer{text-align:center;font-size:16px;font-weight:300;height:40px}#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(20%);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(8%);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}#masonIso .grid-wrapper{width:calc(100% - 170px);margin-left:85px;display:block;margin-top:80px}#masonIso .grid-wrapper:after{content:".";display:block;height:0;line-height:0;clear:both;visibility:hidden}#masonIso .grid-wrapper .gutter-sizer{width:2%}#masonIso .grid-wrapper .grid-item,#masonIso .grid-wrapper grid-sizer{background-color:#00f;width:32%;float:left;overflow:hidden}#masonIso .grid-wrapper img{transition:all 1.8s;vertical-align:middle;width:100%;-webkit-filter:grayscale(0);filter:grayscale(0)}#masonIso .grid-wrapper img:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}@media (max-width:900px){#masonIso .grid-wrapper .grid-item,#masonIso .grid-wrapper .grid-sizer{width:49%}}@media (max-width:450px){#masonIso .grid-wrapper .grid-item,#masonIso .grid-wrapper .grid-sizer{width:100%}}#filtering{position:fixed;top:49%;right:0;width:250px}#filtering .filter-icon{display:inline-block;width:36px;height:36px;position:absolute;top:0;left:-8px;cursor:pointer;opacity:0;transition:all .3s;border:1px solid transparent}#filtering .filter-icon span{transition:all .2s;display:block;position:absolute;height:1px;width:100%;background:#616161;border-radius:9px;opacity:1;left:0}#filtering .filter-icon span:nth-child(1){top:0}#filtering .filter-icon span:nth-child(2){top:8px;width:60%;margin-left:20%}#filtering .filter-icon span:nth-child(3){top:16px;width:20%;margin-left:40%}#filtering .filter-icon:hover span{background-color:#ffbc63}#filtering .close-icon{border:1px solid transparent;transition:all .3s;width:36px;height:36px;position:absolute;top:0;right:21px;cursor:pointer}#filtering .close-icon span{transition:all .2s;display:block;position:absolute;height:1px;width:100%;background:#616161;border-radius:9px;opacity:1;left:0}#filtering .close-icon span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:6px;left:8px}#filtering .close-icon span:nth-child(2){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:6px;left:8px}#filtering .close-icon:hover span{background-color:#ffbc63}#filtering.closed{right:-200px}#filtering.closed .filter-icon{opacity:1;cursor:pointer}#filtering ul{display:inline-block;font-weight:300;width:50%;top:5px;left:50px;position:absolute;border-left:1px solid #616161;padding-top:29px;padding-bottom:10px;padding-left:40px}#filtering ul li{position:relative;transition:all .3s;cursor:pointer;list-style:none;color:#616161}#filtering ul li:hover{color:#ffbc63}#filtering ul li.current:after{content:" ";width:20px;height:20px;background-image:url(../done.svg);background-size:cover;background-position:center center;display:inline-block;position:absolute;top:2px}#filtering ul li.current:hover{color:#616161}@media (max-width:820px){#imprint .box{float:none;width:100%;padding-left:0}#imprint .box h4{margin-top:1.5rem}}@media (max-width:780px){#filtering.closed .filter-icon,nav#mainNav #hamburgerMenu{width:27px}#filtering.closed{right:-211px}#filtering .close-icon{height:30px;width:30px}#masonIso .grid-wrapper{width:calc(100% - 130px);margin-left:65px}#masonIso .grid-wrapper.open-filter{width:calc(100% - 313px)}}@media (max-width:630px){#masonIso .grid-wrapper{width:calc(100% - 75px);margin-left:15px}#masonIso .grid-wrapper.open-filter{width:calc(100% - 227px)}#filtering ul{left:87px;padding-left:20px}#filtering ul li{padding-bottom:10px}}@media (max-width:450px){h1,h2{font-size:26px}h3{font-size:.95rem;text-transform:none;margin-bottom:.5rem;padding-top:1.2rem}.wrapper p{font-size:16px;padding-left:60px;padding-right:60px}nav#mainNav .logo{font-size:26px}#filtering .filter-icon span:nth-child(2),nav#mainNav #hamburgerMenu span:nth-child(2){top:7px}#filtering .filter-icon span:nth-child(3),nav#mainNav #hamburgerMenu span:nth-child(3){top:14px}ul{font-size:16px}ul li{line-height:1.15rem}.wrapper.about{padding-top:4rem}}@media (max-height:374px){#filtering ul{top:-31px}nav#mainNav .nav-items ul li{padding-bottom:.35rem}}