:root{font-size:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;--color-back:#f8f9fa;--color-text:#212529;--color-project:#e9ecef;--color-link-active:#343a40;--color-link:#adb5bd;--color-footer:#495057;--color-tag-bg:#6c757d;--color-tag-text:#e9ecef}*{box-sizing:border-box;padding:0;margin:0}body{color:var(--color-text);background-color:var(--color-back)}a{color:inherit;text-decoration:none}header{line-height:1.4;padding:2rem;position:relative}header .flex{display:flex;justify-content:flex-start;align-items:center;gap:.5rem}header svg{left:200px;top:1rem;position:absolute;animation:hint 10s ease-in infinite}@keyframes hint{0%,80%,to{opacity:0}20%,60%{opacity:1}}header .flex img{border-radius:50%;width:72px;height:72px}header .dev{display:inline-block;padding:.3rem;position:relative;transition:all .3s ease-in-out;margin-left:-.3rem}header .dev h1{font-size:1rem;padding:0;margin:0}header .dev:hover{border:1px solid var(--color-link)}header .dev:hover .dev-items,header .dev:hover .dev-title{opacity:1}header .dev .dev-items{content:" ";position:absolute;width:5px;height:5px;border:1px solid var(--color-link);background-color:var(--color-back);opacity:0;transition:all .2s ease-out}header .dev .dev-title{position:absolute;top:-20px;left:-1px;padding:.2rem;font-size:.6rem;background-color:var(--color-link);color:var(--color-back);display:inline-block;opacity:0;transition:all .3s ease-in-out}header .dev .dev-items:first-of-type{top:-3px;left:-3px}header .dev .dev-items:nth-of-type(2){top:-3px;right:-3px}header .dev .dev-items:nth-of-type(3){bottom:-3px;left:-3px}header .dev .dev-items:nth-of-type(4){bottom:-3px;right:-3px}header p{font-size:.8rem}.layout{padding:2rem}.layout--impressum{color:#515151;padding:2rem;line-height:1.6}.layout--impressum ul{padding-left:1rem}.layout--impressum h3{font-size:1.6rem}.layout--impressum h4{font-size:1.3rem}.project--list{display:flex;flex-wrap:wrap;gap:1rem;width:100%}.project--list .project{width:calc(33% - 1rem);background-color:var(--color-project);border-radius:4px;padding:1rem;position:relative}.project--list .project .project--image{width:100%;padding-bottom:.5rem;transition:all .3s ease-out;transition-delay:.3s}.project--list .project:hover .project--image{transform:scale(1.2) translateY(-1rem) rotate(10deg)}.project--list .project:hover .project--tag-list{opacity:1}.project--list .project .project--desc{font-size:.8rem}.project--list .project .project-link{position:absolute;top:0;right:0;padding:.5rem;text-decoration:none;color:var(--color-link)}.project--list .project .project-link:hover{color:var(--color-project);background-color:var(--color-link-active);border-radius:4px}.project--list .project .project--tag-list{padding-top:.5rem;display:flex;flex-wrap:wrap;width:100%;opacity:0}.project--list .project .project--tag-list .project--tag{font-size:.7rem;padding:.2rem;border-radius:4px;background-color:var(--color-tag-bg);color:var(--color-tag-text);margin-right:.2rem}footer{background-color:var(--color-footer);color:var(--color-back);padding:2rem;font-size:.8rem;display:flex;width:100%;justify-content:space-between}footer .light{color:var(--color-link)}footer a{padding:.4rem}footer img{width:18px;height:18px}@media screen and (max-width:1000px){.project--list .project{width:calc(50% - .25rem)}}@media screen and (max-width:650px){.project--list .project{width:100%}}