:root{--color-darkblue:#3659bf;--color-darkblue-darker-hover:#2d4899;--color-lightblue:#698df9;--color-lightblue-darker-hover:#6384e8;--color-purple:#565fe3;--color-blue1:#5a6feb;--color-blue2:#617ef2;--color-white:#fff;--color-black:#000;--font-main:"Inter", sans-serif}html{overflow-x:hidden}body{background-color:var(--color-darkblue);min-height:100vh;font-family:var(--font-main);color:var(--color-white);flex-direction:column;margin:auto 0;display:flex;position:relative;overflow-x:hidden}html.no-scroll{overflow:hidden}.arrow-container{justify-content:center;align-items:center;width:100%;display:flex;position:absolute;top:80vh;left:0}.chevron{opacity:0;width:2.1rem;height:.5rem;animation:3s ease-out infinite move-chevron;position:absolute;transform:scale(.3)}.chevron:first-child{animation:3s ease-out 1s infinite move-chevron}.chevron:nth-child(2){animation:3s ease-out 2s infinite move-chevron}.chevron:before,.chevron:after{content:"";background:#fff;width:50%;height:100%;position:absolute;top:0}.chevron:before{left:0;transform:skewY(30deg)}.chevron:after{width:50%;right:0;transform:skewY(-30deg)}@keyframes move-chevron{25%{opacity:1}33.3%{opacity:1;transform:translateY(2.3rem)}66.6%{opacity:1;transform:translateY(3.12rem)}to{opacity:0;transform:translateY(4.8rem)scale(.5)}}#headline-container{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:3%;width:100%;margin-bottom:5%;display:flex}#headline-text{flex-direction:column;width:50%;font-size:clamp(.5rem,2vw,1.2rem);display:flex}#headspan{text-align:right;justify-content:center;align-self:center;width:100%;margin:0;font-size:clamp(2rem,8vw,9rem);font-weight:700;transition:font-size .8s;display:flex}.image-container{background-color:#0000;border-radius:20px;flex-wrap:wrap;justify-content:center;gap:5px;width:50%;padding:1rem;transition:background-color .8s;display:flex}#box-container{background-color:#0000;border-radius:15px;flex-flow:wrap;justify-content:space-between;gap:15px;width:100%;padding:15px;transition:background-color .8s;display:flex}#skills{opacity:0;flex-basis:100%;font-size:clamp(1rem,2vw,1.2rem);transition:opacity .8s}.box{opacity:0;background-color:var(--color-darkblue-darker-hover);color:#fff;box-sizing:border-box;transition:opacity .8s ease attr(data-delay ms, 0s), width .8s ease attr(data-delay ms, 0s);border-radius:12px;width:42%;padding:1.5rem}.box-headline{flex-flow:row;justify-content:space-between;align-items:center;display:flex}.box-headline h2{overflow-wrap:break-word;hyphens:auto;margin:0 10px 0 0;font-size:clamp(1rem,1vw,1.4rem)}.box-headline img{object-fit:contain;filter:invert(92%)sepia(93%)saturate(0%)hue-rotate(202deg)brightness(106%)contrast(106%);width:2rem;height:2rem}#headimg,#headimgfront{border:2px solid var(--color-lightblue);background-color:#fff;border-radius:15px;width:100%;height:fit-content;transition:width .8s;display:flex;position:relative}#headimgfront,#headimg.scrolled{border:none}.flip-card{aspect-ratio:16/9;background-color:#0000;width:100%}.flip-card-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s;position:relative}.flip-card-inner.scrolled{transform:rotateX(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;width:100%;height:100%;position:absolute}.flip-card-back{transform:rotateX(180deg)}#headline-container.scrolled .box{opacity:1;width:48%}#headline-container.scrolled #skills{opacity:1}#headline-container.scrolled .image-container{background-color:var(--color-darkblue-darker-hover)}#headline-container.scrolled #box-container{background-color:var(--color-darkblue)}#headline-container.scrolled .planung-container{opacity:1;max-height:800px}#headspan.scrolled{margin:auto;font-size:clamp(1rem,4vw,3rem)}.about-text{margin-bottom:3.5rem;font-size:clamp(.5rem,2vw,1.2rem)}.about-text h3{font-size:1.3rem}.text-content{margin-top:5%;margin-bottom:12%}.planung-container{opacity:0;flex-direction:column;gap:40px;max-height:0;transition:opacity .8s,max-height .8s;display:flex;overflow:hidden}.planung-text{flex:1;font-size:clamp(1rem,2vw,1.3rem)}#erwartungen{opacity:0;font-size:clamp(1rem,2vw,1.3rem);transition:opacity .8s}#erwartungen h3{font-size:clamp(1.2rem,2.2vw,1.5rem)}#figma-img-cnt{z-index:99;text-align:center;align-self:center;width:80%;height:fit-content}.figma-img{cursor:zoom-in;width:100%;height:fit-content}#figma-img-cnt.enlarged{z-index:9999;backdrop-filter:blur(10px);cursor:zoom-out;background-color:#000000e6;width:100vw;height:100vh;position:fixed;top:0;left:0}#figma-img-cnt.enlarged:before{content:"X";cursor:pointer;background-color:#fff0;width:30px;height:30px;font-size:clamp(1rem,2vw,1.5rem);position:absolute;top:5%;right:3%}#figma-img-cnt.enlarged .figma-img{object-fit:contain;cursor:zoom-out;width:fit-content;height:90vh;margin:0 auto;position:relative;top:3%}.about-contact-button{background-color:var(--color-lightblue);border-radius:1.3rem;padding:.9rem 1.2rem;font-size:1.2rem;font-weight:600;display:inline-block}.about-contact-button:hover{background-color:var(--color-lightblue-darker-hover);transform:translateY(-1px)}@media (width<=1400px){#headline-container.scrolled .box{width:100%}.planung-text,#erwartungen{font-size:1.2rem}#figma-img-cnt{width:95%}}@media (width<=1050px){.box{width:100%}}@media (width<=1050px) and (height>=1050px){#figma-img-cnt.enlarged .figma-img{width:90vw;height:fit-content;top:25vh}}@media (width<=900px){#figma-img-cnt.enlarged .figma-img{width:90vw;height:fit-content;top:25vh}}@media (width<=600px){#headline-container{flex-direction:column;justify-content:space-between;align-items:center;gap:3%;width:100%;margin-bottom:5%}#headline-text{width:100%}.image-container{width:100%;margin-top:2rem}#headspan.scrolled{margin:auto;font-size:2rem}#contact-container{justify-content:center;display:flex}}