body{background-color:var(--night)}.hero.k9-hero{padding:150px 24px 76px}.k9-hero .hero-title{font-size:clamp(2.1rem,4.5vw,3.4rem)}.proj-back-link{display:inline-flex;align-items:center;gap:8px;color:var(--night-text-2);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s}.proj-back-link:hover{color:var(--accent-bright)}.proj-back-link svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}.proj-back-link:hover svg{transform:translateX(-4px)}.proj-zahlen{position:relative;overflow:hidden;padding:72px 0 88px}.proj-zahlen .zahlen-grid{margin-top:0}.toc-wrapper{max-width:800px;margin:0 auto;padding:80px 24px 0;position:relative;z-index:1}.toc{background:var(--day-card);border:1px solid var(--day-border);border-radius:16px;box-shadow:0 10px 30px rgba(23,38,105,.05);padding:28px 32px;position:relative;overflow:hidden}.toc::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-strong);border-radius:4px 0 0 4px}.toc-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--ink);margin-bottom:16px;display:flex;align-items:center;gap:10px}.toc-list{list-style:none;margin:0;padding:0}.toc-list li{margin-bottom:6px}.toc-list a{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;font-size:.9rem;color:var(--day-text);font-weight:500;transition:all .2s ease;text-decoration:none}.toc-list a:hover{background:var(--day);color:var(--accent-strong);transform:translateX(4px)}.toc-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;font-size:.72rem;font-weight:700;background:var(--day);color:var(--accent-strong);border:1px solid var(--day-border);flex-shrink:0}.case-content{max-width:800px;margin:0 auto;padding:24px 24px 104px;position:relative;z-index:1}.case-content h2{font-family:var(--font-display);font-size:1.85rem;font-weight:600;color:var(--ink);letter-spacing:-.02em;margin:64px 0 16px;line-height:1.25;scroll-margin-top:100px;text-wrap:balance}.case-content h2 .serif-accent{color:var(--accent-strong)}.case-content h3{font-family:var(--font-display);font-size:1.35rem;font-weight:600;color:var(--ink);margin:36px 0 12px;line-height:1.3}.case-content h4{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--ink);margin:24px 0 10px;line-height:1.4}.case-content p{font-size:1.0625rem;color:var(--day-text);line-height:1.8;margin-bottom:20px}.case-content ul{margin:0 0 24px 24px;color:var(--day-text);line-height:1.8}.case-content li{margin-bottom:8px;font-size:1.0625rem}.case-content strong{color:var(--ink);font-weight:600}.section-divider{height:1px;border:0;margin:64px 0;background:linear-gradient(90deg,transparent,var(--day-border),transparent)}.solution-box{background:rgba(47,208,140,.06);border:1px solid var(--day-border);border-left:4px solid #2fd08c;padding:24px 28px;border-radius:0 14px 14px 0;margin:28px 0}.solution-box-title{font-family:var(--font-display);font-weight:600;font-size:.95rem;color:#2fd08c;margin-bottom:8px;display:flex;align-items:center;gap:8px}.solution-box p{color:var(--day-text)!important;font-size:1rem!important;margin-bottom:0!important}.solution-box ul{margin:8px 0 0 20px;font-size:1rem;color:var(--day-text)}.solution-box li{margin-bottom:4px}.tech-box{background:rgba(76,111,255,.06);border:1px solid var(--day-border);border-left:4px solid var(--accent-ink);padding:24px 28px;border-radius:0 14px 14px 0;margin:28px 0}.tech-box-title{font-family:var(--font-display);font-weight:600;font-size:.95rem;color:var(--accent-ink);margin-bottom:8px;display:flex;align-items:center;gap:8px}.tech-box p{color:var(--day-text)!important;font-size:1rem!important;margin-bottom:0!important}.tech-box ul{margin:8px 0 0 20px;font-size:1rem;color:var(--day-text)}.tech-box li{margin-bottom:4px}.flow-box{background:rgba(76,111,255,.06);border:1px solid var(--day-border);border-left:4px solid var(--accent-strong);padding:24px 28px;border-radius:0 14px 14px 0;margin:28px 0}.flow-box-title{font-family:var(--font-display);font-weight:600;font-size:.95rem;color:var(--accent-strong);margin-bottom:8px;display:flex;align-items:center;gap:8px}.flow-box p{color:var(--day-text)!important;font-size:1rem!important;margin-bottom:0!important}.flow-box ol{margin:8px 0 0 20px;font-size:1rem;color:var(--day-text)}.flow-box li{margin-bottom:4px}.accent-box{background:rgba(76,111,255,.08);border:1px solid var(--day-border);border-left:4px solid var(--accent-strong);padding:24px 28px;border-radius:0 14px 14px 0;margin:28px 0}.accent-box-title{font-family:var(--font-display);font-weight:600;font-size:.95rem;color:var(--accent-strong);margin-bottom:8px;display:flex;align-items:center;gap:8px}.accent-box p{color:var(--day-text)!important;font-size:1rem!important;margin-bottom:0!important}.accent-box ul{margin:8px 0 0 20px;font-size:1rem;color:var(--day-text)}.accent-box li{margin-bottom:4px}.website-preview{border-radius:16px;overflow:hidden;border:1px solid var(--day-border);background:var(--day-card);margin:32px 0;box-shadow:0 10px 30px rgba(23,38,105,.06)}.website-preview-bar{padding:12px 16px;background:var(--day);border-bottom:1px solid var(--day-border);display:flex;align-items:center;gap:8px}.website-preview-dot{width:10px;height:10px;border-radius:50%}.website-preview-dot.red{background:#ef4444}.website-preview-dot.yellow{background:#f59e0b}.website-preview-dot.green{background:#22c55e}.website-preview-url{margin-left:12px;font-size:.78rem;color:var(--day-text-2);background:var(--day-card);padding:4px 14px;border-radius:6px;border:1px solid var(--day-border)}.website-preview-body{padding:24px;background:var(--day-card);min-height:160px;display:flex;align-items:center;justify-content:center}.website-preview-placeholder{color:var(--day-text-2);font-size:.85rem;text-align:center}.arch-diagram{background:var(--night-card);border:1px solid var(--night-border-soft);border-radius:16px;padding:40px 32px;margin:36px 0;font-family:var(--font-mono);overflow-x:auto}.arch-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.arch-node{padding:10px 20px;border-radius:10px;font-size:.78rem;font-weight:600;text-align:center;white-space:nowrap}.arch-node-accent{background:rgba(123,147,255,.14);color:var(--accent-bright);border:1px solid rgba(123,147,255,.35)}.arch-node-purple{background:rgba(158,178,255,.07);color:var(--night-text);border:1px solid var(--night-border)}.arch-node-green{background:rgba(158,178,255,.07);color:var(--night-text);border:1px solid var(--night-border-soft)}.arch-node-blue{background:rgba(123,147,255,.14);color:var(--accent-bright);border:1px solid rgba(123,147,255,.35)}.arch-arrow{color:var(--night-text-2);font-size:1.2rem}.arch-label{color:var(--night-text-2);font-size:.65rem;text-align:center;margin-top:-8px;margin-bottom:12px;letter-spacing:.1em;text-transform:uppercase}.related-article{background:var(--day-card);border:1px solid var(--day-border);border-radius:16px;box-shadow:0 10px 30px rgba(23,38,105,.05);padding:24px 28px;margin:32px 0;display:flex;align-items:center;gap:20px;text-decoration:none;transition:all .3s ease}.related-article:hover{border-color:var(--accent-strong);transform:translateY(-2px);box-shadow:0 14px 34px rgba(23,38,105,.09)}.related-article-icon{width:48px;height:48px;border-radius:12px;flex-shrink:0;background:var(--accent-soft);display:flex;align-items:center;justify-content:center}.related-article-text{flex:1}.related-article-label{font-size:.72rem;color:var(--accent-strong);font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.related-article-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--ink);line-height:1.3}.related-article-desc{font-size:.85rem;color:var(--day-text-2);margin-top:4px}.related-article-arrow{color:var(--day-text-2);transition:transform .3s;flex-shrink:0}.related-article:hover .related-article-arrow{transform:translateX(4px);color:var(--accent-strong)}.proj-fade{opacity:1;transform:none;filter:none}.proj-reveal{opacity:1;transform:none;filter:none}@media (max-width:768px){.hero.k9-hero{padding:128px 20px 56px}.proj-zahlen{padding:56px 0 72px}.toc-wrapper{padding:64px 20px 0}.toc{padding:20px 24px}.case-content{padding:16px 20px 88px}.arch-diagram{padding:24px 16px}}@media (max-width:480px){.related-article{flex-direction:column;text-align:center}}.article-author{display:flex;align-items:center;gap:14px;justify-content:center;margin:1.75rem auto 0;text-align:left}.article-author-avatar{width:44px;height:44px;flex:0 0 44px;background:rgba(123,147,255,.14);border:1px solid var(--night-border-soft);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;color:var(--night-text)}.article-author-name{margin:0;font-weight:600;font-size:.9rem;color:var(--night-text)}.article-author-name a{color:inherit;text-decoration:none}.article-author-name a:hover,.article-author-name a:focus-visible{text-decoration:underline}.article-author-role{margin:0;font-size:.8rem;color:var(--night-text-2)}