.blog-content h2{font-size:1.5rem;font-weight:600;color:var(--color-surface-900);margin-top:2.5rem;margin-bottom:1rem;line-height:1.3;letter-spacing:-.01em;scroll-margin-top:6rem}.blog-content h3{font-size:1.2rem;font-weight:600;color:var(--color-surface-800);margin-top:2rem;margin-bottom:.75rem;line-height:1.4}.blog-content h4{font-size:1.05rem;font-weight:600;color:var(--color-surface-800);margin-top:1.5rem;margin-bottom:.5rem}.blog-content p{color:var(--color-surface-600);line-height:1.8;margin-bottom:1.25rem}.blog-content a{color:var(--color-primary-700);text-decoration:underline;text-underline-offset:2px;transition:color .15s}.blog-content a:hover{color:var(--color-primary-500)}.blog-content strong{font-weight:700;color:var(--color-surface-800)}.blog-content em{font-style:italic}.blog-content code{font-family:var(--font-mono);font-size:.875em;background:var(--color-surface-100);color:var(--color-primary-700);padding:.15em .4em;border-radius:.375rem}.blog-intro{font-size:1.125rem;line-height:1.8;color:var(--color-surface-600);padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--color-surface-200)}.blog-content ul,.blog-content ol{list-style:none;padding:0;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.blog-content ul li{position:relative;padding-left:1.75rem;color:var(--color-surface-600);line-height:1.7}.blog-content ul li:before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--color-primary-400)}.blog-content ol{counter-reset:blog-ol}.blog-content ol li{position:relative;padding-left:2rem;color:var(--color-surface-600);line-height:1.7;counter-increment:blog-ol}.blog-content ol li:before{content:counter(blog-ol) ".";position:absolute;left:0;font-weight:700;color:var(--color-primary-600);font-size:.875rem}.blog-checklist{list-style:none!important}.blog-checklist li{padding-left:2rem!important}.blog-checklist li:before{display:none!important}.blog-checklist .checkmark{position:absolute;left:0;top:.35em;width:20px;height:20px;background:var(--color-primary-400);border-radius:50%}.blog-checklist .checkmark:after{content:"";position:absolute;left:6px;top:3px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.blog-content blockquote{border-left:4px solid var(--color-primary-400);padding:1.25rem 1.5rem;margin:1.5rem 0;background:var(--color-primary-50);border-radius:0 .75rem .75rem 0}.blog-content blockquote p{margin-bottom:0;color:var(--color-surface-700);font-style:italic}.blog-content blockquote cite{display:block;margin-top:.75rem;font-size:.875rem;color:var(--color-surface-500);font-style:normal}.blog-content hr,.blog-divider{border:none;height:1px;background:linear-gradient(to right,transparent,var(--color-surface-200),transparent);margin:2rem 0}.blog-divider-thick{height:3px;background:var(--color-primary-200)}.blog-divider-dashed{height:0;border-top:2px dashed var(--color-surface-200);background:none}.blog-code-block{background:var(--color-surface-950);border-radius:.75rem;margin:1.5rem 0;overflow:hidden}.code-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.08)}.code-dots{display:flex;gap:6px}.code-dots span{width:10px;height:10px;border-radius:50%}.code-dots span:nth-child(1){background:#ef4444}.code-dots span:nth-child(2){background:#f59e0b}.code-dots span:nth-child(3){background:#10b981}.code-filename{font-family:var(--font-mono);font-size:.75rem;color:#ffffff80}.blog-code-block pre{margin:0!important;border-radius:0!important;background:transparent!important}.blog-code-block pre code{background:none;color:var(--color-surface-200);padding:1rem;display:block;font-size:.85rem;line-height:1.7}.blog-content pre{background:var(--color-surface-950);color:var(--color-surface-200);padding:1.25rem;border-radius:.75rem;overflow-x:auto;margin:1.5rem 0;font-size:.85rem;line-height:1.7}.blog-content pre code{background:none;color:inherit;padding:0;font-size:inherit}.blog-terminal{background:var(--color-surface-950);border-radius:.75rem;padding:1.25rem;margin:1.5rem 0;font-family:var(--font-mono);font-size:.85rem;line-height:1.8}.terminal-prompt{color:var(--color-success-400)}.terminal-command{color:var(--color-surface-200)}.terminal-output{color:var(--color-surface-500);margin-bottom:.5rem}.blog-callout{padding:1.25rem 1.5rem;border-radius:.75rem;margin:1.5rem 0;border-left:4px solid}.blog-callout-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.blog-callout-header svg{flex-shrink:0}.blog-callout p{font-size:.875rem;margin-bottom:0;line-height:1.7}.blog-callout-info{background:#004d430f;border-color:var(--color-primary-500)}.blog-callout-info .blog-callout-header svg{color:var(--color-primary-600)}.blog-callout-tip{background:#00a88a14;border-color:var(--color-primary-400)}.blog-callout-tip .blog-callout-header svg{color:var(--color-primary-400)}.blog-callout-warning{background:#f59e0b14;border-color:var(--color-warning-500)}.blog-callout-warning .blog-callout-header svg{color:var(--color-warning-500)}.blog-callout-danger{background:#ef444414;border-color:var(--color-danger-500)}.blog-callout-danger .blog-callout-header svg{color:var(--color-danger-500)}.blog-callout-success{background:#10b98114;border-color:var(--color-success-500)}.blog-callout-success .blog-callout-header svg{color:var(--color-success-500)}.blog-highlight{background:linear-gradient(135deg,var(--color-primary-50),rgba(0,168,138,.08));border:1px solid var(--color-primary-100);border-radius:.75rem;padding:1.5rem;margin:1.5rem 0}.blog-highlight strong{color:var(--color-primary-700);display:block;margin-bottom:.5rem;font-size:1rem}.blog-highlight p{margin-bottom:0;font-size:.875rem}.blog-feature-grid{display:grid;gap:1rem;margin:1.5rem 0}.blog-feature-grid-2{grid-template-columns:repeat(2,1fr)}.blog-feature-grid-3{grid-template-columns:repeat(3,1fr)}.blog-feature-grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:640px){.blog-feature-grid-2,.blog-feature-grid-3,.blog-feature-grid-4{grid-template-columns:1fr}}.blog-feature-card{background:#fff;border:1px solid var(--color-surface-200);border-radius:.75rem;padding:1.25rem;transition:border-color .15s,box-shadow .15s}.blog-feature-card:hover{border-color:var(--color-primary-200);box-shadow:0 4px 12px #004d430f}.blog-feature-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-800));border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;color:#fff}.blog-feature-card strong{display:block;margin-bottom:.5rem;color:var(--color-surface-900)}.blog-feature-card p{font-size:.875rem;margin-bottom:0;color:var(--color-surface-500);line-height:1.6}.blog-comparison{margin:1.5rem 0;overflow-x:auto}.blog-comparison table{width:100%;border-collapse:collapse;font-size:.875rem}.blog-comparison thead tr{background:var(--color-primary-700)}.blog-comparison thead th{padding:.75rem 1rem;color:#fff;font-weight:600;text-align:left;white-space:nowrap}.blog-comparison tbody td{padding:.75rem 1rem;border-bottom:1px solid var(--color-surface-100);color:var(--color-surface-700)}.blog-comparison tbody tr:hover{background:var(--color-surface-50)}.blog-comparison tbody td.highlight{background:#00a88a0f;font-weight:600;color:var(--color-primary-700)}.blog-comparison thead th.highlight{background:var(--color-primary-900)}.blog-comparison thead .highlight{background:var(--color-primary-600)}.blog-toc{margin:1.5rem 0;padding:1.25rem 1.5rem;background:var(--color-surface-50);border:1px solid var(--color-surface-200);border-radius:.75rem}.blog-toc-title{font-weight:600;font-size:.875rem;color:var(--color-surface-900);margin-bottom:.75rem}.blog-content .blog-toc ol{counter-reset:toc!important;list-style:none!important;padding:0!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:0!important}.blog-content .blog-toc ol li{counter-increment:toc!important;display:flex!important;align-items:baseline!important;gap:.5rem!important;padding:.25rem 0!important;margin:0!important;padding-left:0!important}.blog-content .blog-toc ol li:before{content:counter(toc) "."!important;font-weight:700!important;color:var(--color-primary-600)!important;font-size:.8rem!important;flex-shrink:0!important;min-width:1.5rem!important;text-align:right!important;position:static!important;width:auto!important;height:auto!important;background:none!important;border-radius:0!important;top:auto!important}.blog-content .blog-toc a{color:var(--color-surface-600)!important;text-decoration:none!important;font-size:.875rem!important;line-height:1.6!important;transition:color .15s!important}.blog-content .blog-toc a:hover{color:var(--color-primary-700)!important}.blog-content .blog-toc a.ist-aktiv{color:var(--color-primary-700)!important;font-weight:600!important}.beitrag-seitenleiste.xq-1py1txl{display:none}.beitrag-raster.xq-1py1txl>.blog-content{min-width:0}@media(min-width:1280px){.beitrag-raster.xq-1py1txl{display:grid;grid-template-columns:232px minmax(0,1fr);column-gap:3rem}.beitrag-seitenleiste.xq-1py1txl{display:block;align-self:stretch}.beitrag-raster.xq-1py1txl .blog-toc{display:none}}.beitrag-raster.xq-1py1txl .blog-content h2[id],.beitrag-raster.xq-1py1txl .blog-content h3[id]{scroll-margin-top:6rem}.beitrag-toc.xq-1py1txl{position:sticky;top:6rem;display:flex;flex-direction:column;max-height:calc(100vh - 8rem)}.beitrag-toc-titel.xq-1py1txl{margin:0 0 .75rem;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-surface-600)}.beitrag-toc-liste.xq-1py1txl{flex:1 1 auto;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.beitrag-toc-liste.xq-1py1txl li:where(.xq-1py1txl){margin:0}.beitrag-toc-liste.xq-1py1txl a:where(.xq-1py1txl){display:block;padding:.5rem 0 .5rem 1rem;border-left:2px solid var(--color-surface-200);font-size:.875rem;line-height:1.45;color:var(--color-surface-600);text-decoration:none;transition:color .15s ease,border-color .15s ease}.beitrag-toc-liste.xq-1py1txl a:where(.xq-1py1txl):hover{color:var(--color-primary-700);border-left-color:var(--color-surface-400)}.beitrag-toc-liste.xq-1py1txl a.ist-aktiv:where(.xq-1py1txl){color:var(--color-primary-700);border-left-color:var(--color-primary-700);font-weight:600}.beitrag-toc-liste.xq-1py1txl li.ist-tief:where(.xq-1py1txl) a:where(.xq-1py1txl){padding-left:1.5rem;font-size:.8125rem}.beitrag-toc-liste.xq-1py1txl a:where(.xq-1py1txl):focus-visible{outline:2px solid var(--color-primary-700);outline-offset:-2px;border-radius:2px}.beitrag-toc-fortschritt.xq-1py1txl{flex:0 0 auto;margin:1rem 0 0;height:2px;border-radius:2px;background:var(--color-surface-200);overflow:hidden}.beitrag-toc-balken.xq-1py1txl{display:block;height:100%;background:var(--color-primary-700);transform-origin:left center}.beitrag-toc-rest.xq-1py1txl{flex:0 0 auto;margin:.5rem 0 0;font-size:.75rem;line-height:1.4;color:var(--color-surface-600);font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.beitrag-toc-liste.xq-1py1txl a:where(.xq-1py1txl){transition:none}}.blog-faq{display:flex;flex-direction:column;gap:.5rem;margin:1.5rem 0}.blog-faq-item{background:#fff;border:1px solid var(--color-surface-200);border-radius:.75rem;overflow:hidden;transition:border-color .15s}.blog-faq-item:hover{border-color:var(--color-primary-200)}.blog-faq-item summary{padding:1rem 1.25rem;cursor:pointer;font-weight:600;color:var(--color-surface-900);list-style:none;display:flex;align-items:center;justify-content:space-between}.blog-faq-item summary::-webkit-details-marker{display:none}.blog-faq-item summary:after{content:"+";font-size:1.25rem;font-weight:700;color:var(--color-primary-600);transition:transform .2s;flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-50);border-radius:6px}.blog-faq-item[open] summary:after{transform:rotate(45deg)}.blog-faq-answer{padding:.75rem 1.25rem 1rem;color:var(--color-surface-600);line-height:1.7;border-top:1px solid var(--color-surface-100);font-size:.9rem}.blog-promo{margin:2rem 0;padding:2rem;background:linear-gradient(135deg,var(--color-primary-800),var(--color-primary-900));border-radius:1rem;text-align:center;color:#fff}.blog-promo h3{font-size:1.25rem;font-weight:600;letter-spacing:-.01em;margin-bottom:.5rem;color:#fff}.blog-promo p{font-size:.9rem;color:#fffc;margin-bottom:1rem}.blog-promo-btn{display:inline-flex;padding:.75rem 1.5rem;background:#fff;color:var(--color-primary-700);font-weight:600;font-size:.875rem;border-radius:.75rem;text-decoration:none;transition:all .15s}.blog-promo-btn:hover{background:var(--color-primary-400);color:var(--color-primary-900)}.blog-button-wrapper{margin:1.5rem 0}.blog-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0}.blog-btn{display:inline-flex;padding:.75rem 1.5rem;font-weight:600;font-size:.875rem;border-radius:.75rem;text-decoration:none;transition:all .15s}.blog-btn-primary{background:var(--color-primary-700);color:#fff}.blog-btn-primary:hover{background:var(--color-primary-600);color:#fff}.blog-btn-secondary{background:#fff;color:var(--color-primary-700);border:2px solid var(--color-primary-200)}.blog-btn-secondary:hover{border-color:var(--color-primary-400)}.blog-image{margin:1.5rem 0}.blog-image img{width:100%;border-radius:.75rem}.blog-image figcaption{font-size:.8rem;color:var(--color-surface-400);text-align:center;margin-top:.5rem}.blog-video{margin:1.5rem 0;position:relative;padding-bottom:56.25%;border-radius:.75rem;overflow:hidden}.blog-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}html.dark .blog-content h2{color:var(--color-surface-50)}html.dark .blog-content h3,html.dark .blog-content h4{color:var(--color-surface-100)}html.dark .blog-content p{color:var(--color-surface-300)}html.dark .blog-content strong{color:var(--color-surface-50)}html.dark .blog-content a{color:var(--color-primary-300)}html.dark .blog-content a:hover{color:var(--color-primary-200)}html.dark .blog-content ul li,html.dark .blog-content ol li{color:var(--color-surface-300)}html.dark .blog-content ul li:before{background:var(--color-primary-400)}html.dark .blog-content ol li:before{color:var(--color-primary-300)}html.dark .blog-intro{color:var(--color-surface-300);border-color:var(--color-surface-700)}html.dark .blog-content hr,html.dark .blog-divider{background:linear-gradient(to right,transparent,var(--color-surface-700),transparent)}html.dark .blog-content code{background:var(--color-surface-800);color:var(--color-primary-300)}html.dark .blog-content blockquote{background:#00a88a14}html.dark .blog-content blockquote p{color:var(--color-surface-200)}html.dark .blog-content blockquote cite{color:var(--color-surface-400)}html.dark .blog-feature-card{background:var(--color-surface-800);border-color:var(--color-surface-700)}html.dark .blog-feature-card:hover{border-color:var(--color-primary-600);box-shadow:0 4px 12px #00000040}html.dark .blog-feature-card strong{color:var(--color-surface-50)}html.dark .blog-feature-card p{color:var(--color-surface-300)}html.dark .blog-faq-item{background:var(--color-surface-800);border-color:var(--color-surface-700)}html.dark .blog-faq-item:hover{border-color:var(--color-primary-600)}html.dark .blog-faq-item summary{color:var(--color-surface-50)}html.dark .blog-faq-item summary:after{background:#00a88a26;color:var(--color-primary-300)}html.dark .blog-faq-answer{color:var(--color-surface-300);border-color:var(--color-surface-700)}html.dark .blog-toc{background:var(--color-surface-800);border-color:var(--color-surface-700)}html.dark .blog-toc-title{color:var(--color-surface-50)}html.dark .blog-content .blog-toc ol li:before{color:var(--color-primary-300)!important}html.dark .blog-content .blog-toc a{color:var(--color-surface-200)!important}html.dark .blog-content .blog-toc a:hover{color:var(--color-primary-300)!important}html.dark .blog-content .blog-toc a.ist-aktiv{color:var(--color-primary-300)!important;font-weight:600!important}html.dark .beitrag-toc-titel.xq-1py1txl{color:var(--color-surface-400)}html.dark .beitrag-toc-liste.xq-1py1txl a:where(.xq-1py1txl){color:var(--color-surface-300);border-left-color:var(--color-surface-700)}html.dark .beitrag-toc-liste.xq-1py1txl a:where(.xq-1py1txl):hover{color:var(--color-primary-300);border-left-color:var(--color-surface-600)}html.dark .beitrag-toc-liste.xq-1py1txl a.ist-aktiv:where(.xq-1py1txl){color:var(--color-primary-300);border-left-color:var(--color-primary-300)}html.dark .beitrag-toc-liste.xq-1py1txl a:where(.xq-1py1txl):focus-visible{outline-color:var(--color-primary-300)}html.dark .beitrag-toc-fortschritt.xq-1py1txl{background:var(--color-surface-700)}html.dark .beitrag-toc-balken.xq-1py1txl{background:var(--color-primary-300)}html.dark .beitrag-toc-rest.xq-1py1txl{color:var(--color-surface-400)}html.dark .blog-highlight{background:#00a88a14;border-color:#00a88a33}html.dark .blog-comparison tbody tr:hover{background:var(--color-surface-800)}html.dark .blog-comparison tbody td{color:var(--color-surface-200);border-color:var(--color-surface-700)}html.dark .blog-btn-secondary{background:var(--color-surface-800);color:var(--color-primary-300);border-color:#00a88a4d}html.dark .blog-btn-secondary:hover{border-color:var(--color-primary-400)}html.dark .blog-callout-info{background:#00a88a1a}html.dark .blog-callout-tip{background:#00a88a1f}html.dark .blog-callout-warning{background:#f59e0b1a}html.dark .blog-callout-danger{background:#ef44441a}html.dark .blog-callout-success{background:#10b9811a}