.km-masthead__top { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 5rem; }
.km-masthead__start { justify-self: start; }
.km-masthead__end { justify-self: end; }
.km-masthead .km-logo { flex-direction: column; gap: 0.25rem; text-align: center; }
.km-masthead .km-logo__name { font-size: var(--km-t-lg); letter-spacing: 0.02em; }
.km-masthead__nav { border-block: 1px solid var(--km-linie); }
.km-masthead__nav .km-nav__list { justify-content: center; padding-block: 0.85rem; }
.km-masthead__nav .km-nav__link { text-transform: uppercase; letter-spacing: 0.08em; font-size: var(--km-t-xs); }
@media (min-width: 900px) {
	.km-masthead .km-menu-toggle { display: none; }
	.km-masthead__nav { margin: 0; }
}
@media (max-width: 899px) {
	.km-masthead__top { min-height: 4rem; }
	.km-masthead .km-logo { flex-direction: row; }
	.km-masthead__nav .km-nav__list { justify-content: flex-start; }
	.km-masthead__nav .km-nav__link { text-transform: none; letter-spacing: 0; font-size: var(--km-t-lg); }
}


.km-bar__notice { background: var(--km-tinte); color: var(--km-papier); font-size: var(--km-t-xs); }
.km-bar__notice p { margin: 0; padding-block: 0.45rem; text-align: center; }
.km-bar__main { display: flex; align-items: center; gap: var(--km-s3); min-height: 4.5rem; }
.km-bar__search { flex: 1; display: flex; justify-content: center; }
.km-bar__search .km-search__form { width: 100%; max-width: 34rem; }
.km-bar__search .km-search__input { border-radius: 999px; }
.km-bar__search .km-button { border-radius: 999px; }
.km-bar__nav { background: var(--km-nebel); }
.km-bar__nav .km-nav__list { gap: var(--km-s4); padding-block: 0.7rem; overflow-x: auto; scrollbar-width: none; }
.km-bar__nav .km-nav__link { white-space: nowrap; }
@media (min-width: 900px) {
	.km-bar .km-menu-toggle { display: none; }
	.km-bar__nav { position: relative; margin: 0; }
	.km-bar__nav .km-nav__list { overflow: visible; }
}
@media (max-width: 899px) {
	.km-bar__main { flex-wrap: wrap; gap: var(--km-s1) var(--km-s2); padding-block: var(--km-s1); }
	.km-bar__main .km-menu-toggle { margin-left: auto; }
	.km-bar__search { order: 3; flex-basis: 100%; }
	.km-bar__nav { background: var(--km-papier); }
	.km-bar__nav .km-nav__list { overflow: visible; gap: var(--km-s2); }
}


.km-intro { display: grid; gap: var(--km-s4); padding-block: var(--km-s4) var(--km-s5); align-items: center; }
@media (min-width: 900px) { .km-intro { grid-template-columns: 6fr 6fr; gap: var(--km-s5); padding-block: var(--km-s5) var(--km-s6); } }
.km-intro__kicker { margin: 0 0 var(--km-s2); font-size: var(--km-t-xs); letter-spacing: 0.14em; text-transform: uppercase; color: var(--km-signal); }
.km-intro__title { margin: 0 0 var(--km-s3); font-size: clamp(2.5rem, 1.3rem + 4vw, 5rem) !important; line-height: 1 !important; font-weight: 600 !important; letter-spacing: -0.04em !important; text-wrap: balance; }
.km-intro__lead { max-width: 42ch; margin: 0 0 var(--km-s4); font-size: var(--km-t-lg); line-height: 1.5; color: var(--km-schiefer); }
.km-intro__media { margin: 0; aspect-ratio: 4 / 5; overflow: hidden; border-radius: calc(var(--km-radius) * 3); background: var(--km-nebel); }
.km-intro__img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 899px) { .km-intro__media { order: -1; aspect-ratio: 3 / 2; } }

