.article-wrapper{--article-sidebar-width:260px;--article-content-max-width:720px;--article-container-max-width:1120px;--article-header-height:4rem;--font-display:"Fraunces",Georgia,serif;--font-body:"Sora",system-ui,sans-serif;--font-mono:"IBM Plex Mono",monospace;--leading-relaxed:1.75;--leading-tight:1.2}.reading-progress{z-index:100;pointer-events:none;background:0 0;height:3px;position:fixed;top:0;left:0;right:0}.reading-progress-bar{background:linear-gradient(90deg,hsl(var(--primary))0%,hsl(var(--accent,var(--primary)))100%);transform-origin:0;height:100%;box-shadow:0 0 10px hsl(var(--primary)/.5),0 0 20px hsl(var(--primary)/.3)}.article-wrapper{background:hsl(var(--background));height:100vh;color:hsl(var(--foreground));font-family:var(--font-body);flex-direction:column;display:flex;overflow:hidden}.article-header-bar{z-index:50;background:hsl(var(--background)/.92);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid hsl(var(--border)/.5);flex-shrink:0}.article-header-inner{height:var(--article-header-height);max-width:var(--article-container-max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:0 1.5rem;display:flex}.article-back-link{color:hsl(var(--muted-foreground));border-radius:8px;align-items:center;gap:.5rem;margin-left:-.75rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.article-back-link:hover{color:hsl(var(--foreground));background:hsl(var(--muted)/.5)}.article-header-actions{align-items:center;gap:.75rem;display:flex}.article-share-btn{color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.article-share-btn:hover{color:hsl(var(--primary));border-color:hsl(var(--primary)/.5);background:hsl(var(--primary)/.1)}.article-container{max-width:var(--article-container-max-width);flex:1;grid-template-columns:1fr;gap:0;width:100%;margin:0 auto;display:grid;overflow:hidden}@media (min-width:1024px){.article-container{grid-template-columns:var(--article-sidebar-width)1fr;gap:0}}.article-sidebar{display:none}@media (min-width:1024px){.article-sidebar{scrollbar-width:thin;flex-direction:column;height:100%;padding:2rem 0 2rem 1.5rem;display:flex;overflow-y:auto}}.article-toc{background:hsl(var(--muted)/.2);border:1px solid hsl(var(--border)/.5);border-radius:12px;padding:1.25rem}.article-toc-title{text-transform:uppercase;letter-spacing:.1em;color:hsl(var(--muted-foreground));align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.6875rem;font-weight:600;display:flex}.article-toc-list{margin:0;padding:0;list-style:none}.article-toc-link{color:hsl(var(--muted-foreground));border-left:2px solid #0000;border-radius:0 6px 6px 0;padding:.5rem .75rem;font-size:.8125rem;line-height:1.4;text-decoration:none;transition:all .2s;display:block}.article-toc-link:hover{color:hsl(var(--foreground));background:hsl(var(--muted)/.4)}.article-toc-link.active{color:hsl(var(--primary));background:hsl(var(--primary)/.08);border-left-color:hsl(var(--primary));font-weight:500}.article-toc-link--h3{padding-left:1.5rem;font-size:.75rem}.article-toc-link--h4{padding-left:2.25rem;font-size:.6875rem}.article-toc-mobile{margin-bottom:2rem;display:block}@media (min-width:1024px){.article-toc-mobile{display:none}}.article-toc-mobile-toggle{width:100%;color:hsl(var(--foreground));background:hsl(var(--muted)/.2);border:1px solid hsl(var(--border)/.5);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.article-toc-mobile-toggle:hover{background:hsl(var(--muted)/.3)}.article-toc-mobile-toggle[aria-expanded=true]{border-bottom-color:#0000;border-radius:12px 12px 0 0}.article-toc-mobile-content{background:hsl(var(--muted)/.2);border:1px solid hsl(var(--border)/.5);border-top:none;border-radius:0 0 12px 12px;max-height:50vh;padding:1rem 1.25rem;display:none;overflow-y:auto}.article-toc-mobile-content.open{display:block}.article-main{scroll-behavior:smooth;min-width:0;height:100%;padding:2rem 1.5rem 4rem;overflow:hidden auto}@media (min-width:1024px){.article-main{padding:2rem 1.5rem 2rem 3rem}}.article-content{max-width:var(--article-content-max-width)}.article-hero{border-bottom:1px solid hsl(var(--border)/.5);margin-bottom:3rem;padding-bottom:2rem;position:relative}.article-hero:before{content:"";background:radial-gradient(ellipse at center,hsl(var(--primary)/.08)0%,transparent 70%);pointer-events:none;z-index:-1;width:400px;height:400px;position:absolute;top:-60px;left:-100px}.article-category-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--primary));background:hsl(var(--primary)/.1);border:1px solid hsl(var(--primary)/.2);border-radius:6px;align-items:center;gap:.375rem;margin-bottom:1rem;padding:.375rem .75rem;font-size:.6875rem;font-weight:600;display:inline-flex}.article-hero-title{font-family:var(--font-display);letter-spacing:-.03em;color:hsl(var(--foreground));margin-bottom:1.25rem;font-size:clamp(2.25rem,6vw,3.5rem);font-weight:700;line-height:1.1}.article-hero-title-gradient{background:linear-gradient(135deg,hsl(var(--foreground))0%,hsl(var(--primary))100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.article-hero-description{color:hsl(var(--muted-foreground));margin-bottom:1.5rem;font-size:1.125rem;line-height:1.6}.article-meta{color:hsl(var(--muted-foreground));flex-wrap:wrap;align-items:center;gap:1rem;font-size:.8125rem;display:flex}.article-meta-item{align-items:center;gap:.375rem;display:inline-flex}.article-meta-divider{background:hsl(var(--border));border-radius:50%;width:4px;height:4px}.article-author{color:hsl(var(--foreground));align-items:center;gap:.5rem;font-weight:500;display:inline-flex}.article-author-avatar{background:linear-gradient(135deg,hsl(var(--primary))0%,hsl(var(--accent,var(--primary)))100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:600;display:flex}.article-prose{color:hsl(var(--muted-foreground));font-size:1.0625rem;line-height:1.75}.article-prose h2{font-family:var(--font-display);color:hsl(var(--foreground));border-left:4px solid hsl(var(--primary));margin-top:4rem;margin-bottom:1.5rem;padding-left:1.25rem;scroll-margin-top:1rem;font-size:1.875rem;font-weight:700;line-height:1.2;position:relative}.article-prose h3{font-family:var(--font-display);color:hsl(var(--foreground));margin-top:3rem;margin-bottom:1.25rem;scroll-margin-top:1rem;font-size:1.5rem;font-weight:600;line-height:1.3}.article-prose h4{color:hsl(var(--foreground));margin-top:2rem;margin-bottom:.75rem;scroll-margin-top:1rem;font-size:1.0625rem;font-weight:600}.article-prose p{line-height:var(--leading-relaxed);margin-bottom:1.75rem}.article-prose strong{color:hsl(var(--foreground));font-weight:600}.article-prose a{color:hsl(var(--primary));border-bottom:1px solid hsl(var(--primary)/.3);font-weight:500;text-decoration:none;transition:all .2s}.article-prose a:hover{border-bottom-color:hsl(var(--primary))}.article-prose ul,.article-prose ol{margin-bottom:2rem;padding-left:0}.article-prose li{margin-bottom:.75rem;padding-left:1.75rem;list-style:none;position:relative}.article-prose ul li:before{content:"";background:hsl(var(--primary));width:6px;height:6px;box-shadow:0 0 10px hsl(var(--primary)/.5);border-radius:50%;position:absolute;top:.65em;left:.25rem}.article-prose ol{counter-reset:item}.article-prose ol li{counter-increment:item}.article-prose ol li:before{content:counter(item)".";font-family:var(--font-mono);color:hsl(var(--primary));font-size:.8125rem;font-weight:700;position:absolute;top:0;left:0}.article-prose blockquote{background:hsl(var(--muted)/.3);border-left:3px solid hsl(var(--primary));color:hsl(var(--foreground));border-radius:0 12px 12px 0;margin:2rem 0;padding:1.5rem 1.5rem 1.5rem 2rem;font-style:italic;position:relative}.article-prose blockquote p:last-child{margin-bottom:0}.article-prose code{font-family:var(--font-mono);background:hsl(var(--muted)/.5);border:1px solid hsl(var(--border)/.5);color:hsl(var(--primary));border-radius:4px;padding:.2em .4em;font-size:.875em}.article-prose pre{background:hsl(var(--background-secondary,220 30% 8%));border:1px solid hsl(var(--border));border-radius:12px;margin:2rem 0;padding:1.5rem;overflow-x:auto}.article-prose pre code{color:hsl(var(--foreground));background:0 0;border:none;padding:0;font-size:.875rem;line-height:1.6}.article-prose hr{background:linear-gradient(90deg,transparent 0%,hsl(var(--border))20%,hsl(var(--border))80%,transparent 100%);border:none;height:1px;margin:3rem 0}.article-prose img{border-radius:12px;max-width:100%;height:auto;margin:2rem 0}.article-prose table{border-collapse:collapse;width:100%;margin:2rem 0;font-size:.9375rem}.article-prose th,.article-prose td{text-align:left;border-bottom:1px solid hsl(var(--border)/.5);padding:1rem 1.25rem}.article-prose th{text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--foreground));background:hsl(var(--muted)/.4);font-size:.8125rem;font-weight:700}.article-prose td{color:hsl(var(--muted-foreground));font-size:.9375rem}.article-prose tr:nth-child(2n) td{background:hsl(var(--muted)/.1)}.article-prose tr:hover td{background:hsl(var(--muted)/.3)}.callout{border:1px solid;border-radius:12px;margin:2rem 0;padding:1.25rem 1.5rem;position:relative;overflow:hidden}.callout:before{content:"";width:4px;height:100%;position:absolute;top:0;left:0}.callout-header{text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.8125rem;font-weight:600;display:flex}.callout-content{font-size:.9375rem;line-height:1.6}.callout-content p:last-child{margin-bottom:0}.callout--warning{background:#cca63314;border-color:#cca63333}.callout--warning:before{background:#e6b31a}.callout--warning .callout-header{color:#f2b90d}.callout--info{background:#269dd914;border-color:#269dd933}.callout--info:before{background:#30abe8}.callout--info .callout-header{color:#3db8f5}.callout--success{background:#2eb88a14;border-color:#2eb88a33}.callout--success:before{background:#22c38e}.callout--success .callout-header{color:#1ae6a2}.callout--tip{background:hsl(var(--primary)/.08);border-color:hsl(var(--primary)/.2)}.callout--tip:before{background:hsl(var(--primary))}.callout--tip .callout-header{color:hsl(var(--primary))}.article-cta{background:linear-gradient(135deg,hsl(var(--primary)/.08)0%,hsl(var(--primary)/.03)100%);border:1px solid hsl(var(--primary)/.2);border-radius:16px;margin:3rem 0;padding:2.5rem;position:relative;overflow:hidden}.article-cta:before{content:"";background:linear-gradient(90deg,transparent 0%,hsl(var(--primary))50%,transparent 100%);height:2px;position:absolute;top:0;left:0;right:0}.article-cta-headline{font-family:var(--font-display);color:hsl(var(--foreground));margin-bottom:.75rem;font-size:1.5rem;font-weight:600}.article-cta-description{color:hsl(var(--muted-foreground));margin-bottom:1.5rem;font-size:1rem}.article-cta-button,.article-cta-button:visited,.article-cta-button:hover,.article-cta-button:active{background:linear-gradient(135deg,hsl(var(--primary))0%,hsl(var(--accent,var(--primary)))100%);cursor:pointer;box-shadow:0 4px 20px hsl(var(--primary)/.3),inset 0 1px 0 hsl(var(--primary)/.3);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;color:#fff!important}.article-cta-button:hover{box-shadow:0 8px 30px hsl(var(--primary)/.4),inset 0 1px 0 hsl(var(--primary)/.4);transform:translateY(-2px)}.comparison-table{border:1px solid hsl(var(--border));border-radius:12px;margin:2rem 0;overflow-x:auto}.comparison-table table{border-collapse:collapse;width:100%;margin:0}.comparison-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--foreground));background:hsl(var(--muted)/.5);border-bottom:2px solid hsl(var(--primary)/.3);padding:1.25rem;font-size:.75rem;font-weight:700}.comparison-table td{border-bottom:1px solid hsl(var(--border)/.5);padding:1rem 1.25rem;font-size:.9375rem}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tr:hover td{background:hsl(var(--muted)/.3)}.comparison-table .highlight{color:hsl(var(--primary));font-weight:500}.comparison-table .negative{color:#d65c5c}.comparison-table .positive{color:#3c9}.faq-section{margin:3rem 0}.faq-title{font-family:var(--font-display);color:hsl(var(--foreground));margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.faq-item{border-bottom:1px solid hsl(var(--border)/.5)}.faq-item:first-child{border-top:1px solid hsl(var(--border)/.5)}.faq-trigger{text-align:left;width:100%;color:hsl(var(--foreground));cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:1.25rem 0;font-size:1rem;font-weight:500;transition:color .2s;display:flex}.faq-trigger:hover{color:hsl(var(--primary))}.faq-trigger-icon{width:20px;height:20px;color:hsl(var(--muted-foreground));flex-shrink:0;transition:transform .2s}.faq-trigger[aria-expanded=true] .faq-trigger-icon{transform:rotate(180deg)}.faq-content{color:hsl(var(--muted-foreground));padding-bottom:1.25rem;font-size:.9375rem;line-height:1.7}.article-footer{border-top:1px solid hsl(var(--border)/.5);margin-top:4rem;padding-top:2rem}.article-footer-divider{text-transform:uppercase;letter-spacing:.1em;color:hsl(var(--muted-foreground));align-items:center;gap:1rem;margin-bottom:2rem;font-size:.75rem;font-weight:600;display:flex}.article-footer-divider:before,.article-footer-divider:after{content:"";background:hsl(var(--border)/.5);flex:1;height:1px}.article-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.article-tag{color:hsl(var(--muted-foreground));background:hsl(var(--muted)/.3);border:1px solid hsl(var(--border)/.5);border-radius:6px;padding:.375rem .75rem;font-size:.75rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.article-tag:hover{color:hsl(var(--primary));border-color:hsl(var(--primary)/.3);background:hsl(var(--primary)/.08)}.related-articles{margin-top:2rem}.related-articles-title{text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--muted-foreground));margin-bottom:1rem;font-size:.8125rem;font-weight:600}.related-articles-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:640px){.related-articles-grid{grid-template-columns:repeat(2,1fr)}}.related-article-card{background:hsl(var(--muted)/.2);border:1px solid hsl(var(--border)/.5);border-radius:12px;padding:1.25rem;text-decoration:none;transition:all .3s;display:block}.related-article-card:hover{border-color:hsl(var(--primary)/.3);background:hsl(var(--primary)/.05);transform:translateY(-2px)}.related-article-category{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--primary));margin-bottom:.5rem;font-size:.6875rem;font-weight:500}.related-article-title{color:hsl(var(--foreground));margin-bottom:.375rem;font-size:.9375rem;font-weight:600;line-height:1.4}.related-article-meta{color:hsl(var(--muted-foreground));font-size:.75rem}.article-page-footer{border-top:1px solid hsl(var(--border)/.5);background:hsl(var(--background-secondary,var(--background)));padding:2rem 1.5rem}.article-page-footer-inner{max-width:var(--article-container-max-width);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;display:flex}.article-page-footer-date{color:hsl(var(--muted-foreground));align-items:center;gap:.5rem;font-size:.8125rem;display:inline-flex}.article-page-footer-brand{color:hsl(var(--muted-foreground));font-size:.8125rem}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.5s forwards fade-up}@media print{.article-header-bar,.article-sidebar,.article-toc-mobile,.article-cta,.related-articles,.article-page-footer{display:none!important}.article-wrapper{color:#000!important;background:#fff!important}.article-container{max-width:none;padding:0;display:block}.article-prose a{text-decoration:underline;color:#000!important}}.statusklar-workflow{background:hsl(var(--muted)/.2);border:1px solid hsl(var(--border)/.5);border-radius:24px;flex-direction:column;align-items:center;gap:1.5rem;margin:3rem 0;padding:2.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #0003}.statusklar-workflow:before{content:"";background:linear-gradient(90deg,transparent 0%,hsl(var(--primary)/.5)50%,transparent 100%);width:100%;height:4px;position:absolute;top:0;left:0}.workflow-steps{flex-direction:column;align-items:center;width:100%;display:flex}.workflow-node{background:hsl(var(--background));border:1px solid hsl(var(--border));color:hsl(var(--foreground));text-align:center;z-index:2;border-radius:16px;min-width:280px;padding:1.25rem 2.5rem;font-weight:700;transition:transform .2s;position:relative;box-shadow:0 8px 20px -8px #0000004d}.workflow-node:hover{border-color:hsl(var(--primary)/.3);transform:translateY(-2px)}.workflow-connector{height:50px;color:hsl(var(--primary)/.5);justify-content:center;align-items:center;display:flex}.workflow-node-content{letter-spacing:-.01em;font-size:1rem}.workflow-ampel-container{flex-direction:column;align-items:center;width:100%;padding-top:1rem;display:flex}.workflow-ampel-line{background:linear-gradient(90deg,#1ae6a24d 0%,#e6b31a4d 50%,#e61a1a4d 100%);width:70%;height:2px;margin-bottom:0;position:relative}.workflow-ampel-line:before{content:"";background:hsl(var(--border)/.5);width:2px;height:51px;position:absolute;top:-51px;left:50%;transform:translate(-50%)}.workflow-outcomes{grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;margin-top:0;display:grid}.outcome-node{flex-direction:column;align-items:center;padding-top:1.5rem;display:flex;position:relative}.outcome-node:before{content:"";background:hsl(var(--border)/.5);width:2px;height:12px;position:absolute;top:0}.outcome-header{font-family:var(--font-mono);letter-spacing:.12em;border-radius:6px;margin-bottom:.75rem;padding:.4rem 1.25rem;font-size:.75rem;font-weight:700}.outcome-arrow{opacity:.7;margin-bottom:1rem}.outcome-description{text-align:center;color:hsl(var(--muted-foreground));max-width:180px;font-size:.875rem;font-weight:500;line-height:1.5}.outcome-green .outcome-header{color:#1ae6a2;background:#1ae6a21a;border:1px solid #1ae6a24d;box-shadow:0 0 15px #1ae6a21a}.outcome-yellow .outcome-header{color:#d4a411;background:#e6b31a1a;border:1px solid #e6b31a4d;box-shadow:0 0 15px #e6b31a1a}.outcome-red .outcome-header{color:#e61a1a;background:#e61a1a1a;border:1px solid #e61a1a4d;box-shadow:0 0 15px #e61a1a1a}.outcome-green .outcome-arrow{color:#1ae6a2}.outcome-yellow .outcome-arrow{color:#e6b31a}.outcome-red .outcome-arrow{color:#e61a1a}@media (max-width:768px){.workflow-outcomes{grid-template-columns:1fr;gap:2.5rem}.workflow-ampel-line{display:none}.outcome-node:before{height:30px;top:-24px}.statusklar-workflow{padding:1.5rem}}