@font-face {
	font-family: "Manrope";
	src: url('fonts/Manrope-VariableFont_wght.ttf') format("truetype-variations");
	font-weight: 200 800;
	font-style: normal;
	font-display: swap;
}
:root {
	--bg-disc: #D8C7B0;
	--bg-muted: #ECE7DF;
	--bg-page: #F7F4EF;
	--bg-soft: #FAF8F5;
	--bg-surface: #FFFFFF;
	--border-brand: #8F1D2C;
	--border-hairline: rgba(47, 48, 51, 0.10);
	--border-muted: #ECE7DF;
	--border-strong: #2F3033;
	--container-max: 1280px;
	--container-px: clamp(1rem, 4vw, 2.5rem);
	--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
	--ease-out: cubic-bezier(0.22, 1, 0.36, 1);
	--fg-1: #2F3033;
	--fg-2: #6F7074;
	--fg-accent: #8F1D2C;
	--fg-on-red: #FFFFFF;
	--fg-success: #1F8A5B;
	--fg-wood: #5A4032;
	--font-sans: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	--font-script: "Caveat", "Segoe Script", cursive;
	--fs-body: 1rem;
	--fs-body-lg: 1.0625rem;
	--fs-display: clamp(2.5rem, 4.2vw, 4rem);
	--fs-h1: clamp(2rem, 3.2vw, 3rem);
	--fs-h2: clamp(1.5rem, 2.2vw, 2.125rem);
	--fs-h3: 1.375rem;
	--fs-h4: 1.125rem;
	--fs-micro: 0.75rem;
	--fs-small: 0.875rem;
	--fw-black: 800;
	--fw-bold: 700;
	--fw-light: 300;
	--fw-medium: 500;
	--fw-regular: 400;
	--fw-semi: 600;
	--lh-normal: 1.5;
	--lh-relaxed: 1.65;
	--lh-snug: 1.25;
	--lh-tight: 1.12;
	--ls-display: -0.02em;
	--ls-eyebrow: 0.14em;
	--ls-tight: -0.01em;
	--radius-disc: 50%;
	--radius-lg: 12px;
	--radius-md: 8px;
	--radius-pill: 999px;
	--radius-sm: 6px;
	--radius-xl: 16px;
	--radius-xs: 4px;
	--rating-star: #8F1D2C;
	--shadow-cta: 0 4px 14px rgba(143, 29, 44, 0.22);
	--shadow-lg: 0 16px 40px rgba(47, 48, 51, 0.10), 0 4px 8px rgba(47, 48, 51, 0.05);
	--shadow-md: 0 6px 18px rgba(47, 48, 51, 0.08), 0 2px 4px rgba(47, 48, 51, 0.04);
	--shadow-sm: 0 2px 6px rgba(47, 48, 51, 0.06), 0 1px 2px rgba(47, 48, 51, 0.04);
	--shadow-xs: 0 1px 2px rgba(47, 48, 51, 0.06);
	--sp-0: 0;
	--sp-1: 0.25rem;
	--sp-2: 0.5rem;
	--sp-3: 0.75rem;
	--sp-4: 1rem;
	--sp-5: 1.25rem;
	--sp-6: 1.5rem;
	--sp-8: 2rem;
	--sp-10: 2.5rem;
	--sp-12: 3rem;
	--sp-16: 4rem;
	--sp-20: 5rem;
	--sp-24: 6rem;
	--sp-anthracite: #2F3033;
	--sp-grey-mid: #6F7074;
	--sp-grey-warm: #ECE7DF;
	--sp-red: #8F1D2C;
	--sp-red-carmine: #A6192E;
	--sp-red-deep: #73121F;
	--sp-red-premium: #B3262E;
	--sp-red-soft: #C63A3A;
	--sp-sand: #D8C7B0;
	--sp-soft-bg: #FAF8F5;
	--sp-warm-white: #F7F4EF;
	--sp-white: #FFFFFF;
	--sp-wood-dark: #5A4032;
	--t-base: 220ms;
	--t-fast: 120ms;
	--t-slow: 360ms;
}
body {
	background: var(--bg-page);
	font-family: var(--font-sans);
	-webkit-font-smoothing: antialiased;
}
#konfi21{
	background-color: var(--bg-page) !important;
	color: var(--sp-anthracite);
}
#konfi21 .type-header {
	margin: 15px 0 0 0;
	font-size: 40px;
	font-weight: 800;
	color: var(--sp-anthracite);
	letter-spacing: -0.025em;
	line-height: 1.05;
	font-family: var(--font-sans)!important;
	
}

