.projects-grid{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill, minmax(290px, 1fr));grid-auto-rows:1fr;grid-gap:20px;max-width:1000px;width:100%;margin-left:auto;margin-right:auto;padding-left:30px;padding-right:30px;text-decoration:none}.projects-grid:before{content:'';width:0;padding-bottom:100%;-ms-grid-row:1;grid-row:1 / 1;-ms-grid-column:1;grid-column:1 / 1}.projects-grid>.project-container:first-child{-ms-grid-row:1;grid-row:1 / 1;-ms-grid-column:1;grid-column:1 / 1}@media screen and (max-width:450px){.projects-grid{padding-left:20px;padding-right:20px}}@media (hover:none){.projects-grid{grid-row-gap:60px}}.project-container{position:relative;text-decoration:none;opacity:1}@media (hover:hover){.project-container:hover .grid-overlay{opacity:1}.project-container:hover .gird-overlay-content{-webkit-animation:fadeInLeft 0.8s;animation:fadeInLeft 0.8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}}.grid-img{-o-object-fit:cover;object-fit:cover;height:100%;display:block;width:100%;-o-object-position:center;object-position:center}.grid-overlay{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;z-index:20;-webkit-transition:opacity 0.5s ease;-o-transition:opacity 0.5s ease;transition:opacity 0.5s ease;text-decoration:none;background-color:rgba(35, 126, 198, 0.9)}@media (hover:none){.grid-overlay{position:relative;opacity:1;background:transparent}}.gird-overlay-content{color:white;font-family:"Roboto", Avenir, "Helvetica Neue", sans-serif;font-size:20px;line-height:30px;font-weight:100;padding:20px}.gird-overlay-content>span{font-weight:500!important}@media (hover:none){.gird-overlay-content{position:absolute;color:#000;padding-top:10px;padding-right:0px;padding-left:0px}.gird-overlay-content>span{font-size:16px;line-height:18px}.gird-overlay-content>p{display:none}}.button-headline-wrapper{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:auto;text-decoration:none;display:inline-block}.button-headline-wrapper:hover>.inner-button-wrapper>.underline{background-size:100% 100%}.button-headline-wrapper:hover>.inner-button-wrapper>.arrow-inner-container>.arrow-svg-inner-container{-webkit-filter:brightness(80%) contrast(140%);filter:brightness(80%) contrast(140%)}.arrow-inner-container{position:relative;height:20px;border:0;padding:0;margin:0;outline:none;background-color:transparent;cursor:pointer;opacity:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:all;display:inline;margin-right:10px}.arrow-svg-inner-container{height:20px}.underline{width:calc(100%);background-image:-webkit-linear-gradient(transparent calc(100% - 2px), #2b83c3 2px);background-image:-o-linear-gradient(transparent calc(100% - 2px), #2b83c3 2px);background-image:linear-gradient(transparent calc(100% - 2px), #2b83c3 2px);background-repeat:no-repeat;background-size:0% 100%;-webkit-transition:background-size 0.5s;-o-transition:background-size 0.5s;transition:background-size 0.5s}.next-headline{text-decoration:none;color:#4C4C5F}.inner-button-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(25%, 0, 0);transform:translate3d(25%, 0, 0)}75%{opacity:0.5;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:1}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(25%, 0, 0);transform:translate3d(25%, 0, 0)}75%{opacity:0.5;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:1}}