.region-panel{background:var(--paper-surface);border:1px solid var(--glass-border);border-radius:1.5rem;padding:1.25rem}.region-entry{background:var(--accent-quiet);color:var(--text-primary);border-radius:1.25rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.15rem;display:flex}.region-entry>span:last-child{color:var(--accent);font-size:1.65rem}.region-results{overscroll-behavior:contain;max-height:18rem;overflow-y:auto}.region-result{text-align:left;border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;gap:.75rem;width:100%;min-height:3.5rem;padding:.65rem .4rem;display:flex}.region-result small{color:var(--text-secondary);display:block}.region-result:hover{color:var(--accent)}.market-map{isolation:isolate;z-index:0;background:#e7eee7;border-radius:1.5rem;width:100%;height:clamp(19rem,48vh,29rem)}.map-placeholder{text-align:center;background:radial-gradient(ellipse at 30% 20%, var(--accent-quiet), transparent 65%), var(--paper-muted);border-radius:1.5rem;flex-direction:column;justify-content:center;align-items:center;min-height:18rem;padding:2rem;display:flex}.map-placeholder-pin{color:var(--accent);margin-bottom:1rem;font-size:4rem}.market-list{overscroll-behavior:contain;gap:.5rem;max-height:24rem;padding:.2rem;display:grid;overflow-y:auto}.market-list-item{text-align:left;border:1px solid var(--glass-border);background:var(--paper-surface);border-radius:1rem;align-items:center;gap:.75rem;width:100%;padding:.85rem;display:flex}.market-list-item[aria-pressed=true]{background:var(--accent-quiet);border-color:var(--accent)}.market-monogram{height:2.6rem;color:var(--accent);background:var(--accent-quiet);border-radius:.85rem;flex:0 0 2.6rem;place-items:center;font-weight:700;display:grid}.recipe-photo img{transform-origin:50%}.btn,.chip,.market-list-item,.region-result{touch-action:manipulation;transition:transform .18s,background-color .18s,border-color .18s}.btn:active,.chip:active,.market-list-item:active{transform:scale(.98)}.scan-progress{background:var(--accent-quiet);border-radius:1.25rem;padding:1.25rem}.scan-progress-track{background:var(--glass-border);border-radius:1rem;height:.2rem;margin-top:1rem;overflow:hidden}.scan-progress-track:after{content:"";border-radius:inherit;background:linear-gradient(to right, transparent, var(--accent) 30%, color-mix(in oklab, var(--accent) 55%, white) 50%, var(--accent) 70%, transparent);width:35%;height:100%;animation:1.6s ease-in-out infinite alternate scan-travel;display:block}@keyframes scan-travel{to{transform:translate(185%)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.recipe-photo img{animation:linear both recipe-breathe;animation-timeline:view()}@keyframes recipe-breathe{0%,to{transform:scale(1)}45%,65%{transform:scale(1.045)}}}}@media (prefers-reduced-motion:reduce){.recipe-photo img,.scan-progress-track:after{animation:none!important;transform:none!important}.btn,.chip,.market-list-item,.region-result{transition:none}}html[data-nativ="1"] .app-header>.glass,.top-nav>.glass{padding-top:env(safe-area-inset-top,0px)}html[data-nativ="1"] .offline-streifen{inset-inline:0;bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,0px));z-index:45;background:var(--warning-quiet);color:var(--warning);text-align:center;margin:0;padding:.625rem 1rem;font-size:.75rem;line-height:1.4;position:fixed}.market-map-huelle{position:relative}.market-map-aktion{z-index:2;pointer-events:none;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.market-map-aktion>button{pointer-events:auto;white-space:nowrap;box-shadow:0 6px 20px #00000040}.karten-vorschau{border-radius:1.5rem;height:11rem;position:relative;overflow:hidden}.karten-vorschau .market-map-huelle,.karten-vorschau .market-map{height:100%}.karten-vorschau .map-placeholder{min-height:0}.karten-vorschau-link{z-index:3;border-radius:inherit;align-items:flex-end;padding:.625rem;display:flex;position:absolute;inset:0}.karten-vorschau-marke{border-radius:var(--radius-pill);background:var(--karte-flaeche-chip);box-shadow:var(--karte-schatten-chip);color:var(--text-primary);align-items:center;padding:.375rem .75rem;font-size:.8125rem;font-weight:650;display:inline-flex}@layer components{.skelett{background:var(--skelett);border-radius:.625rem}}.skelett-reihe{overflow:hidden}@media (prefers-reduced-motion:no-preference){[data-skelett] .skelett{animation:1.6s ease-in-out .4s infinite skelett-atmen}}@keyframes skelett-atmen{50%{opacity:.55}}@media (prefers-reduced-motion:no-preference){.seite-ein{animation:.2s cubic-bezier(.22,1,.36,1) backwards seite-ein}}@keyframes seite-ein{0%{opacity:.55}}a.glass,button.glass,.seg-knopf,.icon-round{transition:scale .22s cubic-bezier(.22,1,.36,1)}a.glass:active,button.glass:active:not(:disabled){transition-duration:60ms;scale:.985}.seg-knopf:active:not(:disabled),.icon-round:active{transition-duration:60ms;scale:.94}a.glass,button.glass,.btn,.chip,.row,.tile,.icon-round,.seg-knopf,.knopf-glas,.drueckbar,.decide,.plan-kachel,.day-chip,.market-list-item,.tabbar-reiter{-webkit-tap-highlight-color:transparent}.tippflaeche:before{content:"";border-radius:inherit;position:absolute;inset:-4px}.tipp-zeile{margin-block:-.75rem;padding-block:.75rem;display:inline-block}
@media (max-width:959.98px){.spalte-neben,.spalte-haupt{display:contents}}@media (min-width:960px){.shell.shell-breit{max-width:var(--content-wide)}.seiten-raster{grid-template-columns:minmax(18rem,22rem) minmax(0,1fr);align-items:start;column-gap:2.5rem;display:grid}.seiten-raster>*{grid-column:1/-1}.seiten-raster>.spalte-neben,.seiten-raster>.spalte-haupt{flex-direction:column;min-width:0;display:flex}:where(.seiten-raster>.spalte-neben,.seiten-raster>.spalte-haupt){gap:inherit}.seiten-raster>.spalte-neben{grid-column:1}.seiten-raster>.spalte-haupt,.seiten-raster>.in-spalte-haupt{grid-column:2;min-width:0}.seiten-raster.raster-halb{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.rezept-kochen{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;column-gap:2.5rem;display:grid}.rezept-infos{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:2.5rem;display:grid}.rezept-kopf{max-width:var(--content-max)}.rezept-titelbild{max-height:min(22rem,38vh)}.rezepte-raster{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:1rem}.entdecken-karte{width:11.5rem}}@media (min-width:768px){.entdecken-reihe{margin-inline:calc(50% - 50vw);padding-inline:calc(50vw - 50% + 1.125rem);scroll-padding-inline:calc(50vw - 50% + 1.125rem)}.entdecken-reihe[data-karussell]{padding-inline-end:0;scroll-padding-inline-end:0}}@media (min-width:960px){.profile-sections{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:2rem}}@media (max-width:959.98px){.vorrat-bereiche{display:contents}}@media (min-width:960px){.vorrat-suche{max-width:30rem}.vorrat-bereiche{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));align-items:start;gap:1.5rem 2rem;display:grid}}
.ladeschirm{z-index:200;background:radial-gradient(70% 45% at 50% 38%, var(--bg-tint-1), transparent 70%), radial-gradient(60% 40% at 80% 90%, var(--bg-tint-2), transparent 70%), var(--bg-base);touch-action:none;justify-content:center;align-items:center;padding:0 2rem;animation:.24s ease-out both ladeschirm-ein;display:flex;position:fixed;inset:0}.ladeschirm.geht{animation:.3s forwards ladeschirm-aus}@keyframes ladeschirm-ein{0%{opacity:0}}@keyframes ladeschirm-aus{to{opacity:0}}.ladeschirm__inhalt{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:19rem;margin-top:-6vh;transition:transform .3s;display:flex}.ladeschirm.geht .ladeschirm__inhalt{transform:translateY(-6px)}.ladeschirm__mampfi{width:132px;height:132px;margin-bottom:1.5rem;animation:2.8s ease-in-out infinite alternate ladeschirm-schweben}.ladeschirm.ist-fertig .ladeschirm__mampfi{animation:.46s cubic-bezier(.34,1.4,.64,1) both ladeschirm-hupf}@keyframes ladeschirm-schweben{0%{transform:translateY(2px)}to{transform:translateY(-4px)}}@keyframes ladeschirm-hupf{0%{transform:translateY(0)scale(1)}45%{transform:translateY(-12px)scale(1.04)}to{transform:translateY(0)scale(1)}}.ladeschirm__titel{letter-spacing:-.016em;min-height:1.5em;color:var(--text-primary);font-size:1.1875rem;font-weight:600;line-height:1.26;animation:.26s ease-out both ladeschirm-satz}@keyframes ladeschirm-satz{0%{opacity:0;transform:translateY(4px)}}.ladeschirm__balken{background:color-mix(in srgb, var(--text-primary) 9%, transparent);border-radius:999px;width:100%;height:8px;margin-top:1.25rem;position:relative;overflow:hidden}.ladeschirm__balken span{border-radius:inherit;background:linear-gradient(90deg, #2dbe89, var(--accent));transition:width .6s cubic-bezier(.22,1,.36,1);animation:.6s cubic-bezier(.22,1,.36,1) both ladeschirm-start;position:absolute;inset:0 auto 0 0}.ladeschirm[data-stufe=waste] .ladeschirm__balken span{transition-duration:3.2s;transition-timing-function:cubic-bezier(.12,.7,.2,1)}.ladeschirm[data-stufe=done] .ladeschirm__balken span{transition-duration:.34s;transition-timing-function:ease-out}@keyframes ladeschirm-start{0%{width:0}}.ladeschirm__hinweis{letter-spacing:.01em;color:var(--text-secondary);margin-top:.9rem;font-size:.8125rem;line-height:1.4}@media (prefers-reduced-motion:reduce){.ladeschirm,.ladeschirm__mampfi,.ladeschirm.ist-fertig .ladeschirm__mampfi,.ladeschirm__titel,.ladeschirm__balken span{animation:none}}
@property --startschirm-loch{syntax:"<length>";inherits:false;initial-value:0}.startschirm{z-index:1000;touch-action:none;place-items:center;animation:.3s 7s forwards startschirm-notaus;display:grid;position:fixed;inset:0}html[data-start=aus] .startschirm{display:none}.startschirm[data-phase=oeffnen]{pointer-events:none}@keyframes startschirm-notaus{to{opacity:0;visibility:hidden}}.startschirm__grund,.startschirm__marke,.startschirm__mampfi{grid-area:1/1}.startschirm__grund{background:radial-gradient(70% 45% at 50% 45%, var(--bg-tint-1), transparent 70%), radial-gradient(60% 40% at 80% 90%, var(--bg-tint-2), transparent 70%), var(--bg-base);place-self:stretch stretch}.startschirm[data-phase=oeffnen] .startschirm__grund{-webkit-mask-image:radial-gradient(circle at 50% 50%, transparent var(--startschirm-loch), #000 calc(var(--startschirm-loch) + 1px));-webkit-mask-image:radial-gradient(circle at 50% 50%, transparent var(--startschirm-loch), #000 calc(var(--startschirm-loch) + 1px));mask-image:radial-gradient(circle at 50% 50%, transparent var(--startschirm-loch), #000 calc(var(--startschirm-loch) + 1px));animation:.52s cubic-bezier(.65,0,.35,1) forwards startschirm-oeffnen}@keyframes startschirm-oeffnen{to{--startschirm-loch:80vmax}}.startschirm__marke{color:var(--text-primary);flex-direction:column;align-items:center;gap:1.1rem;animation:.4s ease-out both startschirm-marke-ein;display:flex}.startschirm[data-phase=mampfi] .startschirm__marke,.startschirm[data-phase=oeffnen] .startschirm__marke{animation:.24s ease-in forwards startschirm-marke-aus}@keyframes startschirm-marke-ein{0%{opacity:0;transform:translateY(4px)}}@keyframes startschirm-marke-aus{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)scale(.98)}}.startschirm__zeichen{animation:2.4s linear infinite startschirm-drehen}.startschirm__bogen{stroke-dasharray:257.6;stroke-dashoffset:64.6px;animation:.9s cubic-bezier(.22,1,.36,1) both startschirm-laden}.startschirm:not([data-phase=laden]) .startschirm__bogen{animation:.22s ease-out forwards startschirm-voll}@keyframes startschirm-drehen{to{transform:rotate(360deg)}}@keyframes startschirm-laden{0%{stroke-dashoffset:257.6px}}@keyframes startschirm-voll{to{stroke-dashoffset:0}}.startschirm__mampfi{opacity:0;width:120px;height:120px}.startschirm[data-phase=mampfi] .startschirm__mampfi{animation:.46s cubic-bezier(.34,1.45,.64,1) .18s both startschirm-mampfi-ein}.startschirm[data-phase=oeffnen] .startschirm__mampfi{animation:.5s cubic-bezier(.4,0,.6,1) forwards startschirm-mampfi-auf}@keyframes startschirm-mampfi-ein{0%{opacity:0;transform:translateY(12px)scale(.72)}to{opacity:1;transform:none}}@keyframes startschirm-mampfi-auf{0%{opacity:1;transform:none}35%{opacity:1;transform:translateY(-12px)scale(1.04)}to{opacity:0;transform:translateY(-6px)scale(1.2)}}@media (prefers-reduced-motion:reduce){.startschirm__marke,.startschirm[data-phase=mampfi] .startschirm__mampfi{animation-name:startschirm-ein-ruhig}.startschirm[data-phase=mampfi] .startschirm__marke,.startschirm[data-phase=oeffnen] .startschirm__marke,.startschirm[data-phase=oeffnen] .startschirm__mampfi,.startschirm[data-phase=oeffnen] .startschirm__grund{animation-name:startschirm-aus-ruhig}.startschirm[data-phase=oeffnen] .startschirm__grund{-webkit-mask-image:none;mask-image:none}.startschirm__zeichen{animation:none}}@keyframes startschirm-ein-ruhig{0%{opacity:0}to{opacity:1}}@keyframes startschirm-aus-ruhig{0%{opacity:1}to{opacity:0}}
.start-kacheln{--karte:#fff;--karte-2:#f2f3f5;--kante:#242e4212;--karte-schatten:0 1px 2px #242e420d, 0 12px 32px -18px #242e4238;--rand:1rem;flex-direction:column;gap:1.25rem;display:flex}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .start-kacheln{--karte:#1c1d21;--karte-2:#2a2b2f;--kante:#fff1;--karte-schatten:0 1px 0 #ffffff08 inset}}:root[data-theme=dark] .start-kacheln{--karte:#1c1d21;--karte-2:#2a2b2f;--kante:#fff1;--karte-schatten:0 1px 0 #ffffff08 inset}.kachel-raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.kachel{min-width:0;padding:var(--rand);color:var(--text-primary);background:var(--karte);box-shadow:var(--karte-schatten);border-radius:1.375rem;flex-direction:column;gap:.875rem;display:flex;position:relative;overflow:hidden}.kachel:after{content:"";border:1px solid var(--kante);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.kachel-gericht,.kachel-angebot,.kachel-naechstes{transition:transform .18s cubic-bezier(.2,.8,.2,1)}.kachel-gericht:active,.kachel-angebot:active,.kachel-naechstes:active{transform:scale(.985)}.kachel-breit{grid-column:1/-1}.kachel-kopf{justify-content:space-between;align-items:center;min-height:1.25rem;display:flex}.kachel-marke{letter-spacing:.005em;color:var(--text-secondary);align-items:center;gap:.4rem;margin:0;font-size:.8125rem;font-weight:600;display:inline-flex}.kachel-marke svg{width:.9375rem;height:.9375rem}.kachel-kopf-rechts{color:var(--text-tertiary);align-items:center;gap:.2rem;font-size:.8125rem;font-weight:500;display:inline-flex}.kachel-pfeil{width:.8125rem;height:.8125rem;color:var(--text-tertiary)}.kachel-augenbraue{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:600;line-height:1.3;overflow:hidden}.kachel-leise{color:var(--text-tertiary);font-size:.8125rem}.kachel-vorrat{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.kachel-vorrat-text{flex-direction:column;gap:.15rem;min-width:0;display:flex}.kachel-vorrat-text b{letter-spacing:-.015em;font-size:1.1875rem;font-weight:650}.kachel-bald{color:var(--text-secondary);align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;display:inline-flex}.kachel-bald:before{content:"";background:var(--warning);border-radius:50%;width:.4375rem;height:.4375rem}.kachel-zutaten{flex:none;padding-left:.5rem;display:flex}.kachel-zutaten li{flex:none;margin-left:-.5rem;position:relative}.kachel-zutat-bild{width:2.5rem;height:2.5rem;box-shadow:0 0 0 2.5px var(--karte);background:#f1f0ee;border-radius:50%;display:block;position:relative;overflow:hidden}.kachel-punkt{background:var(--warning);width:.6875rem;height:.6875rem;box-shadow:0 0 0 2px var(--karte);border-radius:50%;position:absolute;top:-1px;right:-1px}.kachel-punkt[data-stufe=heute]{background:var(--danger)}.kachel-mehr{width:2.5rem;height:2.5rem;color:var(--text-secondary);background:var(--karte-2);box-shadow:0 0 0 2.5px var(--karte);border-radius:50%;place-items:center;font-size:.75rem;font-weight:600;display:grid}.kachel-wege{grid-template-columns:1.4fr 1fr 1fr;gap:.5rem;display:grid}.kachel-wege li{min-width:0}.kachel-weg{height:2.625rem;color:var(--text-primary);background:var(--karte-2);border-radius:.875rem;justify-content:center;align-items:center;gap:.4rem;font-size:.875rem;font-weight:600;transition:transform .15s;display:flex}.kachel-weg svg{width:1.0625rem;height:1.0625rem}.kachel-weg-haupt{color:var(--accent-contrast);background:var(--accent)}.kachel-weg:active{transform:scale(.97)}.kachel-weg-voll{width:100%;height:2.375rem;font-size:.8125rem}.kachel-zutat-buchstabe{width:100%;height:100%;color:var(--text-secondary);background:var(--karte-2);place-items:center;font-size:.9375rem;font-weight:650;display:grid}.kachel-plz{flex-direction:column;flex:1;justify-content:space-between;gap:.75rem;display:flex}.kachel-band{width:auto;margin-inline:calc(var(--rand) * -1);aspect-ratio:4/3;display:block}.kachel-band-breit{aspect-ratio:16/9}.kachel-band-rahmen{display:block;position:relative}.kachel-gericht{flex-direction:column;gap:.875rem;display:flex}.kachel-gericht-text{flex-direction:column;gap:.3rem;display:flex}.kachel-gericht-titel{letter-spacing:-.02em;text-wrap:balance;font-size:1.3125rem;font-weight:650;line-height:1.2}.kachel-meta{color:var(--text-secondary);align-items:center;gap:.375rem;font-size:.8125rem;display:flex}.kachel-da{color:var(--accent);align-items:center;gap:.2rem;font-weight:600;display:inline-flex}.kachel-haken{width:.875rem;height:.875rem}.kachel-meta>.truncate{min-width:0}.kachel-meta-rechts{color:var(--text-tertiary);margin-left:auto;font-weight:500}.kachel-angebot{flex-direction:column;flex:1;gap:.75rem;display:flex}.kachel-rabatt{color:#fff;background:#c02a34;border-radius:.5rem;padding:.2rem .45rem;font-size:.75rem;font-weight:700;line-height:1.2;position:absolute;top:.5rem;left:-.5rem}.kachel-angebot-text{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.kachel-angebot-titel{letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.15rem;font-size:.9375rem;font-weight:650;line-height:1.25;display:-webkit-box;overflow:hidden}.kachel-preis{align-items:baseline;gap:.4rem;margin-top:auto;display:flex}.kachel-preis b{letter-spacing:-.01em;font-size:1.0625rem;font-weight:700}.kachel-preis small{color:var(--text-tertiary);font-size:.8125rem;font-weight:500}.kachel-preis s{color:var(--text-tertiary);font-size:.8125rem;text-decoration-thickness:1px}.kachel-tage{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));margin-inline:-.25rem;display:grid}.kachel-tag{flex-direction:column;align-items:center;gap:.2rem;padding-block:.125rem;display:flex}.kachel-tag i{color:var(--text-tertiary);font-size:.625rem;font-style:normal;font-weight:600}.kachel-tag b{width:1.375rem;height:1.375rem;color:var(--text-secondary);border-radius:50%;place-items:center;font-size:.75rem;font-weight:600;display:grid}.kachel-tag .kalender-punkte{gap:.125rem;height:.25rem}.kachel-tag .kalender-punkt{width:.25rem;height:.25rem}.kachel-tag:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:.5rem}.kachel-tag[data-heute] b{color:var(--karte);background:var(--text-primary)}.kachel-naechste{border-top:1px solid var(--kante);flex-direction:column;gap:.625rem;padding-top:.75rem;display:flex}.kachel-naechstes{align-items:center;gap:.5rem;display:flex}.kachel-naechstes-bild{flex:none;width:2.25rem;height:2.25rem}.kachel-naechstes-text{flex-direction:column;min-width:0;display:flex}.kachel-naechstes-titel{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}