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