:root{--main-drop-shadow:drop-shadow(10px 40px 30px rgba(0, 0, 0, 0.75));--main-box-shadow:0 0 20px 5px rgba(0, 0, 0, 0.25);--main-text-color:rgb(39, 39, 41)}body,html{margin:0;padding:0;box-sizing:border-box;font-size:10px;font-family:Montserrat,Helvetica,sans serif;color:var(--main-text-color);scroll-behavior:smooth;position:relative}header{position:relative;width:100%;height:auto;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:#f5f5f5}header#project-header nav{position:relative}header img{min-height:540px}.cta-wrapper{display:flex;position:absolute;bottom:0;flex-direction:column;align-items:center;justify-content:end;padding-bottom:15px;height:100%}.cta-wrapper.top{position:absolute;bottom:0}.cta-wrapper.bottom{position:relative;padding-bottom:0}.cta-wrapper .cta-wrapper-content{position:sticky;bottom:0;display:flex;flex-direction:column;align-items:center}.cta-wrapper .cta-wrapper-content .cta-text{font-size:2.6rem;padding:15px 0;text-align:center;font-weight:500}.cta-wrapper .cta-wrapper-content .cta-button{width:20px;height:auto;min-height:10px;transform:rotate(90deg)}.cta-wrapper .cta-wrapper-content .cta-button__bottom{margin:50px 0;transform:rotate(-90deg)}ol,ul{list-style:none;margin:0;padding:0}a{text-decoration:none;color:#073246;font-weight:700;word-break:break-word}h1,h2,h3,h4,h5{font-family:Raleway,Helvetica,sans serif;margin:0}main{flex-direction:column;display:flex;justify-content:center;align-items:center;padding:0 70px}nav{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:80px;z-index:2}nav ul{display:flex;justify-content:space-between;align-items:center;width:100%}nav li{position:relative;font-family:Raleway,Helvetica,sans serif;font-size:2.8rem;font-weight:500;margin:0 50px;cursor:pointer}nav li.active-link::after{position:absolute;content:"";width:45%;border-bottom:2px solid var(--main-text-color);bottom:-5px;left:0;right:0;margin:auto}nav li a{color:var(--main-text-color);font-weight:500}.sr-only{display:none}::-webkit-input-placeholder{color:var(--main-text-color);font-size:1.4rem;font-weight:700}:-moz-placeholder{color:var(--main-text-color);font-size:1.4rem;font-weight:700}::-moz-placeholder{color:var(--main-text-color);font-size:1.4rem;font-weight:700}:-ms-input-placeholder{color:var(--main-text-color);font-size:1.4rem;font-weight:700}footer{text-align:center;position:absolute;bottom:5px;width:100%}footer a{padding:5px;color:#333}header#me-header{background:0 0;height:unset;box-sizing:border-box}main{font-size:1.6rem;padding:60px 0 0}main .info-wrapper{display:flex;align-items:flex-start;justify-content:center;padding:0 75px;line-height:1.4}main .info-wrapper .profile-picture{width:75%;height:50%}main .info-wrapper__text-wrapper{width:50%;padding-right:75px;box-sizing:border-box}main .info-wrapper .text-wrapper__heading{font-weight:500;font-size:2rem}main .info-wrapper .picture-wrapper{width:50%}main .info-wrapper__table{width:50%;margin:100px 0;text-align:left;padding:0 60px}main .info-wrapper__table th{min-height:65px;font-size:1.8rem}main .info-wrapper__table tr{display:flex;flex-direction:row;gap:10px}main .info-wrapper__table td{padding:15px 0;display:inline}.contact-form-wrapper{width:100%;height:100vh;min-height:600px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background-color:#f0edea}.contact-form-wrapper .inner-wrapper{display:flex;justify-content:space-between;justify-content:space-evenly}.contact-form-wrapper .contact-data{display:flex;flex-direction:column;width:40%;gap:20px;font-weight:500}.contact-form-wrapper .contact-data a{display:flex;align-items:center;gap:10px;color:var(--main-text-color)}.contact-form-wrapper .contact-data a .insta-icon{width:25px}.contact-form-wrapper .contact-form{width:50%;max-width:675px}.contact-form-wrapper .contact-form .freude{display:flex;justify-content:space-between;margin:25px 0 50px 0}.contact-form-wrapper .contact-form .freude .letter-icon{transform:rotate(10deg);min-width:60px}.contact-form-wrapper .contact-form__input[type=email]:focus,.contact-form-wrapper .contact-form__input[type=text]:focus,.contact-form-wrapper .contact-form__select:focus,.contact-form-wrapper .contact-form__textarea:focus{outline:0;border-bottom:2px solid var(--main-text-color)}.contact-form-wrapper .contact-form form{display:flex;flex-direction:column}.contact-form-wrapper .contact-form form input{margin-bottom:25px;padding-left:5px;padding-bottom:12px;background-color:transparent;border:none;border-bottom:1px solid var(--main-text-color);font-family:Montserrat,Helvetica,sans-serif;font-size:1.4rem;font-weight:500}.contact-form-wrapper .contact-form form textarea{background-color:transparent;border:none;border-bottom:1px solid var(--main-text-color);font-family:Montserrat,Helvetica,sans-serif;font-size:1.4rem;font-weight:500}.contact-form-wrapper .contact-form__bottom-row-wrapper{display:flex;flex-direction:row-reverse;justify-content:end;align-items:center;gap:25px;margin:25px 0;transform:translateX(5%)}.contact-form-wrapper .contact-form .notification{text-align:center;opacity:0;font-size:1.6rem}.contact-form-wrapper .contact-form .notification.warning{color:#b12e32}.contact-form-wrapper .contact-form .notification.success{color:#257c19}.contact-form-wrapper .contact-form__submit-button{font-size:1.8rem;font-weight:700;border:none;cursor:pointer;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:Montserrat,Helvetica,sans-serif}.contact-form-wrapper .contact-heading{font-size:1.8rem;font-weight:700}@media only screen and (min-width:675px) and (max-width:1023px){header nav{height:65px}header nav li{font-size:2rem;margin:0 50px}header img{min-height:350px}.cta-wrapper .cta-wrapper-content .cta-text{font-size:1.8rem}.cta-wrapper .cta-wrapper-content .cta-button{width:18px}main#portfolio{padding:0 45px}main#portfolio .project .project__title{font-size:2.2rem;padding:25px;opacity:1}main#portfolio .project .project__img-wrapper::after{position:absolute;content:"";height:100%;width:100%;left:0;bottom:0;background:linear-gradient(to bottom,rgba(29,29,29,0) 50%,rgba(0,0,0,.35) 100%)}header#project-header{height:auto;padding:0}main#project{padding:0 50px}main#project h1,main#project h2{font-size:1.8rem}main#project .back-button{width:50px}main#project .content-wrapper__img-galary{gap:5px}main#project .content-wrapper__img-galary img{width:100%}main#project .content-wrapper__text-content{padding-left:40px}main#project .content-wrapper .text-content__project-title{width:100%}main#project .content-wrapper .text-content__project-title img{width:25%}main#project .content-wrapper .text-content__main-text{font-size:1.4rem}main#project .content-wrapper .text-content__details{padding:15px 0;font-size:1.4rem}header#me-header{height:auto;padding:0}main#me .info-wrapper{display:flex;align-items:flex-start;justify-content:center;padding:0 50px}main#me .info-wrapper.vita{padding:0}main#me .info-wrapper .profile-picture{width:100%;height:auto}main#me .info-wrapper__text-wrapper{width:50%;padding-right:50px;box-sizing:border-box}main#me .info-wrapper .picture-wrapper{width:50%}main#me .info-wrapper__table{width:50%;margin:100px 0;text-align:left;padding-right:50px}main#me .info-wrapper__table th{min-height:65px;font-size:1.8rem}main#me .info-wrapper__table tr{display:flex;flex-direction:row}main#me .info-wrapper__table td{padding:15px 0;display:inline}main#me .text-wrapper__heading{font-size:1.8rem;margin:50px 0}main#me .contact-form-wrapper{padding:50px;justify-content:space-between}main#me .contact-form-wrapper .contact-form .freude{display:flex;justify-content:space-between;margin:25px 0}main#me .contact-form-wrapper .contact-form .freude .letter-icon{min-width:45px;max-width:65px}main#me .contact-form-wrapper .contact-form__submit-button{font-size:1.8rem}main#me .contact-form-wrapper .contact-form .notification{font-size:1.8rem}main#me .contact-form-wrapper .contact-heading{font-size:1.8rem}}@media only screen and (max-width:675px){body{height:unset!important}header nav{height:40px;background-color:rgba(255,255,255,.2)}header nav ul li{font-size:1.6rem;margin:0 15px;opacity:1}header nav ul li.active-link::after{border-bottom:1px solid var(--main-text-color);bottom:-3px}header img{min-height:150px}.cta-wrapper{padding-bottom:5px}.cta-wrapper .cta-wrapper-content.bottom{position:relative}.cta-wrapper .cta-wrapper-content .cta-text{font-size:1.4rem;padding:5px 0}.cta-wrapper .cta-wrapper-content .cta-button{width:14px}main#portfolio{padding:25px;gap:25px}main#portfolio .project{position:relative}main#portfolio .project .project__img-wrapper{position:unset;margin-top:0}main#portfolio .project .project__img-wrapper:after{position:absolute;content:"";height:100%;width:100%;left:0;bottom:0;background:linear-gradient(to bottom,rgba(29,29,29,0) 50%,rgba(0,0,0,.35) 100%)}main#portfolio .project a{left:15px;bottom:15px}main#portfolio .project .project__title{position:absolute;z-index:1;padding:20px;font-size:2rem;opacity:1}main#portfolio .project .hide-mobile{display:none}header#project-header{height:0;padding-top:15px;position:relative}main#project{padding:0;height:unset}main#project h1,main#project h2{font-size:1.6rem}main#project .back-button{width:50px;display:none}main#project .content-wrapper{flex-direction:column;gap:30px;margin-top:60px;overflow-x:hidden;height:unset}main#project .content-wrapper__img-galary{flex-direction:row;height:50vh;width:100%;gap:15px;padding-left:15px;align-items:center;overflow-x:auto;overflow-y:hidden;min-height:50%;max-height:50%}main#project .content-wrapper__img-galary picture{height:100%}main#project .content-wrapper__img-galary img{width:auto;height:100%;object-fit:cover;padding-bottom:0}main#project .content-wrapper__img-galary picture:last-child{margin-right:30px;padding-bottom:0}main#project .content-wrapper__text-content{display:table;padding:0 15px;margin-top:0;width:100vw;overflow-y:auto;overflow-x:hidden;font-size:1.4rem}main#project .content-wrapper .text-content__project-title{padding:0 15px;margin-bottom:0}main#project .content-wrapper .text-content__project-title .seperator{margin-top:10px}main#project .content-wrapper .text-content__details{padding-top:0;margin:20px 0}main#project .content-wrapper .text-content__details>.awards img{max-width:60px}main#project .content-wrapper .hide-on-mobile{display:none}main#project .content-wrapper .show-on-mobile{display:block}header#me-header{height:auto}header#me-header ul li{font-size:1.6rem;margin:0 15px}main#me{font-size:1.4rem}main#me .info-wrapper{flex-direction:column-reverse;padding:0 15px}main#me .info-wrapper.col{flex-direction:column}main#me .info-wrapper .profile-picture{width:100%;height:auto}main#me .info-wrapper__text-wrapper{width:100%;padding:0}main#me .info-wrapper .text-wrapper__heading{font-size:1.6rem;margin:35px 0}main#me .info-wrapper .picture-wrapper{width:60%}main#me .info-wrapper__table{width:100%;margin:55px 0 0;padding:0 25px;text-align:left;padding:0 35px}main#me .info-wrapper__table th{min-height:auto;font-size:1.4rem}main#me .info-wrapper__table tr{gap:0;flex-direction:column;padding-bottom:15px}main#me .info-wrapper__table td{padding:0}main#me .contact-form-wrapper{padding:25px 15px;margin-top:50px;flex-direction:column-reverse}main#me .contact-form-wrapper .inner-wrapper{flex-direction:column;height:100%;justify-content:space-around}main#me .contact-form-wrapper .contact-data{width:100%;gap:3px}main#me .contact-form-wrapper .contact-data .insta-icon{width:15px}main#me .contact-form-wrapper .contact-form{width:100%}main#me .contact-form-wrapper .contact-form .freude{display:flex;justify-content:space-between;margin:25px 0}main#me .contact-form-wrapper .contact-form .freude .letter-icon{min-width:25px;max-width:50px}main#me .contact-form-wrapper .contact-form__bottom-row-wrapper{transform:none}main#me .contact-form-wrapper .contact-form__submit-button{font-size:1.4rem}main#me .contact-form-wrapper .contact-form .notification{font-size:1.4rem}main#me .contact-form-wrapper .contact-heading{font-size:1.4rem}}@media only screen and (min-width:1920px){html{max-width:1920px;margin:auto;box-shadow:0 0 50px 5px #dbdbdb;background:#f5f1f1}}@keyframes heading{100%{font-size:7rem}}.fade{-webkit-animation-name:fade;-webkit-animation-duration:.8s;animation-name:fade;animation-duration:.8s}@-webkit-keyframes fade{from{opacity:.2}to{opacity:1}}@keyframes fade{from{opacity:.2}to{opacity:1}}.slide-right{-webkit-animation-name:slide-right;-webkit-animation-duration:.8s;animation-name:slide-right;animation-duration:.8s}@-webkit-keyframes slide-right{from{opacity:0;transform:translateX(-250px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right{from{opacity:0;transform:translateX(-250px)}to{opacity:1;transform:translateX(0)}}.slide-left{-webkit-animation-name:slide-left;-webkit-animation-duration:.8s;animation-name:slide-left;animation-duration:.8s}@-webkit-keyframes slide-left{from{opacity:0;transform:translateX(250px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left{from{opacity:0;transform:translateX(250px)}to{opacity:1;transform:translateX(0)}}.slide-in-from-bottom{-webkit-animation-name:slide-in-from-bottom;-webkit-animation-duration:.8s;animation-name:slide-in-from-bottom;animation-duration:.8s}@-webkit-keyframes slide-in-from-bottom{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-from-bottom{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.slide-out-to-bottom{-webkit-animation-name:slide-out-to-bottom;-webkit-animation-duration:.8s;animation-name:slide-out-to-bottom;animation-duration:.8s}@-webkit-keyframes slide-out-to-bottom{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-out-to-bottom{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}.flip{-webkit-animation-name:flip;-webkit-animation-duration:.3s;animation-name:flip;animation-duration:.3s}@keyframes flip{0%{transform:scaleX(1)}50%{transform:scaleX(0)}100%{transform:scaleX(1)}}@-webkit-keyframes flip{0%{transform:scaleX(1)}50%{transform:scaleX(0)}100%{transform:scaleX(1)}}.send{-webkit-animation-name:send;-webkit-animation-duration:.5s;animation-name:send;animation-duration:.5s}@keyframes send{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(350px)}}@-webkit-keyframes send{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(350px)}}.shake{-webkit-animation-name:shake;-webkit-animation-duration:.4s;animation-name:shake;animation-duration:.4s}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-15px)}50%{transform:translateX(15px)}75%{transform:translateX(-15px)}100%{transform:translateX(0)}}@-webkit-keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-15px)}50%{transform:translateX(15px)}75%{transform:translateX(-15px)}100%{transform:translateX(0)}}