@font-face{font-family:"DM Sans";src:url("/font/dm-sans.woff2") format("woff2");font-display:swap;font-style:normal;font-stretch:normal}@font-face{font-family:"Fraunces";src:url("/font/fraunces.woff2") format("woff2");font-display:swap;font-style:normal;font-stretch:normal}@font-face{font-family:"Fraunces";src:url("/font/fraunces_supersoft-thin-italic.ttf") format("truetype");font-display:swap;font-style:italic;font-weight:200}@font-face{font-family:"Zeitung";src:url("/font/Zeitung-Regular.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:400;font-stretch:normal}@font-face{font-family:"Zeitung";src:url("/font/Zeitung-Bold.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:700;font-stretch:normal}:root{--font-sans:"DM Sans",ui-sans-serif,system-ui,-apple-system,sans-serif;--font-serif:"Fraunces",ui-serif,Georgia,"Times New Roman",serif;--max-width:72rem;--container-max-width:64rem;--color-brand:#006548;--color-brand-hover:#397b61;--color-brand-float:color-mix(in oklch,var(--color-brand),white 8%);--color-brand-soft:#5d917b;--color-brand-wash:color-mix(in srgb,var(--color-brand) 6%,transparent);--color-brand-soft-wash:color-mix(in srgb,var(--color-brand-soft) 8%,transparent);--color-cream:#f4efe4;--color-cream-line:rgba(244,239,228,0.15);--color-cream-wash:#147054;--color-cream-wash-strong:#277b60;--color-cream-dark:color-mix(in oklab,var(--color-cream),var(--color-brand) 18%);--color-ink:#002216;--color-muted:#699984;--color-surface:#faf7f1;--color-accent:#e9c84b;--color-accent-soft:#f2dc7c;--color-line:color-mix(in srgb,var(--color-brand) 11%,transparent);--color-line-strong:color-mix(in srgb,var(--color-brand) 22%,transparent);--color-danger:#b23a2a;--shadow-hover:0 0 #0000,0 0 #0000,0 0 #0000,0 0 #0000,0 12px 28px color-mix(in srgb,var(--color-brand) 15%,transparent);--transition-duration:.15s;--transition-timing:cubic-bezier(.16,1,.3,1);--default-transition-duration:cubic-bezier(.4,0,.2,1)}@media screen and (min-width:1536px){:root{--xl-text:4.5rem}}@media screen and (min-width:1280px) and (max-width:1535px){:root{--xl-text:3.75rem}}@media screen and (min-width:1024px) and (max-width:1279px){:root{--xl-text:3rem}}@media screen and (min-width:640px) and (max-width:1023px){:root{--xl-text:2.25rem}}@media screen and (max-width:639px){:root{--xl-text:1.625rem}}@media screen and (min-width:1024px){:root{--main-padding-tb:102px;--main-padding-lr:68px}}@media screen and (min-width:768px){:root{--md-text:2.5rem;--main-gap:3.5rem}}@media screen and (max-width:767px){:root{--main-gap:2.5rem}}@media screen and (min-width:640px) and (max-width:767px){:root{--md-text:2rem}}@media screen and (max-width:639px){:root{--md-text:1.625rem}}@media screen and (min-width:768px) and (max-width:1023px){:root{--main-padding-tb:85px;--main-padding-lr:51px}}@media screen and (min-width:640px) and (max-width:767px){:root{--main-padding-tb:68px;--main-padding-lr:34px}}@media screen and (max-width:639px){:root{--main-padding-tb:60px;--main-padding-lr:26px}}html{font-size:17px;scroll-behavior:smooth}html.no-smooth-scroll{scroll-behavior:auto}body{font-family:var(--font-sans);background:var(--color-cream);color:var(--color-ink);line-height:1.55;margin:0 auto;padding:0}h1,h2,p,ul{margin:0;padding:0}h2{font-family:var(--font-serif); font-weight:400}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);font-size:.75rem;font-weight:700}.h:not(.bright),.bg-brand{background:var(--color-brand);color:var(--color-cream)}.h.bright{background:var(--color-cream);color:var(--color-brand);border-bottom:1px solid var(--color-line)}.bg-surface{background:var(--color-surface)} .h{position:sticky;top:0;border-bottom:1px solid var(--color-cream-line);padding-block:1.25rem;z-index:30}.h nav{display:flex;align-items:center;gap:1.75rem}.h:not(.bright) a{color:var(--color-cream)}.h.bright a{color:var(--color-brand)}.h a{text-decoration:none;font-size:14px;font-weight:500;letter-spacing:0.04em}.h:not(.bright) a + a:hover,.h a.ac{color:var(--color-accent)}.h.bright a + a:hover{color:var(--color-brand-hover)}.h .logo,.mobile-nav .logo{margin:0.25rem 0.75rem 0.25rem 0;width:6rem;height:3.785rem}.h .logo svg,.mobile-nav .logo svg{width:6rem;vertical-align:middle}.h .login,.h .open-basket{transition-property:transform,translate,scale,rotate;transition-duration:var(--transition-duration);--tw-ease:var(--transition-timing);transition-timing-function:var(--transition-timing);width:2.75rem;height:2.75rem;border-radius:100px;cursor:default}.h:not(.bright) .languages,.mobile-nav .languages{background:var(--color-cream-wash);border:1px solid var(--color-cream-line)}.h.bright .languages{background:#fff;border:1px solid var(--color-line-strong)}.h .languages,.mobile-nav .languages{border-radius:100px;display:flex;align-items:center;gap:0.125rem;padding:0 0.5rem;height:2.5rem;box-sizing:border-box}.h:not(.bright) .languages a,.mobile-nav .languages a{color:var(--color-cream)}.h.bright .languages a{color:var(--color-muted)}.h .languages a,.mobile-nav .languages a{text-transform:uppercase;border-radius:100px;cursor:default;font-weight:700;font-size:11px;padding:0.25rem 0.625rem;letter-spacing:0.08em;text-decoration:none}.h:not(.bright) .languages a:hover,.mobile-nav .languages a:hover{color:var(--color-accent)}.h.bright .languages a:hover{color:var(--color-brand)}.h:not(.bright) .languages a.ac,.mobile-nav .languages a.ac{color:var(--color-brand);background:var(--color-accent)}.h.bright .languages a.ac{color:var(--color-accent);background:var(--color-brand)}.header-buttons{margin-left:auto;display:flex;gap:1rem;align-items:center}.h .login{background:var(--color-brand-float);border:none;padding:0;margin:0}.h .profil{position:relative;height:2.75rem}.h .profil ul{display:none;position:absolute;top:2.75rem;right:0;z-index:1;background:var(--color-cream);border:1px solid var(--color-line);border-radius:16px;flex-direction:column;list-style:none;padding:0.25rem 0.75rem}.h .profil ul.ac{display:flex}.h .profil ul a{color:var(--color-brand);display:block;padding:0.25rem 0}.h .profil ul a:hover{text-decoration:underline}.h .open-basket{background:var(--color-accent);border:none;position:relative}.h .login:hover,.h .open-basket:hover{--tw-translate-y:calc(0.25rem * -.5);translate:0 calc(0.25rem * -.5)}.h .open-basket .item-count{background:var(--color-danger);font-size:10px;color:#fff;font-weight:700;min-width:18px;height:18px;display:flex;justify-content:Center;align-items:center;border-radius:50px;position:absolute;top:-0.25rem;right:-0.25rem;padding:0 0.25rem;box-sizing:border-box}@media screen and (min-width:1024px){.h{padding-inline:2.5rem}}@media screen and (min-width:768px) and (max-width:1023px){.h{padding-inline:2rem}}@media screen and (max-width:767px){.h{padding-inline:1.5rem}.h .logo,.mobile-nav .logo{width:3rem;height:1.893rem}}@media screen and (max-width:1099px){.h nav a + a,.h .languages{display:none}}@media screen and (min-width:1024px){.f{padding:var(--main-padding-lr)}}@media screen and (max-width:1023px){.f{padding:calc((var(--main-padding-tb) / 5) * 4) var(--main-padding-lr)}}.mobile-nav{position:fixed;background:var(--color-brand);top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column}.mobile-nav.hidden{display:none}.mobile-nav-logo{padding:calc(env(safe-area-inset-top) + 1.5rem) 1.5rem 2rem 1.5rem;flex-shrink:0;box-sizing:border-box;height:100px}.mobile-nav .logo{display:inline-block;margin:0}.mobile-nav nav{flex:1;display:flex;flex-direction:column;justify-content:center;padding-inline:2rem;gap:0.75rem;overflow:auto;min-height:0}.mobile-nav nav a{color:var(--color-cream);font-family:var(--font-serif);font-size:clamp(2.25rem,9vw,3.5rem);text-decoration:none;letter-spacing:-0.025em;font-weight:400;line-height:1.05}.mobile-nav-buttons{display:flex;padding:1.5rem;gap:0.75rem;flex-shrink:0;box-sizing:border-box;height:100px;align-items:center}.mobile-nav-buttons .open-basket{flex:1;align-items:center;display:flex;gap:0.75rem}.mobile-nav-buttons .open-basket span{margin-left:auto;background:var(--color-brand);color:var(--color-accent);font-size:12px;min-width:22px;height:22px;padding-inline:0.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:3.40282e38px}.mobile-nav-buttons .close-mobile-nav{width:3.5rem;height:3.5rem;background-color:var(--color-brand-float);border:none;padding:0;border-radius:100px}@media screen and (min-width:1100px){.menu-btn,.mobile-nav{display:none}}@media screen and (max-width:1099px){.h .open-basket,.menu-btn{width:3.5rem;height:3.5rem;position:fixed;bottom:1.25rem}.h .open-basket{right:5.5rem}.menu-btn{background-color:var(--color-brand-float);border-radius:100px;border:none;padding:0;margin:0;right:1.25rem}.mobile-nav .languages{position:absolute;left:50%;transform:translateX(-50%);bottom:100px}}@media screen and (min-width:361px){.mobile-nav-buttons .open-basket:before{content:"";width:20px;height:20px}}.f{border-top:1px solid var(--color-line);color:var(--color-brand)}.f p,.f small{color:var(--color-muted)}.f p,.f a{font-size:0.875rem}.f p{line-height:1.625em}.f ul{list-style:none;display:flex;flex-direction:column;gap:0.5rem;margin-top:0.75rem}.f a{color:var(--color-brand);text-decoration:none}.f a:hover{color:var(--color-brand-hover);text-decoration:underline;text-underline-offset:4px}.f>div{max-width:var(--container-max-width);margin:auto}.f>div:first-child{display:grid;gap:2.5rem}.f>div:first-child>div:first-child{display:flex;flex-direction:column;gap:1rem;max-width:24rem}.f>div + div{display:flex;align-items:center;gap:0.75rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--color-line)}.f small{font-size:0.75rem;line-height:calc(1/0.75)}@media screen and (max-width:1099px){.f{margin-bottom:100px}}@media screen and (min-width:768px){.f>div:first-child{grid-template-columns:1.4fr 1fr 1fr}.f svg{width:6rem}}@media screen and (max-width:767px){.f svg{width:5rem}}@media screen and (min-width:640px){.f>div + div{justify-content:space-between}}@media screen and (max-width:639px){.f>div + div{flex-direction:column;align-items:flex-start}} .product-list{display:grid}@media screen and (min-width:768px){.product-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem}}@media screen and (max-width:767px){.product-list{gap:1.25rem}}@media screen and (min-width:640px) and (max-width:767px){.product-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:639px){.product-list{grid-template-columns:repeat(1,minmax(0,1fr))}}.product-in-list,.product-in-list>div,.bundle-in-list,.bundle-in-list>div{display:flex;flex-direction:column}.product-in-list,.bundle-in-list{transition-property:all;transition-duration:var(--transition-duration);--tw-ease:var(--transition-timing);transition-timing-function:var(--transition-timing);background:var(--color-cream);border:1px solid var(--color-line);border-radius:16px}.product-in-list{background:var(--color-cream)}.bundle-in-list{background:#fff}.product-in-list:hover,.bundle-in-list:hover{border-color:var(--color-brand-soft);box-shadow:var(--shadow-hover);--tw-translate-y:calc(0.25rem * -1);translate:0 calc(0.25rem * -1)}.product-in-list:hover img,.bundle-in-list:hover img{scale:105% 105%}.product-in-list>a:first-child,.bundle-in-list>a:first-child{background:#fff;display:flex;align-items:center;justify-content:center;border-top-left-radius:16px;border-top-right-radius:16px}.bundle-in-list>a:first-child{overflow:hidden}.product-in-list picture,.bundle-in-list picture{display:contents}.product-in-list img{max-width:55%;max-height:80%;object-fit:contain;height:auto}.bundle-in-list picture{width:100%}.bundle-in-list img{width:100%;height:auto;object-fit:contain}.product-in-list>div{padding:1.5rem;gap:0.75rem}.product-in-list>div>a,.bundle-in-list>div>a{color:var(--color-ink);text-decoration:none;font-family:var(--font-serif);font-size:1.25rem;line-height:1.25}.product-in-list>div>a{min-height:2lh}.product-in-list>div>a:hover,.bundle-in-list>div>a:hover{color:var(--color-brand)}.product-in-list>div>p{color:var(--color-muted);letter-spacing:0.04em;min-height:1lh;line-height:calc(1.25 / 0.875);font-size:0.875rem;margin-top:-0.5rem}.product-in-list .price{padding-top:0.5rem;font-size:1.5rem;font-family:var(--font-serif);font-weight:400;color:var(--color-brand);line-height:calc(2 / 1.5)}.product-in-list .bt-atb{width:100%}.product-in-list>div>.not-in-stock,.bundle-in-list>div>.not-in-stock{color:var(--color-danger);font-size:1rem;margin-top:0.5rem}.bundle-in-list>div{padding:1.5rem}.bundle-in-list>div>span:first-child{font-size:0.75rem;margin-bottom:0.375rem;text-transform:uppercase;color:var(--color-muted);font-weight:600;letter-spacing:0.04em;line-height:calc(1/0.75)}.bundle-in-list ul{list-style:none;margin:1rem 0;display:flex;flex-direction:column;gap:0.375rem}.bundle-in-list li{font-size:0.875rem;line-height:1.625;color:color-mix(in oklab,var(--color-ink) 80%,transparent)}.bundle-in-list ul + span{border-top:1px solid var(--color-line);padding-top:1rem;color:var(--color-muted);letter-spacing:0.04em;font-size:0.75rem;line-height:calc(1/0.75);text-transform:uppercase}.bundle-in-list .price{font-size:1.5rem;color:var(--color-brand);font-family:var(--font-serif);line-height:1;font-weight:400;margin-top:0.125rem;margin-bottom:1rem}.bundle-in-list .bt-atb{width:100%}@media screen and (min-width:768px) and (max-width:820px){.product-in-list .bt-atb:before,.bundle-in-list .bt-atb:before{display:none}}@media screen and (min-width:768px){.product-in-list>a:first-child{height:12rem}}@media screen and (max-width:767px){.product-in-list>a:first-child{height:10rem}}.m>section:not(.hero,.text,.formular){display:flex;flex-direction:column;align-items:center;padding:var(--main-padding-tb) var(--main-padding-lr);gap:var(--main-gap)}.bg-brand h2 span{color:var(--color-accent-soft)}section:not(.bg-brand) h2 span{color:var(--color-brand)}.m h2{letter-spacing:-0.025em}.m h2 span{font-style:italic;font-weight:200}.m h2 + p{line-height:1.625;font-size:1.125rem}.m section:not(.bg-brand) h2 + p{color:var(--color-muted)}.m .bg-brand h2 + p{color:color-mix(in oklab,var(--color-cream) 80%,transparent)}.text,.formular{margin:auto;box-sizing:border-box}.text{max-width:48rem}.formular{max-width:28rem}.text>p:first-child,.formular>p:first-child{letter-spacing:0.08em;text-transform:uppercase;color:var(--color-muted);font-size:0.75rem;font-weight:700}.text h1,.formular h1{font-family:var(--font-serif);color:var(--color-ink);letter-spacing:-0.025em;font-weight:400;line-height:1.05;font-size:clamp(2rem,4vw,3rem);margin:0.75rem 0}.text small,.formular>p{color:var(--color-muted);display:block}.text small{font-size:12px}.formular h1 + p{font-size:14px;margin-bottom:2rem}.formular h1 + .box{margin-top:2rem}.text h2{color:var(--color-brand);margin-top:2.5rem;letter-spacing:normal;margin-bottom:0.75rem}.m .text:not(.bg-brand) p:not(:first-child),.m .text:not(.bg-brand) h2 + p{color:var(--color-ink);font-size:15px;line-height:1.625;margin-bottom:0.75rem}.formular .box{border:1px solid var(--color-line);background:#fff;border-radius:16px}.formular h1,.formular>p{text-align:center}.formular>.box ~ p{font-size:14px;margin-bottom:0.25rem}.formular>.box + p{margin-top:2rem}.formular>p a{text-decoration:none;color:var(--color-brand)}.formular>p a:hover{text-decoration:underline}@media screen and (min-width:1024px){.text{padding:6rem 4rem}}@media screen and (min-width:768px){.text small + h2{margin-top:3.5rem}.text h2{font-size:1.5rem;line-height:calc(2/1.5)}.formular{padding-block:6rem}.formular .box{padding:2rem}}@media screen and (max-width:767px){.text small + h2{margin-top:2.5rem}.text h2{font-size:1.25rem;line-height:1.25}.formular .box{padding:1.5rem}}@media screen and (min-width:768px) and (max-width:1023px){.text{padding:5rem 3rem}}@media screen and (min-width:640px){.formular{padding-inline:2rem}}@media screen and (min-width:640px) and (max-width:767px){.text{padding:4rem 2rem}.formular{padding-block:5rem}}@media screen and (max-width:639px){.text,.formular{padding:3.5rem 1.5rem}}.bt,.bt-atb{transition-property:all;transition-duration:var(--transition-duration);--tw-ease:var(--transition-timing);transition-timing-function:var(--transition-timing);font-family:var(--font-sans);font-weight:600;letter-spacing:0.04em;border-radius:100px;text-decoration:none;cursor:default}.bt{font-size:16px;padding:17px 34px;text-align:center;line-height:1.55}.bt-atb{font-size:15px;padding:13px 26px;display:flex;align-items:center;justify-content:center;gap:0.5rem;line-height:1.55}.bt-atb:before{content:"";width:16px;height:16px}.bt-yellow{border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-brand)}.bt-green{border:1px solid var(--color-brand);background:var(--color-brand);color:var(--color-accent)}.bt:not(.bt-green-white,.bt-cream-green,.bt-white-green,.mobile-nav-open-basket):hover,.bt-atb:hover{box-shadow:var(--shadow-hover):--tw-translate-y:calc(0.25rem * -.5);translate:0 calc(0.25rem * -.5)}.bt-yellow:hover{background:var(--color-accent-soft)}.bt-green:hover,.bt-green-white:hover{background:var(--color-brand-hover)}.bt-green-white{background:var(--color-brand);color:var(--color-cream);border:1px solid color-mix(in oklab,var(--color-cream) 50%,transparent)}.bt-green-white:hover,.bt-cream-green:hover,.bt-white-green:hover{box-shadow:var(--shadow-hover):}.bt-cream-green{background:var(--color-cream);color:var(--color-brand);border:1px solid var(--color-brand)}.bt-cream-green:hover{background:var(--color-brand);color:var(--color-accent)}.bt-white-green{background:#fff;color:var(--color-brand);border:1px solid var(--color-brand)}.bt-white-green:hover{background:var(--color-brand);color:var(--color-accent)}.atb-btns{background:#fff;border-radius:100px;border:1px solid var(--color-line);display:inline-flex;align-items:center}.atb-btns button{width:2.25rem;height:2.25rem;border:none;background-color:#fff}.atb-btns .decrease-count{border-top-left-radius:100px;border-bottom-left-radius:100px}.atb-btns .increase-count{border-top-right-radius:100px;border-bottom-right-radius:100px}.atb-btns button:not(.disabled):hover{background-color:var(--color-brand-wash)}.atb-btns .disabled{cursor:not-allowed}.atb-btns span{font-size:14px;font-weight:600;text-align:center;padding:0.5rem;color:var(--color-ink)}