#konfi21 .navi24 li{
	color: var(--sp-anthracite);
}
#konfi21 .navi24 li:hover{
	color:var(--sp-red);
}
#konfi21 .btn-steps.btn-steps-blue:hover {
	background: rgb(143, 29, 44);
}
.header-konfi21{
	font-size: 11.5px;
	font-weight: 500;
	color: var(--sp-grey-mid);
	letter-spacing: 0.01em;
	margin-top: 0 !important;
	padding-top: 1rem;
}
.container-fluid{
	background-color: var(--bg-page);
	padding: 0 !important;
}
#konfi21 .btn-steps.btn-steps-blue{
	display: inline-flex;
	width: auto;
	justify-content: center;
	align-items: center;
	gap: 10px;
	padding: 13px 22px;
	font-family: var(--font-sans);
	font-weight: 600;
	font-size: 14px;
	letter-spacing: -0.005em;
	border: 1px solid transparent;
	border-radius: 10px;
	cursor: pointer;
	transition: background 180ms var(--ease-out), color 180ms var(--ease-out), transform 100ms var(--ease-out);
	line-height: 1;
	background: rgb(179, 38, 46);
	color: rgb(255, 255, 255);
	box-shadow: rgba(143, 29, 44, 0.22) 0px 4px 14px;
	/* transform: scale(0.98); */
}
#konfi21 .btn-steps.btn-steps-blue span {
	font-family: var(--font-sans);
	font-weight: 600;
	font-size: 14px;
}
#konfi21 .btn-steps.btn-steps-blue svg{
	width:14px;
	height:14px;
}
#konfi21 .active-thumbnail{
	border: 2px solid #e32028 !important;
}

#konfi21 .konfi-footer {
	margin-top: 20px;
	background-color: #6c6c6c;
}

#konfi21 .right-help-box{
	background-color:var(--bg-page);
}

#konfi21  .right-help-box svg{
	fill: var(--sp-red);
}
.konfi-right-sidebar > div {
}
#konfi21 .navi24 li{
	position: relative;
	padding: 12px 18px 14px !important;
	background: none;
	border: medium;
	cursor: pointer;
	font-family: inherit;
	color: var(--sp-grey-mid);
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.005em;
	transition: color var(--t-base) var(--ease-out);
	margin-bottom: -1px;
}
#konfi21 li.navigation-link:hover a{
	color: var(--sp-red);
	background-color: inherit !important;
	
}
#konfi21 .navi24 li.active-step {
	font-weight: 700;
	color: var(--sp-red);
	border-color: var(--sp-red);
	transition: color var(--t-base) var(--ease-out);
}
#konfi21 .navi24 li.step-done a {
	color: var(--sp-grey-mid);
	transition: color var(--t-base) var(--ease-out);
	padding: 0;
}
#konfi21 .navi24 li.step-done a:hover {
	color: var(--sp-red);
	transition: color var(--t-base) var(--ease-out);
	padding: 0;
}
#konfi21 li.navigation-link.active-step {
	padding: 12px 18px 14px;
	background: none;
	border-bottom: medium solid var(--sp-red);
	cursor: pointer;
	font-family: inherit;
	color: var(--sp-red);
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -0.005em;
	transition: color var(--t-base) var(--ease-out);
	margin-bottom: -1px;
}
#konfi21 .on-step-nav ul li  {
	margin-bottom: -1px;
	padding: 12px 18px 14px;
	color: var(--sp-grey-mid);
	transition: color var(--t-base) var(--ease-out);
	font-size: 16px;
	letter-spacing: -0.005em;
}
#konfi21 li.navigation-link a {
	color: var(--sp-grey-mid);
	transition: color var(--t-base) var(--ease-out);
	font-size: 16px;
	letter-spacing: -0.005em;
	text-decoration: none;
	
	
}
#konfi21 div:has(> .navi24) {
	display: flex;
	gap: 8px !important;
	align-items: flex-end;
	border-bottom: 1px solid var(--border-hairline);
	overflow: visible;
	padding-bottom: 0 !important;
}
#konfi21 .navi24 {
	padding-bottom: 0 !important;
}
#konfi21 .navi24{
	margin-top: 0px;
}
#konfi21 .konfi-footer{
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 30;
	background: var(--bg-surface);
	border-top: 1px solid var(--border-hairline);
	box-shadow: rgba(47, 48, 51, 0.08) 0px -8px 28px;
	opacity: 1;
}
#konfi21 .konfi-footer .font-white {
	color: var(--sp-anthracite) !important;
}
#konfi21 .konfi-footer-dekor-availibility {
	gap: 10px;
}
/* neutral, design-system text color (replaces the old blue links) */
#konfi21 .text-ink {
	color: var(--fg-1);
}
#konfi21 .dekor-sub-category-buttons .dekor-sub-wrapper .custom-radio-label.active {
	color: var(--fg-1);
}
#konfi21 .konfi-footer .pillbadge {
	border-radius: 6px;
}
#konfi21 .konfi-footer .konfi-footer-ship-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 8px;
	background: rgba(143, 29, 44, 0.08);
	color: var(--fg-accent);
	flex-shrink: 0;
}
#konfi21 .konfi-footer .outer-circle {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--fg-success);
	box-shadow: 0 0 0 4px rgba(31, 138, 91, 0.18);
	flex-shrink: 0;
}
.footer-buttons-wrapper .btn-step-gray:hover{
	background: rgb(250, 248, 245);
}
.footer-buttons-wrapper .btn-steps-gray {
	display: inline-flex;
	width: auto;
	justify-content: center;
	align-items: center;
	gap: 10px;
	font-family: var(--font-sans);
	font-weight: 600;
	font-size: 14px;
	letter-spacing: -0.005em;
	border: 1px solid rgb(179, 38, 46);
	border-radius: 10px;
	cursor: pointer;
	transition: background 180ms var(--ease-out), color 180ms var(--ease-out), transform 100ms var(--ease-out);
	line-height: 1;
	background: rgb(255, 255, 255);
	color: rgb(179, 38, 46) !important;
	transform: scale(0.98);
	min-width: 192px;
}
#konfi21 .footer-buttons-wrapper .btn-steps-blue{
	padding :13px 0;
}
#konfi21 .footer-buttons-wrapper .btn-steps.btn-steps-gray{
	padding:13px 0;
}