.km-index__title { margin: 0 0 var(--km-s4); font-size: var(--km-t-h2); }
.km-index__list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--km-tinte); }
.km-index__link { display: grid; grid-template-columns: 3rem 1fr 5rem; align-items: center; gap: var(--km-s2); padding-block: var(--km-s2); border-bottom: 1px solid var(--km-linie); text-decoration: none; }
@media (min-width: 768px) { .km-index__link { grid-template-columns: 5rem 1fr 8rem; padding-block: var(--km-s3); } }
.km-index__num { font-size: var(--km-t-sm); color: var(--km-schiefer); font-variant-numeric: tabular-nums; }
.km-index__label { font-size: clamp(1.375rem, 1rem + 1.6vw, 2.5rem); font-weight: 500; letter-spacing: -0.03em; line-height: 1.1; }
.km-index__media { aspect-ratio: 1; overflow: hidden; border-radius: var(--km-radius); background: var(--km-nebel); }
.km-index__media img { width: 100%; height: 100%; object-fit: cover; }
.km-index__link:hover .km-index__label { color: var(--km-signal); }

.km-picks .woocommerce ul.products, .km-picks ul.products { grid-template-columns: repeat(2, 1fr) !important; }
@media (min-width: 900px) { .km-picks ul.products { grid-template-columns: repeat(3, 1fr) !important; } }

.km-reading__grid { display: grid; gap: var(--km-s4); }
@media (min-width: 900px) { .km-reading__grid { grid-template-columns: 7fr 5fr; align-items: start; } }
.km-reading__list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--km-linie); }
.km-reading__list li { display: grid; gap: 0.2rem; padding-block: var(--km-s2); border-bottom: 1px solid var(--km-linie); }
.km-reading__list a { font-size: var(--km-t-lg); font-weight: 500; line-height: 1.3; text-decoration: none; }
.km-reading__list a:hover { text-decoration: underline; }
.km-reading__date { font-size: var(--km-t-xs); color: var(--km-schiefer); }


.km-shopfront { padding-block: var(--km-s4) var(--km-s3); border-bottom: 1px solid var(--km-linie); }
.km-shopfront__title { margin: 0; font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.75rem) !important; font-weight: 600 !important; letter-spacing: -0.02em; }
.km-shopfront__lead { max-width: 60ch; margin: var(--km-s1) 0 0; color: var(--km-schiefer); }
.km-shopfront--photo { display: grid; gap: var(--km-s3); }
@media (min-width: 900px) {
	.km-shopfront--photo { grid-template-columns: 7fr 5fr; gap: var(--km-s5); align-items: center; }
}
.km-shopfront__media { margin: 0; aspect-ratio: 4 / 3; overflow: hidden; border-radius: calc(var(--km-radius) * 3); background: var(--km-nebel); }
.km-shopfront__img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 899px) { .km-shopfront__media { order: -1; aspect-ratio: 16 / 9; } }
.km-chips__list { display: flex; flex-wrap: wrap; gap: var(--km-s1); margin: var(--km-s3) 0 0; padding: 0; list-style: none; }
.km-chip { display: inline-flex; align-items: center; min-height: 2.5rem; padding: 0 1rem; border: 1px solid var(--km-linie); border-radius: 999px; font-size: var(--km-t-sm); font-weight: 500; text-decoration: none; }
.km-chip:hover { border-color: var(--km-tinte); background: var(--km-nebel); }
@media (max-width: 767px) {
	.km-chips__list { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(-1 * var(--km-margin)); padding-inline: var(--km-margin); scrollbar-width: none; }
	.km-chips__list li { flex: none; }
}
.km-l-home-catalog .km-shelf { padding-block: var(--km-s4); }
.km-shelf__title { margin: 0 0 var(--km-s3); font-size: var(--km-t-h3) !important; font-weight: 600 !important; }
.km-facts__title { margin: 0 0 var(--km-s3); font-size: var(--km-t-h3) !important; font-weight: 600 !important; }
.km-facts__list { margin: 0; display: grid; gap: 0; }
.km-facts__row { display: grid; gap: var(--km-s1) var(--km-s4); padding-block: var(--km-s2); border-top: 1px solid var(--km-linie); }
@media (min-width: 768px) { .km-facts__row { grid-template-columns: 14rem 1fr; } }
.km-facts__row dt { font-weight: 600; }
.km-facts__row dd { margin: 0; color: var(--km-schiefer); }
.km-facts__row dd strong { color: var(--km-tinte); font-weight: 500; }
.km-facts__links { display: flex; flex-wrap: wrap; gap: 0 var(--km-s3); margin: var(--km-s1) 0 0; padding: 0; list-style: none; }
.km-guides__list { columns: 1; margin: 0; padding: 0; list-style: none; }
@media (min-width: 768px) { .km-guides__list { columns: 2; column-gap: var(--km-s5); } }
.km-guides__list li { break-inside: avoid; padding-block: 0.6rem; border-bottom: 1px solid var(--km-linie); }
.km-guides__list a { text-decoration: none; font-weight: 500; }
.km-guides__list a:hover { text-decoration: underline; }


