@font-face{font-family:Jost;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ec6f25a9e2f4d4fd-s.1669nxjwa2fmv.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jost;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b3db9f750640a943-s.p.0dguglgc-iz4q.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jost;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/78eb2d37ccba2007-s.p.2csanl8cs02r-.woff2)format("woff2");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:Jost Fallback;src:local(Arial);ascent-override:111.45%;descent-override:39.06%;line-gap-override:0.0%;size-adjust:96.01%}.DbUuua_className{font-family:Jost,Jost Fallback;font-style:normal}.DbUuua_variable{--font-sans:"Jost", "Jost Fallback"}
@font-face{font-family:Bodoni Moda;font-style:italic;font-weight:400 900;font-display:swap;src:url(../media/15ddad92a3c42b08-s.0cbrj99oah-vf.woff2)format("woff2");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-209F,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Bodoni Moda;font-style:italic;font-weight:400 900;font-display:swap;src:url(../media/ae009d06a8d92250-s.0alvh5fbbecii.woff2)format("woff2");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AE,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F8D0-1F8D8,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FAC6,U+1FAC8,U+1FACC-1FADD,U+1FADF-1FAEB,U+1FAEF-1FAFA,U+1FB??}@font-face{font-family:Bodoni Moda;font-style:italic;font-weight:400 900;font-display:swap;src:url(../media/7665c2bcc9077b83-s.p.40dltcfnogx35.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bodoni Moda;font-style:italic;font-weight:400 900;font-display:swap;src:url(../media/dcfedef55b10026d-s.p.40m0sdlh8l0dz.woff2)format("woff2");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:Bodoni Moda Fallback;src:local(Times New Roman);ascent-override:98.5%;descent-override:35.02%;line-gap-override:0.0%;size-adjust:114.22%}.TiiF0q_className{font-family:Bodoni Moda,Bodoni Moda Fallback;font-style:italic}.TiiF0q_variable{--font-serif:"Bodoni Moda", "Bodoni Moda Fallback"}
:root{--verde:#1a3e1c;--vermelho:#881619;--branco:#f4f5f0;--marfim:#f3eee2;--surface:#f3eee2;--surface-raised:#f9f6ef;--surface-soft:#e9e2d2;--ink:#1a3e1c;--ink-muted:#4f5d51;--line:#ddd5c4;--line-strong:#7a7f6c;--primary:#1a3e1c;--on-primary:#f3eee2;--accent:#881619;--on-accent:#f3eee2;--focus-ring:#881619;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-24:96px;--radius-none:0;--radius-sm:2px;--radius-label:4px;--rand:var(--space-4);--produktgrund:#ebe4d4;--logo-haupt:var(--verde);--logo-akzent:var(--vermelho);--weich:cubic-bezier(.22, .61, .36, 1);--leiste:0px;--kopf-hoehe:69px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (min-width:900px){:root{--rand:var(--space-8)}}:root:has(.vorschauleiste){--leiste:32px}@media (max-width:480px){:root:has(.vorschauleiste){--leiste:48px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--surface);color:var(--ink);font-family:var(--font-sans), "Futura PT", Futura, system-ui, sans-serif;margin:0;font-size:17px;font-weight:400;line-height:27px;overflow-x:clip}img{max-width:100%}a{color:inherit;text-underline-offset:4px}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}h1,h2,h3{text-wrap:balance;margin:0}p{margin:0}.display{letter-spacing:-.02em;font-size:clamp(40px,6vw,56px);font-weight:600;line-height:1.07}.h1{letter-spacing:-.015em;font-size:clamp(32px,4.5vw,40px);font-weight:600;line-height:1.15}.h2{font-size:28px;font-weight:500;line-height:34px}.h3{font-size:20px;font-weight:500;line-height:26px}.lead{color:var(--ink-muted);max-width:34em;font-size:19px;line-height:29px}.klein{font-size:15px;line-height:22px}.label{letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:500;line-height:16px}.frage{font-family:var(--font-serif), "Bodoni 72", Didot, Georgia, serif;font-size:clamp(36px,5vw,48px);font-style:italic;font-weight:400;line-height:1.12}.zitat{font-family:var(--font-serif), "Bodoni 72", Didot, Georgia, serif;font-size:24px;font-style:italic;line-height:32px}.preis{font-variant-numeric:tabular-nums;font-size:18px;font-weight:500;line-height:24px}.preis--gross{font-size:22px}.gedaempft{color:var(--ink-muted)}.akzent{color:var(--accent)}.zahl{text-align:right;font-variant-numeric:tabular-nums}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sprung{left:var(--space-4);background:var(--primary);color:var(--on-primary);padding:var(--space-2) var(--space-4);z-index:100;position:absolute;top:-60px}.sprung:focus{top:var(--space-2)}.rahmen{width:100%;max-width:1240px;padding-inline:var(--rand);margin-inline:auto}.abschnitt{padding-block:var(--space-12)}@media (min-width:900px){.abschnitt{padding-block:var(--space-24)}}.abschnitt__kopf{justify-content:space-between;align-items:end;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.knopf{justify-content:center;align-items:center;gap:var(--space-2);font:inherit;letter-spacing:.02em;padding:var(--space-3) var(--space-6);border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;font-size:15px;font-weight:500;line-height:20px;text-decoration:none;transition:background-color .25s,border-color .25s,color .25s,transform .15s;display:inline-flex}.knopf--primaer{background:var(--primary);color:var(--on-primary)}.knopf--primaer:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 88%, var(--ink-muted))}.knopf--zweit{color:var(--ink);border-color:var(--line-strong);background:0 0}.knopf--zweit:hover{border-color:var(--ink)}.knopf--leise{color:var(--ink);background:0 0;border:0;padding:0;text-decoration:underline}.knopf--breit{width:100%;padding-block:14px;font-size:17px}.knopf:disabled{opacity:.45;cursor:not-allowed}.knopf-reihe{gap:var(--space-3);flex-wrap:wrap;display:flex}.abzeichen{letter-spacing:.12em;text-transform:uppercase;padding:var(--space-1) var(--space-2);border-radius:var(--radius-label);background:var(--surface-soft);color:var(--ink);font-size:12px;font-weight:500;line-height:16px;display:inline-block}.abzeichen--verde{background:var(--primary);color:var(--on-primary)}.vorschauleiste{background:var(--verde);color:var(--marfim);text-align:center;letter-spacing:.12em;text-transform:uppercase;padding:var(--space-2) var(--rand);font-size:12px;line-height:16px}.kopf{top:env(safe-area-inset-top,0px);z-index:20;background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line);transition:background-color .4s,border-color .4s,color .4s;position:sticky}.kopf__logo path{transition:fill .4s}.kopf--durchsichtig{--ink:var(--marfim);--logo-haupt:var(--marfim);--logo-akzent:var(--marfim);background:0 0;border-bottom-color:#0000}:is(.kopf--durchsichtig:has(:focus-visible),.kopf--durchsichtig:has(#mobilmenue-liste)){background:var(--surface);border-bottom-color:var(--line);--ink:var(--verde);--logo-haupt:var(--verde);--logo-akzent:var(--vermelho)}@media (hover:hover){.kopf--durchsichtig:hover{background:var(--surface);border-bottom-color:var(--line);--ink:var(--verde);--logo-haupt:var(--verde);--logo-akzent:var(--vermelho)}}.kopf__innen{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:68px;display:flex}.kopf__logo{color:var(--ink);display:block}.kopf__nav{align-items:center;gap:var(--space-6);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:500;line-height:16px;display:flex}.kopf__nav a,.fuss__nav a{transition:background-size .35s var(--weich);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px;text-decoration:none}.kopf__nav a:hover,.fuss__nav a:hover{background-size:100% 1px}.hero{gap:var(--space-8);padding-block:var(--space-8) var(--space-12);align-items:center;display:grid}@media (min-width:900px){.hero{gap:var(--space-12);padding-block:var(--space-12) var(--space-24);grid-template-columns:1fr 1.05fr}}.hero__text{gap:var(--space-6);justify-items:start;display:grid}.hero__bild{aspect-ratio:4/5;background:var(--surface-soft);position:relative;overflow:hidden}.hero__bild img{object-fit:cover}.hero__unterschrift{left:var(--space-4);bottom:var(--space-4);background:var(--surface);padding:var(--space-2) var(--space-3);position:absolute}.buehne{margin-top:calc(-1 * var(--kopf-hoehe));height:calc(100svh - var(--leiste));background:var(--verde);min-height:560px;color:var(--marfim);position:relative;overflow:hidden}.buehne__bild{position:absolute;inset:0}.buehne img{object-fit:cover;object-position:18% center}@media (min-width:900px){.buehne img{object-position:center}}.buehne:after{content:"";pointer-events:none;background:linear-gradient(#00000061,#0000 26%),linear-gradient(#0000 45%,#00000080);position:absolute;inset:0}.buehne__text{z-index:1;left:var(--rand);right:var(--rand);bottom:var(--space-12);gap:var(--space-4);text-align:center;justify-items:center;display:grid;position:absolute}@media (min-width:900px){.buehne__text{bottom:var(--space-24)}}.knopf--hell{color:var(--marfim);border-color:var(--marfim);text-transform:uppercase;letter-spacing:.12em;padding-inline:var(--space-8);margin-top:var(--space-2);background:linear-gradient(var(--marfim), var(--marfim)) 0 0 / 0 100% no-repeat;transition:background-size .45s var(--weich), color .3s ease, transform .15s ease}.knopf--hell:hover{color:var(--verde);background-size:100% 100%}.grundsaetze{gap:var(--space-6);border-block:1px solid var(--line);padding-block:var(--space-8);display:grid}@media (min-width:760px){.grundsaetze{grid-template-columns:repeat(3,1fr)}}.grundsatz{gap:var(--space-2);align-content:start;display:grid}.grundsatz svg{color:var(--accent)}.raster{gap:var(--space-8) var(--space-6);display:grid}@media (min-width:700px){.raster{grid-template-columns:repeat(3,1fr)}}.karte{gap:var(--space-4);text-decoration:none;display:grid}.karte__bild{aspect-ratio:4/5;background:var(--produktgrund);position:relative;overflow:hidden}.karte__bild .abzeichen{background:var(--surface-soft);color:var(--ink)}.karte__bild img{object-fit:contain;transition:transform .7s var(--weich);padding:10%}.karte:hover .karte__bild img{transform:scale(1.04)}.karte__abzeichen{left:var(--space-3);top:var(--space-3);position:absolute}.karte__text{gap:var(--space-1);display:grid}.karte__farben{gap:var(--space-2);margin:var(--space-1) 0;padding:0;list-style:none;display:flex}.band{background:var(--verde);color:var(--marfim)}.band__innen{gap:var(--space-8);padding-block:var(--space-12);align-items:center;display:grid}@media (min-width:900px){.band__innen{padding-block:var(--space-24);grid-template-columns:1fr 1fr}}.band__bild{aspect-ratio:1;position:relative;overflow:hidden}.band__bild img{object-fit:cover}.band__text{gap:var(--space-6);justify-items:start;display:grid}.band .gedaempft{color:color-mix(in srgb, var(--marfim) 78%, var(--verde))}.produkt{gap:var(--space-8);padding-block:var(--space-8);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:900px){.produkt{gap:var(--space-12);padding-block:var(--space-12);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}}.produkt__bild{aspect-ratio:4/5;background:var(--produktgrund);position:relative}.produkt__bild img{object-fit:contain;padding:8%}.produkt__info{gap:var(--space-6);align-content:start;display:grid}@media (min-width:900px){.produkt__info{position:sticky;top:100px}}.produkt__fakten{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}fieldset{border:0;min-width:0;margin:0;padding:0}legend{margin-bottom:var(--space-2);padding:0}.farben__reihe,.groessen__reihe{gap:var(--space-2);flex-wrap:wrap;display:flex}.farbe{cursor:pointer;border:1px solid #0000;padding:3px;display:block;position:relative}.farbe input,.groesse input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.farbe__feld{border:1px solid var(--line-strong);width:36px;height:36px;display:block}.farbe.ist-gewaehlt{border-color:var(--accent)}.farbe:focus-within,.groesse:focus-within{outline:2px solid var(--focus-ring);outline-offset:2px}.groesse{justify-items:center;gap:var(--space-1);min-width:68px;padding:var(--space-3) var(--space-2) var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--ink);cursor:pointer;display:grid;position:relative}.groesse:hover{background:var(--surface-soft)}.groesse.ist-gewaehlt{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent)}.groesse.ist-aus{cursor:not-allowed;background:0 0}.groesse.ist-aus svg{opacity:.35}.groesse__buchstabe{letter-spacing:.08em;font-size:12px;font-weight:500;line-height:16px}.groesse__hinweis{color:var(--ink-muted);font-size:11px;line-height:14px}.details{gap:var(--space-8);border-top:1px solid var(--line);padding-block:var(--space-12);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:900px){.details{gap:var(--space-12);grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}}.details__text{gap:var(--space-6);align-content:start;display:grid}.details__text p{max-width:36em}.tabelle-rahmen{overflow-x:auto}.tabelle{border-collapse:collapse;width:100%;font-size:15px;line-height:22px}.tabelle caption{text-align:left;padding-bottom:var(--space-3)}.tabelle th,.tabelle td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line);text-align:left}.tabelle thead th{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);border-bottom-color:var(--ink);font-size:12px;font-weight:500}.tabelle tbody th{font-weight:400}.tabelle .zahl{text-align:right}.tabelle__code{width:1.4em;color:var(--accent);font-weight:600;display:inline-block}.schublade{background:var(--surface-raised);width:min(440px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;color:var(--ink);border:0;margin:0 0 0 auto;padding:0}.schublade::backdrop{background:#0f1c1173}.schublade__innen{height:100%;padding:var(--space-6);gap:var(--space-6);flex-direction:column;display:flex}.schublade__kopf{border-bottom:1px solid var(--line);padding-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.schublade__leer{gap:var(--space-4);justify-items:start;display:grid}.schublade__liste{gap:var(--space-6);flex:1;align-content:start;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.schublade__position{gap:var(--space-4);grid-template-columns:72px 1fr;display:grid}.schublade__bild{background:var(--produktgrund);place-items:center;height:90px;display:grid}.schublade__bild img{object-fit:contain;width:72px;height:90px;padding:6px}.schublade__text{align-content:start;gap:2px;display:grid}.schublade__name{font-weight:500;text-decoration:none}.menge{align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.menge button:not(.knopf){width:32px;height:32px;font:inherit;border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--ink);cursor:pointer;background:0 0}.menge output{text-align:center;font-variant-numeric:tabular-nums;min-width:1.5em}.menge .knopf--leise{margin-left:auto;font-size:15px}.schublade__fuss{gap:var(--space-3);border-top:1px solid var(--line);padding-top:var(--space-4);display:grid}.schublade__summe{justify-content:space-between;font-weight:500;display:flex}.text-seite{gap:var(--space-6);padding-block:var(--space-12);max-width:46em;display:grid}.text-seite h2{margin-top:var(--space-6)}.hinweis-entwurf{border-left:3px solid var(--accent);background:var(--surface-soft);padding:var(--space-4)}.fuss{background:var(--verde);color:var(--marfim);margin-top:var(--space-12)}.fuss__innen{gap:var(--space-8);padding-block:var(--space-12);display:grid}@media (min-width:900px){.fuss__innen{grid-template-columns:2fr 1fr 1fr;align-items:start}}.fuss__marke{gap:var(--space-4);justify-items:start;display:grid}.fuss__nav{gap:var(--space-2);display:grid}.karte__bild--foto img{object-fit:cover;padding:0}.karte__zweitbild{opacity:0;transition:opacity .35s}.karte:hover .karte__zweitbild,.karte:focus-visible .karte__zweitbild{opacity:1}.galerie{gap:var(--space-3);min-width:0;display:grid}.produkt__bild--foto img{object-fit:cover;padding:0}.galerie__leiste{gap:var(--space-2);display:flex;overflow-x:auto}.galerie__vorschau{aspect-ratio:4/5;border:1px solid var(--line);background:var(--produktgrund);cursor:pointer;flex:none;width:72px;padding:0;position:relative}.galerie__vorschau img{object-fit:cover}.galerie__vorschau--zeichnung img{object-fit:contain;padding:6px}.galerie__vorschau.ist-gewaehlt{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.schublade__bild img.ist-foto{object-fit:cover;padding:0}.panorama{aspect-ratio:16/9;background:var(--verde);width:100%;max-height:82vh;position:relative;overflow:hidden}@media (max-width:700px){.panorama{aspect-ratio:4/5}}.panorama img{object-fit:cover}.panorama__text{left:var(--rand);bottom:var(--space-8);right:var(--rand);gap:var(--space-3);background:var(--surface);max-width:34rem;color:var(--ink);padding:var(--space-6);justify-items:start;display:grid;position:absolute}.panorama--rechts .panorama__text{left:auto}@media (min-width:1240px){.panorama__text{left:calc((100vw - 1240px) / 2 + var(--rand))}.panorama--rechts .panorama__text{left:auto;right:calc((100vw - 1240px) / 2 + var(--rand))}}.kategorie{gap:var(--space-6);padding-top:var(--space-8);scroll-margin-top:90px;display:grid}.kategorie+.kategorie{margin-top:var(--space-12);border-top:1px solid var(--line)}.abschnitt-abstand{margin-top:var(--space-12)}.kopf__innen{position:relative}.kopf__nav{margin-left:auto}.kopf__aktionen{align-items:center;gap:var(--space-2);display:flex}.symbolknopf{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid;position:relative}.symbolknopf__zahl{background:var(--accent);min-width:18px;height:18px;color:var(--on-accent);font-variant-numeric:tabular-nums;border-radius:9px;place-items:center;padding-inline:4px;font-size:11px;font-weight:600;line-height:1;display:grid;position:absolute;top:4px;right:2px}.mobilmenue{display:none}.mobilmenue__liste{background:var(--surface);border-bottom:1px solid var(--line);padding:var(--space-2) var(--rand) var(--space-4);z-index:30;display:grid;position:absolute;top:100%;left:0;right:0}.mobilmenue__liste a{padding:var(--space-3) 0;border-bottom:1px solid var(--line);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:500;line-height:16px;text-decoration:none}.mobilmenue__liste a:last-child{border-bottom:0}@media (max-width:760px){.kopf__nav{display:none}.mobilmenue{display:block}}.karte{gap:var(--space-4);display:grid}.karte__bild{text-decoration:none;display:block}.karte__bild img{object-fit:cover;padding:0}.karte__name{text-decoration:none}.karte__name:hover{text-decoration:underline}.karte__farben{gap:var(--space-2);margin:var(--space-1) 0;display:flex}.farbpunkt{border:1px solid var(--line-strong);cursor:pointer;outline-offset:2px;width:26px;height:26px;padding:0}.farbpunkt.ist-gewaehlt{box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--accent)}.foto-folgt{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.produkt__stick{gap:var(--space-1);display:grid}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@keyframes hoch{0%{opacity:0;transform:translateY(24px)}}@keyframes rein{0%{opacity:0}}@keyframes huepfen{0%{transform:scale(.4)}60%{transform:scale(1.25)}to{transform:scale(1)}}.seite{animation:.5s both rein}@keyframes buehne-zoom{0%{transform:scale(1.12)}}.buehne__bild img{animation:buehne-zoom 2.6s var(--weich) both}.buehne__text>*{animation:hoch 1s var(--weich) both}.buehne__text>:first-child{animation-delay:.35s}.buehne__text>:nth-child(2){animation-delay:.5s}.buehne__text>:nth-child(3){animation-delay:.7s}@supports (animation-timeline:scroll()){@keyframes buehne-parallaxe{to{transform:translateY(22%)}}@keyframes buehne-weg{to{opacity:0;transform:translateY(-48px)}}@keyframes panorama-parallaxe{0%{transform:translateY(-7%)scale(1.15)}to{transform:translateY(7%)scale(1.15)}}.buehne__bild{animation:linear both buehne-parallaxe;animation-timeline:scroll(root);animation-range:0 100vh}.buehne__text{animation:linear both buehne-weg;animation-timeline:scroll(root);animation-range:0 60vh}.panorama img{animation:linear both panorama-parallaxe;animation-timeline:view();animation-range:cover}}[data-einblenden]{transition:opacity .9s var(--weich), transform .9s var(--weich), clip-path 1.2s var(--weich)}.einblenden-an [data-einblenden]:not(.ist-sichtbar){opacity:0;transform:translateY(32px)}.einblenden-an [data-einblenden=bild]:not(.ist-sichtbar){opacity:1;clip-path:inset(100% 0 0);transform:none}[data-einblenden=bild] img{transition:transform 1.6s var(--weich)}.einblenden-an [data-einblenden=bild]:not(.ist-sichtbar) img{transform:scale(1.18)}@media (min-width:700px){.raster>:nth-child(3n+2),.grundsaetze>:nth-child(2),.fuss__innen>:nth-child(2){transition-delay:.12s}.raster>:nth-child(3n),.grundsaetze>:nth-child(3),.fuss__innen>:nth-child(3){transition-delay:.24s}}.panorama__text[data-einblenden]{transition-delay:.15s}.karte__titelbild,.produkt__hauptbild{animation:.5s both rein}.knopf:active:not(:disabled){transform:scale(.97)}.symbolknopf{transition:color .4s,transform .15s}.symbolknopf:active{transform:scale(.92)}.symbolknopf__zahl{animation:huepfen .45s var(--weich)}.farbpunkt{transition:transform .2s var(--weich), box-shadow .25s ease}.farbpunkt:hover{transform:scale(1.15)}.farbe{transition:border-color .25s}.farbe__feld{transition:transform .2s var(--weich)}.farbe:hover .farbe__feld{transform:scale(1.07)}.groesse{transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .15s}.groesse:active:not(.ist-aus){transform:scale(.96)}.groesse.ist-gewaehlt svg{animation:huepfen .4s var(--weich)}.galerie__vorschau{transition:border-color .25s,opacity .25s}.galerie__vorschau:not(.ist-gewaehlt){opacity:.7}.galerie__vorschau:hover{opacity:1}.menge button:not(.knopf){transition:background-color .2s,transform .15s}.menge button:not(.knopf):hover:not(:disabled){background:var(--surface-soft)}.menge button:not(.knopf):active:not(:disabled){transform:scale(.92)}.tabelle tbody tr{transition:background-color .2s}.tabelle tbody tr:hover{background:var(--surface-soft)}.burger path{transform-box:fill-box;transform-origin:50%;transition:transform .35s var(--weich), opacity .2s ease}.burger.ist-offen path:first-child{transform:translateY(5px)rotate(45deg)}.burger.ist-offen path:nth-child(2){opacity:0;transform:scaleX(.2)}.burger.ist-offen path:nth-child(3){transform:translateY(-5px)rotate(-45deg)}@keyframes aufklappen{0%{opacity:0;transform:translateY(-8px)}}.mobilmenue__liste{animation:aufklappen .3s var(--weich) both}.mobilmenue__liste a{animation:hoch .45s var(--weich) both}.mobilmenue__liste a:nth-child(2){animation-delay:50ms}.mobilmenue__liste a:nth-child(3){animation-delay:.1s}.mobilmenue__liste a:nth-child(4){animation-delay:.15s}.schublade{transition:translate .45s var(--weich), overlay .45s allow-discrete, display .45s allow-discrete;translate:100%}.schublade[open]{translate:0}@starting-style{.schublade[open]{translate:100%}}.schublade::backdrop{opacity:0;transition:opacity .45s ease, overlay .45s allow-discrete, display .45s allow-discrete}.schublade[open]::backdrop{opacity:1}@starting-style{.schublade[open]::backdrop{opacity:0}}.schublade__position{animation:hoch .5s var(--weich) both}.schublade__position:nth-child(2){animation-delay:60ms}.schublade__position:nth-child(3){animation-delay:.12s}.schublade__position:nth-child(n+4){animation-delay:.18s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.vorbestellung{gap:var(--space-4);padding-top:var(--space-2);display:grid}.vorbestellung__kopf{gap:var(--space-2);display:grid}.vorbestellung__titel,.vorbestellt__dank,.vorbestell-seite__titel{font-family:var(--font-serif), "Bodoni 72", Didot, Georgia, serif;color:var(--ink);font-style:italic;font-weight:400}.vorbestellung__titel{font-size:28px;line-height:34px}.feld{gap:var(--space-1);display:grid}.feld input{width:100%;font:inherit;color:var(--ink);border:0;border-bottom:1px solid var(--line-strong);padding:var(--space-2) 0;background:0 0;border-radius:0;transition:border-color .25s,box-shadow .25s}.feld input:focus{border-bottom-color:var(--ink);box-shadow:0 1px 0 var(--ink);outline:none}.feld input[aria-invalid=true]{border-bottom-color:var(--accent);box-shadow:0 1px 0 var(--accent)}.einwilligung{gap:var(--space-3);color:var(--ink-muted);cursor:pointer;grid-template-columns:auto 1fr;align-items:start;font-size:13px;line-height:19px;display:grid}.einwilligung input{width:18px;height:18px;accent-color:var(--verde);cursor:pointer;margin:1px 0 0}.honigtopf{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.vorbestellung__fehler{color:var(--accent);min-height:22px}.vorbestellung__fehler:empty{min-height:0}.vorbestellt{gap:var(--space-4);padding-block:var(--space-8);flex:1;align-content:center;justify-items:start;display:grid}.vorbestellt__dank{font-size:64px;line-height:1}.vorbestellt__adresse{overflow-wrap:anywhere;font-weight:500}.schublade__innen{overflow-y:auto}.schublade__liste{min-height:120px}.vorbestell-seite{gap:var(--space-6);text-align:center;padding-block:var(--space-24);justify-items:center;max-width:40em;display:grid}.vorbestell-seite__titel{font-size:clamp(64px,12vw,120px);line-height:1}.vorbestellt>*{animation:hoch .7s var(--weich) both}.vorbestellt>:nth-child(2){animation-delay:80ms}.vorbestellt>:nth-child(3){animation-delay:.16s}.vorbestellt>:nth-child(n+4){animation-delay:.26s}