#konfi21 .footer-buttons-wrapper .btn-steps-gray span.font-black {
	margin : 0 !important;
	font-family: var(--font-sans);
	font-weight: 600;
	font-size: 14px;
	letter-spacing: -0.005em;
	color: rgb(179, 38, 46) !important;
	display: inline-flex !important;
	width: auto;
	justify-content: center;
}
#konfi21 .footer-buttons-wrapper .btn-steps-gray svg path[fill="black"]{
	fill: rgb(179, 38, 46) !important;
}
#konfi21 .footer-buttons-wrapper .btn-steps-gray svg{
	fill: rgb(179, 38, 46) !important;
	width: 14px;
	height: 14px;
}
#konfi21 .btn-steps.btn-steps-gray span {
	 color: rgb(179, 38, 46) !important;
 }
#konfi21 .btn-steps.btn-steps-gray:hover{
	background-color: rgb(250,248,245) !important;
}
#konfi21 .btn-steps.btn-steps-gray {
	padding: 13px 22px;
	background-color: rgb(255, 255, 255) !important;
	color: rgb(179, 38, 46) !important;
}
#konfi21 .options-footer .btn-gray {
	padding: 13px 23px;
	background-color: rgb(255, 255, 255) !important;
	color: rgb(179, 38, 46) !important;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: -0.005em;
	border: 1px solid rgb(179, 38, 46);
	border-radius: 10px;
	cursor: pointer;
	transition: background 180ms var(--ease-out), color 180ms var(--ease-out), transform 100ms var(--ease-out);
	margin-left:1.5rem;
}

#konfi21 .secondary-btn.btn-gray:hover,
#mobile-wrapper .secondary-btn.btn-gray:hover {
	background: rgb(250, 248, 245) !important;
	background-image: none !important;
	color: rgb(179, 38, 46) !important;
	border: 1px solid rgb(179, 38, 46) !important;
	text-shadow: none !important;
}
#konfi21 .secondary-btn.btn-gray:hover .text,
#konfi21 .secondary-btn.btn-gray:hover .icon,
#mobile-wrapper .secondary-btn.btn-gray:hover .text,
#mobile-wrapper .secondary-btn.btn-gray:hover .icon {
	color: rgb(179, 38, 46) !important;
}

#konfi21 .btn-steps-gray {
	background-color: rgb(255, 255, 255) !important;
	color: rgb(179, 38, 46) !important;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: -0.005em;
	border: 1px solid rgb(179, 38, 46);
	border-radius: 10px;
	cursor: pointer;
	transition: background 180ms var(--ease-out), color 180ms var(--ease-out), transform 100ms var(--ease-out);
}
#konfi21 .btn-steps-gray svg {
	fill: rgb(179, 38, 46) !important;
	stroke:rgb(179, 38, 46) !important;
	width: 14px;
	height: 14px;
}
#konfi21 .btn-steps-gray svg path[fill="#616161"] {
	fill: rgb(179, 38, 46) !important;
}
#konfi21 .options-footer .btn-blue span {
	font-family: var(--font-sans);
	font-weight: 600 !important;
	font-size: 14px;
}
#konfi21 .options-footer .btn-blue:hover {
  background: rgb(143, 29, 44);
}
#konfi21 .options-footer .btn-blue {
	display: inline-flex;
	width: auto;
	justify-content: center;
	align-items: center;
	gap: 10px;
	padding: 13px 22px;
	font-family: var(--font-sans);
	font-weight: 600 !important;
	font-size: 14px;
	letter-spacing: -0.005em;
	border: 1px solid transparent;
	border-radius: 10px;
	cursor: pointer;
	transition: background 180ms var(--ease-out), color 180ms var(--ease-out), transform 100ms var(--ease-out);
	line-height: 1;
	background: rgb(179, 38, 46);
	color: rgb(255, 255, 255);
	box-shadow: rgba(143, 29, 44, 0.22) 0px 4px 14px;
	/* transform: scale(0.98); */
}
#konfi21 .konfi-footer .d-flex:not(.btn-wrapper):nth-of-type(1) svg {
	fill: rgb(179, 38, 46) !important;
}
#konfi21 .konfi-footer .d-flex:not(.btn-wrapper):nth-of-type(1) svg path {
	fill: rgb(179, 38, 46) !important;
}
#konfi21 .konfi-footer .d-flex:not(.btn-wrapper):nth-of-type(1) .konfi-footer-ship-icon svg,
#konfi21 .konfi-footer .d-flex:not(.btn-wrapper):nth-of-type(1) .konfi-footer-ship-icon svg path {
	fill: none !important;
	stroke: var(--sp-red) !important;
}

#konfi21 .konfi-footer .d-flex .font-12 {
	font-size: 11.5px;
	color: var(--sp-grey-mid);
	margin-top: 2px;
}
#konfi21 .konfi-footer .d-flex span.font-14 {
	font-size: 11.5px !important;
	color: var(--sp-grey-mid);
	margin-top: 2px;
}

