:root{--bg-color: #F2F2F2;--header-bg: rgba(50, 50, 50, .98);--text-dark: rgb(50, 50, 50);--text-medium: rgb(100, 100, 100);--text-light: rgb(150, 150, 150);--text-white: white;--font-display: "proxima-nova", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "neuzeit-grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "droid-sans-mono", "Courier New", "Courier", monospace;--header-height: 70px;--container-desktop: 52%;--container-tablet: 80%;--container-mobile: 90%;--container-large: 40%}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-color);font-family:var(--font-body);font-size:13px;line-height:180%;color:var(--text-dark);margin:0;min-height:100vh}h1{font-family:var(--font-display);font-weight:100;font-size:3vmax;color:var(--text-medium);margin:20px 0 0;text-align:left}h2{font-family:var(--font-display);font-weight:100;font-size:2vmax;color:var(--text-medium);margin:0}h3{font-family:var(--font-heading);font-weight:700;font-size:18px;color:var(--text-dark);letter-spacing:.5px;margin:40px 0 20px}p{margin:0 0 20px;text-align:justify;hyphens:auto}a{color:gray;text-decoration:none;transition:color .3s}a:hover{color:#000}header{position:fixed;top:0;width:100%;height:var(--header-height);background:var(--header-bg);z-index:1000;display:flex;align-items:center;justify-content:center}header h1{font-family:var(--font-display);font-weight:300;font-size:25px;color:var(--text-white);text-transform:lowercase;letter-spacing:.5px;margin:0;text-align:center}header a{color:var(--text-white)}header a:hover{color:var(--text-white)}.container{width:var(--container-desktop);margin:0 auto;padding-top:calc(var(--header-height) + 20px);padding-bottom:0}.about-intro{font-family:var(--font-body);font-size:13px;line-height:180%;text-align:justify;margin-bottom:0}.home-link{color:var(--text-dark);text-decoration:underline}.home-link:hover{text-decoration:underline}.projects{width:100%;margin-bottom:0}.project-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);row-gap:60px;column-gap:2%}.project-card{display:block;text-decoration:none}.project-card img{width:100%;height:auto;display:block;margin-bottom:0;transition:opacity .5s}.project-card h2{margin:0 0 10px}.project-wrapper{width:var(--container-desktop);margin:0 auto;padding-top:var(--header-height);padding-bottom:40px}.back{font-family:var(--font-display);font-weight:400;font-size:20px;color:gray;text-decoration:none;display:inline-block;margin-top:20px;margin-bottom:20px}.back:hover{color:#000}.project-hero{width:100%;height:auto;margin:40px 0 0}.project-text{font-family:var(--font-body);font-size:13px;line-height:180%;text-align:justify;margin:20px 0 30px}.gallery{width:100%}.gallery img,.hero-image{width:100%;height:auto;margin:20px 0;display:block}.gallery-image{width:100%;height:auto;margin-bottom:20px;display:block}.video-embed{position:relative;padding-bottom:55%;padding-top:15px;height:0;overflow:hidden;margin-bottom:20px}.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.cv{width:var(--container-desktop);margin:0 auto;padding-top:var(--header-height);padding-bottom:20px;font-family:var(--font-body);font-size:13px;line-height:190%;text-align:justify}.headshot{width:29vmax;height:29vmax;max-width:925px;border-radius:50%;margin:30px auto 40px;background-size:cover;background-position:center;background-repeat:no-repeat}.cv table{width:100%;font-family:inherit;font-size:inherit;line-height:inherit}.cv thead{display:none}.cv td{vertical-align:top;padding-bottom:20px}.cv td:first-child{width:8%}footer{text-align:center;margin-top:30px;margin-bottom:20px;font-family:var(--font-display);font-size:13px}.impressum-link{color:var(--text-light)}@media screen and (max-width: 666px){.container,.project-wrapper,.cv{width:var(--container-mobile)}.project-list{grid-template-columns:1fr}h1{font-size:4.5vmax}h2{font-size:4.8vmax}.about-intro{font-size:12px}.headshot{width:40vmax;height:40vmax}.cv td{display:block;padding-bottom:20px}.cv td:first-child{width:100%;padding-bottom:0}}@media screen and (min-width: 667px) and (max-width: 1024px){.container,.project-wrapper,.cv{width:var(--container-tablet)}h1{font-size:5.5vmax}h2{font-size:2.7vmax}.headshot{width:35vmax;height:35vmax}}@media screen and (min-width: 1024px) and (max-width: 1440px){.project-card img{opacity:1}.project-card:hover img{opacity:.6}}@media screen and (min-width: 1441px){.container,.project-wrapper,.cv{width:var(--container-large)}h2{font-size:1.8vmax}h3{font-size:20px}.headshot{width:20vmax;height:20vmax}.project-card img{opacity:1}.project-card:hover img{opacity:.6}}