@import "https://fonts.googleapis.com/css2?family=VT323&display=swap";
:root{--background:white;--foreground:black;--accent:grey;--error:red;--font-retro:"VT323",monospace;--glow:0 0 0px magenta;--border:2px solid var(--accent)}@media (prefers-color-scheme:light){:root{--background:white;--foreground:black;--accent:grey}}html,body{background-color:var(--background);color:var(--foreground);font-family:var(--font-retro);cursor:crosshair;background:#fff;border:1px solid #000;justify-content:center;width:100vw;height:100vh;margin:0;padding:0;display:flex}input,textarea{border:var(--border);color:var(--foreground);font-family:var(--font-retro);box-sizing:border-box;text-align:center;z-index:200;background:0 0;outline:none;height:100%;display:inline-block;font-size:24px!important}input:focus{border-color:var(--foreground);box-shadow:var(--glow)}.input-text{background:#fff;width:100%;height:50px;font-size:28px!important}a{color:gray}a:hover{color:red}button{border:var(--border);color:var(--foreground);font-family:var(--font-retro);cursor:pointer;z-index:200;text-align:center;background:#fff;border-radius:0;justify-content:center;width:100%;min-width:320px;font-size:18px;transition:background .2s,box-shadow .2s;display:flex;position:sticky}button:hover{color:#f0f;background:#ff0}.mainContainer{background:0 0;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.contentContainer{flex-direction:flex;justify-content:center;align-items:center;width:100%;height:76vh;display:flex;position:relative;top:12vh;overflow:auto}.contentContainer2{text-align:center;background:#fff;height:100%;overflow:auto}.contentContainerAbout{text-align:left;background:#fff;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:90vh;padding-top:12px;font-size:22px;display:flex;position:absolute;top:60px;overflow:auto}.wrapper{background:0 0;height:4vh}.cvList{background:0 0;width:80vw;min-width:320px;max-width:500px;height:70.7vh;padding:12px;position:relative;overflow:scroll}.currentPageBox{text-align:right;background:#fff;width:60vw;font-size:42px;display:none;position:absolute;bottom:300px;left:10vw}.impressum{background:#fff;width:80vw;max-width:640px;height:78vh;position:fixed;top:100px;overflow:auto}.inputWrapper{flex-direction:start;z-index:200;background:0 0;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0}.aboutPhotoLabel{color:beige;background:0 0;flex-direction:row;justify-content:end;align-items:center;width:100vw;height:12px;font-size:14px;display:none;position:fixed;top:86vh;right:0}.aboutText{color:#000;background:#fff;flex-direction:column;width:80vw;height:80vh;padding:4px 10vw;display:flex;position:absolute;top:5px;overflow:auto}.heroImage{justify-content:start;align-items:center;width:100%;max-width:100vw;height:90vh;max-height:98vh;display:flex;position:sticky}.dynmaicTopWrapper{flex-direction:column;justify-content:start;align-items:center;width:100%;height:60px;display:flex;position:relative}.topNavbar{opacity:1;color:gray;z-index:0;cursor:crosshair;background:#fff;border-bottom:2px dotted gray;flex-direction:row;justify-content:center;align-items:center;width:100%;height:20px;font-size:16px;line-height:25px;display:flex;position:fixed;top:60px}.topNavbar div{cursor:crosshair;color:#000;justify-content:center;align-items:center;height:25px;padding:5px 10px;font-size:28px;font-weight:500;text-decoration:none;transition:color .3s .2s,transform .4s .2s;position:relative}.topNavbar div:hover{color:#333;opacity:1;filter:drop-shadow(2px 2px 2px #fff);text-decoration:none;transition:width .1s 50ms,left .1s 50ms;top:0;transform:translateY(-1px)}.selectImageSource{text-align:center;cursor:pointer;background:#fff;width:256px;height:20px;display:block;position:relative}.linksVerticalContainer{cursor:crosshair;background:0 0;flex-direction:column;justify-content:end;align-items:end;width:100%;max-height:355px;display:flex;position:fixed;bottom:0;left:0;overflow:hidden}.linksTitle{pointer-events:none;background:#000;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:60px;display:flex;position:absolute;top:0;left:0}.linksTitle h1{text-align:center;color:#fff;pointer-events:none;writing-mode:horizontal-tb;filter:contrast(200%);border-bottom:2px dashed #fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:50px;display:flex;position:relative;top:5px}.linksTitle div{font-size:64px;overflow:hidden}.linksTitle span{display:none}.linksTitle h1:hover{color:#fff;font-size:55px}.linksLiWrap{width:100%;position:relative}.linksLi{width:100%}.linksLi:hover{color:#f0f;background:0 0;border:2px dashed #000;width:100%;padding-right:10px;position:relative;left:0}.linksA{color:#000;background:red;width:100%;height:100%;text-decoration:none}.linksActive{text-align:center;background:#fff;border-top:6px dotted #000;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:200px;font-size:40px;text-decoration:none;list-style-type:none;display:flex;position:fixed;bottom:0}.linksIdle{border-top:2px dotted #000;border-left:2px dotted #000;border-right:2px dotted #000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:40px;font-size:40px;text-decoration:none;list-style-type:none;display:flex;position:fixed;bottom:-22px;left:0}.linkTreeContainer{text-align:center;flex-direction:column;justify-content:center;margin:0 auto;display:flex;position:fixed;bottom:1vh;left:1vh}.linkToggleDiv{left:0;bottom:0pxq;color:#000;cursor:pointer;background:0 0;border-top:1px solid #000;width:100vw;height:45px;margin-top:2px;font-size:44px;position:fixed}.linkToggleDiv:hover{font-size:52px;transition:color .3s .2s,transform .4s .2s;transform:translate(80px)}.portfolioContainer{pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed}.portfolioImageContainer{pointer-events:none;background:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:60vw;height:100%;max-height:60vh;display:flex;position:relative}.pfeilLinks,.pfeilRechts{text-align:center;cursor:pointer;opacity:1;z-index:200;pointer-events:auto;justify-content:center;align-items:center;height:50px;font-size:42px;display:flex}.pfeilLinks:hover,.pfeilRechts:hover{font-size:48px}.portfolioImageTags{text-align:center;z-index:200;pointer-events:none;background:0 0;grid-template-columns:repeat(3,1fr);width:100vw;height:52px;font-size:24px;display:grid;position:relative;top:57px}.portfolioImageName{position:absolute;bottom:1vh}.portfolioImageSelect{opacity:0;position:absolute;bottom:14vh}.portfolioImg{filter:grayscale(10%);pointer-events:auto;object-fit:contain;cursor:pointer;background:0 0;max-width:100%;max-height:100vh;transition:filter .3s,transform .3s;overflow:hidden}.portfolioImg:hover{filter:grayscale(0%)}.aboutImage{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:100%;height:70vh;transition:filter .3s ease transform .3s ease;background:0 0;flex-direction:column;display:flex;overflow:hidden}.aboutImage:hover{transform:translate res}.contactContainer{flex-direction:column;justify-content:start;align-items:center;width:80vw;height:78vh;display:flex;position:fixed;top:20vh}.closeButton{color:#fff;opacity:.55;z-index:200;width:10vw;height:20px;font-size:44px;display:block;position:absolute;top:-10px;right:5px}.closeButton:hover{color:red;opacity:1;font-size:48px}.closeButton a{background:0 0}.sideLinks{z-index:1;opacity:1;color:#000;transform-origin:0 0;background:0 0;justify-content:space-between;align-items:center;gap:20px;width:300px;height:18px;font-size:18px;text-decoration:none;display:flex;position:fixed;inset:0;transform:rotate(90deg)translate(33vh,-100%)}.sideLinksContainer{background:#fff}.sideLinks a{color:#000;text-decoration:none}.sideLinks a:hover{color:red;background:#fff;text-decoration:none}.sideLinks a:after,.sideLinks a:before{color:#000}.newsletterButton{z-index:1;width:100%;height:38px;position:flex;margin-bottom:0;font-size:24px;line-height:31px}.newsletterWrapper{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:90vh;display:flex;position:fixed;top:180px;overflow:auto}.formBoxContainer{flex-direction:column;justify-content:start;align-items:center;min-width:320px;height:200px;margin-top:10px;display:flex;position:sticky}.formBox{background:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;margin:0;display:flex;position:relative;overflow:auto}.checkboxSpan{height:70px}.resendButton{z-index:200;color:#fff;background:red;flex-direction:column;justify-content:center;align-items:center;width:100%;height:160px;font-size:33px;display:flex;position:absolute;bottom:0}.resendButton:hover{color:#000;background:#ff0}.spriteWrap{background:0 0;flex-direction:column;justify-content:start;align-items:center;gap:0;width:320px;height:320px;display:flex;position:fixed;top:18vh}.spriteWrapNewsletter{background:0 0;flex-direction:column;justify-content:start;align-items:center;gap:0;width:320px;height:320px;display:flex;position:relative}.spriteWrapFixed{z-index:200;background:#fff;border-top-left-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:0;width:320px;display:flex;position:fixed;top:0}.spriteMessage{text-align:left;filter:drop-shadow(2px 3px 1px #fff);z-index:200;opacity:.89;mix-blend-mode:add;pointer-events:none;color:#000;width:320px;height:300px;text-shadow:black 2px solid;background:0 0;font-size:36px;display:flex;position:absolute;overflow:hidden}.statusDate{opacity:.7;text-align:right;color:#fff;background:#000;gap:0;height:12.5px;padding-left:4px;padding-right:4px;font-size:10px;line-height:10px;position:absolute;top:.1px;right:0}.statusMessageLeft{opacity:1;cursor:pointer;color:#fff;background:#000;justify-content:center;align-items:center;gap:0;width:100vw;height:12.5px;font-size:8px;line-height:.7;display:flex;position:fixed;top:0}.marquee{white-space:nowrap;color:#fff;background:#000;font-family:monospace;position:fixed;top:0;overflow:hidden}.marquee__inner{will-change:transform;animation:420s linear infinite marquee;display:inline-block}@keyframes marquee{0%{transform:translate(5%)}to{transform:translate(-10%)}}.mail{justify-content:center;align-items:center;height:50px;display:flex;position:fixed;bottom:0;left:5vw}.closeButtonAbout{color:#000;z-index:200;text-align:right;width:80px;position:absolute;top:20px;right:3px}.statusPopupLeft{color:#fff;text-align:center;z-index:200;background:#000;border-top:4px dashed #000;border-bottom:4px dashed #000;flex-direction:column;width:100vw;max-height:80vw;font-size:35px;display:flex;position:fixed;top:80px;left:0}.statusShop{align-items:column;justify-content:column;opacity:.5;cursor:pointer;color:#fff;z-index:200;filter:drop-shadow(4px 0 2px #fff);background:#000;flex-direction:column;width:48px;height:45px;padding:2px;font-size:20px;line-height:12px;display:flex;position:fixed;top:11px;left:0}.statusSubscribe{opacity:.5;cursor:pointer;color:#fff;z-index:200;text-wrap:wrap;width:48px;height:45px;text-overflow:true;filter:drop-shadow(-4px 0 2px #fff);background:#000;padding:2px;font-size:20px;line-height:16px;display:flex;position:fixed;top:11px;right:0}.statusSubscribe:hover{border:2px solid #fff}.messageField{text-align:center;z-index:200;background:0 0;width:100%;display:block;position:fixed;top:40px}.warningIcon{z-index:200;opacity:.3;mix-blend-mode:add;color:red;font-size:47px;position:absolute;bottom:18px;left:12px}.checkboxWrapper{width:320px;top:0;overflow:auto}.checkboxRow{flex-direction:flex;align-items:left;grid-template-columns:1fr 1fr;justify-content:center;width:100%;margin-top:20px;font-size:14px;display:flex}.checkboxRow input[type=checkbox]{appearance:none;cursor:pointer;box-shadow:black;background:#fff;border:4px solid #000;transition:all .2s ease-in-out;position:sticky;top:20px}.checkboxRow input[type=checkbox]:hover{box-shadow:black}.checkboxRow input[type=checkbox]:checked{box-shadow:black;background-color:#fff;width:24px;height:24px}.checkboxRow input[type=checkbox]:checked:after{content:"X";color:#f0f;font-size:55px;position:absolute;top:-17px;left:0}.checkboxRow .checkmark{-webkit-user-select:none;user-select:none;font-size:24px}.checkboxRow label{flex-direction:row;display:flex}.checkboxInput.input[type=checkbox]{color:#000}.checkboxInput{display:flex}.checkboxInput input[type=checkbox]{appearance:none;border:1px solid #000;width:20px;height:20px;transition:all .1s}.input:checked:after{content:"?";background:#fff}.checkboxInput input.flash-error{border-color:red;background-color:#fff!important}.checkbox-flash-indicator{color:red;pointer-events:none;z-index:200;font-size:30px;font-weight:700;line-height:1;animation:.5s forwards fadeout;position:relative;top:20px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{border-radius:3px}.filterPaleYellow{opacity:1;background:beige;width:100vw;height:100vh;position:absolute;top:0}.noFilter{flex-direction:column;justify-content:center;align-items:center;width:100%;height:80px;display:flex;position:fixed;top:0;left:0}.filterNeutral{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.filterBlack{opacity:1;background:0 0;flex-direction:column;justify-content:center;align-items:center;width:50vw;height:40px;line-height:5px;display:flex;position:absolute;inset:0 0 0 5vw}.filterWhiteNoise{filter:grayscale();z-index:0;background:#fff;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.filterBlack:hover{opacity:.5}.borderBurton{background:#000;border:4px dashed #fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.filterTv{background:red;width:100%;height:100%}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.crt:after,crt2:after{content:" ";opacity:0;z-index:1;pointer-events:none;background:#1210101a;animation:.15s infinite flicker;display:flex;position:absolute;inset:0}.crt:before,crt2:before{content:" ";z-index:0;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 2px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/3px 100%;display:flex;position:absolute;inset:0}.crt,.crt2{mix-blend-mode:normal;z-index:0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;animation:1.6s infinite textShadow;display:flex;position:relative}.flash-error{animation:.5s ease-in-out flashError}.shake-checkbox{animation:.6s cubic-bezier(.36,.07,.19,.97) both checkboxShake}.pulse-checkbox{animation:.9s ease-out forwards pulseAttention}.canvasRainbow{mix-blend-mode:difference;opacity:1;z-index:0;background:#000;width:100%;max-width:100vw;height:100%;max-height:99.9vh;position:fixed;top:3px}.rainbowCheckbox{opacity:0;z-index:200;width:80vw;height:60vh}.rainbowCheckbox input{opacity:100;color:red;z-index:200;background:0 0;width:80vw;height:60vh}.rainbowCheckbox input[type=checkbox]{opacity:100;color:#000;background-color:#0000;width:80vw;height:60vh}.rainbowCheckbox:before,.rainbowCheckbox:after{color:#0000;background:0 0}@keyframes fadeout{0%{opacity:1}to{opacity:0}}@keyframes flashError{0%,to{outline:2px solid #0000}50%{outline:2px solid red}}@keyframes checkboxShake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}@keyframes pulseAttention{0%{transform:scale(1)}40%{transform:scale(1.25)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes flicker{0%{opacity:.27861}5%{opacity:.34769}10%{opacity:.23604}15%{opacity:.90626}20%{opacity:.18128}25%{opacity:.83891}30%{opacity:.65583}35%{opacity:.67807}40%{opacity:.26559}45%{opacity:.84693}50%{opacity:.96019}55%{opacity:.08594}60%{opacity:.20313}65%{opacity:.71988}70%{opacity:.53455}75%{opacity:.37288}80%{opacity:.71428}85%{opacity:.70419}90%{opacity:.7003}95%{opacity:.36108}to{opacity:.24387}}@keyframes textShadow{0%{text-shadow:.438992px 0 1px #001eff80,-.438992px 0 1px #ff00504d,0 0 3px}5%{text-shadow:2.7929px 0 1px #001eff80,-2.7929px 0 1px #ff00504d,0 0 3px}10%{text-shadow:.0295628px 0 1px #001eff80,-.0295628px 0 1px #ff00504d,0 0 3px}15%{text-shadow:.402185px 0 1px #001eff80,-.402185px 0 1px #ff00504d,0 0 3px}20%{text-shadow:3.4794px 0 1px #001eff80,-3.4794px 0 1px #ff00504d,0 0 3px}25%{text-shadow:1.61256px 0 1px #001eff80,-1.61256px 0 1px #ff00504d,0 0 3px}30%{text-shadow:.701559px 0 1px #001eff80,-.701559px 0 1px #ff00504d,0 0 3px}35%{text-shadow:3.89691px 0 1px #001eff80,-3.89691px 0 1px #ff00504d,0 0 3px}40%{text-shadow:3.87091px 0 1px #001eff80,-3.87091px 0 1px #ff00504d,0 0 3px}45%{text-shadow:2.23106px 0 1px #001eff80,-2.23106px 0 1px #ff00504d,0 0 3px}50%{text-shadow:.0808429px 0 1px #001eff80,-.0808429px 0 1px #ff00504d,0 0 3px}55%{text-shadow:2.37585px 0 1px #001eff80,-2.37585px 0 1px #ff00504d,0 0 3px}60%{text-shadow:2.20219px 0 1px #001eff80,-2.20219px 0 1px #ff00504d,0 0 3px}65%{text-shadow:2.86388px 0 1px #001eff80,-2.86388px 0 1px #ff00504d,0 0 3px}70%{text-shadow:.48874px 0 1px #001eff80,-.48874px 0 1px #ff00504d,0 0 3px}75%{text-shadow:1.89485px 0 1px #001eff80,-1.89485px 0 1px #ff00504d,0 0 3px}80%{text-shadow:.0833037px 0 1px #001eff80,-.0833037px 0 1px #ff00504d,0 0 3px}85%{text-shadow:.0976983px 0 1px #001eff80,-.0976983px 0 1px #ff00504d,0 0 3px}90%{text-shadow:3.44334px 0 1px #001eff80,-3.44334px 0 1px #ff00504d,0 0 3px}95%{text-shadow:2.18418px 0 1px #001eff80,-2.18418px 0 1px #ff00504d,0 0 3px}to{text-shadow:2.62088px 0 1px #001eff80,-2.62088px 0 1px #ff00504d,0 0 3px}}@media (max-height:500px){.newsletterWrapper{font-size:24px}.spriteWrap{width:64px;height:64px}.text-input{font-size:24px}.text-input .formBoxContainer,.text-input .formBox{height:140px}.formBox span[type=checkbox]{height:2px;font-size:24px}.checkboxRow .checkmark{-webkit-user-select:none;user-select:none;font-size:24px}.input-text{background:#ff0;width:100%;font-size:24px!important}.checkmark{font-size:14px!important}.linkToggleDiv{height:20px;font-size:20px}.statusMessageLeft{font-size:16px;top:0}.statusMessageRight{font-size:11px;top:0}.sideLinks{font-size:10px}.sideLinks:hover{transform:translateY(-1px)}}@media (min-width:768px){.body{overflow:auto}.closeButtonAbout{top:45px;transform:translate(-30vw)}.portfolioImage{top:20vh}.aboutPhotoLabel{color:#000;z-index:1;width:auto;height:auto;display:none;position:sticky}.aboutImage{cursor:pointer}.heroImage{height:80vh;position:fixed;top:101px}.sideLinks{font-size:28px;line-height:16px}.linksTitle{justify-content:center;align-items:center;height:85px;top:0}.linksTitle h1{font-size:72px;line-height:72px}.linksTitle div{font-size:72px;display:flex;top:2px}.linksTitle span{display:none}.marquee{height:80px;padding:6px}.marquee__inner{height:60px;padding-bottom:6px}.portfolioImageTags{align-items:space-around;width:480px;height:52px;font-size:24px;top:57px}.portfolioImageTagsContent{z-index:200;background:#fff;position:relative}.topNavbar{color:gray;cursor:crosshair;background:#fff;border-bottom:2px dotted gray;flex-direction:row;justify-content:center;align-items:center;gap:50px;width:100%;height:20px;font-size:24px;line-height:25px;display:flex;position:fixed;top:80px}.topNavbar div{max-width:80px auto;cursor:crosshair;color:#000;justify-content:center;align-items:center;height:25px;padding:5px 10px;font-size:28px;font-weight:500;text-decoration:none;transition:color .3s .2s,transform .4s .2s;position:relative}.topNavbar div:hover{color:#333;opacity:1;text-decoration:none;transition:width .1s 50ms,left .1s 50ms;top:0;transform:translateY(-1px)}.checkboxWrapper{width:100%}.checkboxRow{width:100%;height:100%;padding-bottom:20px}.newsletterButton{width:100%;font-size:30px}.statusMessageLeft{color:#fff;background:#000;justify-content:center;align-items:center;width:100vw;height:8px;margin-top:8px;padding:6px;font-size:56px;line-height:1.4;display:flex;position:fixed;top:0;left:0}.statusPopupLeft{font-size:60px;top:100px}.statusShop{display:none;top:18px}.statusDate{font-size:18px;font-style:bold;color:#fff;height:20px;text-overflow:hidden;opacity:1;background:#000;height:12px;padding-top:5px;padding-left:3px;padding-right:6px;line-height:8px;top:-2px;overflow:hidden}.statusSubscribe{display:none}.formBoxContainer{height:300px}.newsletterWrapper{background:#fff;width:100vw;height:100vh;overflow:hidden}}@media (max-height:800px){.spriteWrap{height:400px}}