#konfi21 .konfi-footer .d-flex .font-23 {
	font-size: 28px;
	font-weight: 800;
	/*color: var(--sp-anthracite);*/
	letter-spacing: -0.02em;
	line-height: 1;
	color: var(--fg-1);
	font-family: var(--font-sans);
	-webkit-font-smoothing: antialiased;
}
#konfi21 .konfi-footer .d-flex:nth-of-type(3) span:last-child(3) {
	color: rgb(31, 138, 91);
	font-weight: 700;
}
#konfi21 a.text-darkgray.text-darkgray-hover.hasTooltip {
	color: var(--bg-soft);
}
#konfi21 a.text-darkgray.text-darkgray-hover.hasTooltip svg {
	fill: var(--sp-red) !important;
}
#konfi21 .chk-image.active .chk-image-wrapper::after {
	background-color: var(--sp-red);
}
#konfi21 .chk-image.active img {
	border: 3px solid var(--sp-red);
}

#konfi21 div:has(> div > #konfi21_builder) {
	/*padding: 0;*/
	 padding-right: calc(var(--bs-gutter-x) * .75); 
	/* padding-left: calc(var(--bs-gutter-x) * .75); */
	margin-top: 20px;
	border-radius: 12px;
	/*border-top: 1px solid rgba(47, 48, 51, 0.08);*/
}
#konfi21 div:has(> div.round-corner > .right-header){
	
	
}
#konfi21 div.round-corner :has(> .right-header){
	background: var(--bg-surface);
	border-radius: 14px;
}
#konfi21 input:checked + .slider {
	background-color: var(--sp-red);
}
#konfi21 input + .slider{
	background-color: var(--sp-grey-warm);
}
li#konfi21_elements_g {
	border-radius: 10px;
	text-align: left;
	font-family: inherit;
	transition: border-color 160ms var(--ease-out), background 160ms var(--ease-out), transform 160ms var(--ease-out), box-shadow 160ms var(--ease-out);
	border :1px solid var(--border-hairline);
	align-items: center;
	justify-content: space-between !important;
	gap: 14px;
	padding: 14px 16px;
	width: 100%;
	background: var(--bg-surface);
}
li#konfi21_elements_g:hover {
	border-color: var(--sp-red);
	background: var(--bg-soft);
}
 #konfi21_elements_g + li,
 #konfi21_elements_g + li + li {
	border-radius: 10px;
	text-align: left;
	font-family: inherit;
	transition: border-color 160ms var(--ease-out), background 160ms var(--ease-out), transform 160ms var(--ease-out), box-shadow 160ms var(--ease-out);
	border :1px solid var(--border-hairline);
	align-items: center;
	justify-content: space-between !important;
	gap: 14px;
	padding: 14px 16px;
	width: 100%;
	background: var(--bg-surface);
}
li.set_rueckwand {
	border-radius: 10px;
	text-align: left;
	font-family: inherit;
	transition: border-color 160ms var(--ease-out), background 160ms var(--ease-out), transform 160ms var(--ease-out), box-shadow 160ms var(--ease-out);
	border :1px solid var(--border-hairline);
	align-items: center;
	justify-content: space-between !important;
	gap: 14px;
	padding: 14px 16px;
	width: 100%;
	background: var(--bg-surface);
}
li.set_rueckwand:hover {
	border-color: var(--sp-red);
	background: var(--bg-soft);
}
#konfi21_elements_g + li:hover,
#konfi21_elements_g + li + li:hover {
	border-color: var(--sp-red);
	background: var(--bg-soft);
}
#konfi21 .list .sb-list-li{
	background-color: var(--bg-page) !important;
}
#konfi21 .options-menu-header .sb-close {
	background-color: var(--bg-page) !important;
}
#konfi21 .discount-banner.props{
	z-index:102;
	background: linear-gradient(135deg, rgb(179, 38, 46) 0%, rgb(143, 29, 44) 100%);
	color: rgb(255, 255, 255);
	border-radius: 14px 14px 0 0 ;
	margin-top: 0px !important;
	padding: 10px 12px !important;
	margin-bottom: -1px;
	margin-right: -1px;
	margin-left:-1px;
}
#konfi21 .countdown--element__background {
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	min-width: 42px;
	background: rgba(255, 255, 255, 0.13);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 6px;
	padding: 6px 6px 4px;
	text-align: center;
	backdrop-filter: blur(2px);
	margin: 5px;
	height: fit-content;
}
#konfi21 .form-select {
	border: 1px solid var(--border-hairline);
	border-radius: 8px;
	font-family: inherit;
	font-size: 15px;
	font-weight: 700;
	color: var(--sp-anthracite);
	cursor: pointer;
	outline: currentcolor;
	min-width: 80px;
}
#konfi21 .arrow-pencil-span {
	
	display: inline-flex; opacity: 0; 
	transform: translateX(-4px); 
	transition: opacity 160ms var(--ease-out), transform 160ms var(--ease-out);
}
#konfi21 .pencil-span {
	
	background: var(--bg-surface); 
	color: var(--sp-anthracite); 
	display: inline-flex; 
	align-items: center; 
	justify-content: center; 
	transition: background 160ms var(--ease-out), border-color 160ms var(--ease-out), color 160ms var(--ease-out);
}
#konfi21 li:hover .pencil-span {
	background-color: var(--sp-red);
}
#konfi21  li:hover .sb-open.edit-btn:has(.pencil-span)  {
	background-color: var(--sp-red);
}
#konfi21 li .sb-open.edit-btn:has(.pencil-span) {
	width: 36px;
  height: 36px;
  border-radius: 8px;
  padding: 0;
  position: relative;
  border: 1px solid var(--border-hairline);
  background-color: var(--bg-surface);
  color: var(--sp-anthracite);
  /* overflow: hidden; */
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#konfi21  li:hover .sb-open.edit-btn:has(.pencil-span)::before {
	content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: var(--sp-red, currentColor);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'%3E%3C/path%3E%3C/svg%3E");
  mask-image: -webkit-mask-image;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: absolute;
  left:-20px;
  top: 50%;
  transform: translateY(-50%);
	
}

