.blog-preview{--blog-web:#5dade2;--blog-shop:#e74c3c;--blog-marketing:#f5b041;--blog-services:#af7ac5;letter-spacing:0}.blog-preview h1,.blog-preview h2,.blog-preview h3{letter-spacing:0;overflow-wrap:normal}.blog-preview [data-tone=web]{--blog-tone:var(--blog-web)}.blog-preview [data-tone=shop]{--blog-tone:var(--blog-shop)}.blog-preview [data-tone=marketing]{--blog-tone:var(--blog-marketing)}.blog-preview [data-tone=services],.blog-preview [data-tone=mixed]{--blog-tone:var(--blog-services)}.blog-preview .blog-category{color:var(--blog-tone,var(--foreground))}.blog-preview .blog-category-line{border-left:3px solid var(--blog-tone,var(--border))}.blog-preview .blog-hero{isolation:isolate;align-items:center;min-height:390px;display:flex;position:relative}.blog-preview .blog-hero img{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.blog-preview .blog-hero:after{content:"";z-index:-1;background:color-mix(in oklab, var(--background) 35%, transparent);position:absolute;inset:0}.blog-preview .blog-hero h1{max-width:650px;font-size:64px;font-weight:900;line-height:1.08}.blog-preview .blog-label{text-transform:uppercase;font-size:11px;font-weight:800}.blog-preview .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.blog-preview .blog-topic-card{border:1px solid var(--border);background:var(--card);border-radius:6px;min-width:0;padding:22px}.blog-preview .blog-topic-card h3{font-size:19px;font-weight:800;line-height:1.45}.blog-preview .blog-topic-card a{overflow-wrap:anywhere}.blog-preview .blog-section{max-width:1280px;margin-inline:auto;padding:40px 24px}.blog-preview .blog-section h2{margin-bottom:22px;font-size:27px;font-weight:900}.blog-preview .blog-detail{grid-template-columns:190px minmax(0,1fr);gap:12px 24px;display:grid}.blog-preview .blog-detail dt{color:var(--muted-foreground);overflow-wrap:anywhere}.blog-preview .blog-section h2{font-size:25px}.blog-preview h1{overflow-wrap:anywhere}.blog-preview .blog-detail dd{overflow-wrap:anywhere;min-width:0}.blog-preview a:focus-visible,.blog-preview button:focus-visible,.blog-preview input:focus-visible,.blog-preview select:focus-visible,.blog-preview summary:focus-visible{outline:3px solid var(--ring);outline-offset:4px}.blog-preview .blog-filter{border:1px solid var(--input);background:var(--background);width:100%;min-width:0;min-height:40px;color:var(--foreground);border-radius:6px;padding:8px 12px}.blog-preview .blog-status{color:var(--muted-foreground);align-items:center;gap:6px;font-size:12px;display:inline-flex}.blog-preview .blog-status:before{content:"";background:var(--blog-tone,var(--muted-foreground));border-radius:50%;width:6px;height:6px}@media (width<=1023px){.blog-preview .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=639px){.blog-preview .blog-grid{grid-template-columns:minmax(0,1fr)}.blog-preview .blog-section{padding:30px 16px}.blog-preview .blog-hero{min-height:320px}.blog-preview .blog-hero h1{font-size:34px}.blog-preview .blog-hero img{object-position:35% center}.blog-preview .blog-detail{grid-template-columns:minmax(0,1fr);gap:5px}.blog-preview .blog-detail dd{margin-bottom:12px}.blog-preview .blog-section h2{font-size:22px}}.bw-article[data-tone=shop]{--bw:var(--blog-shop)}.bw-article[data-tone=marketing]{--bw:var(--blog-marketing)}.bw-article{--bw:var(--blog-web);padding-bottom:48px}.bw-wrap{min-width:0;max-width:80rem;margin-inline:auto;padding:0 1.25rem}.bw-body>p,.bw-body>section>p,.bw-body>section>h2,.bw-body>section>h3,.bw-body>section>ul,.bw-body>section>details,.bw-body>section>ol,.bw-article h1,.bw-body>.bw-toc,.bw-body>.bw-inline-cta,.bw-body>.bw-final{max-width:48rem}.bw-crumbs{color:var(--muted-foreground);align-items:center;gap:8px;padding:28px 0 20px;font-size:14px;display:flex}.bw-crumbs a{align-items:center;gap:4px;display:inline-flex}.bw-eyebrow{color:var(--bw);flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.bw-badge{border:1px solid var(--bw);text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:11px}.bw-article h1{overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual;margin:14px 0 22px;font-size:clamp(24px,7.4vw,48px);font-weight:900;line-height:1.12}.bw-meta{color:var(--muted-foreground);flex-wrap:wrap;gap:8px 28px;margin-bottom:28px;font-size:13px;display:flex}.bw-meta dt{color:var(--foreground);font-weight:700}.bw-cover{aspect-ratio:16/9;object-fit:cover;border-radius:8px;width:100%;margin:0 0 32px;display:block}.bw-body{font-size:17px;line-height:1.75}.bw-body p{margin:0 0 18px}.bw-lead{font-size:19px}.bw-body h2{margin:48px 0 16px;font-size:clamp(22px,4vw,30px);font-weight:900;line-height:1.25}.bw-body h3{margin:28px 0 10px;font-size:20px;font-weight:800}.bw-link{color:var(--bw);text-underline-offset:3px;text-decoration:underline;display:inline}.bw-link svg{vertical-align:baseline;margin-left:3px;display:inline}.bw-draft{text-transform:uppercase;color:var(--muted-foreground);font-size:11px;font-weight:700}.bw-list{margin-bottom:18px;padding-left:22px;list-style:outside}.bw-list li{margin-bottom:6px}.bw-toc,.bw-box,.bw-example,.bw-demo,.bw-inline-cta,.bw-final{border:1px solid var(--border);background:var(--card);border-radius:8px;margin:28px 0;padding:20px}.bw-box-title{align-items:center;gap:8px;font-weight:800;display:flex;margin-bottom:10px!important}.bw-toc ol{padding-left:22px;font-size:15px;list-style:decimal}.bw-toc a{text-underline-offset:3px;text-decoration:underline}.bw-checks li{margin-bottom:8px;padding-left:26px;position:relative}.bw-checks li:before{content:"✓";color:var(--bw);font-weight:900;position:absolute;left:0}.bw-example{border-left:4px solid var(--bw)}.bw-table{border:1px solid var(--border);border-radius:8px;margin:24px 0;overflow-x:auto}.bw-table table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px;line-height:1.5}.bw-table caption{text-align:left;padding:12px 14px;font-weight:800}.bw-table th,.bw-table td{border-top:1px solid var(--border);text-align:left;vertical-align:top;padding:10px 14px}.bw-table thead th{color:var(--bw)}.bw-faq{border-bottom:1px solid var(--border);padding:14px 0}.bw-faq summary{cursor:pointer;font-weight:700}.bw-faq p{margin-top:10px!important}.bw-sources li{flex-direction:column;margin-bottom:12px;font-size:15px;display:flex}.bw-sources span{color:var(--muted-foreground);font-size:13px}.bw-sources{padding-left:22px;list-style:decimal}.bw-cta{background:var(--bw);color:var(--background);border-radius:6px;align-items:center;gap:8px;min-height:44px;padding:12px 20px;font-weight:800;display:inline-flex}.bw-related{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.bw-related a{border:1px solid var(--border);border-radius:8px;font-size:15px;font-weight:700;line-height:1.4;display:block;overflow:hidden}.bw-related img{aspect-ratio:16/9;object-fit:cover;width:100%}.bw-related span{padding:12px;display:block}.bw-demo{font-size:15px;line-height:1.5}.bw-demo-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.bw-demo-head figcaption{flex-direction:column;display:flex}.bw-demo-head figcaption span,.bw-small{color:var(--muted-foreground);font-size:13px}.bw-btn,.bw-chip,.bw-step{border:1px solid var(--border);background:var(--background);min-height:40px;color:var(--foreground);text-align:left;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.bw-chip[aria-pressed=true],.bw-step[aria-pressed=true]{border-color:var(--bw);background:color-mix(in oklab, var(--bw) 22%, var(--background))}.bw-chips{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.bw-cols{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.bw-cols h4,.bw-demo legend{margin-bottom:6px;font-weight:800}.bw-cols ul{padding-left:20px;list-style:outside}.bw-process{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.bw-step{flex-direction:column;justify-content:center;width:100%;font-size:14px;font-weight:700}.bw-step span{background:var(--bw);width:26px;height:26px;color:var(--background);border-radius:50%;place-items:center;display:grid}.bw-substeps{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px 24px;padding-left:28px;list-style:decimal;display:grid}.bw-progress{background:var(--muted);border-radius:4px;height:8px;margin-bottom:14px;overflow:hidden}.bw-progress span{background:var(--bw);height:100%;transition:width .3s;display:block}.bw-check{cursor:pointer;align-items:flex-start;gap:10px;padding:6px 0;display:flex}.bw-check input{width:18px;height:18px;accent-color:var(--bw);flex:none;margin-top:3px}.bw-q{margin-bottom:8px}.bw-bars{gap:8px;margin:10px 0;display:grid}.bw-bar{grid-template-columns:90px minmax(0,1fr) 100px;align-items:center;gap:10px;font-size:14px;display:grid}.bw-bar div{background:var(--muted);border-radius:5px;height:10px;overflow:hidden}.bw-bar i{background:var(--bw);height:100%;transition:width .3s;display:block}.bw-bar b{color:var(--bw);font-size:12px}.bw-verdict{border-left:4px solid var(--bw);background:var(--background);flex-direction:column;gap:4px;padding:14px;display:flex}.bw-stage{background:var(--background);border-radius:8px;padding:16px;overflow:hidden}.bw-device{border:2px solid var(--border);background:var(--card);border-radius:12px;width:100%;min-width:0;margin:0 auto;padding:10px;transition:max-width .35s}.bw-nav{border-bottom:1px solid var(--border);justify-content:space-between;gap:8px;padding-bottom:8px;font-size:13px;display:flex}.bw-links{flex-wrap:wrap;gap:10px;font-style:normal;display:flex}.bw-links i{font-style:normal}.bw-hero{flex-direction:column;gap:6px;padding:14px 0;display:flex}.bw-hero b{font-size:18px;line-height:1.25}.bw-hero em,.bw-form em{background:var(--bw);color:var(--background);border-radius:4px;align-self:flex-start;padding:6px 10px;font-size:13px;font-style:normal;font-weight:700}.bw-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.bw-cards div{border:1px solid var(--border);text-align:center;border-radius:6px;padding:14px 8px;font-size:13px}.bw-device[data-device=phone] .bw-cards{grid-template-columns:minmax(0,1fr)}.bw-form{gap:6px;display:grid}.bw-form span{border:1px solid var(--border);color:var(--muted-foreground);border-radius:4px;padding:6px 8px;font-size:13px}.bw-serp{border:1px solid var(--border);background:var(--background);overflow-wrap:anywhere;border-radius:8px;flex-direction:column;gap:4px;min-width:0;padding:14px;display:flex}.bw-serp cite{color:var(--muted-foreground);font-size:13px;font-style:normal}.bw-serp b{color:var(--bw);font-size:17px}@media (width<=639px){.bw-process{grid-template-columns:minmax(0,1fr)}.bw-step{flex-direction:row;justify-content:flex-start}.bw-bar{grid-template-columns:80px minmax(0,1fr)}.bw-bar b{grid-column:2}.bw-body{font-size:16px}.bw-lead{font-size:17px}}@media (prefers-reduced-motion:reduce){.bw-progress span,.bw-bar i,.bw-device{transition:none}}.blog-preview .bw-cta:focus-visible,.blog-preview .bw-toc a:focus-visible,.blog-preview .bw-table:focus-visible,.blog-preview .bw-check input:focus-visible{outline:3px solid var(--ring);outline-offset:3px}@media (width<=480px){.blog-preview .bw-article h1{font-size:6.4vw}}@media (width<=360px){.blog-preview .bw-article h1{font-size:21px}.blog-preview .bw-body h2{font-size:18px}}html:has(.bw-article){scroll-padding-top:96px}.os-fig{border:1px solid var(--border);border-left:4px solid var(--bw);background:var(--card);border-radius:8px;min-width:0;margin:28px 0;padding:20px}.os-fig figcaption{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;font-weight:800;display:flex}.os-fig-tag{text-transform:uppercase;color:var(--bw);border:1px solid var(--bw);border-radius:4px;padding:1px 6px;font-size:11px}.os-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.os-grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.os-card{border:1px solid var(--border);background:var(--background);border-radius:8px;flex-direction:column;gap:6px;min-width:0;padding:14px;font-size:15px;display:flex}.os-card b{align-items:center;gap:8px;display:flex}.os-card span{color:var(--muted-foreground);font-size:14px}.os-card ul{padding-left:18px;font-size:14px;list-style:outside}.os-strong{border-color:var(--bw)}.os-dashed{border-style:dashed}.os-num{background:var(--bw);width:26px;height:26px;color:var(--background);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:800;display:inline-grid}.os-matrix{gap:8px;font-size:14px;display:grid}.os-mhead,.os-mrow{grid-template-columns:1.3fr repeat(4,minmax(0,1fr));align-items:center;gap:8px;display:grid}.os-mhead span{color:var(--bw);font-size:13px;font-weight:800}.os-mrow{border-top:1px solid var(--border);padding-top:8px}.os-logo{align-items:center;gap:8px;font-weight:800;display:flex}.os-logo-bg{background:var(--paper,#fff);border-radius:4px;padding:3px 5px;display:inline-flex}.os-timeline{counter-reset:x;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0;list-style:none;display:grid}.os-timeline li{border-bottom:2px solid var(--bw);align-items:center;gap:8px;padding:8px 0;font-size:15px;font-weight:700;display:flex}.os-path{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:0;list-style:none;display:grid}.os-path li{border-top:4px solid var(--bw);flex-direction:column;gap:4px;padding-top:10px;font-size:14px;display:flex}.os-path li span{color:var(--muted-foreground);font-size:13px}.os-zones{place-items:center;min-height:320px;display:grid;position:relative}.os-ring{border:2px dashed var(--bw);border-radius:50%;justify-content:center;display:flex;position:absolute}.os-ring span{background:var(--card);margin-top:10px;padding:0 6px;font-size:13px;font-weight:700}.os-ring-2{aspect-ratio:1;opacity:.7;width:min(300px,90%)}.os-ring-1{aspect-ratio:1;border-style:solid;width:min(190px,60%)}.os-core{background:var(--bw);color:var(--background);border-radius:8px;padding:10px 16px;font-weight:800;position:relative}.os-pickup{border:1px solid var(--bw);background:var(--background);border-radius:8px;flex-direction:column;padding:8px 12px;font-size:14px;font-weight:700;display:flex;position:absolute;bottom:0;right:0}.os-pickup small{color:var(--muted-foreground);font-weight:400}.os-wheel{aspect-ratio:1;border:2px solid var(--bw);border-radius:50%;width:min(360px,100%);margin:0 auto;position:relative}.os-wheel b{background:var(--bw);width:96px;height:96px;color:var(--background);border-radius:50%;place-items:center;margin:auto;font-size:14px;display:grid;position:absolute;inset:0}.os-wheel span{transform:translate(-50%, -50%) rotate(calc(var(--i) * 51.43deg)) translateY(-138px) rotate(calc(var(--i) * -51.43deg));background:var(--card);border:1px solid var(--border);white-space:nowrap;border-radius:14px;padding:3px 9px;font-size:13px;font-weight:700;position:absolute;top:50%;left:50%}.os-decide{gap:12px;display:grid}.os-form,.os-weights{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:4px 20px;margin-bottom:14px;display:grid}.os-choice{border:0;min-width:0;margin:0;padding:0}.os-choice legend{margin-bottom:6px;font-size:14px;font-weight:800}.os-choice .bw-chips{margin-bottom:8px}.os-list{margin:6px 0;padding-left:20px;list-style:outside}.os-ol{list-style:decimal}.os-split{grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:20px;display:grid}.os-fields{gap:10px;display:grid}.os-fields label{gap:4px;font-size:14px;font-weight:700;display:grid}.os-fields input:not([type=checkbox]),.os-fields textarea{border:1px solid var(--border);background:var(--background);color:var(--foreground);border-radius:6px;padding:8px 10px;font-size:16px;font-weight:400}.os-product{border:1px solid var(--border);background:var(--background);overflow-wrap:anywhere;border-radius:8px;flex-direction:column;align-self:start;gap:6px;min-width:0;padding:12px;display:flex}.os-product-img{aspect-ratio:4/3;color:var(--background);background:var(--bw);border-radius:6px;place-items:center;font-size:13px;transition:background .25s;display:grid}.os-product-img[data-variant=Schwarz]{color:#fff;background:#222}.os-product-img[data-variant=Grau]{background:#8a8a8a}.os-price{color:var(--bw);font-weight:800}.os-meter{color:var(--bw);font-size:12px;font-weight:700}.os-checkout{border:1px solid var(--border);background:var(--background);border-radius:8px;gap:10px;margin-bottom:12px;padding:14px;display:grid}.os-co-row{justify-content:space-between;gap:10px;font-size:14px;display:flex}.os-co-total{border-top:1px solid var(--border);padding-top:8px;font-weight:800}.os-co-fields{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px;display:grid}.os-co-fields span{border:1px solid var(--border);color:var(--muted-foreground);border-radius:4px;padding:6px 8px;font-size:13px}.os-co-msg{color:var(--bw);font-size:14px;font-weight:700}.os-prio{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.bw-chip:focus-visible,.bw-btn:focus-visible,.os-fields input:focus-visible,.os-fields textarea:focus-visible{outline:3px solid var(--ring);outline-offset:2px}@media (width<=767px){.os-timeline,.os-path{grid-template-columns:repeat(2,minmax(0,1fr))}.os-split{grid-template-columns:minmax(0,1fr)}.os-mhead{display:none}.os-mrow{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.os-mrow .os-logo{grid-column:1/-1}.os-mrow span[data-label]:before{content:attr(data-label) ": ";color:var(--bw);font-size:12px;font-weight:700;display:block}}@media (width<=479px){.os-wheel{aspect-ratio:auto;border:0;border-radius:0;flex-wrap:wrap;gap:8px;display:flex}.os-wheel span{position:static;transform:none}.os-wheel b{border-radius:6px;flex-basis:100%;order:-1;width:auto;height:auto;padding:4px 10px;position:static}.os-zones{min-height:280px}.os-pickup{margin-top:230px;position:static}}@media (prefers-reduced-motion:reduce){.os-product-img{transition:none}}.os-logo-bg{flex:none}.os-logo-bg img{max-width:none}@media (width<=479px){.os-zones{flex-direction:column;align-items:stretch;gap:8px;min-height:0;display:flex}.os-ring,.os-pickup{aspect-ratio:auto;border-radius:8px;justify-content:flex-start;width:auto;margin:0;padding:10px;position:static}.os-ring span{background:0 0;margin:0}.os-ring-2{order:3}.os-ring-1{order:2}.os-core{text-align:center;order:1}.os-pickup{order:4}}.mk-flow{grid-template-columns:repeat(var(--n,4), minmax(0, 1fr))}.os-card .mk-flow{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:6px}.mk-ad,.mk-preview{border:1px solid var(--bw);background:var(--background);border-radius:8px;flex-direction:column;gap:4px;max-width:420px;margin-bottom:12px;padding:12px 14px;display:flex}.mk-ad span,.mk-preview span{color:var(--muted-foreground);font-size:13px}.mk-ad-tag{text-transform:uppercase;font-weight:800;color:var(--bw)!important;font-size:11px!important}.mk-pages{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px;padding:0;list-style:none;display:grid}.mk-pages li{border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:4px;padding:12px;font-size:14px;transition:border-color .2s,transform .2s;display:flex}.mk-pages li span{color:var(--muted-foreground)}.mk-pages li small{font-size:12px}.mk-pages li[data-best=true]{border-color:var(--bw);border-width:2px;transform:translateY(-2px)}.mk-pages li[data-best=true] small{color:var(--bw);font-weight:800}.mk-visual{aspect-ratio:1;background:color-mix(in oklab, var(--bw) 30%, var(--background));border-radius:6px;place-items:center;margin:6px 0;font-weight:800;transition:aspect-ratio .2s;display:grid}.mk-preview[data-format=Hochformat] .mk-visual{aspect-ratio:4/5}.mk-preview[data-format=Querformat] .mk-visual{aspect-ratio:1.91}.mk-preview{align-self:start;max-width:300px;margin:0}.mk-btn{background:var(--bw);border-radius:6px;align-self:flex-start;margin-top:6px;padding:6px 12px;font-weight:800;color:var(--background)!important}.mk-code li{font-family:ui-monospace,monospace;font-size:13px}.mk-status{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.mk-tree{gap:12px;display:grid}@media (width<=767px){.mk-flow,.mk-pages,.mk-status{grid-template-columns:minmax(0,1fr)}.mk-preview{max-width:none}}@media (prefers-reduced-motion:reduce){.mk-pages li,.mk-visual{transition:none;transform:none!important}}.sx-snippet{border:1px solid var(--border);background:var(--background);overflow-wrap:anywhere;border-radius:8px;flex-direction:column;gap:3px;max-width:600px;margin:12px 0;padding:12px 14px;display:flex}.sx-snippet[data-width=mobil]{max-width:360px}.sx-snippet b{color:var(--bw);font-size:17px;font-weight:600}.sx-snippet span{color:var(--muted-foreground);font-size:14px}.sx-url{font-size:12px!important}.sx-two{grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:16px;display:grid}.sx-structure,.sx-acc{gap:8px;margin:0 0 14px;padding:0;list-style:none;display:grid}.sx-structure li{border-left:3px solid var(--bw);background:var(--background);gap:2px;padding:6px 12px;display:grid}.sx-structure li span,.sx-acc p{color:var(--muted-foreground);font-size:14px}.sx-acc p{margin:6px 0 4px 4px}.sx-code{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--background);border:1px solid var(--border);border-radius:8px;margin:0 0 14px;padding:12px;font-family:ui-monospace,monospace;font-size:13px}.sx-profile,.sx-labeled{border:1px solid var(--border);background:var(--background);border-radius:8px;gap:10px;max-width:460px;padding:16px;display:grid}.sx-profile [data-tag],.sx-labeled [data-tag]{flex-direction:column;gap:2px;padding-left:0;font-size:14px;display:flex;position:relative}.sx-profile [data-tag]:before,.sx-labeled [data-tag]:before{content:attr(data-tag);text-transform:uppercase;color:var(--bw);font-size:11px;font-weight:800}.sx-tiles{flex-wrap:wrap;flex-direction:row!important}.sx-tiles i{background:color-mix(in oklab, var(--bw) 30%, var(--background));border-radius:4px;width:56px;height:40px}.sx-tiles:before{width:100%}@media (width<=767px){.sx-two{grid-template-columns:minmax(0,1fr)}}@media (width<=400px){.blog-preview .bw-article[data-slug=was-ist-seo] h1{font-size:min(21px,5.6vw)}}.tu-steps{margin:28px 0}.tu-steps ol{gap:12px;margin:12px 0 0;padding:0;list-style:none;display:grid}.tu-steps li{border:1px solid var(--border);background:var(--card);border-radius:8px;align-items:flex-start;gap:14px;min-width:0;padding:14px 16px;display:flex}.tu-steps li p{margin:4px 0 0}.tu-num{background:var(--bw,var(--blog-web));width:28px;height:28px;color:var(--background);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.tu-check-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.tu-check ul{gap:8px;margin:12px 0;padding:0;list-style:none;display:grid}.tu-check label{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.tu-check input{width:18px;height:18px;accent-color:var(--bw,var(--blog-web));flex:none;margin-top:3px}.tu-check input:focus-visible{outline:2px solid var(--bw,var(--blog-web));outline-offset:2px}.tu-check input:checked+span{color:var(--muted-foreground);text-decoration:line-through}.tu-note{border-left:3px solid var(--bw,var(--blog-web));background:var(--card);border-radius:0 8px 8px 0;margin:28px 0;padding:16px 18px}.tu-note p:last-child{margin:6px 0 0}.tu-figure{border:1px solid var(--border);background:var(--card);border-radius:8px;margin:28px 0;padding:20px}.tu-flow{counter-reset:tu;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:0 0 12px;padding:0;list-style:none;display:grid}.tu-flow li{border:1px solid var(--bw,var(--blog-web));overflow-wrap:anywhere;border-radius:8px;flex-direction:column;gap:4px;min-width:0;padding:12px;display:flex;position:relative}.tu-flow li b{color:var(--bw,var(--blog-web))}.tu-flow li span{color:var(--muted-foreground);font-size:13px}.tu-compare{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:12px;display:grid}.tu-compare>div{flex-direction:column;gap:8px;min-width:0;display:flex}.tu-compare ul{margin:0;padding-left:18px;font-size:14px}.tu-photo{aspect-ratio:16/9;background:linear-gradient(160deg, var(--bw,var(--blog-web)) 0 55%, var(--muted) 55%);border-radius:6px;display:block}.tu-photo[data-state=before]{filter:blur(1.5px)saturate(.6);aspect-ratio:4/3;max-width:100%}.tu-log{overflow-wrap:anywhere;margin:6px 0 0;padding-left:18px;font-size:14px}@media (prefers-reduced-motion:reduce){.tu-check input,.tu-steps li{transition:none}}.bw-article[data-tone=services],.bw-article[data-tone=mixed]{--bw:var(--blog-services)}.ex-rating{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.ex-rating-col{border:1px solid color-mix(in srgb, var(--bw) 35%, transparent);border-radius:10px;padding:12px 14px}.ex-rating-col b{color:var(--bw);margin-bottom:6px;display:block}.ex-rating-col ul{margin:0;padding-left:18px}.ex-rating-col li{margin:3px 0}.ex-status{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ex-status li{border:1px solid color-mix(in srgb, var(--bw) 35%, transparent);border-radius:10px;gap:4px;padding:10px 14px;display:grid}.ex-status b{color:var(--foreground)}.ex-badge{letter-spacing:.02em;color:var(--bw);border:1px solid var(--bw);border-radius:999px;justify-self:start;padding:2px 10px;font-size:12px;font-weight:700}.ex-load{justify-items:start;gap:10px;display:grid}.ex-stage{border:1px dashed color-mix(in srgb, var(--bw) 45%, transparent);border-radius:12px;place-items:center;min-height:170px;display:grid;position:relative;overflow:hidden}.ex-cube{width:84px;height:84px;transform-style:preserve-3d;position:relative}.ex-face{border:2px solid var(--bw);background:color-mix(in srgb, var(--bw) 12%, transparent);border-radius:10px;transition:transform .6s;position:absolute;inset:0}.ex-stage[data-mode=Drehen] .ex-cube{animation:9s linear infinite ex-spin}.ex-stage[data-mode=Drehen] .ex-f1{transform:rotateY(0)translateZ(42px)}.ex-stage[data-mode=Drehen] .ex-f2{transform:rotateY(90deg)translateZ(42px)}.ex-stage[data-mode=Drehen] .ex-f3{transform:rotateX(90deg)translateZ(42px)}.ex-stage[data-mode=Bestandteile] .ex-f1{transform:translate(-46px,-30px)rotate(-8deg)}.ex-stage[data-mode=Bestandteile] .ex-f2{transform:translate(0)}.ex-stage[data-mode=Bestandteile] .ex-f3{transform:translate(46px,30px)rotate(8deg)}.ex-stage[data-mode=Informationen] .ex-face{transform:none}.ex-info{border:1px solid color-mix(in srgb, var(--bw) 35%, transparent);background:color-mix(in srgb, var(--background) 85%, transparent);border-radius:8px;margin:0;padding:8px 12px;font-size:13px;list-style:none;position:absolute;top:12px;right:12px}.ex-flow{margin:0}@keyframes ex-spin{0%{transform:rotateX(-18deg)rotateY(0)}to{transform:rotateX(-18deg)rotateY(360deg)}}@media (prefers-reduced-motion:reduce){.ex-stage[data-mode=Drehen] .ex-cube{animation:none}.ex-face{transition:none}}@media (width<=640px){.ex-rating{grid-template-columns:1fr}}.blog-preview .bh-section{min-width:0;max-width:80rem;margin-inline:auto;padding:40px 20px}.blog-preview .bh-section h2{margin-bottom:22px;font-size:clamp(21px,3.4vw,27px);font-weight:900;line-height:1.25}.blog-preview .bh-flush{padding-top:0}.blog-preview .bh-row-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:24px;display:flex}.blog-preview .bh-row-head h2{margin-bottom:0}@media (width>=1280px){.blog-preview .bh-section{padding-inline:100px}}.blog-preview .bh-nav{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;max-width:80rem;margin-inline:auto;padding:14px 20px;display:flex}@media (width>=1280px){.blog-preview .bh-nav{padding-inline:100px}}.blog-preview .bh-nav-link{border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;min-height:40px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.blog-preview .bh-nav-link:hover{border-color:var(--blog-tone,var(--foreground))}.blog-preview .bh-hero{border-bottom:1px solid var(--border)}.blog-preview .bh-hero-inner{align-items:center;gap:32px;padding-top:56px;padding-bottom:56px;display:grid}@media (width>=900px){.blog-preview .bh-hero-inner{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}.blog-preview .bh-hero h1{overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual;max-width:640px;font-size:clamp(26px,6.4vw,52px);font-weight:900;line-height:1.12}.blog-preview .bh-hero-search{border:1px solid var(--input);background:var(--background);border-radius:8px;align-items:center;gap:10px;max-width:520px;margin-top:26px;padding:0 14px;display:flex}.blog-preview .bh-hero-search input{min-width:0;min-height:48px;color:var(--foreground);background:0 0;border:0;outline:none;flex:1;font-size:15px}.blog-preview .bh-hero-search:focus-within{outline:3px solid var(--ring);outline-offset:3px}.blog-preview .bh-hero-art{border:1px solid var(--border);background:var(--card);border-radius:10px;align-content:center;gap:12px;padding:26px;display:grid}.blog-preview .bh-hero-bar{background:var(--blog-tone);border-radius:999px;height:10px;animation:4.5s ease-in-out infinite bh-pulse;display:block}.blog-preview .bh-hero-bar[data-tone=web]{width:82%}.blog-preview .bh-hero-bar[data-tone=shop]{width:64%}.blog-preview .bh-hero-bar[data-tone=marketing]{width:74%}.blog-preview .bh-hero-bar[data-tone=services]{width:56%}.blog-preview .bh-hero-line{background:var(--muted);border-radius:999px;width:88%;height:8px;display:block}.blog-preview .bh-hero-line.short{width:61%}@keyframes bh-pulse{0%,to{opacity:.55;transform:scaleX(.97)}50%{opacity:1;transform:scaleX(1)}}.blog-preview .bh-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}@media (width<=1023px){.blog-preview .bh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=639px){.blog-preview .bh-grid{grid-template-columns:minmax(0,1fr)}}.blog-preview .bh-card{border:1px solid var(--border);background:var(--card);border-radius:8px;min-width:0;transition:border-color .2s,transform .2s;overflow:hidden}.blog-preview .bh-card:hover{border-color:var(--blog-tone,var(--border));transform:translateY(-2px)}.blog-preview .bh-card-link{flex-direction:column;height:100%;display:flex}.blog-preview .bh-card-media{display:block;position:relative}.blog-preview .bh-card-media img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.blog-preview .bh-draft{background:var(--background);border:1px solid var(--border);text-transform:uppercase;color:var(--muted-foreground);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:800;position:absolute;top:10px;left:10px}.blog-preview .bh-card-body{flex-direction:column;flex:1;gap:10px;padding:18px;display:flex}.blog-preview .bh-card-cat{text-transform:uppercase;color:var(--blog-tone,var(--foreground));align-items:center;gap:8px;font-size:12px;font-weight:800;display:inline-flex}.blog-preview .bh-dot{background:var(--blog-tone,var(--muted-foreground));border-radius:50%;width:8px;height:8px;display:inline-block}.blog-preview .bh-card-title{overflow-wrap:anywhere;font-size:17px;font-weight:800;line-height:1.4}.blog-preview .bh-card-desc{color:var(--muted-foreground);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-preview .bh-card-meta{color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;font-size:13px;display:flex}.blog-preview .bh-card-more{color:var(--blog-tone,var(--foreground));align-items:center;gap:5px;font-weight:800;display:inline-flex}.blog-preview .bh-featured{border:1px solid var(--border);border-left:4px solid var(--blog-tone,var(--border));background:var(--card);border-radius:10px;gap:0;display:grid;overflow:hidden}@media (width>=900px){.blog-preview .bh-featured{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}.blog-preview .bh-featured-media img{aspect-ratio:16/9;object-fit:cover;width:100%;height:100%;display:block}.blog-preview .bh-featured-body{padding:26px}.blog-preview .bh-featured-title{overflow-wrap:anywhere;font-size:clamp(19px,3vw,26px);font-weight:900;line-height:1.3}.blog-preview .bh-chips{flex-wrap:wrap;gap:8px;display:flex}.blog-preview .bh-chip{border:1px solid var(--border);background:var(--background);min-height:40px;color:var(--foreground);border-radius:999px;align-items:center;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex}.blog-preview .bh-chip[data-static]{cursor:default}.blog-preview .bh-chip:hover{border-color:var(--blog-tone,var(--foreground))}.blog-preview .bh-chip[data-active=true]{background:var(--blog-tone,var(--primary));border-color:var(--blog-tone,var(--primary));color:var(--background)}.blog-preview .bh-topics{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}@media (width<=1023px){.blog-preview .bh-topics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=639px){.blog-preview .bh-topics{grid-template-columns:minmax(0,1fr)}}.blog-preview .bh-topic{border:1px solid var(--border);background:var(--card);border-radius:8px;min-width:0;padding:22px}.blog-preview .bh-topic[data-variant="0"]{border-left:4px solid var(--blog-tone,var(--border))}.blog-preview .bh-topic[data-variant="1"]{border-top:4px solid var(--blog-tone,var(--border))}.blog-preview .bh-topic[data-variant="2"]{border-right:4px solid var(--blog-tone,var(--border))}.blog-preview .bh-topic h3{margin-top:8px;font-size:19px;font-weight:800}.blog-preview .bh-topic h3 a{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--blog-tone,var(--border));-webkit-text-decoration-color:var(--blog-tone,var(--border));text-decoration-color:var(--blog-tone,var(--border))}.blog-preview .bh-catrow{margin-top:40px}.blog-preview .bh-catrow h3 .bh-dot{margin-right:4px}.blog-preview .bh-goals{flex-wrap:wrap;gap:10px;display:flex}.blog-preview .bh-goal{border:1px solid var(--border);background:var(--card);min-height:44px;color:var(--foreground);border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;display:inline-flex}.blog-preview .bh-goal:hover{border-color:var(--foreground)}.blog-preview .bh-goal[data-active=true]{border-color:var(--primary);background:var(--accent)}.blog-preview .bh-goal-result{margin-top:26px}.blog-preview .bh-cta{background:var(--blog-tone,var(--primary));min-height:44px;color:var(--background);border-radius:6px;align-items:center;gap:8px;padding:12px 20px;font-weight:800;display:inline-flex}.blog-preview .bh-cta-ghost{border:1px solid var(--border);border-radius:6px;align-items:center;gap:8px;min-height:44px;padding:12px 20px;font-weight:700;display:inline-flex}.blog-preview .bh-checks{border:1px dashed var(--border);background:var(--card);border-radius:8px;padding:22px}@media (width<=639px){.blog-preview .bh-section{padding:30px 20px}.blog-preview .bh-hero-inner{padding-top:36px;padding-bottom:36px}.blog-preview .bh-featured-body{padding:20px}.blog-preview .bh-nav{gap:6px}.blog-preview .bh-nav-link{padding:8px 11px;font-size:12px}}@media (prefers-reduced-motion:reduce){.blog-preview .bh-hero-bar{animation:none}.blog-preview .bh-card{transition:none}.blog-preview .bh-card:hover{transform:none}}
