*{margin:0;padding:0}html{overflow-x:hidden!important;background:#000}body{width:100vw;height:100vh;overflow:hidden!important}section#main{height:calc(var(--vh)*100);width:100vw;background:#000;overflow:hidden;position:absolute}section#main,section#main #main-img-wrapper{display:flex;justify-content:center;align-items:center}section#main #main-img-wrapper{height:100vmin;width:100vmin;overflow:hidden!important;position:relative}section#main #main-img-wrapper img#dia{user-select:none;pointer-events:none;height:80vh}section#main span.main-txt{user-select:none;pointer-events:none;color:#fff;font-size:3vh;position:absolute;text-shadow:0 0 30px #000;font-family:Caviar Dreams;letter-spacing:10vw;opacity:0;transition-duration:1.5s;transition-delay:.5s;animation-timing-function:ease-in-out}section#main span.main-txt.nf{top:20%;left:calc(50% + 5vw);transform:translate(-50%,-50%);transition-property:letter-spacing,left,opacity}section#main span.main-txt.flip{transition-property:letter-spacing,right,opacity;right:calc(50% + 5vw);bottom:20%;transform:rotate(180deg) translate(-50%,-50%)}section#main .c-cont{height:60vmin;width:60vmin;position:absolute;transition:transform 2s cubic-bezier(.65,.05,.36,1) 1.6s,opacity 2s cubic-bezier(.65,.05,.36,1) 1.6s;opacity:0}section#main .c-cont .wrapper{height:30vmin;width:30vmin;overflow:hidden;position:relative}section#main .c-cont .wrapper div{height:60vmin;width:60vmin;border:2px solid #fff;border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent}section#main .c-cont .wrapper img{height:16vmin;position:absolute;top:60%;left:60%;transform:translate(-50%,-50%) rotate(-90deg);opacity:0;transition:opacity .8s ease-out 4s;pointer-events:none;user-select:none;z-index:-1}section#main .c-cont.top{top:-30vmin;right:-30vmin;transform:rotate(180deg)}section#main .c-cont.top img{height:7vmin;top:64%;left:64%;transform:translate(-50%,-50%) rotate(-270deg)}section#main .c-cont.bottom{bottom:-30vmin;left:-30vmin;transform:rotate(0deg);transition-delay:2.47s}section#main .c-cont.bottom .wrapper img{transition:opacity .8s ease-out 4.87s}section#main #dsgvo{bottom:0;right:0;position:absolute;color:#fff;font-family:Caviar Dreams;font-size:12px;padding:16px;pointer-events:none}section#main #dsgvo a{text-decoration:none;color:#fff;pointer-events:all}section#main #dsgvo a:first-child{margin-right:8px}section#main #dsgvo a:nth-child(2){margin-left:8px}
/*# sourceMappingURL=/style.css.map */