@import url(https://fonts.googleapis.com/css2?family=Gamja+Flower&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Tiny5&display=swap);@import url(https://fonts.googleapis.com/css2?family=Zen+Dots&display=swap);@import url(https://fonts.googleapis.com/css2?family=Racing+Sans+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Jomhuria&display=swap);@import url(https://fonts.googleapis.com/css2?family=Barriecito&display=swap);@import url(https://fonts.googleapis.com/css2?family=Rampart+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Tilt+Warp&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kirang+Haerang&display=swap);@import url(https://fonts.googleapis.com/css2?family=Belanosima:wght@400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bagel+Fat+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bagel+Fat+One&family=Belanosima:wght@400;600;700&family=Quicksand:wght@300..700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#ffec6f;color:#000;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}html{overflow-y:scroll}p{color:#000;font-family:Quicksand,sans-serif;font-size:1.2em;font-weight:600;line-height:1.2em}a{text-decoration:none}h1{font-size:4em;font-style:normal;font-weight:800;margin:0}h1,h2{color:#000;font-family:Quicksand,sans-serif;letter-spacing:.01em;padding:0}h2{font-style:bold;font-weight:400;margin-top:-50px}h2,h3{font-size:2em}h3{color:#fff;font-family:Quicksand,sans-serif}video{height:100%;width:100%}.OverlayContainer{height:100vh;overflow-y:scroll;position:fixed;width:100vw}.OverlayContainer,.mySection{display:flex;flex-direction:column}.mySection{align-items:center;flex:1 1;justify-content:center;margin:0;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;overflow:hidden;position:relative;scroll-snap-align:start;text-align:left;width:100%}@media (orientation:portrait){.mySection{width:100vw}}.Header{align-items:flex-end;background-color:#fff;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:row;height:10vh;position:fixed;top:0;width:100vw}.logo{display:flex;height:70%;margin-left:13vw;margin-top:15px;padding-bottom:10px}.anchors{align-items:flex-end;display:flex;gap:30px;height:100%;padding-bottom:15px;position:absolute;right:13vw}.topLink p{font-size:15px;font-weight:800;margin-bottom:0;margin-top:0}.CoverBG{height:100%;width:100%}.CoverBG,.myTitle{margin:0;padding:0}.myTitle{color:#000000d9;font-family:Quicksand,sans-serif;font-size:15em;font-style:normal;font-weight:400;letter-spacing:.01em}.mySubTitle{padding-right:5px;text-align:right}@media (orientation:portrait){.Header{flex-direction:column;height:10vh}.Header,.logo{align-items:center;justify-content:center}.logo{display:flex;margin-left:0;margin-top:25%;padding-bottom:0}.anchors{display:none}.myTitle{font-size:18vw;margin-bottom:50px;text-align:center}.mySubTitle{font-size:7vw;line-height:1.2em;text-align:center}}.ServicesContainer{align-self:center;color:#000;display:flex;gap:20px;margin-bottom:5%;margin-top:20vh;width:75vw}.ServicesTextWrap{align-items:center;background-color:#fff;border:4px solid #ffde00;border-radius:15px;display:flex;flex:1 1;height:50px;justify-content:center}.ServicesTextWrap:nth-child(2),.ServicesTextWrap:nth-child(4){margin-top:30px}.serviceTitle span{color:#000;font-size:2em}.serviceTitle{color:#000;color:#ffde00;flex:1 1}.serviceTitle p{font-size:1.7em;margin:0}.ServicesTextWrap h3{color:#000;font-family:Quicksand,sans-serif;font-style:bold;font-weight:400}@media (orientation:portrait){.ServicesContainer{align-items:center;border-radius:25px;flex-direction:column;gap:10px;margin:10% 10px 10px;min-height:200px;padding:15px}.serviceTitle{font-size:.9em;margin-left:-140px}.ServicesTextWrap{background-color:#ffde00;height:20%;padding:0;width:100%}.ServicesTextWrap h3{font-size:1.3em;font-weight:800;margin-bottom:1px;margin-top:5px}.ServicesTextWrap:nth-child(2),.ServicesTextWrap:nth-child(4){margin:0}p{font-size:1em;line-height:1.4em;margin:10px}iframe{height:100%;width:100%}}.ar-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin:3% auto auto;max-width:75vw}.ar-card-container:nth-child(2),.ar-card-container:nth-child(4){margin-bottom:30px;margin-top:30px}.ar-card-container>div:not(:last-child){margin-bottom:20px}.mobile-ar-grid{display:flex;min-height:50vh;overflow:hidden;padding:0 10px;position:relative;width:100%}.mobile-ar-card-scroll-container{-webkit-overflow-scrolling:touch;align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;gap:15px;overflow-x:auto;padding-bottom:20px;padding-top:10px;width:100%}.mobile-ar-card-scroll-container::-webkit-scrollbar{height:8px}.mobile-ar-card-scroll-container::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.mobile-ar-card-scroll-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.mobile-ar-card-scroll-container::-webkit-scrollbar-thumb:hover{background:#555}.ARCard_mobile{aspect-ratio:9/16;background-color:#f0f0f0;border-radius:15px;box-shadow:4px 4px 10px #0003;flex-shrink:0;max-width:280px;overflow:hidden;width:70vw}.PrevWorkContainer{background-color:#000000d9;display:flex;flex-direction:column;height:100vh;width:100vw}.VideoContainer{margin:auto;width:100%;width:70%}.prevWorkTitle{font-family:Bagel Fat One,system-ui;font-weight:400;letter-spacing:.02em;margin:0 0 10px;padding:0}iframe{aspect-ratio:16/9;border:none;margin:0;padding:0;width:100%}@media (orientation:portrait){.VideoContainer{width:100vw}.prevWorkTitle{text-align:center}}.AboutUsContainer{align-items:center;background-color:#ffde00;display:flex;flex-direction:column;gap:7vh;height:100vh;justify-content:center;width:100vw}.aboutUsTitle{color:#000000d9;font-size:5em;font-weight:400;letter-spacing:.02em;text-align:center}.Team{align-items:center;flex-direction:row;gap:1vw}.Team,.TeamMember{display:flex;justify-content:center}.TeamMember{flex:1 1;flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:36vw}.TeamMember:nth-child(2){flex-direction:row-reverse}.MemberText li,.MemberText ul{color:#000}.MemberText a,.MemberText h3{color:#000;margin-top:3px}.MemberText h3{font-weight:800;letter-spacing:.02em;margin-bottom:3px;margin-top:0;text-decoration:underline}.MemberText p{font-size:1em}.MemberText{background-color:#fff;border:3px solid #000;border-radius:25px;display:flex;flex-direction:column;justify-content:space-between;margin-left:-40px;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;padding:5% 5% 5% 60px}.MemberInfo{border-bottom:3px dashed #000;flex:1 1;padding-bottom:15px}.website_socials{flex:1 1;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;text-align:right}.MemberText ul{margin:0;padding-left:15px}.JobDescription{color:rgba(0,0,0,.312);margin:0 0 10px}.MyImg{align-self:center;border-radius:50%;height:200px;position:relative;top:0;width:200px}.socials{align-self:flex-end;display:flex;flex-direction:row;gap:15px;justify-self:flex-end}.social_1{height:20px;width:20px}.mobileOnly{display:none}@media (orientation:portrait){.AboutUsContainer{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0;padding:0;width:100vw}.AboutUsContainer h1{padding-top:50px;text-align:center}.TeamMember{flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:10vh;min-width:90vw}.TeamMember:first-child{left:0}.TeamMember:nth-child(2){display:none}.MemberInfo{padding-bottom:30px}.mobileOnly{display:flex;margin-top:-5px}.MemberText{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0;padding:60px 10vw 10vw}.MyImg{height:200px;margin-bottom:-50px;width:200px}.MyImg:first-child{position:relative;right:0}.JobDescription{text-align:center}ul{padding-left:20px}.website_socials{flex:1 1;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;padding-top:20px;text-align:center}.socials{flex-direction:row;gap:20px;justify-self:center;margin-top:20px}.social_1{height:30px;width:30px}a{text-decoration:underline}a,h3{text-align:center}}.ContactContainer{color:#000;padding:10px;width:50%}.ContactContainer,.contact{background-color:#fff;border-radius:25px}.contact{border:3px solid #000;display:flex;gap:20px;justify-self:center;margin-bottom:30vh;margin-top:30vh;padding-top:2vh;text-align:center;width:50vw}.contact p{font-weight:200;margin:0}.contact h1{color:#ffde00;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.contact h3{color:#000;font-size:1.5em;font-weight:400;margin:0 0 -30px;padding:0;text-align:center}.ContactContainer a{color:#000}.ContactContainer .socials{color:#000;display:flex;flex-direction:row;font-size:1.5em;font-weight:400;justify-content:space-around;margin:auto;max-width:80%;width:10vw}.hiddenImpressum{font-weight:200;justify-self:center;text-align:left;width:55%}.hiddenImpressum h3{font-weight:800;margin:0;text-align:left}@media (orientation:portrait){.contact{height:50vh;margin-bottom:20vh;margin-top:10vh;width:90vw}.ContactContainer{width:78%}.ContactContainer h1{font-size:3em}.ContactContainer .socials{margin-top:20px;width:60%}.hiddenImpressum h3{font-size:2em;margin:20px 20px 0}.hiddenImpressum p{font-size:1.3em}.hiddenImpressum{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}}.scrollable-panels-section{background-color:#fff;padding:20px 0 30px;position:relative}.scrollable-panels-title{color:#000;font-family:Quicksand,sans-serif;font-size:clamp(1.5rem,5vw,2rem);font-weight:800;margin-bottom:clamp(10px,4vw,10px);margin-top:40px;padding:10px;text-align:center}.scrollable-panels-container{gap:20px;margin:0 auto;max-width:min(100%,60vw);padding:0 clamp(15px,3vw,50px)}.scroll-arrow,.scrollable-panels-container{align-items:center;display:flex;justify-content:center}.scroll-arrow{background-color:#fff;border-radius:50%;color:#000;cursor:pointer;flex-shrink:0;font-size:clamp(24px,3vw,32px);font-weight:700;height:50px;position:relative;transition:all .1s ease;width:50px}.scroll-arrow img{width:20px}.scroll-arrow:hover{transform:scale(1.1)}.scroll-arrow span{font-size:clamp(35px,4vw,50px);height:100%;justify-content:center;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.scroll-arrow span,.work-panel{align-items:center;display:flex}.work-panel{background-color:#fff;border:clamp(4px,.5vw,4px) solid #ffde00;border-radius:clamp(20px,3vw,25px);box-shadow:8px 8px 25px #0003;gap:15px;height:60vh;padding:clamp(20px,20vw,20px);transition:all .3s ease}.vertical-panel{flex-direction:row;gap:50px}.horizontal-panel{flex-direction:column}.panel-video{align-items:center;border-radius:15px;display:flex;justify-content:flex-start;max-height:100%;overflow:hidden}.panel-video-element{animation:fadeInScale .6s ease;border-radius:15px;transition:all .4s ease}.horizontal-video{width:100%}.vertical-video{aspect-ratio:9/16;background-color:#ffde00;max-height:80%;max-width:280px}.panel-content{flex:1 1;overflow:visible}.vertical-content{margin:10px auto}.horizontal-content{width:90%}.vertical-content p{line-height:.5em;margin-left:20px;width:70%}.panel-content h2{animation:slideInFromRight .5s ease;color:#000;font-family:Quicksand,sans-serif;font-weight:800;margin-bottom:10px;margin-top:0;transition:all .3s ease}.panel-content p{animation:slideInFromRight .6s ease;color:#333;font-size:.8em;line-height:1.2em;margin:0;transition:all .3s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.panel-indicators{display:flex;gap:20px;justify-content:center;margin-bottom:30px;margin-top:20px}.indicator{background-color:initial;border:4px solid #ffde00;border-radius:50%;cursor:pointer;height:20px;transition:all .3s ease;width:20px}.indicator.active,.indicator:hover{background-color:#ffde00}.indicator:hover{transform:scale(1.2)}.panel-link-button{animation:slideInFromRight .7s ease;background-color:#ffde00;border-radius:25px;color:#000;display:inline-block;font-family:Quicksand,sans-serif;font-size:1.2em;font-weight:700;margin-top:25px;padding:5px 15px;text-decoration:none;transition:all .3s ease}.panel-link-button:hover{background-color:#000;box-shadow:0 4px 10px #0003;color:#ffde00;transform:translateY(-2px)}.ARCard{aspect-ratio:9/16;border-radius:25px;box-shadow:4px 4px 10px #0006;overflow:hidden}.desktop-only{display:flex}.mobile-only{display:none}.mobile-navigation{display:none;gap:40px;justify-content:center;margin-top:20px}@media (orientation:portrait){.desktop-only{display:none}.mobile-only{display:flex}.scrollable-panels-section{min-height:100vh;padding:0}.scrollable-panels-title{font-size:2em;margin-bottom:5px}.scrollable-panels-container{flex-direction:column;gap:0;justify-content:center;max-width:100%}.work-panel{flex-direction:column;gap:10px;max-width:55vw;min-height:auto;text-align:center;touch-action:pan-y;width:70vw}.panel-video{border-radius:10px;display:flex;order:1;width:100%}.panel-content{order:2}.vertical-panel{gap:0;height:65vh}.vertical-content p{display:none}.vertical-content{display:flex;flex-direction:column;justify-content:center;width:100%}.panel-content h2{font-size:2em;margin-bottom:10px;text-align:center}.panel-content p{font-size:1.2em;line-height:1.3;margin-bottom:20px;text-align:center}.panel-link-button{display:block;font-size:1.1em;margin:0 auto;padding:12px 67px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.scroll-arrow{border:3px solid #000;height:40px;width:40px}.scroll-arrow span{font-size:30px}.panel-indicators{display:none;gap:12px;margin-top:30px}.indicator{border:2px solid #ffde00;height:14px;width:14px}.horizontal-video{aspect-ratio:1/1;border-radius:5px;object-fit:cover;width:100%}.vertical-video{border-radius:5px;max-height:100%;max-width:100%;object-fit:contain}}
/*# sourceMappingURL=main.c89ffed6.css.map*/