.bild{width:100%}.navigate-space__container{z-index:1;display:grid;position:relative}.navigate-space__projekt{pointer-events:none;position:relative}.navigate-space__projekt-dev{color:#000;z-index:100;background-color:#f1ff4b;padding:3px;font-family:sans-serif;font-size:8px;display:none;position:absolute;top:0;left:0;transform:translateY(-100%)}body[data-dev=true] .navigate-space__projekt-dev{display:block}.navigate-space__projekt-container{pointer-events:all;position:relative}.navigate-space__projekt-container:before{background-color:var(--navigate-space-font-color);color:var(--navigate-space-background-color);content:attr(data-titel);z-index:1;opacity:0;pointer-events:none;text-wrap:nowrap;font-family:soehne,sans-serif;position:absolute;top:0;left:0}.navigate-space__projekt-container:hover:before{opacity:1}.navigate-space__projekt-container-bild{transform-origin:0 0;position:relative}.navigate-space__projekt-container-bild:after{content:"";z-index:1;mix-blend-mode:screen;background-color:#6e79ff;width:100%;height:100%;position:absolute;top:0;left:0}.navigate-space__projekt-container-bild:hover:after{opacity:0}.navigate-space__projekt-bild{filter:grayscale()}.navigate-space__projekt-container-image:hover .navigate-space__projekt-bild{filter:grayscale(0)}@media (min-width:1220px){.navigate-space{margin:0 1.63934%}.navigate-space__container{grid-template-columns:repeat(6,1fr);margin-right:-1.66667%}.navigate-space__projekt{height:0;padding-bottom:60%}.navigate-space__projekt-container{width:20%}.navigate-space__projekt-container:before{padding:.49vw .66vw;font-size:.98vw;font-weight:400;line-height:.98vw}}