:root{--header-height: 56px;--menu-width: 280px}.layout{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);display:flex;align-items:center;gap:.5rem;padding:0 1rem;background:linear-gradient(90deg,var(--color-secondary),var(--color-primary));z-index:1000;box-shadow:0 1px #0000000a}.site-header .brand{white-space:nowrap}.site-header .brand a svg:hover,.site-header .brand a svg:focus{transition:transform .3s ease;transform:rotate(5deg) scale(1.1)}.site-header .brand a svg{animation:rotate 3s ease-in-out infinite}.site-header .brand .brand-logo{display:block;height:calc(var(--header-height) - 12px);vertical-align:middle}.site-header .right-spacer{margin-left:auto}.site-header .burger{background:none;border:none;padding:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-primary)}.content{padding-top:var(--header-height);min-height:calc(var(--vh, 1vh) * 100 - var(--header-height) - 6.6rem)}.site-footer{max-height:6rem;padding:1rem;text-align:center;color:var(--color-muted)}.site-footer a{color:var(--color-muted);text-decoration:none}.site-footer a:hover{color:var(--color-primary)}.menu-icon{width:30px;height:30px;display:block;overflow:visible;cursor:pointer}.menu-icon:hover .menu-icon__line--1{transform:translateY(-3px) rotate(20deg)}.menu-icon:hover .menu-icon__line--2{transform:rotate(90deg);opacity:.75}.menu-icon:hover .menu-icon__line--3{transform:translateY(3px) rotate(-20deg)}.menu-icon__line{transition:transform .22s cubic-bezier(.2,.8,.2,1),stroke-width .16s,opacity .16s;transform-origin:center}.theme-controls{display:flex;gap:1rem;align-items:center}.theme-toggle{background:none;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center}.theme-toggle img{width:24px;height:24px}.side-menu{position:fixed;top:0;height:100vh;width:var(--menu-width);max-width:85%;padding-top:var(--header-height);background:var(--color-bg);z-index:1100;overflow-y:auto;transition:transform .3s cubic-bezier(.2,.9,.2,1)}.side-menu.right{left:auto;right:0;transform:translate(100%);box-shadow:-2px 0 12px #00000014}.side-menu.left{left:0;right:auto;transform:translate(-100%);box-shadow:2px 0 12px #00000014}.side-menu.open{transform:translate(0)}.side-menu ul{list-style:none;padding:1rem;margin:0}.side-menu ul li{margin:.5rem 0}.side-menu ul li a{color:var(--color-accent);text-decoration:none;font-size:1rem;display:block;padding:.5rem 0}.side-menu ul li a:hover{color:var(--color-primary)}.side-menu .close-btn{position:absolute;top:8px;right:8px;background:none;border:none;font-size:1.6rem;line-height:1;cursor:pointer}.overlay{position:fixed;inset:0;background:#00000052;z-index:1050}.btn,.project-card__cta{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius);border:1px solid transparent;background:transparent;color:var(--color-text);cursor:pointer}.btn-primary,.project-card__cta{background:var(--color-primary);color:#fff;border-color:#0000000d}.btn-primary:hover,.project-card__cta:hover{filter:brightness(.95)}.home{padding:calc(var(--header-height) + 1.5rem) 1rem 4rem;max-width:1100px;margin:0 auto;color:var(--color-text);gap:2rem;display:block}.hero{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);transition:background .2s ease;box-shadow:0 6px 20px #0a0a0a0a}.hero__image{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid var(--color-primary);box-shadow:0 8px 30px #1018281f;background:var(--color-surface)}.hero__content{text-align:center;max-width:720px}.hero__title{margin:.25rem 0;font-size:1.6rem;line-height:1.05;font-weight:700;color:var(--color-text)}.hero__subtitle{margin:.4rem 0 1rem;color:var(--color-muted);font-size:.95rem}.hero__stats{display:flex;gap:.75rem;justify-content:center;margin-top:.5rem}.stat{display:flex;flex-direction:column;align-items:center;padding:.6rem .8rem;border-radius:10px;background:#ffffff05;min-width:88px;box-shadow:0 2px 8px #0a0a0a0a;border:1px solid rgba(0,0,0,.03);transition:border-color .7s ease-in-out,background-color .7s ease-in-out}.stat:hover{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.05)}.stat__value{font-size:1.2rem;font-weight:700;color:var(--color-primary)}.stat__label{font-size:.8rem;color:var(--color-muted)}.project-teaser{margin-top:2rem}.project-card{margin-top:.5rem;padding:1rem;border-radius:12px;background:var(--color-surface);color:var(--color-text);box-shadow:0 10px 30px #0206170f}.project-card__title{margin:0 0 .5rem;font-size:1.05rem;font-weight:700}.project-card__desc{margin:0 0 1rem;color:var(--color-muted);font-size:.95rem;line-height:1.4}.project-card__cta{text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.project-img{width:100%;height:200px;border-radius:8px;object-fit:cover;margin-top:1rem}.about{margin-top:2rem;line-height:1.6;color:var(--color-text)}.about h2,.skills h2,.socials h2,.project-teaser h2{margin:0;font-size:1.05rem;color:var(--color-primary);font-weight:700}.skills{margin-top:1.25rem}.skills__list{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none}.skills__list li{background:#00000008;padding:.45rem .65rem;border-radius:999px;font-size:.9rem;color:var(--color-text);border:1px solid rgba(0,0,0,.03);transition:border-color .7s ease-in-out,background-color .7s ease-in-out}.skills__list li:hover{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.05)}.socials{margin-top:1.5rem}.socials__links{display:flex;gap:.75rem;margin-top:.6rem;flex-wrap:wrap}.socials__links a{color:var(--color-primary);text-decoration:none;background:transparent;padding:.35rem .6rem;border-radius:8px;font-weight:600;border:1px solid transparent;transition:background .16s ease,transform .12s ease}.socials__links a:hover,.socials__links a:focus{background:#5286e414;transform:translateY(-2px);outline:none}.source{font-size:.9rem;color:var(--color-muted);float:right}@media(min-width:720px){.hero{display:grid;grid-template-columns:140px 1fr;gap:1.25rem;align-items:center;text-align:left;padding:2rem}.hero__image{width:140px;height:140px}.hero__content{text-align:left}.hero__title{font-size:2rem}}@media(min-width:980px){.home{padding-left:2rem;padding-right:2rem}.project-card{display:flex;justify-content:space-between;align-items:center}.project-card__desc{flex:1 1 60%;margin-right:1rem}}:root{--imprint-max: 1100px}.imprint{padding:calc(var(--header-height) + 1.5rem) 1rem 4rem;max-width:var(--imprint-max);margin:0 auto;color:var(--color-text)}.imprint__container{display:grid;gap:1.25rem}.imprint__hero{display:flex;justify-content:space-between;align-items:center;gap:1rem}.imprint__title{margin:0;font-size:1.5rem;color:var(--color-primary);font-weight:700}.imprint__subtitle{margin:.25rem 0 0;color:var(--color-muted)}.imprint__grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:.5rem}.card{background:var(--color-surface);padding:1rem;border-radius:12px;box-shadow:0 8px 28px #0206170f;color:var(--color-text)}.card__title{margin:0 0 .5rem;font-size:1rem;color:var(--color-primary);font-weight:700}.card__subtitle{margin:.6rem 0 .25rem;font-size:.95rem;font-weight:600;color:var(--color-primary)}.card__text{margin:.25rem 0 0;line-height:1.6}.imprint__contact-card{display:flex;flex-direction:column;justify-content:space-between}.contact__actions{display:flex;gap:.5rem;margin-top:.75rem}.badge{display:inline-block;padding:.35rem .6rem;border-radius:999px;background:#5286e414;color:var(--color-primary);font-weight:700;font-size:.85rem}.card__meta{margin:.6rem 0 0;display:grid;gap:.4rem;grid-template-columns:1fr}.card__meta dt{font-size:.85rem;color:var(--color-muted)}.card__meta dd{margin:0;font-weight:600}.imprint__link{color:var(--color-primary);text-decoration:none;font-weight:600}.imprint__link:hover,.imprint__link:focus{text-decoration:underline;outline:none}@media(min-width:720px){.imprint__grid{grid-template-columns:1.2fr 320px;align-items:start}.imprint__legal{grid-column:1/-1}.card__meta{grid-template-columns:repeat(2,1fr)}}@media(min-width:980px){.imprint__grid{grid-template-columns:1fr 360px}}.btn,.dsgvo .toc-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius);border:1px solid transparent;background:transparent;color:var(--color-text);cursor:pointer}.dsgvo{padding:calc(var(--header-height) + 1.5rem) 1rem 4rem;max-width:1100px;margin:0 auto;color:var(--color-text);line-height:1.6}.dsgvo h1{margin:0 0 1rem;font-size:1.6rem;color:var(--color-primary)}.dsgvo h2{margin:2rem 0 1rem;font-size:1.25rem;color:var(--color-primary)}.dsgvo h3{margin:1.5rem 1rem .75rem;font-size:1.1rem;color:var(--color-primary)}.dsgvo h4{margin:1rem 1.5rem .5rem;font-size:1rem;color:var(--color-primary)}.dsgvo .toc-toggle{display:inline-flex;gap:.5rem;margin-bottom:1rem;background:linear-gradient(var(--color-surface) 0%,var(--color-bg) 70%);border:none;position:fixed;top:calc(var(--header-height) + 1rem);right:1rem;color:var(--color-primary)}.dsgvo .toc-toggle:hover{border:1px solid var(--color-primary)}.dsgvo .dsgvo-content{background:var(--color-surface);padding:1.25rem;border-radius:12px;box-shadow:0 8px 30px #1018280f;color:var(--color-text)}.dsgvo .dsgvo-content ul,.dsgvo .dsgvo-content ol{margin:.5rem 0 1rem 1.25rem}.dsgvo .dsgvo-content h2,.dsgvo .dsgvo-content h3{scroll-margin-top:calc(var(--header-height) + 8px)}.dsgvo .seal,.dsgvo a{margin-top:1.5rem;font-size:.85rem;color:var(--color-muted)}.dsgvo .seal a:hover,.dsgvo a a:hover{color:var(--color-primary)}.dsgvo .side-menu .level-3{margin-left:1rem}.dsgvo .side-menu h2{text-align:center}:root{--color-primary: #5386E4;--color-secondary: #1E293B;--color-accent: #06B6D4;--color-bg: #F8FAFC;--color-surface: #FFFFFF;--color-text: #0F172A;--color-muted: #64748B;--color-success: #16A34A;--color-warning: #F59E0B;--color-danger: #EF4444;--color-brandYellow: #EEE8CD;--radius: 8px;--header-height: 56px}:root[data-theme=dark]{--color-primary: #60A5FA;--color-secondary: #1E293B;--color-accent: #22D3EE;--color-bg: #0F172A;--color-surface: #1E293B;--color-text: #F1F5F9;--color-muted: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-danger: #FB7185;--color-brandYellow: #AFA46B;background-color:var(--color-bg);color:var(--color-text)}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.brand{color:var(--color-primary);font-weight:700}.bg-primary{background-color:var(--color-primary)!important}.text-primary{color:var(--color-primary)!important}.border-primary{border-color:var(--color-primary)!important}.bg-secondary{background-color:var(--color-secondary)!important}.text-secondary{color:var(--color-secondary)!important}.border-secondary{border-color:var(--color-secondary)!important}.bg-accent{background-color:var(--color-accent)!important}.text-accent{color:var(--color-accent)!important}.border-accent{border-color:var(--color-accent)!important}.bg-bg{background-color:var(--color-bg)!important}.text-bg{color:var(--color-bg)!important}.border-bg{border-color:var(--color-bg)!important}.bg-surface{background-color:var(--color-surface)!important}.text-surface{color:var(--color-surface)!important}.border-surface{border-color:var(--color-surface)!important}.bg-text{background-color:var(--color-text)!important}.text-text{color:var(--color-text)!important}.border-text{border-color:var(--color-text)!important}.bg-muted{background-color:var(--color-muted)!important}.text-muted{color:var(--color-muted)!important}.border-muted{border-color:var(--color-muted)!important}.bg-success{background-color:var(--color-success)!important}.text-success{color:var(--color-success)!important}.border-success{border-color:var(--color-success)!important}.bg-warning{background-color:var(--color-warning)!important}.text-warning{color:var(--color-warning)!important}.border-warning{border-color:var(--color-warning)!important}.bg-danger{background-color:var(--color-danger)!important}.text-danger{color:var(--color-danger)!important}.border-danger{border-color:var(--color-danger)!important}.bg-brandYellow{background-color:var(--color-brandYellow)!important}.text-brandYellow{color:var(--color-brandYellow)!important}.border-brandYellow{border-color:var(--color-brandYellow)!important}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius);border:1px solid transparent;background:transparent;color:var(--color-text);cursor:pointer}.btn-primary{background:var(--color-primary);color:#fff;border-color:#0000000d}.btn-primary:hover{filter:brightness(.95)}.text-muted{color:var(--color-muted)}.bg-surface{background:var(--color-surface)}:focus{outline:3px solid color-mix(in srgb,var(--color-primary) 25%,transparent);outline-offset:2px}