:root{font-family:Open Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0 auto;max-width:800px}a{margin:0;padding:0}h1{margin-bottom:5px;font-size:1.2em;line-height:1;color:#516d92}h2{font-size:1em;line-height:1;color:#516d92;margin:15px 0 5px}p{margin:2px 0 2px 8px}#nav{position:fixed;display:flex;flex-direction:row;top:0;right:8px}#nav-cover{position:fixed;background-color:#fff;width:100%;height:26px;top:45px}.navItem{position:relative;width:38px;height:36px;display:flex;align-items:center;justify-content:center;margin:8px 0 0 3px;cursor:pointer}.icon-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,red -100%,#f000 50%);opacity:0;transform:translateY(20px);transition-duration:.5s}.navItem.active .icon-bg{opacity:1;transform:translateY(0);transition-duration:.5s}.navIcon{position:relative;z-index:1;width:30px;height:30px;top:0}#header{max-width:800px;width:100%;background-color:#fff;position:fixed;display:flex;align-items:center;justify-content:space-between;top:0;left:50%;transform:translate(-50%);z-index:10}#logo{position:relative;height:65px}#profile{margin-top:120px}#profile img{position:relative;float:right;top:-25px;height:150px;z-index:0;margin-right:4px}#projects{margin-top:50px}.project-card{min-height:50px}.project-card h3{padding-left:8px;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20width='100%25'%20height='100%25'%20viewBox='0%200%20150%2030'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20xmlns:serif='http://www.serif.com/'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:square;stroke-miterlimit:1.5;'%3e%3cg%20transform='matrix(0.882045,0,0,1.02326,0,0)'%3e%3cg%3e%3cpath%20d='M100,29.318L0,29.318L0,0L65.267,0L100,29.318Z'%20style='fill:rgb(255,0,0);'/%3e%3c/g%3e%3c/g%3e%3cg%20transform='matrix(-1.40711,-1.40711,1.40711,-1.40711,192.344,167.653)'%3e%3cpath%20d='M103.924,17L88.264,17L88.264,24.487'%20style='fill:none;stroke:rgb(231,179,179);stroke-width:2.09px;'/%3e%3c/g%3e%3cg%20transform='matrix(-1.80863,-1.80863,1.40711,-1.40711,226.072,205.846)'%3e%3cpath%20d='M103.924,17L84,17'%20style='fill:none;stroke:rgb(237,134,134);stroke-width:1.82px;'/%3e%3c/g%3e%3cg%20transform='matrix(-1.80863,-1.80863,1.40711,-1.40711,221.072,205.846)'%3e%3cpath%20d='M103.924,17L84,17'%20style='fill:none;stroke:rgb(243,90,90);stroke-width:1.82px;'/%3e%3c/g%3e%3cg%20transform='matrix(-1.80863,-1.80863,1.40711,-1.40711,215.572,205.846)'%3e%3cpath%20d='M103.924,17L84,17'%20style='fill:none;stroke:rgb(250,45,45);stroke-width:1.82px;'/%3e%3c/g%3e%3c/svg%3e");background-size:contain;color:#fff;width:142px;height:30px;margin:0}.project-card img{width:90%;margin-left:5%}.project-content{margin-top:0;padding:12px 0;background-color:#fff;box-shadow:inset 0 0 0 2px red}.project-content p,a{margin:0 8px}.hidden{display:none}.nextLine{height:2px;width:30px;background-color:red;margin:8px 0}.contact-content{float:right;width:100%;height:100%;display:block;background-image:url(./location-f9InGF6t.svg);background-repeat:no-repeat}#map{display:block;max-width:500px;width:70%;height:100%}@media (max-width: 500px){#map{width:55%}}@media (max-width: 350px){#map{width:40%}}#contact{height:250px;margin-top:50px}#contact img{width:140px}#contact-list{z-index:10;position:relative;right:0;font-weight:700;float:right}#contact-list dt{color:red}#imprint{margin-top:60px}#divider{margin:10px auto;height:1px;width:70%;background-color:gray;position:relative;text-align:center;color:transparent}#divider:before{content:"Impressum";position:absolute;top:-12px;left:50%;transform:translate(-50%);background-color:#fff;color:gray;padding:0 10px}footer{text-align:center;padding:20px}.footer-container{display:flex;justify-content:space-between;align-items:center;max-width:800px;margin:0 auto}.footer-left,.footer-right{flex:1;text-align:left}.footer-divider{width:2px;height:100%;margin:0 20px}.footer-container a{text-decoration:none}@media (max-width: 400px){.footer-container{flex-direction:column;text-align:center}.footer-left,.footer-right{text-align:center;width:100%}.footer-divider{display:none}}