@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-full-normal-7BpKI3vF.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-full-normal-YHFkNujK.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-full-normal-CFFu7zhK.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-full-italic-BHALq22K.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-full-italic-B8-t4Nou.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-full-italic-D2JnYqd-.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/courier-prime-latin-ext-400-normal-B-EsvyE4.woff2)format("woff2"),url(/assets/courier-prime-latin-ext-400-normal-CKOCNFvK.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/courier-prime-latin-400-normal-BbyBr73r.woff2)format("woff2"),url(/assets/courier-prime-latin-400-normal-BAlbUm6l.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/courier-prime-latin-ext-700-normal-ByMJlNdM.woff2)format("woff2"),url(/assets/courier-prime-latin-ext-700-normal-BIFoAzHx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/courier-prime-latin-700-normal-D1YCjmaD.woff2)format("woff2"),url(/assets/courier-prime-latin-700-normal-CVvp4Sof.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ease-out:cubic-bezier(.23, 1, .32, 1);--druck:.16s;--papier:#f5f2eb;--papier-2:#ebe6db;--tinte:#1b1a17;--tinte-weich:#5b5750;--tinte-leise:#6f6b64;--linie:#d8d1c3;--zitrone:#e8b520;--cassis:#5e1f45;--beete:#a51d3f;--serif:"Fraunces Variable", Georgia, serif;--sans:"Inter Variable", system-ui, sans-serif;--mono:"Courier Prime", "Courier New", monospace;--breite:1240px;--rand:clamp(20px, 4vw, 48px);--abschnitt:clamp(64px, 9vw, 120px);--radius:4px;font:17px/1.6 var(--sans);color:var(--tinte);background:var(--papier);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}body{background:var(--papier);margin:0}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3{font-family:var(--serif);letter-spacing:-.02em;font-variation-settings:"SOFT" 50, "opsz" 96;margin:0;font-weight:400;line-height:1.08}h1{font-size:clamp(2.6rem,6vw,4.8rem)}h2{font-size:clamp(2rem,4vw,3.2rem)}h3{letter-spacing:-.01em;font-size:1.45rem}p{margin:0}.container{width:100%;max-width:var(--breite);padding:0 var(--rand);margin:0 auto}.abschnitt{padding:var(--abschnitt) 0}.eyebrow{font-family:var(--mono);color:var(--tinte-weich);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;font-size:.82rem;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:22px;height:1px}.lead{color:var(--tinte-weich);max-width:34em;font-size:1.15rem}.kopf{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:32px;margin-bottom:48px;display:flex}.kopf>div{gap:16px;display:grid}.btn{border:1px solid var(--tinte);background:var(--tinte);color:var(--papier);font:500 .95rem var(--sans);cursor:pointer;transition:background .18s ease, color .18s ease, transform var(--druck) var(--ease-out);border-radius:100px;align-items:center;gap:10px;padding:14px 24px;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn:hover{color:var(--tinte);background:0 0}.btn .pfeil{transition:transform .18s var(--ease-out)}@media (hover:hover) and (pointer:fine){.btn:hover .pfeil{transform:translate(4px)}}.btn-hell{color:var(--tinte);background:0 0}.btn-hell:hover{background:var(--tinte);color:var(--papier)}.link-pfeil{font:500 .95rem var(--sans);border-bottom:1px solid;gap:8px;padding-bottom:2px;text-decoration:none;display:inline-flex}.link-pfeil:hover{opacity:.7}.tags{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tags li{font-family:var(--mono);letter-spacing:.06em;border:1px solid var(--linie);border-radius:100px;padding:5px 12px;font-size:.78rem}.punkt{background:var(--akzent);border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.zum-inhalt{left:var(--rand);z-index:100;background:var(--tinte);color:var(--papier);border-radius:100px;padding:10px 16px;text-decoration:none;position:absolute;top:8px;transform:translateY(-160%)}.zum-inhalt:focus-visible{transform:none}main:focus{outline:none}:focus-visible{outline:2px solid var(--tinte);outline-offset:3px;border-radius:2px}.btn:focus-visible,.sorten-tabs a:focus-visible{border-radius:100px}.herstellung :focus-visible,.footer :focus-visible{outline-color:var(--papier)}::selection{background:var(--zitrone);color:var(--tinte)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-property:color,background-color,border-color,opacity,visibility!important}.btn:active,.stepper button:active:not(:disabled),.preis-kachel:active,.sorte-karte:active,.weitere-karte:active,.sorten-tabs a:active{transform:none}}.header{z-index:50;-webkit-backdrop-filter:blur(12px);background:#f5f2ebe0;border-bottom:1px solid #0000;transition:border-color .3s;position:sticky;top:0}.header-schatten{border-bottom-color:var(--linie)}.header-inner{align-items:center;gap:40px;height:76px;display:flex}.header-logo{margin-right:auto;text-decoration:none}.logo{font-family:var(--mono);letter-spacing:.02em;font-size:1.7rem;font-weight:700;line-height:1}.logo-p{margin:0 .02em;font-size:.62em;position:relative;top:.12em}.header-nav{gap:32px;display:flex}.header-nav a{color:var(--tinte-weich);padding:4px 0;font-size:.95rem;text-decoration:none;transition:color .2s;position:relative}.header-nav a:after{content:"";background:var(--tinte);transform-origin:0;height:1px;transition:transform .2s var(--ease-out);position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.header-nav a:hover,.header-nav a.active{color:var(--tinte)}.header-nav a.active:after,.header-nav a:hover:after{transform:scaleX(1)}.header-cta{padding:10px 20px}.nav-gruppe{position:relative}.header-nav .nav-sorten{align-items:center;gap:6px;display:inline-flex}.nav-sorten svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px;transition:transform .2s var(--ease-out)}.nav-gruppe:hover .nav-sorten svg,.nav-gruppe:focus-within .nav-sorten svg{transform:rotate(180deg)}.nav-dropdown{background:var(--papier);border-radius:var(--radius);opacity:0;visibility:hidden;transform-origin:0 0;width:300px;transition:opacity .12s ease, transform .12s var(--ease-out), visibility .12s;border:1px solid var(--linie);margin-top:14px;padding:8px;position:absolute;top:100%;left:-20px;transform:scale(.97)translateY(-4px);box-shadow:0 12px 32px #1a181414}.nav-dropdown:before{content:"";height:16px;position:absolute;top:-16px;left:0;right:0}.nav-gruppe:hover .nav-dropdown,.nav-gruppe:focus-within .nav-dropdown{opacity:1;visibility:visible;transition-duration:.18s;transform:none}.header-nav .nav-dropdown a{color:var(--tinte);border-radius:4px;align-items:baseline;gap:12px;padding:10px 12px;display:flex}.header-nav .nav-dropdown a:after{display:none}.header-nav .nav-dropdown a:hover{background:var(--papier-2)}.nav-dropdown strong{font-family:var(--serif);font-size:1.1rem;font-weight:400;display:block}.nav-dropdown small{color:var(--tinte-weich);font-size:.82rem;display:block}.header-burger{cursor:pointer;background:0 0;border:0;width:44px;height:44px;display:none;position:relative}.header-burger span{background:var(--tinte);height:1.5px;transition:transform .2s var(--ease-out);position:absolute;left:11px;right:11px}.header-burger span:first-child{top:17px}.header-burger span:last-child{top:25px}.header-offen .header-burger span:first-child{transform:translateY(4px)rotate(45deg)}.header-offen .header-burger span:last-child{transform:translateY(-4px)rotate(-45deg)}@media (width<=820px){.header-inner{gap:12px;height:64px}.header-burger{display:block}.header-cta{padding:8px 16px;font-size:.88rem}.header-nav{background:var(--papier);border-bottom:1px solid var(--linie);padding:8px var(--rand) 24px;clip-path:inset(0 0 100%);height:calc(100dvh - 64px);transition:clip-path .2s var(--ease-out);flex-direction:column;gap:0;position:absolute;top:64px;left:0;right:0;overflow-y:auto}.header-offen .header-nav{clip-path:inset(0);transition-duration:.3s}.header-sofort .header-nav,.header-sofort .header-burger span{transition:none}.header-nav a{font-family:var(--serif);color:var(--tinte);border-bottom:1px solid var(--linie);padding:10px 0;font-size:1.8rem}.header-nav a:after,.nav-sorten svg{display:none}.nav-dropdown{border:0;border-bottom:1px solid var(--linie);width:auto;box-shadow:none;opacity:1;visibility:visible;background:0 0;border-radius:0;margin:0;padding:4px 0 8px 16px;position:static;transform:none}.nav-dropdown:before{display:none}.header-nav .nav-sorten{border-bottom:0;display:flex}.header-nav .nav-dropdown a{font-family:var(--sans);border-bottom:0;align-items:center;padding:8px 0;font-size:1.05rem}.nav-dropdown strong{font-family:var(--sans);font-size:1.05rem}.nav-dropdown small{font-size:.8rem;display:block}}.footer{background:var(--tinte);color:var(--papier);padding:72px 0 32px}.footer-grid{border-bottom:1px solid #f5f2eb29;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:40px;padding-bottom:56px;display:grid}.footer-marke .logo{font-size:2.2rem}.footer-marke p{color:#f5f2eb99;margin-top:16px;font-size:.95rem}.footer h4{font-family:var(--mono);color:#f5f2eb80;letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px;font-size:.78rem;font-weight:400}.footer ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.footer a{font-size:.95rem;text-decoration:none;transition:opacity .2s}.footer a:hover{opacity:.6}.footer-unten{color:#f5f2eb80;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:24px;font-size:.85rem;display:flex}.footer-recht{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.sprach-schalter{cursor:pointer;font:.8rem var(--mono);letter-spacing:.06em;color:#f5f2eb80;background:0 0;border:1px solid #f5f2eb40;border-radius:100px;align-items:center;gap:4px;padding:6px 12px;transition:border-color .2s;display:inline-flex}.sprach-schalter:hover{border-color:var(--papier)}.sprach-schalter svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:15px;height:15px;transition:transform .25s var(--ease-out);margin-right:4px}@media (hover:hover) and (pointer:fine){.sprach-schalter:hover svg{transform:rotate(180deg)}}.sprach-schalter .aktiv{color:var(--papier);font-weight:700}.sprach-schalter .trenner{opacity:.5}@media (width<=820px){.footer-grid{grid-template-columns:1fr 1fr}.footer-marke,.footer-grid>div:last-child{grid-column:1/-1}}.herstellung{background:var(--tinte);color:var(--papier)}.herstellung .eyebrow,.herstellung .link-pfeil{color:#f5f2eba6}.schritte{grid-template-columns:repeat(4,1fr);gap:40px;margin:0;padding:0;list-style:none;display:grid}.schritte li{align-content:start;gap:12px;display:grid}.schritt-nr{font-family:var(--mono);color:var(--zitrone);font-size:.9rem}.schritte p{color:#f5f2ebad;font-size:.95rem}@media (width<=900px){.schritte{grid-template-columns:1fr 1fr}}@media (width<=560px){.schritte{grid-template-columns:1fr}}.bestellband{padding:var(--abschnitt) 0;border-top:1px solid var(--linie)}.bestellband-inner{grid-template-columns:1.2fr 1fr;align-items:end;gap:48px;display:grid}.bestellband-aktion{justify-items:start;gap:24px;display:grid}.bestellband-aktion p{color:var(--tinte-weich)}.bestellband-aktion .bestellband-events{font-size:.88rem}.bestellband-events a{color:inherit}@media (width<=820px){.bestellband-inner{grid-template-columns:1fr}}@media (width<=560px){.schritte{gap:28px}}.hero{padding:clamp(32px,5vw,64px) 0 0}.hero-grid{grid-template-columns:1fr 1.15fr;align-items:center;gap:clamp(32px,5vw,72px);display:grid}.hero-text{justify-items:start;gap:24px;display:grid}.hero h1 em{font-variation-settings:"SOFT" 100, "opsz" 96;font-style:italic}.hero-aktionen{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.hero-bild{border-radius:var(--radius);aspect-ratio:4/3.4;position:relative;overflow:hidden}.hero-bild img{object-fit:cover;width:100%;height:100%}.werte{grid-template-columns:repeat(4,1fr);gap:40px;margin:clamp(48px,7vw,88px) 0 0;padding:0;list-style:none;display:grid}.werte li{align-content:start;gap:8px;display:grid}.werte h3{font-size:1.2rem}.werte p{color:var(--tinte-weich);font-size:.92rem}.werte-icon{background:var(--papier-2);width:52px;height:52px;color:var(--tinte);border-radius:50%;place-items:center;margin-bottom:8px;display:grid}.werte-icon svg{width:24px;height:24px}.sorten-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.sorte-karte{background:var(--papier-2);border-radius:var(--radius);text-decoration:none;display:block;overflow:hidden}.sorte-karte-bild{aspect-ratio:4/5;background:#fff;overflow:hidden}.sorte-karte-bild img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease-out)}@media (hover:hover) and (pointer:fine){.sorte-karte:hover .sorte-karte-bild img{transform:scale(1.04)}}.sorte-karte{transition:transform var(--druck) var(--ease-out)}.sorte-karte:active{transform:scale(.98)}.sorte-karte-text{justify-content:space-between;align-items:center;gap:16px;padding:22px 24px 24px;display:flex}.sorte-karte-text h3{align-items:center;gap:10px;display:flex}.sorte-karte-text p{color:var(--tinte-weich);margin-top:4px;font-size:.92rem}.sorte-karte-preis{font-family:var(--mono);letter-spacing:.04em;margin-top:10px;font-size:.85rem;display:inline-block}.sorte-karte-pfeil{border:1px solid var(--linie);border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;transition:background .2s,color .2s,border-color .2s;display:grid}.sorte-karte:hover .sorte-karte-pfeil{background:var(--akzent);border-color:var(--akzent);color:#fff}.ueber-teaser{padding-top:0}.ueber-teaser-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(32px,6vw,88px);display:grid}.ueber-teaser-bild{border-radius:var(--radius);overflow:hidden}.ueber-teaser-bild img{aspect-ratio:4/3;object-fit:cover;width:100%}.ueber-teaser-text{justify-items:start;gap:20px;display:grid}.ueber-teaser-text p{color:var(--tinte-weich)}.zitat{background:var(--papier-2);padding:var(--abschnitt) 0;text-align:center}.zitat blockquote{max-width:900px;margin:0 auto}.zitat p{font-family:var(--serif);letter-spacing:-.01em;font-size:clamp(1.7rem,3.6vw,2.8rem);font-style:italic;line-height:1.2}.zitat cite{font-family:var(--mono);color:var(--tinte-weich);letter-spacing:.1em;text-transform:uppercase;margin-top:24px;font-size:.85rem;font-style:normal;display:block}@media (width<=900px){.hero-grid,.ueber-teaser-grid{grid-template-columns:1fr}.werte{grid-template-columns:1fr 1fr}.sorten-grid{scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--rand));padding:0 var(--rand) 8px;scroll-padding:0 var(--rand);scrollbar-width:none;grid-template-columns:none;grid-auto-columns:min(78%,340px);grid-auto-flow:column;gap:14px;overflow-x:auto}.sorten-grid::-webkit-scrollbar{display:none}.sorten-grid>*{scroll-snap-align:start;display:flex}.sorte-karte{flex-direction:column;width:100%;display:flex}.sorte-karte-text{flex:1;padding:18px 18px 20px}}@media (width<=520px){.werte{grid-template-columns:1fr;gap:24px;margin-top:40px}.werte li{grid-template-columns:44px 1fr;gap:4px 16px}.werte-icon{grid-row:span 2;width:44px;height:44px;margin:0}.werte-icon svg{width:20px;height:20px}.hero-aktionen{width:100%;display:grid}.hero-aktionen .btn{justify-content:center}.zitat p{font-size:1.6rem}}.sorten-tabs{gap:8px;padding:28px 0 0;display:flex;overflow-x:auto}.sorten-tabs a{white-space:nowrap;transition:background .18s ease, color .18s ease, border-color .18s ease, transform var(--druck) var(--ease-out);border:1px solid var(--linie);border-radius:100px;align-items:center;gap:10px;padding:10px 20px;font-size:.95rem;text-decoration:none;display:inline-flex}.sorten-tabs a:active{transform:scale(.97)}.sorten-tabs a:hover{border-color:var(--tinte)}.sorten-tabs a.active{background:var(--tinte);border-color:var(--tinte);color:var(--papier)}.sorte-hero{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(32px,6vw,88px);padding-top:24px;display:grid}.sorte-hero-bild{border-radius:var(--radius);aspect-ratio:4/5;min-height:420px;max-height:calc(100vh - 200px);overflow:hidden}.sorte-hero-bild img{object-fit:cover;width:100%;height:100%}.sorte-hero-text{justify-items:start;gap:0;padding-top:8px;display:grid}.sorte-hero-text h1{margin-top:10px;font-size:clamp(3.2rem,6.5vw,5.2rem)}.sorte-tagline{font-family:var(--serif);margin-top:12px;font-size:1.35rem;font-style:italic}.sorte-lead{margin-top:24px}.sorte-preise{margin-top:28px}.sorte-cta{margin-top:12px}.sorte-tags{margin-top:40px}.sorte-preise{gap:10px;width:100%;display:grid}.sorte-preise ul{grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;list-style:none;display:grid}.preis-kachel{background:var(--papier-2);border-radius:var(--radius);transition:border-color .18s ease, background .18s ease, transform var(--druck) var(--ease-out);border:1px solid #0000;gap:2px;padding:14px 16px;text-decoration:none;display:grid;position:relative}.preis-kachel:active{transform:scale(.98)}.preis-kachel:hover{border-color:var(--tinte);background:var(--papier)}.preis-pfeil{transition:transform .18s var(--ease-out);position:absolute;bottom:14px;right:16px}@media (hover:hover) and (pointer:fine){.preis-kachel:hover .preis-pfeil{transform:translate(3px)}}.preis-groesse,.weitere-karte h3{align-items:center;gap:8px;display:flex}.preis-groesse{font-family:var(--mono);color:var(--tinte-weich);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem}.sorte-preise strong{font-family:var(--serif);font-size:1.6rem;font-weight:400;line-height:1.2}.sorte-preise small{color:var(--tinte-weich);font-size:.72rem}.zutaten-grid{grid-template-columns:1fr .9fr;align-items:start;gap:clamp(32px,6vw,88px);display:grid}.zutaten-bild{border-radius:var(--radius);order:2;position:sticky;top:100px;overflow:hidden}.zutaten-grid h2{margin:0 0 32px}.zutaten-liste{border-top:1px solid var(--linie);margin:0;padding:0;list-style:none}.zutaten-liste li{border-bottom:1px solid var(--linie);padding:22px 0}.zutaten-liste h3{margin-bottom:6px;font-size:1.3rem}.zutaten-liste p{color:var(--tinte-weich);font-size:.95rem}.etikett{font-family:var(--mono);color:var(--tinte-weich);background:var(--papier-2);border-radius:var(--radius);margin-top:24px;padding:16px 20px;font-size:.85rem}.mischen{background:var(--papier-2)}.mischen-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.misch-karte{background:var(--papier);border-radius:var(--radius);align-content:start;gap:12px;padding:28px;display:grid}.misch-label{font-family:var(--mono);color:var(--tinte-leise);letter-spacing:.14em;text-transform:uppercase;font-size:.75rem}.misch-formel{justify-items:start;gap:8px;margin:4px 0 0;padding:0;list-style:none;display:grid}.misch-formel li{color:var(--tinte-weich);font-size:.95rem}.misch-formel li+li:before{content:"+";width:18px;color:var(--tinte-weich);display:inline-block}.misch-shot{align-items:center;gap:8px;font-weight:500;display:inline-flex;color:var(--tinte)!important}.misch-shot:before{content:"";background:var(--akzent);border-radius:50%;width:10px;height:10px}.weitere{padding-top:var(--abschnitt);padding-bottom:var(--abschnitt)}.weitere-titel{font-size:1.6rem}.weitere-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.weitere-karte{background:var(--papier-2);border-radius:var(--radius);transition:background .18s ease, transform var(--druck) var(--ease-out);grid-template-columns:96px 1fr auto;align-items:center;gap:20px;padding:12px 24px 12px 12px;text-decoration:none;display:grid}.weitere-karte:active{transform:scale(.98)}.weitere-karte:hover{background:var(--linie)}.weitere-karte img{object-fit:cover;border-radius:2px;width:96px;height:96px}.weitere-karte p{color:var(--tinte-weich);font-size:.9rem}@media (width<=900px){.sorte-hero,.zutaten-grid,.weitere-grid{grid-template-columns:1fr}.sorte-hero-bild{aspect-ratio:3/4;width:100%;max-width:480px;min-height:0;max-height:none}.sorte-lead{order:1;margin-top:32px}.sorte-tags{order:2}.sorte-preise{margin-top:24px}.sorte-tags{margin-top:20px}.zutaten-bild{order:0;max-width:480px;position:static}}@media (width<=480px){.weitere-karte{grid-template-columns:72px 1fr auto}.weitere-karte img{width:72px;height:72px}}@media (width<=600px){.sorten-tabs{grid-template-columns:repeat(3,1fr);gap:6px;padding-top:20px;display:grid;overflow:visible}.sorten-tabs a{justify-content:center;gap:6px;padding:9px 6px;font-size:.88rem}.sorte-hero{grid-template:"name bild""tagline bild""info bild"1fr"preise preise""cta cta""lead lead""tags tags"/1fr 40%;gap:0 16px;padding-top:28px}.sorte-hero-text{display:contents}.sorte-hero-bild{aspect-ratio:3/4;grid-area:bild;max-width:none}.sorte-hero-text h1{grid-area:name;margin:-6px 0 0;font-size:clamp(2.2rem,11vw,2.9rem);line-height:1}.sorte-tagline{grid-area:tagline;margin-top:10px;font-size:1.02rem;line-height:1.35}.sorte-hero-text>.eyebrow{font-family:var(--sans);letter-spacing:0;text-transform:none;grid-area:info;align-self:end;margin:12px 0 0;font-size:.82rem;line-height:1.45;display:block}.sorte-hero-text>.eyebrow:before{display:none}.sorte-preise{grid-area:preise;margin-top:24px}.preis-kachel{padding:12px 14px}.sorte-preise strong{font-size:1.4rem}.sorte-cta{grid-area:cta}.sorte-lead{grid-area:lead}.sorte-tags{grid-area:tags}.sorte-hero-text .btn{justify-content:center;width:100%}.zutaten-bild{max-width:340px;margin:0 auto}.zutaten-liste li{padding:18px 0}.misch-karte{padding:22px}}.ueber-intro{grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(32px,5vw,72px);padding-top:clamp(40px,6vw,80px);display:grid}.ueber-intro-text{gap:24px;display:grid}.ueber-intro h1{font-size:clamp(2.4rem,4.6vw,4rem)}.ueber-intro em{font-variation-settings:"SOFT" 100, "opsz" 96;font-style:italic}.ueber-bilder{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.ueber-bilder img{aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius);width:100%}.ueber-bilder img+img{margin-top:48px}.geschichte{grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(32px,6vw,88px);display:grid}.gruender{border-radius:var(--radius);margin:0;position:relative;overflow:hidden}.gruender img{aspect-ratio:4/5;object-fit:cover;object-position:center 20%;width:100%;transition:transform .5s var(--ease-out)}@media (hover:hover) and (pointer:fine){.gruender:hover img{transform:scale(1.03)}}.gruender figcaption{-webkit-backdrop-filter:blur(6px);border-radius:var(--radius);background:#f5f2ebeb;gap:2px;padding:12px 18px;display:grid;position:absolute;bottom:16px;left:16px}.gruender figcaption strong{font-family:var(--serif);font-size:1.2rem;font-weight:400}.gruender figcaption span{font-family:var(--mono);color:var(--tinte-weich);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.geschichte-text{justify-items:start;gap:20px;font-size:1.1rem;display:grid}.geschichte-text h2{margin-bottom:4px}.qualitaet{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,88px);display:grid}.qualitaet-bild{border-radius:var(--radius);overflow:hidden}.qualitaet-bild img{aspect-ratio:4/5;object-fit:cover;width:100%}.qualitaet-text{gap:20px;display:grid}.qualitaet-text>p{color:var(--tinte-weich)}.qualitaet-liste{border-top:1px solid var(--linie);margin:8px 0 0;padding:0;list-style:none}.qualitaet-liste li{color:var(--tinte-weich);border-bottom:1px solid var(--linie);padding:14px 0 14px 28px;position:relative}.qualitaet-liste li:before{content:"";background:var(--zitrone);border-radius:50%;width:10px;height:10px;margin-top:-5px;position:absolute;top:50%;left:0}.qualitaet-liste li:nth-child(2):before{background:var(--beete)}.qualitaet-liste li:nth-child(3):before{background:var(--cassis)}.qualitaet-liste li:nth-child(4):before{background:var(--tinte)}.qualitaet-liste strong{color:var(--tinte);font-weight:600}.muster-band{background-position:50%;background-size:cover;background-attachment:fixed;padding:clamp(100px,16vw,200px) 0;position:relative}.muster-band:before{content:"";background:#1b1a1799;position:absolute;inset:0}.muster-band p{color:var(--papier);font-family:var(--serif);text-align:center;max-width:12em;margin:0 auto;font-size:clamp(2rem,5vw,3.8rem);font-style:italic;line-height:1.1;position:relative}@media (width<=900px){.ueber-intro{grid-template-columns:1fr}.ueber-bilder{max-width:520px}.gruender{max-width:440px}.geschichte,.qualitaet{grid-template-columns:1fr}.muster-band{background-attachment:scroll}}@media (width<=600px){.ueber-bilder img+img{margin-top:24px}.gruender img{aspect-ratio:1}.geschichte-text{font-size:1rem}}.kontakt{padding-top:clamp(40px,6vw,80px);padding-bottom:var(--abschnitt);grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.kontakt h1{font-size:clamp(2.2rem,4.5vw,3.4rem)}.kontakt-lead{max-width:26em;color:var(--tinte-weich);margin-top:20px;font-size:1.1rem}.kontakt-infos{justify-items:start;gap:28px;padding-top:8px;font-size:.95rem;display:grid}.kontakt-infos p{max-width:30em;color:var(--tinte-weich);margin:0}.kontakt-infos dl{gap:16px;margin:0;display:grid}.kontakt-infos dl>div{grid-template-columns:6.5em 1fr;gap:16px;display:grid}.kontakt-infos dt{font-family:var(--mono);color:var(--tinte-weich);letter-spacing:.12em;text-transform:uppercase;padding-top:.25em;font-size:.75rem}.kontakt-infos dd{max-width:26em;margin:0}.kontakt-infos a{word-break:break-all;border-bottom:1px solid;text-decoration:none}.kontakt-infos a:hover{opacity:.6}.bestellen{background:var(--papier-2);padding:var(--abschnitt) 0;scroll-margin-top:40px}.bestellen-grid{grid-template-columns:1.15fr 1fr;align-items:start;gap:clamp(32px,5vw,72px);display:grid}.bestellen-form h2{margin:16px 0}.bestellen-hinweis{color:var(--tinte-weich);max-width:34em}.bestellen fieldset{border:0;margin:40px 0 0;padding:0}.bestellen-seite{padding-top:clamp(40px,6vw,80px)}.bestellen-form h1{margin:0 0 16px;font-size:clamp(2.2rem,4.5vw,3.4rem)}.bestellen legend{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;padding:0;font-size:.82rem}.mengen{gap:10px;margin:0;padding:0;list-style:none;display:grid}.mengen li{background:var(--papier);border-radius:var(--radius);border:1px solid var(--linie);grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:16px;padding:10px 16px 10px 10px;transition:border-color .25s;display:grid}.mengen li.gewaehlt{border-color:color-mix(in srgb, var(--akzent) 45%, var(--linie))}.mengen .punkt{box-shadow:inset 0 0 0 1.5px var(--tinte-leise);background:0 0;transition:background .2s,box-shadow .2s}.mengen li.gewaehlt .punkt{background:var(--akzent);box-shadow:none}.mengen img{object-fit:cover;border-radius:2px;width:56px;height:56px}.mengen strong{font-family:var(--serif);align-items:center;gap:10px;font-size:1.2rem;font-weight:400;display:flex}.mengen span{color:var(--tinte-weich);font-size:.85rem}.groessen-mengen{gap:6px;display:grid}.groesse-zeile{justify-content:flex-end;align-items:center;gap:12px;display:flex}.mengen .groesse-zeile>span{white-space:nowrap;font-family:var(--mono);color:var(--tinte-weich);font-size:.8rem;transition:color .2s}.mengen .groesse-zeile.aktiv>span{color:var(--tinte);font-weight:700}.stepper{border:1px solid var(--linie);border-radius:100px;align-items:center;display:flex}.stepper button{cursor:pointer;width:38px;height:38px;color:var(--tinte);transition:transform .1s var(--ease-out), background .15s ease;background:0 0;border:0;border-radius:50%;font-size:1.2rem}.stepper button:active:not(:disabled){transform:scale(.9)}.stepper button:hover:not(:disabled){background:var(--papier-2)}.stepper button:disabled{color:var(--linie);cursor:default}.umschalter label:has(input:focus-visible){outline:2px solid var(--tinte);outline-offset:2px}.stepper output{text-align:center;min-width:28px;font-family:var(--mono)}.umschalter{background:var(--papier);border:1px solid var(--linie);border-radius:100px;padding:4px;display:inline-flex}.umschalter label{cursor:pointer;border-radius:100px;padding:8px 20px;font-size:.95rem;transition:background .25s,color .25s}.umschalter label.aktiv{background:var(--tinte);color:var(--papier)}.umschalter input{opacity:0;pointer-events:none;position:absolute}.art-hinweis{color:var(--tinte-weich);margin-top:12px;font-size:.9rem}.feld{gap:6px;margin-top:14px;display:grid}.feld>span{color:var(--tinte-weich);font-size:.88rem}.feld em{color:var(--tinte-weich);font-style:normal}.feld input,.feld textarea{font:inherit;border:1px solid var(--linie);border-radius:var(--radius);background:var(--papier);color:var(--tinte);resize:vertical;padding:12px 14px;transition:border-color .2s}.feld input:focus,.feld textarea:focus{border-color:var(--tinte);box-shadow:0 0 0 1px var(--tinte);outline:none}.feld.fehler input,.feld.fehler textarea{border-color:var(--beete);box-shadow:0 0 0 1px var(--beete)}.feld-fehler{color:var(--beete);font-size:.85rem}.feld input::placeholder,.feld textarea::placeholder{color:var(--tinte-leise);opacity:1}.feld input[type=date]{cursor:pointer;min-height:48px}.feld input[type=date].leer{color:var(--tinte-leise)}.feld input[type=date].leer::-webkit-datetime-edit{color:var(--tinte-leise)}.feld input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}.feld input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.feld-reihe{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.vorschau{gap:16px;display:grid;position:sticky;top:100px}.vorschau-karte{background:var(--tinte);color:var(--papier);border-radius:var(--radius);overflow:hidden}.vorschau-kopf{font-family:var(--mono);color:#f5f2eb99;border-bottom:1px solid #f5f2eb26;gap:4px;padding:16px 20px;font-size:.8rem;display:grid}.vorschau pre{font-family:var(--mono);white-space:pre-wrap;word-break:break-word;min-height:280px;margin:0;padding:20px;font-size:.9rem;line-height:1.55}.vorschau-btn{justify-content:center}.vorschau-aktion{display:grid}.nach-klick{background:var(--papier);border-radius:var(--radius);border:1px solid var(--linie);justify-items:start;gap:8px;padding:18px 20px;display:grid}.nach-klick strong{font-family:var(--serif);font-size:1.15rem;font-weight:400}.nach-klick p{color:var(--tinte-weich);word-break:break-word;font-size:.9rem}.nach-klick .btn{margin-top:4px;padding:10px 18px}.vorschau-kopieren{margin-top:-8px}.link-knopf{font:inherit;color:var(--tinte);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:0 0 1px}.link-knopf:hover{opacity:.7}.events-hinweis{border-top:1px solid var(--linie);justify-items:start;gap:6px;max-width:560px;margin-top:56px;padding-top:24px;display:grid}.events-hinweis strong{font-family:var(--serif);font-size:1.2rem;font-weight:400}.events-hinweis p{color:var(--tinte-weich);max-width:34em;margin:0}.events-hinweis a{border-bottom:1px solid;margin-top:6px;text-decoration:none}.events-hinweis a:hover{opacity:.6}.vorschau-info{color:var(--tinte-weich);text-align:center;font-size:.82rem}@media (width<=900px){.kontakt,.bestellen-grid{grid-template-columns:minmax(0,1fr)}.vorschau{position:static}}@media (width<=520px){.feld-reihe{grid-template-columns:1fr}.kontakt-infos dl>div{grid-template-columns:1fr;gap:2px}.mengen li{grid-template-columns:44px minmax(0,1fr);gap:10px 12px;padding:12px 14px 8px 12px}.mengen img{width:44px;height:44px}.groessen-mengen{grid-column:1/-1;gap:0}.groesse-zeile{border-top:1px solid var(--linie);justify-content:space-between;padding:6px 0}}.mobil-leiste{display:none}@media (width<=900px){.mobil-leiste{z-index:40;padding:12px var(--rand) calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--linie);background:#f5f2ebf0;transition:transform .35s cubic-bezier(.2,.7,.2,1);display:block;position:fixed;bottom:0;left:0;right:0;transform:translateY(110%)}.mobil-leiste.sichtbar{transform:none}.mobil-leiste .btn{justify-content:center;width:100%}.leiste-summe{text-align:center;font-family:var(--mono);color:var(--tinte-weich);margin-bottom:8px;font-size:.85rem}.bestellen-seite{padding-bottom:120px}}@media (width<=520px){.umschalter{grid-template-columns:1fr 1fr;width:100%;display:grid}.umschalter label{text-align:center;white-space:nowrap;padding:9px 4px;font-size:.84rem}}@media (pointer:coarse){.stepper button{width:44px;height:44px}}@media (width<=359px){.umschalter label{white-space:normal}}.rechtlich{max-width:820px;padding-top:clamp(40px,6vw,80px);padding-bottom:var(--abschnitt)}.rechtlich h1{margin:0 0 24px}.rechtlich h2{border-top:1px solid var(--linie);margin:44px 0 12px;padding-top:24px;font-size:1.4rem}.rechtlich p,.rechtlich ul{color:var(--tinte-weich);margin:0 0 12px}.rechtlich ul{padding-left:20px}.rechtlich li{margin-bottom:6px}.rechtlich a{color:var(--tinte)}.rechtlich .lead{margin-bottom:8px}.rechtlich-hinweis{font-family:var(--mono);background:var(--papier-2);border-radius:var(--radius);padding:12px 16px;font-size:.85rem}.rechtlich-stand{font-family:var(--mono);font-size:.85rem;margin-top:48px!important}
