:root{--green-900: #2e3d1c;--green-800: #3e4f24;--green-700: #556b2f;--green-600: #6b8e23;--green-500: #7cb342;--green-400: #89b869;--green-300: #a9d18e;--green-100: #e8f0dd;--gold: #d8a51d;--gold-bright: #ffd700;--cream: #fbf8ee;--cream-2: #f3edd5;--sand: #efe9d6;--ink: #20281a;--ink-soft: #46503a;--muted: #6c7461;--line: rgba(46, 61, 28, .12);--white: #ffffff;--bg: var(--cream);--surface: #ffffff;--text: var(--ink);--text-soft: var(--ink-soft);--primary: var(--green-700);--primary-dark: var(--green-800);--accent: var(--green-400);--status-neu: var(--green-600);--status-bearbeitung: var(--gold);--status-erledigt: var(--green-700);--danger: #c0392b;--danger-soft: #f6e3e0;--r-sm: 8px;--r-md: 14px;--r-lg: 22px;--r-xl: 32px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(32, 40, 26, .06), 0 2px 6px rgba(32, 40, 26, .06);--shadow-md: 0 6px 16px rgba(32, 40, 26, .08), 0 2px 6px rgba(32, 40, 26, .06);--shadow-lg: 0 18px 40px rgba(32, 40, 26, .14), 0 6px 14px rgba(32, 40, 26, .08);--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--container: 1180px;--header-h: 64px;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.14;letter-spacing:-.01em;margin:0}h1{font-size:clamp(1.7rem,1.2rem + 2vw,2.4rem)}h2{font-size:clamp(1.35rem,1.1rem + 1vw,1.7rem)}h3{font-size:1.15rem}p{margin:0 0 .6em}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--green-400);outline-offset:2px}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(16px,4vw,28px)}.page{padding-block:clamp(20px,4vw,36px)}.stack{display:grid;gap:18px}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--r-pill);padding:11px 20px;font-size:.95rem;font-weight:600;line-height:1;transition:transform .15s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease);text-decoration:none;white-space:nowrap}.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--white);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--line)}.btn-ghost:hover:not(:disabled){background:var(--green-100);border-color:var(--green-300)}.btn-danger{background:var(--danger);color:var(--white)}.btn-danger:hover:not(:disabled){background:#a3301f}.btn-block{width:100%}.btn-sm{padding:8px 14px;font-size:.85rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:clamp(18px,3vw,26px)}.card-hover{transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease)}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--green-300)}.field{display:grid;gap:6px}.label{font-size:.85rem;font-weight:600;color:var(--text-soft)}.input,.textarea,.select{width:100%;font:inherit;color:var(--text);background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);padding:11px 14px;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--green-400);box-shadow:0 0 0 3px var(--green-100)}.textarea{min-height:110px;resize:vertical}.badge{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;padding:4px 11px;border-radius:var(--r-pill);border:1px solid transparent;white-space:nowrap}.badge-neu{background:var(--green-100);color:var(--green-800);border-color:var(--green-300)}.badge-bearbeitung{background:#fdf3d6;color:#8a6d12;border-color:#ecd58a}.badge-erledigt{background:#e4ecdb;color:var(--green-900);border-color:var(--green-400)}.row{display:flex;align-items:center;gap:12px}.row-wrap{flex-wrap:wrap}.spread{justify-content:space-between}.grow{flex:1 1 auto;min-width:0}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spinner{width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.center-screen{min-height:100dvh;display:grid;place-items:center;padding:24px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:50;background:#fbf8eed9;-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--line)}.app-header-inner{height:var(--header-h);display:flex;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--r-md);background:var(--primary);color:var(--white);box-shadow:var(--shadow-sm)}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-text strong{font-family:var(--font-display);font-size:1.05rem}.brand-text small{color:var(--muted);font-size:.72rem}.app-nav{display:flex;gap:4px;margin-left:auto}.nav-item{position:relative;display:flex;align-items:center;gap:7px;padding:8px 14px;border-radius:var(--r-pill);color:var(--text-soft);font-weight:600;font-size:.9rem;text-decoration:none;transition:background .15s var(--ease),color .15s var(--ease)}.nav-item:hover{background:var(--green-100);text-decoration:none}.nav-item.active{background:var(--primary);color:var(--white)}.nav-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.7rem;border-radius:var(--r-pill);background:var(--gold);color:#3a2c00}.nav-item.active .nav-count{background:var(--white);color:var(--primary-dark)}.header-actions{display:flex;align-items:center;gap:6px}.icon-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--white);color:var(--text-soft);transition:background .15s var(--ease),color .15s,border-color .15s}.icon-btn:hover{background:var(--green-100);color:var(--primary-dark)}.icon-btn.is-on{color:var(--primary);border-color:var(--green-300);background:var(--green-100)}.icon-btn.danger:hover{background:var(--danger-soft);color:var(--danger);border-color:#e7b5ae}.app-main{flex:1}@media (max-width: 640px){.brand-text small,.nav-item span{display:none}.nav-item{padding:9px 11px}}.page-head h1{margin-bottom:2px}.dash-hero{padding-top:6px}.login-screen{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(120% 90% at 50% -10%,var(--green-100),var(--cream) 60%)}.login-card{width:100%;max-width:400px;display:grid;gap:16px}.login-brand{text-align:center;display:grid;gap:6px;justify-items:center;margin-bottom:4px}.login-mark{width:56px;height:56px;border-radius:var(--r-lg)}.login-brand h1{font-size:1.5rem}.input-icon{position:relative;display:flex;align-items:center}.input-icon>svg{position:absolute;left:13px;color:var(--muted);pointer-events:none}.input-icon .input{padding-left:40px}.alert{display:flex;align-items:center;gap:9px;padding:11px 14px;border-radius:var(--r-md);font-size:.9rem;border:1px solid transparent}.alert-error{background:var(--danger-soft);color:var(--danger);border-color:#e7b5ae}.alert-warn{background:#fdf3d6;color:#8a6d12;border-color:#ecd58a}.push-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.push-cta-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--r-md);background:var(--green-100);color:var(--primary);flex:none}.push-cta-icon.on{background:var(--primary);color:var(--white)}.push-status{display:grid;gap:6px;margin-top:14px;padding:12px 14px;background:var(--cream-2);border-radius:var(--r-md)}.push-row{display:flex;align-items:center;gap:9px;font-size:.9rem}.push-row.ok>svg{color:var(--primary)}.push-row.bad>svg{color:var(--danger)}.push-row.warn>svg{color:var(--gold)}.push-panel .alert{align-items:flex-start}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 18px;display:grid;gap:4px;box-shadow:var(--shadow-sm)}.stat-num{font-family:var(--font-display);font-size:1.9rem;font-weight:600;line-height:1;color:var(--primary-dark)}.stat-label{display:flex;align-items:center;gap:5px;font-size:.82rem;color:var(--muted)}.dash-grid{display:grid;gap:14px}.dash-card{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--text)}.dash-card:hover{text-decoration:none}.dash-card-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--r-md);background:var(--green-100);color:var(--primary);flex:none}.dash-card h3{margin-bottom:2px}@media (max-width: 560px){.stat-num{font-size:1.5rem}.stat-card{padding:13px}}.search-bar{display:flex;align-items:center;gap:10px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-pill);padding:4px 16px;box-shadow:var(--shadow-sm)}.search-bar .input{border:none;box-shadow:none;padding:9px 0}.search-bar .input:focus{box-shadow:none}.filter-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}.filter-tab{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 15px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--white);color:var(--text-soft);font-weight:600;font-size:.88rem;transition:all .15s var(--ease)}.filter-tab:hover{border-color:var(--green-300)}.filter-tab.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.filter-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.72rem;border-radius:var(--r-pill);background:var(--green-100);color:var(--primary-dark)}.filter-tab.active .filter-count{background:#ffffff40;color:var(--white)}.anfrage-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.anfrage-row{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);padding:16px 18px}.anfrage-row:hover{text-decoration:none}.anfrage-preview{margin:6px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.9rem}.anfrage-meta{display:flex;align-items:center;gap:14px;font-size:.8rem}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--text-soft);font-weight:600;font-size:.9rem}.detail-name{margin-bottom:4px}.detail-time{display:flex;align-items:center;gap:6px;font-size:.85rem;margin-bottom:14px}.contact-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.message-box{background:var(--cream-2);border-radius:var(--r-md);padding:14px 16px;display:grid;gap:4px}.message-box p{margin:0;white-space:pre-wrap}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media (max-width: 560px){.form-grid{grid-template-columns:1fr}}.detail-actions{display:flex;gap:12px;position:sticky;bottom:0;padding:14px 0;background:linear-gradient(to top,var(--bg) 70%,transparent)}.dirty-hint{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:var(--gold);color:#3a2c00;font-size:.8rem;font-weight:600;padding:6px 14px;border-radius:var(--r-pill);box-shadow:var(--shadow-md);z-index:30;pointer-events:none}.ab-editor{display:grid;gap:12px}.ab-toolbar{display:flex;gap:10px;flex-wrap:wrap}.ab-hint{margin:0;font-size:.85rem;color:#8a6d12;background:#fdf3d6;border:1px solid #ecd58a;border-radius:var(--r-md);padding:8px 12px}.ab-map{width:100%;height:460px;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line)}.ab-hint{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ab-list{display:grid;gap:8px}.ab-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--white);cursor:pointer;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.ab-item:hover{border-color:var(--green-300)}.ab-item.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--green-100)}.ab-swatch{width:14px;height:14px;border-radius:4px;flex:none}.ab-name{padding:6px 10px;font-size:.9rem}.map-fallback{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px dashed var(--line);border-radius:var(--r-md);color:var(--text-soft);background:var(--cream-2)}.map-fallback code,.alert code{font-size:.85em;background:#0000000f;padding:1px 5px;border-radius:5px}.map-loading{display:flex;align-items:center;gap:10px;height:200px;justify-content:center;color:var(--muted);border:1px solid var(--line);border-radius:var(--r-md);background:var(--cream-2)}.dropzone{border:2px dashed var(--green-300);border-radius:var(--r-lg);background:var(--green-100);padding:30px 20px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.dropzone:hover{border-color:var(--primary);background:#e1ecd2}.dropzone-inner{display:grid;gap:8px;justify-items:center}.dropzone-inner p{margin:0}.upload-progress{width:min(320px,80%);height:10px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.gallery-item{position:relative;margin:0;aspect-ratio:1;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line);background:var(--cream-2);box-shadow:var(--shadow-sm)}.gallery-item img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;transition:transform .25s var(--ease)}.gallery-item:hover img{transform:scale(1.05)}.gallery-del{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:32px;height:32px;border:none;border-radius:var(--r-pill);background:#c0392beb;color:var(--white);opacity:0;transition:opacity .15s}.gallery-item:hover .gallery-del,.gallery-del:focus-visible{opacity:1}.gallery-drag{position:absolute;top:8px;left:8px;display:grid;place-items:center;width:32px;height:32px;border:none;border-radius:var(--r-pill);background:#141e148c;color:var(--white);cursor:grab;touch-action:none;opacity:0;transition:opacity .15s}.gallery-drag:active{cursor:grabbing}.gallery-item:hover .gallery-drag,.gallery-drag:focus-visible{opacity:1}@media (hover: none){.gallery-drag,.gallery-del{opacity:1}}.gallery-hint{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;margin:0}.lightbox{position:relative;max-width:min(92vw,800px);background:var(--surface);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.lightbox img{width:100%;max-height:70vh;object-fit:contain;background:#111}.lightbox-bar{padding:12px 16px;gap:12px}.empty-state{display:grid;justify-items:center;gap:10px;padding:48px 20px;text-align:center}.toast-stack{position:fixed;bottom:20px;right:20px;left:auto;display:grid;gap:10px;z-index:200;max-width:min(92vw,380px)}.toast{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);font-size:.9rem;animation:toast-in .25s var(--ease)}.toast-icon{flex:none}.toast-success .toast-icon{color:var(--primary)}.toast-error .toast-icon{color:var(--danger)}.toast-info .toast-icon{color:var(--gold)}.toast-close{border:none;background:transparent;color:var(--muted);display:grid;place-items:center}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}@media (max-width: 560px){.toast-stack{right:12px;left:12px;bottom:12px;max-width:none}}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#20281a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px;animation:fade-in .2s var(--ease)}@keyframes fade-in{0%{opacity:0}}.popup-card{position:relative;width:100%;max-width:400px;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:28px 24px 24px;text-align:center;animation:pop-in .28s var(--ease)}@keyframes pop-in{0%{opacity:0;transform:scale(.94) translateY(8px)}}.popup-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;border:none;border-radius:var(--r-pill);background:var(--cream-2);color:var(--text-soft)}.popup-close:hover{background:var(--green-100)}.popup-icon{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 12px;border-radius:var(--r-pill);background:var(--green-100);color:var(--primary);animation:ring 1.2s var(--ease) 1}@keyframes ring{0%,to{transform:rotate(0)}20%{transform:rotate(-12deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-6deg)}80%{transform:rotate(4deg)}}.popup-title{margin-bottom:2px}.popup-name{font-weight:600;margin-bottom:10px}.popup-message{color:var(--text-soft);background:var(--cream-2);border-radius:var(--r-md);padding:10px 14px;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-align:left;font-size:.92rem}.popup-meta{display:grid;gap:4px;justify-items:center;font-size:.85rem;color:var(--muted)}.spin{animation:spin 1s linear infinite}