.saidi-boxbanner{background-image:linear-gradient(90deg,#083021eb,#083021b8 45%,#08302126),var(--saidi-banner);background-size:cover;background-position:center right;color:#fff}.saidi-boxbanner__innen{max-width:72rem;margin:0 auto;padding:clamp(2rem,6vw,3.5rem) clamp(1.25rem,5vw,3rem)}.saidi-boxbanner__ab{margin:0 0 .4rem;font-size:.6875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold, #FBF7EB)}.saidi-boxbanner__h1{margin:0 0 .5rem;font-size:clamp(1.9rem,5vw,3rem);line-height:1.05;letter-spacing:-.02em;color:#fff}.saidi-boxbanner__intro{margin:0;max-width:52ch;font-size:clamp(.95rem,2.2vw,1.0625rem);line-height:1.55;color:color-mix(in srgb,#fff 86%,transparent)}.saidi-box__h1{margin:0 0 .5rem;font-size:clamp(1.9rem,5vw,3rem);line-height:1.05;letter-spacing:-.02em}@media(max-width:749px){.saidi-boxbanner{background-image:linear-gradient(180deg,#083021e6,#083021c7),var(--saidi-banner);background-position:center}}.saidi-regler{max-width:34rem}.saidi-regler__wert{display:block;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--gruen-text);font-variant-numeric:tabular-nums;margin-bottom:.75rem}.saidi-regler__schiene{-webkit-appearance:none;appearance:none;width:100%;height:2.75rem;background:transparent;cursor:pointer;display:block}.saidi-regler__schiene::-webkit-slider-runnable-track{height:.5rem;border-radius:999px;background:var(--saidi-border, #DFE3DA)}.saidi-regler__schiene::-moz-range-track{height:.5rem;border-radius:999px;background:var(--saidi-border, #DFE3DA)}.saidi-regler__schiene::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.75rem;height:1.75rem;margin-top:-.625rem;border-radius:50%;background:var(--saidi-green, #1A7432);border:3px solid #fff;box-shadow:0 2px 8px #00000047}.saidi-regler__schiene::-moz-range-thumb{width:1.75rem;height:1.75rem;border-radius:50%;background:var(--saidi-green, #1A7432);border:3px solid #fff;box-shadow:0 2px 8px #00000047}.saidi-regler__schiene:focus-visible{outline:none}.saidi-regler__schiene:focus-visible::-webkit-slider-thumb{outline:3px solid var(--saidi-fokus);outline-offset:2px}.saidi-regler__schiene:focus-visible::-moz-range-thumb{outline:3px solid var(--saidi-fokus);outline-offset:2px}.saidi-regler__enden{display:flex;justify-content:space-between;font-size:.75rem;opacity:.65;margin-top:-.25rem}.saidi-regler__sprung{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.saidi-box{--gruen: var(--saidi-green, #1A7432);--gruen-text: var(--saidi-green-text, #1A7432);--papier: var(--saidi-papier, #fff);--gruen-tief: var(--saidi-green-deep, #155B28);--gold: var(--saidi-gold, #FBF7EB);--goldtext: var(--saidi-gold-text, #155B28);--goldwash: var(--saidi-gold-wash, #E9F1E4);--rahmen: var(--saidi-border, #DFE3DA);--ink: var(--saidi-ink, #1A1A17);--ink-soft: var(--saidi-ink-soft, #5A5750);max-width:72rem;margin-inline:auto;padding:2.5rem 1.25rem 8rem}.saidi-box__kopf{max-width:46rem;margin-bottom:2.25rem}.saidi-box__ab{margin:0 0 .35rem;font-size:.6875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--goldtext)}.saidi-box__kopf h2{margin:0 0 .5rem;line-height:1.15}.saidi-box__intro{margin:0;color:var(--ink-soft)}.saidi-box__stufe{margin-bottom:2.25rem}.saidi-box__stufe-titel{display:flex;align-items:center;gap:.6rem;font-size:1.0625rem;margin:0 0 1rem}.saidi-box__nr{display:grid;place-items:center;width:1.65rem;height:1.65rem;border-radius:50%;background:var(--gruen);color:#fff;font-size:.8125rem;font-weight:700}.saidi-box__stufe--aus{opacity:0;transform:translateY(8px)}.saidi-box__stufe{transition:opacity .3s ease,transform .3s ease}.saidi-box__groessen{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.75rem;max-width:40rem}.saidi-groesse{display:flex;flex-direction:column;gap:.2rem;padding:1.1rem 1rem;border:2px solid var(--rahmen);border-radius:10px;background:var(--papier, #fff);cursor:pointer;text-align:left;font:inherit;color:var(--ink);transition:border-color .18s ease,background .18s ease,transform .18s ease}.saidi-groesse:hover{border-color:var(--gold)}.saidi-groesse--an{border-color:var(--gruen);background:var(--gruen);color:#fff}.saidi-groesse__wert{font-size:1.25rem;font-weight:700}.saidi-groesse__hinweis{font-size:.75rem;opacity:.75}.saidi-box__filter{position:relative;display:flex;gap:.45rem;flex-wrap:nowrap;overflow-x:auto;margin-bottom:.9rem;padding-bottom:.5rem;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--gruen) 45%,transparent) color-mix(in srgb,var(--gruen) 12%,transparent)}.saidi-box__filter::-webkit-scrollbar{height:4px}.saidi-box__filter::-webkit-scrollbar-track{background:color-mix(in srgb,var(--gruen) 12%,transparent);border-radius:999px}.saidi-box__filter::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--gruen) 45%,transparent);border-radius:999px}.saidi-box__filter .saidi-chip--auswahl{border-color:var(--gruen)!important;color:var(--gruen-text);font-weight:700}.saidi-chip--auswahl.saidi-chip--an{background:var(--gruen);color:#fff}.saidi-chip{flex:0 0 auto;scroll-snap-align:start}.saidi-chip{border:1px solid var(--rahmen);border-radius:20px;background:var(--papier, #fff);color:var(--ink-soft);padding:.35rem .8rem;font:inherit;font-size:.78rem;cursor:pointer;white-space:nowrap;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s var(--saidi-ease-out, ease-out)}.saidi-chip:hover{border-color:var(--gold)}.saidi-chip--an{background:var(--gruen);border-color:var(--gruen);color:#fff;font-weight:600}.saidi-box__raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:.7rem}.saidi-zutat{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"bild text" "bild menge";align-items:start;column-gap:.7rem;row-gap:.5rem;padding:.7rem .8rem;border:1px solid var(--rahmen);border-radius:10px;background:var(--papier, #fff);transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.saidi-zutat__bild{grid-area:bild}.saidi-zutat__text{grid-area:text}.saidi-zutat__menge{grid-area:menge;justify-self:end;display:flex;align-items:center;gap:.35rem}.saidi-zutat--drin{border-color:var(--saidi-green, #1A7432);border-width:2px;padding:calc(.7rem - 1px) calc(.8rem - 1px);background:color-mix(in srgb,var(--saidi-green, #1A7432) 6%,var(--papier, #fff));box-shadow:0 2px 10px -4px #0f4d3559}.saidi-zutat--drin .saidi-zutat__wert{background:var(--saidi-green, #1A7432);color:#fff;border-radius:999px;padding:.2rem .55rem;font-weight:700}.saidi-zutat--drin .saidi-zutat__titel{font-weight:700}.saidi-zutat{position:relative}.saidi-zutat__haken{position:absolute;top:-.5rem;right:-.5rem;width:1.35rem;height:1.35rem;display:none;place-items:center;border-radius:50%;background:var(--saidi-green, #1A7432);color:#fff;font-size:.75rem;line-height:1;box-shadow:0 0 0 2px #fff}.saidi-zutat--drin .saidi-zutat__haken{display:grid}.saidi-zutat__bild{width:4.25rem;height:4.25rem;border-radius:8px;object-fit:cover;background:#fff;flex:0 0 auto}.saidi-zutat__bild--leer{display:block}.saidi-zutat__text{min-width:0}.saidi-zutat__titel{margin:0 0 .2rem;font-size:.875rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.saidi-zutat__meta{margin:0;display:flex;gap:.4rem;align-items:baseline;flex-wrap:wrap;font-size:.75rem;color:var(--ink-soft)}.saidi-zutat__preis{font-weight:700;color:var(--gruen-text);font-variant-numeric:tabular-nums}.saidi-zutat:hover{border-color:var(--saidi-green, #1A7432)}.saidi-zutat__herkunft:before{content:"\b7  "}.saidi-zutat__menge{display:flex;align-items:center;gap:.3rem;flex:0 0 auto}.saidi-zutat__btn{width:2.25rem;height:2.25rem;border-radius:50%;display:grid;place-items:center;border:1px solid var(--rahmen);background:var(--papier, #fff);font:inherit;font-size:1.1rem;line-height:1;cursor:pointer;color:var(--gruen-text);transition:background .14s ease,border-color .14s ease,color .14s ease}.saidi-zutat__btn:hover:not(:disabled){background:var(--gruen);color:#fff;border-color:var(--gruen)}.saidi-zutat__btn:disabled{opacity:.3;cursor:not-allowed}.saidi-zutat__wert{min-width:3.4rem;text-align:center;font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums}.saidi-zutat__btn[data-plus]{border-color:color-mix(in srgb,var(--gruen) 45%,transparent);color:var(--gruen-text)}.saidi-zutat--drin .saidi-zutat__btn[data-plus]{background:var(--gruen);color:#fff;border-color:var(--gruen)}.saidi-box__leer{color:var(--ink-soft);font-size:.875rem}.saidi-box__leiste{position:sticky;bottom:var(--saidi-zustimmung-hoehe, 0px);z-index:20;margin:1.5rem -1.25rem -8rem;padding:.85rem 1.25rem;background:color-mix(in srgb,var(--papier, #fff) 96%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--rahmen);box-shadow:0 -6px 24px -14px #0a382666}.saidi-box__leiste-inhalt{max-width:72rem;margin-inline:auto;display:grid;grid-template-columns:1fr auto;gap:1.25rem;align-items:center}.saidi-box__zahlen{display:flex;align-items:baseline;gap:.45rem;margin-bottom:.35rem;font-variant-numeric:tabular-nums}.saidi-box__zahlen strong{font-size:1.15rem;color:var(--gruen-text)}.saidi-box__zahlen span{font-size:.8125rem;color:var(--ink-soft)}.saidi-box__preis{margin-left:auto;font-size:1.05rem!important;font-weight:700;color:var(--ink)!important}.saidi-box__balken{height:7px;border-radius:4px;background:var(--rahmen);overflow:hidden}.saidi-box__balken-fuell{height:100%;border-radius:4px;background:var(--gruen);transition:width .32s cubic-bezier(.2,.8,.3,1),background .3s ease}.saidi-box__balken-fuell--voll{background:var(--gold)}.saidi-box__status{margin:.35rem 0 0;font-size:.75rem;color:var(--ink-soft)}.saidi-box__status--fertig{color:var(--gruen-text);font-weight:600}.saidi-box__status--warnung{color:#b3261e;font-weight:600}.saidi-box__knopf{background:var(--gruen);color:#fff;border:none;border-radius:6px;padding:.9rem 1.6rem;font:inherit;font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .18s ease,opacity .18s ease}.saidi-box__knopf:hover:not(:disabled){background:var(--gruen-tief)}.saidi-box__knopf:disabled{opacity:.4;cursor:not-allowed}.saidi-box__knopf--laedt{opacity:.6}@media(max-width:640px){.saidi-box{padding-inline:1rem}.saidi-box__leiste{margin-inline:-1rem;padding-inline:1rem}.saidi-box__leiste-inhalt{grid-template-columns:1fr;gap:.7rem}.saidi-box__knopf{width:100%}.saidi-box__raster{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.saidi-box__stufe,.saidi-box__balken-fuell,.saidi-groesse,.saidi-zutat{transition:none}}.saidi-zufall{border:1px solid var(--rahmen);border-radius:10px;background:var(--goldwash);overflow:hidden}.saidi-zufall__auf{display:flex;align-items:center;gap:.55rem;padding:.85rem 1rem;cursor:pointer;font-size:.875rem;font-weight:600;color:var(--ink);list-style:none}.saidi-zufall__auf::-webkit-details-marker{display:none}.saidi-zufall__auf:after{content:"\ff0b";margin-left:auto;color:var(--goldtext);font-weight:700}.saidi-zufall[open] .saidi-zufall__auf:after{content:"\ff0d"}.saidi-zufall__symbol{font-size:1.1rem}.saidi-zufall__inhalt{padding:0 1rem 1.1rem;display:flex;flex-direction:column;gap:.5rem}.saidi-zufall__frage{margin:.35rem 0 0;font-size:.78rem;font-weight:600;color:var(--ink-soft)}.saidi-zufall__wahl{display:flex;gap:.4rem;flex-wrap:wrap}.saidi-zufall__knopf{align-self:flex-start;margin-top:.5rem;background:var(--gold);color:var(--gruen-tief);border:none;border-radius:6px;padding:.7rem 1.3rem;font:inherit;font-size:.8125rem;font-weight:700;cursor:pointer;transition:filter .16s ease}.saidi-zufall__knopf:hover{filter:brightness(.94)}.saidi-zufall__hinweis{margin:.3rem 0 0;font-size:.75rem;color:var(--ink-soft)}.saidi-zufall__hinweis--warnung{color:#b3261e;font-weight:600}.saidi-geschenk__schalter{display:flex;align-items:center;gap:.875rem;padding:1rem 1.125rem;border:1px solid var(--saidi-border, #DFE3DA);border-radius:12px;background:var(--papier, #fff);cursor:pointer;transition:border-color .18s ease,background-color .18s ease}.saidi-geschenk__schalter:hover{border-color:var(--saidi-gold-text)}.saidi-geschenk__schalter:has(input:checked){border-color:var(--saidi-green, #1A7432);background:color-mix(in srgb,var(--saidi-green, #1A7432) 5%,var(--papier, #fff))}.saidi-geschenk__schalter input{flex:none;width:1.25rem;height:1.25rem;accent-color:var(--saidi-green, #1A7432);cursor:pointer}.saidi-geschenk__schalter:has(input:focus-visible){outline:2px solid var(--saidi-green, #1A7432);outline-offset:2px}.saidi-geschenk__schalter-text{flex:1 1 auto;display:flex;flex-direction:column;gap:.2rem}.saidi-geschenk__schalter-text strong{font-size:.9375rem}.saidi-geschenk__schalter-text small{font-size:.78rem;line-height:1.4;opacity:.75}.saidi-geschenk__aufschlag{flex:none;font-size:.875rem;font-weight:700;color:var(--gruen-text);font-variant-numeric:tabular-nums;white-space:nowrap}.saidi-geschenk__schalter+.saidi-geschenk{margin-top:1rem}@media(max-width:520px){.saidi-geschenk__schalter{flex-wrap:wrap;padding:.875rem 1rem}.saidi-geschenk__aufschlag{width:100%;padding-left:2.125rem}}.saidi-geschenk{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.25rem;max-width:46rem}.saidi-geschenk__anlaesse{grid-column:1 / -1;display:flex;gap:.4rem;flex-wrap:wrap}.saidi-geschenk__feld{display:flex;flex-direction:column;gap:.3rem;font-size:.8125rem;color:var(--ink-soft)}.saidi-geschenk__feld em{font-style:normal;opacity:.7}.saidi-geschenk__feld textarea,.saidi-geschenk__feld input{border:1px solid var(--rahmen);border-radius:7px;padding:.6rem .7rem;font:inherit;font-size:.8125rem;background:var(--papier, #fff);color:var(--ink);resize:vertical}.saidi-geschenk__feld textarea:focus-visible,.saidi-geschenk__feld input:focus-visible{outline:2px solid var(--gruen);outline-offset:1px;border-color:var(--gruen)}.saidi-geschenk__feld small{font-size:.7rem;opacity:.7}.saidi-geschenk__feld--schmal{align-self:start}@media(max-width:640px){.saidi-geschenk{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/saidi-box.css.map */