#konfi21  li:hover .pencil-span svg {
	stroke: var(--bg-page);
}
#konfi21 .countdown-badge .badge-number  {
	font-family: ui-monospace, "SF Mono", Menlo, monospace;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1;
}
#konfi21 .countdown-badge span {
	font-size: 9px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	opacity: 0.85;
	margin-top: 4px;
}
#konfi21 .countdown-badge {
background: rgba(255, 255, 255, 0.13);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  padding: 6px 6px 4px;
  text-align: center;
  backdrop-filter: blur(2px);
  height: fit-content;
}
#konfi21 .countdown--container .cd-days{
	font-family: ui-monospace, "SF Mono", Menlo, monospace;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1;
}
#konfi21 .countdown--container .cd-hours{
	font-family: ui-monospace, "SF Mono", Menlo, monospace;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1;
}

#konfi21 .countdown--container .cd-minutes{
	font-family: ui-monospace, "SF Mono", Menlo, monospace;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1;
}
#konfi21 .countdown--container .cd-seconds{
	font-family: ui-monospace, "SF Mono", Menlo, monospace;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1;
}

#konfi21 .countdown--element__white-text{
	font-size: 9px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	opacity: 0.85;
	margin-top: 4px;
}
#konfi21 .discount-banner__text .font-14 {
	font-size: 11px !important;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	opacity: 0.85;
}
#konfi21 .discount-banner__text .font-18{
	font-size: 18px;
	font-weight: 700;
	margin-top: 4px;
	letter-spacing: -0.005em;
}
#konfi21 .right-header-sub {
	margin: 14px 0px 0px;
	font-size: 14px;
	color: var(--sp-grey-mid);
	line-height: 1.55;
}
#konfi21 .right-header {
	margin: 0px;
	font-size: 28px;
	font-weight: 700;
	color: var(--sp-anthracite);
	letter-spacing: -0.02em;
	line-height: 1.1;
}
#konfi21 #konfi21_elements_g {
	margin-top:16px;
	justify-content: space-between !important;
	gap: 16px;
}
#konfi21 .bg-white:has(>.right-header){
	padding: 26px 28px 28px !important;
}
#konfi21 .right-help-box a {
	font-size: 14px;
	color: var(--sp-grey-mid);
	line-height: 1.55;
}
#konfi21 .footer-buttons-wrapper .btn-steps-blue {
	flex-direction:row-reverse;
}
#konfi21 .accordion-button .icon::before, #konfi21 .accordion-button .icon::after{
	background-color: var(--sp-red);
}
#konfi21 .pillbadge.beliebt-blau{
	background-color: var(--sp-red);
}
.loader .lds-ring div{
	border-color: var(--sp-red) transparent transparent transparent;
}
#konfi21 .sb-list-li{
	background-color: var(--bg-page);
}
#konfi21 .color-swatch.active, .meta__item-img.active {
	border-color: var(--sp-red);
}
#konfi21 .slider {
	background-color: var(--sp-red);
}
#konfi21 .w4w-custom-textarea-extras{
	background-color: var(--bg-page);
}

