.project-page__title{font-size:2.5rem;color:#787878;line-height:3.4rem;margin-top:10rem;margin-bottom:2.6rem}.project-page__title-pic{width:100%;border-radius:.7rem}.project-page__text-content{color:#282828;display:flex;width:100%;gap:5rem;margin-top:3.4rem}.project-page__description{width:60%}.project-page__details{width:40%}.project-page__paragraph{line-height:1.7rem;margin-bottom:1.7rem}.publication{font-size:smaller;color:#a0a0a0}.publication-doi{color:inherit}.project-page__details table{line-height:1.7rem;width:100%;border-collapse:collapse}.project-page__details td{vertical-align:top;border-bottom:1.7rem solid var(--light-grey)}.project-page__detail-title{white-space:nowrap;color:#b4b4b4;border-right:1rem solid var(--light-grey);text-transform:uppercase}.project-page__visit-btn{display:block;box-sizing:border-box;text-align:center;width:100%;background:#5f5b83;color:#fff;letter-spacing:1px;padding:1rem .2rem;border-radius:.7rem;font-family:inherit;font-size:inherit;font-weight:inherit;cursor:pointer;margin-bottom:1.7rem;text-decoration:none;text-transform:uppercase}.project-page__visit-btn:hover{transition:all .3s ease;background-color:#ffd8af;color:#000}.project-page__impressions{margin-top:1.7rem;margin-bottom:10rem}.project-page__impressions-title{font-size:2rem;color:#b4b4b4;margin-bottom:1rem;text-transform:uppercase}.project-page__impressions-small-container{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.project-page__impression-wide{width:100%}.project-page__impression-pic{width:100%;border-radius:.7rem}.impression-caption-container{display:flex;padding:.3rem 0 2rem}.impression-caption,.impression-caption-static{color:gray}.impression-caption-static{width:100%}.impression-caption{width:calc(100% - var(--play-button-project-page-size));padding-right:.7rem}.project-page__footer{padding-top:5vh}@media screen and (max-width: 900px){.project-page__title{margin-top:6rem}.project-page__text-content{flex-direction:column;gap:2rem}.project-page__description,.project-page__details{width:100%}.project-page__impressions{margin-top:4.3rem}.project-page__impressions-small-container{gap:0;grid-template-columns:repeat(1,1fr)}}@media screen and (orientation: portrait){.teaser-video{pointer-events:none}}@media screen and (max-width: 540px){footer{height:28vh}.footer-nav{padding-bottom:8vh}.footer-nav .nav-links{gap:0rem;flex-wrap:wrap;flex-direction:row;justify-content:center}.footer-nav li{margin:0 .5rem}}@media screen and (max-width: 365px){html{font-size:14px}}@media screen and (max-width: 300px){html{font-size:12px}}@media screen and (max-width: 260px){html{font-size:10px}}
