: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}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}.LandingPage{margin:clamp(0rem,4vw,10rem)}.Hero{padding:clamp(0rem,4vw,10rem);padding-bottom:0;--cross-color: #ececec;--size: 5vw;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='48' y='20' width='3' height='60' fill='%23222'/%3E%3Crect x='20' y='48' width='60' height='3' fill='%23222'/%3E%3C/svg%3E");background-size:var(--size) var(--size);background-repeat:repeat}.Hero-Text{font-family:InterBold;font-size:clamp(2rem,9vw,20rem);margin:0;line-height:1.2}.Hero-Introduction{display:flex;align-items:center;justify-content:space-between}.Hero-Introduction-Text{margin:0;flex:0 0 70%;font-size:clamp(1rem,2.6vw,10rem);font-family:InterBold}.Hero-Introduction-Image-Wrapper{flex:0 0 30%;border-radius:1rem;position:relative;height:25vw;clip-path:inset(0);transition:clip-path .6s ease}.Hero-Introduction-Image-Wrapper:hover{clip-path:inset(-50% -0% -50% -100%)}.Hero-Introduction-Image-Wrapper img{position:absolute;width:200%;height:200%;object-fit:cover;transform:translate(-50%,-25%)}.Hero-Introduction-Image-Wrapper p{position:absolute;bottom:0;left:0;right:0;margin:0;padding:.5rem 1rem;font-family:BeautifulPoliceOfficer;font-size:clamp(0rem,1vw,10rem);color:var(--text-color);background:var(--shadow-color)}.Hero-Introduction-Image-Wrapper a{color:var(--secondary-color);text-decoration:none}.Bottom-Boxes{display:flex;width:100%;margin-top:2rem;border-radius:.5rem;overflow:hidden}.Box{flex:1;height:2.5vh}.Box1{background:var(--primary-color)}.Box2{background:var(--secondary-color)}.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{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}