.projects{z-index:5;grid-template-columns:1fr 1fr;display:grid}.grid-lg{grid-column:1/-1}.project{cursor:pointer;z-index:5;background-position:50%;background-size:cover;height:570px;position:relative}.project-logo{width:auto;height:50px;margin-left:-3px}.dark-text .description{color:#000}.description{color:#fff;width:25em;font-size:18px;position:absolute;top:60px;left:60px}.description p{margin-top:10px}.tags{margin-top:20px;margin-left:-3px}.tag{color:#fff;background-color:#ffffff0d;border:2px solid #fff;border-radius:10px;margin-right:15px;padding:7px 10px;font-size:14px;font-weight:600;display:inline-block}.tag:last-of-type{margin-right:0}.dark-text .tag{color:var(--clr-grey-dark);border:2px solid #8d8c8c}.mockup-image{align-items:center;height:100%;display:flex}.mockup-lg{width:49%;margin-top:30px;position:absolute;right:3.5em}.mockup-sm{width:80%;position:absolute;bottom:0;right:10%}.additional{width:44%;position:absolute;bottom:4em;left:-1.5em}.rainer .project-logo{height:40px;margin:5px 0}.analysis .mockup-sm{width:97%;right:-3em}.analysis .tags{width:22em}.analysis .tag:nth-child(3){margin-top:10px;margin-left:0}.travelo:hover{background-color:#00000005!important}.travelo .mockup-lg{width:80%;bottom:-6em}.travelo .description{width:30em}.kriptomat{background-position:top}.kriptomat .mockup-lg{width:55%;margin-top:0}.assistyou:hover{background-color:#00000008!important}.assistyou .mockup-lg{width:55%;margin-top:0;right:1.5rem}.asf .mockup-lg{width:52%;margin-top:0}.stars4u .mockup-lg{width:63%;right:-1.5em}.minecraft .description{top:100px}@media screen and (min-width:940px){.project:hover{background-blend-mode:multiply;background-color:#d1d1d180}.travelo:hover,.rainer:hover{background-blend-mode:multiply;background-color:#d1d1d126}}@media screen and (max-width:940px){.projects{z-index:5;grid-template-rows:1fr;grid-auto-flow:row;gap:15px;width:100vw}.project{z-index:5;text-align:center;grid-column:1/-1;width:95%;height:600px;margin:auto;position:relative;overflow:hidden}.project.travelo .mockup,.project.analysis .mockup{object-position:right top}.project .description{text-align:left;width:100%;padding:50px 0 0 40px;position:relative;top:0;left:0;right:0}.project .mockup-image{height:70%;position:relative}.project .mockup-image img{object-position:top;object-fit:contain;width:100%;height:100%;margin:auto;padding:0 20px;position:absolute;bottom:0;left:0;right:0}.project .description .description-text{max-width:90%;font-size:16px}.project .tags{margin-bottom:40px}.project .additional{display:none}h1.Hero-text{font-size:35px!important}.rainer .mockup-image img{width:110%;padding:0;bottom:10px;left:-5%}.analysis .mockup-image img{object-fit:cover;width:130%;padding:0;bottom:71px;left:-20%}.travelo .mockup-image img{width:110%;padding:0;bottom:10px;left:-5%}}@media screen and (max-width:503px){.tag:nth-child(3){margin-top:10px;margin-left:0}}