.v-artikel { --r: 4px; --r-lg: 6px; --senf: #c9962c; --tape: rgba(127, 156, 107, .55); --tick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.2 8.6l3 3 6.6-7' fill='none' stroke='%23fbf8f1' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }

.v-artikel .ar-hero { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; align-items: center; padding-block: 8px 36px; }
.v-artikel .ar-hero__copy { min-width: 0; }
.v-artikel .breadcrumb { font: 600 12px/1.4 var(--f-sans); letter-spacing: .12em; text-transform: uppercase; color: var(--c-green-ink); margin: 0 0 18px; display: flex; flex-wrap: wrap; gap: 4px 10px; }
.v-artikel .breadcrumb a { color: var(--c-green-deep); }
.v-artikel .breadcrumb span { color: var(--c-ink-3); }
.v-artikel .article-header { margin: 0 0 24px; }
.v-artikel .article-title { font: 400 clamp(40px, 4.6vw, 64px)/1.02 var(--f-serif) !important; letter-spacing: -.03em; color: var(--c-ink); text-wrap: balance; max-width: none; margin: 0 0 22px; padding-bottom: 22px; }
.v-artikel .article-title::after { width: 72px; height: 3px; border-radius: 0; background: var(--c-green); }
.v-artikel .article-meta { gap: 8px; padding: 0; border: 0; }
.v-artikel .article-meta .meta-divider { display: none; }
.v-artikel .article-meta .meta-item { padding: 6px 12px 6px 9px; border: 1.5px solid var(--c-line); border-radius: 999px; background: var(--chalk); font: 500 13.5px/1.3 var(--f-sans); color: var(--c-ink-2); }
.v-artikel .article-meta .meta-item time { color: var(--c-ink); font-weight: 600; }
.v-artikel .author-box { display: flex !important; flex-direction: row !important; align-items: center; gap: 14px; margin: 0; padding: 14px 0 0 !important; text-align: left !important; background: none !important; border: 0 !important; border-top: 1.5px dashed var(--c-line) !important; border-radius: 0 !important; box-shadow: none !important; }
.v-artikel .author-box .author-avatar img { width: 56px; height: 56px; border: 2px solid var(--chalk); box-shadow: 0 0 0 1.5px var(--wall); }
.v-artikel .author-box .author-label { font: 600 11px/1 var(--f-sans); letter-spacing: .12em; color: var(--walnut); }
.v-artikel .author-box .author-name { margin: 4px 0 0 !important; font: 400 20px/1.15 var(--f-serif) !important; }
.v-artikel .author-box .author-footer { margin: 4px 0 0 !important; padding: 0 !important; border: 0 !important; }
.v-artikel .author-box .author-all-articles { font: 600 13px/1 var(--f-sans); color: var(--c-green-deep); }

.v-artikel .ar-hero__art { position: relative; min-width: 0; }
.v-artikel .article-image { position: relative; margin: 0; overflow: hidden; border-radius: 6px; background: var(--sand); box-shadow: 0 0 0 1.5px var(--wall), 0 22px 40px -28px rgba(22, 48, 31, .7); }
.v-artikel .article-image .ai-image { position: relative; margin: 0; }
.v-artikel .article-image .image-caption:empty { display: none; }
.v-artikel .article-image .ai-badge { top: 12px; right: 12px; padding: 4px 9px 3px; border: 0; border-radius: 3px; background: var(--wall); color: var(--chalk); font: 700 12px/1.2 var(--f-sans); letter-spacing: .08em; box-shadow: 0 2px 6px rgba(0, 0, 0, .25); }
.v-artikel .article-image img { display: block; width: 100%; height: auto; border-radius: 0; box-shadow: none; cursor: zoom-in; }
.v-artikel .article-image .image-caption { position: absolute; left: auto; width: auto; right: 12px; bottom: 10px; margin: 0; padding: 4px 8px; border-radius: 3px; background: rgba(251, 248, 241, .88); font: 500 11.5px/1.2 var(--f-sans); color: var(--c-ink-2); }

.v-artikel .article-content > * { min-width: 0; }
.v-artikel .article-content { counter-reset: rv; display: grid; gap: 30px; padding: 0; background: none; border: 0; box-shadow: none; font-size: 17px; line-height: 1.7; color: var(--c-ink-2); }
.v-artikel .article-content p, .v-artikel .article-content li { font-size: 16.5px; line-height: 1.7; color: var(--c-ink-2); }
.v-artikel .article-content strong, .v-artikel .article-content b { color: var(--c-ink); }
.v-artikel .ar-intro { position: relative; padding: calc(clamp(24px, 3.2vw, 44px) + 12px) clamp(24px, 3.2vw, 44px) clamp(22px, 3vw, 36px); background: var(--chalk); border: 1.5px solid var(--wall); border-radius: 6px; box-shadow: 8px 8px 0 -2px rgba(31, 77, 43, .12); }
.v-artikel .ar-intro::before { content: ''; position: absolute; left: 50%; top: -14px; width: 150px; height: 30px; transform: translateX(-50%); border-radius: 8px 8px 4px 4px; background: linear-gradient(#c9962c, #a87a1e); box-shadow: inset 0 2px 0 rgba(255, 255, 255, .35), 0 3px 6px rgba(0, 0, 0, .2); }
.v-artikel .ar-intro > p { margin: 0 0 16px; }
.v-artikel .ar-intro > p:last-child { margin-bottom: 0; }
.v-artikel .ar-intro > p:first-child { font: 400 21px/1.5 var(--f-serif); letter-spacing: -.005em; color: var(--c-ink); }
.v-artikel .ar-intro > p:first-child strong { font-weight: 400; color: var(--wall); }

.v-artikel .ar-ch { counter-increment: rv; position: relative; display: flex; flex-direction: column; padding: clamp(24px, 3vw, 40px); background: var(--chalk); border: 1.5px solid var(--c-line); border-top: 6px solid var(--beam); border-radius: 3px; box-shadow: 0 14px 26px -22px rgba(31, 61, 42, .7); }
.v-artikel .ar-ch > * { order: 5; min-width: 0; margin-top: 0; }
.v-artikel .ar-ch > h2 { order: 0; display: flex; align-items: center; gap: 16px; margin: 0 0 20px !important; font: 400 clamp(26px, 2.5vw, 34px)/1.15 var(--f-serif) !important; letter-spacing: -.02em; color: var(--c-ink); }
.v-artikel .ar-ch > h2::before { content: counter(rv, decimal-leading-zero) / ''; flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--wall); color: var(--chalk); font: 600 13px/1 var(--f-sans); letter-spacing: .02em; }
.v-artikel .ar-ch > p { margin: 0 0 14px; }
.v-artikel .ar-ch > p:last-child { margin-bottom: 0; }

.v-artikel .ar-ch { counter-reset: arsub; }
.v-artikel .ar-sub { counter-increment: arsub; position: relative; display: flex; flex-direction: column; margin: 16px 0 0; padding: 22px 24px 20px; background: #fff; border: 1.5px solid var(--c-line); border-left: 4px solid var(--c-green); border-radius: 3px; }
.v-artikel .ar-sub > * { order: 5; min-width: 0; margin-top: 0; }
.v-artikel .ar-sub > h3 { order: 0; margin: 0 0 12px !important; font: 400 clamp(21px, 2vw, 25px)/1.2 var(--f-serif) !important; letter-spacing: -.01em; color: var(--c-ink); }
.v-artikel .ar-sub > p { margin: 0 0 14px; }
.v-artikel .ar-sub > p:last-child { margin-bottom: 0; }
.v-artikel .ar-sub > .rv-lead, .v-artikel .ar-ch > .rv-lead { order: 1; }
.v-artikel .ar-ch.ar-rank .ar-sub > h3 { display: flex; align-items: center; gap: 12px; }
.v-artikel .ar-ch.ar-rank .ar-sub > h3::before { content: counter(arsub) / ''; flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--chalk); border: 1.5px solid var(--wall); color: var(--wall); font: 400 18px/1 var(--f-serif); }
.v-artikel .ar-ch.ar-rank .ar-sub:first-of-type { border-left-color: var(--senf); }
.v-artikel .ar-ch.ar-rank .ar-sub:first-of-type > h3::before { background: var(--senf); border-color: var(--senf); color: var(--c-ink); }

.v-artikel .rv-lead { font-size: 17.5px !important; color: var(--c-ink) !important; }
.v-artikel .rv-teaser { margin-top: 0 !important; }
.v-artikel .rv-fold:not(.is-open) > [hidden] { height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden; }
.v-artikel .rv-fold:not(.is-open) > .rv-teaser { order: 3; max-height: 5.1em; overflow: hidden; margin-bottom: 0 !important; cursor: pointer; -webkit-mask-image: linear-gradient(#000 25%, transparent 96%); mask-image: linear-gradient(#000 25%, transparent 96%); }
.v-artikel .rv-fold:not(.is-open) > .rv-more { order: 4; }
.v-artikel .rv-fold.is-open > .rv-more { order: 6; margin-top: 18px; }
.v-artikel .rv-more { align-self: flex-start; display: inline-flex; align-items: center; gap: 10px; margin-top: 10px; padding: 11px 16px 11px 18px; border: 1.5px solid var(--wall); border-radius: 3px; background: var(--chalk); box-shadow: 3px 3px 0 rgba(31, 77, 43, .18); font: 600 14.5px/1 var(--f-sans); color: var(--wall); cursor: pointer; transition: background .15s, box-shadow .15s, transform .15s; }
.v-artikel .rv-more[data-n]:not([aria-expanded='true'])::before { content: '+' attr(data-n) ' Absätze'; order: 2; padding: 3px 7px 2px; border-radius: 999px; background: var(--c-mint); font: 600 11.5px/1 var(--f-sans); color: var(--c-green-ink); }
.v-artikel .rv-more::after { content: ''; order: 3; width: 9px; height: 9px; margin-top: -4px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .2s; }
.v-artikel .rv-more[aria-expanded='true']::after { transform: rotate(-135deg); margin-top: 4px; }
.v-artikel .rv-more:hover { background: var(--c-mint); box-shadow: 1px 1px 0 rgba(31, 77, 43, .3); transform: translate(2px, 2px); }

.v-artikel .article-main ol.bl-steps > li.bl-step { max-width: 100%; }
.v-artikel .article-main ol.bl-steps > li.bl-step > * { white-space: normal; overflow-wrap: anywhere; min-width: 0; }
.v-artikel .article-content a:not(.btn) { text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
.v-artikel .article-content :is(.overflow-x-auto, .pt-tablewrap) { overflow: visible !important; }
.v-artikel .article-content table { width: 100%; background: #fff; border: 1.5px solid var(--c-line); border-radius: 4px; border-collapse: separate; border-spacing: 0; overflow: hidden; }
.v-artikel .article-content th { background: var(--wall) !important; color: var(--chalk) !important; border: 0; font: 600 12px/1.3 var(--f-sans); letter-spacing: .08em; text-transform: uppercase; }
.v-artikel .article-content td { border-bottom: 1px solid var(--c-line); overflow-wrap: anywhere; }
.v-artikel .article-content tr:nth-child(even) td { background: #fbf6ea; }
.v-artikel .article-content tr:last-child td { border-bottom: 0; }
.v-artikel .article-content img.aligncenter { display: block; max-width: 100%; height: auto; margin-inline: auto; border-radius: 6px; border: 1.5px solid var(--c-line); box-shadow: 0 18px 30px -22px rgba(31, 61, 42, .7); background: #f1e8d5; cursor: zoom-in; }
.v-artikel .ar-graf { margin: 6px 0 20px; }
.v-artikel .ar-ch > .rv-fact { order: 2; }
.v-artikel .ar-graf img { display: block; width: 100%; height: auto; border-radius: 6px; border: 1.5px solid var(--c-line); box-shadow: 0 18px 30px -22px rgba(31, 61, 42, .7); background: #f1e8d5; cursor: zoom-in; }
.v-artikel .article-content blockquote, .v-artikel .article-main :is(.tip-box, .info-box) { position: relative; margin: 8px 0 16px; padding: 22px 20px 18px; background: #fffdf6; border: 1.5px solid var(--c-line); border-radius: 2px; box-shadow: 0 14px 22px -18px rgba(40, 30, 10, .55); transform: rotate(.5deg); font: inherit; }
.v-artikel .article-content blockquote::before, .v-artikel .article-main :is(.tip-box, .info-box)::after { content: ''; position: absolute; left: 22px; right: auto; top: -9px; width: 86px; height: 20px; border-radius: 0; background: var(--tape); transform: rotate(-3deg); }
.v-artikel .article-main .pt-lead { font: 400 21px/1.5 var(--f-serif); color: var(--c-ink); }
.v-artikel .article-main details:is(.pt-faq, .ar-faq) { margin: 0 0 10px; background: #fff; border: 1.5px solid var(--c-line); border-radius: 4px; }
.v-artikel .article-main details:is(.pt-faq, .ar-faq)[open] { border-color: var(--wall); }
.v-artikel .article-main details.pt-sources { background: #fffdf6; border: 1.5px dashed var(--c-line); border-radius: 3px; }

.v-artikel .article-main .article-footer { margin-top: 30px; padding-top: 0; border-top: 0; display: grid; gap: 16px; }
.v-artikel .article-main .article-footer .update-info { --stamp: var(--wall); margin: 0; padding: 16px 4px; display: flex; align-items: center; gap: 18px; background: none; border: 0; border-block: 1.5px dashed var(--c-line); border-radius: 0; box-shadow: none; font: 400 16px/1.45 var(--f-serif); color: var(--c-ink-2); }
.v-artikel .article-main .article-footer .update-info > [class^=icon] { position: relative; flex: none; width: 58px; height: 58px; border-radius: 50%; background: none; border: 2.5px solid var(--stamp); box-shadow: inset 0 0 0 3px var(--c-paper), inset 0 0 0 4.5px var(--stamp); transform: rotate(-10deg); opacity: .88; }
.v-artikel .article-main .article-footer .update-info > [class^=icon]::before { content: ''; position: absolute; inset: 0; margin: auto; width: 26px; height: 26px; background: var(--stamp); -webkit-mask: var(--tick) center / contain no-repeat; mask: var(--tick) center / contain no-repeat; }
.v-artikel .article-main .article-footer .update-info strong { color: var(--c-ink); font-weight: 600; }
.v-artikel .article-main .article-footer .article-tags { margin: 0; }
.v-artikel .article-main .article-footer .article-tag { padding: 7px 14px; background: var(--chalk); border: 1.5px solid var(--c-line); border-radius: 999px; font: 600 13px/1 var(--f-sans); color: var(--c-ink-2); }
.v-artikel .article-main .article-footer .share-bottom { margin: 0; padding: 20px 22px; background: var(--wall); border-radius: 6px; box-shadow: 8px 8px 0 -2px rgba(31, 77, 43, .12); }
.v-artikel .article-main .article-footer .share-bottom .share-bottom-title { font: 400 22px/1.2 var(--f-serif); color: var(--chalk); }
.v-artikel .article-main .article-footer .share-bottom .share-bottom-btn { width: 46px; height: 46px; border-radius: 3px; background: rgba(251, 248, 241, .1) !important; box-shadow: inset 0 0 0 1.5px rgba(251, 248, 241, .35); transition: background .15s; }
.v-artikel .article-main .article-footer .share-bottom .share-bottom-btn:hover { background: var(--c-green-deep) !important; transform: none; }

.v-artikel .article-main .related-posts-section { margin-top: 44px; padding-top: 0; border-top: 0; }
.v-artikel .article-main .related-posts-section .related-posts-title { font: 400 clamp(26px, 2.5vw, 34px)/1.15 var(--f-serif); letter-spacing: -.02em; }
.v-artikel .article-main .related-posts-section .related-post-card { overflow: hidden; background: var(--chalk); border: 1.5px solid var(--c-line); border-radius: 4px; box-shadow: 0 14px 24px -20px rgba(31, 61, 42, .75); transition: transform .2s, box-shadow .2s, border-color .2s; }
.v-artikel .article-main .related-posts-section .related-post-card:hover { transform: translateY(-3px); border-color: var(--wall); box-shadow: 6px 6px 0 -1px rgba(31, 77, 43, .16); }
.v-artikel .article-main .related-posts-section .related-post-card:hover .related-post-image img { transform: none; }
.v-artikel .article-main .related-posts-section .related-post-category { border-radius: 999px; background: var(--wall); color: var(--chalk); }
.v-artikel .article-main .related-posts-section .related-post-content h3 { hyphens: auto; overflow-wrap: anywhere; }
.v-artikel .article-main .related-posts-section .related-post-content h3 a { color: var(--c-ink); }

.v-artikel .article-sidebar .sidebar-widget { position: relative; background: var(--chalk); border: 1.5px solid var(--c-line); border-radius: 4px; padding: 22px 22px 16px; box-shadow: 0 14px 22px -18px rgba(40, 30, 10, .45); }
.v-artikel .article-sidebar .widget-title { margin: 0 0 12px !important; padding-bottom: 12px !important; font: 400 20px/1.2 var(--f-serif) !important; letter-spacing: -.005em; text-transform: none !important; color: var(--c-ink) !important; border-bottom: 1.5px dashed var(--c-line) !important; }
.v-artikel .article-sidebar .copy-link-btn { border-radius: 3px; background: var(--wall); box-shadow: 3px 3px 0 var(--c-green); }
.v-artikel .article-sidebar .copy-link-btn:hover { background: var(--c-green-deep); transform: translate(2px, 2px); box-shadow: 1px 1px 0 var(--c-green); }
.v-artikel .article-sidebar .popular-list li, .v-artikel .article-sidebar .category-list li { border-top: 1px dashed var(--c-line); }
.v-artikel .article-sidebar .popular-list li:first-child, .v-artikel .article-sidebar .category-list li:first-child { border-top: 0; }
.v-artikel .article-sidebar .popular-item { grid-template-columns: 26px 1fr; padding: 10px 0; }
.v-artikel .article-sidebar .popular-rank { font: 600 11px/1 var(--f-sans); letter-spacing: .06em; color: var(--walnut); padding-top: 4px; }
.v-artikel .article-sidebar .popular-title { font: 500 14px/1.4 var(--f-sans); }
.v-artikel .article-sidebar .category-item { padding: 9px 0; }
.v-artikel .article-sidebar .category-count { border-radius: 999px; background: var(--c-mint); color: var(--c-green-ink); }

.v-artikel .rv-toc { position: static; padding: 22px 14px 14px 26px !important; background: linear-gradient(90deg, var(--beam) 0 8px, transparent 8px), var(--chalk) !important; border: 1.5px solid var(--wall) !important; border-radius: 4px !important; box-shadow: 6px 6px 0 -1px rgba(31, 77, 43, .12) !important; }
.v-artikel .rv-toc__title { margin: 0 6px 12px 0 !important; padding-bottom: 12px !important; font: 400 20px/1.2 var(--f-serif) !important; color: var(--c-ink) !important; border-bottom: 1.5px dashed var(--c-line) !important; }
.v-artikel .rv-toc__title[data-total]::after { content: attr(data-done) ' von ' attr(data-total) ' gelesen'; display: block; margin-top: 6px; font: 600 11px/1 var(--f-sans); letter-spacing: .12em; text-transform: uppercase; color: var(--walnut); }
.v-artikel .rv-toc__list { display: grid !important; gap: 2px !important; overflow: visible !important; padding: 0 !important; }
.v-artikel .rv-toc__list li { flex: initial; }
.v-artikel .rv-toc__list::before, .v-artikel .rv-toc__fill { display: none !important; }
.v-artikel .rv-toc__list li::before { display: none !important; }
.v-artikel .rv-toc__list a { hyphens: auto; overflow-wrap: anywhere; display: grid !important; grid-template-columns: 16px 20px minmax(0, 1fr) !important; gap: 9px !important; align-items: center !important; padding: 8px 8px !important; border: 0 !important; border-radius: 3px !important; font: 500 13.5px/1.3 var(--f-sans) !important; color: var(--c-ink-2) !important; white-space: normal !important; background: none; }
.v-artikel .rv-toc__list a::before { content: ''; order: -1; width: 14px; height: 14px; border-radius: 3px; border: 1.5px solid var(--c-green-line); background: #fff center / 11px no-repeat; transition: background-color .2s, border-color .2s; }
.v-artikel .rv-toc__list li.is-done a::before { border-color: var(--c-green-deep); background-color: var(--c-green-deep); background-image: var(--tick); }
.v-artikel .rv-toc__list li.is-cur a::before { border-color: var(--wall); box-shadow: 0 0 0 3px var(--c-mint); }
.v-artikel .rv-toc__n { font: 600 11px/1 var(--f-sans) !important; letter-spacing: .06em; color: var(--walnut) !important; }
.v-artikel .rv-toc__list a:hover { background: var(--c-mint-soft) !important; color: var(--c-ink) !important; }
.v-artikel .rv-toc__list li.is-cur a { background: var(--c-mint) !important; color: var(--c-ink) !important; font-weight: 600 !important; }
.v-artikel .rv-toc__close, .v-artikel .rv-bar, .v-artikel .rv-backdrop, .v-artikel .ar-zoom { display: none; }

.ar-lb { position: fixed; inset: 0; z-index: 80; display: grid; place-items: center; padding: 56px 12px 12px; background: rgba(15, 42, 26, .9); }
.ar-lb img { display: block; max-width: min(96vw, 1702px); max-height: calc(100vh - 80px); width: auto; height: auto; }
.ar-lb__x { position: fixed; top: 14px; right: 14px; z-index: 81; padding: 10px 16px; border: 0; border-radius: 999px; background: #fbf8f1; color: #1f4d2b; font: 600 14px/1 'Radio Canada', system-ui, sans-serif; cursor: pointer; box-shadow: 0 6px 16px rgba(0, 0, 0, .3); }

@media (min-width: 1200px) {
  .v-artikel .ar-hero { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 4vw, 64px); }
  .v-artikel .ar-hero--solo { grid-template-columns: minmax(0, 1fr); }
}
@media (min-width: 1024px) {
  .v-artikel .article-wrapper { grid-template-columns: 56px minmax(0, 1fr) 290px !important; column-gap: clamp(22px, 2.6vw, 44px); row-gap: 0; }
  .v-artikel .ar-share { grid-column: 1; grid-row: 2; }
  .v-artikel .article-main { grid-column: 2; grid-row: 2; }
  .v-artikel .article-sidebar { grid-column: 3; grid-row: 2; align-self: stretch; }
  .v-artikel .article-sidebar .sidebar-sticky { position: sticky; top: calc(var(--hdr-h, 64px) + 16px); gap: 16px; max-height: none; overflow: visible; }
  .v-artikel .ar-share { position: sticky; top: calc(var(--hdr-h, 64px) + 16px); align-self: start; display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 16px 0 14px; background: var(--chalk); border: 1.5px solid var(--c-line); border-top: 6px solid var(--beam); border-radius: 3px; box-shadow: 0 14px 26px -22px rgba(31, 61, 42, .7); }
  .v-artikel .ar-share .widget-title { order: 0; writing-mode: vertical-rl; transform: rotate(180deg); margin: 0 0 4px !important; padding: 0 !important; border: 0 !important; font: 600 11px/1 var(--f-sans) !important; letter-spacing: .14em; text-transform: uppercase !important; color: var(--walnut) !important; }
  .v-artikel .ar-share .share-bottom-buttons { order: 1; flex-direction: column; gap: 10px; }
  .v-artikel .ar-share .copy-link-btn { order: 2; }
  .v-artikel .ar-share .share-bottom-title { position: absolute; left: 0; top: 0; width: 100%; height: 1px; margin: 0; overflow: hidden; clip-path: inset(50%); white-space: normal; overflow-wrap: anywhere; font-size: 1px; }
  .v-artikel .ar-share .share-bottom-btn, .v-artikel .ar-share .copy-link-btn { width: 40px; height: 40px; }
  .v-artikel .ar-share .copy-link-btn { justify-content: center; gap: 0; padding: 0; font-size: 0 !important; color: transparent !important; overflow: hidden; }
}
@media (min-width: 761px) {
  .v-artikel .article-content table { table-layout: fixed; }
}
@media (max-width: 1023px) {
  .v-artikel .article-wrapper { grid-template-columns: minmax(0, 1fr) !important; }
  .v-artikel .article-sidebar .sidebar-sticky { position: static; }
  .js .v-artikel .rv-toc { display: none; }
  .js .v-artikel .rv-backdrop { z-index: 55; }
  .js .v-artikel .rv-toc.rv-sheet { display: block; position: fixed !important; z-index: 60; left: 0; right: 0; bottom: 0; top: auto !important; max-height: min(78vh, 620px); overflow: auto; padding: 18px 16px calc(18px + env(safe-area-inset-bottom)) 40px !important; border-radius: 14px 14px 0 0 !important; border-bottom: 0 !important; box-shadow: 0 -20px 40px -20px rgba(22, 48, 31, .6) !important; transform: translateY(105%); visibility: hidden; transition: transform .28s cubic-bezier(.2, .8, .2, 1), visibility 0s .28s; }
  .js .v-artikel .rv-toc.rv-sheet.is-open { transform: none; visibility: visible; transition: transform .28s cubic-bezier(.2, .8, .2, 1); }
  .js .v-artikel .rv-toc.rv-sheet .rv-toc__list a { padding: 11px 8px !important; font-size: 15px !important; }
  .js .v-artikel .rv-toc.rv-sheet .rv-toc__close { display: block; float: right; margin: -4px 0 0 10px; padding: 8px 12px; border: 1.5px solid var(--c-line); border-radius: 999px; background: #fff; font: 600 13px/1 var(--f-sans); color: var(--c-ink); cursor: pointer; }
  .js .v-artikel .rv-backdrop { display: block; position: fixed; inset: 0; z-index: 55; background: rgba(15, 42, 26, .45); opacity: 0; visibility: hidden; transition: opacity .2s, visibility 0s .2s; }
  .js .v-artikel .rv-backdrop.is-open { opacity: 1; visibility: visible; transition: opacity .2s; }
  .js .v-artikel .rv-bar { display: block; position: fixed; z-index: 50; left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom)); transform: translateY(160%); transition: transform .3s cubic-bezier(.2, .8, .2, 1); }
  .js .v-artikel .rv-bar.is-on { transform: none; }
  .v-artikel .ar-share { display: none; }
  .js .v-artikel .rv-bar { display: flex; gap: 8px; align-items: stretch; }
  .js .v-artikel .rv-bar.ar-bar--solo { left: auto; }
  .v-artikel .rv-bar .rv-bar__btn { flex: 1; min-width: 0; }
  .v-artikel .rv-bar .ar-sharebtn { flex: none; border-radius: 10px; padding: 0 16px; box-shadow: 0 14px 30px -12px rgba(15, 42, 26, .7); }
  .v-artikel .rv-bar.ar-bar--solo .ar-sharebtn { padding: 13px 18px; border-radius: 999px; }
  .js .v-artikel .ar-share.ar-sheet { display: block; position: fixed; z-index: 60; left: 0; right: 0; bottom: 0; padding: 20px 20px calc(22px + env(safe-area-inset-bottom)); background: linear-gradient(90deg, var(--beam) 0 8px, transparent 8px), var(--chalk); border-top: 1.5px solid var(--wall); border-radius: 14px 14px 0 0; box-shadow: 0 -20px 40px -20px rgba(22, 48, 31, .6); transform: translateY(105%); visibility: hidden; transition: transform .28s cubic-bezier(.2, .8, .2, 1), visibility 0s .28s; }
  .js .v-artikel .ar-share.ar-sheet.is-open { transform: none; visibility: visible; transition: transform .28s cubic-bezier(.2, .8, .2, 1); }
  .v-artikel .ar-share.ar-sheet .widget-title { margin: 0 0 4px 10px !important; font: 400 21px/1.2 var(--f-serif) !important; color: var(--c-ink) !important; text-transform: none !important; border: 0 !important; padding: 0 !important; }
  .v-artikel .ar-share.ar-sheet .share-bottom-title { margin: 0 0 14px 10px; font: 400 14px/1.4 var(--f-sans); color: var(--c-ink-2); }
  .v-artikel .ar-share.ar-sheet .copy-link-btn { display: flex; width: calc(100% - 10px); margin: 0 0 14px 10px; padding: 13px 16px; border-radius: 3px; background: var(--wall) !important; color: var(--chalk); font: 600 15px/1 var(--f-sans); box-shadow: 3px 3px 0 var(--c-green); }
  .v-artikel .ar-share.ar-sheet .share-bottom-buttons { justify-content: flex-start; gap: 12px; margin-left: 10px; }
  .v-artikel .ar-share.ar-sheet .share-bottom-btn { width: 48px; height: 48px; }
  .v-artikel .ar-share.ar-sheet .ar-share__close { position: absolute; right: 16px; top: 16px; padding: 8px 12px; border: 1.5px solid var(--c-line); border-radius: 999px; background: #fff; font: 600 13px/1 var(--f-sans); color: var(--c-ink); cursor: pointer; }
  .v-artikel .ar-share.ar-sheet { display: none; }
  .js .v-artikel .ar-share.ar-sheet { display: flex; flex-direction: column; }
  .v-artikel .rv-bar__btn { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 12px; width: 100%; padding: 9px 10px 9px 12px; border: 0; border-radius: 10px; background: var(--wall); color: var(--chalk); box-shadow: 0 14px 30px -12px rgba(15, 42, 26, .7), 0 0 0 1.5px rgba(251, 248, 241, .12) inset; text-align: left; cursor: pointer; }
  .v-artikel .rv-bar__ring { width: 34px; height: 34px; border-radius: 50%; background: radial-gradient(closest-side, var(--wall) 72%, transparent 75%), conic-gradient(#e3b64c calc(var(--prog) * 1%), rgba(251, 248, 241, .18) 0); }
  .v-artikel .rv-bar__txt { display: grid; gap: 3px; min-width: 0; }
  .v-artikel .rv-bar__txt small { font: 600 10.5px/1 var(--f-sans); letter-spacing: .12em; text-transform: uppercase; color: #a9d79c; }
  .v-artikel .rv-bar__txt strong { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; overflow: hidden; overflow-wrap: anywhere; font: 400 16px/1.2 var(--f-serif); color: var(--chalk); }
  .v-artikel .rv-bar__open { display: inline-flex; align-items: center; gap: 7px; padding: 9px 12px; border-radius: 999px; background: var(--chalk); color: var(--wall); font: 600 13px/1 var(--f-sans); }
  .v-artikel .rv-bar__open::after { content: ''; width: 7px; height: 7px; margin-top: 3px; border-left: 2px solid currentColor; border-top: 2px solid currentColor; transform: rotate(45deg); }
}
@media (min-width: 761px) and (max-width: 1023px) {
  .v-artikel .article-sidebar .sidebar-sticky { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .v-artikel .ar-hero { padding-bottom: 24px; gap: 22px; }
  .v-artikel .article-title { font-size: clamp(34px, 9.4vw, 42px) !important; }
  .v-artikel .article-meta .meta-item { font-size: 12.5px; }
  .v-artikel .article-content { gap: 22px; }
  .v-artikel .ar-intro { padding: 34px 18px 22px; }
  .v-artikel .ar-intro > p:first-child { font-size: 19px; }
  .v-artikel .ar-ch { padding: 22px 18px; }
  .v-artikel .ar-ch > h2 { gap: 12px; font-size: 25px !important; align-items: flex-start; }
  .v-artikel .ar-ch > h2::before { width: 34px; height: 34px; font-size: 12px; margin-top: 1px; }
  .v-artikel .ar-sub { padding: 18px 16px 16px; }
  .v-artikel .rv-more { align-self: stretch; justify-content: center; max-width: 100%; white-space: nowrap; gap: 8px; padding-inline: 10px; font-size: 13.5px; }
  .v-artikel .rv-more[data-n]:not([aria-expanded='true'])::before { font-size: 11px; padding-inline: 6px; }
  .v-artikel .ar-zoom { display: inline-flex; align-self: flex-start; align-items: center; gap: 8px; margin: 10px 0 0; padding: 7px 12px; border: 1.5px solid var(--wall); border-radius: 999px; background: var(--chalk); font: 600 13px/1 var(--f-sans); color: var(--wall); cursor: pointer; }
  .v-artikel .article-content table, .v-artikel .article-content thead, .v-artikel .article-content tbody, .v-artikel .article-content tr, .v-artikel .article-content td { display: block; width: 100%; }
  .v-artikel .article-content thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .v-artikel .article-content tr { padding: 10px 14px; border-bottom: 1.5px solid var(--c-line); }
  .v-artikel .article-content tr:last-child { border-bottom: 0; }
  .v-artikel .article-content td { padding: 4px 0 !important; border: 0 !important; background: none !important; min-width: 0 !important; white-space: normal !important; }
  .v-artikel .article-content td[data-label]::before { content: attr(data-label); display: block; font: 600 10.5px/1.3 var(--f-sans); letter-spacing: .1em; text-transform: uppercase; color: var(--walnut); }
  .v-artikel .article-main .article-footer .share-bottom { padding: 18px; }
  .v-artikel .article-main .related-posts-section .related-posts-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .v-artikel .rv-more:hover, .v-artikel .related-post-card:hover { transform: none; }
  .v-artikel .rv-toc.rv-sheet, .v-artikel .rv-bar { transition: none !important; }
}

.v-artikel .ar-share .sidebar-widget, .v-artikel .ar-share .share-bottom { display: contents; }
.v-artikel .ar-share .share-bottom-buttons { display: flex; flex-wrap: wrap; justify-content: center; }
.v-artikel .ar-share #copyLink { display: none !important; }
.v-artikel .ar-share .share-bottom-btn, .v-artikel .ar-share .copy-link-btn { display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--wall) !important; color: var(--chalk); box-shadow: 0 0 0 1.5px var(--wall), 0 6px 12px -8px rgba(31, 61, 42, .8); transition: background .15s, transform .15s; }
.v-artikel .ar-share .share-bottom-btn:hover, .v-artikel .ar-share .copy-link-btn:hover { background: var(--senf) !important; transform: translateY(-2px); }
.v-artikel .ar-share .share-bottom-btn:focus-visible, .v-artikel .ar-share .copy-link-btn:focus-visible { outline: 3px solid var(--senf); outline-offset: 2px; }
.v-artikel .ar-share .widget-title { color: var(--walnut); }
.v-artikel .ar-sharebtn { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border: 0; border-radius: 999px; background: var(--senf); color: var(--c-ink); font: 600 13px/1 var(--f-sans); cursor: pointer; }
.v-artikel .ar-sharebtn::before { content: ''; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--share-ico) center / contain no-repeat; mask: var(--share-ico) center / contain no-repeat; }
.v-artikel { --share-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cpath d='M8.6 13.5l6.8 4M15.4 6.5l-6.8 4'/%3E%3C/svg%3E"); }

.v-artikel .rv-toc { padding: 16px 10px 10px 22px !important; }
.v-artikel .rv-toc__title { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin: 0 4px 6px 0 !important; padding-bottom: 8px !important; font-size: 18px !important; }
.v-artikel .rv-toc__title[data-total]::after { margin-top: 0 !important; white-space: nowrap; font-size: 10px !important; }
.v-artikel .rv-toc__list { gap: 1px !important; }
.v-artikel .rv-toc__list a { padding: 4px 6px !important; font-size: 12.5px !important; line-height: 1.22 !important; grid-template-columns: 14px 18px minmax(0, 1fr) !important; gap: 7px !important; }
.v-artikel .rv-toc__list a::before { width: 13px !important; height: 13px !important; }
.v-artikel .article-sidebar .sidebar-widget { padding: 16px 18px 10px; }
.v-artikel .article-sidebar .widget-title { margin: 0 0 6px !important; padding-bottom: 8px !important; font-size: 18px !important; }
.v-artikel .article-sidebar .popular-item { padding: 5px 0; gap: 6px; grid-template-columns: 20px 1fr; }
.v-artikel .article-sidebar .popular-title { font-size: 12.5px; line-height: 1.28; }
.v-artikel .article-sidebar .popular-rank { padding-top: 2px; }
.v-artikel .article-sidebar .category-list { display: flex; flex-wrap: wrap; gap: 6px; padding-top: 4px; }
.v-artikel .article-sidebar .category-list li { display: inline-flex; border: 0 !important; }
.v-artikel .article-sidebar .category-item { display: inline-flex !important; align-items: center; width: auto !important; gap: 6px; padding: 4px 6px 4px 4px; border: 1.5px solid var(--c-line); border-radius: 999px; background: #fff; font: 500 12.5px/1.2 var(--f-sans); white-space: nowrap; }
.v-artikel .article-sidebar .category-item img { width: 14px; height: 14px; padding: 3px; }
.v-artikel .article-sidebar .category-count { min-width: 0; margin-left: 2px; padding: 2px 6px; font-size: 11px; }
.v-artikel .article-sidebar .category-item:hover { border-color: var(--wall); }

.v-artikel .ar-ch.ar-final { border-top-color: var(--wall); background: linear-gradient(var(--c-mint-soft), var(--chalk) 55%); }
.v-artikel .ar-ch.ar-final > h2::before { background: var(--senf); color: var(--c-ink); }

.v-artikel .article-main ol.bl-steps--crumbs { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px 0 !important; margin: 4px 0 18px !important; padding: 12px 14px !important; list-style: none; background: #fff; border: 1.5px solid var(--c-line); border-radius: 4px; counter-reset: bl; }
.v-artikel .article-main ol.bl-steps--crumbs::before, .v-artikel .article-main ol.bl-steps--crumbs::after { display: none !important; }
.v-artikel .article-main ol.bl-steps--crumbs > li.bl-step { position: relative; display: inline-flex !important; align-items: center; gap: 8px; min-height: 0 !important; margin: 0 !important; padding: 6px 12px 6px 6px !important; border: 1.5px solid var(--wall) !important; border-radius: 999px !important; background: var(--chalk) !important; font: 600 14.5px/1.2 var(--f-sans) !important; color: var(--c-ink) !important; }
.v-artikel .article-main ol.bl-steps--crumbs > li.bl-step::before { position: static !important; width: 22px !important; height: 22px !important; margin: 0; display: grid; place-items: center; border: 0 !important; border-radius: 50%; background: var(--wall) !important; color: var(--chalk) !important; font: 600 11px/22px var(--f-sans) !important; box-shadow: none !important; text-align: center; }
.v-artikel .article-main ol.bl-steps--crumbs > li.bl-step:not(:last-child)::after { content: ''; position: static; flex: none; width: 8px; height: 8px; margin: 0 14px 0 8px; border-top: 2.5px solid var(--senf); border-right: 2.5px solid var(--senf); transform: rotate(45deg); }
.v-artikel .article-main ol.bl-steps--crumbs > li.bl-step:not(:last-child) { margin-right: 0 !important; }
.v-artikel .article-main ol.bl-steps--text > li.bl-step::before { background: var(--wall) !important; border-color: var(--wall) !important; color: var(--chalk) !important; }

.v-artikel .ar-graf { position: relative; padding: 10px; background: var(--chalk); border: 1.5px solid var(--c-line); border-radius: 6px; box-shadow: 0 18px 30px -24px rgba(31, 61, 42, .75); }
.v-artikel .ar-graf img { border: 0; border-radius: 3px; box-shadow: none; }
.v-artikel .ar-graf::after { content: ''; position: absolute; right: 20px; top: 20px; width: 34px; height: 34px; border-radius: 50%; background: var(--wall) var(--zoom-ico) center / 16px no-repeat; box-shadow: 0 4px 10px -4px rgba(0, 0, 0, .5); opacity: .92; pointer-events: none; }
.v-artikel { --zoom-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fbf8f1' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5L21 21M10.5 7.5v6M7.5 10.5h6'/%3E%3C/svg%3E"); }

.v-artikel .article-main { counter-reset: faq; }
.v-artikel .article-main details:is(.pt-faq, .ar-faq) { counter-increment: faq; margin: 0 0 10px; background: #fff; border: 1.5px solid var(--c-line); border-radius: 4px; transition: border-color .15s, box-shadow .15s; }
.v-artikel .article-main details:is(.pt-faq, .ar-faq)[open] { border-color: var(--wall); box-shadow: 4px 4px 0 -1px rgba(31, 77, 43, .14); }
.v-artikel .article-main details:is(.pt-faq, .ar-faq) > summary { position: relative; display: block; padding: 15px 48px 15px 58px; list-style: none; cursor: pointer; }
.v-artikel .article-main details:is(.pt-faq, .ar-faq) > summary::-webkit-details-marker { display: none; }
.v-artikel .article-main details:is(.pt-faq, .ar-faq) > summary::before { content: counter(faq) / ''; position: absolute; left: 16px; top: 13px; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; background: var(--chalk); border: 1.5px solid var(--wall); color: var(--wall); font: 400 15px/1 var(--f-serif); }
.v-artikel .article-main details:is(.pt-faq, .ar-faq)[open] > summary::before { background: var(--wall); color: var(--chalk); }
.v-artikel .article-main details:is(.pt-faq, .ar-faq) > summary::after { content: ''; position: absolute; right: 20px; top: 22px; width: 9px; height: 9px; border-right: 2px solid var(--wall); border-bottom: 2px solid var(--wall); transform: rotate(45deg); transition: transform .2s; }
.v-artikel .article-main details:is(.pt-faq, .ar-faq)[open] > summary::after { transform: rotate(-135deg); top: 26px; }
.v-artikel .article-main details:is(.pt-faq, .ar-faq) > summary h3 { margin: 0 !important; font: 400 19px/1.3 var(--f-serif) !important; color: var(--c-ink); }
.v-artikel .article-main details:is(.pt-faq, .ar-faq) > div { padding: 0 20px 16px 58px; }
.v-artikel .article-main details:is(.pt-faq, .ar-faq) > div p { margin: 0; font-size: 15.5px; }
.v-artikel .article-main details.pt-sources > summary { padding: 12px 16px; font: 600 12px/1.2 var(--f-sans); letter-spacing: .12em; text-transform: uppercase; color: var(--walnut); cursor: pointer; }
.v-artikel .article-main details.pt-sources > p { padding: 0 16px 14px; margin: 0; font-size: 14px; }

.v-artikel .article-main .related-posts-section .related-posts-title { display: flex; align-items: center; gap: 16px; }
.v-artikel .article-main .related-posts-section .related-posts-title::after { content: ''; flex: 1; border-top: 1.5px dashed var(--c-line); }
.v-artikel .article-main .related-posts-section .related-post-image { display: block; border-bottom: 1.5px solid var(--c-line); }
.v-artikel .article-main .related-posts-section .related-post-content h3 a { text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 3px; text-decoration-thickness: 1.5px; transition: text-decoration-color .15s; }
.v-artikel .article-main .related-posts-section .related-post-card:hover h3 a { text-decoration-color: var(--c-green); }
.v-artikel .article-main .related-posts-section .related-post-meta { flex-wrap: wrap; gap: 4px 14px; }
.v-artikel .article-meta .meta-item:last-child { border-color: var(--c-green-line); background: var(--c-mint); color: var(--c-green-ink); }

.v-artikel .sidebar-sticky.ar-tabs .ar-tabcard { display: grid; grid-template-columns: 1fr 1fr; padding: 0 !important; background: var(--chalk); border: 1.5px solid var(--c-line); border-radius: 4px; box-shadow: 0 14px 22px -18px rgba(40, 30, 10, .45); }
.v-artikel .sidebar-sticky.ar-tabs .ar-tabcard > .sidebar-widget { display: contents; }
.v-artikel .sidebar-sticky.ar-tabs .ar-tabcard .widget-title { grid-row: 1; margin: 0 !important; padding: 11px 8px 10px !important; border: 0 !important; border-bottom: 1.5px solid var(--c-line) !important; background: var(--c-paper); font: 600 11px/1.2 var(--f-sans) !important; letter-spacing: .1em; text-transform: uppercase !important; text-align: center; color: var(--c-ink-3) !important; cursor: pointer; }
.v-artikel .sidebar-sticky.ar-tabs .ar-tabcard .widget-title[aria-selected='true'] { background: var(--chalk); color: var(--c-green-ink) !important; border-bottom-color: transparent !important; box-shadow: inset 0 3px 0 var(--wall); }
.v-artikel .sidebar-sticky.ar-tabs .ar-tabcard .widget-title:focus-visible { outline: 3px solid var(--c-green); outline-offset: -3px; }
.v-artikel .sidebar-sticky.ar-tabs .ar-tabcard :is(.popular-list, .category-list) { grid-row: 2; grid-column: 1 / -1; padding: 8px 16px 10px; }
.v-artikel .sidebar-sticky.ar-tabs .ar-tabcard :is(.popular-list, .category-list)[hidden] { display: none !important; }
.v-artikel .sidebar-sticky.ar-tabs .ar-tabcard .category-list { padding-top: 12px; align-content: start; }
@media (min-width: 1024px) and (max-height: 760px) {
  .v-artikel .article-sidebar .sidebar-sticky { top: calc(var(--hdr-h, 64px) + 10px); gap: 12px; }
  .v-artikel .rv-toc { padding: 12px 8px 8px 20px !important; }
  .v-artikel .rv-toc__title { margin-bottom: 4px !important; padding-bottom: 6px !important; font-size: 17px !important; }
  .v-artikel .rv-toc__list a { padding: 3px 6px !important; font-size: 12px !important; line-height: 1.16 !important; }
  .v-artikel .sidebar-sticky.ar-tabs .ar-tabcard .widget-title { padding: 9px 6px 8px !important; }
  .v-artikel .sidebar-sticky.ar-tabs .ar-tabcard :is(.popular-list, .category-list) { padding: 4px 14px 6px; }
  .v-artikel .article-sidebar .popular-item { padding: 4px 0; }
  .v-artikel .article-sidebar .popular-title { font-size: 12px; line-height: 1.2; }
}
.v-artikel .ar-ch, .v-artikel .ar-intro { scroll-margin-top: calc(var(--hdr-h, 64px) + 16px); }
.v-artikel .rv-toc.rv-sheet .rv-toc__title { display: block; margin-right: 96px !important; }
.v-artikel .rv-toc.rv-sheet .rv-toc__title[data-total]::after { display: block; margin-top: 6px !important; }
.v-artikel .ar-share__close { display: none; }
.v-artikel .ar-share.ar-sheet .ar-share__close { display: block; }

.v-artikel .article-content th { hyphens: auto; overflow-wrap: anywhere; }
@media (max-width: 760px) {
  .v-artikel .article-content :is(table, thead, tbody, tr, td, th) { box-sizing: border-box; }
  .v-artikel .article-content tr.ar-headrow { display: none; }
  .v-artikel .article-content tr > th { display: block; width: 100%; }
}
@media (min-width: 1024px) {
  .v-artikel .article-wrapper:not(:has(.article-sidebar)) { grid-template-columns: 56px minmax(0, 1fr) !important; }
  .v-artikel .article-wrapper:not(:has(.article-sidebar)) .article-main { max-width: 900px !important; }
}
.v-artikel .article-content :is(h2, h3, h4, li, td, th, p) { hyphens: auto; overflow-wrap: break-word; }
.v-artikel .article-content :is(li, td) { overflow-wrap: anywhere; }
@media (max-width: 760px) {
  .v-artikel .article-content table.comparison-table { min-width: 0 !important; width: 100% !important; table-layout: auto !important; }
  .v-artikel .article-content table th { white-space: normal !important; width: auto !important; }
}
.v-artikel .sidebar-sticky.ar-tabs-min .ar-tabcard :is(.popular-list, .category-list) { display: none !important; }
.v-artikel .sidebar-sticky.ar-tabs-min .ar-tabcard.is-open :is(.popular-list, .category-list):not([hidden]) { display: flex !important; }
.v-artikel .sidebar-sticky.ar-tabs-min .ar-tabcard.is-open .popular-list:not([hidden]) { display: grid !important; }
.v-artikel .sidebar-sticky.ar-tabs-min .ar-tabcard .widget-title[aria-selected='true'] { box-shadow: none; background: var(--c-paper); color: var(--c-ink-3) !important; border-bottom-color: var(--c-line) !important; }
.v-artikel .sidebar-sticky.ar-tabs-min .ar-tabcard.is-open .widget-title[aria-selected='true'] { background: var(--chalk); color: var(--c-green-ink) !important; border-bottom-color: transparent !important; box-shadow: inset 0 3px 0 var(--wall); }
.v-artikel .sidebar-sticky.ar-tabs-min .ar-tabcard .widget-title::after { content: ''; display: inline-block; width: 6px; height: 6px; margin: 0 0 2px 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); }
.v-artikel .article-content :is(.ar-ch, .ar-sub, .ar-intro) > figure { width: 100%; max-width: 100%; box-sizing: border-box; }
.v-artikel .article-content :is(figure.k4k-dw, figure.vpnweg-dw) { padding: 10px; background: var(--chalk); border: 1.5px solid var(--c-line); border-radius: 6px; box-shadow: 0 18px 30px -24px rgba(31, 61, 42, .75); }
.v-artikel .ar-win__bar, .v-artikel .ar-win__all { display: none; }
@media (min-width: 1024px) {
  .v-artikel .rv-toc.ar-win .ar-win__bar { display: block; height: 6px; margin: 0 6px 8px 0; border-radius: 1px; background: linear-gradient(90deg, var(--c-green-deep) calc(var(--wp, 0) * 1%), transparent 0), repeating-linear-gradient(90deg, rgba(31, 77, 43, .28) 0 1px, transparent 1px 10%), #ece4d1; }
  .v-artikel .rv-toc.ar-win:not(.is-all) .rv-toc__list li:not(.ar-near) { display: none; }
  .v-artikel .rv-toc.ar-win .ar-win__all { display: inline-flex; align-items: center; gap: 8px; margin: 6px 0 0 6px; padding: 6px 12px; border: 1.5px solid var(--wall); border-radius: 999px; background: #fff; font: 600 12.5px/1 var(--f-sans); color: var(--wall); cursor: pointer; }
  .v-artikel .rv-toc.ar-win .ar-win__all::after { content: ''; width: 7px; height: 7px; margin-top: -3px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); }
  .v-artikel .rv-toc.ar-win.is-all .ar-win__all::after { transform: rotate(-135deg); margin-top: 3px; }
  .v-artikel .rv-toc.ar-win .ar-win__all:hover { background: var(--c-mint); }
  .v-artikel .rv-toc.ar-win.is-all { position: fixed !important; z-index: 45; top: calc(var(--hdr-h, 64px) + 16px); left: var(--wl); width: var(--ww); max-height: calc(100vh - var(--hdr-h, 64px) - 32px); overflow: auto; overscroll-behavior: contain; box-shadow: 0 30px 60px -20px rgba(22, 48, 31, .55), 6px 6px 0 -1px rgba(31, 77, 43, .12) !important; }
}

.v-artikel .article-main details.ar-faq > div.ar-faq__a > p:last-child { margin-bottom: 0; }
.v-artikel .article-main .faq-list.ar-faq-list, .v-artikel .article-main .faq-list { display: block; margin: 0; padding: 0; background: none; border: 0; }
@media (max-width: 760px) {
  .v-artikel .article-content table { background: none !important; border: 0 !important; border-radius: 0 !important; overflow: visible !important; box-shadow: none !important; }
  .v-artikel .article-content tbody { display: grid !important; gap: 12px; }
  .v-artikel .article-content tr:not(.ar-headrow) { display: block !important; padding: 14px 16px 12px 18px !important; background: #fff !important; border: 1.5px solid var(--c-line) !important; border-left: 5px solid var(--beam) !important; border-radius: 4px; box-shadow: 0 10px 18px -16px rgba(31, 61, 42, .7); }
  .v-artikel .article-content tr > :is(td, th) { position: relative; display: block !important; width: auto !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; white-space: normal !important; padding: 5px 0 5px 44% !important; text-align: left !important; font-size: 15px; line-height: 1.45; color: var(--c-ink-2); background: none !important; border: 0 !important; }
  .v-artikel .article-content tr > :is(td, th)[data-label]::before { position: absolute; left: 0; top: 7px; width: 40%; font: 600 10.5px/1.3 var(--f-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--walnut); overflow-wrap: anywhere; }
  .v-artikel .article-content tr > :is(td, th):first-child { padding: 0 0 9px !important; margin-bottom: 4px; border-bottom: 1.5px dashed var(--c-line) !important; font: 400 20px/1.25 var(--f-serif) !important; letter-spacing: 0; text-transform: none; color: var(--c-ink) !important; }
  .v-artikel .article-content tr > :is(td, th):first-child::before { display: none !important; }
  .v-artikel .article-content tr > :is(td, th):first-child * { font: inherit !important; color: inherit !important; }
  .v-artikel .article-content tr > :is(td, th):not(:first-child) + :is(td, th) { border-top: 1px dotted var(--c-line) !important; }
  .v-artikel .article-content tr > td:not([data-label]):not(:first-child) { padding-left: 0 !important; }
}
.v-artikel .rv-bar .ar-sharebtn__t { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 1023px) {
  .js .v-artikel .rv-bar { gap: 0; align-items: center; padding: 6px; background: var(--wall); border-radius: 14px; box-shadow: 0 14px 30px -12px rgba(15, 42, 26, .7); }
  .v-artikel .rv-bar .rv-bar__btn { box-shadow: none; background: transparent; padding: 4px 6px 4px 6px; }
  .v-artikel .rv-bar .ar-sharebtn { flex: none; width: 42px; height: 42px; margin-left: 6px; padding: 0 !important; justify-content: center; border-radius: 50% !important; background: var(--chalk); color: var(--wall); box-shadow: none; }
  .v-artikel .rv-bar .ar-sharebtn::before { width: 18px; height: 18px; }
  .js .v-artikel .rv-bar.ar-bar--solo { left: auto; padding: 6px; border-radius: 999px; }
  .v-artikel .rv-bar.ar-bar--solo .ar-sharebtn { width: 48px; height: 48px; margin: 0; background: var(--senf); color: var(--c-ink); }
}
.v-artikel .article-content tr:empty { display: none !important; }
.v-artikel .article-content :is(ul, ol).listy:not(.bl-steps) { counter-reset: ol; display: block; margin: 4px 0 20px; padding: 4px 22px 4px 20px; list-style: none; background: #fff; border: 1.5px solid var(--c-line); border-left: 5px solid var(--beam); border-radius: 4px; box-shadow: var(--paper-sh); }
.v-artikel .article-content :is(ul, ol).listy:not(.bl-steps) > li { position: relative; margin: 0; padding: 13px 0 13px 36px; border-top: 1px dotted var(--c-line); font-size: 16px; line-height: 1.55; color: var(--c-ink-2); }
.v-artikel .article-content :is(ul, ol).listy:not(.bl-steps) > li:first-child { border-top: 0; }
.v-artikel .article-content :is(ul, ol).listy:not(.bl-steps) > li::marker { content: ''; }
.v-artikel .article-content ul.listy:not(.bl-steps) > li::before { content: ''; position: absolute; left: 0; top: 16px; width: 20px; height: 20px; border-radius: 50%; background: var(--c-green) var(--tick) center / 12px no-repeat; }
.v-artikel .article-content ol.listy:not(.bl-steps) > li { counter-increment: ol; padding-left: 44px; }
.v-artikel .article-content ol.listy:not(.bl-steps) > li::before { content: counter(ol) / ''; position: absolute; left: 0; top: 11px; width: 30px; height: 30px; display: grid; place-items: center; box-sizing: border-box; border: 2px solid var(--senf); border-radius: 50%; background: #fffaf0; color: var(--beam); font: 400 16px/1 var(--f-serif); }
.v-artikel .article-content :is(ul, ol).listy:not(.bl-steps) > li.ar-li-t > :is(strong, .ar-li-k):first-child { display: block; margin: 0 0 3px; font: 400 18px/1.3 var(--f-serif); color: var(--c-ink); }
.v-artikel .article-content :is(.ar-sub, td) :is(ul, ol).listy:not(.bl-steps) { margin: 6px 0 14px; padding: 0; background: none; border: 0; box-shadow: none; }
.v-artikel .article-content td :is(ul, ol).listy:not(.bl-steps) > li { padding-top: 6px; padding-bottom: 6px; font-size: 15px; }
.v-artikel .article-content td ul.listy:not(.bl-steps) > li::before { top: 9px; width: 16px; height: 16px; background-size: 10px; }
@media (max-width: 760px) {
  .v-artikel .article-content :is(ul, ol).listy:not(.bl-steps) { padding: 2px 16px 2px 14px; }
  .v-artikel .article-content :is(ul, ol).listy:not(.bl-steps) > li { padding-left: 32px; font-size: 15.5px; }
  .v-artikel .article-content ol.listy:not(.bl-steps) > li { padding-left: 40px; }
  .v-artikel .article-content :is(ul, ol).listy:not(.bl-steps) > li.ar-li-t > :is(strong, .ar-li-k):first-child { font-size: 17px; }
}
.v-artikel .article-content p.ar-pic { position: relative; margin: 14px 0 24px; padding: 10px; background: var(--chalk); border: 1.5px solid var(--c-line); border-radius: 6px; box-shadow: 0 18px 30px -24px rgba(31, 61, 42, .75); }
.v-artikel .article-content p.ar-pic::before { content: ''; position: absolute; z-index: 2; left: 50%; top: -10px; width: 96px; height: 22px; transform: translateX(-50%) rotate(-2deg); background: var(--tape); box-shadow: 0 1px 2px rgba(0, 0, 0, .12); pointer-events: none; }
.v-artikel .article-content p.ar-pic img.aligncenter { width: 100%; margin: 0; border: 0; border-radius: 3px; box-shadow: 0 0 0 1.5px var(--wall); }
.v-artikel .article-content p.ar-pic::after { content: ''; position: absolute; right: 20px; top: 20px; width: 34px; height: 34px; border-radius: 50%; background: var(--wall) var(--zoom-ico) center / 16px no-repeat; box-shadow: 0 4px 10px -4px rgba(0, 0, 0, .5); opacity: .92; pointer-events: none; }
@media (max-width: 760px) {
  .v-artikel .article-content p.ar-pic { padding: 7px; }
  .v-artikel .article-content p.ar-pic::after { display: none; }
}
@media (min-width: 761px) {
  .v-artikel .article-content table { width: 100% !important; margin: 6px 0 22px !important; border: 1.5px solid var(--c-line) !important; border-radius: 4px !important; background: #fff !important; box-shadow: none !important; }
  .v-artikel .article-content tr > th, .v-artikel .article-content tr.ar-headrow > * { padding: 12px 16px !important; background: var(--wall) !important; color: var(--chalk) !important; font: 600 11.5px/1.3 var(--f-sans) !important; letter-spacing: .1em; text-transform: uppercase; text-align: left; vertical-align: bottom; border: 0 !important; }
  .v-artikel .article-content tr > td { height: auto !important; padding: 12px 16px !important; font: 400 15.5px/1.5 var(--f-sans) !important; color: var(--c-ink) !important; text-align: left; vertical-align: top; overflow: visible !important; border: 0 !important; border-top: 1px solid #efe7d6 !important; background: #fff; }
  .v-artikel .article-content tr:nth-child(odd) > td { background: #fdfbf6; }
  .v-artikel .article-content tr > td:first-child { font: 400 17px/1.35 var(--f-serif) !important; color: var(--c-ink) !important; }
  .v-artikel .article-content tr > td:first-child :is(strong, b, a) { font: inherit !important; }
  .v-artikel .article-content tr > :is(td, th).ar-num { text-align: right !important; }
  .v-artikel .article-content tr > td.ar-num:not(:first-child) { font: 400 18px/1.35 var(--f-serif) !important; color: var(--wall) !important; font-variant-numeric: tabular-nums; }
}
.v-artikel .article-content .ar-pc { --x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 4.5l7 7M11.5 4.5l-7 7' fill='none' stroke='%23fbf8f1' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E"); display: grid; gap: 14px; margin: 8px 0 22px; }
.v-artikel .article-content .ar-pc > div { padding: 16px 18px 6px; border: 1.5px solid #cfe0bf; border-radius: 4px; background: #eef4e7; }
.v-artikel .article-content .ar-pc > .ar-pc__con { border-color: #ecd2c4; background: #f8ede7; }
.v-artikel .article-content .ar-pc p.ar-lbl, .v-artikel .article-content .ar-pc > div > p { display: flex; align-items: center; gap: 8px; margin: 0 0 4px !important; font: 600 12px/1 var(--f-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--c-green-deep); }
.v-artikel .article-content .ar-pc > .ar-pc__con > p { color: #a3402a; }
.v-artikel .article-content .ar-pc > div > p::before { content: ''; width: 18px; height: 18px; border-radius: 50%; background: var(--c-green) var(--tick) center / 11px no-repeat; }
.v-artikel .article-content .ar-pc > .ar-pc__con > p::before { background: #c4513a var(--x) center / 10px no-repeat; }
.v-artikel .article-content .ar-pc > div > p strong { font: inherit; color: inherit; }
.v-artikel .article-content .ar-pc :is(ul, ol).listy:not(.bl-steps) { margin: 0; padding: 0; background: none; border: 0; box-shadow: none; }
.v-artikel .article-content .ar-pc :is(ul, ol).listy:not(.bl-steps) > li { padding: 11px 0 11px 30px; border-top: 1px dotted rgba(60, 80, 50, .28); font-size: 15.5px; }
.v-artikel .article-content .ar-pc :is(ul, ol).listy:not(.bl-steps) > li:first-child { border-top: 0; }
.v-artikel .article-content .ar-pc :is(ul, ol).listy:not(.bl-steps) > li::before { content: '' !important; left: 0; top: 14px; width: 16px; height: 16px; border: 0; border-radius: 50%; background: var(--c-green) var(--tick) center / 10px no-repeat; }
.v-artikel .article-content .ar-pc .ar-pc__con :is(ul, ol).listy:not(.bl-steps) > li::before { background: #c4513a var(--x) center / 9px no-repeat; }
@media (min-width: 761px) { .v-artikel .article-content .ar-pc:has(> div + div) { grid-template-columns: 1fr 1fr; align-items: start; } }
.v-artikel .article-content p.ar-note { position: relative; margin: 22px 0 22px; padding: 22px 22px 18px; background: #fffdf6; border: 1.5px solid var(--c-line); border-radius: 2px; box-shadow: 0 14px 22px -18px rgba(40, 30, 10, .55); transform: rotate(.4deg); }
.v-artikel .article-content p.ar-note::before { content: ''; position: absolute; left: 22px; top: -9px; width: 86px; height: 20px; background: var(--tape); transform: rotate(-3deg); }
.v-artikel .article-content p.ar-note > strong:first-child { display: block; margin-bottom: 4px; font: 400 19px/1.3 var(--f-serif); color: var(--c-ink); }
.v-artikel .article-content p.ar-lbl { margin: 22px 0 8px !important; font: 600 12px/1.3 var(--f-sans); letter-spacing: .12em; text-transform: uppercase; color: var(--walnut); }
.v-artikel .article-content p.ar-lbl strong { font: inherit; color: inherit; }
.v-artikel .article-content ul.listy.ar-kv:not(.bl-steps) { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 12px; padding: 0; background: none; border: 0; box-shadow: none; }
.v-artikel .article-content ul.listy.ar-kv:not(.bl-steps) > li { padding: 14px 16px; background: #fff; border: 1.5px solid var(--c-line); border-top: 4px solid var(--senf); border-radius: 4px; box-shadow: var(--paper-sh); }
.v-artikel .article-content ul.listy.ar-kv:not(.bl-steps) > li::before { display: none; }
.v-artikel .article-content ul.listy.ar-kv:not(.bl-steps) > li.ar-li-t > strong:first-child { margin: 0 0 6px; font: 600 11.5px/1.35 var(--f-sans); letter-spacing: .1em; text-transform: uppercase; color: var(--walnut); }
.v-artikel .article-content .ar-video { margin: 14px 0 24px; padding: 10px; background: var(--chalk); border: 1.5px solid var(--c-line); border-radius: 6px; box-shadow: 0 18px 30px -24px rgba(31, 61, 42, .75); text-align: left; }
.v-artikel .article-content .ar-video iframe { display: block; width: 100% !important; max-width: none !important; height: auto !important; aspect-ratio: 16 / 9; margin: 0 !important; border: 0; border-radius: 3px; box-shadow: 0 0 0 1.5px var(--wall); }
.v-artikel .article-sidebar .category-item img { width: 16px !important; height: 16px !important; flex: none; }
@media (max-width: 760px) {
  .v-artikel .article-content .ar-video { padding: 6px; }
  .v-artikel .article-content p.ar-note { padding: 20px 16px 14px; transform: none; }
  .v-artikel .article-main .related-posts-section .related-posts-grid { gap: 10px !important; }
  .v-artikel .article-main .related-posts-section .related-post-card { display: grid; grid-template-columns: 104px minmax(0, 1fr); align-items: stretch; }
  .v-artikel .article-main .related-posts-section .related-post-image { position: relative; grid-column: 1; width: auto !important; aspect-ratio: auto !important; min-width: 0; max-width: none; overflow: hidden; height: 100%; min-height: 96px; border-bottom: 0 !important; border-right: 1.5px solid var(--c-line); }
  .v-artikel .article-main .related-posts-section .related-post-image img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; aspect-ratio: auto !important; }
  .v-artikel .article-main .related-posts-section .related-post-category { position: absolute; left: 6px; right: auto; top: auto; bottom: 6px; max-width: calc(100% - 12px); padding: 3px 6px !important; font-size: 8.5px !important; line-height: 1.2 !important; letter-spacing: .06em !important; white-space: normal !important; border-radius: 8px !important; text-align: left; }
  .v-artikel .article-main .related-posts-section .related-post-content { padding: 12px 14px !important; }
  .v-artikel .article-main .related-posts-section .related-post-content h3 { margin: 0 0 6px !important; font-size: 17px !important; line-height: 1.25 !important; }
}
.v-artikel .rv-toc.ar-toc-own .rv-toc__list a { grid-template-columns: 16px minmax(0, 1fr) !important; }
.v-artikel .rv-toc.ar-toc-own .rv-toc__n { display: none !important; }
.v-artikel .article-main details.pt-sources { counter-reset: src; background: #fff; border: 1.5px solid var(--c-line); border-left: 5px solid var(--beam); border-radius: 4px; box-shadow: var(--paper-sh); }
.v-artikel .article-main details.pt-sources > summary { position: relative; list-style: none; padding: 14px 44px 14px 18px; }
.v-artikel .article-main details.pt-sources > summary::-webkit-details-marker { display: none; }
.v-artikel .article-main details.pt-sources > summary::after { content: ''; position: absolute; right: 20px; top: 17px; width: 8px; height: 8px; border-right: 2px solid var(--wall); border-bottom: 2px solid var(--wall); transform: rotate(45deg); transition: transform .2s; }
.v-artikel .article-main details.pt-sources[open] > summary::after { transform: rotate(-135deg); top: 21px; }
.v-artikel .article-main details.pt-sources > p { padding: 2px 18px 12px; font-size: 0; }
.v-artikel .article-main details.pt-sources > p > a { counter-increment: src; position: relative; display: block; padding: 10px 0 10px 34px; border-top: 1px dotted var(--c-line); font: 400 15px/1.45 var(--f-sans); overflow-wrap: anywhere; }
.v-artikel .article-main details.pt-sources > p > a::before { content: counter(src) / ''; position: absolute; left: 0; top: 9px; width: 24px; height: 24px; display: grid; place-items: center; box-sizing: border-box; border: 1.5px solid var(--senf); border-radius: 50%; font: 400 13px/1 var(--f-serif); color: var(--beam); }
.v-artikel .article-main .article-footer .article-tag { position: relative; display: inline-flex; align-items: center; padding: 8px 16px 8px 30px; background: #fffdf6; border: 1.5px solid var(--c-line); border-radius: 4px 999px 999px 4px; box-shadow: 0 8px 14px -12px rgba(40, 30, 10, .6); }
.v-artikel .article-main .article-footer .article-tag::before { content: ''; position: absolute; left: 11px; top: 50%; width: 8px; height: 8px; margin-top: -4px; box-sizing: border-box; border: 1.5px solid var(--walnut); border-radius: 50%; background: var(--c-paper); }
@media (max-width: 760px) {
  .v-artikel .article-main details:is(.pt-faq, .ar-faq) > summary { padding: 14px 38px 14px 50px; }
  .v-artikel .article-main details:is(.pt-faq, .ar-faq) > summary::before { left: 12px; }
  .v-artikel .article-main details:is(.pt-faq, .ar-faq) > summary::after { right: 16px; }
  .v-artikel .article-main details:is(.pt-faq, .ar-faq) > summary h3 { max-width: none !important; padding: 0 !important; font-size: 17.5px !important; }
}
.v-artikel .article-content a.ar-go { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border-radius: var(--r); background: var(--c-green-ink); color: #fff; font: 600 15px/1.2 var(--f-sans); text-decoration: none; white-space: nowrap; box-shadow: var(--sh-sm); }
.v-artikel .article-content a.ar-go:hover, .v-artikel .article-content a.ar-go:focus-visible { background: var(--c-green-deep); color: #fff; }
.v-artikel .article-content td a.ar-go { min-height: 38px; padding: 0 12px; font-size: 14px; }
.v-artikel .article-content p.ar-go-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin: 4px 0 0; }
.v-artikel .ar-sub > p.ar-go-row { order: 6; }
.v-artikel .article-content .toc-box ol.listy > li { counter-increment: toc; padding-left: 0; }
.v-artikel .article-content .toc-box ol.listy > li::before { content: none; }
.v-artikel .article-content table.ar-stack, .v-artikel .article-content table.ar-stack thead, .v-artikel .article-content table.ar-stack tbody, .v-artikel .article-content table.ar-stack tr, .v-artikel .article-content table.ar-stack td { display: block; width: 100%; }
.v-artikel .article-content table.ar-stack thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.v-artikel .article-content table.ar-stack tr { padding: 10px 14px; border-bottom: 1.5px solid var(--c-line); }
.v-artikel .article-content table.ar-stack tr:last-child { border-bottom: 0; }
.v-artikel .article-content table.ar-stack td { padding: 4px 0 !important; border: 0 !important; background: none !important; min-width: 0 !important; white-space: normal !important; }
.v-artikel .article-content table.ar-stack td[data-label]::before { content: attr(data-label); display: block; font: 600 10.5px/1.3 var(--f-sans); letter-spacing: .1em; text-transform: uppercase; color: var(--walnut); }
.v-artikel .article-content table.ar-stack tr.ar-headrow { display: none; }
.v-artikel .article-content table.ar-stack tr > th { display: block; width: 100%; }
.v-artikel .article-content table.ar-stack.comparison-table { min-width: 0 !important; width: 100% !important; table-layout: auto !important; }
.v-artikel .article-content table.ar-stack th { white-space: normal !important; width: auto !important; }
.v-artikel .article-content table.ar-stack { background: none !important; border: 0 !important; border-radius: 0 !important; overflow: visible !important; box-shadow: none !important; }
.v-artikel .article-content table.ar-stack tbody { display: grid !important; gap: 12px; }
.v-artikel .article-content table.ar-stack tr:not(.ar-headrow) { display: block !important; padding: 14px 16px 12px 18px !important; background: #fff !important; border: 1.5px solid var(--c-line) !important; border-left: 5px solid var(--beam) !important; border-radius: 4px; box-shadow: 0 10px 18px -16px rgba(31, 61, 42, .7); }
.v-artikel .article-content table.ar-stack tr > :is(td, th) { position: relative; display: block !important; width: auto !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; white-space: normal !important; padding: 5px 0 5px 44% !important; text-align: left !important; font-size: 15px; line-height: 1.45; color: var(--c-ink-2); background: none !important; border: 0 !important; }
.v-artikel .article-content table.ar-stack tr > :is(td, th)[data-label]::before { position: absolute; left: 0; top: 7px; width: 40%; font: 600 10.5px/1.3 var(--f-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--walnut); overflow-wrap: anywhere; }
.v-artikel .article-content table.ar-stack tr > :is(td, th):first-child { padding: 0 0 9px !important; margin-bottom: 4px; border-bottom: 1.5px dashed var(--c-line) !important; font: 400 20px/1.25 var(--f-serif) !important; letter-spacing: 0; text-transform: none; color: var(--c-ink) !important; }
.v-artikel .article-content table.ar-stack tr > :is(td, th):first-child::before { display: none !important; }
.v-artikel .article-content table.ar-stack tr > :is(td, th):first-child * { font: inherit !important; color: inherit !important; }
.v-artikel .article-content table.ar-stack tr > :is(td, th):not(:first-child) + :is(td, th) { border-top: 1px dotted var(--c-line) !important; }
.v-artikel .article-content table.ar-stack tr > td:not([data-label]):not(:first-child) { padding-left: 0 !important; }