body,html{background:#000;padding:0;margin:0}*{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;box-sizing:border-box!important}.vierkant_holder{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.vierkant_holder .vierkant{display:grid;gap:11px;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}@media (orientation: landscape){.vierkant_holder .vierkant{width:80vh;height:80vh}}@media (orientation: portrait){.vierkant_holder .vierkant{width:80vw;height:80vw}}@media (min-width: 800px){.vierkant_holder .vierkant{gap:25px}}.vierkant_holder .vierkant .item{border-radius:3%;overflow:hidden;cursor:pointer;transition:all .125s}@media (min-width: 1024px){.vierkant_holder .vierkant .item{border-radius:1.9%}}.vierkant_holder .vierkant .item img{width:100%;height:100%}.vierkant_holder .vierkant .item:hover{transform:scale(1.2);box-shadow:0 0 25px #000000e6}.vierkant_holder .vierkant .item.fullscreen{width:100vw}.vierkant_holder .vierkant .item:not(.loaded){filter:grayscale(.5)}body{position:relative}.overlay{position:absolute;background:rgba(0,0,0,.5);opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);top:0;left:0;width:100vw;height:100vh;transition:opacity .5s,-webkit-backdrop-filter .5s;transition:opacity .5s,backdrop-filter .5s;transition:opacity .5s,backdrop-filter .5s,-webkit-backdrop-filter .5s;display:flex;align-items:center;justify-content:center}.overlay:not(.active){pointer-events:none}.overlay.active{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (orientation: landscape){.overlay.active{flex-direction:row}}@media (orientation: portrait){.overlay.active{flex-direction:column}}@media (min-width: 600px){.overlay.active{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}@media (min-width: 1600px){.overlay.active,.overlay.active *{font-size:20px}}.overlay img{border-radius:1.5%;box-shadow:0 0 25px #000000e6}.overlay .description{max-height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column}@media (orientation: landscape){.overlay img{height:70vh;width:auto}.overlay .description{height:90vh}}@media (orientation: landscape) and (min-width: 1600px){.overlay img{height:60vh;width:auto}.overlay .description{height:100vh;width:40vh;font-size:24px;line-height:35px}.overlay .description h1{font-size:40px;font-weight:400}}@media (orientation: landscape) and (min-width: 1600px){.overlay .description{width:60vh}}@media (orientation: portrait){.overlay img{width:60vw;height:auto}.overlay .description{width:100vw}.overlay .description h1{margin-top:0}}.overlay .description{text-align:center}.overlay .description{padding:10px 25px}.overlay img{margin:25px}@media (min-width: 600px){.overlay .description{padding:25px}.overlay img{margin:50px}}@media (min-width: 1024px){.overlay .description{padding:50px}.overlay img{margin:50px}}