:root{color-scheme:light;--deep: #0e2f21;--deep-2: #14402d;--brand-700: #1f7a4d;--brand-500: #35a06b;--brand-100: #ddefe2;--brand-50: #eef5ef;--lime: #d4f04f;--lime-soft: #ecf9b5;--bg: #f0eee5;--surface: #ffffff;--ink: #12241a;--muted: #5f6f64;--line: #e2e1d5;--danger: #c1440e;--amber: #b7791f;--radius: 24px;--radius-sm: 16px;--shadow: 0 16px 40px rgba(14, 47, 33, .16);--shadow-sm: 0 3px 14px rgba(14, 47, 33, .08);--font-display: "Fraunces", Georgia, serif;--green-900: var(--deep-2);--green-700: var(--brand-700);--green-500: var(--brand-500);--green-300: #9bd8b6;--green-50: var(--brand-50);--white: var(--surface);--grad-brand: linear-gradient(135deg, var(--deep-2), var(--brand-700))}*{box-sizing:border-box}html,body{margin:0;padding:0;max-width:100%;overflow-x:hidden;overflow-x:clip}body{font-family:Poppins,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:999px;min-height:50px;padding:13px 26px;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease;white-space:nowrap}.btn:active{transform:scale(.95)}.btn-primary{background:var(--deep);color:var(--lime);box-shadow:0 8px 22px #0e2f2159}.btn-primary:hover{filter:brightness(1.15)}.btn-whatsapp{background:#25d366;color:#06381d;box-shadow:0 8px 22px #25d36659}.btn-email{background:transparent;color:var(--deep);border:2px solid var(--deep)}.btn-ghost{background:var(--surface);color:var(--deep);box-shadow:var(--shadow-sm);border:1px solid var(--line)}.btn-block{width:100%}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn.sm{min-height:38px;padding:8px 16px;font-size:.82rem}.app-header{position:sticky;top:10px;z-index:20;margin:10px 14px 0}.app-header .bar{display:flex;align-items:center;justify-content:space-between;height:60px;max-width:1064px;margin:0 auto;padding:0 10px 0 18px;background:#12241ad1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:999px;box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-style:italic;font-weight:600;font-size:1.25rem;color:#fff;letter-spacing:0}.brand .leaf{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--lime);font-size:1.05rem}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.field{margin-bottom:14px}.field label{display:block;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px}.field input,.field textarea,.field select{width:100%;min-width:0;max-width:100%;padding:14px 16px;border:1.5px solid var(--line);border-radius:var(--radius-sm);font-family:inherit;font-size:16px;background:#faf9f4;color:var(--ink);transition:border .15s,box-shadow .15s,background .15s}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--brand-500);background:#fff;box-shadow:0 0 0 4px #d4f04f59}.badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:.72rem;font-weight:600}.badge-offen{background:#fdf1de;color:var(--amber)}.badge-bearbeitet{background:#e3f0fd;color:#1565c0}.badge-abgeschlossen{background:var(--brand-100);color:var(--brand-700)}.empty{text-align:center;color:var(--muted);padding:48px 16px}.app-footer{margin-top:40px;background:var(--deep);color:#ffffffbf;text-align:center;padding:44px 20px 38px;border-radius:32px 32px 0 0}.app-footer .fbrand{font-family:var(--font-display);font-style:italic;font-size:1.7rem;color:var(--lime);margin-bottom:8px}.app-footer small{font-size:.8rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}#qr-modal canvas{width:220px!important;height:220px!important;display:block}app-root{display:flex;flex-direction:column;min-height:100dvh}app-root main{flex:1 0 auto}.app-footer small{display:block;margin-top:8px}.app-footer .flink{color:var(--lime);text-decoration:underline;text-underline-offset:3px}body.has-staff-nav{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}.bar-right{display:flex;align-items:center;gap:8px}.cart-link{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#ffffff1f;font-size:1.1rem;text-decoration:none}.cart-badge{position:absolute;top:-4px;inset-inline-end:-4px;background:var(--lime);color:var(--deep);font-size:.68rem;font-weight:800;min-width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}.loader{display:flex;flex-direction:column;align-items:center;gap:14px;padding:60px 16px;color:var(--muted);font-size:.85rem}.spinner{width:42px;height:42px;border-radius:50%;border:4px solid var(--brand-100);border-top-color:var(--brand-700);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skel{position:relative;overflow:hidden;background:#e6ebe4;border-radius:12px}.skel:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 1.2s infinite}@keyframes shimmer{to{transform:translate(100%)}}.skel-line{height:14px}.skel-line.w30{width:30%}.skel-line.w40{width:40%}.skel-line.w60{width:60%}.skel-line.w80{width:80%}.skel-line.w90{width:90%}.back-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 18px;border-radius:999px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);color:var(--deep);font-weight:600;font-size:.85rem;text-decoration:none;margin-bottom:16px;transition:transform .15s ease,box-shadow .2s ease}.back-btn:hover{transform:translate(-3px);box-shadow:var(--shadow)}[dir=rtl] .back-btn:hover{transform:translate(3px)}.back-btn:active{transform:scale(.96)}