:root{--salbei:#058b55;--dunkel:#1f2d27;--hell:#9fe4d4;--lavendel:#b394e6;--rose:#b0485a;--creme:#f5f4ef;--papier:#ffffff;--linie:#e1e4dc;--muted:#66716b;--ok:#3f7a45;--warn:#9a6700;--radius:14px;--rail:220px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--font:-apple-system,"SF Pro Text","Segoe UI",system-ui,sans-serif;--serif:var(--font)}*{box-sizing:border-box}body,html{margin:0}body{min-height:100dvh;font:16px/1.45 var(--font);color:var(--dunkel);background:var(--creme);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a,button,input,select,textarea{font:inherit;color:inherit}a{color:var(--salbei)}h1,h2,h3{font-family:var(--serif);font-weight:700;color:var(--dunkel);letter-spacing:-.01em}h1{font-size:1.7rem;margin:.2rem 0 .6rem}h2{font-size:1.25rem;margin:1.4rem 0 .5rem}h3{font-size:1.05rem;margin:0 0 .3rem}.lede{margin:0 0 1rem;max-width:46rem}.klein,.lede{color:var(--muted)}.klein{font-size:.85rem}.app{min-height:100dvh}.rail{display:none}.kopf{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:.6rem;padding:calc(.55rem + var(--safe-t)) 1rem .55rem;background:rgba(245,244,239,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--linie)}.marke{font-family:var(--serif);font-size:1.15rem;color:var(--salbei);text-decoration:none}.marke b{font-weight:700}.marke span{color:var(--lavendel)}.kopf .rechts{margin-left:auto;display:flex;gap:.4rem;align-items:center}.inhalt{padding:1rem 1rem calc(96px + var(--safe-b));max-width:1100px}.tabs{position:fixed;z-index:40;left:0;right:0;bottom:0;display:flex;justify-content:space-around;padding:.35rem .25rem calc(.35rem + var(--safe-b));background:var(--papier);border-top:1px solid var(--linie)}.tabs a{flex:1 1;min-width:0;min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;text-decoration:none;font-size:.72rem;color:var(--muted);border-radius:10px}.tabs a svg{width:22px;height:22px}.tabs a.aktiv{color:var(--salbei);font-weight:600}@media (min-width:900px){.app{display:grid;grid-template-columns:var(--rail) 1fr}.rail{display:flex;flex-direction:column;gap:.2rem;position:-webkit-sticky;position:sticky;top:0;height:100dvh;padding:1.2rem .8rem;background:var(--papier);border-right:1px solid var(--linie)}.rail .marke{padding:0 .6rem 1rem;font-size:1.3rem}.rail a.nav{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;border-radius:10px;text-decoration:none;color:var(--dunkel)}.rail a.nav svg{width:20px;height:20px;color:var(--salbei)}.rail a.nav.aktiv{background:var(--creme);font-weight:600}.rail .unten{margin-top:auto}.kopf .marke,.tabs{display:none}.inhalt{padding:1.5rem 2rem 3rem}}.karte{background:var(--papier);border:1px solid var(--linie);border-radius:var(--radius);padding:1rem;margin-bottom:.8rem}.raster{display:grid;grid-gap:.8rem;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.zeile{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.spalten{display:grid;grid-gap:.8rem;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.knopf,button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:42px;padding:.5rem 1rem;border-radius:999px;border:1px solid var(--linie);background:var(--papier);cursor:pointer;text-decoration:none}button:disabled{opacity:.5;cursor:default}.knopf.primaer,button.primaer{background:var(--salbei);border-color:var(--salbei);color:#fff}button.gefahr{color:var(--rose);border-color:#e6caca}button.leise{border-color:transparent;background:transparent;color:var(--salbei);padding-inline:.6rem}.knopf.klein,button.klein{min-height:34px;padding:.3rem .75rem;font-size:.88rem}label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.7rem}label>input,label>select,label>textarea{margin-top:.25rem}input,select,textarea{width:100%;min-height:42px;padding:.5rem .7rem;border:1px solid var(--linie);border-radius:10px;background:#fff;color:var(--dunkel);font-size:16px}textarea{min-height:84px;resize:vertical;line-height:1.4}input[type=checkbox]{width:20px;min-height:20px;height:20px;accent-color:var(--salbei);margin:0}.haken{display:flex;gap:.5rem;align-items:center;color:var(--dunkel);font-size:.95rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--hell);border-color:var(--salbei)}.marker{display:inline-block;font-size:.75rem;padding:.1rem .5rem;border-radius:999px;background:var(--creme);border:1px solid var(--linie);color:var(--muted);white-space:nowrap}.marker.ok{color:var(--ok);border-color:#cfe0cf;background:#f1f7f0}.marker.warn{color:var(--warn);border-color:#ecdcb5;background:#fbf5e6}.marker.rose{border-color:#e6caca;background:#fbf1f1}.fehler,.marker.rose{color:var(--rose)}.gespeichert{color:var(--ok);font-size:.88rem}.produkt{display:grid;grid-template-columns:72px 1fr auto;grid-gap:.8rem;gap:.8rem;align-items:center;text-decoration:none;color:inherit}.produkt .ohne,.produkt img{width:72px;height:72px;object-fit:cover;border-radius:10px;background:var(--creme)}.produkt .name{font-weight:600}.preis{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}.preis s{color:var(--muted);font-size:.85rem;display:block}.preis b{font-weight:600}.preis .rose{color:var(--rose)}.bilder{display:flex;gap:.6rem;flex-wrap:wrap}.bild{position:relative;width:110px;height:110px;border-radius:10px;overflow:hidden;border:1px solid var(--linie);background:var(--creme)}.bild img,.bild video{width:100%;height:100%;object-fit:cover;display:block}.bild .weg{position:absolute;top:4px;right:4px;min-height:28px;width:28px;padding:0;background:rgba(255,255,255,.92);border:0;color:var(--rose);font-size:1rem}.bild .erstes{position:absolute;left:4px;bottom:4px;font-size:.7rem;padding:.05rem .4rem;background:var(--salbei);color:#fff;border-radius:999px}.bild.neu{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.2rem;border-style:dashed;color:var(--salbei);cursor:pointer;font-size:.85rem;text-align:center}.medium{display:grid;grid-gap:.5rem;gap:.5rem}.medium .vorschau{aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:var(--creme);border:1px solid var(--linie)}.medium .vorschau img,.medium .vorschau video{width:100%;height:100%;object-fit:cover;display:block}.text-eintrag{border-top:1px solid var(--linie);padding:.9rem 0}.text-eintrag:first-child{border-top:0}.text-eintrag .schluessel{font-size:.72rem;color:var(--muted);font-family:ui-monospace,Menlo,monospace}.sprachen{display:flex;gap:.3rem;flex-wrap:wrap;margin:.3rem 0}.sprachen button{min-height:30px;padding:.15rem .65rem;font-size:.82rem}.sprachen button.an{background:var(--salbei);color:#fff;border-color:var(--salbei)}.sprachen button.geaendert:after{content:"•";color:var(--rose);margin-left:.25rem}.seitenwahl{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.4rem;margin-bottom:.6rem;scrollbar-width:none}.seitenwahl button{white-space:nowrap;min-height:36px;padding:.3rem .85rem;font-size:.9rem}.seitenwahl button.an{background:var(--dunkel);color:#fff;border-color:var(--dunkel)}.tabelle{width:100%;border-collapse:collapse;font-size:.92rem}.tabelle td,.tabelle th{text-align:left;padding:.55rem .4rem;border-bottom:1px solid var(--linie);vertical-align:top}.tabelle th{font-weight:600;color:var(--muted);font-size:.8rem}.leiste{position:-webkit-sticky;position:sticky;bottom:calc(70px + var(--safe-b));z-index:20;display:flex;gap:.6rem;align-items:center;justify-content:flex-end;flex-wrap:wrap;padding:.7rem;margin-top:1rem;border-radius:var(--radius);background:rgba(255,253,248,.95);border:1px solid var(--linie);box-shadow:0 6px 24px rgba(65,71,61,.08)}@media (min-width:900px){.leiste{bottom:1rem}}.login{min-height:100dvh;display:grid;place-items:center;padding:1rem}.login form{width:min(380px,100%)}.login .biene{font-family:var(--serif);color:var(--salbei);font-size:1.6rem;margin:0 0 .2rem}.credit{font-size:.75rem;margin-top:1.5rem}.credit,.credit a{color:var(--muted)}.feld-gruppe{border-left:3px solid var(--hell);padding:.2rem 0 .2rem .9rem;margin:.4rem 0 1rem}.feld-gruppe>.titel{font-weight:600;color:var(--dunkel);font-size:.92rem;margin-bottom:.5rem;display:flex;gap:.6rem;align-items:center}.eintrag{border:1px solid var(--linie);border-radius:12px;margin-bottom:.5rem;background:var(--papier)}.eintrag>summary{list-style:none;cursor:pointer;display:flex;gap:.5rem;align-items:center;padding:.55rem .7rem;font-weight:600;color:var(--dunkel)}.eintrag>summary::-webkit-details-marker{display:none}.eintrag>summary:before{content:"▸";color:var(--salbei);transition:transform .15s}.eintrag[open]>summary:before{transform:rotate(90deg)}.eintrag>summary .rechts{margin-left:auto;display:flex;gap:.2rem}.eintrag>summary .rechts button{min-height:30px;width:30px;padding:0;font-size:.85rem}.eintrag>.koerper{padding:.2rem .8rem .6rem;border-top:1px solid var(--linie)}.eintrag .eintrag{background:var(--creme)}.wort{display:flex;gap:.4rem;align-items:flex-start;margin-bottom:.4rem}.wort input,.wort textarea{flex:1 1}.wort button{min-height:38px;width:38px;padding:0;flex:none}.bildfeld{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;margin-top:.3rem}.bildfeld img{width:96px;height:96px;object-fit:cover;border-radius:10px;border:1px solid var(--linie);background:var(--creme)}.bildfeld .ohne{width:96px;height:96px;border-radius:10px;border:1px dashed var(--linie);display:grid;place-items:center;color:var(--muted);font-size:.75rem;text-align:center}.icon-vorschau{font-family:Material Symbols Outlined;font-size:24px;color:var(--salbei);width:42px;text-align:center}.bereich-link{display:flex;justify-content:space-between;gap:.6rem;align-items:center;text-decoration:none;color:inherit;padding:.7rem 0;border-top:1px solid var(--linie)}.bereich-link:first-of-type{border-top:0}.bereich-link .name{font-weight:600}.verlauf li{display:flex;gap:.6rem;align-items:center;padding:.25rem 0}.filter{display:flex;gap:.4rem;flex-wrap:wrap;margin:.4rem 0 .8rem}.filter .knopf{min-height:34px;padding:.2rem .8rem;font-size:.88rem;color:var(--dunkel)}.filter .knopf.an{background:var(--dunkel);color:#fff;border-color:var(--dunkel)}.zahlen{display:grid;grid-gap:.6rem;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:1rem}.zahlen .karte{margin:0}.zahlen b{display:block;font-size:1.6rem;color:var(--salbei)}.balken{height:8px;border-radius:99px;background:var(--creme);overflow:hidden;margin-top:.4rem}.balken i{display:block;height:100%;background:var(--salbei)}@media (max-width:700px){.tabelle.weich thead{display:none}.tabelle.weich tr{display:block;border-bottom:1px solid var(--linie);padding:.5rem 0}.tabelle.weich td{display:block;border:0;padding:.1rem 0}}