main{background-color:#f8f8f8;background-image:url(/assets/paper_bg-CRoJO1he.jpg)}#intro{padding:.5%}#logo-bg-wrap{aspect-ratio:1;z-index:1;mix-blend-mode:difference;pointer-events:none;width:100%;position:sticky;top:.5%}#logo-bg{aspect-ratio:1;border-radius:var(--v-rad);background-color:#fff;width:100%;margin:0}#big-logo{aspect-ratio:1;background-image:url(/assets/logo_dark-C9YiOkvf.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;margin:-100% auto 0 0}#scrolldown{aspect-ratio:1;z-index:2;width:10%;margin:12% auto;display:block;position:relative}.bio{width:90%;font-family:var(--f-head);color:#000;word-break:break-all;padding:20% 5%;font-weight:100;display:block}.bio span{font-family:var(--f-body);color:var(--c-mainIn);font-weight:700}.portrait{aspect-ratio:1;border-radius:var(--v-rad);background-position:0 0;background-size:cover;width:100%;margin-top:10%}#bio-1{font-size:min(84px,12vw)}#thatsme-1{background-image:url(/assets/portrait-1-n7K6UaS9.jpg)}#bio-2{font-size:min(84px,12vw)}#thatsme-2{background-image:url(/assets/portrait-anim-q0G0l1BA.jpg)}#bio-3{z-index:0;background-image:url(/assets/paper_bg-CRoJO1he.jpg);height:100vh;padding:10% 5% 0;display:block;position:sticky;top:0}#bio-3 a{text-align:center;margin:0 auto}#projekte{background-color:var(--c-main);z-index:5;width:100%;position:relative}#p-head{width:90%;color:var(--c-ut-dark);height:calc(30vh - 1vw);padding:10% 5% 0}.projekte-wrap{flex-direction:column;gap:min(.5vw,4px);width:99%;padding:.5%;display:grid}.big-col{border-radius:var(--v-rad);width:90%;min-height:70vh;color:var(--c-main);background-color:var(--c-ut-dark);transition-delay:.1s;-webkit-transition:box-shadow var(--v-trans) ease-out;-ms-transition:box-shadow var(--v-trans) ease-out;transition:box-shadow var(--v-trans) ease-out;padding:0 5%;display:block;overflow:hidden}.big-col p{opacity:.3;width:60%;transition-delay:.1s;-webkit-transition:opacity var(--v-trans) ease-out;-ms-transition:opacity var(--v-trans) ease-out;transition:opacity var(--v-trans) ease-out;margin:20% auto 5%}.sichtbar p{opacity:1}.projekte-wrap a{margin:0}.col-img{border-radius:var(--v-rad);opacity:.9;width:99%;min-height:70vh;transition-delay:.1s;-webkit-transition:opacity var(--v-trans) ease-out;-ms-transition:opacity var(--v-trans) ease-out;transition:opacity var(--v-trans) ease-out;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;left:.5%}.sichtbar .col-img{opacity:.1}#mas1{background-image:url(/assets/pj_cover-Bzit1sh5.jpg)}#mas2{background-image:url(/assets/pps_cover-enJy0QEl.jpg)}#mas3,#mas4{background-image:url(/assets/conv_freizeit-Cc0zuiCh.jpeg)}.sichtbar.big-col{box-shadow:inset 0 0 10px #288cf580}#mas5{border-radius:var(--v-rad);text-align:right;height:calc(30vh - 1vw);padding:10% 5%}footer{background-image:url(/assets/paper_bg-CRoJO1he.jpg);height:100vh}#contact{flex-direction:column;justify-content:space-between;height:100%;display:flex}#contact-wrap{width:90%;padding:10% 5% 0}#contact-wrap p{line-height:1.2}#dont:hover{cursor:pointer}#imp-wrap{padding:0 5%}#imp-wrap p{text-align:right;color:var(--c-ut-dark);font-size:small}#screen-fill,#game-wrap{display:none}@media screen and (width>=700px){.big-col:hover{box-shadow:inset 0 0 10px #288cf580}.big-col:hover p{opacity:1}.big-col:hover .col-img{opacity:.1}}@media screen and (width>=1250px){.gr{transition:opacity 1s ease-in-out,transform 1s ease-in-out}main.gr-ready,footer.gr-ready{transform:translate(min(50vw - 330px,-370px))}#screen-fill{color:#fff;z-index:0;width:230px;padding:0 10px;display:block;position:fixed;top:42vh;left:calc(50vw + 375px)}#screen-fill.gr-ready{display:none}.hint{font-size:16px;line-height:1.3}#game-wrap{opacity:0;transition:transform .3s cubic-bezier(0,.55,.45,1) .4s,opacity .3s cubic-bezier(.85,0,.15,1) .4s;display:block;position:fixed;top:calc(50vh + min(100vw - 740px,660px)/-2);right:max(50vw - 680px,20px);transform:translate(330px)}#game-wrap.gr-ready{opacity:1;display:block;transform:translate(0)}#game-close.gr-ready:before{content:"x";color:var(--c-ut-light);cursor:pointer;transition:color var(--v-trans) ease-in-out;font-size:30px;font-weight:900;position:absolute;top:-40px;right:10px}#game-close.gr-ready:after{content:"close.";font-size:20px;font-family:var(--f-body);color:var(--c-ut-light);opacity:0;transition:all var(--v-trans) ease-in-out;pointer-events:none;position:absolute;top:-31px;right:28px}#game-close.gr-ready:hover:after{opacity:1;right:28px}#game-loader{display:none}#game-loader.gr-ready{aspect-ratio:1;border-radius:var(--v-rad);width:min(100vw - 740px,660px);color:var(--c-ut-light);border:none;display:block}#game-controls{display:none}#game-controls.gr-ready{background-color:var(--c-ut-light);border-radius:var(--v-rad);width:100%;height:80px;margin:var(--v-gap) auto;box-sizing:border-box;flex-direction:row;justify-content:center;align-items:center;gap:20px;padding:20px;display:flex}.game-control{cursor:pointer;border:3px solid #000;border-radius:.3rem;width:40px;height:40px;font-size:0;transform:translate(0);box-shadow:1px 1px #000,2px 2px #000,3px 3px #000}.game-control:hover{transform:translate(1px,1px);box-shadow:1px 1px #000,2px 2px #000}.game-control:active{transform:translate(3px,3px);box-shadow:0 0 #000}#ctrl-yellow{background-color:#f8ff38}#ctrl-blue{background-color:#288cf5}#ctrl-red{background-color:#ff5443}}