.v-kategorie { --tape: linear-gradient(180deg, rgba(227, 203, 140, .92), rgba(214, 186, 116, .88)); }
.v-kategorie .inner__main { background: var(--c-paper); }

.v-kategorie .category-hero { padding: 18px 0 44px; background: var(--c-paper); }
.v-kategorie .category-hero .breadcrumb { padding-bottom: 18px; font: 500 12.5px/1 var(--f-sans); letter-spacing: .02em; }
.v-kategorie .category-hero .breadcrumb a { color: var(--c-ink-3); }
.v-kategorie .category-hero .breadcrumb > span:last-child { color: var(--c-green-ink); }


.v-kategorie .category-hero h1 { font: 400 clamp(42px, 4.6vw, 68px)/1 var(--f-serif); letter-spacing: -.03em; color: var(--c-ink); margin: 0 0 24px; padding-bottom: 22px; text-wrap: balance; hyphens: auto; overflow-wrap: break-word; }
.v-kategorie .category-hero h1::after { width: 72px; height: 3px; border-radius: 0; background: var(--c-green); }
.v-kategorie .category-hero-content .category-hero-description { font-size: 17.5px; line-height: 1.65; color: var(--c-ink-2); max-width: 54ch; margin-bottom: 24px; }

.v-kategorie .category-hero-content .category-stats { display: grid; grid-template-columns: repeat(2, minmax(0, max-content)); gap: 10px; margin-bottom: 22px; }
.v-kategorie .category-hero-content .category-stat { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-width: 128px; padding: 11px 16px 12px 14px; border: 1.5px solid var(--c-line); border-left: 4px solid var(--c-green); border-radius: 3px; background: #fff; }
.v-kategorie .category-hero-content .category-stat:first-child { flex-direction: column-reverse; }
.v-kategorie .category-stat img { display: none; }
.v-kategorie .category-stat:first-child .category-stat-label, .v-kategorie .category-stat:last-child .category-stat-value { font: 600 11px/1.2 var(--f-sans); letter-spacing: .1em; text-transform: uppercase; color: var(--walnut); }
.v-kategorie .category-stat:first-child .category-stat-value, .v-kategorie .category-stat:last-child .category-stat-label { font: 400 20px/1.1 var(--f-serif); color: var(--c-ink); }

.v-kategorie .category-hero .hero-authors { display: flex; align-items: center; gap: 12px; }
.v-kategorie .category-hero .hero-authors-label { font: 600 11px/1 var(--f-sans); letter-spacing: .12em; color: var(--walnut); }
.v-kategorie .hero-authors-stack { display: flex; }
.v-kategorie .hero-authors-stack a + a { margin-left: -6px; }
.v-kategorie .hero-author-avatar { width: 36px !important; height: 36px !important; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 2.5px var(--c-paper), 0 0 0 4px var(--c-green-line); transition: transform .15s; }
.v-kategorie .hero-authors-stack a:hover .hero-author-avatar { transform: translateY(-3px); }

.v-kategorie .category-hero-featured { position: relative; container-type: inline-size; width: 100%; border-radius: 6px; overflow: hidden; background: var(--sand); box-shadow: 0 0 0 1.5px var(--wall), 0 22px 40px -28px rgba(22, 48, 31, .7); }
.v-kategorie .kt-scene { position: absolute; inset: 0; background-color: var(--sand); background-repeat: no-repeat; background-size: cover; background-position: 0 100%; }
.v-kategorie .kt-room--garten .kt-scene { background-image: image-set(url(/assets/site/assets/raum-garten-1600.avif) type('image/avif'), url(/assets/site/assets/raum-garten-1600.webp) type('image/webp')); }
.v-kategorie .kt-room--pruefstand-casino .kt-scene { background-image: image-set(url(/assets/site/assets/raum-pruefstand-casino-1600.avif) type('image/avif'), url(/assets/site/assets/raum-pruefstand-casino-1600.webp) type('image/webp')); }
.v-kategorie .kt-room--pruefstand-zahlung .kt-scene { background-image: image-set(url(/assets/site/assets/raum-pruefstand-zahlung-1600.avif) type('image/avif'), url(/assets/site/assets/raum-pruefstand-zahlung-1600.webp) type('image/webp')); }
.v-kategorie .kt-room--router .kt-scene { background-image: image-set(url(/assets/site/assets/raum-router-1600.avif) type('image/avif'), url(/assets/site/assets/raum-router-1600.webp) type('image/webp')); }
.v-kategorie .kt-room--wohnzimmer .kt-scene { background-image: image-set(url(/assets/site/assets/raum-wohnzimmer-1600.avif) type('image/avif'), url(/assets/site/assets/raum-wohnzimmer-1600.webp) type('image/webp')); }
.v-kategorie .kt-room--spielecke .kt-scene { background-image: image-set(url(/assets/site/assets/raum-spielecke-1600.avif) type('image/avif'), url(/assets/site/assets/raum-spielecke-1600.webp) type('image/webp')); }

.v-kategorie .category-hero-featured .featured-card { position: relative; z-index: 1; display: flex; flex-direction: column; padding: 12px 12px 16px; border: 0; border-radius: 2px; background: var(--chalk); box-shadow: 0 1px 0 rgba(0, 0, 0, .06), 0 18px 28px -16px rgba(40, 30, 10, .55); transform: rotate(-1.6deg); transition: transform .25s cubic-bezier(.2, .8, .2, 1), box-shadow .25s; }
.v-kategorie .category-hero-featured .featured-card:hover { transform: rotate(-.6deg) translateY(-3px); box-shadow: 0 1px 0 rgba(0, 0, 0, .06), 0 26px 34px -18px rgba(40, 30, 10, .6); }
.v-kategorie .featured-card-image { position: relative; height: auto; aspect-ratio: 3 / 2; overflow: visible; border-radius: 1px; }
.v-kategorie .featured-card-image img { display: block; width: 100%; height: 100%; object-fit: cover; border: 6px solid #fff; box-shadow: 0 1px 0 rgba(0, 0, 0, .08), 0 8px 14px -8px rgba(40, 30, 10, .55); transform: rotate(1.6deg) scale(.96); }
.v-kategorie .featured-card-badge { position: absolute; z-index: 4; left: auto; right: 4px; top: -26px; display: grid; place-items: center; width: 120px; height: 60px; padding: 0 0 0 26px; border-radius: 0; background: url(/assets/site/assets/raum-neu-anhaenger.webp) center / contain no-repeat; box-shadow: none; filter: drop-shadow(0 6px 6px rgba(40, 30, 10, .28)); color: var(--wall); font: 400 25px/1 var(--f-serif); letter-spacing: -.01em; text-transform: none; transform: rotate(-4deg); transform-origin: 20% 50%; animation: kt-swing 4.5s ease-in-out infinite; }
@keyframes kt-swing { 50% { transform: rotate(-1deg); } }
.v-kategorie .featured-card-badge { white-space: nowrap; }
.v-kategorie .featured-card-badge.kt-badge--long { right: 4px; width: 172px; height: 86px; padding: 0 6px 0 44px; font-size: 18px; }
.v-kategorie .featured-card-content { padding: 14px 6px 0; }
.v-kategorie .category-hero-featured .featured-card .featured-card-title { margin: 0 0 8px; font: 400 21px/1.15 var(--f-serif); letter-spacing: -.015em; }
.v-kategorie .category-hero-featured .featured-card .featured-card-excerpt { margin: 0 0 12px; font-size: 13.5px; line-height: 1.5; color: var(--c-ink-2); }
.v-kategorie .featured-card-link { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 3px; background: var(--wall); color: var(--chalk) !important; font: 600 14px/1 var(--f-sans); box-shadow: 3px 3px 0 var(--c-green); transition: transform .15s, box-shadow .15s; }
.v-kategorie .featured-card-link img { filter: brightness(0) invert(1); }
.v-kategorie .featured-card-link:hover { transform: translate(2px, 2px); box-shadow: 1px 1px 0 var(--c-green); }

.v-kategorie { --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"); --paper-edge: 0 14px 26px -22px rgba(31, 61, 42, .7); }
.v-kategorie .kt-room--garten { --room: url(/assets/home/assets/raum/garten.webp); }
.v-kategorie .kt-room--wohnzimmer, .v-kategorie .kt-room--spielecke { --room: url(/assets/home/assets/raum/streaming.webp); }
.v-kategorie .kt-room--router { --room: url(/assets/home/assets/raum/vpn.webp); }
.v-kategorie .kt-room--pruefstand-casino, .v-kategorie .kt-room--pruefstand-zahlung { --room: url(/assets/home/assets/raum/pruefstand.webp); }
.v-kategorie .category-hero-content .category-icon { position: relative; width: 92px; height: 70px; margin: 22px 0 20px; padding: 0; border-radius: 0; background: none; box-shadow: none; }
.v-kategorie .category-hero-content .category-icon::before { content: ''; position: absolute; inset: 0; background: var(--room) center / cover no-repeat, var(--chalk); clip-path: polygon(50% 0, 100% 28%, 100% 100%, 0 100%, 0 28%); }
.v-kategorie .category-hero-content .category-icon::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(var(--wall), var(--wall)) left 28% / 2px 72% no-repeat, linear-gradient(var(--wall), var(--wall)) right 28% / 2px 72% no-repeat, linear-gradient(var(--wall), var(--wall)) bottom / 100% 2px no-repeat; }
.v-kategorie .category-hero-content .category-icon img { display: none; }

.v-kategorie .archive-wrapper { padding-top: 12px; }
.v-kategorie .kt-intro { max-width: 760px; margin: 0 0 28px; }
.v-kategorie .kt-lead h2 { font: 400 clamp(28px, 2.8vw, 36px)/1.14 var(--f-serif) !important; letter-spacing: -.02em; color: var(--c-ink); margin: 0 0 14px; }
.v-kategorie .kt-lead p { font-size: 17.5px; line-height: 1.7; color: var(--c-ink); margin: 0 0 14px; }
.v-kategorie .kt-lead p:last-child { margin-bottom: 0; }
.v-kategorie :is(.kt-ch__text, .kt-lead, .kt-note) a:not([class]) { color: var(--wall); text-decoration: underline; text-decoration-color: var(--c-green-line); text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
.v-kategorie :is(.kt-ch__text, .kt-lead, .kt-note) a:not([class]):hover { text-decoration-color: var(--c-green); }

.v-kategorie .kt-chs { display: grid; gap: 30px; counter-reset: ktch; }
.v-kategorie .kt-ch { position: relative; 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: var(--paper-edge); counter-increment: ktch; scroll-margin-top: calc(var(--hdr-h, 64px) + 16px); }
.v-kategorie .kt-ch :is(.kt-lead h2, .kt-ch__text > h2, .kt-ch__text > h3) { display: flex; align-items: baseline; gap: 16px; margin: 0 0 14px !important; font: 400 clamp(26px, 2.5vw, 34px)/1.15 var(--f-serif) !important; letter-spacing: -.02em; color: var(--c-ink); }
.v-kategorie .kt-ch :is(.kt-lead h2, .kt-ch__text > h2, .kt-ch__text > h3)::before { content: counter(ktch, decimal-leading-zero) / ''; flex: none; align-self: center; width: 40px; height: 40px; border-radius: 50%; background: var(--wall); color: var(--chalk); font: 600 13px/40px var(--f-sans); text-align: center; letter-spacing: 0; }
.v-kategorie .kt-ch__text > h2 a { color: inherit; text-decoration: none; }
.v-kategorie .kt-ch__text > h2 a:hover { color: var(--wall); }
.v-kategorie .kt-ch__text p { max-width: 70ch; margin: 0 0 14px; font-size: 16.5px; line-height: 1.7; color: var(--c-ink-2); }
.v-kategorie .kt-ch__text > p:first-of-type { font-size: 17.5px; color: var(--c-ink); }
.v-kategorie .kt-ch__text p:last-child { margin-bottom: 0; }
.v-kategorie .kt-ch--intro .kt-lead p { max-width: 70ch; }

.v-kategorie .kt-info { margin: 24px 0 0; }
.v-kategorie .kt-info img { cursor: zoom-in; }
.kt-lb { position: fixed; inset: 0; z-index: 80; display: grid; place-items: center; overflow: hidden; background: rgba(15, 42, 26, .92); }
.kt-lb img { display: block; max-width: min(96vw, 1702px); max-height: 92vh; width: auto; height: auto; box-shadow: 0 20px 50px rgba(0, 0, 0, .4); }
.kt-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); }
.v-kategorie .kt-zoom { display: none; }
@media (max-width: 760px) and (orientation: portrait) {
  .kt-lb img { position: absolute; left: 50%; top: 50%; max-width: none; max-height: none; width: min(calc(100vh - 110px), calc((100vw - 24px) * 1.7528)); transform: translate(-50%, -50%) rotate(90deg); }
}
@media (max-width: 760px) {
  .v-kategorie .kt-zoom { display: inline-flex; align-items: center; gap: 8px; margin: 10px 0 0; padding: 8px 13px; 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-kategorie .kt-info img { display: block; width: 100%; height: auto; border-radius: 4px; box-shadow: 0 0 0 1.5px var(--c-line), 0 18px 30px -24px rgba(31, 61, 42, .8); }

.v-kategorie .kt-note { position: relative; max-width: 560px; margin: 28px 0 4px 6px !important; padding: 18px 20px 16px; background: #f7eecf; font-size: 15.5px !important; line-height: 1.6 !important; color: var(--c-ink) !important; box-shadow: 0 12px 20px -14px rgba(40, 30, 10, .5); transform: rotate(-.8deg); }
.v-kategorie .kt-note::before { content: ''; position: absolute; left: 28px; top: -11px; width: 84px; height: 22px; transform: rotate(-4deg); background: var(--tape); clip-path: polygon(3% 0, 97% 4%, 100% 50%, 96% 100%, 2% 96%, 0 48%); }

.v-kategorie .article-grid { gap: 30px 22px; }
.v-kategorie .kt-grid { margin: 26px 0 0; padding: 0; list-style: none; }
.v-kategorie .kt-rest { margin-top: 30px; }
.v-kategorie .article-grid > li { position: relative; }
.v-kategorie .article-grid > li::before { content: ''; position: absolute; z-index: 3; left: 50%; top: -9px; width: 86px; height: 20px; transform: translateX(-50%) rotate(-3deg); background: rgba(169, 190, 146, .72); box-shadow: 0 1px 2px rgba(0, 0, 0, .08); pointer-events: none; }
.v-kategorie .article-grid > li:nth-child(3n + 2)::before { transform: translateX(-50%) rotate(4deg); background: rgba(227, 182, 76, .6); }
.v-kategorie .article-grid > li:nth-child(3n)::before { transform: translateX(-50%) rotate(-1deg); }
.v-kategorie .article-grid .article-card { position: relative; height: 100%; padding: 0; background: var(--chalk); border: 1.5px solid var(--wall); border-radius: 2px; box-shadow: none; overflow: visible; transition: transform .2s cubic-bezier(.2, .8, .2, 1), box-shadow .2s; }
.v-kategorie .article-grid .article-card:hover { transform: translateY(-3px); border-color: var(--wall); box-shadow: var(--paper-sh); }
.v-kategorie .article-grid .article-card:has(a:focus-visible) { box-shadow: 0 0 0 3px var(--c-green); }
.v-kategorie .article-card-image { border-radius: 0; overflow: hidden; background: var(--sand); }
.v-kategorie .article-card-image img { transition: transform .8s cubic-bezier(.2, .8, .2, 1); }
.v-kategorie .article-card:hover .article-card-image img { transform: scale(1.03); }
.v-kategorie .article-card-content { padding: 16px 18px 0; }
.v-kategorie .article-card-content .article-card-meta { display: flex; flex-wrap: wrap; gap: 8px 12px; margin-bottom: 10px; font: 500 12.5px/1 var(--f-sans); color: var(--c-ink-3); }
.v-kategorie .article-card-meta span { display: inline-flex; align-items: center; gap: 6px; }
.v-kategorie .article-card-meta span:nth-child(2) { position: absolute; left: 12px; top: 12px; padding: 6px 9px 5px; border-radius: 2px; background: var(--wall); color: var(--chalk); font: 600 11px/1 var(--f-sans); letter-spacing: .1em; text-transform: uppercase; }
.v-kategorie .article-card-meta span:nth-child(2) img { display: none; }
.v-kategorie .article-card-content .article-card-title, .v-kategorie .archive-main .article-card-title { font: 400 22px/1.18 var(--f-serif); letter-spacing: -.015em; margin: 0 0 10px; }
.v-kategorie .article-card-title a { color: var(--c-ink); }
.v-kategorie .article-card-title a:hover { color: var(--wall); }
.v-kategorie .article-card-content .article-card-excerpt { font-size: 15px; line-height: 1.55; color: var(--c-ink-2); }
.v-kategorie .article-card-content .article-card-footer { margin-top: auto; padding: 12px 0 16px; border-top: 1.5px dashed var(--c-line); }
.v-kategorie .article-card-author img { border-radius: 50%; box-shadow: 0 0 0 2px var(--chalk), 0 0 0 3px var(--c-green-line); }
.v-kategorie .article-card-footer .article-card-link { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border: 1.5px solid var(--wall); border-radius: 3px; background: var(--wall); color: var(--chalk); font: 600 13.5px/1 var(--f-sans); box-shadow: 3px 3px 0 var(--c-green); transition: transform .15s, box-shadow .15s; }
.v-kategorie .article-card-footer .article-card-link img { filter: brightness(0) invert(1); }
.v-kategorie .article-card-footer .article-card-link:hover { transform: translate(2px, 2px); box-shadow: 1px 1px 0 var(--c-green); }

.v-kategorie .kt-toc { display: flex; flex-direction: column; padding: 22px 14px 14px 26px; background: linear-gradient(90deg, var(--beam) 0 8px, transparent 8px), var(--chalk); border: 1.5px solid var(--wall); border-radius: 4px; box-shadow: 6px 6px 0 -1px rgba(31, 77, 43, .12); }
.v-kategorie .kt-toc__title { margin: 0 6px 12px 0 !important; padding-bottom: 12px; font: 400 20px/1.2 var(--f-serif) !important; color: var(--c-ink); border-bottom: 1.5px dashed var(--c-line); }
.v-kategorie .kt-toc__title[data-total]::after { content: attr(data-done) ' von ' attr(data-total) ' geprüft'; display: block; margin-top: 6px; font: 600 11px/1 var(--f-sans); letter-spacing: .12em; text-transform: uppercase; color: var(--walnut); }
.v-kategorie .kt-toc__list { margin: 0; padding: 0 4px 0 0; list-style: none; }
.v-kategorie .kt-toc__list a { display: grid; grid-template-columns: 16px 20px minmax(0, 1fr); gap: 9px; align-items: center; padding: 8px 8px; border-radius: 3px; font: 500 13.5px/1.3 var(--f-sans); color: var(--c-ink-2); text-decoration: none; hyphens: auto; }
.v-kategorie .kt-toc__list a::before { content: ''; 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-kategorie .kt-toc__list li.is-done a::before { border-color: var(--c-green-deep); background-color: var(--c-green-deep); background-image: var(--tick); }
.v-kategorie .kt-toc__list li.is-cur a { background: var(--c-mint); color: var(--c-ink); font-weight: 600; }
.v-kategorie .kt-toc__list li.is-cur a::before { border-color: var(--wall); }
.v-kategorie .kt-toc__list a:hover { background: var(--c-mint-soft); color: var(--c-ink); }
.v-kategorie .kt-toc__n { font: 600 11px/1 var(--f-sans); letter-spacing: .06em; color: var(--walnut); }
.v-kategorie .rv-toc__close { display: none; }
.v-kategorie .rv-bar, .v-kategorie .rv-backdrop { display: none; }

.v-kategorie .archive-sidebar:not(.kt-side) > * { padding: 22px 18px 16px 28px; background: linear-gradient(90deg, var(--beam) 0 8px, transparent 8px), var(--chalk); border: 1.5px solid var(--wall); border-radius: 4px; box-shadow: 6px 6px 0 -1px rgba(31, 77, 43, .12); }
.v-kategorie .archive-sidebar:not(.kt-side) > * + * { margin-top: 22px; }
.v-kategorie .archive-sidebar:not(.kt-side) :is(h3, .widget-title) { margin: 0 0 12px; padding-bottom: 12px; font: 400 20px/1.2 var(--f-serif); color: var(--c-ink); border-bottom: 1.5px dashed var(--c-line); }
.v-kategorie .popular-list li + li { border-top: 1px solid #ece4d1; }
.v-kategorie .popular-item { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 10px; align-items: start; padding: 10px 0; }
.v-kategorie .popular-rank { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: none; border: 1.5px solid var(--c-green-line); font: 400 14px/1 var(--f-serif); color: var(--wall); transition: background .15s, color .15s; }
.v-kategorie .popular-item:hover .popular-rank { background: var(--wall); border-color: var(--wall); color: var(--chalk); }
.v-kategorie .popular-title { font: 500 14px/1.4 var(--f-sans); color: var(--c-ink-2); }
.v-kategorie .category-list { display: grid; gap: 3px; }
.v-kategorie .category-item { display: flex; align-items: center; gap: 10px; padding: 8px 8px; border-radius: 3px; font: 500 14px/1.3 var(--f-sans); color: var(--c-ink-2); }
.v-kategorie .category-item img { width: 18px; height: 18px; opacity: .8; }
.v-kategorie .category-item:hover { background: var(--c-mint-soft); color: var(--c-ink); }
.v-kategorie .category-item.active { background: var(--c-mint); color: var(--c-ink); font-weight: 600; box-shadow: inset 3px 0 0 var(--wall); }
.v-kategorie .category-count { margin-left: auto; min-width: 26px; padding: 3px 7px 2px; border: 1px solid var(--c-line); border-radius: 999px; background: #fff; font: 400 13px/1 var(--f-serif); color: var(--wall); text-align: center; }
.v-kategorie .sidebar-widget-featured .review-list a { color: var(--c-ink-2); }

.v-kategorie .pagination .pagination-btn { border-color: var(--c-line); box-shadow: 0 0 0 4px var(--c-paper); background: var(--chalk); font-family: var(--f-serif); font-weight: 400; font-size: 16px; }
.v-kategorie .pagination .pagination-btn.active { background: var(--wall); border-color: var(--wall); box-shadow: 0 0 0 4px var(--c-paper), 0 0 0 6px var(--c-green-line); }
.v-kategorie .pagination .pagination-btn.active:hover { background: var(--wall); }
.v-kategorie .pagination .pg-line { background: var(--c-line); }
.v-kategorie .pagination .pg-line b { max-width: 100%; background: var(--wall); }

.v-kategorie .category-hero-featured { display: flex; align-items: center; }
.v-kategorie .category-hero-featured .featured-card { overflow: visible; width: min(39cqw, 270px); margin: 28px 0 28px 16cqw; }
.v-kategorie .featured-card-image { aspect-ratio: 16 / 10; }

.v-kategorie .category-hero-featured .featured-card::before, .v-kategorie .category-hero-featured .featured-card::after { content: ''; position: absolute; z-index: 3; top: 9px; width: 16px; height: 16px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #f3d27f 0 18%, #c9962c 40%, #8f6717 100%); box-shadow: 0 3px 3px -1px rgba(0, 0, 0, .35), 3px 5px 5px -3px rgba(0, 0, 0, .3); }
.v-kategorie .category-hero-featured .featured-card::before { left: 14px; }
.v-kategorie .category-hero-featured .featured-card::after { right: 14px; background: radial-gradient(circle at 35% 30%, #7fa487 0 18%, #2c5a39 45%, #16301f 100%); }
.v-kategorie .featured-card-image::after { content: ''; position: absolute; z-index: 2; left: 50%; top: -10px; width: 74px; height: 20px; transform: translateX(-50%) rotate(-3deg); background: rgba(169, 190, 146, .78); box-shadow: 0 1px 2px rgba(0, 0, 0, .1); }
.v-kategorie p.kt-fdate { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 8px; font: 600 12px/1 var(--f-sans); letter-spacing: .04em; color: var(--walnut); }
.v-kategorie .kt-fdate time { font: inherit !important; color: inherit !important; letter-spacing: inherit; }
.v-kategorie .kt-fdate::before { content: ''; width: 12px; height: 12px; border: 1.5px solid currentColor; border-top-width: 3.5px; border-radius: 2px; }
.v-kategorie .kt-stick { display: grid; gap: 16px; }
.v-kategorie .kt-stick > .sidebar-widget, .v-kategorie .kt-stick > .sidebar-widget-featured { margin: 0 !important; padding: 16px 12px 10px 24px; background: linear-gradient(90deg, var(--beam) 0 8px, transparent 8px), var(--chalk); border: 1.5px solid var(--wall); border-radius: 4px; box-shadow: 6px 6px 0 -1px rgba(31, 77, 43, .12); }
.v-kategorie .kt-stick :is(h3, .widget-title) { margin: 0 0 8px !important; padding: 0 0 8px !important; font: 400 17px/1.2 var(--f-serif) !important; letter-spacing: 0; text-transform: none; color: var(--c-ink); border-bottom: 1.5px dashed var(--c-line) !important; }
.v-kategorie .kt-stick .popular-item { grid-template-columns: 22px minmax(0, 1fr); gap: 8px; padding: 5px 0; }
.v-kategorie .kt-stick .popular-rank { width: 20px; height: 20px; font-size: 12px; }
.v-kategorie .kt-stick .popular-title { font-size: 12.5px; line-height: 1.3; }
.v-kategorie .kt-stick .category-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 6px; }
.v-kategorie .kt-stick .category-item { min-width: 0; gap: 6px; padding: 5px 6px; font-size: 12.5px; hyphens: auto; overflow-wrap: anywhere; }
.v-kategorie .kt-stick .category-item img { width: 14px; height: 14px; }
.v-kategorie .kt-stick .category-count { flex: none; min-width: 0; padding: 2px 5px 1px; font-size: 11px; white-space: nowrap; overflow-wrap: normal; }
.v-kategorie .kt-stick .kt-toc { padding: 16px 12px 10px 24px; }
.v-kategorie .kt-stick .kt-toc__title { margin-bottom: 6px !important; padding-bottom: 8px; font-size: 17px !important; }
.v-kategorie .kt-stick .kt-toc__list a { padding: 5px 8px; font-size: 13px; }
@media (min-width: 1024px) {
  .v-kategorie .kt-stick { position: sticky; top: calc(var(--hdr-h, 64px) + 16px); }
  .v-kategorie .archive-sidebar:not(.kt-side) { position: sticky; top: calc(var(--hdr-h, 64px) + 16px); align-self: start; }
}
@media (min-width: 1024px) and (max-height: 760px) {
  .v-kategorie .kt-stick { gap: 8px; top: calc(var(--hdr-h, 64px) + 10px); }
  .v-kategorie .kt-stick > .sidebar-widget, .v-kategorie .kt-stick > .sidebar-widget-featured, .v-kategorie .kt-stick .kt-toc { padding: 10px 10px 6px 22px; }
  .v-kategorie .kt-stick :is(h3, .widget-title), .v-kategorie .kt-stick .kt-toc__title { margin-bottom: 4px !important; padding-bottom: 5px !important; font-size: 15px !important; }
  .v-kategorie .kt-stick .kt-toc__title[data-total]::after { margin-top: 3px; }
  .v-kategorie .kt-stick .popular-item { padding: 1px 0 !important; }
  .v-kategorie .kt-stick .popular-title { font-size: 12px; }
  .v-kategorie .kt-stick .category-item { padding: 2px 6px !important; }
  .v-kategorie .kt-stick .kt-toc__list a { padding: 2px 8px !important; }
}
@media (min-width: 1024px) and (max-height: 860px) {
  .v-kategorie .kt-stick { gap: 10px; }
  .v-kategorie .kt-stick .popular-item { padding: 3px 0; }
  .v-kategorie .kt-stick .kt-toc__list a { padding: 3px 8px; }
  .v-kategorie .kt-stick .category-item { padding: 3px 6px; }
}
@media (max-width: 1023px) {
  .v-kategorie .kt-stick > :not(.kt-toc) { display: none !important; }
  .v-kategorie .category-hero-featured { display: block !important; height: auto !important; overflow: visible; background: none; box-shadow: none; border-radius: 0; container-type: normal; }
  .v-kategorie .kt-scene { position: relative; inset: auto; display: block; height: clamp(210px, 50vw, 380px); border-radius: 6px; box-shadow: 0 0 0 1.5px var(--wall), 0 22px 40px -28px rgba(22, 48, 31, .7); }
  .v-kategorie .category-hero-featured .featured-card { display: grid !important; grid-template-columns: 116px minmax(0, 1fr); grid-template-areas: 'img date' 'img title' 'ex ex' 'ln ln'; column-gap: 14px; align-items: start; width: auto; max-width: 560px; margin: -46px 12px 0; padding: 16px 14px 16px; transform: rotate(-.8deg); }
  .v-kategorie .featured-card-image { grid-area: img; width: 116px; aspect-ratio: 1; }
  .v-kategorie .featured-card-badge { left: -22px; right: auto; top: -30px; width: 96px; height: 48px; padding-left: 21px; font-size: 20px; }
  .v-kategorie .featured-card-badge.kt-badge--long { left: -26px; top: -36px; width: 134px; height: 67px; padding: 0 4px 0 34px; font-size: 14px; }
  .v-kategorie .featured-card-content { display: contents; }
  .v-kategorie p.kt-fdate { grid-area: date; margin: 4px 0 6px; }
  .v-kategorie .category-hero-featured .featured-card .featured-card-title { grid-area: title; font-size: 19px; hyphens: auto; overflow-wrap: break-word; }
  .v-kategorie .category-hero-featured .featured-card .featured-card-excerpt { grid-area: ex; margin: 12px 0 12px; }
  .v-kategorie .featured-card-link-wrap { grid-area: ln; }
}
.v-kategorie .archive-main > .pt-hub-intro:not(.kt-intro) { max-width: none; margin: 0 0 30px; 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: var(--paper-edge); }
.v-kategorie .archive-main > .pt-hub-intro:not(.kt-intro) p { max-width: 70ch; margin: 0 0 14px; font-size: 16.5px; line-height: 1.7; color: var(--c-ink-2); }
.v-kategorie .archive-main > .pt-hub-intro:not(.kt-intro) p:first-child { font-size: 17.5px; color: var(--c-ink); }
.v-kategorie .archive-main > .pt-hub-intro:not(.kt-intro) p:last-child { margin-bottom: 0; }
.v-kategorie .archive-main > .pt-hub-intro:not(.kt-intro) a { color: var(--wall); text-decoration: underline; text-decoration-color: var(--c-green-line); text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
.v-kategorie .kt-stick .review-list { display: grid; gap: 2px; }
.v-kategorie .kt-stick .review-list a { display: flex; align-items: center; gap: 8px; padding: 5px 6px; border-radius: 3px; font: 500 13px/1.3 var(--f-sans); color: var(--c-ink-2); }
.v-kategorie .kt-stick .review-list a:hover { background: var(--c-mint-soft); color: var(--c-ink); }
.v-kategorie .kt-stick .review-group-label a { font-weight: 600; color: var(--c-ink); }
.v-kategorie .kt-stick .review-link-arrow { margin-left: auto; opacity: .6; }
@media (max-width: 1023px) {
  .v-kategorie .kt-sub--garten .kt-scene { background-size: 175% auto; background-position: 88% 78%; }
  .v-kategorie .kt-sub--reparieren .kt-scene { background-size: 230% auto; background-position: 84% 34%; }
  .v-kategorie .kt-sub--wohnklima-energie .kt-scene { background-size: 190% auto; background-position: 70% 22%; }
}

@media (min-width: 761px) {
  .v-kategorie .kt-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v-kategorie .kt-ch .kt-grid { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .v-kategorie .kt-ch .article-card { display: grid; grid-template-columns: var(--thumb, 240px) minmax(0, 1fr); grid-template-areas: 'img meta' 'img title' 'img ex' 'img ft'; grid-template-rows: auto auto 1fr auto; column-gap: 24px; padding: 14px 20px 0 14px; border-left: 6px solid var(--beam); }
  .v-kategorie .kt-ch .article-card-image { grid-area: img; align-self: start; width: 100%; aspect-ratio: 3 / 2; height: auto; margin-bottom: 14px; }
  .v-kategorie .kt-ch .article-card-image img { width: 100%; height: 100%; object-fit: cover; }
  .v-kategorie .kt-ch .article-card-content { display: contents; }
  .v-kategorie .kt-ch .article-card-content .article-card-meta { grid-area: meta; margin: 4px 0 8px; }
  .v-kategorie .kt-ch .article-card-meta span:nth-child(2) { left: 26px; top: 26px; }
  .v-kategorie .kt-ch .article-card-content .article-card-title { grid-area: title; margin: 0 0 8px; }
  .v-kategorie .kt-ch .article-card-content .article-card-excerpt { grid-area: ex; margin: 0; }
  .v-kategorie .kt-ch .article-card-content .article-card-footer { grid-area: ft; margin-top: 12px; padding: 10px 0 14px; }
  .v-kategorie .kt-ch .article-grid > li::before { left: auto; right: 48px; transform: rotate(3deg); }
}
@media (min-width: 1024px) {
  .v-kategorie .archive-wrapper { grid-template-columns: minmax(0, 1fr) 300px; gap: clamp(28px, 3.5vw, 56px); }
}
@media (min-width: 761px) and (max-width: 1199px) {
  .v-kategorie .kt-ch { --thumb: 200px; }
}
@media (min-width: 1200px) {
  .v-kategorie .category-hero .category-hero-grid { grid-template-columns: minmax(0, .9fr) minmax(0, 1.25fr); align-items: center; }
  .v-kategorie .category-hero-featured { height: 540px; }
}
@media (max-width: 1199px) {
  .v-kategorie .category-hero .category-hero-grid { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
  .v-kategorie .category-hero-content { display: contents; }
  .v-kategorie .category-hero-content .category-icon { order: 1; align-self: flex-start; }
  .v-kategorie .category-hero h1 { order: 2; }
  .v-kategorie .category-hero-featured { order: 3; margin: 0 0 28px; }
  .v-kategorie .category-hero-content .category-hero-description { order: 4; max-width: 64ch; }
  .v-kategorie .category-hero-content .category-stats { order: 5; }
  .v-kategorie .category-hero .hero-authors { order: 6; }
  .v-kategorie .kt-scene { background-position: 78% 100%; }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .v-kategorie .category-hero-featured { height: 480px; }
  .v-kategorie .kt-scene { background-position: 0 100%; }
  .v-kategorie .category-hero-featured .featured-card { width: 270px; margin-left: 24cqw; }
}
@media (max-width: 1023px) {
  .v-kategorie .archive-sidebar.kt-side { display: block !important; height: 0; overflow: visible; }
  .js .v-kategorie .kt-toc.rv-sheet { position: fixed; z-index: 60; left: 0; right: 0; bottom: 0; top: auto; max-height: min(78vh, 640px); overflow: auto; padding: 18px 16px calc(18px + env(safe-area-inset-bottom)) 32px; border-radius: 14px 14px 0 0; border-bottom: 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-kategorie .kt-toc.rv-sheet.is-open { transform: none; visibility: visible; transition: transform .28s cubic-bezier(.2, .8, .2, 1); }
  .js .v-kategorie .kt-toc.rv-sheet .kt-toc__list a { padding: 11px 8px; font-size: 15px; }
  .js .v-kategorie .kt-toc.rv-sheet .rv-toc__close { display: block; position: absolute; right: 14px; top: 14px; 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-kategorie .rv-backdrop { display: block; position: fixed; inset: 0; z-index: 55; background: rgba(15, 42, 26, .45); opacity: 0; pointer-events: none; transition: opacity .25s; }
  .js .v-kategorie .rv-backdrop.is-open { opacity: 1; pointer-events: auto; }
  .js .v-kategorie .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-kategorie .rv-bar.is-on { transform: none; }
  .v-kategorie .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); text-align: left; cursor: pointer; }
  .v-kategorie .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-kategorie .rv-bar__txt { display: grid; gap: 3px; min-width: 0; }
  .v-kategorie .rv-bar__txt small { font: 600 10.5px/1 var(--f-sans); letter-spacing: .12em; text-transform: uppercase; color: #a9d79c; }
  .v-kategorie .rv-bar__txt strong { font: 400 16px/1.15 var(--f-serif); color: var(--chalk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .v-kategorie .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); }
}
@media (max-width: 760px) {
  .v-kategorie .category-hero { padding-bottom: 28px; }
  .v-kategorie .category-hero h1 { font-size: 46px; }
  .v-kategorie .category-hero-content .category-icon { width: 70px; height: 54px; margin-top: 8px; }
  .v-kategorie .category-hero-content .category-hero-description { font-size: 16.5px; }
  .v-kategorie .category-hero-content .category-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v-kategorie .category-hero-content .category-stat { min-width: 0; }
  .v-kategorie .kt-room--garten .kt-scene { background-image: image-set(url(/assets/site/assets/raum-garten-900.avif) type('image/avif'), url(/assets/site/assets/raum-garten-900.webp) type('image/webp')); }
  .v-kategorie .kt-room--pruefstand-casino .kt-scene { background-image: image-set(url(/assets/site/assets/raum-pruefstand-casino-900.avif) type('image/avif'), url(/assets/site/assets/raum-pruefstand-casino-900.webp) type('image/webp')); }
  .v-kategorie .kt-room--pruefstand-zahlung .kt-scene { background-image: image-set(url(/assets/site/assets/raum-pruefstand-zahlung-900.avif) type('image/avif'), url(/assets/site/assets/raum-pruefstand-zahlung-900.webp) type('image/webp')); }
  .v-kategorie .kt-room--router .kt-scene { background-image: image-set(url(/assets/site/assets/raum-router-900.avif) type('image/avif'), url(/assets/site/assets/raum-router-900.webp) type('image/webp')); }
  .v-kategorie .kt-room--wohnzimmer .kt-scene { background-image: image-set(url(/assets/site/assets/raum-wohnzimmer-900.avif) type('image/avif'), url(/assets/site/assets/raum-wohnzimmer-900.webp) type('image/webp')); }
  .v-kategorie .kt-room--spielecke .kt-scene { background-image: image-set(url(/assets/site/assets/raum-spielecke-900.avif) type('image/avif'), url(/assets/site/assets/raum-spielecke-900.webp) type('image/webp')); }
  .v-kategorie .kt-ch { padding: 22px 16px 20px; }
  .v-kategorie .kt-ch :is(.kt-lead h2, .kt-ch__text > h2, .kt-ch__text > h3) { gap: 12px; font-size: 25px !important; }
  .v-kategorie .kt-ch :is(.kt-lead h2, .kt-ch__text > h2, .kt-ch__text > h3)::before { width: 34px; height: 34px; line-height: 34px; font-size: 12px; }
  .v-kategorie .kt-lead p, .v-kategorie .kt-ch__text > p:first-of-type { font-size: 16.5px; }
  .v-kategorie .kt-note { margin-left: 2px !important; }
  .v-kategorie .article-grid { gap: 22px; }
  .v-kategorie .article-grid .article-card { display: grid; grid-template-columns: 104px minmax(0, 1fr); grid-template-areas: 'img meta' 'img title' 'ex ex' 'ft ft'; column-gap: 14px; align-items: start; padding: 12px 12px 0; }
  .v-kategorie .article-card-image { grid-area: img; width: 104px; height: 104px; }
  .v-kategorie .article-card-image img { width: 100%; height: 100%; object-fit: cover; }
  .v-kategorie .article-card-content { display: contents; }
  .v-kategorie .article-card-content .article-card-meta { grid-area: meta; flex-direction: column; align-items: flex-start; gap: 7px; margin: 2px 0 8px; }
  .v-kategorie .article-card-meta span:nth-child(2) { position: static; order: -1; padding: 5px 8px 4px; font-size: 10.5px; }
  .v-kategorie .article-card-content .article-card-title, .v-kategorie .archive-main .article-card-title { grid-area: title; font-size: 19px; margin: 0; hyphens: auto; overflow-wrap: break-word; }
  .v-kategorie .article-card-content .article-card-excerpt { grid-area: ex; margin: 12px 0 0; font-size: 14.5px; }
  .v-kategorie .article-card-content .article-card-footer { grid-area: ft; margin-top: 12px; padding: 10px 0 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .v-kategorie .featured-card-badge { animation: none !important; }
  .v-kategorie .article-card, .v-kategorie .featured-card, .v-kategorie .article-card-image img { transition: none !important; }
  .js .v-kategorie .kt-toc.rv-sheet, .js .v-kategorie .rv-bar { transition: none !important; }
}
.v-kategorie .category-hero.nav-atf { min-height: 0 !important; margin: 0 !important; padding: 18px 0 44px !important; background: var(--c-paper) !important; background-image: none !important; }
.v-kategorie .category-hero.nav-atf .category-hero-content { width: auto !important; max-width: none !important; }
.v-kategorie .kt-room--dachstudio { --room: url(/assets/site/assets/raum-dachstudio-900.webp); }
.v-kategorie .kt-room--fenster { --room: url(/assets/home/assets/raum/fenster.webp); }
.v-kategorie .kt-room--dachstudio .kt-scene { background-image: image-set(url(/assets/site/assets/raum-dachstudio-1600.avif) type('image/avif'), url(/assets/site/assets/raum-dachstudio-1600.webp) type('image/webp')); }
.v-kategorie .kt-room--fenster .kt-scene { background-image: image-set(url(/assets/site/assets/raum-fenster-1600.avif) type('image/avif'), url(/assets/site/assets/raum-fenster-1600.webp) type('image/webp')); }
.v-kategorie .kt-nofeat .kt-scene { background-position: 85% 100%; }
@media (max-width: 760px) {
  .v-kategorie .category-hero.nav-atf { padding: 14px 0 28px !important; }
  .v-kategorie .kt-room--dachstudio .kt-scene { background-image: image-set(url(/assets/site/assets/raum-dachstudio-900.avif) type('image/avif'), url(/assets/site/assets/raum-dachstudio-900.webp) type('image/webp')); }
  .v-kategorie .kt-room--fenster .kt-scene { background-image: image-set(url(/assets/site/assets/raum-fenster-900.avif) type('image/avif'), url(/assets/site/assets/raum-fenster-900.webp) type('image/webp')); }
}
.v-kategorie .nav-atf .category-hero-grid .category-hero-featured { grid-column: auto !important; max-width: none !important; }
.v-kategorie .category-stat:only-child { flex-direction: column-reverse !important; }
.v-kategorie .category-stat:only-child .category-stat-label { font: 600 11px/1.2 var(--f-sans) !important; letter-spacing: .1em; text-transform: uppercase; color: var(--walnut); }
.v-kategorie .category-stat:only-child .category-stat-value { font: 400 20px/1.1 var(--f-serif) !important; letter-spacing: 0; text-transform: none; color: var(--c-ink); }
@media (max-width: 1023px) {
}
.v-kategorie .article-card-content .article-card-footer { gap: 14px; }
.v-kategorie .article-card-footer .article-card-author { min-width: 0; }
.v-kategorie .article-card-footer .article-card-author-name { min-width: 0; overflow-wrap: break-word; }