/*mobile */
#konfi21 .mobile-wrapper {
	font-family:var(--font-sans);
	background-color: var(--bg-page) !important;
}
#konfi21 .mobile-btn-back{
	background-color: rgb(255, 255, 255) !important;
	color: rgb(179, 38, 46) !important;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: -0.005em;
	border: 1px solid rgb(179, 38, 46);
	border-radius: 10px;
	cursor: pointer;
	transition: background 180ms var(--ease-out), color 180ms var(--ease-out), transform 100ms var(--ease-out);
}
#konfi21 .mobile-footer-btn-save {
	ackground-color: rgb(255, 255, 255) !important;
	border: 1px solid rgb(179, 38, 46);
	border-radius: 10px;
	cursor: pointer;
	transition: background 180ms var(--ease-out), color 180ms var(--ease-out), transform 100ms var(--ease-out);
}
#konfi21 .mobile-footer-btn-save span {
	color: rgb(179, 38, 46) !important;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: -0.005em;
}
#konfi21 .mobile-btn-back svg path {
	stroke :var(--sp-red);
}
#konfi21 .mobile-footer-btn-cart{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 13px 22px;
	border: 1px solid transparent;
	border-radius: 10px;
	cursor: pointer;
	transition: background 180ms var(--ease-out), color 180ms var(--ease-out), transform 100ms var(--ease-out);
	line-height: 1;
	background: rgb(179, 38, 46);
	color: rgb(255, 255, 255);
	box-shadow: rgba(143, 29, 44, 0.22) 0px 4px 14px;
	transform: scale(0.98);
}
#konfi21 .mobile-footer-btn-cart span {
	font-family: var(--font-sans);
	font-weight: 600 !important;
	font-size: 14px;
	letter-spacing: -0.005em;
}
#konfi21 .mobile-footer-btn-save svg path {
	fill:var(--sp-red);
}
#konfi21 .mobile-btn-next{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 13px 22px;
	border: 1px solid transparent;
	border-radius: 10px;
	cursor: pointer;
	transition: background 180ms var(--ease-out), color 180ms var(--ease-out), transform 100ms var(--ease-out);
	line-height: 1;
	background: rgb(179, 38, 46);
	color: rgb(255, 255, 255);
	box-shadow: rgba(143, 29, 44, 0.22) 0px 4px 14px;
	transform: scale(0.98);
}
#konfi21 .next-btn-text {
	font-family: var(--font-sans);
	font-weight: 600 !important;
	font-size: 14px;
	letter-spacing: -0.005em;
	text-decoration: none;
}
#konfi21  .konfi21-chip-tab.active {
	background-color:var(--sp-red) !important;
	border-color: var(--sp-red) !important;
}
#konfi21 #mobile-wrapper .konfi21-confi-tabs-slider-content .custom_nice_select {
	background-color: var(--bg-surface)!important;
}
#konfi21 #mobile-wrapper .modal-item__txt-img.active img {
	border-color: var(--sp-red);
}
#konfi21 #mobile-wrapper .modal-item__txt-img.active .modal-item__txt-img-image::before{
	background-color: var(--sp-red);
}
#konfi21 #mobile-wrapper .konfi21-mobile-hinweis-info{
	background-color: var(--bg-page);
}
#konfi21 .konfi21-mobile-hinweis-info svg path {
	fill:var(--sp-red);
}
#konfi21 .config-desktop-footer__mobile{
	background-color: var(--bg-page) !important;
	font-family: var(--font-sans);
}
#konfi21 .config-desktop-footer__mobile .price-actual{
	font-family: var(--font-sans);
}
#konfi21 #mobile-wrapper .option-item-mobile {
	background-color: var(--bg-page);
}
#konfi21 #mobile-wrapper .mobile-overlay .btn-blue {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 13px 22px;
	border: 1px solid transparent;
	border-radius: 10px;
	cursor: pointer;
	transition: background 180ms var(--ease-out), color 180ms var(--ease-out), transform 100ms var(--ease-out);
	line-height: 1;
	background: rgb(179, 38, 46);
	color: rgb(255, 255, 255);
	box-shadow: rgba(143, 29, 44, 0.22) 0px 4px 14px;
	transform: scale(0.98);
	font-family: var(--font-sans);
	font-weight: 600 !important;
	font-size: 14px;
	letter-spacing: -0.005em;
	gap:10px
}
#konfi21 #mobile-wrapper .mobile-overlay .mobile-footer-btn-save{
	background-color: rgb(255, 255, 255) !important;
	color: rgb(179, 38, 46) !important;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: -0.005em;
	border: 1px solid rgb(179, 38, 46);
	border-radius: 10px;
	cursor: pointer;
	transition: background 180ms var(--ease-out), color 180ms var(--ease-out), transform 100ms var(--ease-out);
}
#konfi21 #mobile-wrapper .mobile-overlay .mobile-footer-btn-save svg path {
	stroke :var(--sp-red);
	fill:none;
}
#mobile-wrapper .mobile-overlay-checked-div {
	background-color:var(--bg-page) ;
}
#konfi21 #mobile-wrapper .custom-styled-select select{
	background: var(--bg-surface) url("../images/chevron.svg") no-repeat right 8px center;
}
#konfi21 #mobile-wrapper .custom-slider-text{
	background: var(--bg-surface) !important;
}
/* #mobile-wrapper .mobile-overlay{
	background-color: var(--bg-page);
} */

