main.blog-artikel{max-width:1080px}.blog-artikel .crumb{font-family:var(--font-geist-mono), monospace;color:#94a3b8;flex-wrap:wrap;align-items:center;gap:8px;margin-top:48px;font-size:12px;display:flex}@media (min-width:640px){.blog-artikel .crumb{margin-top:64px}}@media (min-width:768px){.blog-artikel .crumb{margin-top:80px}}@media (min-width:1024px){.blog-artikel .crumb{margin-top:96px}}.blog-artikel .crumb a:hover,.blog-artikel .crumb .cur{color:#475569}@media (max-width:639px){.blog-artikel .crumb{flex-wrap:nowrap}.blog-artikel .crumb>*{flex-shrink:0}.blog-artikel .crumb .cur{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}}.blog-artikel .ahead{max-width:760px;margin-top:32px}.blog-artikel .metarow{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;font-size:13px;display:flex}.blog-artikel .tag{font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;text-transform:uppercase;border:1px solid;border-radius:999px;margin-right:4px;padding:4px 12px;font-size:11px;font-weight:600}.blog-artikel .metarow img{object-fit:cover;object-position:center 22%;border-radius:50%;width:26px;height:26px;box-shadow:0 0 0 1px #e2e8f0}.blog-artikel .metarow .author-link{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.blog-artikel .metarow .who{color:#475569;font-weight:600}.blog-artikel .metarow .author-link:hover .who{color:#7c3aed}.blog-artikel .metarow .meta-details{align-items:center;gap:10px;display:flex}.blog-artikel .metarow .pip{background:#cbd5e1;border-radius:50%;flex-shrink:0;width:3px;height:3px}@media (max-width:479px){.blog-artikel .metarow .byline-sep{display:none}.blog-artikel .metarow .meta-details{flex-basis:100%}}.blog-artikel h1.title{letter-spacing:-.035em;margin-top:0;font-size:clamp(2rem,4.5vw + .5rem,3.1rem);font-weight:800;line-height:1.12}.blog-artikel .lead{color:#475569;max-width:none;margin-top:18px;font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.65}.blog-artikel .cover{aspect-ratio:1200/630;border-radius:20px;margin-top:36px;position:relative;overflow:hidden}.blog-artikel .cv{color:#fff;text-align:center;background:#10172a;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.blog-artikel .cv:after{content:"";background:linear-gradient(90deg, var(--acc-fg), transparent 72%);z-index:3;height:5px;position:absolute;bottom:0;left:0;right:0}.blog-artikel .cv .grid{background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 48%,#000,#0000 76%);mask-image:radial-gradient(circle at 50% 48%,#000,#0000 76%)}.blog-artikel .cv .ring{box-shadow:none;border-style:solid;border-width:1px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blog-artikel .cv .ring.b{aspect-ratio:1;border-width:1px;width:42%}.blog-artikel .cv .ring.a{aspect-ratio:1;width:64%}.blog-artikel .cv .glow{aspect-ratio:1;background:radial-gradient(circle, var(--acc-glow), transparent 65%);border-radius:50%;width:36%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blog-artikel .cv .cmark{font-family:var(--font-geist-mono), monospace;letter-spacing:.2em;color:#ffffffd9;z-index:2;font-size:clamp(11px,1.6vw,19px);font-weight:700;position:absolute;top:7%;left:5%}.blog-artikel .cv .hpill{z-index:3;font-family:var(--font-geist-mono), monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--acc-fg);opacity:.9;border:1px solid;border-radius:999px;padding:4px 12px;font-size:clamp(8px,1vw,11px);position:absolute;top:7%;right:5%}.blog-artikel .cv .ctag{z-index:2;font-family:var(--font-geist-mono), monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--acc-fg);margin-bottom:16px;font-size:clamp(9px,1.2vw,14px);position:relative}.blog-artikel .cv .ch1{z-index:2;letter-spacing:-.035em;max-width:80%;font-size:clamp(20px,5.4vw,66px);font-weight:800;line-height:1.04;position:relative}.blog-artikel .layout{grid-template-columns:1fr;gap:0;margin-top:48px;padding-bottom:24px;display:grid}@media (min-width:1000px){.blog-artikel .layout{grid-template-columns:1fr 210px;gap:64px}}.blog-artikel .prose{min-width:0;max-width:720px}.blog-artikel .prose h2{letter-spacing:-.025em;color:#0f172a;margin-top:48px;margin-bottom:14px;scroll-margin-top:88px;font-size:clamp(1.4rem,2.4vw,1.8rem);font-weight:800}.blog-artikel .prose h3{color:#0f172a;margin-top:30px;margin-bottom:10px;font-size:1.2rem;font-weight:700}.blog-artikel .prose p{color:#334155;margin-bottom:18px;font-size:1.06rem;line-height:1.8}.blog-artikel .prose ul{margin:0 0 18px;padding-left:22px;list-style:outside}.blog-artikel .prose li{color:#334155;margin-bottom:9px;font-size:1.06rem;line-height:1.75}.blog-artikel .prose strong{color:#0f172a;font-weight:700}.blog-artikel .prose a{color:#7c3aed;text-underline-offset:3px;text-decoration:underline}.blog-artikel .prose .lede{color:#0f172a;font-size:1.18rem;font-weight:500;line-height:1.7}.blog-artikel .pricetable{border-collapse:collapse;width:100%;margin:8px 0 24px;font-size:.98rem}.blog-artikel .pricetable th,.blog-artikel .pricetable td{text-align:left;border-bottom:1px solid #eef2f7;padding:13px 14px}.blog-artikel .pricetable th{font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase;color:#94a3b8;font-size:11px}.blog-artikel .pricetable td:last-child,.blog-artikel .pricetable th:last-child{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.blog-artikel .pricetable .pt{color:#0f172a;font-weight:600}.blog-artikel .callout{background:linear-gradient(135deg,#faf8ff,#f5f3ff);border:1px solid #ddd6fe;border-radius:16px;margin:26px 0;padding:22px 24px}.blog-artikel .callout p{color:#475569;margin:0;font-size:1rem;line-height:1.7}.blog-artikel .callout strong{color:#6d28d9}.blog-artikel .faq{margin-top:8px}.blog-artikel .faq summary{align-items:center;font-size:1.08rem}.blog-artikel .faq summary .chev{flex:none}.blog-artikel .faq .ans{max-width:none;font-size:1.02rem;line-height:1.75}.blog-artikel .toc{display:none}@media (min-width:1000px){.blog-artikel .toc{display:block}}.blog-artikel .toc .sticky{position:sticky;top:96px}.blog-artikel .toc .lbl{font-family:var(--font-geist-mono), monospace;letter-spacing:.2em;text-transform:uppercase;color:#94a3b8;align-items:center;gap:8px;margin-bottom:14px;font-size:10px;font-weight:600;display:flex}.blog-artikel .toc a{color:#94a3b8;border-left:2px solid #eef2f7;padding:7px 0 7px 14px;font-size:13.5px;transition:all .2s;display:block}.blog-artikel .toc a:hover,.blog-artikel .toc a.active{color:#0f172a;border-left-color:#7c3aed}.blog-artikel .cta{color:inherit;text-align:center;background:0 0;border-radius:0;margin-top:0;padding:56px 0;overflow:visible}@media (min-width:768px){.blog-artikel .cta{margin-top:0;padding:56px 0}}.blog-artikel .cta h2{letter-spacing:-.03em;color:#0f172a;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.blog-artikel .cta p{color:#64748b;max-width:520px;margin:12px auto 26px;font-size:1.05rem;line-height:1.6}.blog-artikel .btn{color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:999px;align-items:center;gap:8px;padding:14px 26px;font-size:15px;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 10px 30px -12px #7c3aed8c}.blog-artikel .btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.blog-artikel .authorbox{background:linear-gradient(135deg,#faf8ff,#f1f5fb);border:1px solid #ece9f6;border-radius:20px;align-items:flex-start;gap:20px;margin-top:8px;padding:26px;display:flex;box-shadow:0 14px 40px -28px #0f172a40}.blog-artikel .authorbox img{object-fit:cover;object-position:center 22%;border-radius:50%;flex:none;width:72px;height:72px;box-shadow:0 0 0 1px #e2e8f0}.blog-artikel .authorbox .ab-k{font-family:var(--font-geist-mono), monospace;letter-spacing:.18em;text-transform:uppercase;color:#94a3b8;font-size:10px}.blog-artikel .authorbox .ab-name{color:#0f172a;margin-top:4px;font-size:1.1rem;font-weight:700}.blog-artikel .authorbox .ab-bio{color:#64748b;margin-top:8px;font-size:.92rem;line-height:1.6}.blog-artikel .authorbox .ab-link{color:#7c3aed;margin-top:12px;font-size:.9rem;font-weight:600;display:inline-block}@media (max-width:600px){.blog-artikel .authorbox{flex-direction:column;gap:14px}}.blog-artikel .pn{gap:14px;padding:36px 0 0;display:grid}@media (min-width:640px){.blog-artikel .pn{grid-template-columns:1fr 1fr}}.blog-artikel .pn a{border:1px solid #e2e8f0;border-radius:14px;padding:18px 20px;transition:all .25s}.blog-artikel .pn a:hover{border-color:#cbd5e1;box-shadow:0 12px 30px -18px #0f172a40}.blog-artikel .pn .k{font-family:var(--font-geist-mono), monospace;letter-spacing:.16em;text-transform:uppercase;color:#94a3b8;margin-bottom:6px;font-size:10px}.blog-artikel .pn .v{color:#475569;font-size:.98rem;font-weight:600;line-height:1.4}
.pg-artikel-kosten .tag{color:#b45309;background:#fffbeb;border-color:#fde68a}.pg-artikel-kosten .cv{--acc-glow:#f59e0b6b;--acc-fg:#fcd34d}.pg-artikel-kosten .cv .grid{background-image:linear-gradient(#fcd34d1a 1px,#0000 1px),linear-gradient(90deg,#fcd34d1a 1px,#0000 1px)}.pg-artikel-kosten .cv .ring{border-color:#fcd34d24}.pg-artikel-kosten .cv .ring.b{border-color:#fcd34d42}.pg-artikel-webapp .tag{color:#7e22ce;background:#faf5ff;border-color:#e9d5ff}.pg-artikel-webapp .cv{--acc-glow:#a855f773;--acc-fg:#d8b4fe}.pg-artikel-webapp .cv .grid{background-image:linear-gradient(#d8b4fe1a 1px,#0000 1px),linear-gradient(90deg,#d8b4fe1a 1px,#0000 1px)}.pg-artikel-webapp .cv .ring{border-color:#d8b4fe24}.pg-artikel-webapp .cv .ring.b{border-color:#d8b4fe42}.pg-artikel-seo .tag{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.pg-artikel-seo .cv{--acc-glow:#22c55e6b;--acc-fg:#86efac}.pg-artikel-seo .cv .grid{background-image:linear-gradient(#86efac1a 1px,#0000 1px),linear-gradient(90deg,#86efac1a 1px,#0000 1px)}.pg-artikel-seo .cv .ring{border-color:#86efac24}.pg-artikel-seo .cv .ring.b{border-color:#86efac42}.pg-artikel-baukasten .tag{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.pg-artikel-baukasten .cv{--acc-glow:#3b82f673;--acc-fg:#93c5fd}.pg-artikel-baukasten .cv .grid{background-image:linear-gradient(#93c5fd1a 1px,#0000 1px),linear-gradient(90deg,#93c5fd1a 1px,#0000 1px)}.pg-artikel-baukasten .cv .ring{border-color:#93c5fd24}.pg-artikel-baukasten .cv .ring.b{border-color:#93c5fd42}