.WorkCategory,.WorkTitel,.work-thumb{animation-duration:1s;animation-iteration-count:1;animation-name:fadeInOpacity2;animation-timing-function:ease-in}@keyframes fadeInOpacity2{0%{opacity:0}to{opacity:1}}.works--state{color:#666;font-size:14px;padding:1rem 0}.ContentBox{overflow-y:scroll}.works,.works__item{list-style:none;margin:0;padding:0}.works a:hover,.works a:link,.works a:visited{color:#000;text-decoration:none}.works{overflow-y:scroll;grid-column-gap:20px;align-items:start;display:grid;grid-template-columns:repeat(3,1fr);justify-items:left;max-width:1200px;padding-right:35px}.WorkItem{display:inline-grid;margin-bottom:20px;transition:.9s;width:100%}.WorkItem:hover{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");filter:gray;-webkit-filter:grayscale(100%)}.WorkImage{height:260px;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:100%}.work-thumb img{display:block;margin-left:auto;margin-right:auto}.work-thumb{display:block;height:250px;overflow:hidden}.WorkTitel{font-size:13px;font-weight:300;text-align:right}.WorkCategory,.WorkTitel{margin-bottom:2px;margin-top:5px;text-transform:uppercase}.WorkCategory{color:gray;float:left;font-size:11px;text-align:left}@media only screen and (max-width:1200px){.works{grid-template-columns:repeat(3,1fr)}.work-thumb{height:180px}.WorkImage{height:190px}}@media only screen and (max-width:950px){.works{grid-template-columns:repeat(2,1fr)}.work-thumb{height:180px}.WorkImage{height:190px}}@media only screen and (max-width:600px){.works{grid-template-columns:repeat(1,1fr)}.work-thumb{height:300px}.WorkImage{height:290px}}