:root{--bg:#fcfbf7;--text:#252525;--muted:#696969;--card:#f5f5f2;--border:#e3e5de;--hero-bg:#fcfbf7;--accent:#39734f;--accent-rgb:57,115,79;--accent-strong:#2f6042;--accent-hover:color-mix(in srgb, var(--accent) 7%, white);--accent2:#9b6a2f;--radius:18px;--max:1400px;--font:"DM Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";--font-display:"Bespoke Serif", Georgia, "Times New Roman", serif;--font-handwritten:"Oooh Baby", cursive;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:40px;--space-xl:64px}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);margin:0;line-height:1.55}.site-shell{flex-direction:column;min-height:100svh;display:flex}.site-main{flex:1 0 auto;min-width:0}.site-shell>.topbar,.site-shell>.footer{flex-shrink:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.container{max-width:var(--max);margin:0 auto;padding:0 18px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:400}.topbar{z-index:50;background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.brand{font-weight:500;font-family:var(--font-display);color:#293e30;align-items:center;gap:10px;font-size:20px;display:flex}.logo-img{object-fit:contain;filter:brightness(1.1)saturate(.8);width:34px;height:34px;display:block}.navlinks{isolation:isolate;flex-wrap:wrap;align-items:center;gap:16px;font-size:14px;display:flex;position:relative}.navlinks a{color:#000000d1;border-radius:999px;justify-items:center;padding:8px 14px;transition:color .2s,background .2s;display:inline-grid;position:relative}.navlinks a>span{grid-area:1/1}.navlinks .nav-width-reserve{visibility:hidden;user-select:none;font-weight:500}.navlinks a:hover{background:rgba(var(--accent-rgb),.07)}.navlinks a.active{background:rgba(var(--accent-rgb),.12);color:var(--accent);font-weight:500}.nav-pill{z-index:-1;pointer-events:none;background:rgba(var(--accent-rgb),.12);opacity:0;border-radius:999px;transition:transform .45s cubic-bezier(.22,1,.36,1),width .45s cubic-bezier(.22,1,.36,1),height .45s,opacity .2s;position:absolute;top:0;left:0}.navlinks.has-active-pill a.active{background:0 0}@media (prefers-reduced-motion:reduce){.nav-pill{transition:none}}.menu-toggle{border:1px solid var(--border);width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;padding:0;transition:background .2s;display:inline-flex;position:relative}.menu-toggle:hover{background:rgba(var(--accent-rgb),.07)}.menu-toggle span{background:currentColor;border-radius:2px;width:18px;height:1.5px;transition:transform .2s;position:absolute;top:20px;left:12px}.menu-toggle span:first-child{transform:translateY(-3px)}.menu-toggle span:last-child{transform:translateY(3px)}.menu-toggle[aria-expanded=true] span:first-child{transform:rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:rotate(-45deg)}.menu-toggle-close span:first-child{transform:rotate(45deg)}.menu-toggle-close span:last-child{transform:rotate(-45deg)}.menuBtn{display:none}html.mobile-menu-open{overflow:hidden}.mobile-menu-dialog{background:var(--bg);width:100%;max-width:none;height:100dvh;max-height:none;color:var(--text);overscroll-behavior:contain;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:auto}.mobile-menu-dialog::backdrop{background:0 0}.mobile-menu-panel{min-height:100%;max-width:var(--max);padding:14px 18px max(28px, env(safe-area-inset-bottom));flex-direction:column;margin-inline:auto;display:flex}.mobile-menu-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.mobile-menu-links{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:680px;margin-inline:auto;padding-block:36px;display:flex}.mobile-menu-links a{border-bottom:1px solid var(--border);font-family:var(--font-display);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;font-size:clamp(28px,5vw,38px);font-weight:400;line-height:1.25;display:flex}.mobile-menu-links a[aria-current=page]{color:var(--accent);font-weight:500}.mobile-menu-links a svg{opacity:0;flex-shrink:0;transition:opacity .2s,transform .2s;transform:translate(-5px)}.mobile-menu-links a:is(:hover,:focus-visible,[aria-current=page]) svg{opacity:1;transform:translate(0)}.mobile-menu-bottom{color:var(--muted);padding-top:20px;font-size:13px;line-height:1.6}.mobile-menu-bottom>a{color:var(--accent);margin-bottom:16px;font-size:15px;display:inline-block}.mobile-menu-bottom nav{flex-wrap:wrap;gap:12px 20px;display:flex}.mobile-menu-bottom a:hover{color:var(--accent)}@keyframes mobile-link-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.mobile-menu-dialog[open] .mobile-menu-links a{animation:.22s ease-out both mobile-link-in;animation-delay:calc(20ms + var(--item-index) * 18ms)}}@media (prefers-reduced-motion:reduce){.menu-toggle,.menu-toggle span,.mobile-menu-links a svg{transition:none}}h1{letter-spacing:-.6px;margin:0 0 10px;font-size:clamp(30px,4vw,44px);line-height:1.08}.text-page{padding:clamp(32px,5vw,64px) 0 24px}.text-container{max-width:860px}.text-page-header{margin-bottom:28px}.text-page-header h1{overflow-wrap:anywhere;text-wrap:balance;font-size:clamp(28px,4vw,40px);line-height:1.2}.text-page-header p{color:var(--muted);margin:12px 0 0}.prose{border:1px solid var(--border);border-radius:var(--radius);color:var(--text);overflow-wrap:anywhere;background:#ffffffd9;padding:clamp(20px,4vw,44px);font-size:16px;line-height:1.75;box-shadow:0 10px 26px #0000000a}.prose p,.prose ul,.prose ol,.prose address{margin:0 0 1.25em}.prose h2{text-wrap:pretty;margin:2em 0 .7em;font-size:clamp(22px,2.8vw,27px);line-height:1.3}.prose h3{font-family:var(--font);margin:1.6em 0 .65em;font-size:17px;font-weight:700;line-height:1.45}.prose ul,.prose ol{padding-left:1.4em}.prose li+li{margin-top:.6em}.prose li::marker{color:var(--accent)}.prose strong,.prose b{font-weight:700}.prose address{font-style:normal}.prose a{color:var(--accent);text-underline-offset:.18em;text-decoration:underline 1px}.prose a:hover{text-decoration-thickness:2px}.prose .text-note{color:var(--muted);font-size:14px}.prose>:first-child,.withdrawal-form>:first-child{margin-top:0}.prose>:last-child,.withdrawal-form>:last-child{margin-bottom:0}.withdrawal-form{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:clamp(16px,3vw,28px)}.form-separator{padding-inline:.2em}.form-asterisk{color:var(--accent2);vertical-align:.2em;margin-inline-start:.12em;font-size:.8em;font-weight:700;line-height:0}.withdrawal-form .form-field{border-bottom:1px solid #c5c5c8;padding-bottom:1.6em}.categories-section{padding:clamp(36px,4vw,56px) 0}.section-heading{text-align:center;margin-bottom:clamp(24px,3vw,32px)}.section-heading :is(h1,h2){color:var(--text);margin:0;font-size:clamp(26px,2.5vw,34px);font-weight:500;line-height:1.2}.section-heading :is(h1,h2):after{content:"";background:color-mix(in srgb, var(--accent) 25%, transparent);width:64px;height:1px;margin:14px auto;display:block}.section-heading p{text-wrap:balance;color:#74796e;max-width:66.666%;margin:0 auto;font-size:16px;line-height:1.7}.kategorie-grid{gap:var(--space-sm);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=680px){.kategorie-grid{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1200px){.kategorie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.kategorie-card{--radius:12px;border-radius:var(--radius);color:inherit;background:#fdfbf9;border:1px solid #eeede7;flex-direction:column;min-width:0;text-decoration:none;transition:border-color .2s,transform .25s;display:flex;position:relative;box-shadow:0 2px 10px #292d2409}.kategorie-card:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;inset:0;box-shadow:0 5px 16px #292d240b}.kategorie-card:hover,.kategorie-card:focus-visible{border-color:#e3e3d9}.kategorie-card:focus-visible:after{opacity:1}@media (hover:hover){.kategorie-card:hover:after{opacity:1}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.kategorie-card{will-change:transform}.kategorie-card:hover{transform:translateY(-2px)}.kategorie-card:hover .kategorie-card-img{transform:scale(1.01)}}@media (prefers-reduced-motion:reduce){.kategorie-card,.kategorie-card:after{transition:none}}.kategorie-card-img{object-fit:cover;width:100%;height:220px;transition:transform .4s;display:block}.kategorie-card-img-wrapper{border-radius:calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0;flex-shrink:0;overflow:hidden}.kategorie-card-body{flex-direction:column;flex:1;padding:22px 22px 24px;display:flex}.card-actions{margin-top:auto}.kategorie-card-body :is(h2,h3){font-family:var(--font-display);color:var(--text);margin:0 0 10px;font-size:20px;font-weight:500;line-height:1.25}.kategorie-card-body p{color:var(--muted);margin:0 0 18px;font-size:14px;line-height:1.55}.kategorie-link{color:var(--accent);align-items:center;gap:4px;font-size:14px;font-weight:600;display:inline-flex}@media (width<=680px){.section-heading p{max-width:100%}}.photo-gallery{grid-template-columns:minmax(0,1fr);gap:32px 24px;display:grid}.photo-gallery-item{min-width:0;margin:0}.photo-gallery-image{aspect-ratio:3/4;background:var(--card);border-radius:12px;overflow:hidden}.photo-gallery-image img{object-fit:cover;width:100%;height:100%;display:block}.photo-gallery-item figcaption{color:var(--muted);text-wrap:balance;margin-top:16px;padding-inline:2px;font-size:15px;line-height:1.6}@media (width>=680px){.photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1200px){.photo-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}.image-hero{width:100%;height:clamp(320px,42vw,620px);overflow:hidden}.image-hero img{object-fit:cover;width:100%;height:100%;display:block}.product-card .kategorie-card-img{object-fit:contain;background:#fff;height:260px;padding:20px}.product-card-price{color:var(--muted);border-top:1px solid #eeede7;justify-content:space-between;align-items:baseline;gap:12px;padding:16px 0;font-size:14px;display:flex}.product-card-price strong{color:var(--text);font-size:18px;font-weight:600}.product-card-price+.product-card-price{border-top:0;padding-top:0}.product-card-buttons{flex-wrap:wrap;gap:8px;display:flex}.product-button{text-align:center;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.35;transition:background-color .2s,border-color .2s;display:inline-flex}.product-button svg{flex-shrink:0}.product-button-primary{background:var(--accent);color:#fff;flex:155px}.product-button-primary:hover{background:var(--accent-strong)}.product-button-secondary{border-color:var(--border);color:var(--text);flex:84px}.product-button-secondary:hover{background:var(--accent-hover);border-color:#d5d9ce}html.order-dialog-open{overflow:hidden}.order-dialog{border:1px solid var(--border);background:var(--bg);width:min(660px,100% - 32px);max-height:calc(100dvh - 48px);color:var(--text);overscroll-behavior:contain;border-radius:18px;margin:auto;padding:0;overflow:auto;box-shadow:0 24px 80px #19231c2e}.order-dialog::backdrop{background:#19231c61;animation:.2s ease-out order-backdrop-in}.order-dialog.is-closing::backdrop{animation:.14s ease-in forwards order-backdrop-out}@keyframes order-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes order-backdrop-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.order-dialog::backdrop,.order-dialog.is-closing::backdrop{animation:none}}.order-dialog-panel{padding:clamp(24px,4vw,40px);position:relative}.order-dialog-close{width:40px;height:40px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.order-dialog-close:hover{background:var(--accent-hover)}.order-info-heading{margin-bottom:30px}.order-info-heading h1{margin:0 24px 10px 0;font-size:clamp(27px,4vw,34px);font-weight:500;line-height:1.2}.order-info-heading>p{color:var(--accent);margin:0;font-size:16px;line-height:1.5}.order-info{font-size:15px;line-height:1.65}.order-info h2{font-family:var(--font);margin:0 0 8px;font-size:16px;font-weight:600;line-height:1.4}.order-info p{color:var(--muted);margin:0}.order-info-steps{margin:0;padding-left:26px}.order-info-steps li{padding-left:6px}.order-info-steps li+li{margin-top:22px}.order-info-steps li::marker{color:var(--accent);font-weight:600}.order-info-notice{border-left:3px solid var(--accent2);background:var(--hero-bg);border-radius:0 8px 8px 0;margin:28px 0;padding:18px 20px}.order-info-email{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.order-info-email>a{color:var(--accent);text-underline-offset:3px;overflow-wrap:anywhere;text-decoration:underline}.order-info-email button{cursor:pointer;background:0 0;flex:none;width:auto;font-family:inherit}.order-info .order-copy-status{min-height:1.65em;margin-top:8px;font-size:13px}.order-continue{cursor:pointer;min-width:150px;margin-top:20px;font-family:inherit}.order-page{padding:48px 0}.order-return{color:var(--accent);margin-bottom:28px;font-size:14px;display:inline-block}.order-return:hover{text-underline-offset:3px;text-decoration:underline}@media (width<=480px){.order-dialog{border-radius:14px;width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.order-dialog-panel{padding:48px 22px 24px}.order-info-heading h1{margin-right:0}}.footer{margin-top:var(--space-xl);border-top:1px solid var(--border);background:var(--hero-bg);padding:var(--space-lg) 0 var(--space-md) 0;color:var(--muted);font-size:13px}.footerGrid{gap:var(--space-lg);grid-template-columns:1.2fr 1fr 1fr;align-items:start;display:grid}.footer-heading{font-family:var(--font-display);color:var(--text);margin-bottom:var(--space-sm);font-size:16px;font-weight:400}.footer-brand{font-weight:500}.footer-slogan{color:var(--muted);text-wrap:balance;line-height:1.6}.footer-links{gap:var(--space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.footer-links a{color:var(--muted);padding:2px 0;transition:color .2s}.footer-links a:hover,.footer-links a:focus-visible,.footer-bottom a:hover,.footer-bottom a:focus-visible{color:var(--accent)}.footer-bottom{color:#85857e;text-align:left;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px 12px;margin-top:20px;display:flex}@media (width<=480px){.footer-bottom{flex-direction:column;align-items:flex-start;gap:8px}.footer-divider{display:none}}.footer-bottom a{color:inherit;transition:color .2s}@media (width<=900px){.navlinks{display:none}.menuBtn{display:inline-flex}.footerGrid{grid-template-columns:1fr}}.home-hero{--hero-overlay-opacity:.95;--hero-inset:max(18px, calc((100% - var(--max)) / 2 + 18px));--hero-fade-start:calc(var(--hero-inset) + min(530px, (100% - var(--hero-inset)) / 2) - 150px);isolation:isolate;background:var(--hero-bg);position:relative;overflow:hidden}.home-hero-content{min-height:700px;padding-left:max(18px, calc((100% - var(--max)) / 2 + 18px));align-items:stretch;display:flex}.home-hero-copy{z-index:1;flex:0 0 min(530px,50%);align-self:center;padding-block:88px;position:relative}.home-hero-media{z-index:0;pointer-events:none;position:absolute;inset:0}.home-hero-image{object-fit:cover;object-position:center;filter:brightness(1.04)saturate(.86);width:100%;height:100%;position:absolute;inset:0}.home-hero-media:after{mask-image:linear-gradient(100deg, #000 0px, #000 calc(var(--hero-fade-start) + 100px), #000000ea calc(var(--hero-fade-start) + 200px), transparent calc(var(--hero-fade-start) + 520px));pointer-events:none;content:"";z-index:2;background:var(--hero-bg);opacity:var(--hero-overlay-opacity);position:absolute;inset:0}.home-hero-copy h1{color:var(--text);text-wrap:balance;margin:0 0 32px;font-size:clamp(36px,4.4vw,56px);font-weight:500;line-height:1.18}.home-hero-copy p{color:#555e50;max-width:44ch;margin:0 0 24px;font-size:17px;line-height:1.7}.home-hero-copy .hero-eyebrow{transform-origin:0;width:fit-content;font-family:var(--font-handwritten);letter-spacing:5%;color:var(--accent);margin:0 0 8px 4px;font-size:clamp(24px,2.5vw,28px);font-weight:400;line-height:1.3}.home-hero-copy p:last-child{margin-bottom:0}.owner-badge{pointer-events:none;user-select:none;align-items:center;gap:16px;max-width:100%;margin:32px 0 0;display:inline-flex}.owner-badge-portrait{background:#fafafa;border-radius:50%;flex:0 0 64px;width:64px;height:64px;display:block;overflow:hidden}.owner-badge-portrait img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block;transform:translate(6px)}.owner-badge figcaption{font-family:var(--font-handwritten);color:#4e5e47;letter-spacing:5%;font-size:clamp(20px,1.8vw,24px);font-weight:400;line-height:1.3}@media (width<=680px){.home-hero-content{flex-direction:column;min-height:auto;padding-left:0}.home-hero-copy{flex:none;align-self:stretch;padding:40px 18px}.home-hero-copy h1{font-size:36px}.home-hero-media:after{mask-image:linear-gradient(115deg,#000,#000000e6)}.home-hero-image{object-position:center 65%}.kategorie-card-img{height:180px}}
