:root{--dark:#000;--light:#fff;--accent:#f2be55;--bang:#f25a70;--body-font:Gudea;--head-font:Movement;--space-w:8vw;--space-h:13vh;--radius:30px}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/textil-light-texture.jpg);background-position:50%;background-repeat:repeat;background-size:100%}a,button,#menu-toggle,.showreel-message{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{z-index:5;margin:0 var(--space-w) -10vh var(--space-w);padding:0 4%;font-size:30px;position:relative}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;transition:color .2s}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;transition:background-color .2s}button:hover{background-color:var(--bang)}.video-blend{mix-blend-mode:multiply}.paper-blend{mix-blend-mode:multiply;z-index:3;background-image:url(/media/img/textil-light-texture.jpg);background-position:50%;background-repeat:repeat;background-size:100%;position:absolute;inset:0}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;transition:background-color .2s;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}#showreel-link{background:var(--bang);border-radius:var(--radius);padding:.5em 1em;transition:background .2s}#showreel-link:hover{background:color(from var(--bang) srgb r g b / .5)}.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%}.white-bg{background:var(--light);z-index:2}.paper-bg{z-index:5;background-image:url(/media/img/textil-light-texture.jpg);background-position:50%;background-repeat:repeat;background-size:100%;position:relative}#intro-wrap{z-index:10;position:relative}#intro{z-index:5;box-sizing:border-box;padding:0 1%;position:relative}.delay-border{position:absolute}#d-border-top-1{background-color:var(--accent);z-index:2;height:100vh;top:25px;left:0;right:0}#d-border-top-2{background-color:var(--bang);z-index:1;height:100vh;top:40px;left:0;right:0}#d-border-bottom-1{background-color:var(--accent);height:100vh;margin-top:-50px;left:0;right:0}#d-border-bottom-2{background-color:var(--bang);height:100vh;margin-top:-75px;left:0;right:0}#showreel-wrap{box-sizing:border-box;background-color:#f25a70;width:100vw;height:calc(100vh + 40px);padding:40px 0 75px;position:relative}#showreel-overlay{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#showreel-teaser{object-fit:cover;width:100%;height:100%}#showreel-blur{background:#37323280;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#s-msg1{z-index:5;position:relative}#s-msg1 img{height:7rem}#showreel-visible{object-fit:cover;width:100%;height:100%}#portrait{width:100%;max-height:500px}.trennstrich{background-image:url(/media/img/trennstrich-topwhite.png);background-position:top;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)}#projekte-overview a{z-index:5;position:relative}#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}