:root{--dark:#000;--light:#fff;--accent:#f2be55;--bang:#f25a70;--body-font:Gudea;--head-font:Movement;--space-w:8vw;--space-h:13vh;--radius:30px}html{scroll-behavior:smooth}body{font-family:var(--body-font), Arial, sans-serif;cursor:url(/media/img/auge-default.svg) 16 16,auto;background-color:#f8f3ed;min-height:100vh;margin:0;font-size:18px;font-weight:400}main{background-image:url(/media/img/papier-bg.jpg);background-position:50%;background-size:cover;background-attachment:fixed}a,button,#menu-toggle{cursor:url(/media/img/auge-pointer.svg) 16 16,pointer}a:active,button:active,#menu-toggle:active,body:active{cursor:url(/media/img/auge-active.svg) 16 16,pointer}h1{font-size:50px;font-family:var(--head-font);font-variation-settings:"SPAC" 111;margin:0;font-weight:900}h1.section-name{margin:0 var(--space-w) -10vh var(--space-w);padding:0 4%;font-size:30px}h2{width:100%;font-size:50px;font-family:var(--head-font);font-variation-settings:"SPAC" 120;margin:0;font-weight:490}h3{font-size:20px;font-family:var(--body-font);margin:0;font-weight:700}h6{font-size:20px;font-family:var(--head-font);font-variation-settings:"SPAC" 100;margin:0;font-weight:900}a{color:inherit;text-decoration:none}a:hover{color:var(--bang)}button{border-radius:var(--radius);background-color:var(--accent);border:unset;height:60px;font-family:var(--head-font);color:var(--dark);padding:0 30px;font-size:20px;font-weight:780}button:hover{background-color:var(--bang)}.video-blend{mix-blend-mode:multiply}video{width:100%;max-width:1920px}.small-media{width:100%}.desktop{display:block}.mobile{display:none}.trenner{width:100%;height:45px}#menu-toggle{z-index:10;background:var(--accent) url(/media/img/menu-toggle.gif) no-repeat 50%;background-size:45px;border-radius:30px;width:60px;height:60px;position:fixed;top:20px;left:20px}#menu-toggle:hover{background-color:var(--bang)}#menu{z-index:9;box-sizing:border-box;background-color:var(--light);border-radius:var(--radius);justify-content:space-evenly;align-items:center;height:60px;padding-left:60px;transition:width .2s,visibility 0s .2s;display:flex;position:fixed;top:20px;left:20px;overflow:hidden}#menu.closed{visibility:hidden;width:60px;padding-left:0}#menu.open{visibility:visible;width:calc(100vw - var(--space-w) - 20px);transition:width .2s,visibility}.full-width{box-sizing:border-box;width:100vw;padding:var(--space-h) var(--space-w);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.full-screen{min-height:100vh}.full-column{align-items:inherit;flex-wrap:wrap;width:100%;display:flex}.half-column{width:48%}.text-wrap{padding:5%}#intro{box-sizing:border-box;padding:0 1%}#showreel-popup{z-index:99;padding:unset;display:none;position:fixed;top:0;left:0}#popup-overlay{background-color:var(--dark);opacity:.8;width:100vw;height:100vh;position:fixed;top:0;left:0}#popup-close{position:fixed;top:10px;right:10px}#showreel-video{width:90vw;position:fixed;top:calc(50vh - 25vw);left:5vw}#portrait{width:100%;max-height:500px}.trennstrich{background-image:url(/media/img/trennstrich.png);background-position:50%;background-repeat:no-repeat;background-size:100%;width:100%;height:4vw}#kontakt{background-image:url(/media/img/circle.svg);background-position:58vw;background-repeat:no-repeat;background-size:auto 100%}#projekte-overview{background-color:var(--light)}#alle-projekte{pointer-events:none;max-width:496px;margin:20px;position:absolute}.contact-name{min-width:130px}#footer{background-color:var(--light);padding:2% var(--space-w);border-top:3px solid var(--accent);justify-content:space-around}.footer-wrap{flex-wrap:wrap;display:flex}.footer-detail{padding-left:5px}.white-card{background-color:var(--light);border-radius:var(--radius);gap:30px 4%;padding:5%}@media (width<=699px){h1{font-size:45px}h1.section-name{margin:0 var(--space-w) -10vh var(--space-w);padding:0 4%;font-size:25px}h2{font-size:35px}h3{margin-top:10px}.desktop{display:none}.mobile{display:block}.half-column{width:100%}.contact-wrap{flex-wrap:wrap;max-width:225px}.trennstrich{background-size:200%;height:8vw}#menu-toggle{top:10px;left:10px}#menu{background-color:var(--accent);border-radius:unset;flex-direction:column;height:100vh;padding:30vh 0;transition:opacity .2s,visibility 0s .2s;top:0;left:0}#menu.closed{opacity:0;visibility:hidden;width:100vw}#menu.open{opacity:1;visibility:visible;width:100vw;transition:opacity .2s,visibility}#kontakt{background-position:115% 14vh}#alle-projekte{width:95%}#projekte-overview h1{font-size:35px}#footer{padding:10% var(--space-w);height:230px}.footer-wrap{width:100%}}@font-face{font-family:Gudea;font-style:normal;font-weight:400;src:url(/assets/gudea-v15-latin-regular-CEnoOzle.woff2)format("woff2")}@font-face{font-family:Gudea;font-style:normal;font-weight:700;src:url(/assets/gudea-v15-latin-700-DGd7SCHw.woff2)format("woff2")}@font-face{font-family:Movement;src:url(/assets/Movement-Regular-Dc5yOTc0.ttf)format("truetype-variations");font-weight:100 1000;font-style:normal}