/* li.mt-4 a { text-transform:uppercase !important; } */

:root { 

	/* --color-primary: #ff9900; */
	
	--color-cl-primary:#6e5040;
	--color-primary:#6e5040;
	--color-cl-primary-hover:#4a3728;
	--color-primary-hover:#4a3728;
	--color-cl-accent:#e05a1a;
	--color-cl-accent-hover:#c44a10;
	--color-cl-divider:#e2d5cc;
	--color-cl-marker:#f5f0ec;
	--color-cl-background:#fff;
	--color-cl-background-secondary:#fefaf7;
	--color-cl-text:#1a1a1a;
	--color-cl-state-available:#3d9e6a;
	--color-cl-state-low:#d4820a;
	--color-cl-state-error:#c0392b;
	--color-cl-state-info:#2980b9;

	font-size:16px;

	scrollbar-color:var(--color-cl-primary,var(--color-cl-marker))var(--color-cl-marker,#0000);

}

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 200 1000;
  font-stretch: 100%;
  font-display: swap;
  src: url('/jscss/nunitosans.ttf');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'EBGaramond';
  font-style: normal;
  font-weight: 200 1000;
  font-stretch: 100%;
  font-display: swap;
  src: url('/jscss/nunitosans.ttf');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
  
#add-to-compare { display:none; }
  
body { 

	accent-color:var(--color-cl-primary-hover); 
	background:var(--color-cl-background);
	caret-color:var(--color-cl-primary-hover); 
	color: var(--color-cl-text:#1a1a1a);
	font-family:"Nunito Sans",sans-serif;
} 

body.cms-page-view .page-main { margin:0; }

.btn-primary {
    --btn-stroke: #0000;
    --btn-bg: var(--color-cl-primary);
    --btn-color: var(--color-on-primary);
    --btn-hover-stroke: #0000;
    --btn-hover-bg: var(--color-cl-primary-hover);
    --btn-hover-color: var(--color-on-primary);
    --btn-active-stroke: #0000;
    --btn-active-bg: var(--color-primary);
    --btn-active-color: var(--color-on-primary);
}

.catalog-product-view .price { 
	font-size:28px; 
	color:var(--color-cl-accent);
}

.catalog-product-view #product-addtocart-button,
.catalog-product-view input[name="qty"][form="product_addtocart_form"] {
	box-sizing:border-box;
	height:50px;
}

.kotori-product-sku {
	margin:.35rem 0 0;
	color:#6b625c;
	font-size:.875rem;
	line-height:1.4;
}

.kotori-product-sku__label { font-weight:600; }

@media (max-width:767px) {
	.kotori-product-sku--desktop { display:none; }
	.kotori-product-sku--mobile { text-align:center; }
}

@media (min-width:768px) {
	.kotori-product-sku--mobile { display:none; }
}

.catalogsearch-result-index .columns { 
	max-width:100%; 
	width:100%;
}

.cms-lederwerkstatt .breadcrumbs { display:none; }
.cms-index-defaultnoroute .breadcrumbs { display:none; }
.cms-noroute-index .breadcrumbs { display:none; }
.cms-startseite .breadcrumbs { display:none; }
.cms-ueber-uns .breadcrumbs { display:none; }
body:is(.cms-anleitungen,.cms-instructions,.cms-guides,.cms-istruzioni) .breadcrumbs { display:none; }

.columns { max-width:1280px; }
.container { max-width:1280px; }

.exportpdf {
	float: right;
	padding: 1em;
	margin: 0 0 2em 2em;
	color: #333333;
	background: #fff;
	border: 1px solid #000;
	font-size: 1.3em;
	font-family: "Nunito Sans";
}

.exportpdf img {
  height: 1.3em;
  margin-right: 1em;
  vertical-align: middle;
}

figcaption { text-align:center; }

.font-garamond { font-family:"Nunito Sans",sans-serif; }

.footer {
	
	background:var(--color-cl-primary-hover); 

} 

.footer .container {
	
	background:var(--color-cl-primary-hover); 
	color:var(--color-cl-marker);
	
} 

h1,
h2,
h3,
h4,
h5,
h6 { font-family:"Nunito Sans",sans-serif; }

#header.bg-white { 

	background:var(--color-cl-marker); 
	color:var(--color-cl-text);
	
}

.hover\:border-primary:hover {
	
	border-color: var(--color-cl-primary-hover);
	
}

.page-main { margin-bottom:0; }

.page-title { font-family:"Nunito Sans",sans-serif; }

.price { color:var(--color-cl-accent); }

#product-addtocart-button.btn-primary {
    --btn-stroke: #0000;
    --btn-bg: var(--color-cl-accent);
    --btn-color: var(--color-white);
    --btn-hover-stroke: #0000;
    --btn-hover-bg: var(--color-cl-accent-hover);
    --btn-hover-color: var(--color-on-primary);
    --btn-active-stroke: #0000;
    --btn-active-bg: var(--color-primary);
    --btn-active-color: var(--color-on-primary);
}

.product .btn-primary {
    --btn-stroke: #0000;
    --btn-bg: var(--color-cl-accent);
    --btn-color: var(--color-white);
    --btn-hover-stroke: #0000;
    --btn-hover-bg: var(--color-cl-accent-hover);
    --btn-hover-color: var(--color-on-primary);
    --btn-active-stroke: #0000;
    --btn-active-bg: var(--color-primary);
    --btn-active-color: var(--color-on-primary);
}

#product-addtocart-button.btn-secondary {
    --btn-hover-stroke: #0000;
    --btn-hover-bg: var(--color-primary);
    --btn-hover-color: var(--color-white);
    --btn-active-stroke: #0000;
    --btn-active-bg: var(--color-primary);
    --btn-active-color: var(--color-white);
}

.product .btn-secondary {
    --btn-hover-stroke: #0000;
    --btn-hover-bg: var(--color-primary);
    --btn-hover-color: var(--color-white);
    --btn-active-stroke: #0000;
    --btn-active-bg: var(--color-primary);
    --btn-active-color: var(--color-white);
}


.text-cl-primary {
	
	color: var(--color-cl-primary);
	
}

.text-cl-text {
	
	color: var(--color-cl-text);
	
}

.instruction-content {
	line-height:1.65;
}

.instruction-content h3 {
	font-size:1.35rem;
	font-weight:700;
	margin:2rem 0 0.85rem;
	scroll-margin-top:7rem;
}

.instruction-content p {
	margin:0 0 1rem;
}

.instruction-content ul {
	margin:0 0 1.5rem 1.25rem;
	padding:0;
}

.instruction-content li {
	margin:0.35rem 0;
}

.instruction-content > ul:first-of-type a {
	color:var(--color-cl-primary);
	font-weight:700;
	text-decoration:underline;
	text-underline-offset:0.18em;
}

.instruction-image-group {
	display:grid;
	gap:1.5rem;
	grid-template-columns:repeat(var(--instruction-image-columns, 1), minmax(0,1fr));
	margin:1.5rem 0;
	width:100%;
}

.instruction-image-group figure {
	display:flex;
	flex-direction:column;
	gap:0.5rem;
	margin:0;
	min-width:0;
}

.instruction-image-group img {
	display:block;
	max-width:100%;
	width:100%;
	height:auto;
}

.instruction-image-group figcaption {
	color:#4b5563;
	font-size:0.95rem;
	font-weight:700;
	line-height:1.45;
	text-align:center;
}

.instruction-image-group > figcaption {
	grid-column:1 / -1;
	justify-self:center;
}

.instruction-image--docx {
	margin:1.5rem 0;
}

.instruction-image--docx img {
	display:block;
	height:auto;
	max-width:100%;
	width:100%;
}

.instruction-content a.instruction-link {
	color:var(--color-cl-primary);
	font-weight:700;
	text-decoration:underline;
	text-decoration-thickness:0.08em;
	text-underline-offset:0.16em;
}

.instruction-content a.instruction-link:hover,
.instruction-content a.instruction-link:focus {
	color:#111827;
}

.instruction-video {
	display:flex;
	justify-content:center;
	margin:2rem 0;
}

.instruction-video iframe {
	aspect-ratio:16 / 9;
	display:block;
	width:min(100%,690px);
	height:auto;
}

.instruction-products {
	margin:2rem 0;
}

.instruction-products__grid {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:1rem;
}

.instruction-products__item {
	background:#fff;
	border:1px solid #d9dee8;
	display:flex;
	flex-direction:column;
	min-width:0;
	padding:1rem;
}

.instruction-products__image-link {
	align-items:center;
	display:flex;
	height:220px;
	justify-content:center;
	margin-bottom:1rem;
}

.instruction-products__image {
	display:block;
	height:100%;
	max-height:220px;
	max-width:100%;
	object-fit:contain;
	width:100%;
}

.instruction-products__body {
	display:flex;
	flex:1;
	flex-direction:column;
	gap:0.75rem;
}

.instruction-products__name {
	color:#111827;
	font-weight:700;
	line-height:1.35;
	text-decoration:none;
}

.instruction-products__name:hover {
	text-decoration:underline;
}

.instruction-products__meta,
.instruction-products__controls {
	display:flex;
	gap:0.75rem;
	min-width:0;
}

.instruction-products__meta {
	align-items:flex-start;
	justify-content:space-between;
}

.instruction-products__controls {
	align-items:flex-start;
	flex-direction:column;
}

.instruction-products__meta {
	color:#667085;
	font-size:0.95rem;
}

.instruction-products__meta strong {
	color:var(--color-cl-accent);
	min-width:0;
	overflow-wrap:anywhere;
	text-align:right;
	white-space:normal;
}

.instruction-products__meta > span {
	min-width:0;
	overflow-wrap:anywhere;
}

.instruction-products__choice,
.instruction-products__qty {
	align-items:center;
	display:inline-flex;
	gap:0.5rem;
	max-width:100%;
}

.instruction-products__qty input {
	border:1px solid #9aa9c1;
	border-radius:0.45rem;
	padding:0.45rem 0.35rem;
	text-align:center;
	width:3.5rem;
}

.instruction-products__configure {
	color:var(--color-cl-primary);
	font-weight:700;
	text-decoration:underline;
}

.instruction-products__actions {
	margin-top:1rem;
}

