@charset "UTF-8";@font-face{font-family:Cera;font-weight:'normal';font-style:'normal';src:url("../Webfonts/CeraPro/cera-pro-light-roman.eot");src:url("../Webfonts/CeraPro/cera-pro-light-roman.eot?#iefix") format("embedded-opentype"),url("../Webfonts/CeraPro/cera-pro-light-roman.woff2") format("woff2"),url("../Webfonts/CeraPro/cera-pro-light-roman.woff") format("woff")}@font-face{font-family:'Cera Medium';font-weight:'normal';font-style:'normal';src:url("../Webfonts/CeraPro/cera-pro-medium-roman.eot");src:url("../Webfonts/CeraPro/cera-pro-medium-roman.eot?#iefix") format("embedded-opentype"),url("../Webfonts/CeraPro/cera-pro-medium-roman.woff2") format("woff2"),url("../Webfonts/CeraPro/cera-pro-medium-roman.woff") format("woff")}@font-face{font-family:'Cera Bold';font-weight:'normal';font-style:'normal';src:url("../Webfonts/CeraPro/cera-pro-bold-roman.eot");src:url("../Webfonts/CeraPro/cera-pro-bold-roman.eot?#iefix") format("embedded-opentype"),url("../Webfonts/CeraPro/cera-pro-bold-roman.woff2") format("woff2"),url("../Webfonts/CeraPro/cera-pro-bold-roman.woff") format("woff")}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style-position:inside}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-spacing:0;border-collapse:collapse}button{font:inherit;line-height:normal;overflow:visible;width:auto;margin:0;padding:0;cursor:pointer;text-align:inherit;color:inherit;border:none;background:0 0;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none}.u_editable:focus,a:focus,button:focus,input:focus{outline:0}button::-moz-focus-inner{padding:0;border:0}*,:after,:before{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent}input{border-radius:0;-webkit-appearance:none}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media print{*,:after,:before,:first-letter,:first-line{color:#000!important;background:0 0!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^='#']:after,a[href^='javascript:']:after{content:''}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}html{font-family:Cera,sans-serif;font-size:24px;letter-spacing:0;color:#1e1e1e;background:#1e1e1e}body{line-height:1.5em}a{text-decoration:underline;color:#fff}a[href^=tel]{text-decoration:none;color:inherit}a:hover{text-decoration:none}b,strong{font-family:"Cera Bold",sans-serif}em,i{font-family:Cera,sans-serif}b em,b i,em b,em strong,i b,i strong,strong em,strong i{font-family:Cera,sans-serif}hr{display:block;border-top:1px solid #999}iframe,img{display:inline-block;max-width:100%;border:0}audio,canvas,img,video{height:auto;vertical-align:bottom}#map-canvas img{max-width:none}address{font-style:normal}ul{list-style:square inside}ol{list-style:decimal inside}::-moz-selection{text-transform:capitalize;color:#fff;background:#1e1e1e;text-shadow:none}::selection{text-transform:capitalize;color:#fff;background:#1e1e1e;text-shadow:none}.u-contentWrap{padding:2rem}.u-contentWrap--center{width:100%;max-width:48rem;margin:0 auto;padding:2rem}.u-contentWrap--center .Longdescription,.u-contentWrap--center .Longdescription-wrap,.u-contentWrap--center .Shortdescription-wrap,.u-contentWrap--center .u-contentWrap--full{padding:0}.u-contentWrap--full{display:block;min-width:100%;min-height:100%;padding:2rem}.u-contentWrap--color0{color:#1e1e1e;background-color:#fff}.u-contentWrap--color1{color:#1e1e1e;background-color:#e5e5e5}.u-contentWrap--color2{background-color:#999}.u-contentWrap--color3{background-color:#1e1e1e}.u-padding-small,.u_padding-small{padding:1rem}.u-padding-large,.u_padding-large{padding:3.5rem}.u-rowheader{font-family:"Cera Bold",sans-serif;font-size:.65rem;position:absolute;z-index:10;top:2rem;left:2rem;letter-spacing:.05em;text-transform:uppercase;color:#1e1e1e}.u_editable{position:relative;padding:0 .5em;transition:color 333ms,border-color 333ms,padding 333ms;color:rgba(255,255,255,.333);border-bottom:#fff 1px solid}.u_editable:focus{color:#fff;border-bottom:rgba(255,255,255,.333) 1px solid}.u_editable.m_filled{color:#fff;border-bottom:rgba(255,255,255,.333) 1px solid}@media all and (max-width:71em){html{font-size:18px}}@media all and (max-width:840px){.Content h1{width:100%}.Content .ce-textpic{width:100%}}@media all and (max-width:720px){.u-contentWrap,.u-contentWrap--full{padding:0}.u-padding-small,.u_padding-small{padding:1rem}.u-padding-large,.u_padding-large{padding:2rem}body{word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}}.row{zoom:1;position:relative;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}.row:after,.row:before{display:block;overflow:hidden;height:0;content:'\0020'}.row:after{clear:both}.row--full{display:block}.row-50{overflow:hidden;width:100%;height:50%}.col-25{display:block;float:left;width:25%}.col-33{display:block;float:left;width:33.3333333333%}.col-50{display:block;float:left;width:50%}.col-66{display:block;float:left;width:66.6666666667%}@media all and (max-width:720px){.row{display:block}.col-25{width:100%}.col-33{width:100%}.col-33 img{display:none}.col-50{width:100%}.col-66{width:100%}}.hide-text{text-indent:-9999px}.show-text{text-indent:0}.hide-element{display:none}.show-element{display:inherit}.visible{visibility:visible}.invisible{visibility:hidden}.clear{clear:both}.clearfix{zoom:1}.clearfix:after,.clearfix:before{display:block;overflow:hidden;height:0;content:'\0020'}.clearfix:after{clear:both}.browse-happy{zoom:1;background-color:red;color:#fff;text-align:center}.browse-happy:after,.browse-happy:before{display:block;overflow:hidden;height:0;content:'\0020'}.browse-happy:after{clear:both}.browse-happy a{color:#fff}.Color{padding:3.5rem 0}.Color-list{padding-left:0}.Color-item{position:relative;display:block;width:100%;margin-top:2rem;color:#fff}.Color-item:nth-of-type(1){margin-top:0}.Color-description{font-size:.75rem;line-height:1.5em;position:absolute;padding:1rem}.Color-descriptionTitle{font-family:"Cera Medium",sans-serif}.Color-color,.Color-colorMobile{display:block;width:100%;height:auto}.Color-colorMobile{display:none}@media all and (max-width:720px){.Color{padding:5rem 2rem 3.5rem}}@media all and (max-width:540px){.Color-color{display:none}.Color-colorMobile{display:block}}.Contact-form--wrap{height:100%;position:relative;zoom:1}.Contact-form--wrap:after,.Contact-form--wrap:before{display:block;overflow:hidden;height:0;content:'\0020'}.Contact-form--wrap:after{clear:both}.Contact-form--map{width:25%;min-height:1px;float:left;min-height:100vh;overflow:hidden;position:relative}.Contact-form--map::after{content:'';right:0;top:0;height:100%;width:1px;background:rgba(255,255,255,.333);position:absolute}.contact-form--slide{position:absolute;top:11rem;left:1rem;font-size:13rem;white-space:nowrap;transform:translate3d(0,0,0);animation:moveSlideshow 20s linear infinite}.Contact-form{font-size:1.5rem;line-height:1.5em;width:50%;margin:0 auto;padding:7rem 2rem;text-align:left;float:left}.Contact-form--hint{width:25%;min-height:1px;float:left;min-height:100vh;overflow:hidden;position:relative}.Contact-form--hint::after{content:'';left:0;top:0;height:100%;width:1px;background:rgba(255,255,255,.333);position:absolute}.Contact-formButton{font-family:"Cera Bold",sans-serif;font-size:.75rem;line-height:1em;display:inline-block;margin-top:2rem;padding:1rem 2rem;transition:color 333ms;text-align:center;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.333);border:rgba(255,255,255,.333) 1px solid}.Contact-formButton.m_ready{cursor:pointer;text-decoration:none;color:#fff}@keyframes moveSlideshow{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-25%,0,0)}}@media all and (max-width:1280px){.Contact-form--map{display:none;width:0}.Contact-form{position:relative;top:0;left:0;width:66.6666666667%;max-width:auto;margin:0 auto;transform:translateY(0) translateX(0)}.Contact-form--hint{width:33.3333333333%}}@media all and (max-width:940px){.Contact-form,.Contact-form--hint{width:100%;float:none;min-height:auto}.Contact-form--hint::after,.Contact-form::after{display:none}}.CustomerLogos{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:0 -1.75rem;-ms-flex-align:center;align-items:center;-ms-flex-flow:wrap;flex-flow:wrap}.CustomerLogos-logo{position:relative;display:block;width:25%;padding:1.75rem}.CustomerLogos-logo svg{position:absolute;top:50%;left:50%;width:100%;transition:fill 333ms;transform:translateX(-50%) translateY(-50%);fill:rgba(255,255,255,0.4)}.CustomerLogos-logo:hover svg{fill:rgba(255,255,255,0.9)}.CustomerLogos-link{position:relative;display:block;width:100%;height:0;padding-top:100%}@media all and (max-width:720px){.CustomerLogos-logo{width:50%}}.Logo{position:fixed;top:calc(1rem + 10px);left:2rem;z-index:10000;mix-blend-mode:difference;width:50%;max-width:12rem;transition:transform 333ms}.Logo a{text-indent:-9999px;display:block;width:100%;height:0;padding-top:15%;background-color:transparent;background-image:url(../Images/hoffstroem_logo.svg);background-repeat:no-repeat;background-position:0 0;background-size:100% auto}@media all and (max-width:720px){.Logo.m_active{transform:translateX(-200%)}}.Content{zoom:1;position:relative;z-index:50;min-height:100vh;margin-bottom:20vh;transition:transform,filter;transition-timing-function:ease-out;transition-duration:333ms;transform:translateX(0);color:#fff;background-color:#1e1e1e;overflowX:hidden;filter:brightness(1) blur(0)}.Content:after,.Content:before{display:block;overflow:hidden;height:0;content:'\0020'}.Content:after{clear:both}.Content.Content--start{margin-bottom:0}.Content.Content--start:after{display:none}.Content.Content--padding{padding-top:7rem}.Content.m_activeNavi{transform:translateX(-21rem);filter:brightness(.333)}.Content .ce-bodytext p{margin:25px 0}.Content .ce-bodytext ul{list-style:none}.Content .ce-bodytext ul li{position:relative;margin:12px 0;padding-left:35px}.Content .ce-bodytext ul li:before{position:absolute;left:0;content:'—'}.Content-project{margin-bottom:0}.Content-project:after{display:none}@media all and (max-width:840px){.Content h1{width:100%}.Content .ce-textpic{width:100%}}@media all and (max-width:48em){.Content{margin-bottom:2rem}.Content:after{display:none}}.ff-news{padding:6rem 3rem;zoom:1}.ff-news:after,.ff-news:before{display:block;overflow:hidden;height:0;content:'\0020'}.ff-news:after{clear:both}.ff-news--col{width:25%;padding:0 1.75vw;float:left;transition:transform .3s;will-change:transform;transform:translateZ(0)}.ff-news--outer{padding-bottom:185.7143%;max-width:100%;position:relative;margin-bottom:3.5vw}.ff-news--card{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;box-shadow:0 19px 38px rgba(0,0,0,.5),0 15px 12px rgba(0,0,0,.7);background-repeat:no-repeat;background-size:cover;background-position:center;will-change:transform;transition:transform .1s;transform:translateZ(0)}.ff-news--card::after{content:'';position:absolute;height:100%;width:100%;top:0;left:0;background:linear-gradient(0deg,rgba(0,0,0,.6769082633) 0,rgba(0,0,0,0) 100%)}.ff-news--video-holder{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:10;border-radius:8px;transition:opacity .3s}.ff-news--video{position:absolute;width:102%;height:102%;top:-1%;left:-1%}.ff-news--content{position:absolute;top:1.5rem;left:1.5rem;bottom:1.5rem;right:1.5rem}.ff-news--title{position:absolute;top:0;left:0;width:100%;color:#fff;z-index:11;font-size:.65rem;line-height:1em;letter-spacing:.05em;font-family:"Cera Bold",sans-serif}.ff-news--text{position:absolute;bottom:0;left:0;z-index:11;width:100%;pointer-events:none}.ff-news--headline{font-size:1.2rem;line-height:1em;font-family:"Cera Bold",sans-serif;margin-bottom:.5rem}.ff-news--text p{font-size:.75rem;line-height:1.2;font-weight:700}.Fonts{padding-top:3.5rem}.Fonts+.Fonts{padding-top:0;padding-bottom:3.5rem}.Fonts-images{padding-left:0}@media all and (max-width:720px){.Fonts-headline{margin-bottom:1rem}.Fonts{padding:5rem 2rem 2rem}}.Image{text-align:center}.Image.u-padding-none .Image-image{width:100%;height:auto}.Keydata{font-family:"Cera Medium",sans-serif;font-size:.75rem;padding:3.5rem 2rem 3.5rem 0;color:#999}.Keydata a{text-decoration:none;color:#999}.Keydata a:hover{text-decoration:underline}.Project-description--full+.Keydata{padding-top:0;padding-bottom:7rem}.Keydata-item{padding-right:1rem}.Keydata-headline{font-family:Cera,sans-serif;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase}.Keydata-headline:before{font-family:Cera,sans-serif;content:'—— ';letter-spacing:-.01em}@media all and (max-width:720px){.Keydata{padding:2rem}.Keydata-item{margin:1rem 0}.Project-description--full+.Keydata{padding:0 2rem 2rem 2rem}}.Longdescription{font-size:.75rem;line-height:1.5em;position:relative}.Longdescription-wrap{zoom:1;padding:2rem}.Longdescription-wrap:after,.Longdescription-wrap:before{display:block;overflow:hidden;height:0;content:'\0020'}.Longdescription-wrap:after{clear:both}.Longdescription-headline{font-family:"Cera Bold",sans-serif;display:block;float:left;width:50%;margin-bottom:1em}.Longdescription-description{display:block;float:right;width:50%}@media all and (max-width:1280px){.Longdescription-headline{width:100%}.Longdescription-description{width:100%}}.HeaderNaviButton{position:fixed;z-index:120;top:2rem;right:2rem}.HeaderNaviButton:after{position:absolute;z-index:10;top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem;display:block;content:' ';background-color:rgba(30,30,30,.1)}.HeaderNaviButton .HeaderNaviButton-lineWrap{position:relative;z-index:20;display:block;width:1rem;height:1rem}.HeaderNaviButton .HeaderNaviButton-line{position:absolute;display:block;width:100%;height:2px;transition:transform,opacity,top,bottom,left,right,width;transition-timing-function:ease-out;transition-duration:333ms;background-color:#fff}.HeaderNaviButton .HeaderNaviButton-line:nth-of-type(1){top:0;right:0;left:0;transform-origin:bottom left}.HeaderNaviButton .HeaderNaviButton-line:nth-of-type(2){top:calc(50% - 1px)}.HeaderNaviButton .HeaderNaviButton-line:nth-of-type(3){right:33.3333333333%;bottom:0;left:0;width:66.6666666667%;transform-origin:top left}.HeaderNaviButton.m_active .HeaderNaviButton-line:nth-of-type(1),.HeaderNaviButton:hover .HeaderNaviButton-line:nth-of-type(1){top:calc(50% - 1px);right:33.3333333333%;left:0;width:66.6666666667%;transform:rotate(-45deg);transform-origin:bottom left}.HeaderNaviButton.m_active .HeaderNaviButton-line:nth-of-type(3),.HeaderNaviButton:hover .HeaderNaviButton-line:nth-of-type(3){bottom:calc(50% - 1px);transform:rotate(45deg);transform-origin:top left}.HeaderNaviButton.m_active .HeaderNaviButton-line:nth-of-type(1){right:0;left:33.3333333333%;transform-origin:bottom right}.HeaderNaviButton.m_active .HeaderNaviButton-line:nth-of-type(3){right:0;left:33.3333333333%;transform-origin:top right}@media all and (max-width:720px){.HeaderNaviButton{z-index:220}}.HeaderNaviMain{position:fixed;z-index:100;top:0;right:0;overflow:hidden;width:100%;max-width:21rem;height:5rem;padding:2rem 3.5rem 2rem 1rem;transition:transform,box-shadow,background-color;transition-delay:0;transition-timing-function:ease-out;transition-duration:0;transform:translateX(0);background-color:rgba(30,30,30,0);box-shadow:0 0 30px transparent}.HeaderNaviMain.m_active{transition-delay:333ms;transition-duration:333ms;background-color:#1e1e1e;box-shadow:0 0 30px rgba(0,0,0,.5)}.HeaderNaviMain ul{zoom:1;line-height:.65rem;padding:0 .5rem;list-style:none;text-align:right}.HeaderNaviMain ul:after,.HeaderNaviMain ul:before{display:block;overflow:hidden;height:0;content:'\0020'}.HeaderNaviMain ul:after{clear:both}.HeaderNaviMain ul li{line-height:.65rem;display:inline-block;margin:0 .5rem}.HeaderNaviMain ul li a{font-family:"Cera Bold",sans-serif;font-size:.65rem;line-height:1em;text-decoration:none;letter-spacing:.05em}@media all and (max-width:720px){.HeaderNaviMain{z-index:210;visibility:hidden;transition:opacity 333ms;opacity:0}.HeaderNaviMain.m_active{visibility:visible;opacity:1}}.ProjectLogo{position:relative;display:block;height:0;padding-top:56.25%}.ProjectLogo-image{position:absolute;top:50%;left:50%;width:auto;max-width:24rem;height:auto;max-height:100%;padding:2rem;transform:translateX(-50%) translateY(-50%)}@media all and (max-width:720px){.ProjectLogo-image{width:100%;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}}.Placeholder{position:relative;overflow:hidden;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover}.Placeholder-image{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;transform:translateX(-50%) translateY(-50%)}.Project-header{position:relative;overflow:hidden;width:100%;height:100vh}.Project-header:after{position:absolute;z-index:10;top:auto;right:0;bottom:0;left:0;display:block;height:25%;content:' ';background-image:linear-gradient(to bottom,rgba(30,30,30,0),rgba(30,30,30,.5))}.Project-headerDescription{position:absolute;z-index:20;right:2rem;bottom:20%;left:5rem}.Project-headerTitle{font-family:"Cera Bold",sans-serif;font-size:2.5rem;line-height:1.333333em;letter-spacing:.02em}.Project-headerImage{position:absolute;z-index:10;top:50%;width:auto;min-width:100%;height:auto;min-height:100%;transform:translateY(-50%);-o-object-fit:cover;object-fit:cover}.Project-description--full{padding:7rem 2rem 3.5rem 0}.ProjectNext{position:relative}.ProjectNext img{width:100%}.ProjectNext.m_open{position:fixed;top:0;width:100%;z-index:9999;height:100vh}.ProjectNext.m_open .ProjectNext-projectHiddenImage{display:block;position:absolute;z-index:999;top:50%;width:auto;min-width:100%;height:auto;transform:translateY(-50%);min-height:100vh;-o-object-fit:cover;object-fit:cover}.ProjectNext-projectHiddenImage{display:none}.ProjectNext-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;line-height:1;text-align:center;text-transform:uppercase;text-decoration:none}@media all and (max-width:720px){.Project-description--full{padding:2rem}.ProjectNext-title{font-size:2rem}}.ProjectHeaderNavi{position:fixed;z-index:50;top:5rem;right:0;overflow:scroll;width:100%;max-width:21rem;height:calc(100vh - 5rem);transition:transform,box-shadow;transition-timing-function:ease-out;transition-duration:333ms;transform:translateX(21rem);background-color:#1e1e1e;box-shadow:0 0 30px transparent;-webkit-overflow-scrolling:touch}.ProjectHeaderNavi.m_active{transform:translateX(0);box-shadow:0 0 30px rgba(0,0,0,.5)}.ProjectHeaderNavi-projectList{list-style:none}.ProjectHeaderNavi-projectListElement{zoom:1;display:-ms-flexbox;display:flex;cursor:pointer;transition:background-color,color,border;transition-timing-function:ease-out;transition-duration:333ms;color:#fff;border-bottom:#000 1px solid;background-color:rgba(255,255,255,0);-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.ProjectHeaderNavi-projectListElement:after,.ProjectHeaderNavi-projectListElement:before{display:block;overflow:hidden;height:0;content:'\0020'}.ProjectHeaderNavi-projectListElement:after{clear:both}.ProjectHeaderNavi-projectListElement:hover{color:#1e1e1e;border-color:#fff;background-color:#fff}.ProjectHeaderNavi-image{float:left;width:40%;margin:0 0 -1px 0}.ProjectHeaderNavi-title{float:right;width:60%;padding:0 1rem 0 1rem}.ProjectHeaderNavi-projectService{font-size:.65rem;line-height:1.111111em;margin-bottom:.5rem;letter-spacing:.05em;text-transform:uppercase}.ProjectHeaderNavi-projectService:before{content:'—— ';letter-spacing:0}.ProjectHeaderNavi-projectTitle{font-family:"Cera Bold",sans-serif;font-size:.65rem;line-height:1.333333em;margin:.5rem 0}.ProjectHeaderNavi-projectLink{display:none}@media all and (max-width:720px){.ProjectHeaderNavi{position:fixed;z-index:200}}.ScrollIcon-wrap{position:absolute;z-index:20;bottom:2rem;left:50%}.ScrollIcon{position:relative;display:block;width:2rem;height:2rem;transform:translateX(-50%)}.ScrollIcon-item{position:absolute;width:2rem;height:1rem;transform:scale3d(.5,.5,.5);animation:move 3s ease-out infinite;opacity:0}.ScrollIcon-item:first-child{animation:move 3s ease-out 1s infinite}.ScrollIcon-item:nth-child(2){animation:move 3s ease-out 2s infinite}.ScrollIcon-item:after,.ScrollIcon-item:before{position:absolute;top:0;width:50%;height:10%;content:' ';background:#fff}.ScrollIcon-item:before{left:0;transform:skew(0deg,30deg)}.ScrollIcon-item:after{right:0;width:50%;transform:skew(0deg,-30deg)}@keyframes move{25%{opacity:1}33%{transform:translateY(30px);opacity:1}67%{transform:translateY(40px);opacity:1}100%{transform:translateY(55px) scale3d(.5,.5,.5);opacity:0}}@keyframes pulse{to{opacity:1}}.Shortdescription{font-size:.75rem;line-height:1.5em;position:relative}.Shortdescription-wrap{position:absolute;bottom:0;left:0;padding:2rem}.Shortdescription-headline{font-family:"Cera Bold",sans-serif;margin-bottom:1em}@media all and (max-width:720px){.Shortdescription-wrap{position:relative}}.StartTeaser{position:absolute;display:block;overflow:scroll;width:100vw;height:100vh;-webkit-overflow-scrolling:touch}.StartTeaser.m_open .StartTeaserButton-next,.StartTeaser.m_open .StartTeaserButton-prev{display:none}.Content.m_activeNavi .StartTeaser{pointer-events:none}.StartTeaser-projectList{zoom:1;position:relative;display:block;width:calc(433.333333vw - 8rem);height:100%;list-style:none;transition:width 333ms}.StartTeaser-projectList:after,.StartTeaser-projectList:before{display:block;overflow:hidden;height:0;content:'\0020'}.StartTeaser-projectList:after{clear:both}.StartTeaser-projectList.m_open{width:calc(499.999999vw)}.StartTeaser-projectList.m_open .StartTeaser-projectListElement{width:6.6666666667%}.StartTeaser-projectListElement{position:relative;display:block;float:left;width:7.6923076923%;height:100%;transition:width 333ms}.StartTeaser-projectListElement.m_open{width:100vw!important}.StartTeaser-project{position:absolute;display:block;overflow:hidden;width:100%;height:100%;cursor:pointer;background-color:#1e1e1e}.StartTeaser-project:after{position:absolute;z-index:10;top:auto;right:0;bottom:0;left:0;display:block;height:150%;content:' ';transition:height 333ms,opacity 333ms;opacity:1;background-image:linear-gradient(to bottom,rgba(30,30,30,0),rgba(30,30,30,.75))}.StartTeaser-projectListElement.m_open .StartTeaser-project:after{height:25%;opacity:.666666}.StartTeaser-projectImage{position:absolute;z-index:10;top:0;left:0;display:block;width:100%;height:100%;transition:transform 1s ease-in;background-position:center center;background-size:cover}.StartTeaser-projectHiddenImage{display:none}.StartTeaser-projectListElement.m_open .StartTeaser-projectImage{filter:saturate(1) contrast(1)}.StartTeaser-projectDescription{position:absolute;z-index:20;bottom:20%;left:0;display:block;width:100%;padding:0 2rem;transition:transform 333ms;color:#fff}.StartTeaser-address+.StartTeaser-projectDescription{bottom:0}.StartTeaser-projectListElement.m_open .StartTeaser-projectDescription{opacity:0}.StartTeaser-projectService{font-size:.75rem;line-height:1.333333em;margin:.65rem 0;letter-spacing:.08em;text-transform:uppercase}.StartTeaser-projectService:before{content:'—— ';letter-spacing:0}.StartTeaser-projectTitle{font-family:"Cera Bold",sans-serif;font-size:2rem;line-height:1.111111em;margin:.65rem 0}.StartTeaser-projectSubtitle{font-size:.75rem;line-height:1.333333em;margin:.65rem 0;letter-spacing:.05em}.StartTeaser-projectLink{font-size:.75rem;line-height:1.111111em;margin:.65rem 0;transition:opacity 333ms;text-decoration:none;letter-spacing:.18em;text-transform:uppercase;opacity:0}.StartTeaser-projectLink:before{content:'—— ';letter-spacing:0}.StartTeaser-projectListElement:not(.m_open) .StartTeaser-project:hover:after{height:25%;opacity:.666666}.StartTeaser-projectListElement:not(.m_open) .StartTeaser-project:hover .StartTeaser-projectImage{transition:transform 10s ease-out;transform:scale(1.25);filter:saturate(1)}.StartTeaser-projectListElement:not(.m_open) .StartTeaser-project:hover .StartTeaser-projectLink{opacity:1}.StartTeaser-projectListElement:not(.m_open) .StartTeaser-project:hover .StartTeaser-projectDescription{transform:translateY(-10%)}.StartTeaserButton-next,.StartTeaserButton-prev{position:fixed;z-index:120;right:2rem;bottom:2rem}.StartTeaserButton-next .StartTeaserButton-lineWrap,.StartTeaserButton-prev .StartTeaserButton-lineWrap{position:relative;z-index:20;display:block;width:1rem;height:1rem}.StartTeaserButton-next:after,.StartTeaserButton-prev:after{position:absolute;z-index:10;top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem;display:block;content:' ';background-color:rgba(30,30,30,.1)}.StartTeaserButton-next.m_active .StartTeaserButton-line,.StartTeaserButton-prev.m_active .StartTeaserButton-line{background-color:#fff}.StartTeaserButton-next .StartTeaserButton-line,.StartTeaserButton-prev .StartTeaserButton-line{position:absolute;display:block;width:100%;height:2px;transition:background-color,transform,opacity,top,bottom,left,right,width;transition-timing-function:ease-out;transition-duration:333ms;background-color:rgba(255,255,255,.25)}.StartTeaserButton-next .StartTeaserButton-line:nth-of-type(1),.StartTeaserButton-prev .StartTeaserButton-line:nth-of-type(1){top:calc(50% - 1px);right:25%;width:66.6666666667%;transition:right 333ms,left 333ms;transform:rotate(45deg);transform-origin:bottom right}.StartTeaserButton-next .StartTeaserButton-line:nth-of-type(2),.StartTeaserButton-prev .StartTeaserButton-line:nth-of-type(2){right:25%;bottom:calc(50% - 1px);width:66.6666666667%;transition:right 333ms,left 333ms;transform:rotate(-45deg);transform-origin:top right}.StartTeaserButton-next:hover .StartTeaserButton-line:nth-of-type(1),.StartTeaserButton-prev:hover .StartTeaserButton-line:nth-of-type(1){right:0}.StartTeaserButton-next:hover .StartTeaserButton-line:nth-of-type(2),.StartTeaserButton-prev:hover .StartTeaserButton-line:nth-of-type(2){right:0}.StartTeaserButton-prev{right:auto;bottom:2rem;left:2rem}.StartTeaserButton-prev .StartTeaserButton-line:nth-of-type(1){right:auto;left:25%;transform:rotate(-45deg);transform-origin:bottom left}.StartTeaserButton-prev .StartTeaserButton-line:nth-of-type(2){right:auto;left:25%;transform:rotate(45deg);transform-origin:top left}.StartTeaserButton-prev:hover .StartTeaserButton-line:nth-of-type(1){right:auto;left:0}.StartTeaserButton-prev:hover .StartTeaserButton-line:nth-of-type(2){right:auto;left:0}.StartTeaser-address{position:absolute;top:50%;transform:translateY(-50%);left:3rem}.StartTeaser-address a{text-decoration:none}.SocialContent{padding:.5rem 1rem;float:right;zoom:1}.SocialContent:after,.SocialContent:before{display:block;overflow:hidden;height:0;content:'\0020'}.SocialContent:after{clear:both}.SocialContent-facebook{display:block;background-image:url(/typo3conf/ext/ffbasic/Resources/Public/Icons/facebook.svg);background-repeat:no-repeat;background-size:100%;width:60px;height:60px;float:left;border:10px solid transparent;text-indent:-9999px;text-indent:-999999px}.SocialContent-instagram{display:block;background-image:url(/typo3conf/ext/ffbasic/Resources/Public/Icons/instagram.svg);background-repeat:no-repeat;background-size:100%;width:60px;height:60px;float:left;border:10px solid transparent;text-indent:-9999px;text-indent:-999999px}@media all and (max-width:48em){.StartTeaser{position:relative;overflow:visible;height:auto}.StartTeaser-projectList{width:100%;min-height:100%}.StartTeaser-projectListElement{float:none;width:100%;height:40vh}.StartTeaser-projectListElement:last-child{display:none}.StartTeaser-project{position:relative}.StartTeaser-projectDescription{bottom:0}.StartTeaserButton-next,.StartTeaserButton-prev{display:none}}@media all and (max-width:48em) and (orientation:landscape){.StartTeaser-projectListElement{height:80vh}}.Scroll{font-size:.75rem;zoom:1}.Scroll:after,.Scroll:before{display:block;overflow:hidden;height:0;content:'\0020'}.Scroll:after{clear:both}.Scroll-wrap{padding:8rem 2rem}.sticky.active{position:-webkit-sticky;position:sticky;top:0}.Scroll-headline{font-family:"Cera Bold",sans-serif;margin-bottom:1em}.video{position:relative;width:100%;height:100%}.video-media{position:absolute;width:100%;height:100%}.video-media video{position:absolute;height:100%;left:50%;transform:translate(-50%);-o-object-fit:cover;object-fit:cover}@media all and (max-width:720px){.video{min-height:400px}}.Header{position:fixed;z-index:1000;top:0;width:100%;padding:2rem}.icon-scroll,.icon-scroll:before{position:absolute;left:50%;z-index:1}.icon-scroll{width:30px;height:50px;margin-left:-20px;bottom:.5rem;margin-top:-35px;box-shadow:inset 0 0 0 2px #fff;border-radius:25px}.icon-scroll:before{content:'';width:6px;height:6px;background:#fff;margin-left:-3px;top:8px;border-radius:4px;animation-duration:1.5s;animation-iteration-count:infinite;animation-name:scroll}@keyframes scroll{0%{opacity:1}100%{opacity:0;transform:translateY(46px)}}.Footer{position:fixed;z-index:10;bottom:0;width:100%;height:100%;color:#fff}.Footer-project{z-index:60;height:auto;transition:opacity .3s}.Footer-project.hidden{opacity:0;pointer-events:none}.Footer-wrap{zoom:1;position:absolute;bottom:0;width:100%;padding:1rem}.Footer-wrap:after,.Footer-wrap:before{display:block;overflow:hidden;height:0;content:'\0020'}.Footer-wrap:after{clear:both}@media all and (max-width:48em){.Footer{position:relative}.Footer-wrap{position:relative}.Footer-project.hidden{opacity:1}}.FooterContent{font-size:.65rem;line-height:2.15em;bottom:0;float:left;width:25%;padding:.5rem 1rem;white-space:nowrap;letter-spacing:.05em}.FooterContent a{position:relative;text-decoration:none}.FooterContent a:before{position:absolute;right:100%;bottom:-2px;left:0;display:block;content:'';transition:right 333ms;border-bottom:#fff 1px solid}.FooterContent a:after{position:absolute;right:0;bottom:-2px;left:100%;display:block;content:'';transition:left 333ms;border-bottom:#fff 1px solid}.FooterContent a:hover:before{right:50%;left:0;transition:left 333ms}.FooterContent a:hover:after{right:0;left:50%;transition:right 333ms}@media all and (max-width:840px){.FooterContent{width:100%;margin:0}.Footer--start .FooterContent:not(:nth-of-type(3)){display:none}.Footer--start .FooterContent{padding:1rem}}/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */.u_animate{visibility:hidden}.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}@keyframes bounce{20%,53%,80%,from,to{transform:translate3d(0,0,0);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}40%,43%{transform:translate3d(0,-30px,0);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06)}70%{transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06)}90%{transform:translate3d(0,-4px,0)}}.bounce{transform-origin:center bottom;animation-name:bounce}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{from{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scale3d(1,1,1)}}.pulse{animation-name:pulse}@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scale3d(1,1,1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-name:headShake;animation-timing-function:ease-in-out}@keyframes swing{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{from{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{transform:scale3d(1,1,1)}}.tada{animation-name:tada}@keyframes wobble{from{transform:translate3d(0,0,0)}15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{transform:translate3d(0,0,0)}}.wobble{animation-name:wobble}@keyframes jello{11.1%,from,to{transform:translate3d(0,0,0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{transform-origin:center;animation-name:jello}@keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{transform:scale3d(.3,.3,.3);opacity:0}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{transform:scale3d(1.03,1.03,1.03);opacity:1}80%{transform:scale3d(.97,.97,.97)}to{transform:scale3d(1,1,1);opacity:1}}.bounceIn{animation-name:bounceIn;animation-duration:.75s}@keyframes bounceInDown{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{transform:translate3d(0,-3000px,0);opacity:0}60%{transform:translate3d(0,25px,0);opacity:1}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:translate3d(0,0,0)}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{transform:translate3d(-3000px,0,0);opacity:0}60%{transform:translate3d(25px,0,0);opacity:1}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:translate3d(0,0,0)}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}from{transform:translate3d(3000px,0,0);opacity:0}60%{transform:translate3d(-25px,0,0);opacity:1}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:translate3d(0,0,0)}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}from{transform:translate3d(0,3000px,0);opacity:0}60%{transform:translate3d(0,-20px,0);opacity:1}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translate3d(0,0,0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{transform:scale3d(1.1,1.1,1.1);opacity:1}to{transform:scale3d(.3,.3,.3);opacity:0}}.bounceOut{animation-name:bounceOut;animation-duration:.75s}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{transform:translate3d(0,-20px,0);opacity:1}to{transform:translate3d(0,2000px,0);opacity:0}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{transform:translate3d(20px,0,0);opacity:1}to{transform:translate3d(-2000px,0,0);opacity:0}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{transform:translate3d(-20px,0,0);opacity:1}to{transform:translate3d(2000px,0,0);opacity:0}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{transform:translate3d(0,20px,0);opacity:1}to{transform:translate3d(0,-2000px,0);opacity:0}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{from{transform:translate3d(0,-100%,0);opacity:0}to{transform:translate3d(0,0,0);opacity:1}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{from{transform:translate3d(0,-2000px,0);opacity:0}to{transform:translate3d(0,0,0);opacity:1}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{from{transform:translate3d(-100%,0,0);opacity:0}to{transform:translate3d(0,0,0);opacity:1}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{from{transform:translate3d(-2000px,0,0);opacity:0}to{transform:translate3d(0,0,0);opacity:1}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{from{transform:translate3d(100%,0,0);opacity:0}to{transform:translate3d(0,0,0);opacity:1}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{from{transform:translate3d(2000px,0,0);opacity:0}to{transform:translate3d(0,0,0);opacity:1}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{from{transform:translate3d(0,100%,0);opacity:0}to{transform:translate3d(0,0,0);opacity:1}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{from{transform:translate3d(0,2000px,0);opacity:0}to{transform:translate3d(0,0,0);opacity:1}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{from{opacity:1}to{transform:translate3d(0,100%,0);opacity:0}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{from{opacity:1}to{transform:translate3d(0,2000px,0);opacity:0}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{from{opacity:1}to{transform:translate3d(-100%,0,0);opacity:0}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{from{opacity:1}to{transform:translate3d(-2000px,0,0);opacity:0}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{from{opacity:1}to{transform:translate3d(100%,0,0);opacity:0}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{from{opacity:1}to{transform:translate3d(2000px,0,0);opacity:0}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{from{opacity:1}to{transform:translate3d(0,-100%,0);opacity:0}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{from{opacity:1}to{transform:translate3d(0,-2000px,0);opacity:0}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{from{transform:perspective(400px) rotate3d(0,1,0,-360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{animation-name:flip;backface-visibility:visible}@keyframes flipInX{from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{transform:perspective(400px)}}.flipInX{animation-name:flipInX;backface-visibility:visible!important}@keyframes flipInY{from{transform:perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{transform:perspective(400px)}}.flipInY{animation-name:flipInY;backface-visibility:visible!important}@keyframes flipOutX{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{animation-name:flipOutX;animation-duration:.75s;backface-visibility:visible!important}@keyframes flipOutY{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{animation-name:flipOutY;animation-duration:.75s;backface-visibility:visible!important}@keyframes lightSpeedIn{from{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:translate3d(0,0,0);opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{from{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{from{transform:rotate3d(0,0,1,-200deg);transform-origin:center;opacity:0}to{transform:translate3d(0,0,0);transform-origin:center;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{from{transform:rotate3d(0,0,1,-45deg);transform-origin:left bottom;opacity:0}to{transform:translate3d(0,0,0);transform-origin:left bottom;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{from{transform:rotate3d(0,0,1,45deg);transform-origin:right bottom;opacity:0}to{transform:translate3d(0,0,0);transform-origin:right bottom;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{from{transform:rotate3d(0,0,1,45deg);transform-origin:left bottom;opacity:0}to{transform:translate3d(0,0,0);transform-origin:left bottom;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{from{transform:rotate3d(0,0,1,-90deg);transform-origin:right bottom;opacity:0}to{transform:translate3d(0,0,0);transform-origin:right bottom;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{from{transform-origin:center;opacity:1}to{transform:rotate3d(0,0,1,200deg);transform-origin:center;opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{from{transform-origin:left bottom;opacity:1}to{transform:rotate3d(0,0,1,45deg);transform-origin:left bottom;opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{from{transform-origin:right bottom;opacity:1}to{transform:rotate3d(0,0,1,-45deg);transform-origin:right bottom;opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{from{transform-origin:left bottom;opacity:1}to{transform:rotate3d(0,0,1,-45deg);transform-origin:left bottom;opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{from{transform-origin:right bottom;opacity:1}to{transform:rotate3d(0,0,1,90deg);transform-origin:right bottom;opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate3d(0,0,1,80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate3d(0,0,1,60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge;animation-duration:2s}@keyframes jackInTheBox{from{transform:scale(.1) rotate(30deg);transform-origin:center bottom;opacity:0}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{transform:scale(1);opacity:1}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{from{transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);opacity:0}to{transform:translate3d(0,0,0);opacity:1}}.rollIn{animation-name:rollIn}@keyframes rollOut{from{opacity:1}to{transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);opacity:0}}.rollOut{animation-name:rollOut}@keyframes zoomIn{from{transform:scale3d(.3,.3,.3);opacity:0}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{from{transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);opacity:0}60%{transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);opacity:1}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{from{transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);opacity:0}60%{transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);opacity:1}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{from{transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);opacity:0}60%{transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);opacity:1}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{from{transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);opacity:0}60%{transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);opacity:1}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{from{opacity:1}50%{transform:scale3d(.3,.3,.3);opacity:0}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);opacity:1}to{transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);opacity:0}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{transform:scale3d(.475,.475,.475) translate3d(42px,0,0);opacity:1}to{transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center;opacity:0}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);opacity:1}to{transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center;opacity:0}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);opacity:1}to{transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);opacity:0}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{from{visibility:visible;transform:translate3d(0,-100%,0)}to{transform:translate3d(0,0,0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{from{visibility:visible;transform:translate3d(-100%,0,0)}to{transform:translate3d(0,0,0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{from{visibility:visible;transform:translate3d(100%,0,0)}to{transform:translate3d(0,0,0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{from{visibility:visible;transform:translate3d(0,100%,0)}to{transform:translate3d(0,0,0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp}