.project-detail{padding:2rem 0 4rem;min-height:60vh}.breadcrumb{font-family:var(--font-mono);font-size:0.8rem;color:var(--text-muted);margin-bottom:2rem}.breadcrumb a{color:var(--text-secondary);text-decoration:none}.breadcrumb a:hover{color:var(--accent-primary)}.breadcrumb .sep{margin:0 8px;color:var(--text-muted)}.breadcrumb .current{color:var(--accent-primary)}.project-header{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:center;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--glass-border)}.project-icon-large{width:100px;height:100px;border-radius:var(--radius);background:var(--bg-surface);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,0.2), 0 0 30px var(--accent-glow)}.project-icon-large img{width:100%;height:100%;object-fit:cover}.project-category-large{display:inline-block;font-family:var(--font-mono);font-size:0.75rem;font-weight:600;background:var(--accent-primary);color:var(--bg-primary);padding:4px 12px;border-radius:100px;letter-spacing:0.5px;text-transform:uppercase;margin-bottom:0.5rem}[data-theme="business-card"] .project-category-large{background:var(--text-primary)}.project-header h1{font-family:var(--font-display);font-size:clamp(1.8rem, 4vw, 2.5rem);font-weight:700;line-height:1.1;margin-bottom:0.25rem;color:var(--text-primary);text-shadow:0 0 30px var(--accent-glow)}.project-tagline{font-family:var(--font-mono);font-size:1rem;color:var(--accent-primary);letter-spacing:0.5px}.project-body-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.project-main h2{font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:2rem 0 1rem;display:flex;align-items:center;gap:8px}.project-main h2 i{color:var(--accent-primary);font-size:1rem}.project-main h2:first-child{margin-top:0}.project-main p{color:var(--text-secondary);line-height:1.7;margin-bottom:1rem}.specs-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:8px;padding:0}.specs-list li{background:var(--bg-card);border:1px solid var(--glass-border);padding:8px 12px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:0.8rem;color:var(--text-secondary)}.specs-list li::before{content:'▸';color:var(--accent-primary);margin-right:8px}.status-text{font-family:var(--font-mono);color:var(--accent-primary);background:var(--bg-card);border-left:3px solid var(--accent-primary);padding:12px 16px;border-radius:var(--radius-sm)}.project-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius);padding:1.5rem;backdrop-filter:blur(var(--glass-blur))}.sidebar-card h3{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--accent-primary);margin-bottom:1rem;display:flex;align-items:center;gap:8px}[data-theme="business-card"] .sidebar-card h3{color:var(--text-primary)}.sidebar-card p{color:var(--text-secondary);font-size:0.85rem;margin-bottom:0.5rem}.link-list{display:flex;flex-direction:column;gap:0.5rem}.sidebar-link{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-mono);font-size:0.85rem;text-decoration:none;transition:all var(--transition)}.sidebar-link:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateX(4px)}.sidebar-link i{color:var(--accent-primary);width:18px}.gitlab-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent-primary);font-family:var(--font-mono);font-size:0.85rem}.hinweis{margin-top:1rem;font-size:0.7rem;color:var(--text-muted)}.hinweis a{color:var(--accent-primary);text-decoration:underline}@media (max-width:768px){.project-header{grid-template-columns:1fr;text-align:center}.project-icon-large{margin:0 auto}.project-body-grid{grid-template-columns:1fr}}.legal-page{padding:3rem 0;min-height:60vh}.legal-page h1{font-family:var(--font-display);font-size:clamp(1.8rem, 4vw, 2.5rem);font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;text-shadow:0 0 30px var(--accent-glow)}.legal-page h2{font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:var(--accent-primary);margin-top:2rem;margin-bottom:0.75rem;padding-bottom:0.4rem;border-bottom:1px solid var(--glass-border)}[data-theme="business-card"] .legal-page h2{color:var(--text-primary)}.legal-page p, .legal-page ul{color:var(--text-secondary);line-height:1.7;margin-bottom:0.75rem}.legal-list{list-style:none;padding:0}.legal-list li{padding:6px 0;display:flex;align-items:flex-start;gap:10px}.legal-list li i, .legal-list li code{flex-shrink:0}.legal-list li i{color:var(--accent-primary);width:20px}.legal-list li a{color:var(--accent-primary)}.legal-list li a:hover{text-decoration:underline}.legal-box{background:var(--bg-card);border-left:3px solid var(--accent-primary);padding:12px 16px;border-radius:var(--radius-sm);margin:1rem 0;font-size:0.9rem}.legal-page code{background:var(--bg-surface);padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:0.85em;color:var(--accent-primary)}.legal-page .lead{font-size:1.05rem;color:var(--text-secondary);margin-bottom:2rem}.legal-back{margin-top:3rem;text-align:center}#three-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:0.4}[data-theme="business-card"] #three-canvas{display:none}body.has-threejs .bg-decor, body.has-threejs .grid-overlay{display:none}.hero-bg-image{background-image:url('/assets/banner.webp')}html[data-no-webp] .hero-bg-image{background-image:url('/assets/banner.png')}.lang-switcher{display:flex;gap:2px;background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:3px;margin-left:0.5rem}.lang-option{padding:5px 10px;background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-mono);font-size:0.7rem;font-weight:600;border-radius:4px;cursor:pointer;transition:all var(--transition);text-transform:uppercase;letter-spacing:0.5px}.lang-option:hover{color:var(--text-primary);background:var(--glass-bg)}.lang-option.active{background:var(--accent-primary);color:var(--bg-primary)}[data-theme="business-card"] .lang-option.active{background:var(--text-primary)}@media (max-width:768px){.lang-switcher{margin-left:0}.lang-option{padding:4px 8px;font-size:0.65rem}}@media (max-width:480px){.legal-page h1{font-size:1.5rem !important;overflow-wrap:break-word;word-break:break-word;hyphens:auto}}