:root{--color-bg: #ffffff;--color-surface: #f5f5f7;--color-surface-2: #ececf0;--color-border: #e5e5ea;--color-text: #1a1a1a;--color-muted: #6b6b6b;--color-accent: #0066ff;--color-accent-hover: #0052cc;--color-accent-soft: #e6efff;--color-danger: #d33b3b;--color-success: #2faa57;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 16px;--fs-lg: 18px;--fs-xl: 20px;--fs-2xl: 24px;--fs-3xl: 32px;--fs-4xl: 40px;--fs-hero: 52px;--container-max: 1200px;--header-height: 60px;--shadow-soft: 0 1px 2px rgba(0, 0, 0, .04);--transition-fast: .12s ease;--transition-base: .2s ease}html.dark{--color-bg: #0a0a0a;--color-surface: #161618;--color-surface-2: #1f1f23;--color-border: #2a2a30;--color-text: #fafafa;--color-muted: #a0a0a8;--color-accent: #4d8aff;--color-accent-hover: #6699ff;--color-accent-soft: rgba(77, 138, 255, .18);--color-danger: #f06464;--color-success: #4cd07a;--shadow-soft: 0 1px 2px rgba(0, 0, 0, .4)}.navbar{position:sticky;top:0;z-index:50;background:var(--color-bg);border-bottom:1px solid var(--color-border);height:var(--header-height);display:flex;align-items:center}.navbar__inner{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.navbar__brand{font-size:var(--fs-xl);font-weight:700;letter-spacing:-.02em;color:var(--color-text);text-decoration:none}.navbar__brand:hover,.navbar__brand span{color:var(--color-accent)}.navbar__actions{display:flex;align-items:center;gap:var(--space-3)}.navbar__cart{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text);font-weight:500;text-decoration:none;transition:background var(--transition-fast)}.navbar__cart:hover{background:var(--color-surface);color:var(--color-text)}.navbar__cart-label{display:none}@media (min-width: 480px){.navbar__cart-label{display:inline}}.navbar__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--color-accent);color:#fff;border-radius:var(--radius-full);font-size:12px;font-weight:600;line-height:1;animation:badge-pop .22s cubic-bezier(.34,1.56,.64,1);transform-origin:center}.navbar__badge.is-empty{display:none}@keyframes badge-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.navbar__icon{width:22px;height:22px;flex-shrink:0}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:none;color:var(--color-text);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.theme-toggle:hover{background:var(--color-surface);color:var(--color-accent)}.theme-toggle__icon{width:20px;height:20px}.theme-toggle__sun{display:none}.theme-toggle__moon,html.dark .theme-toggle__sun{display:block}html.dark .theme-toggle__moon{display:none}.product-card{display:flex;flex-direction:column;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;transition:border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base);animation:product-card-in .32s cubic-bezier(.22,1,.36,1) backwards}.product-card:nth-child(1){animation-delay:0ms}.product-card:nth-child(2){animation-delay:35ms}.product-card:nth-child(3){animation-delay:70ms}.product-card:nth-child(4){animation-delay:105ms}.product-card:nth-child(5){animation-delay:.14s}.product-card:nth-child(6){animation-delay:175ms}.product-card:nth-child(7){animation-delay:.21s}.product-card:nth-child(8){animation-delay:.24s}.product-card:nth-child(n+9){animation-delay:.27s}@keyframes product-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.product-card{animation:none}}.product-card:hover{border-color:var(--color-accent);color:inherit;transform:translateY(-3px);box-shadow:0 8px 24px #0066ff1a}.product-card__image{position:relative;aspect-ratio:1 / 1;background:var(--color-surface);overflow:hidden}.product-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.product-card:hover .product-card__image img{transform:scale(1.04)}.product-card__badge{position:absolute;top:var(--space-3);left:var(--space-3);padding:var(--space-1) var(--space-3);background:var(--color-accent);color:#fff;border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:600;letter-spacing:.02em}.product-card__body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);flex:1}.product-card__name{font-size:var(--fs-base);font-weight:600;margin:0;color:var(--color-text);letter-spacing:-.015em}.product-card__meta{font-size:var(--fs-sm);color:var(--color-muted);margin:0 0 var(--space-3);letter-spacing:0}.product-card__price{font-size:var(--fs-xl);font-weight:600;color:var(--color-text);margin-top:auto;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.product-card__price--custom{color:var(--color-accent)}.cart{display:grid;grid-template-columns:1fr;gap:var(--space-5);padding:var(--space-5) 0}@media (min-width: 960px){.cart{grid-template-columns:1.5fr 1fr;gap:var(--space-7);padding:var(--space-7) 0}}.cart__items{display:flex;flex-direction:column;gap:var(--space-3)}.cart-item{display:grid;grid-template-columns:64px 1fr auto;gap:var(--space-3);align-items:center;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg)}@media (min-width: 480px){.cart-item{grid-template-columns:72px 1fr auto auto;padding:var(--space-4)}}.cart-item__thumb{width:64px;height:64px;background:var(--color-surface);border-radius:var(--radius-sm);overflow:hidden}@media (min-width: 480px){.cart-item__thumb{width:72px;height:72px}}.cart-item__thumb img{width:100%;height:100%;object-fit:cover}.cart-item__info{min-width:0}.cart-item__name{font-weight:600;margin:0 0 var(--space-1);font-size:var(--fs-base)}.cart-item__price{margin:0;color:var(--color-muted);font-size:var(--fs-sm)}.cart-item__color{display:inline-flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-1);font-size:var(--fs-sm);color:var(--color-muted)}.cart-item__color-dot{width:14px;height:14px;border-radius:50%;border:1px solid var(--color-border);flex-shrink:0}.cart-item__qty{display:inline-flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.cart-item__qty button{width:32px;height:32px;background:var(--color-bg);border:0;color:var(--color-text);font-size:var(--fs-lg);line-height:1;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.cart-item__qty button:hover{background:var(--color-surface)}.cart-item__qty .count{min-width:32px;text-align:center;font-weight:600;font-size:var(--fs-sm)}.cart-item__remove{grid-column:2 / -1;justify-self:end;background:transparent;border:0;color:var(--color-muted);font-size:var(--fs-sm);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:color var(--transition-fast)}@media (min-width: 480px){.cart-item__remove{grid-column:auto;justify-self:auto}}.cart-item__remove:hover{color:var(--color-danger)}.cart-summary{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);position:sticky;top:calc(var(--header-height) + var(--space-3));display:flex;flex-direction:column;gap:var(--space-4)}.cart-summary h2{margin:0}.cart-summary__row{display:flex;justify-content:space-between;align-items:baseline}.cart-summary__row--total{font-size:var(--fs-xl);font-weight:600;padding-top:var(--space-3);border-top:1px solid var(--color-border)}.cart-summary .btn{width:100%}.cart-share{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.cart-share h2{margin-bottom:var(--space-3)}.cart-share p{color:var(--color-muted);font-size:var(--fs-sm);margin-bottom:var(--space-4)}.cart-share__grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media (min-width: 768px){.cart-share__grid{grid-template-columns:1fr 1fr;gap:var(--space-6)}}.cart-share__block label{display:block;font-size:var(--fs-sm);font-weight:600;margin-bottom:var(--space-2)}.cart-share__block .textarea{margin-bottom:var(--space-3)}.cart-share__block .btn{width:100%}.cart-share__status{font-size:var(--fs-sm);margin-top:var(--space-2);min-height:1.2em}.cart-share__status.is-success{color:var(--color-success)}.cart-share__status.is-error{color:var(--color-danger)}.cart-empty{padding:var(--space-8) var(--space-4);text-align:center}.cart-empty h1{font-size:var(--fs-2xl)}.cart-empty p{color:var(--color-muted);margin-bottom:var(--space-5)}.filter{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-4) 0}.filter__search{position:relative;display:flex;align-items:center;width:100%;max-width:480px}.filter__search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);display:inline-flex;color:var(--color-muted);pointer-events:none;transition:color var(--transition-fast)}.filter .filter__search-input{padding-left:44px;padding-right:var(--space-4);background:var(--color-surface);border-color:transparent}.filter .filter__search-input:focus{background:var(--color-bg)}.filter__search:focus-within .filter__search-icon{color:var(--color-accent)}.filter__search-input::-webkit-search-decoration,.filter__search-input::-webkit-search-results-button,.filter__search-input::-webkit-search-results-decoration{display:none}.filter__search-input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;margin-right:2px;background:linear-gradient(45deg,transparent 46%,var(--color-muted) 46%,var(--color-muted) 54%,transparent 54%),linear-gradient(-45deg,transparent 46%,var(--color-muted) 46%,var(--color-muted) 54%,transparent 54%);border-radius:50%;cursor:pointer;opacity:.6}.filter__search-input::-webkit-search-cancel-button:hover{opacity:1}.filter__group{display:flex;flex-direction:column;gap:var(--space-3)}.filter__group-label{font-size:var(--fs-sm);color:var(--color-muted);font-weight:500;letter-spacing:.01em}.chips{display:flex;gap:var(--space-2);flex-wrap:wrap;row-gap:var(--space-2)}.chip-btn{flex:0 0 auto;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-text);font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap;min-height:36px}.chip-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.chip-btn.is-active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.chip-btn.is-active:hover{background:var(--color-accent-hover);color:#fff}.filter__count{color:var(--color-muted);font-size:var(--fs-sm);padding:var(--space-2) 0}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;background:var(--color-bg);color-scheme:light dark}.theme-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;transform:translateY(0);transition:transform .52s cubic-bezier(.65,0,.35,1);will-change:transform}.theme-overlay--slide{transform:translateY(100%)}@media (prefers-reduced-motion: reduce){.theme-overlay{transition:none}}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.55;color:var(--color-text);background:var(--color-bg);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01","ss03";text-rendering:optimizeLegibility}main{flex:1}img{display:block;max-width:100%;height:auto}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}h1,h2,h3,h4{margin:0 0 var(--space-3) 0;font-weight:600;line-height:1.15;letter-spacing:-.02em;color:var(--color-text)}h1{font-size:var(--fs-3xl);font-weight:700;letter-spacing:-.03em}h2{font-size:var(--fs-2xl);letter-spacing:-.025em}h3{font-size:var(--fs-lg);letter-spacing:-.015em}h4{font-size:var(--fs-base);letter-spacing:-.01em}p{margin:0 0 var(--space-3) 0}button{font-family:inherit;font-size:inherit;cursor:pointer}input,select,textarea,button{font-family:inherit;font-size:var(--fs-base)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 15px}.view{opacity:1;transition:opacity .15s ease}.view--leaving{opacity:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:1px solid transparent;font-weight:500;text-align:center;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);text-decoration:none;min-height:44px;line-height:1.2}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover{background:var(--color-accent-hover);color:#fff}.btn--secondary{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}.btn--secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn--ghost{background:transparent;color:var(--color-text);border-color:transparent}.btn--ghost:hover{background:var(--color-surface)}.btn--danger{background:transparent;color:var(--color-danger);border-color:transparent}.btn--danger:hover{background:#d33b3b14}.btn:disabled{opacity:.5;cursor:not-allowed}.input,.select,.textarea{display:block;width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--fs-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);min-height:44px}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.textarea{min-height:96px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--fs-sm)}.hero{position:relative;padding:var(--space-7) 0;background:radial-gradient(ellipse 700px 360px at 80% 0%,rgba(0,102,255,.1),transparent 65%),linear-gradient(180deg,var(--color-surface) 0%,var(--color-bg) 100%);border-bottom:1px solid var(--color-border);overflow:hidden}.hero__inner{position:relative;z-index:1}.hero__eyebrow{display:inline-block;font-size:var(--fs-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-3)}.hero h1{font-size:var(--fs-3xl);font-weight:700;margin:0 0 var(--space-4);max-width:14ch;line-height:1.05;letter-spacing:-.035em}.hero h1 .accent{color:var(--color-accent);white-space:nowrap}.hero p{color:var(--color-muted);font-size:var(--fs-lg);max-width:48ch;margin:0 0 var(--space-5);line-height:1.5}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.hero__shape{position:absolute;right:-60px;top:50%;width:320px;height:320px;transform:translateY(-50%);color:var(--color-accent);pointer-events:none;z-index:0}@media (max-width: 640px){.hero__shape{width:220px;height:220px;right:-90px;top:0;transform:none;opacity:.55}}@media (min-width: 640px){.hero{padding:var(--space-8) 0}.hero h1{font-size:var(--fs-4xl)}}@media (min-width: 960px){.hero h1{font-size:var(--fs-hero)}.hero__shape{width:420px;height:420px;right:-40px}}.section{padding-top:var(--space-7);padding-bottom:var(--space-7)}.section__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.section__head h2{font-size:var(--fs-2xl);margin:0;letter-spacing:-.025em}@media (min-width: 768px){.section__head h2{font-size:var(--fs-3xl);letter-spacing:-.03em}}.section--tight{padding-top:var(--space-4);padding-bottom:var(--space-4)}#produkte{scroll-margin-top:calc(var(--header-height) + var(--space-3))}.how-to{padding:var(--space-7) 0;border-top:1px solid var(--color-border)}.how-to h2{margin-bottom:var(--space-6);text-align:center}.how-to__list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:var(--space-5);counter-reset:how-to}@media (min-width: 768px){.how-to__list{grid-template-columns:repeat(3,1fr);gap:var(--space-6)}}.how-to__step{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.how-to__num{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-accent-soft);color:var(--color-accent);font-weight:600;font-size:var(--fs-lg);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.how-to__text{margin:0;font-size:var(--fs-base);line-height:1.55;color:var(--color-text);max-width:28ch}.about{padding:var(--space-7) 0 var(--space-6);text-align:center;border-top:1px solid var(--color-border);margin-top:var(--space-5)}.about h2{font-size:var(--fs-xl);margin-bottom:var(--space-3);letter-spacing:-.02em}.about p{max-width:56ch;margin:0 auto;color:var(--color-muted);font-size:var(--fs-lg);line-height:1.6}.product-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);transition:opacity .18s ease,transform .18s ease}.product-grid--fading{opacity:0;transform:translateY(4px)}@media (min-width: 480px){.product-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-5)}}@media (min-width: 960px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){.product-grid{grid-template-columns:repeat(4,1fr)}}.loading,.empty{padding:var(--space-7) 0;text-align:center;color:var(--color-muted)}.product-detail{display:grid;grid-template-columns:1fr;gap:var(--space-5);padding:var(--space-5) 0}@media (min-width: 768px){.product-detail{grid-template-columns:1.1fr 1fr;gap:var(--space-7);padding:var(--space-7) 0}}.gallery{display:flex;flex-direction:column;gap:var(--space-3)}.gallery__main{background:var(--color-surface);border-radius:var(--radius-lg);aspect-ratio:1 / 1;overflow:hidden;display:flex;align-items:center;justify-content:center}.gallery__main img{width:100%;height:100%;object-fit:cover}.gallery__thumbs{display:flex;gap:var(--space-2);overflow-x:auto}.gallery__thumb{flex:0 0 72px;width:72px;height:72px;background:var(--color-surface);border:2px solid transparent;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;padding:0;transition:border-color var(--transition-fast)}.gallery__thumb img{width:100%;height:100%;object-fit:cover}.gallery__thumb.is-active{border-color:var(--color-accent)}.product-info h1{font-size:var(--fs-2xl);margin-bottom:var(--space-2);letter-spacing:-.03em}@media (min-width: 768px){.product-info h1{font-size:var(--fs-3xl)}}.product-info .price{font-size:var(--fs-2xl);font-weight:600;color:var(--color-text);margin-bottom:var(--space-4);letter-spacing:-.025em;font-variant-numeric:tabular-nums}.product-info .description{color:var(--color-muted);margin-bottom:var(--space-5);line-height:1.6}.chip{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--color-accent-soft);border-radius:var(--radius-full);font-size:var(--fs-sm);color:var(--color-accent);font-weight:500;margin-bottom:var(--space-3)}.colors{margin:var(--space-5) 0}.colors__label{display:block;font-size:var(--fs-sm);color:var(--color-muted);margin-bottom:var(--space-3)}.colors__selected{color:var(--color-text);font-weight:600}.colors__dots{display:flex;flex-wrap:wrap;gap:var(--space-3)}.color-dot{width:32px;height:32px;border-radius:50%;border:1px solid var(--color-border);display:inline-block;padding:0;cursor:pointer;background-clip:padding-box;position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.color-dot:hover{transform:scale(1.08)}.color-dot.is-active{box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-accent)}.color-dot.is-active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.action-row{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-5)}@media (min-width: 480px){.action-row{flex-direction:row;align-items:center}}.action-row .btn{width:100%}@media (min-width: 480px){.action-row .btn{width:auto;flex:1}}.confirm{color:var(--color-success);font-size:var(--fs-sm);opacity:0;transition:opacity var(--transition-base)}.confirm.is-visible{opacity:1}.related{padding:var(--space-7) 0 var(--space-5);border-top:1px solid var(--color-border);margin-top:var(--space-7)}.related h2{margin-bottom:var(--space-5)}.related__row{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 480px){.related__row{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.related__row{grid-template-columns:repeat(3,1fr)}}.notfound{padding:var(--space-8) 0;text-align:center}.notfound h1{font-size:var(--fs-3xl);margin-bottom:var(--space-3)}.notfound p{color:var(--color-muted);margin-bottom:var(--space-5)}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-5) 0;color:var(--color-muted);font-size:var(--fs-sm);text-align:center;margin-top:var(--space-7)}.site-footer p{margin:0}.breadcrumb{font-size:var(--fs-sm);color:var(--color-muted);padding:var(--space-4) 0 0}.breadcrumb a{color:var(--color-muted)}.breadcrumb a:hover{color:var(--color-accent)}