.btnAnimation:hover~.gitCat{position:relative;animation:moveRotate .3s linear forwards}.btnAnimation:not(:hover)~.gitCat{position:relative;animation:reverseMoveRotate .3s linear forwards}.btnAnimation:hover~.linked{position:relative;animation:moveRotate .3s linear forwards}.btnAnimation:not(:hover)~.linked{position:relative;animation:reverseMoveRotate .3s linear forwards}.btnAnimation:hover~.mail{position:relative;animation:moveRotate .3s linear forwards}.btnAnimation:not(:hover)~.mail{position:relative;animation:reverseMoveRotate .3s linear forwards}@keyframes moveRotate{0%{left:0;opacity:0;transform:rotate(0)}to{left:50px;opacity:1;transform:rotate(360deg)}}@keyframes reverseMoveRotate{0%{left:50px;opacity:1;transform:rotate(360deg)}to{left:0;opacity:0;transform:rotate(0)}}.btnAnimation{cursor:pointer;border-radius:100px;width:107px;height:40px;font-size:18px;font-weight:500;color:#f5f5f5;background-color:transparent;border:none;overflow:hidden;transition:color .1s,transform .05s}.btnAnimation:before{content:"";position:absolute;top:0;left:50%;width:0;height:100%;background-color:#35f;transition:width .05s,left .05s;z-index:-1}.btnAnimation:hover:before{width:100%;left:0}.btnAnimation:hover{color:#f5f5f5;transform:scaleX(1)}.btnAnimation:not(:hover):before{width:0;left:50%}.btnAnimation:not(:hover){transform:scaleX(1)}.aboutMe{position:relative;display:inline-block;width:105px;height:45px;overflow:hidden}.aboutMe .aboutMeText{position:absolute;width:200px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;text-align:center;mix-blend-mode:difference}.aboutMe .aboutMeOutLine{position:absolute;top:0;left:0;height:0;overflow:hidden;transition:height .4s ease;z-index:1}.aboutMe .aboutMeOutLine img{width:105px;height:43px;object-fit:cover}.aboutMe:hover .aboutMeOutLine{height:42px}.skills{position:relative;display:inline-block;width:105px;height:45px;overflow:hidden}.skills .skillsText{position:absolute;mix-blend-mode:difference;width:200px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;text-align:center}.skills .skillsOutLine{position:absolute;top:0;left:0;width:0;overflow:hidden;transition:width .4s ease;z-index:1}.skills .skillsOutLine img{width:105px;height:43px;object-fit:cover}.skills:hover .skillsOutLine{width:105px}.switch{position:relative;display:inline-block;width:40px;height:24px}.switch img{position:absolute;top:12px;left:0;transition:left .2s ease-in-out}.switch img+img{top:8px}.switch .switch-animate{left:16px}.switch .switch-reverse{left:0}.switch-active{animation:switch .2s linear forwards}@keyframes switch{0%{left:0}to{left:16px}}@keyframes reverseSwitch{0%{left:16px}to{left:0}}.languageSwitchEn{position:relative;display:inline-block;width:45px;height:30px}.languageSwitchEn .languageTextEn{background-color:transparent;position:relative;border:none;height:32px;width:40px;font-size:18px;color:#fff;z-index:2;cursor:pointer}.languageSwitchEn .languageTextEn.active{color:#f87a55}.languageSwitchEn .deOutLine{position:absolute;top:-2px;left:2px;width:0;overflow:hidden;transition:width .2s ease;z-index:1}.languageSwitchEn .deOutLine img{width:36px;height:36px;object-fit:cover}.languageSwitchEn:hover .deOutLine{height:36px;width:36px}.languageSwitchDe{position:relative;display:inline-block;width:45px;height:30px}.languageSwitchDe .languageTextDe{background-color:transparent;position:absolute;border:none;height:32px;width:40px;font-size:18px;color:#fff;z-index:2;cursor:pointer}.languageSwitchDe .languageTextDe.active{color:#f87a55}.languageSwitchDe .deOutLine{position:absolute;top:-2px;left:2px;width:0;overflow:hidden;transition:width .2s ease;z-index:1}.languageSwitchDe .deOutLine img{width:36px;height:36px;object-fit:cover}.languageSwitchDe:hover .deOutLine{height:36px;width:36px}.skillItemImage{width:72px;height:72px;filter:grayscale(100%);transition:filter .3s ease}.skillItemImage:hover{filter:grayscale(0%);width:56px;height:56px}.image-container{position:relative;max-width:560px;max-height:400px;overflow:hidden;border-radius:10px}.image-container img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease-in-out}.image-container .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#000000b3 20%,#0000 80%);opacity:0;transition:opacity .3s ease-in-out}.image-container .hover-button{border:1px solid #FFFFFF;position:absolute;bottom:50px;right:50px;border-radius:100px;background-color:transparent;color:#fff;font-size:18px;font-weight:500;padding:8px 25px;box-shadow:2px 4px #fff;cursor:pointer;opacity:0;transition:opacity .3s ease-in-out;transition:background-color .2s,box-shadow .2s,transform .2s}.image-container .hover-button:hover{background-color:#f87a55;box-shadow:none;transform:translate(2px,4px)}.image-container:hover img{transform:scale(1.2)}.image-container:hover .overlay,.image-container:hover .hover-button{opacity:1}@media (max-width: 1080px){.image-container .hover-button{cursor:pointer;background-color:#f87a55;opacity:1}}.floating-laptop{animation:floating 3s infinite ease-in-out}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-30px)}to{transform:translateY(0)}}.image-container:hover .floating-laptop{animation:hoverEffect1 .2s ease-in-out forwards}.image-container:hover:active .floating-laptop{animation:hoverEffect2 .4s ease-in-out forwards}@keyframes hoverEffect1{0%{transform:translateY(20px)}to{transform:translate(-20px)}}.hbMenue{background-image:url("./media/hbMenue-DFZJJY2Z.png");background-size:cover;background-position:bottom;display:flex;flex-direction:column;position:absolute;top:0;right:0;max-width:375px;width:100%;height:560px;transition:all .25s ease-in-out;filter:drop-shadow(-3px 3px 5px rgb(37,37,37));z-index:2;display:none}.hbMenueOn{cursor:pointer;display:none}.hbMenueHead{display:flex;justify-content:space-between;align-items:center;gap:0px;padding:16px}.hbMenueLogo{width:100px}.xclose{width:32px;height:32px;cursor:pointer}.hbMenueLine{display:flex;justify-content:center;align-items:center;gap:0px;padding-top:30px;width:100%}.hbIcons{display:flex;justify-content:center;align-items:center;gap:24px;padding-top:40px}.hamburgerContainerToOpen{display:flex!important;opacity:1;transform:translate(0);transition:opacity .25s ease-in-out,transform .25s ease-in-out}.hamburgerContainerToClose{opacity:0;transform:translate(100%);transition:opacity .25s ease-in-out,transform .25s ease-in-out;pointer-events:none}.link{display:flex;justify-content:center;align-items:center;gap:0px;background-color:#000;border:1px solid whitesmoke;margin-bottom:10px;border-radius:50%;width:40px;height:40px;position:relative;overflow:hidden;transition:background-color .3s}.link>img{z-index:10}.link:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;background-color:#35f;transition:height .1s;z-index:1}.link:hover:before{height:100%}.git{display:flex;justify-content:center;align-items:center;gap:0px;background-color:#000;border:1px solid whitesmoke;margin-bottom:10px;border-radius:50%;width:40px;height:40px;position:relative;overflow:hidden;transition:background-color .3s}.git>img{z-index:10}.git:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;background-color:#35f;transition:height .1s;z-index:1}.git:hover:before{height:100%}.mail{display:flex;justify-content:center;align-items:center;gap:0px;background-color:#000;border:1px solid whitesmoke;margin-bottom:10px;border-radius:50%;width:40px;height:40px;position:relative;overflow:hidden;transition:background-color .3s}.mail>img{z-index:10}.mail:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;background-color:#35f;transition:height .1s;z-index:1}.mail:hover:before{height:100%}.getInTouch{border:1px solid whitesmoke;border-radius:100px;background-color:transparent;color:#f5f5f5;font-size:18px;font-weight:500;padding:8px 25px;box-shadow:2px 3px #f5f5f5;transition:background-color .1s,box-shadow .2s,transform .2s}.getInTouch:hover{background-color:#f87a55;box-shadow:none;transform:translate(2px,3px)}@media (max-width: 920px){.hbMenueOn{cursor:pointer;display:flex}}*{scroll-behavior:smooth;margin:0}body{background-color:#000;margin:0}button{cursor:pointer;border:none}.fontKalam{font-family:Kalam}.fontBricolageGrotesque{font-family:Bricolage Grotesque}@font-face{font-display:swap;font-family:Bricolage Grotesque;font-style:normal;font-weight:400;src:url("./media/BricolageGrotesque-Regular-W7XQTI4F.ttf") format("truetype")}@font-face{font-display:swap;font-family:Kalam;font-style:normal;font-weight:400;src:url("./media/Kalam-Regular-U2DFVZAB.ttf") format("truetype")}
/*# sourceMappingURL=styles-ZCZQD3U3.css.map */