@media (max-width: 760px) {
	.instruction-image-group {
		grid-template-columns:repeat(2,minmax(0,1fr)) !important;
		gap:1rem !important;
	}

	.instruction-products__grid {
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
}

@media (max-width: 480px) {
	.instruction-image-group {
		grid-template-columns:1fr !important;
	}

	.instruction-products__grid {
		grid-template-columns:1fr;
	}
}

/* Temporary CMS mockup layer while Tailwind is bypassed during development. */
.cl-cms-page {
	--cl-brown:#6e5040;
	--cl-brown-dark:#4a3728;
	--cl-brown-darker:#2b170f;
	--cl-tan:#b68a63;
	--cl-cream:#f5f0ec;
	--cl-line:#e2d5cc;
	--cl-muted:#596372;
	color:var(--color-cl-text);
	font-family:"Nunito Sans",sans-serif;
	line-height:1.55;
}

.cl-cms-page *,
.cl-cms-page *::before,
.cl-cms-page *::after { box-sizing:border-box; }

.cl-cms-page > section { padding:4.5rem 0; }
.cl-cms-page > section:first-child {
	background:var(--cl-brown-dark);
	color:#fff;
}
.cl-cms-page .container {
	width:min(100% - 2rem,1280px);
	margin-inline:auto;
	padding-inline:0;
}

/*
.cl-cms-page h1,
.cl-cms-page h2,
.cl-cms-page h3,
.cl-cms-page p,
.cl-cms-page dl,
.cl-cms-page ul,
.cl-cms-page ol,
.cl-cms-page blockquote { margin-top:0; }
*/

.cl-cms-page h1 {
	max-width:54rem;
	margin-bottom:0;
	font-size:clamp(3.25rem,7vw,6.5rem);
	font-weight:750;
	line-height:.98;
	letter-spacing:0;
}
.cl-cms-page h2 {
	margin-bottom:0;
	font-size:clamp(2.35rem,4.6vw,4.75rem);
	font-weight:720;
	line-height:1.08;
	letter-spacing:0;
}
.cl-cms-page h3 {
	margin-bottom:0;
	font-size:1.35rem;
	font-weight:750;
	line-height:1.25;
	letter-spacing:0;
}
/* .cl-cms-page p { color:inherit; } */
.cl-cms-page a { text-decoration:none; }
.cl-cms-page img { max-width:100%; height:auto; }

.cl-cms-page .btn,
.cl-cms-page button.btn,
.cl-cms-page a.btn {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:3rem;
	border:1px solid transparent;
	border-radius:.45rem;
	padding:.85rem 1.35rem;
	font-weight:750;
	line-height:1;
	white-space:nowrap;
}
.cl-cms-page .btn-primary,
.cl-cms-page button.btn-primary,
.cl-cms-page a.btn-primary,
.cl-cms-page [class*="btn-primary"] {
	background:var(--cl-brown);
	color:#fff;
}
.cl-cms-page .btn-primary:hover { background:var(--cl-brown-dark); }

.cl-cms-page .grid { display:grid; }
.cl-cms-page .flex { display:flex; }
.cl-cms-page .inline-flex { display:inline-flex; }
.cl-cms-page .block { display:block; }
.cl-cms-page .inline-block { display:inline-block; }
.cl-cms-page .relative { position:relative; }
.cl-cms-page .absolute { position:absolute; }
.cl-cms-page .overflow-hidden { overflow:hidden; }
.cl-cms-page .flex-wrap { flex-wrap:wrap; }
.cl-cms-page .items-center { align-items:center; }
.cl-cms-page .items-end { align-items:flex-end; }
.cl-cms-page .self-center { align-self:center; }
.cl-cms-page .justify-center { justify-content:center; }
.cl-cms-page .justify-between { justify-content:space-between; }
.cl-cms-page .text-center { text-align:center; }
.cl-cms-page .text-left { text-align:left; }

.cl-cms-page .gap-0 { gap:0; }
.cl-cms-page .gap-3 { gap:.75rem; }
.cl-cms-page .gap-4 { gap:1rem; }
.cl-cms-page .gap-5 { gap:1.25rem; }
.cl-cms-page .gap-6 { gap:1.5rem; }
.cl-cms-page .gap-8 { gap:2rem; }
.cl-cms-page .gap-10 { gap:2.5rem; }
.cl-cms-page .gap-12 { gap:3rem; }

.cl-cms-page .mt-1 { margin-top:.25rem; }
.cl-cms-page .mt-2 { margin-top:.5rem; }
.cl-cms-page .mt-3 { margin-top:.75rem; }
.cl-cms-page .mt-4 { margin-top:1rem; }
.cl-cms-page .mt-5 { margin-top:1.25rem; }
.cl-cms-page .mt-6 { margin-top:1.5rem; }
.cl-cms-page .mt-7 { margin-top:1.75rem; }
.cl-cms-page .mt-8 { margin-top:2rem; }
.cl-cms-page .mt-10 { margin-top:2.5rem; }
.cl-cms-page .mt-12 { margin-top:3rem; }
.cl-cms-page .mt-14 { margin-top:3.5rem; }
.cl-cms-page .mx-auto { margin-inline:auto; }

.cl-cms-page .p-4 { padding:1rem; }
.cl-cms-page .p-5 { padding:1.25rem; }
.cl-cms-page .p-6 { padding:1.5rem; }
.cl-cms-page .p-7 { padding:1.75rem; }
.cl-cms-page .p-8 { padding:2rem; }
.cl-cms-page .p-10 { padding:2.5rem; }
.cl-cms-page .px-2 { padding-inline:.5rem; }
.cl-cms-page .px-3 { padding-inline:.75rem; }
.cl-cms-page .px-4 { padding-inline:1rem; }
.cl-cms-page .px-5 { padding-inline:1.25rem; }
.cl-cms-page .px-6 { padding-inline:1.5rem; }
.cl-cms-page .px-12 { padding-inline:3rem; }
.cl-cms-page .py-1 { padding-block:.25rem; }
.cl-cms-page .py-2 { padding-block:.5rem; }
.cl-cms-page .py-3 { padding-block:.75rem; }
.cl-cms-page .py-4 { padding-block:1rem; }
.cl-cms-page .py-5 { padding-block:1.25rem; }
.cl-cms-page .py-8 { padding-block:2rem; }
.cl-cms-page .py-16 { padding-block:4rem; }
.cl-cms-page .pt-8 { padding-top:2rem; }

.cl-cms-page .left-4 { left:1rem; }
.cl-cms-page .left-5 { left:1.25rem; }
.cl-cms-page .left-6 { left:1.5rem; }
.cl-cms-page .left-8 { left:2rem; }
.cl-cms-page .left-28 { left:7rem; }
.cl-cms-page .right-0 { right:0; }
.cl-cms-page .right-4 { right:1rem; }
.cl-cms-page .right-5 { right:1.25rem; }
.cl-cms-page .right-6 { right:1.5rem; }
.cl-cms-page .right-8 { right:2rem; }
.cl-cms-page .top-0 { top:0; }
.cl-cms-page .top-4 { top:1rem; }
.cl-cms-page .top-5 { top:1.25rem; }
.cl-cms-page .top-6 { top:1.5rem; }
.cl-cms-page .top-28 { top:7rem; }
.cl-cms-page .bottom-0 { bottom:0; }
.cl-cms-page .bottom-6 { bottom:1.5rem; }
.cl-cms-page .bottom-8 { bottom:2rem; }
.cl-cms-page .bottom-16 { bottom:4rem; }
.cl-cms-page .-bottom-8 { bottom:-2rem; }

.cl-cms-page .h-10 { height:2.5rem; }
.cl-cms-page .h-12 { height:3rem; }
.cl-cms-page .h-24 { height:6rem; }
.cl-cms-page .h-60 { height:15rem; }
.cl-cms-page .h-64 { height:16rem; }
.cl-cms-page .w-10 { width:2.5rem; }
.cl-cms-page .w-12 { width:3rem; }
.cl-cms-page .w-24 { width:6rem; }
.cl-cms-page .w-72 { width:18rem; }
.cl-cms-page .w-full { width:100%; }
.cl-cms-page [class*="min-h-32"] { min-height:8rem; }
.cl-cms-page [class*="min-h-56"] { min-height:14rem; }
.cl-cms-page [class*="min-h-[420px]"] { min-height:420px; }

.cl-cms-page .aspect-square { aspect-ratio:1; }
.cl-cms-page .aspect-video { aspect-ratio:16/9; }
.cl-cms-page [class*="aspect-[4/3]"] { aspect-ratio:4/3; }
.cl-cms-page [class*="aspect-[4/5]"] { aspect-ratio:4/5; }

.cl-cms-page .rounded { border-radius:.25rem; }
.cl-cms-page .rounded-md { border-radius:.45rem; }
.cl-cms-page .rounded-lg { border-radius:.5rem; }
.cl-cms-page .rounded-2xl { border-radius:1rem; }
.cl-cms-page .rounded-full { border-radius:999px; }

.cl-cms-page .border { border:1px solid var(--cl-line); }
.cl-cms-page .border-b { border-bottom:1px solid var(--cl-line); }
.cl-cms-page .border-r { border-right:1px solid var(--cl-line); }
.cl-cms-page .border-y {
	border-top:1px solid var(--cl-line);
	border-bottom:1px solid var(--cl-line);
}
.cl-cms-page .border-dashed { border-style:dashed; }
.cl-cms-page [class*="border-white/20"] { border-color:rgba(255,255,255,.2); }
.cl-cms-page [class*="border-white/30"] { border-color:rgba(255,255,255,.3); }
.cl-cms-page [class*="border-white/35"] { border-color:rgba(255,255,255,.35); }
.cl-cms-page [class*="border-[var(--color-cl-primary)]"] { border-color:var(--cl-brown); }
.cl-cms-page [class*="border-[var(--color-cl-divider)]"] { border-color:var(--cl-line); }

.cl-cms-page .shadow-xl { box-shadow:0 18px 48px rgba(43,23,15,.16); }
.cl-cms-page .shadow-2xl { box-shadow:0 30px 70px rgba(43,23,15,.28); }

.cl-cms-page .bg-white { background:#fff; }
.cl-cms-page [class*="bg-transparent"] { background:transparent; }
.cl-cms-page [class*="bg-white/10"] { background:rgba(255,255,255,.1); }
.cl-cms-page [class*="bg-white/15"] { background:rgba(255,255,255,.15); }
.cl-cms-page [class*="bg-black/40"] { background:rgba(0,0,0,.4); }
.cl-cms-page [class*="bg-green-50"] { background:#edf8ef; }
.cl-cms-page [class*="bg-blue-50"] { background:#edf6ff; }
.cl-cms-page [class*="bg-orange-50"] { background:#fff4e8; }
.cl-cms-page [class*="bg-gray-700"] { background:#374151; }
.cl-cms-page [class*="bg-[#c8b38f]"] { background:#c8b38f; }
.cl-cms-page [class*="bg-[#d9e4cf]"] { background:#d9e4cf; }
.cl-cms-page [class*="bg-[#b9956b]"] { background:#b9956b; }
.cl-cms-page [class*="bg-[#743d1d]"] { background:#743d1d; }
.cl-cms-page [class*="bg-[var(--color-cl-marker)]"] { background:var(--cl-cream); }
.cl-cms-page [class*="bg-[var(--color-cl-primary)]"] { background:var(--cl-brown); }
.cl-cms-page [class*="bg-[var(--color-cl-primary-hover)]"] { background:var(--cl-brown-dark); }
.cl-cms-page [class*="bg-[linear-gradient"] {
	background:linear-gradient(145deg,#8d623f,#3a1e12);
}

.cl-cms-page .text-white,
.cl-cms-page [class*="text-white"] { color:#fff; }
.cl-cms-page [class*="text-white/85"] { color:rgba(255,255,255,.85); }
.cl-cms-page [class*="text-white/80"] { color:rgba(255,255,255,.8); }
.cl-cms-page [class*="text-white/75"] { color:rgba(255,255,255,.75); }
.cl-cms-page [class*="text-white/70"] { color:rgba(255,255,255,.7); }
.cl-cms-page [class*="text-white/60"] { color:rgba(255,255,255,.6); }
.cl-cms-page [class*="text-gray-400"] { color:#9ca3af; }
.cl-cms-page [class*="text-gray-500"] { color:#6b7280; }
.cl-cms-page [class*="text-gray-600"] { color:var(--cl-muted); }
.cl-cms-page [class*="text-green-700"] { color:#227143; }
.cl-cms-page [class*="text-blue-700"] { color:#1d5f99; }
.cl-cms-page [class*="text-orange-700"] { color:#9a4a12; }
.cl-cms-page [class*="text-[#b68a63]"],
.cl-cms-page [class*="text-[#d9b38c]"] { color:var(--cl-tan); }
.cl-cms-page [class*="text-[#d4a21d]"] { color:#d4a21d; }
.cl-cms-page [class*="text-[var(--color-cl-primary)]"] { color:var(--cl-brown); }
.cl-cms-page [class*="text-[var(--color-cl-text)]"] { color:var(--color-cl-text); }

.cl-cms-page .text-xs { font-size:.75rem; line-height:1rem; }
.cl-cms-page .text-sm { font-size:.875rem; line-height:1.25rem; }
.cl-cms-page .text-lg { font-size:1.125rem; line-height:1.75rem; }
.cl-cms-page .text-xl { font-size:1.25rem; line-height:1.85rem; }
.cl-cms-page .text-2xl { font-size:1.5rem; line-height:2rem; }
.cl-cms-page .text-3xl { font-size:1.875rem; line-height:2.25rem; }
.cl-cms-page .text-4xl { font-size:2.25rem; line-height:2.55rem; }
.cl-cms-page .text-5xl { font-size:3rem; line-height:1.08; }
.cl-cms-page .text-6xl { font-size:3.75rem; line-height:1.05; }
.cl-cms-page .text-7xl { font-size:4.5rem; line-height:1; }

.cl-cms-page .font-bold { font-weight:750; }
.cl-cms-page .font-semibold { font-weight:700; }
.cl-cms-page .italic { font-style:italic; }
.cl-cms-page .uppercase { text-transform:uppercase; }
.cl-cms-page [class*="tracking-widest"],
.cl-cms-page [class*="tracking-[0.25em]"] { letter-spacing:.22em; }
.cl-cms-page .leading-7 { line-height:1.75rem; }
.cl-cms-page .leading-8 { line-height:2rem; }
.cl-cms-page .leading-9 { line-height:2.25rem; }
.cl-cms-page .leading-tight { line-height:1.08; }

.cl-cms-page [class*="max-w-xl"] { max-width:36rem; }
.cl-cms-page [class*="max-w-2xl"] { max-width:42rem; }
.cl-cms-page [class*="max-w-3xl"] { max-width:48rem; }
.cl-cms-page [class*="max-w-4xl"] { max-width:56rem; }

.cl-cms-page input,
.cl-cms-page select,
.cl-cms-page textarea {
	width:100%;
	border:1px solid var(--cl-line);
	border-radius:.45rem;
	background:#fff;
	padding:.85rem 1rem;
	font:inherit;
	color:var(--color-cl-text);
}
.cl-cms-page label {
	display:block;
	font-size:.78rem;
	font-weight:800;
	letter-spacing:.16em;
	text-transform:uppercase;
	color:var(--color-cl-text);
}

.cl-cms-page dl {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:1.25rem;
}
.cl-cms-page dt {
	font-size:2rem;
	font-weight:750;
	line-height:1;
}
.cl-cms-page dd {
	margin:0;
	color:rgba(255,255,255,.72);
	font-size:.92rem;
}

.cl-cms-page ul,
.cl-cms-page ol {
	padding-left:0;
	list-style:none;
}

.cl-cms-page blockquote {
	border-radius:.5rem;
	background:var(--cl-brown);
	padding:2rem;
	color:#fff;
	text-align:center;
}

.cl-home > section:nth-of-type(3),
.cl-home > section:nth-of-type(5),
.cl-workshop > section:nth-of-type(3),
.cl-workshop > section:nth-of-type(6),
.cl-about > section:nth-of-type(4),
.cl-about > section:nth-of-type(6) { background:var(--cl-cream); }

.cl-home > section:nth-of-type(7),
.cl-workshop > section:nth-of-type(5) {
	background:var(--cl-brown);
	color:#fff;
}

.cl-about > section:nth-of-type(2) {
	padding:0;
	border-bottom:1px solid var(--cl-line);
	background:#fff;
}
.cl-about > section:nth-of-type(2) .container > div { padding-block:2rem; }
.cl-about > section:nth-of-type(2) strong {
	display:block;
	color:var(--cl-brown);
	font-size:2.6rem;
	line-height:1;
}
.cl-about > section:nth-of-type(5) article,
.cl-workshop > section:nth-of-type(2) article,
.cl-workshop > section:nth-of-type(3) article,
.cl-home > section:nth-of-type(4) article,
.cl-home > section:nth-of-type(5) article {
	border-radius:.5rem;
	border:1px solid rgba(226,213,204,.65);
	background:#fff;
	box-shadow:0 10px 30px rgba(74,55,40,.05);
}
.cl-about > section:nth-of-type(5) article > div:first-child,
.cl-about > section:nth-of-type(6) .container > div:last-child,
.cl-about > section:nth-of-type(3) .relative > div:first-child {
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:260px;
	border-radius:.5rem;
	background:var(--cl-cream);
	color:#6b7280;
}
.cl-about > section:first-child .container > div:last-child {
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:320px;
	border-radius:.5rem;
	background:rgba(255,255,255,.1);
	color:rgba(255,255,255,.62);
}

@media (min-width:768px) {
	.cl-cms-page .md\:grid,
	.cl-cms-page [class*="md:grid"] { display:grid; }
	.cl-cms-page [class*="md:grid-cols-2"] { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.cl-cms-page [class*="md:grid-cols-3"] { grid-template-columns:repeat(3,minmax(0,1fr)); }
	.cl-cms-page [class*="md:grid-cols-4"] { grid-template-columns:repeat(4,minmax(0,1fr)); }
	.cl-cms-page [class*="md:grid-cols-5"] { grid-template-columns:repeat(5,minmax(0,1fr)); }
	.cl-cms-page [class*="md:grid-cols-[1fr_0.9fr]"] { grid-template-columns:1fr .9fr; }
	.cl-cms-page [class*="md:grid-cols-[1fr_420px]"] { grid-template-columns:1fr 420px; }
	.cl-cms-page [class*="md:grid-cols-[1fr_360px]"] { grid-template-columns:1fr 360px; }
	.cl-cms-page [class*="md:items-center"] { align-items:center; }
	.cl-cms-page [class*="md:flex"] { display:flex; }
	.cl-cms-page [class*="md:p-12"] { padding:3rem; }
	.cl-cms-page [class*="md:px-8"] { padding-inline:2rem; }
	.cl-cms-page [class*="md:py-24"] { padding-block:6rem; }
	.cl-cms-page [class*="md:mt-0"] { margin-top:0; }
	.cl-cms-page [class*="md:text-4xl"] { font-size:2.25rem; line-height:2.55rem; }
	.cl-cms-page [class*="md:text-5xl"] { font-size:3rem; line-height:1.08; }
	.cl-cms-page [class*="md:text-6xl"] { font-size:3.75rem; line-height:1.05; }
	.cl-cms-page [class*="md:text-7xl"] { font-size:4.5rem; line-height:1; }
	.cl-cms-page [class*="md:left-16"] { left:4rem; }
	.cl-cms-page dl { grid-template-columns:repeat(4,minmax(0,1fr)); }
}

@media (min-width:1024px) {
	.cl-cms-page [class*="lg:grid-cols-4"] { grid-template-columns:repeat(4,minmax(0,1fr)); }
	.cl-cms-page [class*="lg:grid-cols-[1.1fr_1fr]"] { grid-template-columns:1.1fr 1fr; }
}

@media (max-width:767px) {
	.cl-cms-page > section { padding:3.5rem 0; }
	.cl-cms-page h1 { font-size:3rem; }
	.cl-cms-page h2 { font-size:2.25rem; }
	.cl-cms-page .absolute { position:static; }
	.cl-cms-page [class*="min-h-[420px]"] {
		display:grid;
		gap:1rem;
		min-height:0;
	}
	.cl-cms-page .h-60,
	.cl-cms-page .h-64 { height:12rem; }
	.cl-cms-page .w-72 { width:100%; }
}

/* Figma CMS transfer for Kotori/Dev. Header and footer stay outside this layer. */
.cl-cms-page.cl-figma {
	--figma-ink:#57331f;
	--figma-text:#5f534b;
	--figma-muted:#8b7e74;
	--figma-brown:#6b3617;
	--figma-brown-dark:#2b160e;
	--figma-brown-soft:#8b542b;
	--figma-tan:#c89868;
	--figma-cream:#f3efe7;
	--figma-card:#fbf8f1;
	--figma-line:#e8ded2;
	margin:0;
	background:#fffaf5;
	color:var(--figma-text);
	font-family:"Nunito Sans",sans-serif;
	font-size:14px;
	line-height:1.65;
}

.cl-figma *,
.cl-figma *::before,
.cl-figma *::after { box-sizing:border-box; }

.cl-figma a { color:inherit; text-decoration:none; }

/*
.cl-figma p,
.cl-figma h1,
.cl-figma h2,
.cl-figma h3,
.cl-figma dl,
.cl-figma blockquote { margin:0; }
*/

.cl-figma ul,
.cl-figma ol {
	margin:0;
	padding:0;
	list-style:none;
}

.cl-figma h1,
.cl-figma h2,
.cl-figma h3 {
	color:var(--figma-ink);
	font-family:"Nunito Sans",sans-serif;
	letter-spacing:0;
}

.cl-figma .cl-hero h1,
.cl-figma .cl-section-brown h2,
.cl-figma .cl-wide-cta h3 { color:#fff; }

.cl-figma h1 {
	font-size:clamp(3.1rem,5vw,5.65rem);
	font-weight:620;
	line-height:.98;
}

.cl-figma h2 {
	font-size:clamp(2.15rem,3.2vw,3.8rem);
	font-weight:610;
	line-height:1.08;
}

.cl-figma h3 {
	font-size:1.32rem;
	font-weight:750;
	line-height:1.22;
}

.cl-figma em {
	color:var(--figma-tan);
	font-family:inherit;
	font-style:italic;
}

.cl-wrap {
	width:min(100% - 2rem,1120px);
	margin-inline:auto;
}

.cl-section {
	padding:5.9rem 0;
}

.cl-section-light { background:#fffaf5; }
.cl-section-cream { background:var(--figma-cream); }
.cl-section-brown {
	background:var(--figma-brown);
	color:rgba(255,255,255,.78);
}

.cl-pattern {
	background-image:
		radial-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
		linear-gradient(135deg,rgba(255,255,255,.04),rgba(0,0,0,.08));
	background-size:18px 18px,100% 100%;
}

.cl-hero {
	padding:5.8rem 0 5.6rem;
	background-color:var(--figma-brown);
	color:rgba(255,255,255,.82);
}

.cl-hero-grid {
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);
	align-items:center;
	gap:5.3rem;
}

.cl-hero-with-form { grid-template-columns:minmax(0,1fr) 340px; }

.cl-copy {
	max-width:570px;
}

.cl-copy > p:not(.cl-kicker):not(.cl-lead) {
	max-width:500px;
	margin-top:1.55rem;
	font-size:1.03rem;
	line-height:1.8;
}

.cl-kicker,
.cl-eyebrow {
	color:var(--figma-tan);
	font-size:.68rem;
	font-weight:850;
	letter-spacing:.21em;
	text-transform:uppercase;
	display:none;
}

.cl-kicker {
	display:inline-flex;
	margin-bottom:1.35rem;
	border-radius:999px;
	background:rgba(255,255,255,.08);
	padding:.43rem .7rem;
	color:rgba(255,255,255,.76);
	letter-spacing:0;
	text-transform:none;
}

.cl-lead {
	margin-top:1rem;
	font-size:1.12rem;
	font-weight:550;
	color:var(--color-cl-divider);
}

.cl-lead-accent {
	color:var(--figma-tan);
	font-style:italic;
}

.cl-actions {
	display:flex;
	flex-wrap:wrap;
	gap:.85rem;
	margin-top:2rem;
}

.cl-actions-center { justify-content:center; }

.cl-btn,
.cl-figma button.cl-btn {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:2.65rem;
	border:1px solid transparent;
	border-radius:.42rem;
	padding:.78rem 1.15rem;
	font:800 .78rem/1 "Nunito Sans",sans-serif;
	white-space:nowrap;
	cursor:pointer;
	transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}

.cl-btn::after {
	content:"→";
	margin-left:.55rem;
}

.cl-btn-primary,
.cl-figma button.cl-btn-primary {
	background:var(--figma-brown);
	color:#fff;
}

.cl-btn-light {
	background:#fff;
	color:var(--figma-brown);
}

.cl-btn-ghost {
	border-color:rgba(255,255,255,.26);
	background:transparent;
	color:#fff;
}

.cl-btn-outline {
	border-color:var(--figma-line);
	background:#fffaf5;
	color:var(--figma-brown);
}

.cl-home .cl-btn-primary:hover,
.cl-home .cl-btn-primary:focus-visible {
	border-color:var(--figma-brown-dark);
	background:var(--figma-brown-dark);
	color:#fff;
}

.cl-home .cl-btn-light:hover,
.cl-home .cl-btn-light:focus-visible {
	border-color:var(--figma-line);
	background:var(--figma-cream);
	color:var(--figma-brown-dark);
}

.cl-home .cl-btn-ghost:hover,
.cl-home .cl-btn-ghost:focus-visible {
	border-color:rgba(255,255,255,.62);
	background:rgba(255,255,255,.12);
	color:#fff;
}

.cl-home .cl-btn-outline:hover,
.cl-home .cl-btn-outline:focus-visible {
	border-color:var(--figma-brown);
	background:var(--figma-brown);
	color:#fff;
}

.cl-link {
	display:inline-flex;
	align-items:center;
	color:rgba(255,255,255,.78);
	font-size:.84rem;
	font-weight:750;
}

.cl-link::after {
	/* content:"→"; */
	margin-left:.5rem;
}

.cl-facts {
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:1.7rem;
	margin-top:3rem;
	padding-top:1.8rem;
	border-top:1px solid rgba(255,255,255,.12);
}

.cl-facts dt {
	color:#fff;
	font-size:1.42rem;
	font-weight:800;
	line-height:1;
}

.cl-facts dd {
	margin:.35rem 0 0;
	color:rgba(255,255,255,.62);
	font-size:.7rem;
	line-height:1.3;
}

.cl-hero-cards {
	position:relative;
	min-height:370px;
}

.cl-float-card {
	position:absolute;
	display:flex;
	align-items:flex-end;
	width:210px;
	height:176px;
	border-radius:.9rem;
	padding:1.2rem;
	background:linear-gradient(145deg,#9b6538,#30170d);
	box-shadow:0 25px 65px rgba(30,13,7,.28);
	color:#fff;
}

.cl-float-card strong {
	font-size:.78rem;
	font-weight:750;
}

.cl-float-card-a { left:25px; top:8px; }
.cl-float-card-b {
	right:0;
	top:98px;
	background:linear-gradient(145deg,#c99b69,#76441f);
}
.cl-float-card-c {
	left:130px;
	bottom:0;
	background:linear-gradient(145deg,#7a3e1c,#211009);
}

.cl-mini-icon {
	position:absolute;
	top:1rem;
	right:1rem;
	display:grid;
	place-items:center;
	width:1.45rem;
	height:1.45rem;
	border-radius:50%;
	background:rgba(255,255,255,.18);
	color:#fff;
	font-size:.72rem;
}

.cl-narrow-head > h2,
.cl-narrow-head > p {
	max-width:430px;
}

.cl-narrow-head > h2,
.cl-section > .cl-wrap > h2,
.cl-heading-row h2 {
	margin-top:.65rem;
}

.cl-narrow-head > p,
.cl-section-intro,
.cl-small-note {
	max-width:670px;
	margin-top:1rem;
}

.cl-category-grid,
.cl-product-grid,
.cl-article-grid,
.cl-service-grid,
.cl-reference-grid,
.cl-testimonial-grid,
.cl-cta-grid,
.cl-team-grid,
.cl-value-grid,
.cl-trust-grid {
	display:grid;
	gap:1rem;
}

.cl-category-grid {
	grid-template-columns:repeat(3,minmax(0,1fr));
	margin-top:2rem;
}

.cl-image-card {
	position:relative;
	display:flex;
	min-height:170px;
	flex-direction:column;
	justify-content:flex-end;
	overflow:hidden;
	border-radius:.55rem;
	padding:1.25rem;
	color:#fff;
	box-shadow:inset 0 -60px 70px rgba(0,0,0,.28);
}

.cl-image-card strong { font-size:1.05rem; }
.cl-image-card small {
	margin-top:.18rem;
	color:rgba(255,255,255,.72);
	font-size:.68rem;
}

.cl-card-dark { background:linear-gradient(145deg,#180c08,#6b3617); }
.cl-card-mid { background:linear-gradient(145deg,#9c6535,#3a1b0d); }
.cl-card-light { background:linear-gradient(145deg,#c99662,#6c3515); }
.cl-card-neutral { background:linear-gradient(145deg,#d8cfc5,#6d5544); }

.cl-finder,
.cl-wide-cta {
	display:grid;
	grid-template-columns:minmax(0,1fr) 330px;
	align-items:center;
	gap:2.5rem;
	border-radius:.65rem;
	background-color:var(--figma-brown);
	padding:3.25rem 3.6rem;
	color:rgba(255,255,255,.76);
}

.cl-finder h2 { color:#fff; }
.cl-finder p { max-width:460px; margin-top:1rem; }

.cl-finder-steps {
	display:grid;
	gap:.62rem;
	border-radius:.45rem;
	background:rgba(255,255,255,.1);
	padding:1.1rem;
}

.cl-finder-steps li {
	display:grid;
	grid-template-columns:1.6rem 1fr auto;
	align-items:center;
	gap:.75rem;
	border-radius:.38rem;
	background:rgba(255,255,255,.11);
	padding:.75rem;
	font-size:.78rem;
	font-weight:800;
}

.cl-finder-steps span,
.cl-process > li > span {
	display:grid;
	place-items:center;
	width:1.6rem;
	height:1.6rem;
	border-radius:50%;
	background:rgba(255,255,255,.16);
	color:#fff;
}

.cl-finder-steps small {
	color:rgba(255,255,255,.5);
	font-size:.65rem;
	font-weight:650;
}

.cl-heading-row {
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:2rem;
}

.cl-heading-row p {
	max-width:500px;
	margin-top:1rem;
	/* color:var(--figma-muted); */
}

.cl-product-grid {
	grid-template-columns:repeat(4,minmax(0,1fr));
	margin-top:2rem;
}

.cl-product-grid-catalog {
	align-items:stretch;
}

.cl-home .cl-product-grid-catalog .product-item {
	min-height:100%;
	border:1px solid var(--figma-line);
	border-radius:.5rem;
	background:#fff;
	box-shadow:0 10px 26px rgba(80,48,25,.05);
	padding:.9rem;
}

.cl-home .cl-product-grid-catalog .product-item-photo {
	width:100%;
}

.cl-home .cl-product-grid-catalog .product-item-link {
	color:var(--figma-ink);
	font-weight:700;
	line-height:1.25;
}

.cl-home .cl-product-grid-catalog .price-box,
.cl-home .cl-product-grid-catalog .price-container {
	color:var(--figma-ink);
	font-weight:800;
}

.cl-home .cl-product-grid-catalog .btn-primary:hover,
.cl-home .cl-product-grid-catalog .btn-primary:focus-visible {
	background:var(--figma-accent-hover);
	color:#fff;
}

.cl-product-card {
	position:relative;
	border:1px solid var(--figma-line);
	border-radius:.5rem;
	background:#fff;
	padding:.9rem;
	box-shadow:0 10px 26px rgba(80,48,25,.05);
}

.cl-product-card h3 {
	margin-top:.9rem;
	font-size:.9rem;
}

.cl-product-card p {
	margin-top:.12rem;
	color:var(--figma-muted);
	font-size:.72rem;
}

.cl-product-card strong {
	display:block;
	margin-top:.75rem;
	color:var(--figma-ink);
	font-size:.9rem;
}

.cl-product-card button {
	position:absolute;
	right:.8rem;
	bottom:.8rem;
	display:grid;
	place-items:center;
	width:1.6rem;
	height:1.6rem;
	border:0;
	border-radius:.3rem;
	background:var(--figma-card);
	color:var(--figma-brown);
	font-weight:900;
	transition:background-color .18s ease,color .18s ease;
}

.cl-home .cl-product-card button:hover,
.cl-home .cl-product-card button:focus-visible {
	background:var(--figma-accent);
	color:#fff;
}

.cl-badge {
	position:absolute;
	top:.75rem;
	left:.75rem;
	z-index:1;
	border-radius:.25rem;
	background:var(--figma-brown);
	padding:.28rem .45rem;
	color:#fff;
	font-size:.58rem;
	font-weight:850;
}

.cl-badge-sale { background:#d65b22; }
.cl-badge-new { background:#514336; }
.cl-rating {
	margin-top:.38rem;
	color:#e0ad2c;
	font-size:.68rem;
	letter-spacing:.06em;
}

.cl-bottle {
	position:relative;
	height:188px;
	border-radius:.35rem;
	background:var(--figma-card);
}

.cl-bottle::before {
	content:"";
	position:absolute;
	left:50%;
	top:28px;
	width:72px;
	height:112px;
	border-radius:.15rem;
	background:#5b321b;
	transform:translateX(-50%);
}

.cl-bottle::after {
	content:"";
	position:absolute;
	left:50%;
	top:58px;
	width:46px;
	height:58px;
	background:#fffaf5;
	transform:translateX(-50%);
}

.cl-bottle-rust::before { background:#a24a16; }
.cl-bottle-black::before { background:#150d09; }
.cl-bottle-tan::before { background:#a87a4d; }

.cl-article-grid { grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:2rem; }
.cl-article-card {
	overflow:hidden;
	border:1px solid var(--figma-line);
	border-radius:.55rem;
	background:#fff;
}
.cl-article-card > div:last-child { padding:1.3rem; }
.cl-article-media {
	position:relative;
	height:170px;
}
.cl-article-media span {
	position:absolute;
	left:1rem;
	top:1rem;
	border-radius:.24rem;
	background:#fff;
	padding:.24rem .45rem;
	color:var(--figma-brown);
	font-size:.58rem;
	font-weight:900;
	text-transform:uppercase;
}
.cl-article-card small {
	color:var(--figma-muted);
	font-size:.7rem;
}
.cl-article-card h3 { margin-top:.6rem; }
.cl-article-card p { margin-top:.7rem; color:var(--figma-muted); }
.cl-article-card a {
	display:inline-flex;
	margin-top:1rem;
	color:var(--figma-brown);
	font-weight:850;
	font-size:.78rem;
}
.cl-article-card a::after { content:"→"; margin-left:.45rem; }

.cl-note-cta {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:1rem;
	margin-top:2rem;
	border-radius:.45rem;
	background:#fff;
	padding:1.25rem 1.5rem;
}

.cl-trust-section { padding-top:4rem; }
.cl-home .cl-trust-section {
	background:#fff;
}
.cl-trust-grid {
	grid-template-columns:repeat(5,minmax(0,1fr));
	max-width:1280px;
	margin-inline:auto;
}
.cl-trust-grid > div {
	min-height:150px;
	border:1px solid var(--figma-line);
	border-radius:.65rem;
	background:#fff;
	box-shadow:0 14px 36px rgba(74,55,40,.06);
	padding:1.35rem 1rem;
	text-align:center;
}
.cl-trust-grid span {
	display:grid;
	place-items:center;
	width:2.35rem;
	height:2.35rem;
	margin:0 auto .65rem;
	border:1px solid #e5c8ac;
	border-radius:50%;
	color:var(--figma-brown);
	font-weight:900;
}
.cl-trust-grid strong {
	display:block;
	color:var(--figma-ink);
	font-size:.8rem;
}
.cl-trust-grid small {
	display:block;
	margin-top:.25rem;
	color:var(--figma-muted);
	font-size:.66rem;
	line-height:1.35;
}

.cl-about-teaser {
	display:grid;
	grid-template-columns:minmax(0,1fr) 430px;
	gap:1.5rem;
	margin-top:1.5rem;
	padding:0;
}
.cl-about-box {
	border:1px solid var(--figma-line);
	border-radius:.65rem;
	background:#fff;
	box-shadow:0 14px 36px rgba(74,55,40,.06);
	padding:3rem;
}
.cl-about-teaser p { margin-top:1rem; }
.cl-about-teaser .cl-btn {
	margin-top:1.5rem;
}
.cl-video-card {
	position:relative;
	display:grid;
	place-items:center;
	min-height:245px;
	border-radius:.65rem;
	background-color:var(--figma-brown);
	color:#fff;
	box-shadow:0 14px 36px rgba(74,55,40,.08);
}
.cl-video-card span {
	display:grid;
	place-items:center;
	width:4rem;
	height:4rem;
	border-radius:50%;
	background:#fff;
	color:var(--figma-brown);
	font-size:1.35rem;
}
.cl-video-card small {
	position:absolute;
	left:1rem;
	bottom:1rem;
	color:rgba(255,255,255,.6);
}

.cl-center { text-align:center; }
.cl-center > p,
.cl-center .cl-wrap > p {
	max-width:650px;
	margin:1rem auto 0;
}
.cl-cta-grid {
	grid-template-columns:repeat(3,minmax(0,1fr));
	max-width:760px;
	margin:2.5rem auto 0;
	text-align:left;
}
.cl-cta-grid a {
	border-radius:.5rem;
	background:rgba(255,255,255,.08);
	padding:1.6rem;
}
.cl-cta-grid span,
.cl-icon {
	display:grid;
	place-items:center;
	width:2.35rem;
	height:2.35rem;
	border-radius:.45rem;
	background:var(--figma-brown);
	color:#fff;
	font-size:.8rem;
	font-weight:850;
}
.cl-section-brown .cl-cta-grid span { background:rgba(255,255,255,.15); }
.cl-cta-grid strong {
	display:block;
	margin-top:1.2rem;
	color:#fff;
	font-size:1.1rem;
}
.cl-cta-grid small {
	display:block;
	margin-top:.65rem;
	color:rgba(255,255,255,.62);
}

.cl-form-card {
	border-radius:.65rem;
	background:#fffaf5;
	padding:1.55rem;
	box-shadow:0 24px 65px rgba(33,16,8,.22);
	color:var(--figma-text);
}
.cl-form-card h2 {
	font-size:1.45rem;
	color:var(--figma-ink);
}
.cl-form-card p {
	margin-top:.45rem;
	color:var(--figma-muted);
	font-size:.78rem;
	line-height:1.45;
}
.cl-form-card label {
	display:block;
	margin-top:.72rem;
	color:var(--figma-ink);
	font-size:.58rem;
	font-weight:900;
	letter-spacing:.12em;
	text-transform:uppercase;
}
.cl-form-grid {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:.65rem;
}
.cl-form-card input,
.cl-form-card select,
.cl-form-card textarea {
	width:100%;
	margin-top:.28rem;
	border:1px solid var(--figma-line);
	border-radius:.28rem;
	background:#fff;
	padding:.62rem .7rem;
	color:var(--figma-text);
	font:500 .78rem/1.35 "Nunito Sans",sans-serif;
}
.cl-form-card textarea {
	min-height:5.4rem;
	resize:vertical;
}
.cl-upload {
	display:grid;
	place-items:center;
	margin-top:.85rem;
	border:1px dashed var(--figma-line);
	border-radius:.45rem;
	background:var(--figma-card);
	padding:1.15rem;
	text-align:center;
}
.cl-upload span { color:var(--figma-brown); }
.cl-upload strong {
	margin-top:.35rem;
	color:var(--figma-text);
	font-size:.75rem;
}
.cl-upload small {
	color:var(--figma-muted);
	font-size:.66rem;
}
.cl-upload-icon {
	width:28px;
	height:28px;
	color:var(--figma-brown,#6e5040);
	fill:none;
	stroke:currentColor;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-width:1.7;
}
.cl-upload.is-dragover {
	border-color:var(--figma-orange,#e3571a);
	background:#fff;
	box-shadow:0 0 0 3px rgba(227,87,26,.16);
}
.cl-file-selection {
	position:relative;
	z-index:2;
	width:min(100%,34rem);
	margin-top:.75rem;
	border-radius:.35rem;
	background:rgba(110,80,64,.09);
	padding:.55rem .7rem;
	color:var(--figma-text,#2f241e);
	font-size:.75rem;
	line-height:1.35;
	pointer-events:none;
}
.cl-file-selection strong {
	display:block;
	margin:0 0 .2rem;
	font-size:.75rem;
}
.cl-file-selection ul {
	margin:0;
	padding:0;
	list-style:none;
}
.cl-file-selection li {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.cl-file-selection.is-error {
	background:#fae9e7;
	color:#8d241b;
}
.cl-form-status {
	margin:0 0 .75rem;
	border:1px solid transparent;
	border-radius:.4rem;
	padding:.7rem .85rem;
	font-size:.86rem;
	font-weight:700;
	line-height:1.4;
}
.cl-form-status.is-success {
	border-color:#8ab596;
	background:#eaf5ed;
	color:#245c31;
}
.cl-form-status.is-error {
	border-color:#d69b96;
	background:#fae9e7;
	color:#8d241b;
}
.cl-form-card .cl-btn {
	width:100%;
	margin-top:.9rem;
}
.cl-form-note {
	text-align:center;
	font-size:.66rem !important;
}

.cl-tabs {
	display:inline-flex;
	overflow:hidden;
	margin-top:1.6rem;
	border:1px solid var(--figma-line);
	border-radius:.45rem;
}
.cl-tabs button {
	border:0;
	background:#fff;
	padding:.82rem 2rem;
	color:var(--figma-brown);
	font-weight:850;
}
.cl-tabs button:first-child {
	background:var(--figma-brown);
	color:#fff;
}
.cl-tabs-small {
	display:flex;
	width:100%;
	margin-top:.8rem;
}
.cl-tabs-small button { flex:1; padding:.55rem; font-size:.7rem; }

.cl-service-grid {
	grid-template-columns:repeat(4,minmax(0,1fr));
	margin-top:1.8rem;
}
.cl-service-grid article,
.cl-reference-grid article,
.cl-testimonial-grid blockquote {
	border-radius:.45rem;
	background:var(--figma-card);
	padding:1.25rem;
}
.cl-service-grid h3 { margin-top:1rem; }
.cl-service-grid p,
.cl-reference-grid p {
	margin-top:.65rem;
	color:var(--figma-muted);
	font-size:.82rem;
	line-height:1.55;
}

.cl-wide-cta {
	grid-template-columns:minmax(0,1fr) auto;
	margin-top:2rem;
	padding:1.65rem 2rem;
}
.cl-wide-cta h3 { font-size:1.45rem; }
.cl-wide-cta p { max-width:650px; margin-top:.45rem; color:rgba(255,255,255,.72); }

.cl-filter {
	display:flex;
	flex-wrap:wrap;
	gap:.5rem;
}
.cl-filter button {
	border:1px solid var(--figma-line);
	border-radius:999px;
	background:#fff;
	padding:.55rem .9rem;
	color:var(--figma-brown);
	font-weight:850;
	font-size:.72rem;
}
.cl-filter button:first-child {
	background:var(--figma-brown);
	color:#fff;
}

.cl-before-after {
	display:grid;
	grid-template-columns:1.05fr 1fr;
	gap:3rem;
	align-items:center;
	margin-top:2.2rem;
}
.cl-compare {
	position:relative;
	display:grid;
	grid-template-columns:1fr 1fr;
	overflow:hidden;
	border-radius:.45rem;
	background:#fff;
	aspect-ratio:4/3;
}
.cl-compare::before {
	content:"";
	position:absolute;
	inset:0 50% 0 auto;
	width:2px;
	background:#fff;
}
.cl-compare::after {
	content:"↔";
	position:absolute;
	left:50%;
	top:50%;
	display:grid;
	place-items:center;
	width:2rem;
	height:2rem;
	border-radius:50%;
	background:#fff;
	color:var(--figma-brown);
	transform:translate(-50%,-50%);
}
.cl-compare div:first-child { background:linear-gradient(145deg,#c9a06e,#8d623f); }
.cl-compare div:last-child { background:linear-gradient(145deg,#8b4a22,#5a2b13); }
.cl-compare span {
	position:absolute;
	top:1rem;
	border-radius:.25rem;
	background:rgba(0,0,0,.35);
	padding:.28rem .48rem;
	color:#fff;
	font-size:.6rem;
	font-weight:900;
	text-transform:uppercase;
}
.cl-compare div:first-child span { left:1rem; }
.cl-compare div:last-child span { right:1rem; }
.cl-compare small {
	position:absolute;
	bottom:1rem;
	max-width:38%;
	color:rgba(255,255,255,.72);
	font-size:.75rem;
}
.cl-compare div:first-child small { left:1rem; }
.cl-compare div:last-child small { right:1rem; text-align:right; }
.cl-before-after h3 {
	margin-top:1rem;
	font-size:1.8rem;
}
.cl-before-after p {
	margin-top:1rem;
	color:var(--figma-muted);
}
.cl-before-after strong {
	display:block;
	margin-top:1.4rem;
	color:var(--figma-ink);
}
.cl-label {
	display:inline-flex;
	border-radius:.25rem;
	background:#e9f7ed;
	padding:.28rem .5rem;
	color:#2b7a42;
	font-size:.62rem;
	font-weight:900;
	text-transform:uppercase;
}
.cl-label-blue { background:#ecf5ff; color:#27659c; }
.cl-label-orange { background:#fff1e2; color:#a75418; }
.cl-tags {
	display:flex;
	flex-wrap:wrap;
	gap:.45rem;
	margin-top:1rem;
}
.cl-tags span {
	border:1px solid var(--figma-line);
	border-radius:999px;
	background:#fff;
	padding:.4rem .75rem;
	color:var(--figma-text);
	font-size:.72rem;
}
.cl-reference-grid {
	grid-template-columns:repeat(3,minmax(0,1fr));
	margin-top:1.6rem;
}
.cl-ref-media {
	height:145px;
	margin:-1.25rem -1.25rem 1rem;
	border-radius:.45rem .45rem 0 0;
}
.cl-muted-center {
	margin-top:1.7rem;
	color:var(--figma-muted);
	text-align:center;
}

.cl-service-board {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:0;
	margin-top:2rem;
	overflow:hidden;
	border:1px solid var(--figma-line);
	border-radius:.55rem;
	background:#fff;
}
.cl-service-board article,
.cl-service-board aside {
	min-height:210px;
	border-right:1px solid var(--figma-line);
	border-bottom:1px solid var(--figma-line);
	padding:1.7rem;
}
.cl-service-board span {
	color:#e3d6c8;
	font-size:2.3rem;
	font-weight:650;
}
.cl-service-board h3 { margin-top:1rem; }
.cl-service-board p,
.cl-service-board em {
	display:block;
	margin-top:.75rem;
	color:var(--figma-muted);
	font-size:.82rem;
}
.cl-service-board aside {
	background:var(--figma-card);
}
.cl-service-board aside .cl-btn { margin-top:1rem; }

.cl-process {
	position:relative;
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:2rem;
	margin-top:3rem;
}
.cl-process::before {
	content:"";
	position:absolute;
	left:9%;
	right:9%;
	top:1.25rem;
	height:1px;
	background:rgba(255,255,255,.16);
}
.cl-process li {
	position:relative;
	text-align:center;
}
.cl-process h3 {
	margin-top:1rem;
	color:#fff;
	font-size:1rem;
}
.cl-process p {
	margin-top:.45rem;
	color:rgba(255,255,255,.68);
	font-size:.78rem;
}
.cl-process small {
	display:inline-flex;
	margin-top:.65rem;
	border-radius:.25rem;
	background:rgba(255,255,255,.08);
	padding:.3rem .5rem;
	color:rgba(255,255,255,.54);
	font-size:.62rem;
}
.cl-process span { margin:0 auto; }

.cl-testimonial-grid {
	grid-template-columns:repeat(3,minmax(0,1fr));
	margin-top:2rem;
}
.cl-testimonial-grid blockquote {
	background:#fff;
	text-align:left;
}
.cl-testimonial-grid div {
	color:#d5a62b;
	letter-spacing:.12em;
}
.cl-testimonial-grid p {
	margin-top:1rem;
	color:var(--figma-text);
	font-style:italic;
}
.cl-testimonial-grid footer {
	margin-top:1rem;
	color:var(--figma-ink);
	font-weight:850;
}
.cl-testimonial-grid small {
	display:block;
	color:var(--figma-muted);
	font-weight:600;
}
.cl-logo-strip {
	margin-top:2rem;
	border:1px solid var(--figma-line);
	border-radius:.45rem;
	background:rgba(255,255,255,.55);
	padding:1.35rem;
	text-align:center;
}
.cl-logo-strip p {
	color:var(--figma-tan);
	font-size:.68rem;
	font-weight:900;
	letter-spacing:.18em;
	text-transform:uppercase;
}
.cl-logo-strip div {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:1.6rem;
	margin-top:1rem;
	color:#c9bbb0;
	font-weight:850;
}

.cl-inquiry-grid {
	display:grid;
	grid-template-columns:minmax(0,1fr) 410px;
	gap:4rem;
	align-items:start;
}
.cl-check-list {
	display:grid;
	gap:.55rem;
	margin-top:1.4rem;
}
.cl-check-list li {
	position:relative;
	padding-left:1.6rem;
	color:var(--figma-text);
}
.cl-check-list li::before {
	content:"✓";
	position:absolute;
	left:0;
	color:var(--figma-brown);
	font-weight:900;
}
.cl-contact-box {
	display:grid;
	gap:.35rem;
	max-width:330px;
	margin-top:1.5rem;
	border-radius:.45rem;
	background:var(--figma-card);
	padding:1rem;
}
.cl-contact-box strong { color:var(--figma-ink); }
.cl-contact-box a {
	color:var(--figma-brown);
	font-weight:800;
}
.cl-form-card-cream {
	background:var(--figma-card);
	box-shadow:0 16px 45px rgba(80,48,25,.09);
}

.cl-stat-band {
	border-bottom:1px solid var(--figma-line);
	background:#fffaf5;
}
.cl-stat-band .cl-wrap {
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
}
.cl-stat-band .cl-wrap > div {
	min-height:130px;
	border-right:1px solid var(--figma-line);
	padding:2rem 1.6rem;
}
.cl-stat-band .cl-wrap > div:last-child { border-right:0; }
.cl-stat-band strong {
	display:block;
	color:var(--figma-ink);
	font-size:2.4rem;
	line-height:1;
}
.cl-stat-band p {
	max-width:160px;
	margin-top:.65rem;
	color:var(--figma-muted);
	font-size:.82rem;
}

.cl-two-col {
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(340px,1fr);
	gap:5.2rem;
	align-items:center;
}
.cl-two-col p:not(.cl-eyebrow) {
	margin-top:1rem;
	color:var(--figma-muted);
}
.cl-photo-placeholder,
.cl-map-placeholder {
	display:grid;
	place-items:center;
	min-height:315px;
	border-radius:.6rem;
	background:linear-gradient(145deg,#f7f1e8,#eadfce);
	color:#aa9d91;
	text-align:center;
}
.cl-photo-dark {
	background:rgba(255,255,255,.08);
	color:rgba(255,255,255,.45);
}
.cl-photo-placeholder span,
.cl-map-placeholder span {
	font-size:1.7rem;
}
.cl-photo-stack { position:relative; }
.cl-year-badge {
	position: absolute;	
	display: block;
	place-items: center;
	width: 6.6rem;
	height: 6.6rem;
	border-radius: 50%;
	background: var(--figma-brown);
	box-shadow: 0 15px 35px rgba(80,48,25,.22);
	color: #fff;
	text-align: center;	
	padding-top: 7%;
}
.cl-year-badge strong {
	display:block;
	font-size:1.35rem;
}
.cl-year-badge span {
	font-size:.68rem;
	line-height:1.1;
}

.cl-value-grid {
	grid-template-columns:repeat(3,minmax(0,1fr));
	margin-top:2.2rem;
	overflow:hidden;
	border:1px solid var(--figma-line);
	border-radius:.55rem;
	background:#fff;
	text-align:left;
}
.cl-value-grid article {
	padding:2rem;
	border-right:1px solid var(--figma-line);
}
.cl-value-grid article:last-child { border-right:0; }
.cl-value-grid h3 { margin-top:1.1rem; }
.cl-value-grid p {
	margin-top:1rem;
	color:var(--figma-muted);
	font-size:.85rem;
}
.cl-icon-green { background:#5d8e6d; }
.cl-figma blockquote {
	margin-top:2rem;
	border-radius:.55rem;
	background:var(--figma-brown);
	padding:1.6rem 2rem;
	color:#fff;
	font-size:1.45rem;
	font-style:italic;
	font-weight:700;
	line-height:1.4;
	text-align:left;
}

.cl-team-grid {
	grid-template-columns:repeat(4,minmax(0,1fr));
	margin-top:2rem;
}
.cl-team-grid article {
	overflow:hidden;
	border:1px solid var(--figma-line);
	border-radius:.55rem;
	background:var(--figma-card);
}
.cl-team-photo {
	position:relative;
	display:grid;
	place-items:center;
	min-height:250px;
	background:linear-gradient(145deg,#d7c9a9,#b8a37d);
	color:#847567;
	text-align:center;
}
.cl-team-security .cl-team-photo { background:linear-gradient(145deg,#dbe6cf,#afc294); }
.cl-security-label {
	position:absolute;
	right:.8rem;
	top:.8rem;
	border-radius:999px;
	background:#fff;
	padding:.25rem .5rem;
	color:var(--figma-brown);
	font-size:.58rem;
	font-weight:900;
}
.cl-team-grid article > div:last-child { padding:1.25rem; }
.cl-team-grid h3 { font-size:1.15rem; }
.cl-role {
	margin-top:.25rem !important;
	color:var(--figma-tan) !important;
	font-size:.62rem;
	font-weight:900;
	letter-spacing:.12em;
	text-transform:uppercase;
}
.cl-team-grid p:not(.cl-role) {
	margin-top:.85rem;
	color:var(--figma-muted);
	font-size:.78rem;
	line-height:1.6;
}

.cl-contact-list {
	display:grid;
	gap:.7rem;
	margin-top:1.5rem;
}
.cl-contact-list li {
	display:flex;
	align-items:center;
	gap:.75rem;
	color:var(--figma-text);
	font-weight:750;
}
.cl-contact-list span {
	display:grid;
	place-items:center;
	width:1.8rem;
	height:1.8rem;
	border-radius:50%;
	background:#fff;
	color:var(--figma-brown);
}
.cl-map-placeholder {
	background-image:
		linear-gradient(rgba(107,54,23,.045) 1px,transparent 1px),
		linear-gradient(90deg,rgba(107,54,23,.045) 1px,transparent 1px);
	background-size:34px 34px;
}
.cl-map-placeholder span { color:#e14275; }
.cl-final-about { padding-block:6.6rem; }
.cl-final-about h2 em { color:var(--figma-tan); }

@media (max-width:1100px) {
	.cl-hero-grid,
	.cl-hero-with-form,
	.cl-finder,
	.cl-about-teaser,
	.cl-before-after,
	.cl-inquiry-grid,
	.cl-two-col {
		grid-template-columns:1fr;
	}
	.cl-hero-cards { max-width:560px; }
	.cl-about-box { padding:2rem; }
	
	.catalog-product-view .price { font-size:26px; }	
}

@media (max-width:860px) {
	.cl-cms-page.cl-figma { font-size:15px; }
	.cl-section,
	.cl-hero { padding:4rem 0; }
	.cl-category-grid,
	.cl-product-grid,
	.cl-article-grid,
	.cl-service-grid,
	.cl-reference-grid,
	.cl-testimonial-grid,
	.cl-cta-grid,
	.cl-team-grid,
	.cl-value-grid,
	.cl-trust-grid,
	.cl-stat-band .cl-wrap,
	.cl-service-board,
	.cl-process,
	.cl-facts {
		grid-template-columns:1fr 1fr;
	}
	.cl-heading-row,
	.cl-note-cta,
	.cl-wide-cta {
		align-items:flex-start;
		flex-direction:column;
	}
	.cl-wide-cta { display:flex; }
	.cl-service-board article,
	.cl-service-board aside,
	.cl-value-grid article,
	.cl-stat-band .cl-wrap > div {
		border-right:0;
	}
	.cl-process::before { display:none; }
}

@media (max-width:620px) {
	.cl-wrap { width:min(100% - 1.25rem,1120px); }
	.cl-cms-page.cl-figma h1 { font-size:2.85rem; }
	.cl-cms-page.cl-figma h2 { font-size:2.1rem; }
	.cl-category-grid,
	.cl-product-grid,
	.cl-article-grid,
	.cl-service-grid,
	.cl-reference-grid,
	.cl-testimonial-grid,
	.cl-cta-grid,
	.cl-team-grid,
	.cl-value-grid,
	.cl-trust-grid,
	.cl-stat-band .cl-wrap,
	.cl-service-board,
	.cl-process,
	.cl-facts,
	.cl-form-grid {
		grid-template-columns:1fr;
	}
	.cl-finder,
	.cl-about-box {
		padding:1.4rem;
	}
	.cl-hero-cards {
		display:grid;
		gap:1rem;
		min-height:0;
	}
	.cl-float-card {
		position:relative;
		inset:auto;
		width:100%;
		height:145px;
	}
	.cl-tabs {
		display:grid;
		width:100%;
	}
	.cl-tabs button { width:100%; }
	.cl-photo-placeholder,
	.cl-map-placeholder { min-height:230px; }
	.cl-year-badge {
		right:1rem;
		width:5.5rem;
		height:5.5rem;
	}
}

.cl-figma a.cl-btn-light { color:var(--figma-brown); }
.cl-figma a.cl-btn-primary { color:#fff; }
.cl-figma a.cl-btn-ghost { color:#fff; }
.cl-figma a.cl-btn-outline { color:var(--figma-brown); }
.cl-figma a.cl-image-card { color:#fff; }
.cl-figma a.cl-image-card strong { color:#fff; }
.cl-figma a.cl-image-card small { color:rgba(255,255,255,.72); }
.cl-figma a.cl-video-card { color:#fff; }
.cl-figma .cl-upload {
	position:relative;
	cursor:pointer;
	letter-spacing:0;
	text-transform:none;
}
.cl-figma .cl-file-input {
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	margin:0;
	opacity:0;
	cursor:pointer;
}
.cl-figma .cl-tabs label {
	display:flex;
	align-items:center;
	justify-content:center;
	flex:1;
	margin:0;
	border:0;
	background:#fff;
	padding:.55rem;
	color:var(--figma-brown);
	font-size:.7rem;
	font-weight:850;
	letter-spacing:0;
	text-transform:none;
	cursor:pointer;
}
.cl-figma .cl-tabs label:has(input:checked) {
	background:var(--figma-brown);
	color:#fff;
}
.cl-figma .cl-tabs input[type="radio"] {
	position:absolute;
	width:1px;
	height:1px;
	margin:0;
	opacity:0;
	pointer-events:none;
}
.cl-figma .cl-honeypot {
	position:fixed !important;
	left:0 !important;
	top:0 !important;
	width:1px !important;
	height:1px !important;
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
	opacity:0 !important;
	pointer-events:none !important;
}

.cl-figma .cl-tab-panel[hidden],
.cl-figma .cl-form-tab-panel[hidden] {
	display:none !important;
}

.cl-figma .cl-tabs button {
	cursor:pointer;
	transition:background .18s ease,color .18s ease,border-color .18s ease;
}

.cl-figma .cl-tabs button:first-child:not(.is-active) {
	background:#fff;
	color:var(--figma-brown);
}

.cl-figma .cl-tabs button.is-active,
.cl-figma .cl-tabs label.is-active {
	background:var(--figma-brown);
	color:#fff;
}

.cl-figma .cl-filter button {
	cursor:pointer;
	transition:background .18s ease,color .18s ease,border-color .18s ease;
}

.cl-figma .cl-filter button.is-active {
	background:var(--figma-brown);
	color:#fff;
}

.cl-figma .cl-form-tab-panel {
	margin-top:.8rem;
	border:1px solid var(--figma-line);
	border-radius:.42rem;
	background:#fffaf5;
	padding:.8rem;
}

.cl-figma .cl-form-tab-panel strong {
	display:block;
	color:var(--figma-ink);
	font-size:.82rem;
}

.cl-figma .cl-form-tab-panel p {
	margin-top:.35rem;
	font-size:.74rem;
	line-height:1.45;
}

.cl-figma .cl-form-card label.has-error {
	color:var(--color-cl-state-error);
}

.cl-figma .cl-form-card input[aria-invalid="true"],
.cl-figma .cl-form-card textarea[aria-invalid="true"],
.cl-figma .cl-form-card select[aria-invalid="true"] {
	border-color:var(--color-cl-state-error);
	box-shadow:0 0 0 2px rgba(192,57,43,.12);
}

.cl-figma .cl-compare {
	display:block;
	isolation:isolate;
	background:#2b160e;
	touch-action:none;
}

.cl-figma .cl-compare::before,
.cl-figma .cl-compare::after {
	content:none;
}

.cl-figma .cl-compare-image {
	position:absolute;
	inset:0;
	overflow:hidden;
}

.cl-figma .cl-compare-image img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}

.cl-figma .cl-compare-before {
	z-index:1;
}

.cl-figma .cl-compare-after {
	z-index:2;
	width:var(--cl-compare-position,50%);
	border-right:2px solid #fff;
}

.cl-figma .cl-compare-image span {
	z-index:4;
}

.cl-figma .cl-compare-image small {
	z-index:4;
}

.cl-figma .cl-compare-after span {
	right:1rem;
	left:auto;
}

.cl-figma .cl-compare-after small {
	right:1rem;
	left:auto;
	text-align:right;
}

.cl-figma .cl-compare-handle {
	position:absolute;
	left:var(--cl-compare-position,50%);
	top:50%;
	z-index:5;
	display:grid;
	place-items:center;
	width:2.35rem;
	height:2.35rem;
	border:2px solid #fff;
	border-radius:50%;
	background:rgba(255,255,255,.96);
	color:var(--figma-brown);
	box-shadow:0 8px 22px rgba(43,22,14,.28);
	transform:translate(-50%,-50%);
	pointer-events:none;
}

.cl-figma .cl-compare-handle::before {
	content:"↔";
	font-size:.85rem;
	font-weight:900;
}

.cl-figma .cl-compare-control {
	position:absolute;
	inset:0;
	z-index:6;
	display:block;
	margin:0;
	cursor:ew-resize;
	letter-spacing:0;
	text-transform:none;
}

.cl-figma .cl-compare-control > span {
	position:absolute;
	width:1px;
	height:1px;
	overflow:hidden;
	clip:rect(0 0 0 0);
	white-space:nowrap;
}

.cl-figma .cl-compare-control input {
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border:0;
	background:transparent;
	opacity:0;
	cursor:ew-resize;
}

/* Updated about page concept, 2026-05-22. */
.cl-about .cl-about-quote-section {
	background:var(--figma-cream);
	padding:4.2rem 0;
}

.cl-about .cl-about-quote-section blockquote {
	max-width:880px;
	margin:0 auto;
	box-shadow:0 20px 42px rgba(80,48,25,.14);
}

.cl-about #team h2 {
	max-width:680px;
}

.cl-about #team .cl-section-intro {
	max-width:520px;
}

.cl-about .cl-team-grid {
	align-items:stretch;
}

.cl-about .cl-team-grid article {
	display:flex;
	flex-direction:column;
}

.cl-about .cl-team-grid article > div:last-child {
	flex:1;
}

.cl-about .cl-value-grid .cl-icon::before {
	color:#fff;
	font-size:.95rem;
	font-weight:900;
	line-height:1;
}

.cl-about .cl-about-icon-product::before { content:"▰"; }
.cl-about .cl-about-icon-advice::before { content:"●"; }
.cl-about .cl-about-icon-repair::before { content:"↺"; }

.cl-about-location-hero {
	position:relative;
	overflow:hidden;
	background-color:var(--figma-brown-dark);
	padding:5.6rem 0;
	color:#fff;
}

.cl-about-location-hero .cl-wrap {
	position:relative;
	min-height:420px;
	border:1px dashed rgba(255,255,255,.38);
	border-radius:.5rem;
	padding:4.2rem 5rem;
}

.cl-location-card {
	max-width:520px;
	border:1px solid rgba(255,255,255,.18);
	border-radius:.6rem;
	background:rgba(43,22,14,.58);
	padding:2.5rem 2.8rem;
	box-shadow:0 24px 60px rgba(0,0,0,.16);
}

.cl-location-card h2 {
	margin-top:.7rem;
	color:#fff;
}

.cl-location-card p {
	margin-top:1rem;
	color:rgba(255,255,255,.74);
}

.cl-location-note {
	position:absolute;
	right:1rem;
	top:1rem;
	border-radius:.24rem;
	background:rgba(0,0,0,.32);
	padding:.35rem .55rem;
	color:rgba(255,255,255,.72);
	font-size:.68rem;
	font-weight:800;
}

.cl-about-contact-section {
	padding-block:3.4rem;
}

.cl-location-contact-grid {
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(320px,500px);
	align-items:center;
	gap:4rem;
}

.cl-location-contact-grid .cl-contact-list {
	margin-top:0;
}

.cl-about-story {
	border-top:1px solid var(--figma-line);
}

.cl-about-story .cl-photo-placeholder {
	min-height:340px;
}

.cl-about .cl-year-badge {
	width:6.8rem;
	height:6.8rem;
}

.cl-about .cl-year-badge strong {
	font-size:.68rem;
	line-height:1.1;
}

.cl-about .cl-year-badge span {
	margin-top:.15rem;
	font-size:1.35rem;
	font-weight:850;
}

@media (max-width:1100px) {
	.cl-about-location-hero .cl-wrap {
		padding:3rem;
	}
	.cl-location-contact-grid {
		grid-template-columns:1fr;
	}
}

@media (max-width:620px) {
	.cl-about .cl-about-quote-section {
		padding:2.8rem 0;
	}
	.cl-about .cl-about-quote-section blockquote {
		font-size:1.05rem;
	}
	.cl-about-location-hero {
		padding:3.2rem 0;
	}
	.cl-about-location-hero .cl-wrap {
		min-height:0;
		padding:1rem;
	}
	.cl-location-card {
		padding:1.5rem;
	}
	.cl-location-note {
		position:static;
		display:inline-flex;
		margin-top:1rem;
	}
}

/* Design guide alignment, 2026-07-09. */
.cl-cms-page.cl-figma {
	--figma-ink:#1A1A1A;
	--figma-text:#1A1A1A;
	--figma-muted:#5f534b;
	--figma-brown:#6E5040;
	--figma-brown-dark:#4A3728;
	--figma-brown-soft:#6E5040;
	--figma-accent:#E05A1A;
	--figma-accent-hover:#C44A10;
	--figma-cream:#F5F0EC;
	--figma-card:#F5F0EC;
	--figma-line:#E2D5CC;
	background:#FFFFFF;
	color:var(--figma-text);
	font-size:16px;
	line-height:1.6;
	width:100%;
	max-width:none;
	margin:0;
}

.cl-cms-page.cl-figma > section {
	width:100%;
}

.cl-cms-page.cl-figma .cl-wrap {
	width:min(100% - 80px,1280px);
}

.cl-cms-page.cl-figma h1 {
	letter-spacing:0;
	color:var(--figma-ink);
}

.cl-cms-page.cl-figma h1 {
	font-size:40px;
	font-weight:700;
	line-height:1.1;
	color:var(--color-cl-marker);
}

.cl-cms-page.cl-figma h2 {
	font-size:28px;
	font-weight:600;
	line-height:1.2;
	margin-top:0.65rem;
	margin-bottom:1em;
}

.cl-cms-page.cl-figma h3 {
	font-size:20px;
	font-weight:600;
	line-height:1.3;
}

.cl-cms-page.cl-figma p,
.cl-cms-page.cl-figma li,
.cl-cms-page.cl-figma label,
.cl-cms-page.cl-figma input,
.cl-cms-page.cl-figma textarea,
.cl-cms-page.cl-figma select {
	font-size:16px;
	line-height:1.6;
}

.cl-cms-page.cl-figma .cl-kicker,
.cl-cms-page.cl-figma .cl-eyebrow,
.cl-cms-page.cl-figma .cl-small-note,
.cl-cms-page.cl-figma .cl-meta,
.cl-cms-page.cl-figma .cl-badge,
.cl-cms-page.cl-figma .cl-product-meta,
.cl-cms-page.cl-figma .cl-card-label,
.cl-cms-page.cl-figma .cl-before-after-labels,
.cl-cms-page.cl-figma .cl-location-note {
	font-size:14px;
	line-height:1.4;
}

.cl-cms-page.cl-figma .cl-section {
	padding:64px 0;
}

.cl-cms-page.cl-figma .cl-hero {
	padding:96px 0 104px;
}

.cl-cms-page.cl-figma .cl-hero-grid,
.cl-cms-page.cl-figma .cl-split,
.cl-cms-page.cl-figma .cl-workshop-hero-grid,
.cl-cms-page.cl-figma .cl-location-contact-grid {
	gap:64px;
}

.cl-cms-page.cl-figma .cl-section-intro,
.cl-cms-page.cl-figma .cl-small-note,
.cl-cms-page.cl-figma .cl-copy p {
	margin-top:16px;
}

.cl-cms-page.cl-figma .cl-actions,
.cl-cms-page.cl-figma .cl-category-grid,
.cl-cms-page.cl-figma .cl-product-grid,
.cl-cms-page.cl-figma .cl-service-grid,
.cl-cms-page.cl-figma .cl-reference-grid,
.cl-cms-page.cl-figma .cl-team-grid,
.cl-cms-page.cl-figma .cl-value-grid,
.cl-cms-page.cl-figma .cl-article-grid,
.cl-cms-page.cl-figma .cl-contact-list,
.cl-cms-page.cl-figma .cl-form-grid,
.cl-cms-page.cl-figma .cl-form-row {
	gap:24px;
	margin-top:24px;
}

.cl-cms-page.cl-figma .cl-actions {
	gap:16px;
}

.cl-cms-page.cl-figma .cl-btn {
	min-height:44px;
	border-radius:8px;
	padding:12px 24px;
	font-size:16px;
	font-weight:700;
	line-height:1.25;
}

.cl-cms-page.cl-figma .cl-btn-primary {
	background:var(--figma-brown);
	color:#FFFFFF;
}

.cl-cms-page.cl-figma .cl-btn-primary:hover,
.cl-cms-page.cl-figma .cl-btn-primary:focus-visible {
	background:var(--figma-brown-dark);
}

.cl-cms-page.cl-figma .cl-btn-accent,
.cl-cms-page.cl-figma .cl-product-card .cl-btn,
.cl-cms-page.cl-figma .cl-submit {
	background:var(--figma-accent);
	color:#FFFFFF;
}

.cl-cms-page.cl-figma .cl-btn-accent:hover,
.cl-cms-page.cl-figma .cl-btn-accent:focus-visible,
.cl-cms-page.cl-figma .cl-product-card .cl-btn:hover,
.cl-cms-page.cl-figma .cl-product-card .cl-btn:focus-visible,
.cl-cms-page.cl-figma .cl-submit:hover,
.cl-cms-page.cl-figma .cl-submit:focus-visible {
	background:var(--figma-accent-hover);
}

.cl-cms-page.cl-figma .cl-image-card,
.cl-cms-page.cl-figma .cl-product-card,
.cl-cms-page.cl-figma .cl-category-card,
.cl-cms-page.cl-figma .cl-article-card,
.cl-cms-page.cl-figma .cl-service-grid article,
.cl-cms-page.cl-figma .cl-reference-grid article,
.cl-cms-page.cl-figma .cl-team-grid article,
.cl-cms-page.cl-figma .cl-value-grid article,
.cl-cms-page.cl-figma .cl-form-card,
.cl-cms-page.cl-figma .cl-map-placeholder,
.cl-cms-page.cl-figma .cl-photo-placeholder,
.cl-cms-page.cl-figma .cl-finder,
.cl-cms-page.cl-figma .cl-wide-cta,
.cl-cms-page.cl-figma .cl-location-card,
.cl-cms-page.cl-figma .cl-before-after-stage,
.cl-cms-page.cl-figma blockquote {
	border-radius:12px;
}

.cl-cms-page.cl-figma .cl-product-card,
.cl-cms-page.cl-figma .cl-category-card,
.cl-cms-page.cl-figma .cl-article-card,
.cl-cms-page.cl-figma .cl-service-grid article,
.cl-cms-page.cl-figma .cl-reference-grid article,
.cl-cms-page.cl-figma .cl-team-grid article,
.cl-cms-page.cl-figma .cl-value-grid article,
.cl-cms-page.cl-figma .cl-form-card,
.cl-cms-page.cl-figma .cl-location-card {
	padding:20px;
}

.cl-cms-page.cl-figma .cl-finder,
.cl-cms-page.cl-figma .cl-wide-cta {
	padding:40px;
}

.cl-cms-page.cl-figma input,
.cl-cms-page.cl-figma textarea,
.cl-cms-page.cl-figma select {
	border-color:var(--figma-line);
	border-radius:8px;
}

.cl-cms-page.cl-figma .cl-badge,
.cl-cms-page.cl-figma .cl-product-meta .cl-sale {
	background:var(--figma-accent);
	color:#FFFFFF;
}

@media (max-width:900px) {
	.cl-cms-page.cl-figma .cl-wrap {
		width:min(100% - 48px,1280px);
	}

	.cl-cms-page.cl-figma .cl-hero-grid,
	.cl-cms-page.cl-figma .cl-split,
	.cl-cms-page.cl-figma .cl-workshop-hero-grid,
	.cl-cms-page.cl-figma .cl-location-contact-grid {
		gap:40px;
	}
}

@media (max-width:620px) {
	.cl-cms-page.cl-figma {
		font-size:15px;
	}

	.cl-cms-page.cl-figma .cl-wrap {
		width:min(100% - 32px,1280px);
	}

	.cl-cms-page.cl-figma h1 {
		font-size:28px;
		line-height:1.1;
	}

	.cl-cms-page.cl-figma h2 {
		font-size:22px;
		line-height:1.2;
	}

	.cl-cms-page.cl-figma h3 {
		font-size:18px;
		line-height:1.3;
	}

	.cl-cms-page.cl-figma p,
	.cl-cms-page.cl-figma li,
	.cl-cms-page.cl-figma label,
	.cl-cms-page.cl-figma input,
	.cl-cms-page.cl-figma textarea,
	.cl-cms-page.cl-figma select {
		font-size:15px;
	}

	.cl-cms-page.cl-figma .cl-section {
		padding:40px 0;
	}

	.cl-cms-page.cl-figma .cl-hero {
		padding:64px 0;
	}

	.cl-cms-page.cl-figma .cl-section-intro,
	.cl-cms-page.cl-figma .cl-small-note,
	.cl-cms-page.cl-figma .cl-copy p {
		margin-top:16px;
	}

	.cl-cms-page.cl-figma .cl-actions,
	.cl-cms-page.cl-figma .cl-category-grid,
	.cl-cms-page.cl-figma .cl-product-grid,
	.cl-cms-page.cl-figma .cl-service-grid,
	.cl-cms-page.cl-figma .cl-reference-grid,
	.cl-cms-page.cl-figma .cl-team-grid,
	.cl-cms-page.cl-figma .cl-value-grid,
	.cl-cms-page.cl-figma .cl-article-grid,
	.cl-cms-page.cl-figma .cl-contact-list,
	.cl-cms-page.cl-figma .cl-form-grid,
	.cl-cms-page.cl-figma .cl-form-row {
		gap:16px;
		margin-top:24px;
	}

	.cl-cms-page.cl-figma .cl-btn {
		min-height:44px;
		padding:10px 20px;
		font-size:15px;
	}

	.cl-cms-page.cl-figma .cl-product-card,
	.cl-cms-page.cl-figma .cl-category-card,
	.cl-cms-page.cl-figma .cl-article-card,
	.cl-cms-page.cl-figma .cl-service-grid article,
	.cl-cms-page.cl-figma .cl-reference-grid article,
	.cl-cms-page.cl-figma .cl-team-grid article,
	.cl-cms-page.cl-figma .cl-value-grid article,
	.cl-cms-page.cl-figma .cl-form-card,
	.cl-cms-page.cl-figma .cl-location-card {
		padding:20px;
	}

	.cl-cms-page.cl-figma .cl-finder,
	.cl-cms-page.cl-figma .cl-wide-cta {
		padding:24px;
	}
}

/* Global shop design guide alignment, 2026-07-10. */
:root {
	--color-primary:#6E5040;
	--color-primary-lighter:#4A3728;
	--color-primary-darker:#4A3728;
	--color-secondary:#E05A1A;
	--color-secondary-lighter:#C44A10;
	--color-secondary-darker:#C44A10;
	--color-bg:#FFFFFF;
	--color-fg:#1A1A1A;
	--color-fg-secondary:#5f534b;
	--color-surface:#FFFFFF;
	--color-container:#F5F0EC;
	--color-container-darker:#E2D5CC;
	--color-on-primary:#FFFFFF;
	--radius-lg:8px;
	--card-radius:12px;
	--form-radius:8px;
}

body {
	background:#FFFFFF;
	color:#1A1A1A;
	font-family:"Nunito Sans",sans-serif;
	font-size:16px;
	font-weight:400;
	line-height:1.6;
	letter-spacing:0;
}

body :where(main, .page-main) :where(p, li, dd, td, th, blockquote, figcaption):where(:not(.text-xs):not(.text-sm)) {
	font-size:16px;
	line-height:1.6;
}

body :where(main, .page-main) .prose,
body :where(main, .page-main) .product-description,
body :where(main, .page-main) .category-description,
body :where(main, .page-main) [data-content-type="text"] {
	font-size:16px;
	line-height:1.6;
}

body :where(main, .page-main) .prose :where(p, li, dd, blockquote),
body :where(main, .page-main) .product-description :where(p, li, dd, blockquote),
body :where(main, .page-main) .category-description :where(p, li, dd, blockquote) {
	font-size:inherit;
	line-height:inherit;
}

body :where(main, .page-main) .prose :where(p, ul, ol),
body :where(main, .page-main) .product-description :where(p, ul, ol),
body :where(main, .page-main) .category-description :where(p, ul, ol) {
	margin-block:0 16px;
}

body :where(main, .page-main) :where(h1, .page-title h1) {
	font-size:40px;
	font-weight:700;
	line-height:1.1;
	letter-spacing:0;
	margin-top:1em;
}

body :where(main, .page-main) :where(h2) {
	font-size:28px;
	font-weight:600;
	line-height:1.2;
	letter-spacing:0;
}

body :where(main, .page-main) :where(h3) {
	font-size:20px;
	font-weight:600;
	line-height:1.3;
	letter-spacing:0;
}

body :where(main, .page-main) :where(h1, h2, h3) {
	color:#1A1A1A;
}

body :where(main, .page-main) :where(.container, .columns) {
	width:min(100% - 80px,1280px);
	max-width:1280px;
	margin-inline:auto;
	padding-inline:0;
}

body .page-main {
	margin-block:0px;
}

/* Customer account pages need breathing room above the footer. */
body.account .page-main {
	margin-bottom:2em;
}

/* Match the address heading to h3 and its action to body copy. */
body.customer-account-index .block-dashboard-addresses > .block-title > span {
	font-size:20px;
	line-height:1.3;
}

body.customer-account-index .block-dashboard-addresses > .block-title > a {
	font-size:16px;
	line-height:1.6;
}

body :where(main, .page-main) .columns {
	gap:40px;
}

body :where(main, .page-main) .btn,
body :where(main, .page-main) :where(a, button, div).pagebuilder-button-primary,
body :where(main, .page-main) :where(a, button, div).pagebuilder-button-secondary {
	min-height:44px;
	border-radius:8px;
	border-width:1px;
	padding:12px 24px;
	font-size:16px;
	font-weight:700;
	line-height:1.25;
}

body :where(main, .page-main) .btn-primary,
body :where(main, .page-main) :where(a, button, div).pagebuilder-button-primary {
	--btn-bg:#6E5040;
	--btn-hover-bg:#4A3728;
	--btn-active-bg:#4A3728;
	--btn-color:#FFFFFF;
	--btn-hover-color:#FFFFFF;
	--btn-active-color:#FFFFFF;
	background-color:#6E5040;
	color:#FFFFFF;
}

body :where(main, .page-main) .btn-primary:hover,
body :where(main, .page-main) .btn-primary:focus-visible,
body :where(main, .page-main) :where(a, button, div).pagebuilder-button-primary:hover,
body :where(main, .page-main) :where(a, button, div).pagebuilder-button-primary:focus-visible {
	background-color:#4A3728;
	color:#FFFFFF;
}

body :where(main, .page-main) .card {
	border-color:#E2D5CC;
	border-radius:12px;
	padding:20px;
}

body :where(main, .page-main) :where(input, textarea, select, .form-input, .form-textarea, .form-select) {
	border-radius:8px;
	font-size:16px;
	line-height:1.6;
}

@media (max-width:47.999rem) {
	body {
		font-size:15px;
	}

	body :where(main, .page-main) :where(p, li, dd, td, th, blockquote, figcaption):where(:not(.text-xs):not(.text-sm)),
	body :where(main, .page-main) .prose,
	body :where(main, .page-main) .product-description,
	body :where(main, .page-main) .category-description,
	body :where(main, .page-main) [data-content-type="text"] {
		font-size:15px;
		line-height:1.6;
	}

	body :where(main, .page-main) :where(h1, .page-title h1) {
		font-size:28px;
		line-height:1.1;
	}

	body :where(main, .page-main) :where(h2) {
		font-size:22px;
		line-height:1.2;
	}

	body :where(main, .page-main) :where(h3) {
		font-size:18px;
		line-height:1.3;
	}

	body :where(main, .page-main) :where(.container, .columns) {
		width:min(100% - 32px,1280px);
	}

	body .page-main {
		margin-block:24px;
	}

	body :where(main, .page-main) .columns {
		gap:24px;
	}

	body :where(main, .page-main) .btn,
	body :where(main, .page-main) :where(a, button, div).pagebuilder-button-primary,
	body :where(main, .page-main) :where(a, button, div).pagebuilder-button-secondary {
		padding:10px 20px;
		font-size:15px;
	}

	body :where(main, .page-main) :where(input, textarea, select, .form-input, .form-textarea, .form-select) {
		font-size:15px;
	}
}

/* Category intro and SEO copy: align PageBuilder content and restore text rhythm. */
body.catalog-category-view .category-view.container {
	width:min(100% - 80px,1280px);
	max-width:1280px;
	margin-inline:auto;
	padding-inline:0;
}

body.catalog-category-view :is(.category-description,.category-bottom-description)
	[data-content-type="row"][data-appearance="contained"] {
	max-width:none;
	padding-inline:0;
}

body.catalog-category-view .category-description {
	font-size:16px;
	line-height:1.65;
}

body.catalog-category-view .category-description :is(h1,h2) {
	margin:0 0 12px;
	color:#1A1A1A;
	font-size:28px;
	font-weight:600;
	line-height:1.2;
}

body.catalog-category-view .category-description p {
	margin:0 0 24px;
	font-size:inherit;
	line-height:inherit;
}

body.catalog-category-view .category-bottom-description {
	margin-bottom:2em;
	font-size:16px;
	line-height:1.7;
}

body.catalog-category-view .category-bottom-description p {
	margin:0 0 20px;
	font-size:inherit;
	line-height:1.7;
}

body.catalog-category-view .category-bottom-description h2 {
	margin:40px 0 14px;
	font-size:28px;
	font-weight:600;
	line-height:1.2;
}

body.catalog-category-view .category-bottom-description h3 {
	margin:28px 0 10px;
	font-size:20px;
	font-weight:600;
	line-height:1.3;
}

body.catalog-category-view .category-bottom-description :is(ul,ol) {
	margin:0 0 24px;
	padding-left:1.4em;
}

body.catalog-category-view .category-bottom-description li {
	margin-top:8px;
	line-height:1.65;
}

body.catalog-category-view .category-bottom-description [data-content-type="text"] > :first-child {
	margin-top:0;
}

body.catalog-category-view .category-bottom-description [data-content-type="text"] > :last-child {
	margin-bottom:0;
}

@media (max-width:47.999rem) {
	body.catalog-category-view .category-view.container {
		width:min(100% - 32px,1280px);
	}

	body.catalog-category-view .category-description,
	body.catalog-category-view .category-bottom-description {
		font-size:15px;
	}

	body.catalog-category-view .category-description :is(h1,h2),
	body.catalog-category-view .category-bottom-description h2 {
		font-size:22px;
	}

	body.catalog-category-view .category-bottom-description h2 {
		margin-top:32px;
	}

	body.catalog-category-view .category-bottom-description h3 {
		margin-top:24px;
		font-size:18px;
	}
}

@media (min-width:1024px) {
	#header .navigation > div > nav > ul > li > a,
	#header .navigation .level-top {
		font-size:14px;
		line-height:20px;
	}
}

.page-footer :where(h1, h2, h3, h4, h5, h6),
footer :where(h1, h2, h3, h4, h5, h6) {
	color:inherit;
}

.page-footer h2.text-2xl,
footer h2.text-2xl {
	font-size:1.5rem;
	line-height:2rem;
}

.page-footer h3.text-xs,
footer h3.text-xs {
	font-size:.75rem;
	line-height:1rem;
}

body.cms-index-index :where(main.page-main, .page-main),
body.cms-home :where(main.page-main, .page-main),
body.cms-startseite :where(main.page-main, .page-main),
body.cms-lederwerkstatt :where(main.page-main, .page-main),
body.cms-ueber-uns :where(main.page-main, .page-main),
body.cms-legal-page :where(main.page-main, .page-main),
body:is(.cms-anleitungen,.cms-instructions,.cms-guides,.cms-istruzioni) :where(main.page-main, .page-main),
body.cms-index-index :where(main, .page-main) :where(.container, .columns, .column.main),
body.cms-home :where(main, .page-main) :where(.container, .columns, .column.main),
body.cms-startseite :where(main, .page-main) :where(.container, .columns, .column.main),
body.cms-lederwerkstatt :where(main, .page-main) :where(.container, .columns, .column.main),
body.cms-ueber-uns :where(main, .page-main) :where(.container, .columns, .column.main),
body.cms-legal-page :where(main, .page-main) :where(.container, .columns, .column.main),
body:is(.cms-anleitungen,.cms-instructions,.cms-guides,.cms-istruzioni) :where(main, .page-main) :where(.container, .columns, .column.main) {
	width:100%;
	max-width:none;
	padding-left:0;
	padding-right:0;
	margin-left:0;
	margin-right:0;
}

body.cms-index-index,
body.cms-home,
body.cms-startseite,
body.cms-lederwerkstatt,
body.cms-ueber-uns,
body.cms-legal-page,
body.cms-index-index :where(main.page-main, .page-main),
body.cms-home :where(main.page-main, .page-main),
body.cms-startseite :where(main.page-main, .page-main),
body.cms-lederwerkstatt :where(main.page-main, .page-main),
body.cms-ueber-uns :where(main.page-main, .page-main),
body.cms-legal-page :where(main.page-main, .page-main),
.cl-cms-page.cl-figma {
	overflow-x:clip;
}

@supports not (overflow:clip) {
	body.cms-index-index,
	body.cms-home,
	body.cms-startseite,
	body.cms-lederwerkstatt,
	body.cms-ueber-uns,
	body.cms-legal-page,
	body.cms-index-index :where(main.page-main, .page-main),
	body.cms-home :where(main.page-main, .page-main),
	body.cms-startseite :where(main.page-main, .page-main),
	body.cms-lederwerkstatt :where(main.page-main, .page-main),
	body.cms-ueber-uns :where(main.page-main, .page-main),
	body.cms-legal-page :where(main.page-main, .page-main),
	.cl-cms-page.cl-figma {
		overflow-x:hidden;
	}
}

.cl-cms-page.cl-figma h2.cl-marker { 
	color:var(--color-cl-marker);  
	margin-top:0.65rem;
}

.cl-marker { 
	color:var(--color-cl-marker); 
}

/* Lederwerkstatt: compact form layout according to the CMS design mockup. */
.cl-cms-page.cl-workshop > .cl-hero {
	background-color:#3b2921;
	background-image:linear-gradient(rgba(38,25,19,.66),rgba(38,25,19,.66)),url('/images/header/Header-Werkstatt.jpg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

body.cms-lederwerkstatt .cl-workshop .cl-hero-with-form {
	grid-template-columns:repeat(2,minmax(0,1fr));
}

body.cms-lederwerkstatt .cl-workshop .cl-form-card {
	padding:18px;
	border-radius:8px;
}

body.cms-lederwerkstatt .cl-workshop .cl-form-card h2 {
	margin:0;
	font-size:22px;
	line-height:1.15;
}

body.cms-lederwerkstatt .cl-workshop .cl-form-card p {
	margin-top:6px;
	font-size:13px;
	line-height:1.35;
}

body.cms-lederwerkstatt .cl-workshop .cl-form-card label {
	margin-top:10px;
	font-size:11px;
	line-height:1.25;
	letter-spacing:.08em;
}

body.cms-lederwerkstatt .cl-workshop .cl-form-grid {
	gap:10px;
	margin-top:12px;
}

body.cms-lederwerkstatt .cl-workshop .cl-form-card input,
body.cms-lederwerkstatt .cl-workshop .cl-form-card select,
body.cms-lederwerkstatt .cl-workshop .cl-form-card textarea {
	min-height:40px;
	margin-top:5px;
	border-radius:6px;
	padding:8px 10px;
	font-size:14px;
	line-height:1.35;
}

body.cms-lederwerkstatt .cl-workshop .cl-form-card textarea {
	min-height:76px;
}

body.cms-lederwerkstatt .cl-workshop #einschaetzung textarea {
	min-height:64px;
}

body.cms-lederwerkstatt .cl-workshop .cl-upload {
	margin-top:10px;
	border-radius:8px;
	padding:12px;
}

body.cms-lederwerkstatt .cl-workshop .cl-upload strong {
	margin-top:4px;
	font-size:13px;
	line-height:1.25;
}

body.cms-lederwerkstatt .cl-workshop .cl-upload small {
	margin-top:2px;
	font-size:12px;
	line-height:1.25;
}

body.cms-lederwerkstatt .cl-workshop .cl-upload-icon {
	width:28px;
	height:28px;
	color:var(--figma-brown);
	fill:none;
	stroke:currentColor;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-width:1.7;
}

body.cms-lederwerkstatt .cl-workshop .cl-form-card .cl-btn {
	min-height:40px;
	margin-top:12px;
	padding:10px 18px;
	font-size:14px;
}

body.cms-lederwerkstatt .cl-workshop .cl-form-note {
	margin-top:8px;
	font-size:12px !important;
	line-height:1.35;
}

body.cms-lederwerkstatt .cl-workshop .cl-tabs-small {
	margin-top:12px;
}

body.cms-lederwerkstatt .cl-workshop .cl-tabs-small label {
	min-height:36px;
	padding:8px 10px;
	font-size:13px;
	line-height:1.2;
}

body.cms-lederwerkstatt .cl-workshop .cl-form-tab-panel {
	margin-top:10px;
	border-radius:8px;
	padding:12px;
}

body.cms-lederwerkstatt .cl-workshop .cl-form-tab-panel strong {
	font-size:14px;
	line-height:1.25;
}

body.cms-lederwerkstatt .cl-workshop .cl-form-tab-panel p {
	margin-top:4px;
	font-size:13px;
	line-height:1.35;
}

@media (max-width:1100px) {
	body.cms-lederwerkstatt .cl-workshop .cl-hero-with-form {
		grid-template-columns:1fr;
	}
}

@media (max-width:620px) {
	body.cms-lederwerkstatt .cl-workshop .cl-form-card {
		padding:16px;
	}

	body.cms-lederwerkstatt .cl-workshop .cl-form-card h2 {
		font-size:20px;
	}

	body.cms-lederwerkstatt .cl-workshop .cl-form-grid {
		grid-template-columns:1fr;
		gap:0;
		margin-top:10px;
	}

	body.cms-lederwerkstatt .cl-workshop .cl-form-card label {
		font-size:11px;
	}

	body.cms-lederwerkstatt .cl-workshop .cl-form-card input,
	body.cms-lederwerkstatt .cl-workshop .cl-form-card select,
	body.cms-lederwerkstatt .cl-workshop .cl-form-card textarea {
		font-size:14px;
	}
}

/* Lederwerkstatt: section corrections against the page mockup. */
body.cms-lederwerkstatt .cl-workshop .cl-workshop-services {
	background:#fff;
}

body.cms-lederwerkstatt .cl-workshop .cl-service-grid .cl-service-icon {
	display:block;
	width:56px;
	height:56px;
	object-fit:contain;
	object-position:left center;
}

body.cms-lederwerkstatt .cl-workshop .cl-workshop-inquiry {
	background:#fff;
}

body.cms-lederwerkstatt .cl-workshop .cl-workshop-inquiry .cl-inquiry-grid {
	grid-template-columns:minmax(0,1fr) minmax(420px,480px);
	gap:72px;
	align-items:start;
}

body.cms-lederwerkstatt .cl-workshop .cl-workshop-inquiry .cl-check-list {
	gap:12px;
	margin-top:32px;
}

body.cms-lederwerkstatt .cl-workshop .cl-workshop-inquiry .cl-check-list li {
	padding-left:28px;
	font-size:15px;
	line-height:1.45;
}

body.cms-lederwerkstatt .cl-workshop .cl-workshop-inquiry .cl-contact-box {
	max-width:430px;
	margin-top:40px;
	border:1px solid var(--figma-line);
	border-radius:8px;
	background:var(--figma-card);
	padding:24px 28px;
}

body.cms-lederwerkstatt .cl-workshop .cl-workshop-inquiry .cl-form-card-cream {
	border:1px solid var(--figma-line);
	border-radius:12px;
	background:var(--figma-card);
	padding:40px;
	box-shadow:none;
}

body.cms-lederwerkstatt .cl-workshop .cl-workshop-inquiry .cl-form-card h2 {
	font-size:28px;
	line-height:1.15;
}

body.cms-lederwerkstatt .cl-workshop .cl-workshop-inquiry .cl-form-card > p {
	margin-top:12px;
}

body.cms-lederwerkstatt .cl-workshop .cl-workshop-inquiry .cl-tabs-small {
	margin-top:22px;
}

body.cms-lederwerkstatt .cl-workshop .cl-workshop-inquiry .cl-form-grid {
	margin-top:20px;
}

body.cms-lederwerkstatt .cl-workshop .cl-section > .cl-wrap > .cl-eyebrow + h2 {
	margin-top:14px;
}

body.cms-lederwerkstatt .cl-workshop .cl-section > .cl-wrap > h2 + p,
body.cms-lederwerkstatt .cl-workshop .cl-section > .cl-wrap > h2 + .cl-section-intro {
	margin-top:18px;
}

body.cms-lederwerkstatt .cl-workshop .cl-section > .cl-wrap > .cl-section-intro + .cl-small-note {
	margin-top:12px;
}

body.cms-lederwerkstatt .cl-workshop .cl-service-board {
	gap:0;
	overflow:hidden;
	border:1px solid var(--figma-line);
	border-radius:8px;
	background:#fff;
}

body.cms-lederwerkstatt .cl-workshop .cl-service-board article,
body.cms-lederwerkstatt .cl-workshop .cl-service-board aside {
	min-height:210px;
	border:0;
	border-radius:0;
	background:#fff;
	padding:28px;
}

body.cms-lederwerkstatt .cl-workshop .cl-service-board aside {
	background:#fff;
	color:var(--figma-text);
}

body.cms-lederwerkstatt .cl-workshop .cl-service-board h3 {
	margin-top:12px;
	font-size:20px;
	line-height:1.25;
}

body.cms-lederwerkstatt .cl-workshop .cl-service-board p,
body.cms-lederwerkstatt .cl-workshop .cl-service-board em {
	margin-top:10px;
	font-size:14px;
	line-height:1.55;
}

body.cms-lederwerkstatt .cl-workshop .cl-service-board aside h3 {
	margin-top:0;
	color:var(--figma-ink);
	font-size:18px;
	font-style:italic;
	font-weight:650;
}

body.cms-lederwerkstatt .cl-workshop .cl-service-board aside p {
	color:var(--figma-muted);
}

body.cms-lederwerkstatt .cl-workshop .cl-service-board__icon {
	display:block;
	width:48px;
	height:48px;
	object-fit:contain;
	object-position:left center;
}

body.cms-lederwerkstatt .cl-workshop .cl-service-board__inquiry .cl-btn {
	margin-top:18px;
}

body.cms-lederwerkstatt .cl-workshop .cl-workshop-process .cl-process {
	gap:28px;
	margin-top:64px;
}

body.cms-lederwerkstatt .cl-workshop .cl-workshop-process > .cl-wrap > :is(.cl-eyebrow,h2,p) {
	max-width:760px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

body.cms-lederwerkstatt .cl-workshop .cl-workshop-process .cl-process::before {
	content:none;
}

body.cms-lederwerkstatt .cl-workshop .cl-workshop-process .cl-process > li > span {
	width:56px;
	height:56px;
	border:1px solid rgba(255,255,255,.14);
	background:rgba(255,255,255,.12);
	color:#fff;
	font-size:22px;
	font-weight:850;
}

body.cms-lederwerkstatt .cl-workshop .cl-workshop-process .cl-process h3 {
	margin-top:18px;
	font-size:20px;
	line-height:1.25;
}

body.cms-lederwerkstatt .cl-workshop .cl-workshop-process .cl-process p {
	margin-top:10px;
	font-size:15px;
	line-height:1.6;
}

body.cms-lederwerkstatt .cl-workshop .cl-workshop-process .cl-process small {
	margin-top:12px;
	font-size:13px;
	line-height:1.35;
}

body.cms-lederwerkstatt .cl-workshop .cl-workshop-testimonials {
	background:#fffaf5;
}

body.cms-lederwerkstatt .cl-workshop .cl-workshop-testimonials .cl-testimonial-grid {
	gap:24px;
	margin-top:32px;
}

body.cms-lederwerkstatt .cl-workshop .cl-workshop-testimonials .cl-testimonial-grid blockquote {
	position:relative;
	border:1px solid var(--figma-line);
	border-radius:8px;
	background:#fff;
	padding:22px;
	box-shadow:none;
}

body.cms-lederwerkstatt .cl-workshop .cl-workshop-testimonials .cl-testimonial-grid div {
	color:#d5a62b;
	font-size:13px;
	letter-spacing:.08em;
}

body.cms-lederwerkstatt .cl-workshop .cl-workshop-testimonials .cl-testimonial-grid p {
	margin-top:14px;
	color:var(--figma-text);
	font-size:14px;
	font-style:normal;
	font-weight:500;
	line-height:1.55;
}

body.cms-lederwerkstatt .cl-workshop .cl-workshop-testimonials .cl-testimonial-grid footer {
	display:grid;
	grid-template-columns:34px minmax(0,1fr);
	align-items:center;
	column-gap:10px;
	margin-top:18px;
	padding-top:0;
	border-top:0;
	font-size:14px;
	line-height:1.35;
}

body.cms-lederwerkstatt .cl-workshop .cl-workshop-testimonials .cl-testimonial-grid footer strong {
	color:var(--figma-ink);
	font-size:14px;
	font-weight:850;
}

body.cms-lederwerkstatt .cl-workshop .cl-workshop-testimonials .cl-testimonial-avatar {
	grid-row:1 / span 2;
	display:grid;
	place-items:center;
	width:34px;
	height:34px;
	border-radius:50%;
	background:var(--figma-brown);
	color:#fff;
	font-size:10px;
	font-weight:850;
	letter-spacing:0;
}

body.cms-lederwerkstatt .cl-workshop .cl-workshop-testimonials .cl-testimonial-grid small {
	margin-top:2px;
	font-size:12px;
	line-height:1.35;
}

body.cms-lederwerkstatt .cl-workshop .cl-workshop-testimonials .cl-logo-strip {
	border:0;
	border-radius:8px;
	background:#fff;
}

@media (max-width:860px) {
	body.cms-lederwerkstatt .cl-workshop .cl-workshop-process .cl-process,
	body.cms-lederwerkstatt .cl-workshop .cl-workshop-testimonials .cl-testimonial-grid {
		gap:16px;
	}

	body.cms-lederwerkstatt .cl-workshop .cl-service-board {
		border:1px solid var(--figma-line);
		gap:0;
	}

	body.cms-lederwerkstatt .cl-workshop .cl-workshop-inquiry .cl-inquiry-grid {
		grid-template-columns:1fr;
		gap:40px;
	}

	body.cms-lederwerkstatt .cl-workshop .cl-workshop-inquiry .cl-form-card-cream {
		padding:28px;
	}
}

/* CMS buttons: design-guide hover states for all custom button controls. */
.cl-cms-page.cl-figma .cl-btn,
.cl-cms-page.cl-figma .cl-tabs button,
.cl-cms-page.cl-figma .cl-tabs label,
.cl-cms-page.cl-figma .cl-filter button,
.cl-cms-page.cl-figma .product-item .btn-primary,
.cl-cms-page.cl-figma .product-item button {
	transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}

.cl-cms-page.cl-figma .cl-btn-primary:hover,
.cl-cms-page.cl-figma .cl-btn-primary:focus-visible {
	border-color:var(--color-cl-primary-hover);
	background:var(--color-cl-primary-hover);
	color:#fff;
}

.cl-cms-page.cl-figma .cl-btn-accent:hover,
.cl-cms-page.cl-figma .cl-btn-accent:focus-visible,
.cl-cms-page.cl-figma .product-item .btn-primary:hover,
.cl-cms-page.cl-figma .product-item .btn-primary:focus-visible,
.cl-cms-page.cl-figma .product-item button:hover,
.cl-cms-page.cl-figma .product-item button:focus-visible {
	border-color:var(--color-cl-accent-hover);
	background:var(--color-cl-accent-hover);
	color:#fff;
}

.cl-cms-page.cl-figma .cl-btn-light:hover,
.cl-cms-page.cl-figma .cl-btn-light:focus-visible {
	border-color:var(--figma-line);
	background:var(--figma-cream);
	color:var(--color-cl-primary-hover);
}

.cl-cms-page.cl-figma .cl-btn-ghost:hover,
.cl-cms-page.cl-figma .cl-btn-ghost:focus-visible {
	border-color:rgba(255,255,255,.62);
	background:rgba(255,255,255,.12);
	color:#fff;
}

.cl-cms-page.cl-figma .cl-btn-outline:hover,
.cl-cms-page.cl-figma .cl-btn-outline:focus-visible {
	border-color:var(--color-cl-primary-hover);
	background:var(--color-cl-primary-hover);
	color:#fff;
}

.cl-cms-page.cl-figma .cl-tabs button:not(.is-active):hover,
.cl-cms-page.cl-figma .cl-tabs button:not(.is-active):focus-visible,
.cl-cms-page.cl-figma .cl-tabs label:not(.is-active):hover,
.cl-cms-page.cl-figma .cl-tabs label:not(.is-active):focus-visible,
.cl-cms-page.cl-figma .cl-filter button:not(.is-active):hover,
.cl-cms-page.cl-figma .cl-filter button:not(.is-active):focus-visible {
	border-color:var(--figma-line);
	background:var(--figma-cream);
	color:var(--color-cl-primary-hover);
}

.cl-cms-page.cl-figma .cl-tabs button.is-active:hover,
.cl-cms-page.cl-figma .cl-tabs button.is-active:focus-visible,
.cl-cms-page.cl-figma .cl-tabs label.is-active:hover,
.cl-cms-page.cl-figma .cl-tabs label.is-active:focus-visible,
.cl-cms-page.cl-figma .cl-filter button.is-active:hover,
.cl-cms-page.cl-figma .cl-filter button.is-active:focus-visible {
	background:var(--color-cl-primary-hover);
	color:#fff;
}

.cl-cms-page.cl-figma .cl-btn:focus-visible,
.cl-cms-page.cl-figma .cl-tabs button:focus-visible,
.cl-cms-page.cl-figma .cl-tabs label:focus-visible,
.cl-cms-page.cl-figma .cl-filter button:focus-visible,
.cl-cms-page.cl-figma .product-item .btn-primary:focus-visible,
.cl-cms-page.cl-figma .product-item button:focus-visible {
	outline:0;
	box-shadow:0 0 0 3px rgba(110,80,64,.18);
}

/* Über uns: exact mockup alignment, scoped to this CMS page. */
body.cms-ueber-uns .cl-about {
	background:#fff;
}

body.cms-ueber-uns .cl-about .cl-hero {
	background-color:#1f1713;
	background-image:linear-gradient(rgba(31,22,17,.62),rgba(31,22,17,.62)),url('/images/header/Header%20Ueber%20uns%20-%20temp.jpg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	padding:94px 0 96px;
}

body.cms-ueber-uns .cl-about .cl-hero-grid {
	grid-template-columns:minmax(0,1fr) minmax(360px,496px);
	gap:88px;
}

body.cms-ueber-uns .cl-about .cl-hero .cl-copy {
	max-width:510px;
}

body.cms-ueber-uns .cl-about .cl-hero .cl-copy > p:not(.cl-kicker):not(.cl-lead) {
	max-width:450px;
	margin-top:24px;
	color:rgba(255,255,255,.78);
	font-size:16px;
	line-height:1.7;
}

body.cms-ueber-uns .cl-about .cl-hero .cl-actions {
	margin-top:28px;
}

body.cms-ueber-uns .cl-about .cl-hero .cl-photo-placeholder {
	min-height:400px;
	border-radius:8px;
	background:rgba(255,255,255,.08);
	color:rgba(255,255,255,.58);
}

body.cms-ueber-uns .cl-about .cl-about-quote-section {
	background:var(--figma-cream);
	padding:56px 0;
}

body.cms-ueber-uns .cl-about .cl-about-quote-section blockquote {
	max-width:860px;
	margin:0 auto;
	border-radius:8px;
	background:var(--figma-brown);
	box-shadow:none;
	padding:34px 52px;
	color:#fff;
	font-size:20px;
	font-weight:650;
	line-height:1.55;
}

body.cms-ueber-uns .cl-about #team {
	background:#fff;
	padding:76px 0 84px;
}

body.cms-ueber-uns .cl-about #team .cl-eyebrow + h2,
body.cms-ueber-uns .cl-about .cl-section > .cl-wrap > .cl-eyebrow + h2 {
	margin-top:18px;
}

body.cms-ueber-uns .cl-about #team h2 {
	max-width:760px;
}

body.cms-ueber-uns .cl-about #team .cl-section-intro {
	max-width:560px;
	margin-top:20px;
}

body.cms-ueber-uns .cl-about .cl-team-grid {
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:24px;
	margin-top:44px;
}

body.cms-ueber-uns .cl-about .cl-team-grid article {
	overflow:hidden;
	border:1px solid var(--figma-line);
	border-radius:8px;
	background:#fff;
	padding:0;
	box-shadow:none;
}

body.cms-ueber-uns .cl-about .cl-team-photo {
	min-height:300px;
	border-radius:0;
}

body.cms-ueber-uns .cl-about .cl-team-grid article > div:last-child {
	padding:24px;
}

body.cms-ueber-uns .cl-about .cl-team-grid h3 {
	font-size:20px;
	line-height:1.25;
}

body.cms-ueber-uns .cl-about .cl-team-grid p:not(.cl-role) {
	margin-top:14px;
	font-size:14px;
	line-height:1.6;
}

body.cms-ueber-uns .cl-about .cl-role {
	margin-top:6px !important;
	font-size:10px;
	line-height:1.4;
}

body.cms-ueber-uns .cl-about > .cl-section-cream {
	background:var(--figma-cream);
	padding:76px 0 78px;
}

body.cms-ueber-uns .cl-about .cl-value-grid {
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:0;
	margin-top:42px;
	overflow:hidden;
	border:1px solid var(--figma-line);
	border-radius:8px;
	background:#fff;
}

body.cms-ueber-uns .cl-about .cl-value-grid article {
	border-right:1px solid var(--figma-line);
	border-radius:0;
	background:#fff;
	padding:34px 36px;
	box-shadow:none;
}

body.cms-ueber-uns .cl-about .cl-value-grid article:last-child {
	border-right:0;
}

body.cms-ueber-uns .cl-about .cl-value-grid h3 {
	margin-top:22px;
	font-size:20px;
	line-height:1.25;
}

body.cms-ueber-uns .cl-about .cl-value-grid p {
	margin-top:16px;
	font-size:14px;
	line-height:1.6;
}

body.cms-ueber-uns .cl-about .cl-about-value-icon {
	display:block;
	width:56px;
	height:48px;
	object-fit:contain;
	object-position:left center;
}

body.cms-ueber-uns .cl-about .cl-value-grid .cl-icon {
	position:relative;
	width:32px;
	height:32px;
	border-radius:8px;
	background:var(--figma-brown);
}

body.cms-ueber-uns .cl-about .cl-value-grid .cl-icon::before,
body.cms-ueber-uns .cl-about .cl-value-grid .cl-icon::after {
	content:"";
	position:absolute;
	display:block;
}

body.cms-ueber-uns .cl-about .cl-about-icon-product::before {
	inset:8px 9px 7px;
	border:2px solid #fff;
	border-radius:3px;
}

body.cms-ueber-uns .cl-about .cl-about-icon-advice::before {
	left:7px;
	top:8px;
	width:18px;
	height:12px;
	border:2px solid #fff;
	border-radius:8px;
}

body.cms-ueber-uns .cl-about .cl-about-icon-advice::after {
	left:12px;
	top:18px;
	width:7px;
	height:7px;
	border-left:2px solid #fff;
	border-bottom:2px solid #fff;
	transform:rotate(-18deg);
}

body.cms-ueber-uns .cl-about .cl-about-icon-repair::before {
	left:8px;
	top:8px;
	width:16px;
	height:16px;
	border:2px solid #fff;
	border-right-color:transparent;
	border-radius:50%;
}

body.cms-ueber-uns .cl-about .cl-about-icon-repair::after {
	right:7px;
	top:7px;
	border:5px solid transparent;
	border-left-color:#fff;
	transform:rotate(-22deg);
}

body.cms-ueber-uns .cl-about-location-hero {
	background-color:#fff;
	background-image:url('/images/header/Platzhalterbild-breit.svg');
	background-position:center 45%;
	background-repeat:no-repeat;
	background-size:cover;
	padding:0;
}

body.cms-ueber-uns .cl-about-location-hero .cl-wrap {
	width:min(100% - 16px,1400px);
	min-height:540px;
	border:1px dashed rgba(255,255,255,.46);
	border-radius:8px;
	padding:72px 96px;
}

body.cms-ueber-uns .cl-about-location-hero .cl-location-note {
	display:none;
}

body.cms-ueber-uns .cl-about .cl-location-card {
	max-width:580px;
	border:1px solid rgba(255,255,255,.16);
	border-radius:8px;
	background:rgba(43,22,14,.66);
	padding:44px 48px;
	box-shadow:none;
}

body.cms-ueber-uns .cl-about .cl-location-card h2 {
	margin-top:14px;
	font-size:40px;
	line-height:1.12;
}

body.cms-ueber-uns .cl-about .cl-location-card p {
	margin-top:22px;
	font-size:15px;
	line-height:1.65;
}

body.cms-ueber-uns .cl-about .cl-location-address {
	display:flex;
	align-items:center;
	gap:18px;
	margin-top:30px;
	color:#fff;
	font-size:18px;
	line-height:1.4;
}

body.cms-ueber-uns .cl-about .cl-location-address__marker {
	position:relative;
	display:block;
	width:28px;
	min-width:28px;
	height:40px;
}

body.cms-ueber-uns .cl-about .cl-location-address__marker img {
	display:block;
	width:100%;
	height:100%;
	filter:brightness(0) invert(1);
}

body.cms-ueber-uns .cl-about .cl-location-address__marker::after {
	position:absolute;
	top:14px;
	left:50%;
	width:7px;
	height:7px;
	border-radius:50%;
	background:#e05a1a;
	content:"";
	transform:translateX(-50%);
}

body.cms-ueber-uns .cl-about .cl-about-story-contact {
	background:#fff;
	padding:78px 0 0;
}

body.cms-ueber-uns .cl-about .cl-about-story-contact__grid {
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(340px,390px);
	align-items:start;
	gap:96px;
	width:min(100% - 80px,1280px);
	padding-bottom:68px;
}

body.cms-ueber-uns .cl-about .cl-about-story-contact__copy h2 {
	margin:0;
	font-size:28px;
	line-height:1.25;
}

body.cms-ueber-uns .cl-about .cl-about-story-contact__copy > p {
	max-width:690px;
	margin:30px 0 0;
	font-size:15px;
	line-height:1.75;
}

body.cms-ueber-uns .cl-about .cl-about-story-contact__copy > .cl-about-story-contact__note {
	color:#c77f51;
	font-size:16px;
	font-style:italic;
}

body.cms-ueber-uns .cl-about .cl-about-contact-card {
	border:1px solid var(--figma-line);
	border-radius:12px;
	background:#fff;
	box-shadow:0 10px 24px rgba(67,44,29,.08);
	padding:28px 26px;
}

body.cms-ueber-uns .cl-about .cl-about-contact-card h3 {
	margin:0;
	color:var(--figma-brown);
	font-size:18px;
	line-height:1.35;
}

body.cms-ueber-uns .cl-about .cl-about-contact-card__address {
	margin:6px 0 0;
	color:var(--figma-ink);
	font-size:14px;
	line-height:1.5;
}

body.cms-ueber-uns .cl-about .cl-about-contact-card ul {
	display:grid;
	gap:17px;
	margin:30px 0 0;
	padding:0;
	list-style:none;
}

body.cms-ueber-uns .cl-about .cl-about-contact-card li {
	display:flex;
	align-items:center;
	gap:14px;
	min-width:0;
	color:#59453a;
	font-size:14px;
	line-height:1.45;
}

body.cms-ueber-uns .cl-about .cl-about-contact-card li img {
	flex:0 0 auto;
	width:34px;
	height:34px;
	object-fit:contain;
}

body.cms-ueber-uns .cl-about .cl-about-contact-card li a {
	color:inherit;
	text-decoration:none;
}

body.cms-ueber-uns .cl-about .cl-about-contact-card li a:hover,
body.cms-ueber-uns .cl-about .cl-about-contact-card li a:focus-visible {
	color:var(--figma-accent);
	text-decoration:underline;
	text-underline-offset:3px;
}

body.cms-ueber-uns .cl-about .cl-about-map-wide {
	width:100vw;
	height:clamp(340px,34vw,490px);
	margin-left:calc(50% - 50vw);
	overflow:hidden;
}

body.cms-ueber-uns .cl-about .cl-about-map-wide iframe {
	display:block;
	width:100%;
	height:100%;
	border:0;
}

@media (max-width:900px) {
	body.cms-ueber-uns .cl-about .cl-about-story-contact__grid {
		grid-template-columns:1fr;
		gap:38px;
		width:min(100% - 48px,1280px);
	}

	body.cms-ueber-uns .cl-about .cl-about-contact-card {
		width:100%;
		max-width:540px;
	}
}

@media (max-width:620px) {
	body.cms-ueber-uns .cl-about .cl-location-address {
		gap:14px;
		font-size:16px;
	}

	body.cms-ueber-uns .cl-about .cl-about-story-contact {
		padding-top:56px;
	}

	body.cms-ueber-uns .cl-about .cl-about-story-contact__grid {
		width:min(100% - 32px,1280px);
		padding-bottom:44px;
	}

	body.cms-ueber-uns .cl-about .cl-about-contact-card {
		padding:24px 20px;
	}

	body.cms-ueber-uns .cl-about .cl-about-map-wide {
		height:310px;
	}
}

body.cms-ueber-uns .cl-about-contact-section {
	background:var(--figma-cream);
	padding:52px 0;
}

body.cms-ueber-uns .cl-about .cl-location-contact-grid {
	grid-template-columns:minmax(0,1fr) minmax(360px,496px);
	gap:72px;
}

body.cms-ueber-uns .cl-about .cl-contact-list {
	gap:16px;
	margin-top:0;
}

body.cms-ueber-uns .cl-about .cl-contact-icon {
	flex:0 0 auto;
	width:32px;
	height:32px;
	object-fit:contain;
}

body.cms-ueber-uns .cl-about .cl-map-placeholder {
	min-height:178px;
	border-radius:8px;
	background-color:var(--figma-card);
}

body.cms-ueber-uns .cl-about-story {
	border-top:0;
	background:#fff;
	padding:82px 0;
}

body.cms-ueber-uns .cl-about .cl-two-col {
	grid-template-columns:minmax(0,1fr) minmax(360px,496px);
	gap:82px;
	align-items:center;
}

body.cms-ueber-uns .cl-about-story h2 {
	margin-top:18px;
}

body.cms-ueber-uns .cl-about-story p:not(.cl-eyebrow) {
	max-width:560px;
	margin-top:20px;
	font-size:15px;
	line-height:1.75;
}

body.cms-ueber-uns .cl-about-story .cl-photo-placeholder {
	min-height:390px;
	border-radius:8px;
	background:var(--figma-card);
}

body.cms-ueber-uns .cl-about .cl-year-badge {
	right:-18px;
	bottom:-18px;
	width:112px;
	height:112px;
	background:var(--figma-brown);
}

body.cms-ueber-uns .cl-about .cl-year-badge strong {
	font-size:11px;
}

body.cms-ueber-uns .cl-about .cl-year-badge span {
	font-size:24px;
}

body.cms-ueber-uns .cl-about .cl-final-about {
	background:#fff;
	padding:84px 0 88px;
}

body.cms-ueber-uns .cl-about .cl-final-about h2 {
	margin-top:18px;
}

body.cms-ueber-uns .cl-about .cl-final-about p:not(.cl-eyebrow) {
	max-width:500px;
	margin:22px auto 0;
	font-size:15px;
	line-height:1.65;
}

body.cms-ueber-uns .cl-about .cl-final-about .cl-actions {
	margin-top:28px;
}

@media (max-width:1100px) {
	body.cms-ueber-uns .cl-about .cl-hero-grid,
	body.cms-ueber-uns .cl-about .cl-location-contact-grid,
	body.cms-ueber-uns .cl-about .cl-two-col {
		grid-template-columns:1fr;
		gap:40px;
	}

	body.cms-ueber-uns .cl-about .cl-team-grid,
	body.cms-ueber-uns .cl-about .cl-value-grid {
		grid-template-columns:repeat(2,minmax(0,1fr));
	}

	body.cms-ueber-uns .cl-about .cl-value-grid article:nth-child(2) {
		border-right:0;
	}

	body.cms-ueber-uns .cl-about .cl-value-grid article:last-child {
		border-top:1px solid var(--figma-line);
	}

	body.cms-ueber-uns .cl-about-location-hero .cl-wrap {
		width:min(100% - 32px,1280px);
		padding:48px;
	}
}

@media (max-width:620px) {
	body.cms-ueber-uns .cl-about .cl-hero {
		padding:64px 0;
	}

	body.cms-ueber-uns .cl-about .cl-team-grid,
	body.cms-ueber-uns .cl-about .cl-value-grid {
		grid-template-columns:1fr;
	}

	body.cms-ueber-uns .cl-about .cl-value-grid article,
	body.cms-ueber-uns .cl-about .cl-value-grid article:nth-child(2) {
		border-right:0;
		border-bottom:1px solid var(--figma-line);
	}

	body.cms-ueber-uns .cl-about .cl-value-grid article:last-child {
		border-bottom:0;
		border-top:0;
	}

	body.cms-ueber-uns .cl-about-location-hero .cl-wrap {
		width:min(100% - 24px,1280px);
		min-height:0;
		padding:24px;
	}

	body.cms-ueber-uns .cl-about .cl-location-card {
		padding:28px;
	}

body.cms-ueber-uns .cl-about .cl-location-card h2 {
		font-size:28px;
	}
}

/* Über uns: revised hero and combined team section. */
.cl-about.cl-cms-page .cl-hero-grid {
	grid-template-columns:minmax(0,760px) !important;
	gap:0 !important;
}

.cl-about.cl-cms-page .cl-hero .cl-copy {
	max-width:760px !important;
}

.cl-about.cl-cms-page .cl-hero h1 {
	max-width:none;
	color:#fff;
}

.cl-about.cl-cms-page .cl-about-hero__subtitle {
	max-width:700px;
	margin:10px 0 0 !important;
	color:#c89868 !important;
	font-style:italic;
}

.cl-about.cl-cms-page .cl-hero .cl-actions {
	gap:14px;
}

.cl-about.cl-cms-page .cl-hero .cl-btn {
	min-width:192px;
}

.cl-about.cl-cms-page .cl-hero .cl-btn::after {
	content:none;
	margin-left:0;
}

.cl-about .cl-about-team-section {
	padding:72px 0 78px !important;
	background:#fff;
	scroll-margin-top:120px;
}

.cl-about .cl-about-location-hero {
	scroll-margin-top:120px;
}

.cl-about-team-layout {
	display:grid;
	grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);
	align-items:center;
	gap:42px;
}

.cl-about .cl-about-team-copy h2 {
	margin:0;
	font-size:28px;
	line-height:1.25;
}

.cl-about .cl-about-team-copy blockquote {
	margin:26px 0 0;
	border:0;
	background:transparent;
	box-shadow:none;
	padding:0;
	color:#c89868;
	font-size:18px;
	font-style:italic;
	font-weight:500;
	line-height:1.45;
}

.cl-about .cl-about-team-copy .cl-section-intro {
	max-width:610px !important;
	margin-top:26px !important;
}

.cl-about .cl-about-team-section .cl-team-grid {
	grid-template-columns:repeat(3,minmax(0,1fr)) !important;
	gap:22px;
	margin-top:44px;
}

.cl-about .cl-about-team-section .cl-team-grid article {
	border:1px solid var(--figma-line);
	border-radius:10px !important;
	background:#fff;
	box-shadow:0 8px 18px rgba(67,44,29,.07);
	padding:20px !important;
	text-align:center;
}

.cl-about .cl-about-team-section .cl-team-grid h3 {
	margin:0;
}

.cl-about .cl-about-team-section .cl-role {
	margin-top:5px;
	color:#c77f51;
}

.cl-about-team-visual {
	display:block;
	width:100%;
	height:auto;
	object-fit:contain;
}

@media (max-width:1100px) {
	.cl-about-team-layout {
		grid-template-columns:1fr;
	}
	.cl-about-team-visual {
		max-width:620px;
		margin-inline:auto;
	}
}

@media (max-width:620px) {
	.cl-about.cl-cms-page .cl-hero .cl-actions {
		align-items:stretch;
		flex-direction:column;
	}
	.cl-about.cl-cms-page .cl-hero .cl-btn {
		width:100%;
	}
	.cl-about .cl-about-team-section {
		padding:52px 0 !important;
	}
	.cl-about .cl-about-team-section .cl-team-grid {
		grid-template-columns:1fr !important;
	}
}

/* 404 page */
body.cms-index-defaultnoroute :where(main.page-main, .page-main),
body.cms-no-route :where(main.page-main, .page-main),
body.cms-noroute-index :where(main.page-main, .page-main),
body.cms-index-defaultnoroute :where(main, .page-main) :where(.container, .columns, .column.main),
body.cms-no-route :where(main, .page-main) :where(.container, .columns, .column.main),
body.cms-noroute-index :where(main, .page-main) :where(.container, .columns, .column.main) {
	width:100%;
	max-width:none;
	padding-left:0;
	padding-right:0;
	margin-left:0;
	margin-right:0;
}

body.cms-index-defaultnoroute,
body.cms-no-route,
body.cms-noroute-index {
	overflow-x:clip;
}

@supports not (overflow:clip) {
	body.cms-index-defaultnoroute,
	body.cms-no-route,
	body.cms-noroute-index {
		overflow-x:hidden;
	}
}

.cl-404 {
	background:#fff;
}

.cl-404-hero {
	background-color:var(--figma-brown);
	color:rgba(255,255,255,.82);
	padding:96px 0 104px;
}

.cl-404-grid {
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(320px,440px);
	align-items:center;
	gap:72px;
}

.cl-404-copy {
	max-width:620px;
}

.cl-404 .cl-eyebrow {
	color:var(--figma-tan);
}

.cl-404 h1 {
	margin-top:18px;
	color:#fff;
	font-size:clamp(44px,5vw,76px);
	font-weight:650;
	line-height:1.02;
}

.cl-404-copy > p:not(.cl-eyebrow) {
	max-width:520px;
	margin-top:24px;
	font-size:18px;
	line-height:1.65;
}

.cl-404-card {
	position:relative;
	display:grid;
	place-items:center;
	min-height:390px;
	border:1px solid rgba(255,255,255,.18);
	border-radius:12px;
	background:rgba(255,255,255,.08);
	overflow:hidden;
	box-shadow:0 28px 70px rgba(33,16,8,.2);
}

.cl-404-card::before {
	content:"";
	position:absolute;
	inset:36px;
	border:1px dashed rgba(255,255,255,.24);
	border-radius:10px;
}

.cl-404-number {
	position:absolute;
	top:34px;
	left:34px;
	color:rgba(255,255,255,.18);
	font-size:74px;
	font-weight:900;
	line-height:1;
}

.cl-404-leather {
	position:relative;
	width:168px;
	height:150px;
	border-radius:46% 54% 50% 50%;
	background:linear-gradient(145deg,#c6945e,#77401f);
	box-shadow:inset -22px -20px 38px rgba(43,22,14,.38), 0 22px 48px rgba(33,16,8,.28);
	transform:rotate(-8deg);
}

.cl-404-leather span {
	position:absolute;
	display:block;
	border-radius:999px;
	background:rgba(255,255,255,.28);
}

.cl-404-leather span:nth-child(1) {
	left:36px;
	top:42px;
	width:84px;
	height:4px;
	transform:rotate(12deg);
}

.cl-404-leather span:nth-child(2) {
	left:50px;
	top:72px;
	width:68px;
	height:3px;
	transform:rotate(-9deg);
}

.cl-404-leather span:nth-child(3) {
	left:62px;
	top:96px;
	width:44px;
	height:3px;
	transform:rotate(16deg);
}

.cl-404-card small {
	position:absolute;
	bottom:38px;
	color:rgba(255,255,255,.66);
	font-size:14px;
	font-weight:800;
	letter-spacing:.08em;
	text-transform:uppercase;
}

.cl-404-help {
	background:#fffaf5;
	padding:72px 0 84px;
}

.cl-404-help h2 {
	margin-top:16px;
	color:var(--figma-ink);
	font-size:clamp(30px,3vw,48px);
}

.cl-404-links {
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:18px;
	margin-top:34px;
}

.cl-404-links a {
	display:block;
	min-height:160px;
	border:1px solid var(--figma-line);
	border-radius:8px;
	background:#fff;
	padding:24px;
	color:var(--figma-text);
	transition:background-color .18s ease,border-color .18s ease,transform .18s ease;
}

.cl-404-links a:hover,
.cl-404-links a:focus-visible {
	border-color:var(--figma-brown);
	background:#fffdfb;
	transform:translateY(-2px);
}

.cl-404-links strong {
	display:block;
	color:var(--figma-ink);
	font-size:18px;
	line-height:1.25;
}

.cl-404-links span {
	display:block;
	margin-top:12px;
	color:var(--figma-muted);
	font-size:15px;
	line-height:1.45;
}

@media (max-width:900px) {
	.cl-404-grid {
		grid-template-columns:1fr;
		gap:44px;
	}

	.cl-404-card {
		min-height:320px;
	}

	.cl-404-links {
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
}

@media (max-width:620px) {
	.cl-404-hero {
		padding:64px 0;
	}

	.cl-404-links {
		grid-template-columns:1fr;
	}
}

.instruction-content {
	max-width:1100px;
	margin:0 auto;
}

.instruction-content h3 {
	margin-top:2rem;
	margin-bottom:.75rem;
	font-weight:700;
}

.instruction-link {
	color:var(--color-cl-accent);
	text-decoration:underline;
	text-underline-offset:.18em;
}

.instruction-link:hover,
.instruction-link:focus-visible {
	text-decoration-thickness:2px;
}

.instruction-video {
	display:flex;
	justify-content:center;
	margin:2rem 0;
}

.instruction-video iframe {
	max-width:100%;
}

.instruction-image-table {
	display:grid;
	grid-template-columns:repeat(var(--instruction-image-columns, 3), minmax(0, 1fr));
	gap:2rem;
	margin:2rem 0;
}

.instruction-image {
	margin:0;
}

.instruction-image__asset {
	display:block;
	width:100%;
	height:auto;
}

.instruction-image figcaption {
	margin-top:1rem;
	text-align:center;
	font-weight:700;
}

.instruction-products {
	margin:2rem 0;
}

@media (max-width:760px) {
	.instruction-image-table {
		grid-template-columns:1fr;
	}
}

.cl-cms-page.cl-instructions-overview > .cl-instructions-overview__hero {
	background-color:#e3ddda;
	background-image:url('/images/header/Header-Anleitungen.svg');
	background-position:right center;
	background-repeat:no-repeat;
	background-size:cover;
}

.cl-instructions-overview__hero-grid {
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(280px,420px);
	align-items:end;
	gap:64px;
}

.cl-instructions-overview .cl-hero h1 {
	color:var(--figma-ink, #2f211a);
	max-width:760px;
}

.cl-instructions-overview .cl-hero .cl-copy > p:not(.cl-eyebrow) {
	max-width:640px;
	color:#50463f;
	font-size:17px;
	line-height:1.7;
}

.cl-instructions-overview__stats {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	border:1px solid rgba(255,255,255,.22);
	border-radius:8px;
	background:rgba(255,255,255,.08);
	overflow:hidden;
}

.cl-instructions-overview__stats--summary {
	grid-template-columns:repeat(2,minmax(0,1fr));
}

.cl-instructions-overview__stats div {
	padding:24px 22px;
	border-right:1px solid rgba(255,255,255,.18);
}

.cl-instructions-overview__stats div:last-child {
	border-right:0;
}

.cl-instructions-overview__stats dt {
	color:#fff;
	font-size:40px;
	font-weight:850;
	line-height:1;
}

.cl-instructions-overview__stats dd {
	margin-top:8px;
	color:rgba(255,255,255,.72);
	font-size:14px;
	line-height:1.35;
}

.cl-instructions-overview__nav-section {
	padding:28px 0;
	border-bottom:1px solid var(--color-cl-divider);
}

.cl-instructions-overview__nav {
	display:grid;
	grid-template-columns:repeat(7,minmax(0,1fr));
	gap:10px;
}

.cl-instructions-overview__nav a {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	min-height:56px;
	border:1px solid var(--color-cl-divider);
	border-radius:8px;
	background:#fff;
	padding:12px 14px;
	color:var(--color-cl-primary);
	font-weight:800;
	line-height:1.25;
	text-decoration:none;
	transition:border-color .18s ease,color .18s ease,box-shadow .18s ease;
}

.cl-instructions-overview__nav a:hover,
.cl-instructions-overview__nav a:focus-visible {
	border-color:var(--color-cl-accent);
	color:var(--color-cl-accent);
	box-shadow:0 12px 30px rgba(48,26,14,.08);
}

.cl-instructions-overview__nav small {
	display:inline-grid;
	place-items:center;
	min-width:28px;
	height:28px;
	border-radius:999px;
	background:var(--color-cl-marker);
	color:var(--color-cl-primary-hover);
	font-size:13px;
	font-weight:850;
}

.cl-instructions-overview__section {
	scroll-margin-top:96px;
}

.cl-instructions-overview__section-head {
	display:grid;
	grid-template-columns:minmax(0,1fr) 140px;
	align-items:end;
	gap:36px;
	margin-bottom:28px;
}

.cl-instructions-overview__section-head h2 {
	margin-top:10px;
	color:var(--figma-ink, var(--color-cl-text));
}

.cl-instructions-overview__section-head p:not(.cl-eyebrow) {
	max-width:720px;
	margin-top:14px;
	color:var(--figma-muted, #5f514a);
	font-size:16px;
	line-height:1.65;
}

.cl-instructions-overview__section-count {
	border-left:3px solid var(--color-cl-accent);
	padding-left:20px;
}

.cl-instructions-overview__section-count strong {
	display:block;
	color:var(--color-cl-primary-hover);
	font-size:38px;
	line-height:1;
}

.cl-instructions-overview__section-count span {
	display:block;
	margin-top:7px;
	color:var(--figma-muted, #5f514a);
	font-size:14px;
	font-weight:700;
}

.cl-instructions-overview__list {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:10px;
	margin:0;
	padding:0;
	list-style:none;
}

.cl-instructions-overview__item-link {
	display:grid;
	grid-template-columns:42px minmax(0,1fr) auto;
	align-items:center;
	gap:16px;
	min-height:74px;
	border:1px solid var(--color-cl-divider);
	border-radius:8px;
	background:#fff;
	padding:14px 16px;
	color:var(--color-cl-text);
	text-decoration:none;
	transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}

a.cl-instructions-overview__item-link:hover,
a.cl-instructions-overview__item-link:focus-visible {
	border-color:var(--color-cl-accent);
	box-shadow:0 14px 34px rgba(48,26,14,.08);
	transform:translateY(-1px);
}

.cl-instructions-overview__number {
	display:grid;
	place-items:center;
	width:42px;
	height:42px;
	border-radius:999px;
	background:var(--color-cl-marker);
	color:var(--color-cl-primary);
	font-weight:850;
	font-size:14px;
}

.cl-instructions-overview__title {
	min-width:0;
	color:var(--figma-ink, var(--color-cl-text));
	font-size:16px;
	font-weight:780;
	line-height:1.35;
}

.cl-instructions-overview__status {
	justify-self:end;
	border:1px solid rgba(224,90,26,.24);
	border-radius:999px;
	background:rgba(224,90,26,.08);
	padding:5px 10px;
	color:var(--color-cl-accent);
	font-size:12px;
	font-weight:850;
	line-height:1.2;
	white-space:nowrap;
}

.cl-instructions-overview__item.is-blocked .cl-instructions-overview__item-link {
	background:rgba(255,255,255,.68);
}

.cl-instructions-overview__item.is-blocked .cl-instructions-overview__title,
.cl-instructions-overview__item.is-blocked .cl-instructions-overview__number {
	color:#776b64;
}

.cl-instructions-overview__item.is-blocked .cl-instructions-overview__status {
	border-color:rgba(110,80,64,.22);
	background:var(--color-cl-marker);
	color:var(--color-cl-primary);
}

@media (max-width:1100px) {
	.cl-instructions-overview__hero-grid,
	.cl-instructions-overview__section-head {
		grid-template-columns:1fr;
	}

	.cl-instructions-overview__nav {
		grid-template-columns:repeat(3,minmax(0,1fr));
	}
}

@media (max-width:1180px) {
	.cl-instructions-overview__hero-grid .cl-copy {
		width:64%;
		max-width:570px;
		border-radius:8px;
		padding:18px;
		background:rgba(227,221,218,.82);
	}
}

@media (max-width:860px) {
	.cl-instructions-overview__list {
		grid-template-columns:1fr;
	}
}

@media (max-width:620px) {
	.cl-instructions-overview__hero-grid .cl-copy {
		width:72%;
		max-width:72%;
		border-radius:8px;
		padding:16px;
		background:rgba(227,221,218,.82);
	}

	.cl-instructions-overview__stats,
	.cl-instructions-overview__nav {
		grid-template-columns:1fr;
	}

	.cl-instructions-overview__stats div {
		border-right:0;
		border-bottom:1px solid rgba(255,255,255,.18);
	}

	.cl-instructions-overview__stats div:last-child {
		border-bottom:0;
	}

	.cl-instructions-overview__item-link {
		grid-template-columns:36px minmax(0,1fr);
		gap:12px;
	}

	.cl-instructions-overview__number {
		width:36px;
		height:36px;
	}

	.cl-instructions-overview__status {
		grid-column:2;
		justify-self:start;
	}
}

.instruction-content--in-progress {
	border-top:4px solid var(--color-cl-state-error);
	padding-top:1rem;
}

.instruction-work-warning {
	border:2px solid var(--color-cl-state-error);
	border-radius:8px;
	background:#fff5f5;
	margin:1.25rem 0;
	padding:1rem 1.125rem;
	color:#7f1d1d;
}

.instruction-work-warning strong {
	display:flex;
	align-items:center;
	gap:.5rem;
	color:#991b1b;
	font-size:1.05rem;
	font-weight:850;
	line-height:1.3;
}

.instruction-work-warning p {
	margin:.55rem 0 0;
	color:#7f1d1d;
}

.instruction-work-source {
	border-left:3px solid var(--color-cl-state-info);
	background:#f4f9fd;
	padding:.85rem 1rem;
}

.instruction-image--in-progress {
	border:2px dashed var(--color-cl-state-error);
	border-radius:8px;
	background:#fff;
	padding:1rem;
}

.cl-cms-page.cl-figma > .cl-legal-hero {
	background-color:#f7f3f0;
	background-image:url('/images/header/Header-Verlauf-leer.svg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	padding:76px 0 84px;
}

.cl-cms-page.cl-figma > .cl-legal-hero > .cl-wrap {
	width:min(100% - 80px,1280px);
}

.cl-cms-page.cl-figma > .cl-legal-hero h1 {
	max-width:820px;
	color:#2f211b;
}

.cl-legal-hero .cl-eyebrow {
	margin-top:26px;
}

.cl-legal-hero > .cl-wrap > p:not(.cl-eyebrow) {
	max-width:650px;
	margin-top:18px;
	color:#4f4038;
	font-size:17px;
	line-height:1.7;
}

.cl-legal-breadcrumb {
	display:flex;
	align-items:center;
	gap:8px;
	color:rgba(255,255,255,.48);
	font-size:13px;
	line-height:1.4;
}

.cl-legal-breadcrumb a {
	color:rgba(255,255,255,.62);
	text-decoration:none;
}

.cl-legal-breadcrumb a:hover,
.cl-legal-breadcrumb a:focus-visible {
	color:#fff;
	text-decoration:underline;
	text-underline-offset:3px;
}

.cl-legal-page-nav {
	position:sticky;
	top:0;
	z-index:20;
	border-bottom:1px solid var(--color-cl-divider);
	background:#fff;
	overflow-x:auto;
}

.cl-legal-page-nav__inner {
	display:flex;
	min-width:max-content;
}

.cl-legal-page-nav a {
	display:block;
	border-bottom:2px solid transparent;
	padding:15px 19px 13px;
	color:#776b64;
	font-size:13px;
	font-weight:750;
	line-height:1.25;
	text-decoration:none;
	white-space:nowrap;
}

.cl-legal-page-nav a:hover,
.cl-legal-page-nav a:focus-visible,
.cl-legal-page-nav a.active {
	border-bottom-color:var(--color-cl-accent);
	color:var(--color-cl-primary);
}

.cl-legal-body-section {
	padding-top:58px;
}

.cl-legal-layout {
	display:grid;
	grid-template-columns:230px minmax(0,1fr);
	gap:64px;
	align-items:start;
}

.cl-legal-sidebar {
	position:sticky;
	top:82px;
}

.cl-legal-sidebar p {
	margin:0 0 12px;
	padding:0 12px;
	color:var(--color-cl-accent);
	font-size:12px;
	font-weight:850;
	letter-spacing:.18em;
	line-height:1.35;
	text-transform:uppercase;
}

.cl-legal-sidebar nav {
	display:flex;
	flex-direction:column;
	gap:3px;
}

.cl-legal-sidebar a {
	border-left:2px solid transparent;
	border-radius:6px;
	padding:8px 12px;
	color:#776b64;
	font-size:14px;
	font-weight:720;
	line-height:1.35;
	text-decoration:none;
}

.cl-legal-sidebar a:hover,
.cl-legal-sidebar a:focus-visible,
.cl-legal-sidebar a.active {
	border-left-color:var(--color-cl-accent);
	background:var(--color-cl-marker);
	color:var(--color-cl-primary);
}

.cl-legal-content {
	min-width:0;
}

.cl-legal-section {
	border-bottom:1px solid var(--color-cl-divider);
	padding:50px 0;
	scroll-margin-top:96px;
}

.cl-legal-section:first-child {
	padding-top:0;
}

.cl-legal-section:last-child {
	border-bottom:0;
}

.cl-legal-section h2 {
	margin:0 0 24px;
	color:var(--color-cl-primary);
	font-size:clamp(26px,2.8vw,38px);
	font-weight:740;
	line-height:1.16;
	letter-spacing:0;
}

.cl-legal-section p {
	margin:0 0 15px;
	color:var(--color-cl-text);
	font-size:15px;
	line-height:1.78;
}

.cl-legal-section a {
	color:var(--color-cl-primary);
	font-weight:750;
	text-decoration:underline;
	text-underline-offset:3px;
}

.cl-legal-subsection {
	margin:0 0 30px;
}

.cl-legal-subsection:last-child {
	margin-bottom:0;
}

.cl-legal-subsection h3 {
	margin:0 0 10px;
	color:var(--color-cl-primary);
	font-size:14px;
	font-weight:850;
	letter-spacing:.04em;
	line-height:1.35;
	text-transform:uppercase;
}

.cl-legal-contact-box {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:20px 32px;
	border:1px solid var(--color-cl-divider);
	border-radius:8px;
	background:#fff;
	margin-top:24px;
	padding:26px 28px;
}

.cl-legal-contact-box__firm,
.cl-legal-contact-box__wide,
.cl-legal-contact-box__uid {
	grid-column:1 / -1;
}

.cl-legal-contact-box__firm strong {
	display:block;
	margin-bottom:6px;
	color:var(--color-cl-primary);
	font-size:22px;
	font-weight:850;
	line-height:1.2;
}

.cl-legal-contact-box__firm span {
	display:block;
	color:#776b64;
	font-size:14px;
	line-height:1.65;
}

.cl-legal-contact-box div > span {
	display:block;
	margin-bottom:4px;
	color:var(--color-cl-accent);
	font-size:12px;
	font-weight:850;
	letter-spacing:.12em;
	line-height:1.35;
	text-transform:uppercase;
}

.cl-legal-contact-box div > a,
.cl-legal-contact-box__wide p {
	color:var(--color-cl-text);
	font-size:15px;
	font-weight:750;
	line-height:1.55;
}

.cl-legal-contact-box__wide p {
	margin:0;
}

.cl-legal-contact-box__uid {
	border-top:1px solid var(--color-cl-divider);
	margin:4px 0 0;
	padding-top:16px;
	color:#776b64;
}

.cl-legal-contact-box__uid strong {
	color:var(--color-cl-text);
}

.cl-legal-contact-inline,
.cl-legal-notice {
	border-left:3px solid var(--color-cl-accent);
	border-radius:0 8px 8px 0;
	background:var(--color-cl-marker);
	margin:22px 0;
	padding:16px 20px;
}

.cl-legal-contact-inline p,
.cl-legal-notice {
	color:#5f514a;
	font-size:14px;
	line-height:1.7;
}

.cl-legal-contact-inline p {
	margin-bottom:6px;
}

.cl-legal-contact-inline p:last-child {
	margin-bottom:0;
}

.cl-legal-payment-list {
	display:flex;
	flex-direction:column;
	gap:17px;
	margin:22px 0;
}

.cl-legal-payment-item {
	display:grid;
	grid-template-columns:10px minmax(0,1fr);
	gap:14px;
	align-items:start;
}

.cl-legal-payment-item > span {
	display:block;
	width:7px;
	height:7px;
	border-radius:999px;
	background:var(--color-cl-accent);
	margin-top:10px;
}

.cl-legal-payment-item strong {
	display:block;
	color:var(--color-cl-primary);
	font-weight:850;
	line-height:1.45;
}

.cl-legal-payment-item p {
	margin:3px 0 0;
	color:#5f514a;
}

.cl-legal-bank-box {
	border:1px solid var(--color-cl-divider);
	border-radius:8px;
	background:#fff;
	margin-top:14px;
	padding:18px 20px;
}

.cl-legal-bank-box > p {
	margin:0 0 8px;
	color:var(--color-cl-primary);
	font-size:14px;
	font-weight:850;
}

.cl-legal-bank-box table {
	width:100%;
	border-collapse:collapse;
	font-size:14px;
	line-height:1.5;
}

.cl-legal-bank-box th,
.cl-legal-bank-box td {
	padding:4px 0;
	text-align:left;
	vertical-align:top;
}

.cl-legal-bank-box th {
	width:150px;
	color:var(--color-cl-text);
	font-weight:760;
}

.cl-legal-bank-box td {
	color:#776b64;
}

.cl-legal-footer-cta .cl-wrap {
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	align-items:end;
	gap:40px;
}

.cl-legal-footer-cta h2 {
	max-width:680px;
	color:#fff;
}

.cl-legal-footer-cta p:not(.cl-eyebrow) {
	max-width:560px;
	margin-top:16px;
	color:rgba(255,255,255,.74);
	line-height:1.65;
}

@media (max-width:980px) {
	.cl-legal-layout,
	.cl-legal-footer-cta .cl-wrap {
		grid-template-columns:1fr;
	}

	.cl-legal-sidebar {
		display:none;
	}
}

@media (max-width:700px) {
	.cl-cms-page.cl-figma > .cl-legal-hero {
		padding:62px 0 66px;
	}

	.cl-cms-page.cl-figma > .cl-legal-hero > .cl-wrap {
		width:min(100% - 32px,1280px);
	}

	.cl-legal-body-section {
		padding-top:38px;
	}

	.cl-legal-contact-box {
		grid-template-columns:1fr;
		padding:22px;
	}

	.cl-legal-bank-box {
		overflow-x:auto;
	}

	.cl-legal-bank-box table {
		min-width:560px;
	}
}

/* B2B CMS page */
body:is(.cms-b2b-geschaeftskunden,.cms-fuer-firmen,.cms-for-business,.cms-pour-les-entreprises,.cms-per-le-aziende) {
	overflow-x:clip;
}

body:is(.cms-b2b-geschaeftskunden,.cms-fuer-firmen,.cms-for-business,.cms-pour-les-entreprises,.cms-per-le-aziende) .breadcrumbs {
	display:none;
}

body:is(.cms-b2b-geschaeftskunden,.cms-fuer-firmen,.cms-for-business,.cms-pour-les-entreprises,.cms-per-le-aziende) #maincontent > .columns {
	width:100%;
	max-width:none;
	margin-right:0;
	margin-left:0;
}

body:is(.cms-b2b-geschaeftskunden,.cms-fuer-firmen,.cms-for-business,.cms-pour-les-entreprises,.cms-per-le-aziende) .column.main,
.cl-cms-page.cl-figma.cl-b2b {
	width:100%;
}

.cl-cms-page.cl-figma.cl-b2b > .cl-hero,
.cl-cms-page.cl-figma.cl-b2b > .cl-section {
	width:100%;
	max-width:none;
	margin-left:0;
}

.cl-cms-page.cl-figma.cl-b2b > .cl-b2b-hero {
	background-color:#3b2921;
	background-image:linear-gradient(90deg,rgba(38,25,19,.78),rgba(38,25,19,.58)),url('/images/header/Header%20B2B.jpg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

.kotori-lederfarben .klf-hero {
	background-image:
		linear-gradient(90deg,rgba(34,25,20,.82) 0%,rgba(34,25,20,.64) 58%,rgba(34,25,20,.54) 100%),
		url('/images/header/Header-Lederfarben.jpg');
}

.cl-b2b .cl-hero-grid {
	align-items:center;
	display:block;
}

.cl-b2b-hero h1 {
	max-width:760px;
}

.cl-b2b-hero .cl-copy {
	max-width:760px;
}

.cl-cms-page.cl-figma .cl-b2b-hero .cl-btn::after {
	content:none;
	margin-left:0;
}

.cl-cms-page.cl-figma .cl-b2b-hero .cl-btn-primary {
	border-color:#fff !important;
	background:#fff !important;
	color:var(--color-cl-primary) !important;
}

.cl-cms-page.cl-figma .cl-b2b-hero .cl-btn-light {
	border-color:#fff !important;
	background:transparent !important;
	color:#fff !important;
}

.cl-cms-page.cl-figma .cl-b2b-hero .cl-btn-primary:hover,
.cl-cms-page.cl-figma .cl-b2b-hero .cl-btn-primary:focus-visible {
	border-color:#fff !important;
	background:#f7f3f0 !important;
	color:var(--color-cl-primary-hover) !important;
}

.cl-cms-page.cl-figma .cl-b2b-hero .cl-btn-light:hover,
.cl-cms-page.cl-figma .cl-b2b-hero .cl-btn-light:focus-visible {
	border-color:#fff !important;
	background:#fff !important;
	color:var(--color-cl-primary-hover) !important;
}

.cl-b2b-hero .cl-lead {
	max-width:690px;
}

.cl-b2b-stat-card {
	background:rgba(255,255,255,.92);
	border:1px solid rgba(255,255,255,.55);
	border-radius:8px;
	padding:30px;
	box-shadow:0 18px 50px rgba(44,32,24,.16);
}

.cl-b2b-stat-card h2 {
	margin:0 0 20px;
	font-size:22px;
	color:var(--color-cl-text);
}

.cl-b2b-stat-card dl {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:14px;
	margin:0;
}

.cl-b2b-stat-card div {
	min-height:116px;
	padding:18px;
	background:#fff;
	border:1px solid rgba(44,32,24,.1);
}

.cl-b2b-stat-card dt {
	margin:0 0 8px;
	font-size:34px;
	font-weight:850;
	line-height:1;
	color:var(--color-cl-accent);
}

.cl-b2b-stat-card dd {
	margin:0;
	font-size:14px;
	line-height:1.45;
	color:#6c625b;
}

.cl-b2b-partner-strip {
	padding:24px 0;
	background:#fff;
	border-bottom:1px solid rgba(44,32,24,.1);
}

.cl-b2b-partner-strip .cl-wrap {
	display:grid;
	grid-template-columns:auto minmax(0,1fr);
	align-items:center;
	gap:24px;
}

.cl-b2b-partner-strip p {
	margin:0;
	font-size:12px;
	font-weight:850;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:#8a7d74;
}

.cl-b2b-partner-strip div div {
	display:grid;
	grid-template-columns:repeat(7,minmax(0,1fr));
	gap:10px;
}

.cl-b2b-partner-strip span {
	display:flex;
	min-height:42px;
	align-items:center;
	justify-content:center;
	border:1px dashed rgba(44,32,24,.18);
	background:#faf8f4;
	font-size:12px;
	font-weight:760;
	color:#8a7d74;
}

.cl-b2b-tabs {
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin:28px 0 24px;
}

.cl-b2b-tabs button {
	border:1px solid rgba(44,32,24,.16);
	background:#fff;
	padding:12px 18px;
	font-size:14px;
	font-weight:800;
	color:var(--color-cl-text);
	cursor:pointer;
}

.cl-b2b-tabs button:hover,
.cl-b2b-tabs button:focus-visible,
.cl-b2b-tabs button.is-active {
	border-color:var(--color-cl-accent);
	background:var(--color-cl-accent);
	color:#fff;
	outline:none;
}

.cl-b2b-panel {
	display:grid;
	grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);
	gap:34px;
	align-items:stretch;
	padding:28px;
	background:#fff;
	border:1px solid rgba(44,32,24,.12);
	border-radius:8px;
}

.cl-b2b-panel[hidden] {
	display:none;
}

.cl-b2b-media-placeholder,
.cl-b2b-dark-placeholder {
	display:flex;
	min-height:360px;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:10px;
	padding:28px;
	text-align:center;
	background:#efe8dd;
	border:1px dashed rgba(44,32,24,.18);
}

.cl-b2b-media-placeholder {
	background-color:#fff;
	background-image:url('/images/header/Platzhalterbild.svg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	border:0;
}

.cl-b2b-media-placeholder > * {
	display:none;
}

.cl-b2b-media-placeholder strong,
.cl-b2b-dark-placeholder strong {
	font-size:15px;
	color:var(--color-cl-text);
}

.cl-b2b-media-placeholder span,
.cl-b2b-dark-placeholder span {
	max-width:300px;
	font-size:13px;
	line-height:1.55;
	color:#7b7068;
}

.cl-b2b-panel-copy {
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:center;
}

.cl-b2b-panel-copy h3 {
	margin:0 0 12px;
	font-size:28px;
	color:var(--color-cl-text);
}

.cl-b2b-panel-copy h4 {
	margin:20px 0 10px;
	font-size:12px;
	font-weight:850;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:#7b7068;
}

.cl-b2b-panel-copy p {
	margin:0 0 12px;
	font-size:15px;
	line-height:1.75;
	color:#675d56;
}

.cl-b2b-panel-copy .cl-b2b-panel-lead {
	font-size:17px;
	color:var(--color-cl-text);
}

.cl-cms-page.cl-figma .cl-b2b-panel-copy .cl-btn-outline {
	margin-top:14px;
	border-color:var(--color-cl-primary) !important;
	background:var(--color-cl-primary) !important;
	color:#fff !important;
}

.cl-cms-page.cl-figma .cl-b2b-panel-copy .cl-btn-outline:hover,
.cl-cms-page.cl-figma .cl-b2b-panel-copy .cl-btn-outline:focus-visible {
	border-color:var(--color-cl-primary-hover) !important;
	background:var(--color-cl-primary-hover) !important;
	color:#fff !important;
}

.cl-b2b-usecases,
.cl-b2b-check-list,
.cl-b2b-contact-list {
	list-style:none;
	margin:0;
	padding:0;
}

.cl-b2b-usecases {
	display:grid;
	gap:8px;
	margin-bottom:22px;
}

.cl-b2b-usecases li {
	position:relative;
	padding-left:18px;
	font-size:14px;
	line-height:1.55;
	color:var(--color-cl-text);
}

.cl-b2b-usecases li::before,
.cl-b2b-check-list li::before {
	content:"";
	position:absolute;
	left:0;
	top:.72em;
	width:6px;
	height:6px;
	border-radius:50%;
	background:var(--color-cl-accent);
}

.cl-b2b-service-grid {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:22px;
	margin-top:26px;
}

.cl-b2b-service-grid article {
	display:flex;
	min-height:276px;
	flex-direction:column;
	align-items:flex-start;
	padding:28px;
	background:#fff;
	border:1px solid rgba(44,32,24,.12);
	border-radius:8px;
}

.cl-b2b-service-grid article > span {
	display:block;
	margin-bottom:18px;
	font-size:42px;
	font-weight:850;
	line-height:1;
	color:rgba(44,32,24,.18);
}

.cl-b2b-service-grid h3 {
	margin:0 0 10px;
	font-size:21px;
	color:var(--color-cl-text);
}

.cl-b2b-service-grid p {
	margin:0;
	font-size:14px;
	line-height:1.7;
	color:#675d56;
}

.cl-b2b-service-card-accent {
	background:var(--color-cl-accent) !important;
	border-color:var(--color-cl-accent) !important;
	color:#fff;
}

.cl-b2b-service-card-accent > span {
	color:rgba(255,255,255,.25) !important;
}

.cl-b2b-service-card-accent h3,
.cl-b2b-service-card-accent p {
	color:#fff;
}

.cl-b2b-service-card-accent .cl-btn {
	margin-top:auto;
}

.cl-b2b-workshop-grid {
	display:grid;
	grid-template-columns:minmax(260px,.95fr) minmax(0,1.05fr);
	gap:54px;
	align-items:center;
}

.cl-b2b-workshop h2,
.cl-b2b-contact h2 {
	color:#fff;
}

.cl-b2b-workshop p,
.cl-b2b-contact p {
	color:rgba(255,255,255,.74);
}

.cl-b2b-dark-placeholder {
	min-height:430px;
	background:rgba(255,255,255,.08);
	border-color:rgba(255,255,255,.16);
}

.cl-b2b-dark-placeholder strong {
	color:rgba(255,255,255,.72);
}

.cl-b2b-dark-placeholder span {
	color:rgba(255,255,255,.48);
}

.cl-b2b-workshop-list {
	display:grid;
	gap:12px;
	margin:28px 0 30px;
}

.cl-b2b-workshop-list article {
	padding:16px 18px;
	background:rgba(255,255,255,.08);
	border:1px solid rgba(255,255,255,.12);
	border-radius:8px;
}

.cl-b2b-workshop-list h3 {
	margin:0 0 5px;
	font-size:16px;
	color:#fff;
}

.cl-b2b-workshop-list p {
	margin:0;
	font-size:13px;
	line-height:1.55;
	color:rgba(255,255,255,.6);
}

.cl-b2b-reference-grid {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:22px;
	margin-top:28px;
}

.cl-b2b-comparison {
	min-width:0;
	margin:0;
	overflow:hidden;
	background:#efe8dd;
	border:1px solid rgba(44,32,24,.12);
	border-radius:8px;
	box-shadow:0 10px 24px rgba(44,32,24,.08);
}

.cl-b2b-comparison-stage {
	position:relative;
	aspect-ratio:4 / 3;
	overflow:hidden;
	background:#efe8dd;
	isolation:isolate;
	user-select:none;
}

.cl-b2b-comparison-image {
	position:absolute;
	inset:0;
	dis:block;
	width:100%;
	height:100%;
	max-width:none;
	object-fit:cover;
	object-position:center;
	pointer-events:none;
}

.cl-b2b-comparison-before {
	clip-path:inset(0 calc(100% - var(--comparison-position)) 0 0);
	z-index:1;
}

.cl-b2b-comparison-label {
	position:absolute;
	top:12px;
	z-index:3;
	padding:6px 9px;
	background:rgba(44,32,24,.78);
	border-radius:3px;
	font-size:10px;
	font-weight:850;
	letter-spacing:.07em;
	line-height:1;
	text-transform:uppercase;
	color:#fff;
	pointer-events:none;
}

.cl-b2b-comparison-label-before {
	left:12px;
}

.cl-b2b-comparison-label-after {
	right:12px;
}

.cl-b2b-comparison-divider {
	position:absolute;
	top:0;
	bottom:0;
	left:var(--comparison-position);
	z-index:2;
	width:3px;
	background:#fff;
	box-shadow:0 0 0 1px rgba(44,32,24,.16);
	transform:translateX(-50%);
	pointer-events:none;
}

.cl-b2b-comparison-divider span {
	position:absolute;
	top:50%;
	left:50%;
	display:flex;
	width:50px;
	height:50px;
	align-items:center;
	justify-content:center;
	gap:3px;
	background:#fff;
	border:1px solid rgba(44,32,24,.16);
	border-radius:50%;
	box-shadow:0 4px 14px rgba(44,32,24,.2);
	font-size:0;
	font-weight:800;
	color:var(--color-cl-primary);
	transform:translate(-50%,-50%);
}

.cl-b2b-comparison-divider span::before,
.cl-b2b-comparison-divider span::after {
	dis:block;
	font-family:Arial,sans-serif;
	font-size:28px;
	font-weight:700;
	line-height:1;
	transform:translateY(-1px);
}

.cl-b2b-comparison-divider span::before {
	content:"‹";
}

.cl-b2b-comparison-divider span::after {
	content:"›";
}

.cl-b2b-comparison input[type="range"] {
	position:absolute;
	inset:0;
	z-index:4;
	width:100%;
	height:100%;
	margin:0;
	opacity:0;
	cursor:ew-resize;
	touch-action:pan-y;
}

.cl-b2b-comparison-stage:focus-within {
	box-shadow:inset 0 0 0 3px var(--color-cl-accent);
}

.cl-b2b > #werkstatt,
.cl-b2b > #partner,
.cl-b2b .cl-b2b-flatlay {
	display:none;
}

.cl-b2b-reference-grid article {
	overflow:hidden;
	background:#fff;
	border:1px solid rgba(44,32,24,.12);
	border-radius:8px;
}

.cl-b2b-before-after {
	display:grid;
	grid-template-columns:1fr 1fr;
	min-height:190px;
	background:#efe8dd;
}

.cl-b2b-before-after span {
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	padding:12px;
	font-size:11px;
	font-weight:850;
	text-transform:uppercase;
	color:#fff;
	background:rgba(44,32,24,.34);
}

.cl-b2b-before-after span + span {
	background:rgba(120,71,36,.72);
}

.cl-b2b-reference-grid h3 {
	margin:18px 18px 6px;
	font-size:17px;
	color:var(--color-cl-text);
}

.cl-b2b-reference-grid p {
	margin:0 18px 20px;
	font-size:13px;
	line-height:1.55;
	color:#675d56;
}

.cl-b2b-flatlay {
	display:flex;
	min-height:220px;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:9px;
	margin-top:34px;
	padding:36px;
	text-align:center;
	background:#efe8dd;
	border:2px dashed rgba(44,32,24,.16);
	border-radius:8px;
}

.cl-b2b-flatlay span {
	font-size:12px;
	font-weight:850;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:var(--color-cl-accent);
}

.cl-b2b-flatlay strong {
	font-size:23px;
	color:var(--color-cl-text);
}

.cl-b2b-flatlay p {
	max-width:440px;
	margin:0;
	font-size:14px;
	line-height:1.6;
	color:#675d56;
}

.cl-b2b-partner-grid {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:24px;
	margin-top:26px;
}

.cl-b2b-partner-grid article {
	padding:30px;
	background:#fff;
	border:1px solid rgba(44,32,24,.12);
	border-radius:8px;
}

.cl-b2b-partner-grid h3 {
	margin:0 0 12px;
	font-size:22px;
	color:var(--color-cl-text);
}

.cl-b2b-partner-grid p {
	margin:0 0 14px;
	font-size:15px;
	line-height:1.7;
	color:#675d56;
}

.cl-b2b-check-list {
	display:grid;
	gap:10px;
}

.cl-b2b-check-list li {
	position:relative;
	padding-left:22px;
	font-size:14px;
	line-height:1.55;
	color:var(--color-cl-text);
}

.cl-b2b-check-list li::before {
	width:8px;
	height:8px;
}

.cl-b2b-contact-grid {
	display:grid;
	grid-template-columns:minmax(0,.9fr) minmax(320px,1fr);
	gap:60px;
	align-items:start;
}

.cl-b2b-contact-list {
	display:grid;
	gap:10px;
	margin-top:28px;
}

.cl-b2b-contact-list li,
.cl-b2b-contact-list a {
	font-size:15px;
	color:rgba(255,255,255,.78);
}

.cl-b2b-contact-list a:hover,
.cl-b2b-contact-list a:focus-visible {
	color:#fff;
	text-decoration:underline;
	text-underline-offset:3px;
}

.cl-b2b-form {
	display:grid;
	gap:14px;
	padding:30px;
	background:rgba(255,255,255,.08);
	border:1px solid rgba(255,255,255,.16);
	border-radius:8px;
}

.cl-b2b-form h3 {
	margin:0 0 6px;
	font-size:22px;
	color:#fff;
}

.cl-b2b-form-grid {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:12px;
}

.cl-b2b-form > label,
.cl-b2b-form-grid > label {
	display:grid;
	gap:6px;
	font-size:12px;
	font-weight:760;
	color:rgba(255,255,255,.62);
}

.cl-b2b-form > label > input,
.cl-b2b-form > label > select,
.cl-b2b-form > label > textarea,
.cl-b2b-form-grid > label > input,
.cl-b2b-form-grid > label > select,
.cl-b2b-form-grid > label > textarea {
	width:100%;
	min-height:46px;
	border:1px solid rgba(255,255,255,.18);
	border-radius:6px;
	background:rgba(255,255,255,.1);
	padding:11px 13px;
	color:#fff;
	font-size:14px;
}

.cl-b2b-form > label > textarea,
.cl-b2b-form-grid > label > textarea {
	min-height:104px;
	resize:vertical;
}

.cl-b2b-form > label > input::placeholder,
.cl-b2b-form > label > textarea::placeholder,
.cl-b2b-form-grid > label > input::placeholder,
.cl-b2b-form-grid > label > textarea::placeholder {
	color:rgba(255,255,255,.36);
}

.cl-b2b-form > label > select option,
.cl-b2b-form-grid > label > select option {
	color:var(--color-cl-text);
	background:#fff;
}

.cl-b2b-form > label > input:focus,
.cl-b2b-form > label > select:focus,
.cl-b2b-form > label > textarea:focus,
.cl-b2b-form-grid > label > input:focus,
.cl-b2b-form-grid > label > select:focus,
.cl-b2b-form-grid > label > textarea:focus {
	border-color:#fff;
	outline:none;
}

.cl-b2b-form .cl-btn {
	justify-self:start;
}
@media (max-width:1100px) {
	.cl-b2b-service-grid,
	.cl-b2b-reference-grid {
		grid-template-columns:repeat(2,minmax(0,1fr));
	}

	.cl-b2b-partner-strip .cl-wrap,
	.cl-b2b-panel,
	.cl-b2b-workshop-grid,
	.cl-b2b-contact-grid {
		grid-template-columns:1fr;
	}

	.cl-b2b-partner-strip div div {
		grid-template-columns:repeat(4,minmax(0,1fr));
	}
}

@media (max-width:760px) {
	.cl-b2b-stat-card dl,
	.cl-b2b-service-grid,
	.cl-b2b-reference-grid,
	.cl-b2b-partner-grid,
	.cl-b2b-form-grid {
		grid-template-columns:1fr;
	}

	.cl-b2b-partner-strip div div {
		grid-template-columns:repeat(2,minmax(0,1fr));
	}

	.cl-b2b-panel,
	.cl-b2b-form,
	.cl-b2b-partner-grid article {
		padding:22px;
	}

	.cl-b2b-media-placeholder,
	.cl-b2b-dark-placeholder {
		min-height:240px;
	}
}

/* ========================================================================== */
/* Anleitungen: canonical detail-page design                                  */
/*                                                                            */
/* Scoped to instruction detail handles so that Hyva/Tailwind preflight       */
/* resets are restored only where the imported instruction markup needs it.   */
/* ========================================================================== */

body:is([class*="cms-anleitungen-"],[class*="cms-instructions-"],[class*="cms-guides-"],[class*="cms-istruzioni-"]) {
	--instruction-content-width:1040px;
	--instruction-reading-width:820px;
	--instruction-accent:var(--color-cl-primary,#6e5040);
	--instruction-accent-strong:var(--color-cl-primary-hover,#4a3728);
	--instruction-highlight:var(--color-cl-accent,#e05a1a);
	--instruction-border:var(--color-cl-divider,#e2d5cc);
	--instruction-surface:var(--color-cl-background-secondary,#fefaf7);
	--instruction-text:var(--color-cl-text,#1a1a1a);
	overflow-x:clip;
}

body[class*="cms-anleitungen-"] .column.main {
	width:100%;
	max-width:none;
	min-width:0;
	position:relative;
}

body[class*="cms-anleitungen-"] .column.main > [data-content-type="row"] > [data-element="inner"] {
	margin-bottom:0 !important;
	padding:0 !important;
	background:transparent !important;
}

body[class*="cms-anleitungen-"] [data-content-type="html"],
body[class*="cms-anleitungen-"] [data-content-type="text"] {
	min-width:0;
}

body[class*="cms-anleitungen-"] .instruction-page,
body[class*="cms-anleitungen-"] .instruction-page__section,
body[class*="cms-anleitungen-"] .instruction-page__subsection,
body[class*="cms-anleitungen-"] .instruction-page__intro {
	color:var(--instruction-text);
	font-size:16px;
	line-height:1.7;
}

body[class*="cms-anleitungen-"] .instruction-page {
	width:100%;
	margin-inline:auto;
}

body:is([class*="cms-anleitungen-"],[class*="cms-instructions-"],[class*="cms-guides-"],[class*="cms-istruzioni-"]) .instruction-page__intro {
	margin:0 0 44px;
	font-size:18px;
	line-height:1.65;
}

body:is([class*="cms-anleitungen-"],[class*="cms-instructions-"],[class*="cms-guides-"],[class*="cms-istruzioni-"]) .instruction-page__intro:not(:has(> .instruction-gallery)) {
	position:relative;
	box-sizing:border-box;
	padding:22px 28px 22px 96px;
	border:1px solid #dcae43;
	border-radius:18px;
	background:#fff6e0;
	color:#5a463a;
	font-size:15px;
	line-height:1.7;
}

body:is([class*="cms-anleitungen-"],[class*="cms-instructions-"],[class*="cms-guides-"],[class*="cms-istruzioni-"]) .instruction-page__intro:not(:has(> .instruction-gallery))::before {
	position:absolute;
	top:50%;
	left:28px;
	width:48px;
	height:48px;
	transform:translateY(-50%);
	border-radius:8px;
	background-color:#c58e00;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='6.5' r='2' fill='%23fff'/%3E%3Cpath d='M10 10h3v8h2v2H9v-2h2v-6h-1Z' fill='%23fff'/%3E%3C/svg%3E");
	background-position:center;
	background-repeat:no-repeat;
	background-size:27px;
	content:"";
}

body:is([class*="cms-anleitungen-"],[class*="cms-instructions-"],[class*="cms-guides-"],[class*="cms-istruzioni-"]) .instruction-page__intro:not(:has(> .instruction-gallery)) > :last-child {
	margin-bottom:0;
}

body[class*="cms-anleitungen-"] .instruction-page__section {
	margin:0 0 52px;
}

body[class*="cms-anleitungen-"] .instruction-page__subsection {
	margin:32px 0 0;
}

body[class*="cms-anleitungen-"] .instruction-page h2,
body[class*="cms-anleitungen-"] .instruction-page h3,
body[class*="cms-anleitungen-"] .instruction-page h4,
body[class*="cms-anleitungen-"] .instruction-page__section-title,
body[class*="cms-anleitungen-"] .instruction-media__heading,
body[class*="cms-anleitungen-"] .instruction-media-heading,
body[class*="cms-anleitungen-"] .instruction-gallery__heading {
	color:var(--instruction-accent-strong);
	font-weight:700;
	letter-spacing:-.012em;
}

body[class*="cms-anleitungen-"] .instruction-page h2,
body[class*="cms-anleitungen-"] .instruction-page__section-title {
	margin:0 0 18px;
	font-size:28px;
	line-height:1.22;
}

body[class*="cms-anleitungen-"] .instruction-page h3,
body[class*="cms-anleitungen-"] .instruction-media__heading,
body[class*="cms-anleitungen-"] .instruction-media-heading,
body[class*="cms-anleitungen-"] .instruction-gallery__heading {
	margin:28px 0 14px;
	font-size:21px;
	line-height:1.3;
}

body[class*="cms-anleitungen-"] .instruction-page h4 {
	margin:24px 0 12px;
	font-size:18px;
	line-height:1.35;
}

body[class*="cms-anleitungen-"] .instruction-page p,
body[class*="cms-anleitungen-"] .instruction-product-labels p {
	margin:0 0 16px;
}

body[class*="cms-anleitungen-"] .instruction-page ul,
body[class*="cms-anleitungen-"] .instruction-page ol,
body[class*="cms-anleitungen-"] .instruction-toc ul,
body[class*="cms-anleitungen-"] .instruction-index ul {
	margin:0 0 20px;
	padding-left:1.45em;
}

body[class*="cms-anleitungen-"] .instruction-page ul,
body[class*="cms-anleitungen-"] .instruction-toc ul,
body[class*="cms-anleitungen-"] .instruction-index ul {
	list-style:disc;
}

body[class*="cms-anleitungen-"] .instruction-page ol {
	list-style:decimal;
}

body[class*="cms-anleitungen-"] .instruction-page li,
body[class*="cms-anleitungen-"] .instruction-toc li,
body[class*="cms-anleitungen-"] .instruction-index li {
	margin:0 0 9px;
	padding-left:.2em;
}

body[class*="cms-anleitungen-"] .instruction-product-recommendations {
	margin:0 0 20px;
	padding-left:1.45em;
	list-style:disc;
}

body[class*="cms-anleitungen-"] .instruction-product-recommendations > li {
	margin:0 0 9px;
	padding-left:.2em;
}

body[class*="cms-anleitungen-"] .instruction-page a,
body[class*="cms-anleitungen-"] .instruction-toc a,
body[class*="cms-anleitungen-"] .instruction-index a {
	color:var(--instruction-accent);
	text-decoration:underline;
	text-decoration-thickness:1px;
	text-underline-offset:.18em;
}

body[class*="cms-anleitungen-"] .instruction-page a:hover,
body[class*="cms-anleitungen-"] .instruction-toc a:hover,
body[class*="cms-anleitungen-"] .instruction-index a:hover {
	color:var(--instruction-highlight);
}

body[class*="cms-anleitungen-"] .instruction-page hr {
	clear:both;
	margin:48px 0;
	border:0;
	border-top:1px solid var(--instruction-border);
}

body[class*="cms-anleitungen-"] .instruction-toc,
body[class*="cms-anleitungen-"] .instruction-index {
	margin:0 0 48px;
	padding:24px 28px;
	border:1px solid var(--instruction-border);
	border-left:4px solid var(--instruction-accent);
	border-radius:0 8px 8px 0;
	background:var(--instruction-surface);
}

body[class*="cms-anleitungen-"] .instruction-toc h2 {
	margin:0 0 16px;
	color:var(--instruction-accent-strong);
	font-size:21px;
	font-weight:700;
}

body[class*="cms-anleitungen-"] .instruction-toc ul,
body[class*="cms-anleitungen-"] .instruction-index ul {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:10px 30px;
	margin:0;
}

body[class*="cms-anleitungen-"] .instruction-toc li,
body[class*="cms-anleitungen-"] .instruction-index li {
	margin:0;
}

body:is([class*="cms-anleitungen-"],[class*="cms-instructions-"],[class*="cms-guides-"],[class*="cms-istruzioni-"]) .instruction-pdf-actions {
	display:flex;
	justify-content:flex-end;
	width:100%;
	margin:0 0 24px;
}

body:is([class*="cms-anleitungen-"],[class*="cms-instructions-"],[class*="cms-guides-"],[class*="cms-istruzioni-"]) .exportpdf {
	position:static;
	float:none;
	display:inline-flex;
	align-items:center;
	gap:8px;
	margin:0;
	padding:10px 14px;
	border:1px solid var(--instruction-border);
	border-radius:6px;
	background:#fff;
	color:var(--instruction-accent-strong);
	font-size:14px;
	font-weight:600;
	line-height:1.25;
	text-decoration:none;
}

body:is([class*="cms-anleitungen-"],[class*="cms-instructions-"],[class*="cms-guides-"],[class*="cms-istruzioni-"]) .exportpdf:hover {
	border-color:var(--instruction-accent);
	background:var(--instruction-surface);
	color:var(--instruction-accent);
}

body:is([class*="cms-anleitungen-"],[class*="cms-instructions-"],[class*="cms-guides-"],[class*="cms-istruzioni-"]) .exportpdf img {
	width:18px;
	height:18px;
	object-fit:contain;
}

body[class*="cms-anleitungen-"] :is(
	.instruction-gallery,
	.instruction-examples,
	.instruction-media__grid,
	.instruction-media-row,
	.instruction-customer-images
) {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:22px;
	clear:both;
	width:100%;
	margin:24px 0 30px;
}

body[class*="cms-anleitungen-"] :is(
	.instruction-gallery--single,
	.instruction-gallery--single-centered,
	.instruction-media__single,
	.instruction-media--single,
	.instruction-page__standalone-image
) {
	grid-template-columns:minmax(0,1fr);
	max-width:720px;
}

body[class*="cms-anleitungen-"] :is(
	.instruction-gallery--single-centered,
	.instruction-media__single,
	.instruction-page__standalone-image
) {
	margin-inline:auto;
}

body[class*="cms-anleitungen-"] :is(
	.instruction-gallery--two,
	.instruction-examples--two,
	.instruction-media__grid--two,
	.instruction-media--two
) {
	grid-template-columns:repeat(2,minmax(0,1fr));
}

body[class*="cms-anleitungen-"] :is(
	.instruction-gallery--three,
	.instruction-gallery--schnelltest,
	.instruction-examples--three,
	.instruction-media__grid--three,
	.instruction-media--three
) {
	grid-template-columns:repeat(3,minmax(0,1fr));
}

body[class*="cms-anleitungen-"] :is(
	.instruction-gallery--four,
	.instruction-media__grid--four,
	.instruction-media--four
) {
	grid-template-columns:repeat(4,minmax(0,1fr));
}

body[class*="cms-anleitungen-"] :is(
	.instruction-gallery--five,
	.instruction-media__grid--five
) {
	grid-template-columns:repeat(5,minmax(0,1fr));
}

body[class*="cms-anleitungen-"] .instruction-gallery--hero {
	grid-template-columns:minmax(0,2fr);
	max-width:700px;
}

body[class*="cms-anleitungen-"] .instruction-gallery--compact {
	margin-bottom:7px;
}

body[class*="cms-anleitungen-"] .instruction-gallery--spaced,
body[class*="cms-anleitungen-"] .instruction-gallery--after-videos {
	margin-top:40px;
}

body[class*="cms-anleitungen-"] .instruction-gallery--types {
	margin-bottom:40px;
}

body[class*="cms-anleitungen-"] .instruction-gallery--types img {
	width:auto;
	margin-inline:auto;
}

body[class*="cms-anleitungen-"] .instruction-gallery--wax {
	grid-template-columns:minmax(0,3fr) minmax(0,5fr);
	max-width:70%;
	margin-inline:auto;
}

body[class*="cms-anleitungen-"] .instruction-gallery--products {
	grid-template-columns:minmax(0,1fr);
	max-width:150px;
	margin-left:auto;
}

body[class*="cms-anleitungen-"] :is(
	.instruction-gallery,
	.instruction-examples,
	.instruction-media,
	.instruction-customer-images,
	.instruction-page__media,
	.instruction-page__hero-media
) figure {
	min-width:0;
	margin:0;
}

body[class*="cms-anleitungen-"] :is(
	.instruction-gallery,
	.instruction-examples,
	.instruction-media,
	.instruction-customer-images,
	.instruction-page__media,
	.instruction-page__hero-media,
	.instruction-page__standalone-image,
	.instruction-product-image
) img {
	display:block;
	width:100%;
	max-width:100%;
	height:auto;
	border-radius:7px;
}

body[class*="cms-anleitungen-"] img.rahmen {
	border:1px solid var(--instruction-border);
}

body[class*="cms-anleitungen-"] :is(
	.instruction-gallery,
	.instruction-examples,
	.instruction-media,
	.instruction-customer-images,
	.instruction-page__media,
	.instruction-page__hero-media
) figcaption,
body[class*="cms-anleitungen-"] :is(
	.instruction-gallery__caption,
	.instruction-gallery-caption,
	.instruction-media-caption,
	.instruction-video__caption
) {
	margin-top:10px;
	color:#625b57;
	font-size:14px;
	font-style:italic;
	line-height:1.45;
	text-align:center;
}

body[class*="cms-anleitungen-"] .instruction-gallery__wide,
body[class*="cms-anleitungen-"] .instruction-media-wide {
	grid-column:1 / -1;
}

body[class*="cms-anleitungen-"] .instruction-media--group {
	margin:0 0 32px;
}

body[class*="cms-anleitungen-"] .instruction-media-title {
	margin:48px 0 20px;
	color:var(--instruction-accent-strong);
	font-size:21px;
	font-weight:700;
	line-height:1.3;
	text-align:center;
}

body[class*="cms-anleitungen-"] .instruction-media--video figcaption {
	text-align:center;
}

body[class*="cms-anleitungen-"] .instruction-image--right,
body[class*="cms-anleitungen-"] .instruction-image--float-right,
body[class*="cms-anleitungen-"] .instruction-page__float-image,
body[class*="cms-anleitungen-"] .instruction-page__float-stack {
	float:right;
	clear:right;
	width:min(42%,360px);
	margin:4px 0 24px 30px;
}

body[class*="cms-anleitungen-"] .instruction-page__clearfix::after,
body[class*="cms-anleitungen-"] .instruction-page__section--with-float::after,
body[class*="cms-anleitungen-"] .instruction-page__subsection--with-float::after,
body[class*="cms-anleitungen-"] .instruction-media-clear::after {
	display:table;
	clear:both;
	content:"";
}

body[class*="cms-anleitungen-"] .instruction-product-image {
	width:min(32%,300px);
	margin:24px 0 28px auto;
}

body[class*="cms-anleitungen-"] :is(
	.instruction-video,
	.instruction-page__video,
	.instruction-page__video-frame
) {
	width:min(100%,720px);
	margin:26px auto 34px;
	overflow:hidden;
	border-radius:8px;
	background:#111;
	aspect-ratio:16 / 9;
}

body[class*="cms-anleitungen-"] :is(
	.instruction-video,
	.instruction-page__video,
	.instruction-page__video-frame
) iframe {
	display:block;
	width:100%;
	height:100%;
	border:0;
}

body[class*="cms-anleitungen-"] .instruction-videos,
body[class*="cms-anleitungen-"] .instruction-page__videos {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:24px;
	margin:26px 0 34px;
}

body[class*="cms-anleitungen-"] .instruction-videos .instruction-video,
body[class*="cms-anleitungen-"] .instruction-page__videos .instruction-page__video {
	width:100%;
	margin:0;
}

body[class*="cms-anleitungen-"] .instruction-table-wrap {
	max-width:100%;
	margin:24px 0 32px;
	overflow-x:auto;
	border:1px solid var(--instruction-border);
	border-radius:8px;
}

body[class*="cms-anleitungen-"] .instruction-table {
	width:100%;
	border-collapse:collapse;
	background:#fff;
}

body[class*="cms-anleitungen-"] .instruction-table th,
body[class*="cms-anleitungen-"] .instruction-table td {
	padding:12px 16px;
	border-bottom:1px solid var(--instruction-border);
	text-align:left;
	vertical-align:top;
}

body[class*="cms-anleitungen-"] .instruction-table th {
	background:var(--instruction-surface);
	color:var(--instruction-accent-strong);
	font-weight:700;
}

body[class*="cms-anleitungen-"] .instruction-table tr:last-child td {
	border-bottom:0;
}

body[class*="cms-anleitungen-"] .instruction-symbols {
	display:grid;
	gap:18px;
	margin:24px 0 32px;
}

body[class*="cms-anleitungen-"] .instruction-symbols__row {
	display:grid;
	grid-template-columns:110px minmax(0,1fr);
	gap:22px;
	align-items:center;
	padding:16px;
	border:1px solid var(--instruction-border);
	border-radius:8px;
	background:#fff;
}

body[class*="cms-anleitungen-"] .instruction-symbols__row img {
	width:auto;
	max-width:100%;
	height:auto;
	margin:auto;
}

body[class*="cms-anleitungen-"] .instruction-symbols__row p {
	margin:0;
}

body[class*="cms-anleitungen-"] .instruction-pictograms {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:18px;
	margin:24px 0 34px;
}

body[class*="cms-anleitungen-"] .instruction-pictogram {
	display:grid;
	grid-template-columns:112px minmax(0,1fr);
	gap:18px;
	align-items:center;
	margin:0;
	padding:15px;
	border:1px solid var(--instruction-border);
	border-radius:8px;
	background:#fff;
}

body[class*="cms-anleitungen-"] .instruction-pictogram img {
	width:auto;
	max-width:100%;
	height:auto;
}

body[class*="cms-anleitungen-"] .instruction-pictogram figcaption,
body[class*="cms-anleitungen-"] .instruction-pictogram figcaption strong,
body[class*="cms-anleitungen-"] .instruction-pictogram figcaption span {
	display:block;
	font-style:normal;
	line-height:1.45;
	text-align:left;
}

body[class*="cms-anleitungen-"] .instruction-pictogram figcaption strong {
	margin-bottom:5px;
	color:var(--instruction-accent-strong);
}

body[class*="cms-anleitungen-"] .instruction-faq-list {
	list-style:decimal;
	padding-left:1.5em;
}

body[class*="cms-anleitungen-"] .instruction-faq-list > li {
	margin-bottom:24px;
	padding-left:6px;
}

body[class*="cms-anleitungen-"] .instruction-product-labels {
	margin:18px 0 28px;
	padding:18px 22px;
	border-left:3px solid var(--instruction-border);
	background:var(--instruction-surface);
}

body[class*="cms-anleitungen-"] .instruction-product-labels p:last-child {
	margin-bottom:0;
}

body[class*="cms-anleitungen-"] .instruction-page__section--contact {
	padding:22px 26px;
	border:1px solid var(--instruction-border);
	border-left:4px solid var(--instruction-accent);
	border-radius:0 8px 8px 0;
	background:var(--instruction-surface);
}

body[class*="cms-anleitungen-"] .instruction-page__section--contact p:last-child {
	margin-bottom:0;
}

body[class*="cms-anleitungen-"] .instruction-products {
	clear:both;
	width:100%;
	margin:28px auto 52px;
}

body[class*="cms-anleitungen-"] .instruction-products__grid {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:18px;
}

body[class*="cms-anleitungen-"] .instruction-products__item {
	display:flex;
	min-width:0;
	height:100%;
	flex-direction:column;
	overflow:hidden;
	border:1px solid var(--instruction-border);
	border-radius:8px;
	background:#fff;
	box-shadow:0 3px 14px rgb(74 55 40 / 7%);
}

body[class*="cms-anleitungen-"] .instruction-products__image-link {
	display:flex;
	height:190px;
	align-items:center;
	justify-content:center;
	padding:18px;
	background:#fff;
}

body[class*="cms-anleitungen-"] .instruction-products__image {
	width:auto;
	max-width:100%;
	height:100%;
	object-fit:contain;
}

body[class*="cms-anleitungen-"] .instruction-products__body {
	display:flex;
	flex:1;
	flex-direction:column;
	gap:12px;
	padding:18px;
	border-top:1px solid var(--instruction-border);
}

body[class*="cms-anleitungen-"] .instruction-products__name {
	color:var(--instruction-accent-strong);
	font-weight:700;
	line-height:1.35;
	text-decoration:none;
}

body[class*="cms-anleitungen-"] .instruction-products__name:hover {
	color:var(--instruction-highlight);
}

body[class*="cms-anleitungen-"] .instruction-products__meta,
body[class*="cms-anleitungen-"] .instruction-products__controls {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	gap:10px;
}

body[class*="cms-anleitungen-"] .instruction-products__meta {
	align-items:center;
	color:#625b57;
	font-size:14px;
}

body[class*="cms-anleitungen-"] .instruction-products__controls {
	margin-top:auto;
	padding-top:4px;
}

body[class*="cms-anleitungen-"] .instruction-products__choice,
body[class*="cms-anleitungen-"] .instruction-products__qty {
	display:flex;
	align-items:center;
	gap:7px;
	margin:0;
	color:var(--instruction-text);
	font-size:14px;
}

body[class*="cms-anleitungen-"] .instruction-products__qty input {
	width:64px;
}

body[class*="cms-anleitungen-"] .instruction-products__note {
	flex-basis:100%;
	color:#625b57;
	line-height:1.4;
}

body[class*="cms-anleitungen-"] .instruction-products__configure {
	margin-top:auto;
	color:var(--instruction-accent);
	font-weight:600;
	text-decoration:underline;
	text-underline-offset:.18em;
}

body[class*="cms-anleitungen-"] .instruction-products__actions {
	display:flex;
	justify-content:flex-end;
	margin-top:20px;
}

body[class*="cms-anleitungen-"] .instruction-products__actions .btn-primary {
	padding:12px 20px;
	border-radius:6px;
	background:var(--instruction-highlight);
	color:#fff;
	font-weight:700;
}

body[class*="cms-anleitungen-"] .instruction-products__actions .btn-primary:hover {
	background:var(--color-cl-accent-hover,#c44a10);
}

@media (max-width:900px) {
	body[class*="cms-anleitungen-"] :is(
		.instruction-gallery--four,
		.instruction-gallery--five,
		.instruction-media__grid--four,
		.instruction-media__grid--five,
		.instruction-media--four
	) {
		grid-template-columns:repeat(2,minmax(0,1fr));
	}

	body[class*="cms-anleitungen-"] .instruction-pictograms {
		grid-template-columns:minmax(0,1fr);
	}
}

@media (max-width:640px) {
	body:is([class*="cms-anleitungen-"],[class*="cms-instructions-"],[class*="cms-guides-"],[class*="cms-istruzioni-"]) .instruction-page__intro {
		margin-bottom:34px;
		font-size:17px;
	}

	body:is([class*="cms-anleitungen-"],[class*="cms-instructions-"],[class*="cms-guides-"],[class*="cms-istruzioni-"]) .instruction-page__intro:not(:has(> .instruction-gallery)) {
		padding:18px 18px 18px 72px;
		border-radius:14px;
		font-size:14px;
	}

	body:is([class*="cms-anleitungen-"],[class*="cms-instructions-"],[class*="cms-guides-"],[class*="cms-istruzioni-"]) .instruction-page__intro:not(:has(> .instruction-gallery))::before {
		left:18px;
		width:40px;
		height:40px;
		background-size:23px;
	}

	body[class*="cms-anleitungen-"] .instruction-page__section {
		margin-bottom:42px;
	}

	body[class*="cms-anleitungen-"] .instruction-page h2,
	body[class*="cms-anleitungen-"] .instruction-page__section-title {
		font-size:24px;
	}

	body[class*="cms-anleitungen-"] .instruction-toc,
	body[class*="cms-anleitungen-"] .instruction-index {
		padding:20px;
	}

	body[class*="cms-anleitungen-"] .instruction-toc ul,
	body[class*="cms-anleitungen-"] .instruction-index ul,
	body[class*="cms-anleitungen-"] :is(
		.instruction-gallery,
		.instruction-examples,
		.instruction-media__grid,
		.instruction-media-row,
		.instruction-customer-images,
		.instruction-gallery--three,
		.instruction-gallery--four,
		.instruction-gallery--five,
		.instruction-gallery--schnelltest,
		.instruction-examples--three,
		.instruction-media__grid--three,
		.instruction-media__grid--four,
		.instruction-media__grid--five,
		.instruction-media--three,
		.instruction-media--four,
		.instruction-videos,
		.instruction-page__videos
	) {
		grid-template-columns:minmax(0,1fr);
	}

	body[class*="cms-anleitungen-"] .instruction-gallery--wax {
		max-width:none;
	}

	body[class*="cms-anleitungen-"] :is(
		.instruction-gallery--two.instruction-gallery--compact,
		.instruction-gallery--five.instruction-gallery--compact
	) {
		grid-template-columns:repeat(2,minmax(0,1fr));
	}

	body[class*="cms-anleitungen-"] .instruction-image--right,
	body[class*="cms-anleitungen-"] .instruction-image--float-right,
	body[class*="cms-anleitungen-"] .instruction-page__float-image,
	body[class*="cms-anleitungen-"] .instruction-page__float-stack,
	body[class*="cms-anleitungen-"] .instruction-product-image {
		float:none;
		width:100%;
		max-width:420px;
		margin:24px auto;
	}

	body[class*="cms-anleitungen-"] .instruction-symbols__row,
	body[class*="cms-anleitungen-"] .instruction-pictogram {
		grid-template-columns:82px minmax(0,1fr);
		gap:14px;
		padding:12px;
	}

	body[class*="cms-anleitungen-"] .instruction-products__grid {
		grid-template-columns:repeat(2,minmax(0,1fr));
	}

	body[class*="cms-anleitungen-"] .instruction-products__actions {
		justify-content:stretch;
	}

	body[class*="cms-anleitungen-"] .instruction-products__actions .btn-primary {
		width:100%;
	}

}

@media (max-width:560px) {
	body[class*="cms-anleitungen-"] .instruction-products__grid {
		grid-template-columns:minmax(0,1fr);
	}
}

@media print {
	body[class*="cms-anleitungen-"] .instruction-products,
	body:is([class*="cms-anleitungen-"],[class*="cms-instructions-"],[class*="cms-guides-"],[class*="cms-istruzioni-"]) .instruction-pdf-actions {
		display:none !important;
	}

	body[class*="cms-anleitungen-"] .instruction-page__section,
	body[class*="cms-anleitungen-"] figure,
	body[class*="cms-anleitungen-"] table {
		break-inside:avoid;
	}
}

/* Product text image layouts (product IDs 568-575). */
.product-image-pair {
	width:fit-content;
	max-width:100%;
	margin:40px auto;
}

.product-image-row {
	display:flex;
	align-items:flex-start;
	justify-content:center;
	gap:30px;
	max-width:744px;
}

.product-image-row > img {
	display:block;
	flex:0 1 auto;
	width:auto;
	max-width:calc((100% - 30px) / 2);
	height:auto;
}

.product-image-pair > figcaption {
	margin-top:10px;
	text-align:center;
}

.product-figures {
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	justify-content:center;
	gap:24px 30px;
	margin:40px 0;
}

.product-figures > figure {
	flex:0 1 auto;
	max-width:100%;
	margin:0;
	text-align:center;
}

.product-figures:has(> figure:nth-child(5):last-child) > figure {
	width:100px;
}

.product-figures:has(> figure:nth-child(3):last-child) > figure {
	width:225px;
}

.product-figures:has(> figure:nth-child(2):last-child) > figure {
	width:356px;
}

.product-figures > figure > img {
	display:block;
	width:100%;
	height:auto;
}

.product-figures > figure > figcaption,
.cl-image-grid__row > figcaption {
	margin-top:10px;
	text-align:center;
}

.cl-image-grid {
	display:grid;
	gap:24px;
	max-width:742px;
	margin:40px auto;
}

.cl-image-grid__row {
	margin:0;
}

.cl-image-grid__row > div {
	display:grid !important;
	grid-template-columns:repeat(2,minmax(0,356px)) !important;
	justify-content:center;
	gap:30px !important;
}

.cl-image-grid__row img {
	display:block;
	width:100%;
	height:auto;
}

@media (max-width:47.999rem) {
	.product-image-pair,
	.cl-image-grid {
		margin-block:24px;
	}

	.product-image-row {
		flex-direction:column;
		align-items:center;
		gap:16px;
	}

	.product-image-row > img {
		max-width:100%;
	}

	.cl-image-grid__row > div {
		grid-template-columns:minmax(0,356px) !important;
		gap:16px !important;
	}
}

/* Desktop sticky stack: site header first, page-local navigation directly below. */
:root {
	--cl-sticky-header-offset:0px;
}

@media (min-width:1024px) {
	.page-header {
		position:sticky;
		top:0;
		z-index:40;
		overflow-anchor:none;
	}

	.klf-page-nav,
	.cl-legal-page-nav {
		top:var(--cl-sticky-header-offset);
	}

	.cl-legal-sidebar {
		top:calc(var(--cl-sticky-header-offset) + 82px);
	}

	.klf-section[id] {
		scroll-margin-top:calc(var(--cl-sticky-header-offset) + 72px);
	}

	.cl-legal-section {
		scroll-margin-top:calc(var(--cl-sticky-header-offset) + 96px);
	}
}

/* Header megamenu: 2026 design review. */
.cl-megamenu {
	border-top:1px solid #f1ebe6;
	border-bottom:1px solid #e8ddd5;
	box-shadow:0 12px 26px rgba(62,42,31,.1);
}

.cl-megamenu__inner {
	width:min(100% - 80px,1280px);
	margin-inline:auto;
}

.cl-megamenu__grid {
	display:grid;
	grid-template-columns:260px minmax(0,1.08fr) minmax(0,.92fr);
	min-height:255px;
	padding:32px 0;
}

.cl-megamenu__group {
	min-width:0;
	border-left:1px solid #e2d5cc;
	padding:0 46px;
}

.cl-megamenu__group:last-child {
	border-right:1px solid #e2d5cc;
}

.cl-megamenu__heading {
	display:block;
	margin:0 0 20px;
	color:#1a1a1a;
	font-family:"Nunito Sans",sans-serif;
	font-size:24px;
	font-weight:600;
	line-height:1.2;
	text-decoration:none;
}

.cl-header-main-menu {
	flex-wrap:nowrap;
	gap:clamp(8px,1.35vw,32px) !important;
}

.cl-header-main-menu > li {
	flex:0 0 auto;
}

.cl-header-main-menu > li > a,
.cl-header-main-menu > li > span > a {
	white-space:nowrap;
}

@media (min-width:1024px) and (max-width:1279px) {
	.cl-header-main-menu {
		gap:8px !important;
	}

	.cl-header-main-menu > li > a,
	.cl-header-main-menu > li > span > a {
		font-size:12px !important;
		line-height:20px !important;
	}

	.navigation > div {
		padding-inline:8px !important;
	}
}

.cl-megamenu__heading:hover,
.cl-megamenu__heading:focus-visible {
	color:var(--color-cl-primary);
	text-decoration:underline;
	text-underline-offset:4px;
}

.cl-megamenu__links {
	display:grid;
	grid-auto-flow:column;
	grid-template-columns:repeat(2,minmax(0,1fr));
	column-gap:42px;
	row-gap:10px;
	margin:0;
	padding:0;
	list-style:none;
}

.cl-megamenu__group:nth-child(2) .cl-megamenu__links {
	grid-template-rows:repeat(4,auto);
}

.cl-megamenu__group:nth-child(3) .cl-megamenu__links {
	grid-template-rows:repeat(3,auto);
}

.cl-megamenu__link {
	display:flex;
	align-items:center;
	gap:12px;
	min-width:0;
	color:#3f332d;
	font-size:15px;
	line-height:1.35;
	text-decoration:none;
}

.cl-megamenu__link:hover,
.cl-megamenu__link:focus-visible {
	color:var(--color-cl-primary);
}

.cl-megamenu__icon,
.cl-megamenu__icon-wrap {
	display:inline-flex;
	flex:0 0 24px;
	width:24px;
	height:24px;
	color:#6e5040;
	object-fit:contain;
}

.cl-megamenu__label {
	display:flex;
	align-items:center;
	min-height:24px;
	min-width:0;
}

/* Footer: 2026 design review. */
.cl-site-footer {
	color:#f5f0ec;
}

.cl-site-footer__top,
.cl-site-footer__benefits {
	width:min(100% - 64px,1360px);
	margin-inline:auto;
}

.cl-site-footer__top {
	display:grid;
	grid-template-columns:minmax(300px,350px) minmax(190px,240px) minmax(0,1fr);
	gap:54px;
	padding:48px 0 54px;
}

.cl-site-footer__logo-link {
	display:block;
	width:min(100%,340px);
	margin-left:-20px;
}

.cl-site-footer__logo-link img {
	display:block;
	width:100%;
	height:auto;
}

.cl-site-footer .cl-footer-address {
	margin-top:42px;
	color:#f5f0ec;
	font-size:16px;
	font-style:normal;
	line-height:1.55;
}

.cl-site-footer .cl-footer-address a,
.cl-site-footer .cl-language-selector a {
	color:inherit;
}

.cl-site-footer .cl-footer-language {
	display:flex;
	gap:8px;
	margin-top:28px;
	color:#f5f0ec;
	font-size:14px;
}

.cl-site-footer__anniversary img {
	display:block;
	width:min(100%,230px);
	height:auto;
}

.cl-site-footer__links {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:42px;
	padding-top:26px;
}

.cl-site-footer__links h3 {
	margin:0;
	color:#fff;
	font-family:"Nunito Sans",sans-serif;
	font-size:13px;
	font-weight:700;
	letter-spacing:.12em;
	line-height:1.3;
	text-transform:uppercase;
}

.cl-site-footer__links ul {
	margin:30px 0 0;
	padding:0;
	list-style:none;
}

.cl-site-footer__links li + li {
	margin-top:16px;
}

.cl-site-footer__links a {
	color:#f5f0ec;
	font-size:16px;
	line-height:1.4;
	text-decoration:none;
}

.cl-site-footer__links a:hover,
.cl-site-footer__links a:focus-visible {
	color:#fff;
	text-decoration:underline;
	text-underline-offset:4px;
}

.cl-site-footer__benefits {
	display:grid;
	grid-template-columns:1fr 1.35fr 1fr;
	gap:54px;
	border-top:1px solid rgba(245,240,236,.7);
	border-bottom:1px solid rgba(245,240,236,.7);
	padding:34px 0;
}

.cl-site-footer__benefit {
	display:grid;
	grid-template-columns:92px minmax(0,1fr);
	align-items:center;
	gap:20px;
	min-width:0;
}

.cl-site-footer__benefit img {
	display:block;
	width:86px;
	height:72px;
	object-fit:contain;
}

.cl-site-footer__benefit p {
	margin:0;
	line-height:1.35;
}

.cl-site-footer__benefit strong,
.cl-site-footer__benefit span {
	display:block;
}

.cl-site-footer + .container {
	width:min(100% - 64px,1360px);
	max-width:none;
	margin-inline:auto;
	padding-inline:0 !important;
}

.cl-site-footer__benefit strong {
	color:#fff;
	font-size:16px;
	font-weight:700;
}

.cl-site-footer__benefit span {
	margin-top:2px;
	color:#f5f0ec;
	font-size:14px;
	font-style:italic;
}

@media (max-width:1199px) {
	.cl-megamenu__inner {
		width:min(100% - 48px,1120px);
	}

	.cl-megamenu__grid {
		grid-template-columns:210px minmax(0,1.1fr) minmax(0,.9fr);
	}

	.cl-megamenu__group {
		padding-inline:30px;
	}

	.cl-megamenu__links {
		column-gap:24px;
	}

	.cl-site-footer__top {
		grid-template-columns:minmax(280px,1fr) 190px minmax(0,1.65fr);
		gap:32px;
	}

	.cl-site-footer__links {
		gap:24px;
	}

	.cl-site-footer__benefits {
		gap:30px;
	}
}

@media (max-width:980px) {
	.cl-site-footer__top {
		grid-template-columns:minmax(0,1fr) 220px;
	}

	.cl-site-footer__links {
		grid-column:1 / -1;
		padding-top:10px;
	}

	.cl-site-footer__benefits {
		grid-template-columns:1fr;
		gap:24px;
	}
}

@media (max-width:700px) {
	.cl-site-footer__top,
	.cl-site-footer__benefits {
		width:min(100% - 32px,1360px);
	}

	.cl-site-footer + .container {
		width:min(100% - 32px,1360px);
	}

	.cl-site-footer__top {
		grid-template-columns:1fr;
		gap:36px;
		padding:42px 0;
	}

	.cl-site-footer__anniversary img {
		width:190px;
	}

	.cl-site-footer__links {
		grid-column:auto;
		grid-template-columns:1fr;
		gap:34px;
	}

	.cl-site-footer__links ul {
		margin-top:18px;
	}

	.cl-site-footer__links li + li {
		margin-top:12px;
	}

	.cl-site-footer__benefit {
		grid-template-columns:76px minmax(0,1fr);
		gap:16px;
	}

	.cl-site-footer__benefit img {
		width:70px;
		height:60px;
	}
}

/* Cart: keep the final action or recommendation block separate from the footer. */
.checkout-cart-index .cart-empty,
.checkout-cart-index .cart-form {
	padding-bottom:clamp(48px,6vw,80px);
}

/* The compact cart row already displays the line subtotal. Do not repeat the unit price beside it. */
.checkout-cart-index .form-cart .price-box > .text-fg-secondary {
	display:none;
}

/* Keep the cart structure identical in every language theme. */
@media (min-width:1024px) {
	.checkout-cart-index .cart-form > .lg\:flex-row-reverse {
		align-items:stretch;
		flex-direction:column;
	}

	.checkout-cart-index .cart-form > .lg\:flex-row-reverse > .card {
		position:static;
		width:100%;
	}
}

/* Centred YouTube embeds in product text (product ID 568). */
.product-video {
	width:100%;
	margin:40px auto;
}

.product-video--rauleder {
	max-width:871px;
}

.product-video--tintenflecken {
	max-width:839px;
}

.product-video__frame {
	position:relative;
	width:100%;
	aspect-ratio:16 / 9;
}

.product-video__frame > iframe {
	display:block;
	width:100%;
	height:100%;
	border:0;
}

.product-video > figcaption {
	margin-top:10px;
	text-align:center;
}

@media (max-width:47.999rem) {
	.product-video {
		margin-block:24px;
	}
}

/* Full-width header utility bar and language selector. */
.cl-topbar {
	width:100%;
	background:#e2d5cc;
}

.cl-topbar__inner {
	display:flex;
	align-items:center;
	justify-content:flex-end;
	flex-wrap:wrap;
	gap:0.25rem 1.5rem;
	width:100%;
	max-width:96rem;
	min-height:32px;
	margin-inline:auto;
	padding:6px 1.5rem;
}

.cl-topbar__contact {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:0.25rem 1.25rem;
	font-size:0.75rem;
	font-weight:500;
	line-height:1.25rem;
}

.cl-topbar__contact a {
	color:inherit;
	text-decoration:none;
	white-space:nowrap;
}

.cl-topbar__contact a + a,
.cl-topbar__inner > .cl-language-selector {
	border-left:1px solid rgba(74,64,57,.45);
	padding-left:1.5rem;
}

.cl-topbar__contact a:hover,
.cl-topbar__contact a:focus-visible {
	text-decoration:underline;
	text-underline-offset:3px;
}

.cl-language-selector {
	display:flex;
	flex:0 0 auto;
	align-items:center;
	justify-content:flex-end;
	gap:0.45rem;
	font-size:0.75rem;
	font-weight:500;
	line-height:1.25rem;
	letter-spacing:0.05em;
	white-space:nowrap;
}

.cl-language-selector__link {
	color:inherit;
	text-decoration:none;
	text-underline-offset:3px;
}

.cl-language-selector__link:hover,
.cl-language-selector__link:focus-visible,
.cl-language-selector__link.is-active {
	text-decoration:underline;
}

.cl-language-selector__separator {
	user-select:none;
}

.cl-footer-address {
	font-style:normal;
}

.cl-footer-language {
	justify-content:flex-start;
	margin-top:1.5rem;
}

@media (min-width:40rem) {
	.cl-topbar__inner {
		max-width:40rem;
	}
}

@media (min-width:48rem) {
	.cl-topbar__inner {
		max-width:48rem;
	}
}

@media (min-width:64rem) {
	.cl-topbar__inner {
		max-width:64rem;
	}
}

@media (min-width:80rem) {
	.cl-topbar__inner {
		max-width:80rem;
	}
}

@media (min-width:96rem) {
	.cl-topbar__inner {
		max-width:96rem;
	}
}

@media (max-width:39.999rem) {
	.cl-topbar__inner,
	.cl-topbar__contact {
		flex-wrap:nowrap;
	}
	.cl-topbar__inner {
		gap:.375rem;
		padding:6px .25rem;
	}
	.cl-topbar__contact {
		gap:.375rem;
		font-size:.625rem;
	}
	.cl-topbar__contact a + a,
	.cl-topbar__inner > .cl-language-selector {
		padding-left:.375rem;
	}
	.cl-language-selector {
		gap:.2rem;
		font-size:.625rem;
	}
}

/* Legacy-shop media geometry for product IDs 578-585. */
.product-video--legacy-wide {
	max-width:866px;
}

.product-image-pair--legacy-wide {
	width:866px;
	max-width:100%;
}

.product-image-pair--legacy-wide .product-image-row {
	box-sizing:border-box;
	max-width:none;
	padding-inline:15px;
}

.product-figures.product-figures--legacy-wide:has(> figure:nth-child(2):last-child) > figure {
	width:403px;
}

.product-figures.product-figures--legacy-wide:has(> figure:nth-child(4):last-child) > figure {
	width:403px;
}

.product-figures.product-figures--legacy-wide:has(> figure:first-child > img[src$="product-585-water-stained-aniline-boots-01.jpg"]) {
	margin-top:0;
}

.product-hazard-image {
	width:260px;
	max-width:100%;
	margin:40px auto;
}

.product-hazard-image > img {
	display:block;
	width:100%;
	height:auto;
}

.product-hazard-image:has(> img[src$="product-585-hazard-07.png"]) {
	float:right;
	width:20%;
	max-width:none;
	margin:16px 0 16px 16px;
}

/* Homepage v2 - implementation of the August 2026 start-page mockup. */
.cl-cms-page.cl-figma.cl-home-v2 {
	--home-ink:#342820;
	--home-brown:#75513e;
	--home-brown-dark:#4a3327;
	--home-orange:#e85c1b;
	--home-cream:#f8f2ec;
	--home-line:#eadfd5;
	background:#fffaf6;
	color:#4a4039;
}

.cl-cms-page.cl-figma.cl-home-v2 .cl-wrap {
	width:min(100% - 48px,1280px);
}

.cl-home-v2 h1,
.cl-home-v2 h2,
.cl-home-v2 h3,
.cl-home-v2 p { margin-top:0; }

.cl-home-v2 h2 {
	color:var(--home-ink);
	font-size:clamp(27px,2.4vw,38px);
	font-weight:650;
	line-height:1.18;
}

.cl-home-v2 .cl-eyebrow {
	margin-bottom:8px;
	color:#9c5f40;
	font-size:12px;
	font-weight:800;
	letter-spacing:.19em;
}

.cl-cms-page.cl-home-v2 > section.cl-home-hero {
	position:relative;
	display:flex;
	min-height:620px;
	align-items:center;
	padding:0;
	background:
		linear-gradient(90deg,rgba(23,18,15,.82) 0%,rgba(34,25,20,.63) 45%,rgba(34,25,20,.08) 78%),
		url('/images/header/Header-Startseite.jpg') center / cover no-repeat;
	color:#fff;
}

.cl-home-hero__content { position:relative; z-index:1; padding-block:88px; }

.cl-cms-page.cl-figma.cl-home-v2 .cl-home-hero h1 {
	max-width:650px;
	margin:0 0 18px;
	color:#fff;
	font-size:clamp(42px,5vw,72px);
	font-weight:700;
	line-height:1.03;
}

.cl-home-hero p { max-width:700px; margin-bottom:0; color:rgba(255,255,255,.9); }
.cl-home-hero .cl-home-hero__lead { margin-bottom:10px; color:#efaa7f; font-style:italic; }
.cl-home-hero .cl-actions { margin-top:30px; }
.cl-home-hero .cl-btn::after { content:none; margin-left:0; }

.cl-home-section { padding:78px 0; }
.cl-home-section > .cl-wrap > p { max-width:660px; }
.cl-home-categories { background:#fffaf6; }

.cl-home-category-grid {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:26px;
	margin-top:34px;
}

.cl-home-category-grid > a {
	dis:flex;
	min-height:220px;
	flex-direction:column;
	align-items:center;
	justify-content:space-between;
	overflow:hidden;
	border:1px solid var(--home-line);
	border-radius:10px;
	padding:24px 24px 8px;
	background:#fff;
	box-shadow:0 8px 22px rgba(67,44,29,.06);
	color:var(--home-ink);
	font-size:18px;
	text-align:center;
	transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

.cl-home-category-grid > a:hover,
.cl-home-category-grid > a:focus-visible {
	border-color:#c99779;
	box-shadow:0 12px 28px rgba(67,44,29,.12);
	transform:translateY(-3px);
}

.cl-home-category-grid img { width:100%; height:145px; object-fit:contain; object-position:center bottom; margin:2em auto; }

.cl-home-finder {
	padding:76px 0;
	color:rgba(255,255,255,.82);
}

.cl-home.cl-home-v2 > section.cl-home-finder {
	background-color:#3b2921;
	background-image:linear-gradient(rgba(54,36,27,.72),rgba(54,36,27,.72)),url('/images/Hintergrundbild%20Leder-Banner.jpg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

.cl-home-finder__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.85fr); align-items:center; gap:90px; }
.cl-cms-page.cl-figma.cl-home-v2 .cl-home-finder h2 { color:#fff; }
.cl-home-finder p { max-width:560px; }

.cl-home-finder__steps { position:relative; display:grid; gap:18px; }
.cl-home-finder__steps::before { position:absolute; top:28px; bottom:28px; left:25px; width:2px; background:rgba(255,255,255,.72); content:""; }
.cl-home-finder__steps li { position:relative; display:grid; grid-template-columns:52px 1fr; align-items:center; gap:18px; }
.cl-home-finder__steps b { z-index:1; display:grid; width:52px; height:52px; place-items:center; border-radius:50%; background:#fffaf6; color:var(--home-brown); font-size:25px; }
.cl-home-finder__steps span { border-radius:9px; padding:17px 20px; background:rgba(255,255,255,.18); color:#fff; font-weight:700; }
.cl-home-finder .cl-btn-ghost { border-color:rgba(255,255,255,.62); background:rgba(0,0,0,.2); }
.cl-home-finder .cl-btn-ghost::after { content:none; margin-left:0; }
.cl-home .cl-home-finder .cl-btn-ghost:hover,
.cl-home .cl-home-finder .cl-btn-ghost:focus-visible { border-color:#fff; background:rgba(0,0,0,.34); }

.cl-colour-finder { background:#fffaf6; }
.cl-colour-finder__cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; margin-top:34px; }
.cl-colour-finder__card { display:grid; grid-template-columns:62px 1fr; align-items:center; gap:4px 18px; border:1px solid var(--home-line); border-radius:12px; padding:24px; background:#fff; box-shadow:0 8px 24px rgba(67,44,29,.08); }
.cl-colour-finder__card img { grid-row:1 / 3; width:58px; height:58px; object-fit:contain; }
.cl-colour-finder__card label { color:var(--home-ink); font-size:17px; font-weight:750; }
.cl-cms-page.cl-figma.cl-home-v2 .cl-colour-finder__card select { width:100%; min-height:48px; border:1px solid #ded2c7; border-radius:7px; padding:8px 40px 8px 12px; background-color:#fff; color:#50463f; font-size:15px; cursor:pointer; }
.cl-colour-finder__catalog { display:flex; align-items:center; justify-content:space-between; gap:32px; margin-top:24px; border:1px solid var(--home-line); border-radius:12px; padding:18px 24px; background:rgba(255,255,255,.72); box-shadow:0 8px 24px rgba(67,44,29,.08); }
.cl-cms-page.cl-figma.cl-home-v2 .cl-colour-finder__catalog h3 { margin:0 0 3px; color:var(--home-ink); font-size:16px; font-weight:750; line-height:1.35; }
.cl-colour-finder__catalog p { max-width:none; margin:0; color:#50463f; font-size:14px; line-height:1.5; }
.cl-colour-finder__catalog .cl-btn { flex:0 0 auto; }

.cl-home-products { background:#fcf7f2; }
.cl-home-products .cl-heading-row { align-items:center; }
.cl-home-products .cl-product-grid { margin-top:34px; }

.cl-home-guides { background:#f2eae3; }
.cl-home-guides__grid { display:grid; grid-template-columns:minmax(0,1fr) 290px; align-items:end; gap:60px; }
.cl-home-guides .kotori-cms-recommendations { gap:16px; margin-top:30px; }
.cl-home-guides .kotori-cms-recommendations__items { gap:16px; }
.cl-home-guides .kotori-cms-recommendations__card,
.cl-home-guides .kotori-cms-recommendations__skeleton { min-height:0; border-radius:9px; }
.cl-home-guides .kotori-cms-recommendations__card { padding:18px 20px; }
.cl-home-guides__figure { width:100%; max-height:470px; object-fit:contain; object-position:center bottom; }
.cl-home-guides__cta { display:flex; align-items:center; justify-content:space-between; gap:22px; margin-top:16px; border-radius:9px; padding:18px 20px; background:#fff; box-shadow:0 8px 16px rgba(47,33,25,.08); }
.cl-home-guides__cta p { margin:0; }
.cl-home-guides__cta strong,.cl-home-guides__cta small { display:block; }
.cl-home-guides__cta small { margin-top:3px; }
.cl-home-guides__cta a { flex:0 0 auto; border-radius:7px; padding:12px 18px; background:var(--home-brown); color:#fff; font-weight:700; }
.cl-home-guides__cta a::after { margin-left:.55rem; content:"→"; }

.cl-home-about { background:#fff; }
.cl-home.cl-home-v2 > section.cl-home-about { background:#fff; color:#4a4039; }
.cl-home-about__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(400px,.9fr); align-items:center; gap:62px; }
.cl-home-about__lead { margin-bottom:2rem; color:#d97745; font-style:italic; }
.cl-home-about__visual { display:block; width:100%; height:auto; object-fit:contain; }
.cl-home-trust { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:34px; }
.cl-home-trust > div { display:grid; min-height:160px; place-items:center; border:1px solid var(--home-line); border-radius:10px; padding:18px; text-align:center; }
.cl-home-trust img { width:62px; height:54px; object-fit:contain; }
.cl-home-trust img.cl-home-trust__badge { width:104px; height:auto; }
.cl-home-trust span { color:#b26948; font-family:serif; font-size:43px; line-height:1; }
.cl-home-trust sup { font-size:.5em; }
.cl-home-trust strong,.cl-home-trust small { display:block; }
.cl-home-trust small { color:#766960; }

.cl-home-final { padding:72px 0 84px; background:#795744; color:rgba(255,255,255,.83); }
.cl-cms-page.cl-figma.cl-home-v2 .cl-home-final h2 { margin-bottom:38px; color:#fff; text-align:center; }
.cl-home-final__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; }
.cl-home-final__grid > a { display:flex; min-height:255px; flex-direction:column; align-items:flex-start; border-radius:10px; padding:26px; background:rgba(255,255,255,.16); color:#fff; }
.cl-home-final__grid img { width:52px; height:52px; margin-bottom:18px; object-fit:contain; filter:brightness(0) invert(1); opacity:.9; }
.cl-home-final__grid img.kotori-welcome-noinvert { filter:none; }
.cl-home-final__grid strong { margin-bottom:9px; font-size:18px; }
.cl-home-final__grid small { color:rgba(255,255,255,.72); }
.cl-home-final__grid span { margin-top:auto; padding-top:18px; font-weight:750; }
.cl-home-final__grid span::after { margin-left:10px; content:"→"; }

@media (max-width:1024px) {
	.cl-home-hero::before { position:absolute; inset:0; background:rgba(20,13,9,.34); content:""; }
}

@media (max-width:900px) {
	.cl-cms-page.cl-home-v2 > section.cl-home-hero { min-height:540px; background-position:50% center; }
	.cl-home-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.cl-home-finder__grid,.cl-home-about__grid { grid-template-columns:1fr; gap:42px; }
	.cl-home-guides__grid { grid-template-columns:minmax(0,1fr) 210px; gap:28px; }
	.cl-home-about__visual { min-height:0; }
	.cl-home-final__grid { gap:16px; }
}

@media (max-width:620px) {
	.cl-cms-page.cl-figma.cl-home-v2 .cl-wrap { width:min(100% - 32px,1280px); }
	.cl-home-section,.cl-home-finder,.cl-home-final { padding:52px 0; }
	.cl-cms-page.cl-home-v2 > section.cl-home-hero { min-height:500px; background-position:42% center; }
	.cl-home-hero::before { background:rgba(20,13,9,.48); }
	.cl-home-hero__content { padding-block:64px; }
	.cl-home-hero h1,.cl-home-hero p { text-shadow:0 2px 5px rgba(0,0,0,.62); }
	.cl-home-hero .cl-btn-ghost { border-color:rgba(255,255,255,.9); background:rgba(31,20,14,.68); box-shadow:0 2px 8px rgba(0,0,0,.22); }
	.cl-home .cl-home-hero .cl-btn-ghost:hover,
	.cl-home .cl-home-hero .cl-btn-ghost:focus-visible { border-color:#fff; background:rgba(31,20,14,.82); }
	.cl-home-category-grid,.cl-colour-finder__cards,.cl-home-final__grid { grid-template-columns:1fr; }
	.cl-home-category-grid > a { min-height:190px; }
	.cl-home-category-grid img { height:125px; }
	.cl-home-finder__grid { gap:34px; }
	.cl-home-finder__steps li { grid-template-columns:44px 1fr; gap:12px; }
	.cl-home-finder__steps::before { left:21px; }
	.cl-home-finder__steps b { width:44px; height:44px; font-size:21px; }
	.cl-colour-finder__card { grid-template-columns:48px 1fr; padding:18px; }
	.cl-colour-finder__card img { width:44px; height:44px; }
	.cl-colour-finder__catalog { align-items:stretch; flex-direction:column; gap:18px; padding:20px; }
	.cl-colour-finder__catalog .cl-btn { width:100%; }
	.cl-home-products .cl-heading-row { align-items:flex-start; flex-direction:column; }
	.cl-home-guides__grid { grid-template-columns:1fr; }
	.cl-home-guides__figure { display:none; }
	.cl-home-guides__cta { align-items:stretch; flex-direction:column; }
	.cl-home-guides__cta a { text-align:center; }
	.cl-home-trust { grid-template-columns:1fr; }
	.cl-home-about__visual { min-height:0; }
	.cl-home-final__grid > a { min-height:220px; }
}

/* Cache-busted fallback for always-visible homepage notices. */
.kotori-homepage-notices {
	position:relative;
	z-index:1;
	top:auto;
	right:auto;
	display:block;
	width:100%;
	margin:0;
	padding:0;
	background:#4a3728;
	color:#4a3728;
	transform:none;
}

.kotori-homepage-notices__item {
	box-sizing:border-box;
	margin:0;
	padding:.85rem max(24px,calc((100% - 1280px) / 2));
	border-left:0;
	border-radius:0;
}
.kotori-homepage-notices__item--beige { background:#f5f0ec; }
.kotori-homepage-notices__item--reddish { background:#fae5e5; }
.kotori-homepage-notices__item--yellowish { background:#fdf0d5; }

.kotori-homepage-products .kotori-price-notices p { font-size:1em; }

@media (max-width:639px) {
	.kotori-homepage-notices__item { padding-inline:16px; }
}

@media (max-width:47.999rem) {
	.product-image-pair--legacy-wide .product-image-row {
		padding-inline:0;
	}

	.product-hazard-image {
		margin-block:24px;
	}

	.product-hazard-image:has(> img[src$="product-585-hazard-07.png"]) {
		float:none;
		width:116px;
		margin:24px auto;
	}
}

/* Compact desktop header after the page starts scrolling. */
@media (min-width:1024px) {
	#header {
		transition:box-shadow .28s ease;
	}

	#header .cl-topbar {
		max-height:33px;
		overflow:hidden;
		opacity:1;
		transform:translateY(0);
		transform-origin:top;
		transition:max-height .3s ease,opacity .2s ease,transform .3s ease;
	}

	#header .cl-header-main-row {
		padding-left:0 !important;
		padding-right:0 !important;
		transition:padding-block .3s ease;
	}

	.breadcrumbs > .container {
		padding-left:0 !important;
		padding-right:0 !important;
	}

	#header .cl-header-logo img {
		transform:translateX(-4.6%);
		transition:width .3s ease,transform .3s ease;
	}

	#header .cl-header-main-menu {
		transition:gap .3s ease;
	}

	#header .cl-header-main-menu > li > a,
	#header .cl-header-main-menu > li > span > a {
		transition:font-size .3s ease,line-height .3s ease,padding-block .3s ease,border-color .15s ease;
	}

	#header.is-scrolled {
		box-shadow:0 5px 18px rgba(62,42,31,.14);
	}

	#header.is-scrolled .cl-topbar {
		max-height:0;
		opacity:0;
		transform:translateY(-100%);
		pointer-events:none;
	}

	#header.is-scrolled .cl-header-main-row {
		padding-top:6px !important;
		padding-bottom:6px !important;
	}

	#header.is-scrolled .cl-header-logo img {
		width:190px;
	}

	#header.is-scrolled .cl-header-main-menu {
		gap:clamp(8px,1vw,24px) !important;
	}

	#header.is-scrolled .cl-header-main-menu > li > a,
	#header.is-scrolled .cl-header-main-menu > li > span > a {
		padding-top:5px !important;
		padding-bottom:5px !important;
		font-size:clamp(12px,.8vw,13px) !important;
		line-height:18px !important;
	}
}

@media (min-width:1024px) and (prefers-reduced-motion:reduce) {
	#header,
	#header .cl-topbar,
	#header .cl-header-main-row,
	#header .cl-header-logo img,
	#header .cl-header-main-menu,
	#header .cl-header-main-menu > li > a,
	#header .cl-header-main-menu > li > span > a {
		transition:none;
	}
}

/* Persistent desktop indicator for the current main navigation section. */
@media (min-width:1024px) {
	.cl-header-main-menu > li[data-active],
	.cl-header-main-menu > li > a[data-active] {
		border-bottom-color:var(--color-primary);
	}
}

/* Logged-in customer indicator in the site header. */
.cl-customer-menu__icon,
.cl-customer-menu__initial {
	display:inline-flex;
	align-items:center;
	justify-content:center;
}

.cl-customer-menu__initial {
	width:30px;
	height:30px;
	border-radius:50%;
	background:#6e5040;
	color:#fff;
	font-size:15px;
	font-weight:700;
	line-height:1;
	text-transform:uppercase;
}
/* Self-hosted ALTCHA widget used by the workshop and B2B inquiry forms. */
altcha-widget.cl-altcha {
	display: block;
	margin: 0.35rem 0 0.15rem;
	max-width: 100%;
	--altcha-max-width: 100%;
	--altcha-border-color: rgba(92, 69, 55, 0.28);
	--altcha-border-radius: 8px;
	--altcha-color-base: #fff;
	--altcha-color-base-content: #4b372d;
	--altcha-color-neutral: #e2d5cc;
	--altcha-color-primary: #755847;
	--altcha-color-success: #755847;
	--altcha-color-success-content: #fff;
}

/* Keep global shop input/label styles from overriding ALTCHA internals. */
altcha-widget.cl-altcha .altcha-checkbox > input[type="checkbox"] {
	width: var(--altcha-checkbox-size);
	height: var(--altcha-checkbox-size);
	min-height: 0;
	margin: 0;
	padding: 0;
	border: var(--altcha-checkbox-border-width, 2px) solid var(--altcha-checkbox-border-color);
	border-radius: var(--altcha-checkbox-border-radius);
	background: var(--altcha-input-background-color);
	box-sizing: border-box;
}

altcha-widget.cl-altcha .altcha-checkbox > input[type="checkbox"]:checked {
	background: var(--altcha-color-success);
	border-color: var(--altcha-color-success);
}

altcha-widget.cl-altcha .altcha-checkbox > input[type="checkbox"]:checked + svg {
	color: var(--altcha-color-success-content);
	opacity: 1;
	stroke-dashoffset: 0;
}

altcha-widget.cl-altcha .altcha[data-state="verified"] .altcha-main {
	border-color: var(--altcha-color-success);
}

altcha-widget.cl-altcha .altcha-checkbox-wrap > label {
	display: flex;
	align-items: center;
	min-height: var(--altcha-checkbox-size);
	margin: 0;
	font-size: inherit;
	font-weight: inherit;
	line-height: 1.3;
	letter-spacing: normal;
	text-transform: none;
	color: var(--altcha-color-base-content);
}

altcha-widget.cl-altcha .altcha-checkbox-wrap {
	align-items: center;
}

.cl-form-card-cream altcha-widget.cl-altcha,
.cl-b2b-form altcha-widget.cl-altcha {
	--altcha-color-base: #fff;
}

/* Workshop form field rules are intentionally very specific; isolate the
   embedded ALTCHA control so it stays inside both form cards. */
body.cms-lederwerkstatt .cl-workshop .cl-form-card altcha-widget.cl-altcha {
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

body.cms-lederwerkstatt .cl-workshop .cl-form-card altcha-widget.cl-altcha .altcha-main,
body.cms-lederwerkstatt .cl-workshop .cl-form-card altcha-widget.cl-altcha .altcha-checkbox-wrap {
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
}

body.cms-lederwerkstatt .cl-workshop .cl-form-card altcha-widget.cl-altcha .altcha-checkbox-wrap > label {
	min-width: 0;
	margin: 0;
	font-size: inherit;
	font-weight: inherit;
	line-height: 1.3;
	letter-spacing: normal;
	text-transform: none;
	overflow-wrap: anywhere;
}

/* Keep Datatrans payment logos visible next to the method name before selection. */
.checkout-payment-method .payment-method.datatrans .payment-method-title > .label {
	display: inline-flex;
	align-items: center;
	flex-wrap: nowrap;
}

.checkout-payment-method .payment-method.datatrans .payment-method-title .datatrans-payment-icons {
	display: inline-flex;
	align-items: center;
	flex: none;
	flex-wrap: nowrap;
	gap: 5px;
	margin: 0 10px 0 0;
	order: -1;
}

.checkout-payment-method .payment-method.datatrans .payment-method-title .datatrans-payment-icons img {
	display: block;
	width: 50px;
	height: 30px;
	object-fit: contain;
}