.km-catalog { display: grid; gap: var(--km-s4); }
@media (min-width: 1024px) {
	.km-catalog { grid-template-columns: 18rem 1fr; gap: var(--km-s5); align-items: start; }
	.km-catalog__aside { position: sticky; top: var(--km-s3); }
	.km-catalog__aside .km-filters { flex-direction: column; gap: var(--km-s3); }
}
.km-catalog__aside .km-archive-head { margin-bottom: var(--km-s3); }
.km-catalog__aside .km-archive-head__title { font-size: var(--km-t-h2); }
.km-catalog__aside .km-archive-head__intro { font-size: var(--km-t-base); }
.km-l-collection-list ul.products:has(> .km-row) { display: block !important; margin: 0; padding: 0; border-top: 1px solid var(--km-linie); }
.km-l-collection-list ul.products:has(> .km-row)::before, .km-l-collection-list ul.products:has(> .km-row)::after { content: none !important; }
.woocommerce ul.products li.product.km-row { display: grid !important; grid-template-columns: 6.5rem 1fr; gap: var(--km-s2) var(--km-s3); align-items: center; width: auto !important; float: none !important; padding: var(--km-s3) 0 !important; border-bottom: 1px solid var(--km-linie) !important; }
@media (min-width: 768px) { .km-row { grid-template-columns: 11rem 1fr 12rem; } }
.km-row__media { display: block; aspect-ratio: 4 / 5; overflow: hidden; border-radius: var(--km-radius); background: var(--km-nebel); }
.km-row .km-row__img { width: 100% !important; height: 100% !important; object-fit: cover; margin: 0 !important; }
.km-row__title { margin: 0 0 var(--km-s1); font-size: var(--km-t-lg) !important; font-weight: 600 !important; line-height: 1.25; letter-spacing: -0.01em; }
.km-row__title a { text-decoration: none; }
.km-row__title a:hover { text-decoration: underline; }
.km-row__text { margin: 0 0 var(--km-s1); font-size: var(--km-t-sm); color: var(--km-schiefer); }
.km-row__attrs { display: flex; flex-wrap: wrap; gap: 0 var(--km-s3); margin: 0; padding: 0; list-style: none; font-size: var(--km-t-xs); }
.km-row__attrs span { color: var(--km-schiefer); }
.km-row__buy { display: grid; gap: var(--km-s1); justify-items: start; }
.km-row__buy .price { font-size: var(--km-t-lg); font-weight: 600; }
@media (min-width: 768px) { .km-row__buy { justify-items: end; text-align: right; } }
@media (max-width: 767px) { .km-row__buy { grid-column: 2; } .km-row__cta { display: none; } }


.km-l-product-stack div.product { display: grid; gap: var(--km-s4); }
.km-l-product-stack div.product::before, .km-l-product-stack div.product::after { content: none !important; }  
@media (min-width: 900px) {
	.km-l-product-stack div.product { grid-template-columns: 7fr 5fr; gap: var(--km-s5); align-items: start; }
	.km-l-product-stack div.product > .km-stack { grid-column: 1; float: none !important; width: auto !important; margin: 0 !important; }
	.km-l-product-stack div.product > .summary { grid-column: 2; position: sticky; top: var(--km-s3); float: none !important; width: auto !important; margin: 0 !important; }
	.km-l-product-stack div.product > :not(.km-stack):not(.summary) { grid-column: 1 / -1; }
}
.km-stack__list { display: grid; gap: var(--km-s2); }
.km-stack .km-stack__item { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; overflow: hidden; border-radius: var(--km-radius); background: var(--km-nebel); }  
.km-stack .km-stack__img { display: block; width: 100%; height: auto !important; }
@media (max-width: 899px) {
	.km-stack__list { grid-auto-flow: column; grid-auto-columns: 85%; overflow-x: auto; scroll-snap-type: x mandatory; margin-inline: calc(-1 * var(--km-margin)); padding-inline: var(--km-margin); scrollbar-width: none; }
	.km-stack__item { scroll-snap-align: start; }
}