body{overflow-x:hidden;margin:0;padding:0;font-family:zeitung,sans-serif;letter-spacing:1.8px}img{max-width:100%;border:none}h1{font-family:cooper-black-std,serif;font-size:34px;font-weight:900;letter-spacing:2px}h2{font-size:24px;font-weight:100;margin:25px 0}p{font-size:14px;font-weight:400;line-height:28px;letter-spacing:1.6px}a{color:#020304;cursor:pointer;text-decoration:underline}a:hover{color:#F26854;text-decoration:none}.hide{opacity:0 !important;transition:all 0.5s ease-in-out}.page-heading{text-align:center}.page-heading--bold{font-weight:700}.home{overflow:hidden}.home header{background:none}.home header input+label span{background:#fff}.home header input:checked+label span{background:#020304}@media (max-width: 960px){.home{overflow:auto}}.home .home-gallery{margin:0;padding:0}.projects,.project,.page,.about{margin-top:90px}.projects .container-fluid,.project .container-fluid,.page .container-fluid,.about .container-fluid{padding-left:25px;padding-right:25px}@media (max-width: 575px){.projects,.project,.page,.about{margin-top:80px}}.projects h1,.project h1,.page h1,.about h1{margin-bottom:18px;font-size:34px}@media (max-width: 575px){.projects h1,.project h1,.page h1,.about h1{font-size:24px}}.projects h3,.project h3,.page h3,.about h3{font-size:14px}.page h2{margin-bottom:32px;margin-top:0px;font-family:cooper-black-std,serif;font-size:24px}.page .block--page-content{padding-bottom:42px}.page .video-player{padding-bottom:42px}.page .image--client-logo{max-width:100%}.page .clients .col-md-2{display:flex;padding-bottom:45px;align-items:center}.page .block--social{margin-top:42px}.page .block--social .block--social-icon{text-align:center}.page .google-map{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);margin-bottom:80px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.animate-bottom{position:relative;-webkit-animation-name:animatebottom;-webkit-animation-duration:1s;animation-name:animatebottom;animation-duration:1s}@-webkit-keyframes animatebottom{from{bottom:-100px;opacity:0}to{bottom:0px;opacity:1}}@keyframes animatebottom{from{bottom:-100px;opacity:0}to{bottom:0;opacity:1}}@keyframes lds-ripple{0%{top:88px;left:88px;width:0;height:0;opacity:1}100%{top:14px;left:14px;width:148px;height:148px;opacity:0}}@-webkit-keyframes lds-ripple{0%{top:88px;left:88px;width:0;height:0;opacity:1}100%{top:14px;left:14px;width:148px;height:148px;opacity:0}}.lds-ripple div{box-sizing:content-box;position:absolute;left:12px;margin-top:80vh;border-width:12px;border-style:solid;opacity:1;border-radius:50%;-webkit-animation:lds-ripple 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;animation:lds-ripple 2s cubic-bezier(0, 0.2, 0.8, 1) infinite}.home .lds-ripple div{margin-top:100vh}.lds-ripple div:nth-child(1){border-color:#28292f}.lds-ripple div:nth-child(2){border-color:#0a0a0a;-webkit-animation-delay:-1s;animation-delay:-1s}.lds-ripple{width:89px !important;height:89px !important;-webkit-transform:translate(-44.5px, -44.5px) scale(0.445) translate(44.5px, 44.5px);transform:translate(-44.5px, -44.5px) scale(0.445) translate(44.5px, 44.5px)}#content{display:none;text-align:center;animation:fadein 1.5s;-moz-animation:fadein 1.5s;-webkit-animation:fadein 1.5s;-o-animation:fadein 1.5s}@keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}.contact-details{line-height:14px}.contact-details h3{font-size:16px;font-weight:100}.contact-details p{font-size:16px;font-weight:100}.contact-details a{text-decoration:underline}.contact-details .landline,.contact-details .mobile,.contact-details .email{margin-bottom:48px}.client-grid .block--client{min-height:260px;padding-right:30px}@media (min-width: 992px){.client-grid .block--client:nth-child(4n){padding-right:15px}}@media (max-width: 992px){.client-grid .block--client:nth-child(3n){padding-right:15px}}@media (max-width: 575px){.client-grid .block--client{min-height:175px}.client-grid .block--client:nth-child(2n){padding-right:15px}.client-grid .block--client:nth-child(3n){padding-right:30px}}.client-grid .block--client .block--company{display:flex;justify-content:center;align-items:center;height:85%;background:#FBFBFB}.client-grid .block--client .block--company:hover{background:#fcfcfc}.client-grid .block--client .block--company p{width:55%;text-align:center;font-size:16px;font-weight:100}@media (max-width: 575px){.client-grid .block--client .block--company p{font-size:14px;width:80%}}.home{overflow:hidden}.home .carousel-item{height:100vh}.home .carousel-item video{width:100%;height:100vh;-o-object-fit:cover;object-fit:cover;overflow:hidden}.home .carousel-caption{bottom:44%;z-index:1000;padding:0px;text-align:center}.home .carousel-caption h1 a{display:block;color:#fff;font-size:50px;margin:0;padding:0;text-decoration:none}@media (max-width: 575px){.home .carousel-caption h1 a{font-size:24px}}.home .carousel-caption h2{margin:0;padding:0}.home .carousel-caption h2 a{text-decoration:underline;color:#fff;font-size:24px;font-weight:500}@media (max-width: 575px){.home .carousel-caption h2 a{font-size:18px}}.home .carousel-control-next,.home .carousel-control-prev{width:90px;opacity:initial}@media (max-width: 575px){.home .carousel-control-next,.home .carousel-control-prev{display:none}}.home .carousel-control-prev{left:-15px}.home .carousel-control-next{right:-15px}.home .carousel-control-next-icon,.home .carousel-control-prev-icon{display:inline-block;height:55px;width:80px}.home .carousel-control-prev-icon{background-image:url(../images/icons/previous.svg)}.home .carousel-control-next-icon{background-image:url(../images/icons/next.svg)}.home-grid .block--home{cursor:pointer}.home-grid .block--home .block--home-name{margin-top:18px;margin-bottom:38px;text-align:center}.home-grid .block--home .block--home-name h2{margin-left:15px;font-size:18px;font-weight:100;line-height:14px;background-color:#fff}@media (max-width: 575px){.home-grid .block--home .block--home-name h2{font-size:12px}}.modal.and.carousel{position:fixed}@media (min-width: 992px){.modal .modal-dialog{max-width:950px}}.modal .modal-dialog .modal-header{padding:12px}.modal .modal-dialog .modal-content .modal-body{padding:0}.modal-backdrop.show{opacity:.8}header{height:80px;position:fixed;top:0;z-index:100;background:rgba(255,255,255,0.95)}header .logo{position:fixed;top:15px;right:25px;z-index:6}header .logo .image--logo{width:175px;height:auto}@media (max-width: 575px){header .logo .image--logo{width:140px}}header .input--burger-menu{display:none}header input+label{font-family:zeitung,sans-serif;position:fixed;top:15px;left:25px;height:30px;width:36px;z-index:5}@media (max-width: 575px){header input+label{width:30px;height:24px}}header input+label span{position:absolute;width:100%;height:4px;top:50%;margin-top:-1px;left:0;display:block;background:#020304;transition:.5s}@media (max-width: 575px){header input+label span{height:2px}}header input+label span:first-child{top:3px}header input+label span:last-child{top:26px}@media (max-width: 575px){header input+label span:last-child{top:20px}}header label:hover{cursor:pointer}header input:checked+label span{opacity:0;top:50%}header input:checked+label span:first-child{opacity:1;-webkit-transform:rotate(405deg);transform:rotate(405deg)}header input:checked+label span:last-child{opacity:1;-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}header input ~ nav{background:rgba(255,255,255,0);position:fixed;top:0;left:0;width:100%;height:60px;z-index:3;transition:.5s;transition-delay:.5s;overflow:hidden}header input ~ nav .list--primary-nav{list-style:none;text-align:center;position:absolute;top:15%;left:20%;right:20%}@media (max-width: 575px){header input ~ nav .list--primary-nav{width:100%;padding:0;left:0;right:0}}header input ~ nav .list--primary-nav li{opacity:0;transition:.4s;transition-delay:0s}header input ~ nav .list--primary-nav li a{cursor:pointer;text-decoration:none;color:#020304;font-weight:900;font-family:cooper-black-std,serif;font-size:24px;display:block;padding:15px}@media (max-width: 575px){header input ~ nav .list--primary-nav li a{font-size:18px}}header input ~ nav .list--primary-nav li .list--sub-nav{list-style:none;text-align:center;margin-left:-32px}header input ~ nav .list--primary-nav li .list--sub-nav li a{display:block;cursor:pointer;font-family:zeitung,sans-serif;font-weight:100;font-size:18px;text-decoration:underline}@media (max-width: 575px){header input ~ nav .list--primary-nav li .list--sub-nav li a{font-size:16px}}header input:checked ~ nav{height:100%;transition-delay:0s;background:rgba(255,255,255,0.95)}header input:checked ~ nav ul li{opacity:1;transition-delay:.5s}.project .block--project .block--project-description{margin-bottom:18px;text-align:center}@media (max-width: 575px){.project .block--project .block--project-description{margin-bottom:14px}}.project .block--project .block--project-description p{display:inline-block;width:90%;line-height:24px}@media (max-width: 575px){.project .block--project .block--project-description p{width:100%;line-height:22px}}.project .block--project .block--project-video{width:100%;background:#000}.project .block--project .block--project-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border:none}.project .project-navigation{position:absolute;top:50%;width:99%}@media (max-width: 575px){.project .project-navigation{top:initial;bottom:65px;width:95%}}.project .project-navigation .block--project-previous{cursor:pointer;position:absolute;left:15px}@media (max-width: 575px){.project .project-navigation .block--project-previous img{width:25px}}.project .project-navigation .block--project-next{cursor:pointer;position:absolute;right:25px}@media (max-width: 575px){.project .project-navigation .block--project-next{right:15px}.project .project-navigation .block--project-next img{width:25px}}.project-grid{margin-bottom:100px}.project-grid h2{font-weight:400;font-size:18px;margin:45px 0}.project-grid .project-grid-category{display:flex;justify-content:center}.project-grid .block--project{cursor:pointer}.project-grid .block--project img{width:100%}.project-grid .block--project:hover img{opacity:0.6}.project-grid .block--project .block--project-name p{text-align:center;text-decoration:underline;font-size:14px;font-weight:100;line-height:60px;height:60px}.project-grid .projects-menu{margin:80px 0}.project-grid .projects-menu a{text-decoration:none}.project-grid .social{margin-top:80px}.project-grid .social h2{font-family:cooper-black-std,serif}.video-thumbs{z-index:500;position:fixed;height:70px;bottom:-4px;padding:0;transition:all 0.8s ease-in-out}@media (max-width: 768px){.video-thumbs{bottom:-400px}}.video-thumbs .block--video-thumbs-arrow{cursor:pointer}.video-thumbs .block--video-thumbs{background:rgba(255,255,255,0.85);text-align:center;padding:25px;opacity:0;height:100%;transition:all 0.8s ease-in-out}.video-thumbs .block--video-thumb .image--video-thumb{border:1px solid #333;max-width:100%;cursor:pointer}.video-thumbs .block--video-thumb .image--video-thumb:hover{opacity:0.6}@media (min-width: 768px){.video-thumbs:hover{height:235px !important}}@media (min-width: 992px){.video-thumbs:hover{height:245px !important}}@media (min-width: 1200px){.video-thumbs:hover{height:265px !important}}@media (min-width: 1400px){.video-thumbs:hover{height:290px !important}}@media (min-width: 1600px){.video-thumbs:hover{height:315px !important}}@media (min-width: 1600px){.video-thumbs:hover{height:350px !important}}@media (min-width: 2000px){.video-thumbs:hover{height:380px !important}}@media (min-width: 2400px){.video-thumbs:hover{height:420px !important}}.video-thumbs:hover .block--video-thumbs-arrow{opacity:0;transition:all 0.5s ease-in-out}.video-thumbs:hover .block--video-thumbs{opacity:1}.home .video-thumbs .block--video-thumbs-arrow .icon--up{fill:#fff}.project .video-thumbs .block--video-thumbs-arrow{margin-bottom:20px}.project .video-thumbs .block--video-thumbs-arrow .icon--up{fill:#020304}.project .video-thumbs .block--video-thumbs{background:#020304}.project .video-thumbs .block--video-thumbs .block--video-thumb a{color:#fff}@media (min-width: 768px){.project .video-thumbs:hover{height:255px !important}}@media (min-width: 992px){.project .video-thumbs:hover{height:265px !important}}@media (min-width: 1200px){.project .video-thumbs:hover{height:285px !important}}@media (min-width: 1400px){.project .video-thumbs:hover{height:315px !important}}@media (min-width: 1600px){.project .video-thumbs:hover{height:345px !important}}