:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#17304d;background:#f3f6fa;line-height:1.5}*{box-sizing:border-box}body{margin:0}header{background:#0754a1;color:#fff;padding:24px max(20px,calc((100vw - 1080px)/2));display:flex;justify-content:space-between;gap:20px;align-items:center}header strong{font-size:20px}header small{display:block;opacity:.85}.brand{font-size:13px}main{max-width:1080px;margin:30px auto;padding:0 18px}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:26px;margin-bottom:20px;box-shadow:0 4px 22px #102f5508}h1{font-size:32px;margin:8px 0 12px}h2{font-size:20px;margin:0 0 18px}h3{font-size:17px;margin:0 0 8px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;color:#0754a1}.notice{padding:15px;border-radius:9px;background:#e8f2ff;margin:16px 0}.error{background:#fff0f2;color:#a02434}.success{background:#eaf8f0;color:#126946}.muted{color:#607186}.fine{font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product{border:1px solid #dbe4ef;border-radius:12px;overflow:hidden}.product.selected{outline:2px solid #0754a1}.art{height:150px;background:#e5eef8;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#547391;font-size:12px}.art span{font-size:44px}.art img{width:100%;height:100%;object-fit:contain}.inside{padding:16px}.availability{font-size:13px;color:#16835b}.sold{color:#bc3644}.stepper{display:flex;align-items:center;justify-content:space-between;background:#edf4fc;padding:6px;border-radius:10px;margin-top:12px}.stepper button{width:44px;height:44px;padding:0;font-size:27px}.stepper strong{font-size:23px}button,.button{font:inherit;background:#0754a1;border:0;color:white;padding:12px 18px;border-radius:9px;cursor:pointer;font-weight:650}button:hover:not(:disabled){background:#003c7c}button:disabled{background:#c8d4e1;color:#65758a;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e9a827;outline-offset:2px}.secondary{background:#edf3fa;color:#174a80;border:1px solid #cad8e9}.fields,.pickup-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-weight:600;margin:10px 0}input,select{display:block;width:100%;padding:12px;font:inherit;border:1px solid #bac8d8;border-radius:9px;margin:7px 0;background:white}fieldset{border:0;padding:0;margin:20px 0}legend{font-weight:650}.pickup{display:flex;gap:12px;align-items:center;border:2px solid #bdcfe4;border-radius:12px;padding:18px;cursor:pointer;margin:0}.pickup:has(input:checked){background:#e0efff;border-color:#0754a1}.pickup input{width:20px;height:20px;margin:0;accent-color:#0754a1}.hidden{display:none!important}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0}.toolbar input,.toolbar select{width:auto;max-width:100%;margin:0}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:12px;border-bottom:1px solid #e3e8ef;vertical-align:top}th{background:#f4f7fb}td select{padding:7px;font-size:12px}.stock-row{display:grid;grid-template-columns:1fr 1fr 2fr 100px;gap:12px;align-items:center}.stock-row input{min-width:0}.metrics{display:flex;gap:20px;flex-wrap:wrap}.metric{background:#edf4fc;border-radius:12px;padding:15px 22px}.metric strong{display:block;font-size:27px;color:#0754a1}footer{text-align:center;font-size:12px;color:#66778a;padding:15px 20px 30px}a{color:#0754a1}code{overflow-wrap:anywhere}@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stock-row{grid-template-columns:1fr 1fr}.brand{display:none}}@media(max-width:540px){.grid,.fields,.pickup-grid{grid-template-columns:1fr}.panel{padding:18px}h1{font-size:27px}header{padding:20px}.toolbar>*{width:100%!important}}

/* Originales Kammerlogo und Teamfoto */
.kammer-logo{display:block;width:156px;max-width:35vw;height:auto;flex-shrink:0}.header-brand{display:flex;align-items:center;gap:26px;min-width:0}.team-panel{padding:0;overflow:hidden}.team-copy{padding:26px 26px 6px}.team-copy h2{margin:8px 0 12px}.team-photo{display:block;width:100%;height:auto}header>div{min-width:0}@media(max-width:540px){header{gap:14px}header strong{font-size:16px}header small{font-size:12px}.kammer-logo{width:112px}.header-brand{gap:14px;flex-wrap:wrap}.team-copy{padding:18px 18px 4px}header #logout{padding:10px 12px;font-size:13px}}