:root{font-family:Arial,Helvetica Neue,sans-serif;color:#202326;background:#f5f5f3;font-synthesis:none;--red:#d71920;--dark:#292d30;--line:#d7d9da}*{box-sizing:border-box}body{margin:0;min-width:280px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:var(--red);color:#fff;font-weight:800;padding:.8rem 1rem;border-radius:2px}button:disabled{opacity:.6;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #1473e6;outline-offset:2px}.brand{font-weight:900;letter-spacing:.04em;display:flex;align-items:center;gap:.65rem}.brand i{width:8px;height:30px;background:var(--red);display:block}.eyebrow,.sku{text-transform:uppercase;font-size:.72rem;letter-spacing:.12em;font-weight:900;color:#656a6d}.secondary{background:#fff;color:var(--dark);border:1px solid var(--line)}header{height:66px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 max(1rem,calc((100% - 1180px)/2));border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}nav{display:flex;gap:.2rem;padding:.5rem max(1rem,calc((100% - 1180px)/2));background:var(--dark);overflow-x:auto}nav button{white-space:nowrap;background:transparent;color:#ddd;padding:.65rem 1rem}nav button.active{background:#fff;color:var(--dark)}.page{max-width:1180px;margin:auto;padding:0 1rem 3rem}.hero{background:var(--dark);color:#fff;margin:0 -1rem 1.5rem;padding:2.2rem max(1rem,calc((100vw - 1180px)/2));position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:200px;height:200px;border:30px solid var(--red);transform:rotate(45deg);right:-110px;top:-100px}.hero .eyebrow{color:#ff8e91}.hero h1{font-size:clamp(2rem,6vw,4rem);margin:.25rem 0 1.5rem;line-height:.95}.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#575a5d;position:relative;z-index:1}.kpis article{background:#34383c;padding:1rem;display:flex;flex-direction:column}.kpis b{font-size:1.65rem}.kpis span{font-size:.78rem;color:#c9cbcc}.filters{display:grid;gap:.75rem;background:#fff;padding:1rem;border:1px solid var(--line)}label{display:flex;flex-direction:column;gap:.35rem;font-size:.78rem;font-weight:800}input,select,textarea{border:1px solid #aeb2b4;background:#fff;border-radius:2px;padding:.72rem;min-width:0;width:100%;color:#202326}.section-head{display:flex;align-items:end;justify-content:space-between;margin:2rem 0 1rem}.section-head h2{margin:.2rem 0 0}.stock-list{display:grid;grid-template-columns:1fr;gap:.8rem}.stock-card{padding:0;text-align:left;background:#fff;color:inherit;border:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden;transition:transform .15s,box-shadow .15s}.stock-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #2023261c}.product-art{width:100%;height:auto;display:block}.stock-content{padding:1rem;display:flex;flex-direction:column;gap:.45rem;width:100%}.stock-content>strong{line-height:1.25}.meta{font-size:.8rem;color:#666}.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:.4rem}.card-foot>b{font-size:1.25rem}.card-foot small{font-size:.7rem}.status{display:inline-block;width:max-content;padding:.28rem .42rem;font-size:.68rem;font-weight:900;border-left:4px solid}.s-ok{background:#e3f4e8;color:#185c2b;border-color:#2b8a45}.s-verkauf{background:#e6f0fa;color:#185080;border-color:#2879b9}.s-sofortiger-verkauf{background:#fff1d6;color:#754b00;border-color:#e29a00}.s-dringender-verkauf{background:#fde2e2;color:#801a1d;border-color:var(--red)}.compact .product-art{display:none}.compact .stock-card{display:block}.empty,.error,.loading{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.7rem;background:#fff;border:1px dashed #aeb2b4;padding:2rem}.loading{height:100vh;border:0}.loading span{width:32px;height:32px;border:4px solid #ddd;border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{margin:2rem auto;max-width:550px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:10;display:flex;justify-content:flex-end}.drawer{height:100%;width:min(100%,570px);background:#fff;overflow:auto;padding:1rem 1.2rem 3rem;position:relative}.close{position:sticky;float:right;top:0;font-size:1.5rem;width:42px;height:42px;padding:0;z-index:1}.drawer h2{padding-right:2.5rem}.locations{padding:0;list-style:none;border-top:1px solid var(--line)}.locations li{display:grid;grid-template-columns:1fr auto auto;gap:.6rem;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--line)}.locations li span:first-child{display:flex;flex-direction:column}.locations small{color:#666}.offer{margin-top:2rem;padding:1rem;background:#f1f2f3;display:grid;gap:.9rem}.offer h3,.offer p{margin:0}.notice{background:#fff5da;border-left:5px solid #e29a00;padding:1rem;line-height:1.45}.vb-grid{display:grid;gap:.8rem}.vb-card{background:#fff;border:1px solid var(--line);padding:1.2rem;position:relative;display:flex;flex-direction:column;gap:.5rem}.vb-card h3{font-size:1.4rem;margin:0}.rank{position:absolute;right:1rem;top:1rem;font-size:1.25rem;font-weight:900;color:#888}.progress{height:9px;background:#ddd;margin-top:.5rem}.progress i{display:block;height:100%;background:var(--red)}.badge{width:max-content;background:var(--dark);color:#fff;padding:.35rem .5rem;font-size:.72rem;margin-top:.4rem}.offer-list{display:grid;gap:.7rem}.offer-list article{background:#fff;border:1px solid var(--line);padding:1rem;display:grid;gap:1rem}.offer-list h3,.offer-list p{margin:.35rem 0}.import{background:#fff;border-top:5px solid var(--red);padding:1.2rem}.import form{display:grid;gap:1rem}.history{background:#fff}.history div{padding:1rem;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:.25rem}.history span{font-size:.8rem;color:#666}footer{text-align:center;padding:2rem 1rem;background:var(--dark);color:#aaa;font-size:.75rem}.login{min-height:100vh;background:linear-gradient(120deg,var(--dark) 0 62%,var(--red) 62%);padding:1rem;display:grid;place-items:center}.login section{background:#fff;width:min(100%,430px);padding:clamp(1.4rem,5vw,2.5rem);box-shadow:0 20px 60px #0005;border-top:8px solid var(--red)}.login h1{font-size:2.35rem;line-height:.95;margin:.5rem 0}.login form{display:grid;gap:.75rem;margin:1.5rem 0}.login small{color:#666}.form-error{color:#9a1419;font-weight:700;margin:0}@media(min-width:620px){.kpis{grid-template-columns:repeat(4,1fr)}.filters{grid-template-columns:2fr repeat(3,1fr)}.stock-list{grid-template-columns:repeat(2,1fr)}.stock-list.compact{grid-template-columns:1fr}.compact .stock-card{display:flex;flex-direction:row}.vb-grid{grid-template-columns:repeat(2,1fr)}.offer-list article{grid-template-columns:1fr 180px;align-items:center}.import form{grid-template-columns:1fr auto;align-items:end}}@media(min-width:960px){.stock-list,.vb-grid{grid-template-columns:repeat(3,1fr)}}.header-actions{display:flex;align-items:center;gap:.75rem}.header-actions span{font-weight:800;font-size:.85rem}.area-select{display:grid;gap:.35rem;max-width:320px;margin:0 0 1.25rem;color:#fff;font-weight:800}.area-select select{background:#fff;color:var(--dark);padding:.75rem;border:0}.history form{display:grid;gap:.5rem;margin-top:.75rem}.history form label{display:grid;gap:.35rem}.history form input{width:100%;padding:.7rem;border:1px solid var(--line)}@media(max-width:480px){.header-actions span{display:none}header{padding-inline:.75rem}.brand{font-size:.8rem}.brand i{height:24px}.header-actions{gap:.35rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}