:root{--ds-color-classics-white: #ffffff;--ds-color-classics-black: #212121;--ds-color-grey-10: #fafafa;--ds-color-grey-20: #f8f8f8;--ds-color-grey-30: #f2f2f2;--ds-color-grey-40: #e4e4e4;--ds-color-grey-50: #c8c8c8;--ds-color-grey-60: #b4b4b4;--ds-color-grey-70: #a0a0a0;--ds-color-grey-80: #808080;--ds-color-grey-90: #505050;--ds-color-grey-100: #404040;--ds-color-grey-110: #212121;--ds-color-action-yellow: #f0ff00;--ds-color-action-neon-blue: #38fdff;--ds-color-action-blue: #006ad4;--ds-color-action-neon-green: #38ff9a;--ds-color-action-green: #59b79f;--ds-color-action-atcgreen: #3c7060;--ds-color-action-trustpilot: #00b67a;--ds-color-action-pink: #d4065d;--ds-color-rose-10: #ffece5;--ds-color-rose-40: #e5cdc6;--ds-color-rose-60: #b8998f;--ds-color-rose-70: #856f67;--ds-color-rose-80: #524440;--ds-color-brown-10: #e5e0d8;--ds-color-brown-40: #ccc7c0;--ds-color-brown-60: #999590;--ds-color-brown-70: #666360;--ds-color-brown-80: #333230;--ds-color-blue-10: #e1ebf2;--ds-color-blue-40: #c2d3df;--ds-color-blue-60: #95a2ab;--ds-color-blue-70: #687178;--ds-color-blue-80: #3c4145;--ds-color-purple-10: #faedff;--ds-color-purple-40: #dac6e2;--ds-color-purple-60: #aa9bb0;--ds-color-purple-70: #786e7d;--ds-color-purple-80: #47414a;--ds-color-green-10: #dfe5df;--ds-color-green-40: #afbbae;--ds-color-green-60: #8f998e;--ds-color-green-70: #5f665f;--ds-color-green-80: #30332f;--ds-color-yellow-10: #fffde7;--ds-color-yellow-40: #ebe8b8;--ds-color-yellow-60: #b8b58f;--ds-color-yellow-70: #858367;--ds-color-yellow-80: #525040;--ds-font-family: "Sohne Web", sans-serif;--ds-font-weight-regular: 400;--ds-font-weight-medium: 500;--ds-font-weight-semibold: 600;--ds-font-weight-bold: 800;--ds-font-size-2xs: 10px;--ds-font-size-xs: 12px;--ds-font-size-s: 14px;--ds-font-size-m: 16px;--ds-font-size-l: 18px;--ds-font-size-xl: 20px;--ds-font-size-2xl: 22px;--ds-font-size-3xl: 24px;--ds-font-size-4xl: 28px;--ds-font-size-5xl: 32px;--ds-font-size-6xl: 36px;--ds-font-size-7xl: 40px;--ds-font-size-static-2xs: 10px;--ds-font-size-static-xs: 12px;--ds-font-size-static-s: 14px;--ds-font-size-static-m: 16px;--ds-font-size-static-l: 18px;--ds-font-size-static-xl: 20px;--ds-font-size-static-2xl: 22px;--ds-font-size-static-3xl: 24px;--ds-font-size-static-4xl: 28px;--ds-font-size-static-5xl: 32px;--ds-font-size-static-6xl: 36px;--ds-font-size-static-7xl: 40px;--ds-icon-size-s: 16px;--ds-icon-size-m: 24px;--ds-icon-size-l: 32px;--ds-radius-none: 0;--ds-radius-xs: 1px;--ds-radius-s: 3px;--ds-radius-m: 5px;--ds-radius-l: 8px;--ds-radius-xl: 12px;--ds-radius-2xl: 16px;--ds-radius-3xl: 20px;--ds-radius-circle: 1000px;--ds-spacing-2xs: 2px;--ds-spacing-xs: 4px;--ds-spacing-s: 8px;--ds-spacing-m: 12px;--ds-spacing-l: 16px;--ds-spacing-xl: 20px;--ds-spacing-2xl: 24px;--ds-spacing-3xl: 32px;--ds-spacing-4xl: 40px;--ds-spacing-5xl: 64px;--ds-spacing-6xl: 80px;--ds-grid-margin: 24px;--ds-shadow-soft: -4px 4px 10px 0 rgba(0, 0, 0, .25);--ds-shadow-strong: -6px 6px 10px 0 rgba(33, 33, 33, .2)}@media(min-width:960px){:root{--ds-font-size-2xs: 12px;--ds-font-size-xs: 14px;--ds-font-size-s: 16px;--ds-font-size-m: 20px;--ds-font-size-l: 20px;--ds-font-size-xl: 24px;--ds-font-size-2xl: 28px;--ds-font-size-3xl: 28px;--ds-font-size-4xl: 32px;--ds-font-size-5xl: 40px;--ds-font-size-6xl: 56px;--ds-font-size-7xl: 60px;--ds-grid-margin: 32px}}.ds-button{--ds-button-bg: var(--ds-color-classics-black);--ds-button-color: var(--ds-color-classics-white);--ds-button-border: var(--ds-button-bg);display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-spacing-s);min-height:40px;padding:0 var(--ds-spacing-2xl);border:1px solid var(--ds-button-border);border-radius:var(--ds-radius-m);background:var(--ds-button-bg);color:var(--ds-button-color);font-family:var(--ds-font-family);font-size:var(--ds-font-size-static-s);font-weight:var(--ds-font-weight-semibold);line-height:1.3;text-align:center;text-decoration:none;cursor:pointer}.ds-button__icon{flex-shrink:0;width:var(--ds-icon-size-m);height:var(--ds-icon-size-m)}.ds-button--black:hover{--ds-button-bg: #646464}.ds-button--black:active{--ds-button-bg: var(--ds-color-classics-black)}.ds-button--white{--ds-button-bg: var(--ds-color-classics-white);--ds-button-color: var(--ds-color-classics-black)}.ds-button--white:hover{--ds-button-bg: var(--ds-color-grey-60);--ds-button-color: var(--ds-color-classics-white)}.ds-button--white:active{--ds-button-bg: var(--ds-color-classics-white);--ds-button-color: var(--ds-color-classics-black)}.ds-button--green{--ds-button-bg: #51b37f;--ds-button-color: var(--ds-color-classics-white)}.ds-button--green:hover{--ds-button-bg: #397d59}.ds-button--green:active{--ds-button-bg: #51b37f}.ds-button--secondary{--ds-button-bg: transparent;--ds-button-color: var(--ds-color-classics-black);--ds-button-border: var(--ds-button-color);border-width:2px}.ds-button--secondary:hover{--ds-button-color: var(--ds-color-grey-80)}.ds-button--secondary:active{--ds-button-color: var(--ds-color-classics-black)}.ds-button--secondary:is(:disabled,[aria-disabled=true]){--ds-button-color: var(--ds-color-grey-60);cursor:default}.ds-button--icon{width:40px;height:40px;min-height:0;padding:0}.ds-button--icon.ds-button--black:hover{--ds-button-bg: var(--ds-color-grey-80)}.ds-button:is(.ds-button--black,.ds-button--white,.ds-button--green):is(:disabled,[aria-disabled=true]){--ds-button-bg: var(--ds-color-grey-30);--ds-button-color: var(--ds-color-grey-50);cursor:default}.ds-button--pill{min-height:0;padding:6px;border:0;border-radius:35px}.ds-button--pill .ds-button__icon{width:var(--ds-icon-size-s);height:var(--ds-icon-size-s)}.ds-button--tertiary{--ds-button-bg: transparent;--ds-button-color: var(--ds-color-classics-black);gap:var(--ds-spacing-xs);min-height:0;padding:0;border:0;font-weight:var(--ds-font-weight-regular);text-decoration:underline}.ds-button--tertiary .ds-button__icon{width:14px;height:14px}.ds-button--tertiary:hover,.ds-button--tertiary:is(:disabled,[aria-disabled=true]){--ds-button-color: var(--ds-color-grey-60)}.ds-button--tertiary.ds-button--static:is(:hover,:disabled,[aria-disabled=true]){--ds-button-color: var(--ds-color-classics-black)}.ds-button--tertiary.ds-button--plain{text-decoration:none}.ds-button--tertiary.ds-button--plain:is(:hover,:disabled,[aria-disabled=true]){--ds-button-color: var(--ds-color-classics-black);text-decoration:underline}.ds-checkbox,.ds-radio,.ds-toggle{display:inline-flex;align-items:center;gap:var(--ds-spacing-m);color:var(--ds-color-classics-black);font-family:var(--ds-font-family);font-size:var(--ds-font-size-static-s);font-weight:var(--ds-font-weight-regular);line-height:1.3;cursor:pointer}.ds-checkbox input[type],.ds-radio input[type],.ds-toggle input[type]{-webkit-appearance:none;appearance:none;flex-shrink:0;box-sizing:border-box;margin:0;cursor:inherit}.ds-checkbox input[type]{position:relative;width:20px;height:20px;border:1px solid var(--ds-color-classics-black);border-radius:var(--ds-radius-s);background:var(--ds-color-classics-white)}.ds-checkbox input[type]:before,.ds-radio input[type]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:8px;height:8px;margin:auto;border-radius:var(--ds-radius-xs);background:transparent;opacity:1;transform:none;transition:none}.ds-checkbox input[type]:checked:before{background:var(--ds-color-classics-black)}.ds-checkbox:has(input:checked),.ds-radio:has(input:checked){font-weight:var(--ds-font-weight-semibold)}.ds-checkbox:has(input:disabled){color:var(--ds-color-grey-70);cursor:default}.ds-checkbox input[type]:disabled{border-color:var(--ds-color-grey-70);background:var(--ds-color-grey-30)}.ds-radio{--ds-radio-color: var(--ds-color-classics-black);color:var(--ds-radio-color)}.ds-radio input[type]{position:relative;width:20px;height:20px;border:1px solid var(--ds-radio-color);border-radius:50%;background:transparent}.ds-radio input[type]:before{border-radius:50%}.ds-radio input[type]:checked:before{background:var(--ds-radio-color)}.ds-radio:has(input[aria-invalid=true]){--ds-radio-color: var(--ds-color-action-pink)}.ds-radio:has(input:disabled){--ds-radio-color: var(--ds-color-grey-50);font-weight:var(--ds-font-weight-regular);cursor:default}.ds-toggle{--ds-toggle-color: var(--ds-color-classics-black);gap:14px}.ds-toggle input[type]{position:relative;width:38px;height:18px;border:2px solid var(--ds-toggle-color);border-radius:9px;background:transparent}.ds-toggle input[type]:before{content:"";position:absolute;top:-2px;left:-2px;box-sizing:border-box;width:18px;height:18px;margin:0;border:2px solid var(--ds-toggle-color);border-radius:50%;background:var(--ds-color-classics-white);opacity:1;transform:none;transition:none}.ds-toggle input[type]:checked{--ds-toggle-color: #007d3e;background:var(--ds-toggle-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8' viewBox='6 5 11 8' fill='none'%3E%3Cpath d='M16 6L9.8125 12L7 9.27273' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 4px 3px}.ds-toggle input[type]:checked:before{left:18px}.ds-toggle input[type][aria-invalid=true]{--ds-toggle-color: var(--ds-color-action-pink)}.ds-toggle input[type]:disabled{--ds-toggle-color: var(--ds-color-grey-40);background-color:var(--ds-toggle-color)}.ds-toggle:has(input:disabled){cursor:default}.ds-field{display:flex;flex-direction:column;gap:var(--ds-spacing-xs)}.ds-field:has(.ds-field__message){gap:var(--ds-spacing-s)}.ds-field__control{position:relative}.ds-field__icon{position:absolute;top:50%;right:var(--ds-spacing-2xl);width:var(--ds-icon-size-s);height:var(--ds-icon-size-s);transform:translateY(-50%);pointer-events:none}.ds-input{box-sizing:border-box;width:100%;margin:0;padding:var(--ds-spacing-m) var(--ds-spacing-2xl);border:1px solid transparent;border-radius:var(--ds-radius-m);background:var(--ds-color-classics-white);color:var(--ds-color-classics-black);font-family:var(--ds-font-family);font-size:var(--ds-font-size-static-s);font-weight:var(--ds-font-weight-regular);line-height:1.3;outline:0}.ds-input::placeholder{color:inherit;opacity:1}.ds-field__control:has(.ds-field__icon) .ds-input{padding-right:calc(var(--ds-spacing-2xl) + var(--ds-icon-size-s) + var(--ds-spacing-s))}.ds-input:hover,.ds-input:focus{border-color:var(--ds-color-classics-black)}.ds-input[aria-invalid=true]{border-color:var(--ds-color-action-pink);color:var(--ds-color-action-pink)}.ds-input:disabled{border-color:transparent;color:var(--ds-color-grey-50)}.ds-field__message{color:var(--ds-color-action-pink);font-family:var(--ds-font-family);font-size:var(--ds-font-size-static-xs);line-height:1.3}.ds-field:has(.ds-field__label){gap:6px}.ds-field__label{margin:0;color:var(--ds-color-classics-black);font-family:var(--ds-font-family);font-size:var(--ds-font-size-static-xs);font-weight:var(--ds-font-weight-semibold);line-height:1.3}.ds-input--outlined{min-height:46px;padding:var(--ds-spacing-m);border-color:var(--ds-color-grey-40)}.ds-input--outlined::placeholder{color:var(--ds-color-grey-90)}.ds-input--outlined:not(:placeholder-shown){border-color:var(--ds-color-classics-black)}.ds-input--textarea{display:block;min-height:87px;resize:vertical}.ds-button--full{width:100%}.ds-option{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;margin:0;padding:var(--ds-spacing-m) var(--ds-spacing-l);border:1px solid var(--ds-color-grey-40);border-radius:var(--ds-radius-m);background:var(--ds-color-classics-white);color:var(--ds-color-classics-black);font-family:var(--ds-font-family);font-size:var(--ds-font-size-static-s);font-weight:var(--ds-font-weight-regular);line-height:1.3;text-align:center;cursor:pointer}.ds-option:hover,.ds-option[aria-pressed=true]{border-color:var(--ds-color-classics-black)}.ds-option[aria-pressed=true]{font-weight:var(--ds-font-weight-semibold)}.ds-option:disabled{border-color:var(--ds-color-grey-30);background:var(--ds-color-grey-30);color:var(--ds-color-grey-50);cursor:default}.ds-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--ds-spacing-xs) var(--ds-spacing-m);border-radius:var(--ds-radius-circle);background:var(--ds-color-grey-50);color:var(--ds-color-classics-black);font-family:var(--ds-font-family);font-size:8px;font-weight:var(--ds-font-weight-semibold);line-height:1.3}.ds-badge--percent{background:var(--ds-color-action-yellow)}.ds-badge--new,.ds-badge--bestseller,.ds-badge--restock{background:var(--ds-color-grey-30)}.ds-badge--set{background:var(--ds-color-action-neon-green)}.ds-badge--top{background:var(--ds-color-classics-black);color:var(--ds-color-classics-white)}.ds-badge--soon{background:var(--ds-color-classics-white);box-shadow:inset 0 0 0 1px var(--ds-color-classics-black)}.ds-counter{display:inline-grid;place-content:center;width:14px;height:14px;border-radius:50%;background:var(--ds-color-classics-black);color:var(--ds-color-classics-white);font-family:var(--ds-font-family);font-size:8px;font-weight:var(--ds-font-weight-regular);line-height:1.3}.ds-category-badge{display:inline-grid;place-content:center;width:25px;height:25px;border-radius:50%;background:var(--ds-color-grey-50)}.ds-category-badge :is(svg,img){width:12px;height:12px}.ds-payment-badge{display:inline-flex;box-sizing:border-box;width:37.5px;height:23px;padding:6px var(--ds-spacing-s);border-radius:var(--ds-radius-xs);background:var(--ds-color-classics-white)}.ds-payment-badge :is(svg,img){width:100%;height:100%;object-fit:contain}.ds-chip{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-spacing-xs);padding:6px 14px;border-radius:50px;background:var(--ds-color-grey-60);color:var(--ds-color-classics-black);font-family:var(--ds-font-family);font-size:var(--ds-font-size-static-xs);font-weight:var(--ds-font-weight-semibold);line-height:1.3;text-decoration:none}.ds-chip:hover{text-decoration:underline}.ds-chip :is(svg,img){flex-shrink:0;width:var(--ds-icon-size-s);height:var(--ds-icon-size-s)}.ds-chip--verdauung,.ds-category-badge--verdauung{background:var(--ds-color-purple-40)}.ds-chip--knochen,.ds-category-badge--knochen{background:var(--ds-color-brown-40)}.ds-chip--sport,.ds-category-badge--sport{background:var(--ds-color-green-40)}.ds-chip--immunsystem,.ds-category-badge--immunsystem{background:var(--ds-color-yellow-40)}.ds-chip--naturkosmetik,.ds-category-badge--naturkosmetik{background:#fff3f7}.ds-chip--leistung,.ds-category-badge--leistung{background:#a7cdc2}.ds-chip--beauty,.ds-category-badge--beauty{background:var(--ds-color-rose-40)}.ds-chip--wohlbefinden,.ds-category-badge--wohlbefinden{background:var(--ds-color-blue-40)}.ds-pill{display:inline-flex;align-items:center;justify-content:center;padding:var(--ds-spacing-xs) 10px;border-radius:var(--ds-radius-circle);background:var(--ds-color-grey-20);color:var(--ds-color-classics-black);font-family:var(--ds-font-family);font-size:8px;font-weight:var(--ds-font-weight-bold);line-height:1.3}.ds-pill--l{font-size:var(--ds-font-size-static-xs);font-weight:var(--ds-font-weight-semibold)}.ds-filter-pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin:0;padding:var(--ds-spacing-xs) var(--ds-spacing-s) var(--ds-spacing-xs) var(--ds-spacing-l);border:0;border-radius:var(--ds-radius-circle);background:var(--ds-color-grey-40);color:var(--ds-color-classics-black);font-family:var(--ds-font-family);font-size:var(--ds-font-size-static-xs);font-weight:var(--ds-font-weight-regular);line-height:1.3;cursor:pointer}.ds-filter-pill :is(svg,img){flex-shrink:0;width:14px;height:14px}.ds-alert{display:inline-flex;align-items:center;gap:var(--ds-spacing-s);padding:var(--ds-spacing-s) var(--ds-spacing-m);border-radius:var(--ds-radius-m);box-shadow:var(--ds-shadow-soft);color:var(--ds-color-classics-white);font-family:var(--ds-font-family);font-size:var(--ds-font-size-static-xs);font-weight:var(--ds-font-weight-regular);line-height:18px}.ds-alert :is(svg,img){flex-shrink:0;width:var(--ds-icon-size-m);height:var(--ds-icon-size-m)}.ds-alert--success{background:var(--ds-color-action-green)}.ds-alert--error{background:var(--ds-color-action-pink)}@media(min-width:960px){.ds-badge{font-size:var(--ds-font-size-static-2xs)}.ds-counter{width:18px;height:18px;font-size:var(--ds-font-size-static-2xs)}}
/*# sourceMappingURL=/cdn/shop/t/371/assets/design-system.css.map */