:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--primary-color: #8F0EF1;--secondary-color: #1D09FA;--tertiary-color: #2E1C13;--shadow-color: #282830;--background-color: #090909;--text-color: #eeecf3;color-scheme:light dark;color:var(--text-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.light{--primary-color: #b84dff;--secondary-color: #5a4cff;--tertiary-color: #e6d6cc;--shadow-color: #d6d6df;--background-color: #f6f6f6;--text-color: #121212}body{margin:0;min-width:320px;min-height:100vh}@font-face{font-family:InterBold;src:url(/assets/inter_Inter-Bold-DDmQgd48.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:KHInterferenceBold;src:url(/assets/KHInterferenceSite-Bold-2-DkyuonaA.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:BeautifulPoliceOfficer;src:url(/assets/Beautiful-Police-Officer-DCK0EbK8.otf) format("opentype");font-weight:400;font-style:normal}.NotFound{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center}.NotFound h1{font-size:24rem;margin:0}.NotFound h2{font-size:8rem;margin:0}.NotFound h3{font-size:4rem;margin:0}.LandingPage{margin:clamp(0rem,4vw,10rem)}.download{color:#fff}.Lebenslauf-Wrapper{display:flex;margin:5px;flex-direction:column;align-items:flex-start}.Lebenslauf-Wrapper object{width:70%;height:100vh}.SuperGrid{display:grid;grid-template-columns:repeat(16,1fr);align-content:center;width:100%}.SuperGrid-Atom{height:100%;width:100%;overflow:hidden;aspect-ratio:1;--corner-size: clamp(.3rem, 1vw, 10rem);--corner-thickness: 1px;--corner-color: var(--shadow-color);position:relative;opacity:0;transition:opacity .3s ease,transform .3s ease,--corner-size .3s ease;background:linear-gradient(var(--corner-color),var(--corner-color)) top left / var(--corner-size) var(--corner-thickness) no-repeat,linear-gradient(var(--corner-color),var(--corner-color)) top left / var(--corner-thickness) var(--corner-size) no-repeat,linear-gradient(var(--corner-color),var(--corner-color)) top right / var(--corner-size) var(--corner-thickness) no-repeat,linear-gradient(var(--corner-color),var(--corner-color)) top right / var(--corner-thickness) var(--corner-size) no-repeat,linear-gradient(var(--corner-color),var(--corner-color)) bottom left / var(--corner-size) var(--corner-thickness) no-repeat,linear-gradient(var(--corner-color),var(--corner-color)) bottom left / var(--corner-thickness) var(--corner-size) no-repeat,linear-gradient(var(--corner-color),var(--corner-color)) bottom right / var(--corner-size) var(--corner-thickness) no-repeat,linear-gradient(var(--corner-color),var(--corner-color)) bottom right / var(--corner-thickness) var(--corner-size) no-repeat}.SuperGrid:hover .SuperGrid-Atom{opacity:1}.SuperGrid-Atom:hover{transform:scale(.98);z-index:5}@keyframes atomPulse{0%{opacity:0}to{opacity:1}}.SuperGrid-Item{--corner-size: clamp(.3rem, 1vw, 10rem);--corner-thickness: 1px;--corner-color: var(--shadow-color);position:relative;background:linear-gradient(var(--corner-color),var(--corner-color)) top left / var(--corner-size) var(--corner-thickness) no-repeat,linear-gradient(var(--corner-color),var(--corner-color)) top left / var(--corner-thickness) var(--corner-size) no-repeat,linear-gradient(var(--corner-color),var(--corner-color)) top right / var(--corner-size) var(--corner-thickness) no-repeat,linear-gradient(var(--corner-color),var(--corner-color)) top right / var(--corner-thickness) var(--corner-size) no-repeat,linear-gradient(var(--corner-color),var(--corner-color)) bottom left / var(--corner-size) var(--corner-thickness) no-repeat,linear-gradient(var(--corner-color),var(--corner-color)) bottom left / var(--corner-thickness) var(--corner-size) no-repeat,linear-gradient(var(--corner-color),var(--corner-color)) bottom right / var(--corner-size) var(--corner-thickness) no-repeat,linear-gradient(var(--corner-color),var(--corner-color)) bottom right / var(--corner-thickness) var(--corner-size) no-repeat}.SuperGrid-Item-Image-Wrapper{aspect-ratio:1;grid-column:12 / span 4;grid-row:5 / span 4;height:100%;width:100%;overflow:hidden;transition:transform .6s ease;border:1px solid var(--shadow-color);box-sizing:border-box}.SuperGrid-Item-Image-Wrapper:hover{transform:scale(1.5);box-shadow:0 6px 18px #00000040,0 0 0 1px #ffffff0d inset}.SuperGrid-Item-Image{-webkit-user-select:none;user-select:none;width:200%;transform:translate(-50%,-30%);transition:width .6s ease,transform .6s ease}.SuperGrid-Item-Image:hover{width:100%;transform:translate(0)}.SuperGrid-Item-Name-Wrapper1{grid-column:2 / span 12;grid-row:2 / span 2;height:100%;overflow:hidden}.SuperGrid-Item-Name-Wrapper2{grid-column:2 / span 9;grid-row:4 / span 2;height:100%;overflow:hidden}.SuperGrid-Item-Name{font-family:InterBold;font-size:clamp(0rem,8vw,20rem);margin:0;line-height:1;padding:1.5vw}.SuperGrid-Item-Intro-Wrapper{grid-column:2 / span 9;grid-row:7 / span 2;height:100%;overflow:hidden}.SuperGrid-Item-Intro{font-family:InterBold;font-size:clamp(0rem,2vw,10rem);margin:0;padding:1vw}.SuperGrid-Item-DarkModeToggle-Wrapper{grid-column:15 / span 2;grid-row:1;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.SuperGrid-Item-LanguageToggle-Wrapper{grid-column:13 / span 2;grid-row:1;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.DarkModeToggle{font-size:17px;position:relative;display:inline-block;width:7vw;height:3vw;cursor:pointer}.DarkModeToggle input{opacity:0;width:0;height:0;position:absolute}.DarkModeToggle svg{display:block;width:100%;height:auto}.DarkModeToggle .toggle-container,.DarkModeToggle .toggle-patches,.DarkModeToggle .toggle-stars,.DarkModeToggle .toggle-button,.DarkModeToggle .toggle-sun,.DarkModeToggle .toggle-moon,.DarkModeToggle .toggle-cloud{transition:all .25s cubic-bezier(.4,0,.2,1)}.DarkModeToggle .toggle-sun{opacity:0}.DarkModeToggle .toggle-moon{opacity:1}.DarkModeToggle .toggle-cloud{opacity:0}.DarkModeToggle .toggle-stars{opacity:1}.DarkModeToggle input:checked+svg .toggle-button{transform:translate(50px)}.DarkModeToggle input:checked+svg .toggle-sun{opacity:1}.DarkModeToggle input:checked+svg .toggle-moon{opacity:0}.DarkModeToggle input:checked+svg .toggle-cloud{opacity:1}.DarkModeToggle input:checked+svg .toggle-stars{opacity:0}.LanguageToggle{position:relative;display:inline-block;width:7vw;height:3vw;cursor:pointer}.LanguageToggle input{opacity:0;width:0;height:0;position:absolute}.LanguageToggle svg{display:block;width:100%;height:auto}.LanguageToggle .language-cover,.LanguageToggle .language-hole,.LanguageToggle .language-text{transition:all .3s cubic-bezier(.4,0,.2,1)}.LanguageToggle .language-text{fill:var(--text-color);font-size:24px;font-weight:800;opacity:.35}.LanguageToggle .language-text-de{opacity:1}.LanguageToggle input:checked+svg .language-text-de{opacity:.35}.LanguageToggle input:checked+svg .language-text-en{opacity:1}.LanguageToggle input:checked+svg .language-hole{transform:translate(50px)}.LanguageToggle .language-cover{fill-opacity:.8}.LanguageToggle:hover .language-cover{fill-opacity:.3}