@charset "UTF-8";.grid-container{position:fixed;top:0;left:0;width:100vw;height:100%;min-height:100vh;background-color:#1a1a1a;perspective:1000px;z-index:-1;}html,body{min-height:100%;}body{position:relative;margin:0;padding:0;overflow-x:hidden;background-image:image-set(url(../picts/diversen/orion.webp) type("image/webp"));}.image-placeholder{position:absolute;width:150px;height:150px;background-color:#000;background-size:cover;background-position:center;border:0px solid #fff;box-shadow:0px 4px 6px rgba(0,0,0,0.3);transform-origin:center;transform:translateZ(-1500px);opacity:0;animation:moveForward 8s infinite;}.image-placeholder:nth-child(1){top:10%;left:10%;animation-delay:0s;}.image-placeholder:nth-child(2){top:40%;left:50%;animation-delay:1s;}.image-placeholder:nth-child(3){top:70%;left:30%;animation-delay:2s;}.image-placeholder:nth-child(4){top:20%;left:70%;animation-delay:3s;}.image-placeholder:nth-child(5){top:60%;left:20%;animation-delay:4s;}.image-placeholder:nth-child(6){top:90%;left:80%;animation-delay:5s;}@keyframes moveForward{0%{transform:translateZ(-1500px) rotateX(45deg);opacity:0;}50%{transform:translateZ(0) rotateX(0deg);opacity:1;}100%{transform:translateZ(1000px) rotateX(-45deg);opacity:0;}}@media (min-width:769px){.grid-container{display:block;}}@media (max-width:768px){.grid-container{display:none;}}