@layer base{:root{--dark: oklch(0.230 0.004 106.8);--gold: oklch(0.742 0.116 89.9);--gold-text: oklch(0.48 0.09 85);--sand: oklch(0.98 0.008 80);--sand-mid: oklch(0.93 0.015 89.9);--border: oklch(0.88 0.015 89.9);--muted: oklch(0.55 0.01 60);--body-text: oklch(0.35 0.005 285);--ff-serif: 'Res Publica', Georgia, serif;--ff-sans: 'ARS Maquette Pro', Arial, sans-serif;--gold-hex: #c8a84d;--gold-hover: #b8943d;--gold-text-hex: #7a6020;--dark-hex: #1d1d1b;--cream: #f8f5ef;--cream-mid: #f0ebe2;--white: #ffffff;--border-warm: #e4ddd2;--muted-hex: #8a8070;--light-bg: #f5f2ec}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--ff-serif);background:var(--sand);color:var(--dark);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}ul,ol{list-style:none}#main-content{min-height:500px}.top-bar{background:var(--dark-hex);color:rgba(200,168,77,.85);font-family:var(--ff-serif);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;padding:.5rem 1rem;text-align:center}.top-bar a{color:var(--gold-hex);text-decoration:none}.top-bar .nav-topbar__sep{margin:0 .25rem}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}@media(min-width: 640px){.container{padding:0 1.5rem}}@media(min-width: 1024px){.container{padding:0 2rem}}.site-header{background:var(--white);border-bottom:1px solid var(--border-warm);position:sticky;top:0;z-index:100;box-shadow:0 1px 8px rgba(29,29,27,.06)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;height:4rem;gap:1rem}.site-header__logo{display:flex;align-items:center;flex-shrink:0}.site-header__logo img{height:2rem;width:auto;object-fit:contain}.site-header__nav{display:none;align-items:center;gap:1.5rem}@media(min-width: 768px){.site-header__nav{display:flex}}.site-header__nav-link{font-family:var(--ff-serif);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--dark-hex);transition:color 150ms cubic-bezier(0.23, 1, 0.32, 1)}.site-header__nav-link:hover,.site-header__nav-link.is-active,.site-header__nav-link.nav-link--active{color:var(--gold-hex)}.site-header__nav-link:focus-visible{outline:2px solid var(--gold-hex);outline-offset:2px}.site-header__dropdown{position:relative}.site-header__dropdown-trigger{display:flex;align-items:center;gap:.25rem;font-family:var(--ff-serif);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--dark-hex);cursor:pointer;background:none;border:none;transition:color 150ms cubic-bezier(0.23, 1, 0.32, 1)}.site-header__dropdown-trigger:hover{color:var(--gold-hex)}.site-header__dropdown-trigger svg{width:.75rem;height:.75rem}.site-header__dropdown-menu{position:absolute;top:100%;left:0;margin-top:.25rem;background:#fff;border:1px solid var(--border-warm);box-shadow:0 8px 24px rgba(29,29,27,.1);border-radius:2px;padding:.5rem 0;min-width:200px;z-index:200}.site-header__dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:var(--ff-serif);font-size:.875rem;color:var(--dark-hex);transition:background 120ms,color 120ms}.site-header__dropdown-item:hover{background:var(--cream);color:var(--gold-hex)}.site-header__actions{display:flex;align-items:center;gap:.75rem}.site-header__icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;color:var(--dark-hex);transition:color 150ms cubic-bezier(0.23, 1, 0.32, 1);border-radius:50%;background:none;border:none}.site-header__icon-btn:hover{color:var(--gold-hex)}.site-header__icon-btn:focus-visible{outline:2px solid var(--gold-hex);outline-offset:2px}.site-header__icon-btn svg{width:1.25rem;height:1.25rem;stroke-width:1.75}.site-header__badge{position:absolute;top:-2px;right:-2px;min-width:1.1rem;height:1.1rem;background:var(--gold-hex);color:var(--dark-hex);font-size:.625rem;font-weight:700;border-radius:999px;display:flex;align-items:center;justify-content:center;line-height:1}.site-header__hamburger{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;color:var(--dark-hex);background:none;border:none}@media(min-width: 768px){.site-header__hamburger{display:none}}.site-header__hamburger svg{width:1.5rem;height:1.5rem}.nav-header--scrolled{box-shadow:0 2px 12px rgba(29,29,27,.1)}.nav-logo__img{height:2rem;width:auto;object-fit:contain}.nav-dropdown__chevron{transition:transform 200ms ease-out}.nav-dropdown__chevron--open{transform:rotate(180deg)}.nav-dropdown__panel--enter{transition:opacity 150ms ease-out,transform 150ms ease-out}.nav-dropdown__panel--enter-start{opacity:0;transform:translateY(-4px)}.nav-dropdown__panel--enter-end{opacity:1;transform:translateY(0)}.nav-dropdown__panel--leave{transition:opacity 100ms ease-in,transform 100ms ease-in}.nav-dropdown__panel--leave-start{opacity:1;transform:translateY(0)}.nav-dropdown__panel--leave-end{opacity:0;transform:translateY(-4px)}.nav-action-badge{position:absolute;top:-2px;right:-2px;min-width:1.1rem;height:1.1rem;background:var(--gold-hex);color:var(--dark-hex);font-size:.625rem;font-weight:700;border-radius:999px;display:flex;align-items:center;justify-content:center;line-height:1}.nav-konto-label{font-family:var(--ff-serif);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}@media(max-width: 1023px){.nav-konto-label{display:none}}@media(max-width: 767px){.nav-action-btn--konto{display:none}}.gold-divider{height:1px;background:linear-gradient(90deg, transparent, var(--gold-hex), transparent);margin:.5rem 0}.site-footer{background:var(--dark-hex);color:rgba(200,168,77,.75);margin-top:auto}.site-footer__inner{padding-top:3rem;padding-bottom:3rem;width:100%;margin:0 auto;padding-left:1rem;padding-right:1rem}@media(min-width: 640px){.site-footer__inner{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width: 1024px){.site-footer__inner{padding-left:2rem;padding-right:2rem;max-width:1280px}}.site-footer__grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}@media(min-width: 768px){.site-footer__grid{grid-template-columns:2fr 1fr 1fr 1fr}}.site-footer__brand-logo{height:3.5rem;width:auto;object-fit:contain;margin-bottom:1rem}.site-footer__brand-text{font-family:var(--ff-serif);font-size:.875rem;color:var(--muted-hex);line-height:1.6}.site-footer__col-title{font-family:var(--ff-serif);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--gold-hex);margin-bottom:1rem}.site-footer__links{display:flex;flex-direction:column;gap:.5rem}.site-footer__link{font-family:var(--ff-serif);font-size:.875rem;color:var(--muted-hex);transition:color 150ms}.site-footer__link:hover{color:#fff}.site-footer__link:focus-visible{outline:2px solid var(--gold-hex);outline-offset:2px}.site-footer__address{font-family:var(--ff-serif);font-size:.875rem;font-style:normal;color:var(--muted-hex);line-height:1.6;margin-top:1rem}.site-footer__bottom{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem;font-family:var(--ff-serif);font-size:.75rem;color:rgba(138,128,112,.8);text-align:center}@media(min-width: 768px){.site-footer__bottom{flex-direction:row;text-align:left}}.site-footer__bottom a{color:rgba(138,128,112,.8);text-decoration:none}.site-footer__bottom a:hover{color:var(--gold-hex)}[x-cloak]{display:none !important}@media(prefers-reduced-motion: reduce){*,*::before,*::after{transition:none !important;animation:none !important}}.active-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.active-filter-tag{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--ff-serif);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.35rem .75rem;background:var(--gold-light);color:var(--gold-text);border:1px solid var(--gold-hex);text-decoration:none;transition:all 160ms cubic-bezier(0.23, 1, 0.32, 1)}.active-filter-tag:focus-visible{outline:2px solid var(--gold-hex);outline-offset:2px}.active-filter-tag svg{flex-shrink:0}.active-filter-tag:hover{background:var(--gold-hex);color:var(--dark);border-color:var(--gold-hex)}.toast-container{position:fixed;top:5rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;max-width:380px;width:100%;pointer-events:none}@media(max-width: 480px){.toast-container{right:0;left:0;margin:0 auto;padding:0 1rem;max-width:100%}}.toast{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem 1rem;border-left:3px solid;background:#fff;box-shadow:0 4px 16px rgba(29,29,27,.12);font-family:var(--ff-serif);font-size:.8125rem;line-height:1.5;color:var(--dark);pointer-events:auto}.toast__icon{flex-shrink:0;width:1.125rem;height:1.125rem;margin-top:1px}.toast__text{flex:1;min-width:0}.toast__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;margin:-0.125rem -0.25rem -0.125rem 0;padding:0;background:none;border:none;color:var(--muted-hex);cursor:pointer;border-radius:2px;transition:color 150ms cubic-bezier(0.23, 1, 0.32, 1)}.toast__close:hover{color:var(--dark-hex)}.toast__close:focus-visible{outline:2px solid var(--gold-hex);outline-offset:2px}.toast__close svg{width:.875rem;height:.875rem}.toast--success{border-left-color:#2e7d32}.toast--success .toast__icon{color:#2e7d32}.toast--info{border-left-color:var(--gold-hex)}.toast--info .toast__icon{color:var(--gold-hex)}.toast--warning{border-left-color:#e68a00}.toast--warning .toast__icon{color:#e68a00}.toast--error{border-left-color:#b10000}.toast--error .toast__icon{color:#b10000}.toast--enter{transition:opacity 250ms ease-out,transform 250ms ease-out}.toast--enter-start{opacity:0;transform:translateX(1rem)}.toast--enter-end{opacity:1;transform:translateX(0)}.toast--leave{transition:opacity 180ms ease-in,transform 180ms ease-in}.toast--leave-start{opacity:1;transform:translateX(0)}.toast--leave-end{opacity:0;transform:translateX(1rem)}input.is-invalid{border:1px solid #b10000;background:#fdd}.form-error{color:#b10000}.card{background:#fff;border:1px solid var(--border);padding:1.5rem}.section-title{font-family:var(--ff-serif);font-weight:700;color:var(--dark-hex);font-size:clamp(1.8rem,3.5vw,2.5rem);line-height:1.15}.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--gold-hex);color:var(--dark-hex);font-family:var(--ff-serif);font-weight:700;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;padding:1rem 2.5rem;border:none;cursor:pointer;transition:background 160ms cubic-bezier(0.23, 1, 0.32, 1),transform 160ms cubic-bezier(0.23, 1, 0.32, 1);text-decoration:none}.btn-gold:hover{background:var(--gold-hover)}.btn-gold:active{transform:scale(0.97)}.btn-gold:focus-visible{outline:2px solid var(--gold-hex);outline-offset:3px}.btn-outline-gold{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:rgba(0,0,0,0);color:var(--gold-hex);font-family:var(--ff-serif);font-weight:700;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;padding:1rem 2.5rem;border:1px solid var(--gold-hex);cursor:pointer;transition:background 160ms cubic-bezier(0.23, 1, 0.32, 1),color 160ms cubic-bezier(0.23, 1, 0.32, 1);text-decoration:none}.btn-outline-gold:hover{background:rgba(200,168,77,.1)}.btn-outline-gold:active{transform:scale(0.97)}.btn-outline-gold:focus-visible{outline:2px solid var(--gold-hex);outline-offset:3px}.btn-outline-dark{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:rgba(0,0,0,0);color:var(--dark-hex);font-family:var(--ff-serif);font-weight:700;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;padding:1rem 2.5rem;border:1px solid var(--dark-hex);cursor:pointer;transition:background 160ms cubic-bezier(0.23, 1, 0.32, 1),color 160ms cubic-bezier(0.23, 1, 0.32, 1);text-decoration:none}.btn-outline-dark:hover{background:rgba(29,29,27,.1)}.btn-outline-dark:active{transform:scale(0.97)}.btn-outline-dark:focus-visible{outline:2px solid var(--dark-hex);outline-offset:3px}.page-hero{background:var(--dark-hex);padding:2.5rem 0;border-bottom:2px solid var(--gold-hex)}.page-hero__eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--gold-hex);margin-bottom:.25rem}.page-hero__title{font-family:var(--ff-serif);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;color:var(--white);margin:0}.preis-original{color:var(--muted);text-decoration:line-through;font-size:.85rem}.preis-ersparnis{color:var(--gold-text);font-weight:600;font-size:.8rem}.product-card__pricewrap{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1.15;gap:.1rem}}