#mobile-wrapper .mobile-overlay-content{
	background-color: var(--bg-surface);
}
#mobile-wrapper .nice-select.custom-select--small::after{
	border-color: var(--sp-red) !important;
}
/* #konfi21 #mobile-wrapper .mobile-overlay .overlay-footer-btns{
	background-color: var(--bg-page)!important;
} */
#mobile-wrapper .checkmark-svg svg circle {
	fill:var(--sp-red)!important;
}
#konfi21 #mobile-wrapper .switcher-gray{
	background-color: var(--bg-page);
}
#mobile-wrapper .active .mobile-overlay-checked-div .info-lists__item svg path {
	fill:var(--sp-red);
}
#mobile-wrapper #korpusToggle .toggle-btn.active{
	color: var(--sp-red);
}
#mobile-wrapper .meta__item--square.active{
	border-color:var(--sp-red);
}
#mobile-wrapper .checkbox__text::before{
	background-color: var(--bg-soft);
}
#mobile-wrapper .checkbox input:checked ~ .checkbox__text::before {
  background: var(--sp-red);
}
#konfi21 #mobile-wrapper .select-tab__top-select-list-item{
	background-color: var(--bg-page);
}
#mobile-wrapper .ubersicht-input{
	background-color: var(--bg-page) !important;
}
.accordion-button:not(.collapsed){
	background-color: var(--bg-soft) !important;
	color: var(--sp-red);
}
#mobile-wrapper .btn-large-old{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 13px 22px;
	border: 1px solid transparent;
	border-radius: 10px !important;
	cursor: pointer;
	transition: background 180ms var(--ease-out), color 180ms var(--ease-out), transform 100ms var(--ease-out) !important;
	line-height: 1;
	background: rgb(179, 38, 46) !important;
	color: rgb(255, 255, 255) !important;
	box-shadow: rgba(143, 29, 44, 0.22) 0px 4px 14px;
	font-family: var(--font-sans);
	font-weight: 600 !important;
	font-size: 14px;
	letter-spacing: -0.005em;
}
#mobile-wrapper .btn-gray {
	background-image: none;
	background-color: rgb(255, 255, 255) !important;
	color: rgb(179, 38, 46) !important;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: -0.005em;
	border: 1px solid rgb(179, 38, 46) !important;
	border-radius: 10px !important;
	cursor: pointer;
	transition: background 180ms var(--ease-out), color 180ms var(--ease-out), transform 100ms var(--ease-out) !important;
}
#mobile-wrapper .ubersicht-input-span svg path {
	fill: var(--sp-red);
}
#konfi21 .next-btn-text:hover {
	text-decoration: none;
}
#konfi21 #mobile-wrapper .badge {
	background-color: var(--bg-page);
}   
#konfi21 .textup{
	background-color: var(--sp-red);
}
.rating-badge {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 5px 10px;
  background: var(--bg-soft);
  border: 1px solid var(--border-hairline);
  border-radius: 8px;
}

.rating-badge__icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(rgb(244, 212, 76) 0%, rgb(229, 168, 46) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(47, 48, 51, 0.1) 0px 1px 2px inset;
}

.rating-badge__stars {
  display: inline-flex;
  gap: 1px;
}

.rating-badge__info {
  line-height: 1.15;
}

.rating-badge__label {
  font-size: 13px;
  font-weight: 800;
  color: var(--sp-anthracite);
  letter-spacing: -0.005em;
}

.rating-badge__source {
  font-size: 9.5px;
  font-weight: 600;
  color: var(--sp-grey-mid);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-top: 2px;
}
#konfi21 .konfi-footer .rating-badge .rating-badge__icon .rating-badge__stars svg path {
	fill: rgb(255, 255, 255)!important;
}
#konfi21 .bullet-bg {
  width: 40px;
  height: 40px;
  background-color: rgba(179, 38, 46, 0.1);
  border-radius: 0.4rem;
  padding: 0.35rem 0.5rem;
}
#konfi21 .accordion-header .accordion-button .icon::before, #konfi21 .accordion-header .accordion-button .icon::after{
	background-color: var(--sp-red)!important;
}
.set_rueckwand .label-ja,
.set_rueckwand .label-nein {
	font-size: 14px;
	font-weight: 600;
	color: var(--sp-anthracite);
	transition: color 0.2s ease;
}

/* checkbox unchecked -> "Nein" is active, "Ja" is muted */
.set_rueckwand:has(input[name="rueckwand"]:not(:checked)) .label-ja {
	 color: var(--sp-grey-mid);
}

/* checkbox checked -> "Ja" is active, "Nein" is muted */
.set_rueckwand:has(input[name="rueckwand"]:checked) .label-nein {
	color: var(--sp-grey-mid);
}
/* #konfi21 .sketch_wrapper .sketch .scroll_content{
	border: 1px solid var(--border-hairline);
	border-radius: 10px;
	padding: 10px 12px;
} */
#mobile-wrapper .rangeslider__fill{
	background-color: var(--sp-red);
}
#konfi21 #mobileDekorModal .mobile-footer-btn-save svg path {
	stroke :var(--sp-red);
	fill:none;
}
#konfi21 .front-mobile-dekor .frontToggle button.toggle-btn.active{
	color: var(--sp-red);
}
#rueckwandToggle button.toggle-btn.active{
	color: var(--sp-red);
}
#konfi21 #mobile-wrapper .custom-config-input input{
	background-color: var(--bg-soft);
}
#konfi21 #mobile-wrapper .custom-config-input span.cm{
	background-color: var(--bg-soft)!important;
}
.light-gray-bg .form-control, .light-gray-bg .nice-select.custom-nice-select{
	background-color: var(--bg-soft);
}
#konfi21 #mobile-wrapper .dekor-child.children-lack .custom-checkbox.active .radio-text{
	color: var(--sp-red);
}
.middle-header--logo-image {
  content: url("../images/schrank-planner.png");
  max-height: 50px;
}
.burger-menu-text{
	font-family: var(--font-sans);
	position: relative;
	font-size: 14px;
	font-weight: 500;
	color: var(--sp-anthracite);
	margin-left: 30px;

}
.burger-menu-text:hover{
	color: var(--sp-red);
}
.burger-menu-text:hover::before {
	background-color: var(--sp-red, currentColor);
}
.burger-menu-text::before {
	content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background-color: var(--sp-anthracite, currentColor);
 -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6' transform='rotate(180 12 12)'%3E%3C/path%3E%3C/svg%3E"); mask-image: -webkit-mask-image;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: absolute;
  left: -20px;
  top: 52%;
  transform: translateY(-50%);
}
.nav.icons-list{
	font-size: 11.5px;
  font-weight: 500;
  color: var(--sp-grey-mid);
  letter-spacing: 0.01em;
}
.header-konfi21 .icons-list li a span{
	font-size: 11.5px;
  font-weight: 500;
  color: var(--sp-grey-mid);
  letter-spacing: 0.01em;
}
.header-konfi21 .icons-list li:hover a span{
	color: var(--sp-red);
}
.header-konfi21 .icons-list li:hover i{
	color: var(--sp-red);
}
.font-13_5 {
	font-size: 13.5px!important;
}
.mapster_el.img_mapster{
	height: auto !important;
}
#konfi21 .options-menu{
	left: 0 ;
}

