.content-wrap{width:100%;display:flex;justify-content:center}.content-inner{max-width:1200px;width:100%}.Header-inner{display:flex;justify-content:space-between}a{text-decoration:none}p{color:#667078}h1{font-size:32px;font-weight:600;color:#001021}h2{font-size:24px;font-weight:600;color:#001021}h3{font-size:20px;font-weight:600;color:#001021}h4{font-size:16px;font-weight:600;color:#001021}button{cursor:pointer}.Header-left ul li{text-decoration:none;list-style:none}.Header-left ul{display:flex;gap:16px}.Header-left ul li a{text-decoration:none;font-size:18px;font-weight:600;color:#fff;text-decoration:underline}.Header-wrap{background-color:#001020;padding-top:8px;padding-bottom:8px}.Header-right{display:flex;gap:16px;align-items:center}.Header-lang-select{display:flex;align-items:center;gap:8px}.Header-lang-select select{padding:8px;border-radius:4px;border:none;background-color:#fff;color:#000}#Header-main-logo svg{display:flex;width:52px;height:52px}#Header-main-logo{margin-right:24px}.Header-left ul li{display:flex;align-items:center}.Header-abilities{position:relative}.Header-dropdown{position:absolute;top:100%;flex-direction:column;z-index:100;background-color:#667079;padding:16px;border-radius:4px;display:none}.Header-abilities{display:flex;align-items:center}.Header-abilities svg{width:17px;height:17px;margin-left:4px}.Header-dropdown ul{flex-direction:column}.Header-dropdown ul li a{color:#fff;font-size:16px;font-weight:500;text-decoration:none}.Header-abilities:hover .Header-dropdown{display:flex;animation:fadeIn .3s ease-in-out}#Header-scrolled{position:fixed;top:0;width:100%;z-index:1000;background-color:#001020;transition:box-shadow .8s ease,background-color .3s ease;animation:fadeIn .3s ease-in-out}.Header-responsiveMenu{display:none;position:relative}#Header-responsiveMenu-button{background-color:#001020;border:none}.Header-responsiveMenu-button{animation:rotation .3s ease-in-out}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(-90deg)}}.Header-responsiveMenu-dropdown ul li{color:#fff;list-style:none;margin-top:8px}.Header-responsiveMenu-dropdown ul li a{font-size:24px;color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.Header-responsiveMenu-dropdown{top:48px;left:0;background-color:#001020;padding:16px;width:100%;height:100vh;border-radius:4px;position:fixed;animation:flying .3s ease-in-out;z-index:9900}@keyframes flying{0%{transform:translateY(-100%);opacity:1}to{transform:translateY(0);opacity:1}}*{margin:0;padding:0;box-sizing:border-box}.Footer-wrap{width:100%;display:flex;justify-content:center;background-color:#001020;color:#fff;padding-bottom:32px;padding-top:32px}.Footer-inner{width:100%;max-width:1200px}.Footer-social{display:flex;gap:16px;padding-bottom:16px}.Footer-social a svg{width:32px;height:32px}.Footer-terms{display:flex;justify-content:space-between;color:#f2f3f4;font-size:14px}.Footer-terms-links{display:flex;gap:16px}.Footer-terms-links a{color:#f2f3f4;font-size:14px;text-decoration:underline}.Footer-text{display:flex;justify-content:space-between;padding-top:32px}.Footer-contact-wrap a{color:#fff}.Footer-text h4{padding-bottom:16px;font-weight:500;color:#fff;text-decoration:underline}#Footer-up-button{width:48px;height:48px;background-color:#fff;border:none;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.Footer-Up-button-div{display:flex;justify-content:flex-end;padding-bottom:32px}.ThreeModel-wrap{width:100%;display:flex;background-color:#001020;position:relative;cursor:grab}.ThreeModel-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#001020;font-size:32px;font-weight:700;margin-top:-72px}.ThreeModel-text p{font-size:16px;max-width:540px;animation:fadeInLettersSubtext 10s infinite}.ThreeModel-text h2{font-size:64px;font-weight:600;letter-spacing:6px;color:#fff;display:inline-block;overflow:hidden;white-space:nowrap;animation:fadeInLetters 10s infinite}@keyframes fadeInLetters{0%{width:0;opacity:0}20%{width:100%;opacity:1}}@keyframes fadeInLettersSubtext{0%{opacity:0}20%{opacity:0}25%{opacity:1}}.welcome-banner{display:flex}.welcome-banner-content-left{flex-basis:50%;display:flex;justify-content:center;align-items:center}.welcome-banner-content-right{flex-basis:50%}.welcome-banner-content-right img{width:100%;height:auto}.welcome-banner-wrap{padding-top:64px;padding-bottom:64px}.welcome-banner-content-left-top{padding-right:64px}.welcome-banner-content-left-top h2{margin-bottom:16px}#WelcomeBanner-Aboutme{padding:16px 32px;background-color:#001020;color:#fff;border-radius:24px;display:flex;width:fit-content;gap:8px;align-items:center;justify-content:center}.welcome-banner-content-left-top p{margin-bottom:8px}.SkillBlock-wrap{width:100%;padding-top:64px;padding-bottom:64px;display:flex;background-color:#f2f3f4}.SkillBlock-content{display:flex;justify-content:space-between;gap:24px}.SkillBlock-content-item{background-color:#001020;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 10px 16px #0000001a;width:100%;border-radius:8px;padding-top:32px;padding-bottom:32px;max-width:276px;color:#fff;font-size:16px}.SkillBlock-content-item svg{width:64px;height:64px}.SkillBlock-title h3{font-size:32px;font-weight:600;margin-bottom:8px;color:#001020}.SkillBlock-title p{max-width:640px}.SkillBlock-content-item h3{color:#fff}.SkillBlock-card-description{width:100%;padding:0 16px 72px;text-align:center;margin-top:16px;color:#fff}.SkillBlock-title{display:flex;padding-bottom:48px;justify-content:space-between;align-items:flex-end}#SkillBlock-ProjectsLink{padding:16px 32px;background-color:#001020;color:#fff;display:flex;align-items:center;gap:8px;border-radius:24px}.SkillBlock-readmore{color:#fff;font-size:16px;font-weight:500;padding:8px 16px;margin-top:16px;position:absolute;bottom:32px;border-radius:24px;background-color:#667078}#SkillBlock-ProjectsLink svg{width:20px;height:20px}.ContactMe-wrap{width:100%;padding-top:64px;padding-bottom:64px;display:flex;justify-content:center;background-color:#fff}.ContactMe-wrap-grey{background-color:#f2f3f4}.ContactMe-inner{max-width:1200px;display:flex;gap:24px;justify-content:space-between;background-color:#f2f3f4;padding:48px;border-radius:32px;width:100%}.ContactMe-text p{max-width:640px;margin-top:8px}.ContactMe-text p a{color:#667079;text-decoration:underline}.ContactMe-text{position:relative}#ContactMe-MailClient{padding:16px 32px;background-color:#001020;color:#fff;display:block;width:fit-content;text-align:center;display:flex;align-items:center;gap:8px;border-radius:24px}#ContactMe-SmallSquare{width:48px;height:48px;background-color:#f2f3f4;position:absolute;transform:rotate(45deg);bottom:-72px;left:48px}.AboutPage-inner{padding-top:64px;padding-bottom:64px}.about-section{margin-top:50px;padding:20px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9;display:flex;align-items:center;gap:20px}.about-section svg{flex-shrink:0}.about-section h3{margin-bottom:10px;color:#333}.about-section p{color:#555;line-height:1.6}.content-wrap{scroll-behavior:smooth}.AboutBlock-wrap{width:100%;display:flex;justify-content:center;padding-top:120px;padding-bottom:120px}.AboutBlock-inner{max-width:1200px;width:100%;padding:64px;background-color:#fff;border-radius:32px;box-shadow:0 2px 4px #0000001a;min-height:650px}.AboutBlock-wrapper{width:100%;height:auto;border-radius:16px;margin-bottom:24px}.AboutBlock-inner h2{font-size:48px;font-weight:600;color:#001021;letter-spacing:2px}.AboutBlock-inner p{color:#667078;font-size:16px;line-height:1.5;margin-top:8px;margin-bottom:24px}.AboutBlock-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}.AboutBlock-header div{display:flex;gap:16px}.AboutBlock-header div a{color:#fff;text-decoration:none;padding:8px 16px;font-size:14px;display:flex;align-items:center;gap:4px;border-radius:24px;transition:background-color .3s ease;background-color:#001021}.AboutBlock-header div a:last-of-type{background-color:#04468d}.AboutBlock-header div a:hover{opacity:.8}.ProjectPage-wrap{width:100%;padding-top:64px;padding-bottom:64px;display:flex;justify-content:center;background-color:#f2f3f4}.ProjectPage-inner{max-width:1200px;display:flex;gap:24px;justify-content:space-between;background-color:#f2f3f4;padding:48px;border-radius:32px;width:100%}.ProjectPage-card{padding:16px;box-shadow:0 2px 4px #0000001a;border-radius:8px;margin-bottom:16px}.ProjectPage-card h2{margin-bottom:24px}.ProjectPage-card-white{background-color:#fff}.ProjectPage-card-grey{background-color:#f2f3f4}@media (max-width: 1024px){.ProjectPage-inner{flex-direction:column;align-items:center}.ProjectPage-image{width:100%;display:flex;justify-content:center;margin-top:24px}.ProjectPage-image img{width:100%;width:unset!important;max-width:450px}}.SkillDetailBlock-wrap{display:flex;justify-content:center;width:100%;padding-top:64px;padding-bottom:64px}.SkillDetailBlock-inner{max-width:1200px;width:100%}.SkillDetailBlock-text p{margin-bottom:16px;font-size:16px;line-height:1.5;color:#667078;margin-top:16px;max-width:640px}.SkillDetailBlock-text h2{font-size:32px;font-weight:600;color:#001021;margin-bottom:16px;letter-spacing:2px}.SkillDetailBlock-banner{width:100%;height:auto;border-radius:16px;margin-bottom:24px}@media (max-width: 768px){.SkillDetailBlock-text{padding-left:16px;padding-right:16px}}.Impressum-wrap{width:100%;display:flex;justify-content:center;padding-top:120px;padding-bottom:120px;background-color:#f2f3f4}.Impressum-inner{max-width:1200px;width:100%;padding:64px;background-color:#fff;border-radius:32px;box-shadow:0 2px 4px #0000001a;min-height:340px}.Impressum-inner h2{font-size:48px;font-weight:600;color:#001021;margin-bottom:16px;letter-spacing:2px}.Impressum-inner h4{font-size:24px;font-weight:600;color:#001021;margin-bottom:8px;letter-spacing:1px}.Impressum-inner p{color:#667078;font-size:16px;margin-top:8px}.Impressum-inner p:first-of-type{margin-top:64px}@media (max-width: 1200px){.content-inner{padding-left:16px;padding-right:16px}}@media (max-width: 1024px){.SkillBlock-content{justify-content:center;flex-wrap:wrap}}@media (max-width: 768px){.welcome-banner{flex-direction:column}.welcome-banner-content-left-top{padding-bottom:32px}.SkillBlock-title{flex-direction:column;gap:24px;align-items:center}.Header-left ul li{display:none}.Header-left ul li:first-child{display:flex}.Header-responsiveMenu{display:block!important}.Header-responsiveMenu-dropdown{display:block}#Header-main-logo svg{width:40px;height:40px}}@media (max-width: 480px){.ContactMe-inner{display:flex;flex-direction:column;margin-left:16px;margin-right:16px}#ContactMe-SmallSquare{display:none}.Footer-text{flex-direction:column}.Footer-inner{padding-left:16px;padding-right:16px}.Footer-Up-button-div{margin-top:16px}.ThreeModel-text h2{font-size:48px;max-width:320px}.ThreeModel-text p{max-width:350px}}