*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden;background-color:#fff}body{font-family:Inria Sans,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;text-rendering:optimizeLegibility;font-size:16px;line-height:1.6;color:#333}::selection{color:#366;background:#f0da64}::-moz-selection{color:#366;background:#f0da64}a{color:#000;text-decoration:#336666 underline}a:hover,a:focus,a:active{color:#996;text-decoration:#F0DA64 underline;outline:none}p{font-size:1em;padding-bottom:15px}h1{margin:20px 0;font-family:"IBM Plex Serif",serif;font-size:1.75em}h2{margin:15px 0;font-size:1.25em;font-weight:700}header{position:fixed;top:0;width:100%;height:125px;margin:0 auto;background-color:#ffffff40;backdrop-filter:blur(7.5px);border-bottom:1px solid #ccc;z-index:8}header img{height:80px}#header-logo{float:left;padding:20px 25px 10px}nav{float:right;padding:60px 25px 0;color:#000;font-size:.85em;text-transform:uppercase}nav>a{text-decoration:none;background:linear-gradient(90deg,#f0da64,#996) no-repeat right bottom / 0 var(--bg-h);transition:background-size .35s;--bg-h: 100%}nav>a:hover,a:focus,a:active{text-decoration:none;background-size:100% var(--bg-h);background-position-x:left;color:#fff}main{position:relative;width:100%;min-height:calc(100vh - 125px)}.layout-container{padding:0 50px}.hero-image{position:relative;overflow:hidden;width:100vw;height:85vh;background-size:cover;background-position:center;background-repeat:no-repeat;transition:background-image .5s ease-in-out}.hero-text{width:100%;height:100%;background:#f7f7f7b3;background:linear-gradient(#f7f7f7b3,#f7f7f733);padding:275px 75px 0;color:#000;text-align:center;text-transform:uppercase;font-weight:700}.hero-big{font-size:2.5em;line-height:1.25em}.hero-small{font-size:2em}.welcome{padding:50px 25px}.page-wrapper{padding:150px 25px 50px}section{padding-bottom:30px}ul{list-style:none}.news-card{display:flex;height:170px;padding:10px 0;border-top:1px dotted #d3d3d3;border-bottom:1px dotted #d3d3d3}.news-text,.team-text{padding:15px 0 15px 25px;display:flex;flex-direction:column;justify-content:center}.card-title{font-size:1.25em;font-weight:700;line-height:1em}.card-data{margin:10px 0;font-size:.95em;line-height:.95em}.team-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:0}.team-card{display:flex;height:130px;padding:10px;border:1px dotted #d3d3d3;border-radius:8px}.contact-container{display:flex;align-items:space-between;flex-wrap:wrap;gap:1rem;padding:0}.contact-item{flex-basis:30%;flex-grow:1}#map{flex-basis:30%;flex-grow:3;margin-top:10px;height:200px}.research-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;padding:0}.teaching-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:0}.gallery-card{position:relative;width:100%;padding:10px 0}.gallery-text{font-size:1em;line-height:1.25em}.pub-card{display:flex;padding:10px 0}.pub-count{margin:auto 15px;display:flex;flex-direction:column;justify-content:center}.pub-text{font-size:1em;line-height:1.25em}.pub-title{font-weight:700}.pub-venue{font-style:italic}footer{position:relative;width:100%;height:130px;margin:auto auto 0;padding:25px 0;background-color:#efefef;color:#222;font-size:.7em}#footer-imprint{float:left;padding:0 25px}#footer-link{float:right;padding:0 30px}.social-icon{display:inline-block;margin:0 20px;text-align:center;line-height:.75em}.social-icon>a{text-decoration:none;color:#366}.social-icon>a:hover,a:focus,a:active{text-decoration:none;color:#996}.fa-brands{font-size:5em}@media screen and (max-width: 640px){header{position:sticky;position:-webkit-sticky;top:-140px;height:200px}header img{height:120px}#header-logo{clear:both;display:block;width:100%;padding:20px 20px 0}nav{clear:both;display:block;width:100%;padding:10px 20px 0;font-size:.7em}.layout-container{padding:0}.hero-image{height:65vh}.hero-text{padding-top:125px}.hero-big{font-size:1.75em}.hero-small{font-size:1em}.page-wrapper{padding-top:25px}.news-card{display:block;height:auto;padding:20px 10px}.news-text{padding:10px 0 0}.card-title{font-size:.95em;line-height:.95em}.card-data{margin:7px 0}.team-text{padding-left:15px}.team-container,.research-container,.teaching-container{grid-template-columns:1fr}.contact-item{flex-basis:45%}#map{flex-basis:100%;margin:0}footer{font-size:.65em}#footer-imprint{padding:0 0 0 15px}#footer-link{padding:0 15px 0 0}.social-icon{margin:0 5px}.fa-brands{font-size:2.5em}}@media screen and (max-width: 860px){.layout-container{padding:0}.card-title{font-size:.95em;line-height:.95em}.card-data{margin:7px 0}.team-text{padding-left:15px}.team-container,.research-container,.teaching-container{grid-template-columns:1fr}.contact-item{flex-basis:45%}#map{flex-basis:100%;margin:0}}@media screen and (min-width: 1280px){.layout-container{width:1280px;margin:0 auto}.hero-text{padding-top:325px}}