#konfi21 .options-menu {
	width: 0;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #FFFFFF;
	color: white;
	transition: width 0.7s ease;
	overflow-y: auto;
	max-width: 80%;
	z-index: 1001;
  }
  #konfi21 #promo-banner{
	background: linear-gradient(135deg, rgb(179, 38, 46) 0%, rgb(143, 29, 44) 100%);
  }
  @media screen and (max-width:991px) {
	#konfi21 #promo-banner{
		padding-top: .75rem;
		padding-bottom:.75rem;
	}
  }

  #konfi21 .konfi-right-sidebar {
   scrollbar-width: none;        /* Firefox */
  -ms-overflow-style: none;     /* IE/Edge */
}

#konfi21 .konfi-right-sidebar ::-webkit-scrollbar {
  display: none;                /* Chrome/Safari/Opera */
}
.hidden-scrollbar::-webkit-scrollbar {
  display: none;                /* Chrome/Safari/Opera */
}
.hidden-scrollbar{
	  -ms-overflow-style: none;     /* IE/Edge */
  scrollbar-width: none;        /* Firefox */
}
#konfi21 #sketch_wrapper{
	margin-bottom:2.5rem;
}
#konfi21 .options-footer .btn-blue span{
	height:16px;
}
.loader .loader-popup{
	padding : 50px 80px;
}
@media (max-width: 380px) {
	#konfi21 .mobile-btn-next {
		padding: 13px 7px;
	}
}
.config-left .btn-option .btn {
  display: inline-block;
  font-size: 14px;
  line-height: 15px;
  font-weight: bold;
  color: #303030;
}
.config-left {
  position: absolute;
  padding: 16px 16px 0;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  width: 100%;
  z-index: 1;
}
#banner-rabatt-aktion .danke .danke-text p, .mb-10, .radioBtnImage .radioBtnImageLabel img {
  margin-bottom: 10px;
}
.config-left .btn-option {
	display: inline-block;
	background: rgb(255, 255, 255);
	border: 1px solid rgba(47, 48, 51, 0.1);
	border-radius: 8px;
	box-shadow: rgba(47, 48, 51, 0.06) 0px 2px 6px;
	padding: 3px;
	gap: 2px;
}
#konfi21 .thumbnail {
  width: 124px;
  height: 83px;
  flex: 0 0 auto;
  cursor: pointer;
  transition: all 0.3s ease;
  opacity: 0.6;
  border-radius: 4px;
}
#konfi21_builder{
	position: relative;
}
#konfi21 .thumbnail img {
	width:100%;
	height:auto;
}
.pillbadge.beliebt-blau{
	margin-left: 1.5rem;
}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin-bottom: 0;
}
#konfi21 .custom-tabs_link:hover span {
  background-color: var(--bg-soft) !important;
  padding: 4px;
  border-radius: 4px;
  color:var(--sp-red);
}
#konfi21 .custom-tabs_link {
	color: var(--sp-grey-mid);
}

#konfi21 .custom-tabs_link.active {
  border-bottom: 1px solid var(--sp-red) !important;
  color: var(--sp-red) !important;
}
#mobile-wrapper .primary-btn {
  color: #FFF;
  background: rgb(179, 38, 46);
  border: 0px solid transparent;
}
#mobile-wrapper .primary-btn:hover {
  background: rgb(143, 29, 44) !important;
}
#mobile-wrapper {
	font-family: var(--font-sans)!important;
}
#konfi21 .meta__item--bestprice-link {
  text-decoration: none;
  color: var(--bs-body-color);
  border-radius: 4px;
  padding: 4px;
  transition: background-color 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
#konfi21 .info-list-tooltip .ctx-footer{
	margin-top: 0px;
}
.tooltip.show {
  opacity: 1;
}
#mobile-wrapper .text-blue, .text-blue-hover:hover {
  color: var(--sp-red);	
}

.slick-initialized .slick-slide:has(.konfi21-chip-tab) {
	margin-right: 8px;
}

#mobile-wrapper .dekor-child {
	display: flex;
}
@media screen and (max-width: 991px) {
	#modal_expresslieferung .modal-dialog {
		margin-left : 0;
		margin-right : 0;
	}
}
 #konfi21 .mobile-header-slider .slick-slide > div {
   display: flex !important;
 }
 #konfi21 .on-step-nav ul li {
	height: min-content;
 }