*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0f;--bg-secondary: rgba(255,255,255,.03);--bg-tertiary: rgba(255,255,255,.05);--bg-hover: rgba(255,255,255,.1);--text-primary: #e2e2e8;--text-secondary: #9ca3af;--text-muted: #6b7280;--border-color: rgba(255,255,255,.08);--accent-purple: #667eea;--accent-purple-dark: #764ba2;--accent-yellow: #eab308;--accent-green: #22c55e;--accent-gray: #9ca3af}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6}.layout{display:flex;min-height:100vh}.sidebar{width:280px;background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:1.5rem;position:fixed;height:100vh;overflow-y:auto}.sidebar-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.sidebar-header a{text-decoration:none}.sidebar-header h1{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-purple-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.sidebar-subtitle{font-size:.75rem;color:var(--text-muted)}.sidebar-section{margin-bottom:1.5rem}.sidebar-section h2{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem}.nav-list{list-style:none}.nav-list li{margin-bottom:.25rem}.nav-list a{color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;font-size:.9rem;transition:all .2s}.nav-list a:hover{background:var(--bg-tertiary)}.nav-list a.active{background:var(--bg-tertiary);color:var(--accent-purple)}.nav-list a:before{content:"→";opacity:.3;font-size:.8em}.badge{font-size:.65rem;padding:2px 8px;border-radius:12px;background:#667eea33;color:var(--accent-purple);margin-left:auto;text-transform:uppercase;letter-spacing:.05em}.badge.ideation,.badge.konzeptphase{background:#667eea33;color:var(--accent-purple)}.badge.konzeption{background:#eab30833;color:var(--accent-yellow)}.badge.development{background:#3b82f633;color:#3b82f6}.badge.live{background:#22c55e33;color:var(--accent-green)}.badge.abgeschlossen{background:#6b728033;color:var(--accent-gray)}.main{flex:1;margin-left:280px;padding:2rem 3rem;max-width:900px}h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-purple-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-top:2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}h3{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-top:1.5rem;margin-bottom:.75rem}h4{font-size:1rem;font-weight:600;color:var(--text-secondary);margin-top:1.25rem;margin-bottom:.5rem}p{margin-bottom:1rem;color:var(--text-primary)}a{color:var(--accent-purple);text-decoration:none}a:hover{text-decoration:underline}ul,ol{margin-bottom:1rem;padding-left:1.5rem}li{margin-bottom:.5rem}pre{background:#1a1a2e;border-radius:8px;padding:1rem;overflow-x:auto;margin-bottom:1rem;border:1px solid var(--border-color)}code{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.9em}:not(pre)>code{background:#667eea26;color:var(--accent-purple);padding:.2rem .4rem;border-radius:4px}table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;background:var(--bg-secondary);border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}th{background:var(--bg-tertiary);font-weight:600;color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}tr:last-child td{border-bottom:none}blockquote{border-left:4px solid var(--accent-purple);background:var(--bg-secondary);padding:1rem 1.5rem;margin-bottom:1rem;border-radius:0 8px 8px 0;font-style:italic}blockquote p:last-child{margin-bottom:0}hr{border:none;height:1px;background:var(--border-color);margin:2rem 0}strong{color:var(--text-primary);font-weight:600}em{color:var(--text-secondary)}input[type=checkbox]{accent-color:var(--accent-purple)}@media(max-width:768px){.sidebar{width:100%;position:relative;height:auto;border-right:none;border-bottom:1px solid var(--border-color)}.main{margin-left:0;padding:1.5rem}.layout{flex-direction:column}}article>h1:first-child{display:none}.project-list{list-style:none;padding:0}.project-list li{margin-bottom:.75rem}.project-list a{color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s}.project-list a:hover{background:var(--bg-tertiary);transform:translate(4px);text-decoration:none}.project-list a:before{content:"→";opacity:.5}.project-desc{font-size:.85rem;color:var(--text-muted);margin-left:auto;max-width:50%;text-align:right}.section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.section h2{font-size:1.1rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:0;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}footer{margin-top:3rem;color:var(--text-muted);font-size:.85rem;text-align:center}