:root{--flex-blue:#00326D;--flex-white:#fff;--flex-yellow:#FFD203;--flex-accent-blue:#3498DB;--flex-red-orange:#F04A28;--blue-900:#001B3B;--blue-800:#00234E;--blue-700:#002A5C;--blue-600:#00326D;--blue-500:#0B4585;--blue-400:#2C5F9C;--blue-300:#6C90BB;--blue-200:#AFC3DA;--blue-100:#DCE5F0;--blue-050:#EEF3F8;--yellow-700:#8A7200;--yellow-600:#C6A200;--yellow-500:#FFD203;--yellow-300:#FFE066;--yellow-200:#FFEE9B;--yellow-100:#FFF7D1;--accent-blue-500:#3498DB;--accent-blue-100:#D6EAF9;--red-orange-700:#B32D12;--red-orange-600:#D8391A;--red-orange-500:#F04A28;--red-orange-100:#FDEAE4;--neutral-000:#fff;--neutral-025:#FAFAFA;--neutral-050:#F4F5F6;--neutral-100:#ECEEF0;--neutral-200:#DDE0E4;--neutral-300:#C4C9CF;--neutral-400:#9AA1A9;--neutral-500:#6E767F;--neutral-600:#4E565E;--neutral-700:#343A40;--neutral-800:#22262A;--neutral-900:#121417;--text-strong:var(--blue-900);--text-body:var(--neutral-800);--text-muted:var(--neutral-500);--text-price-strike:var(--neutral-400);--text-sale:var(--red-orange-600);--border-subtle:var(--neutral-200);--border-default:var(--neutral-300);--status-success:#0F8A45;--status-success-soft:#E8F8EF;--status-danger:var(--red-orange-600);--status-danger-soft:var(--red-orange-100);--font-ui:"Helvetica CE",Helvetica,Arial,sans-serif;--font-numeric:"Campton","Helvetica CE",Helvetica,Arial,sans-serif;--ls-eyebrow:0.14em}@font-face{font-family:Campton;src:url(/fonts/Campton-Light.otf) format("opentype");font-weight:300;font-display:swap}@font-face{font-family:Campton;src:url(/fonts/Campton-Book.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Campton;src:url(/fonts/Campton-Medium.otf) format("opentype");font-weight:500;font-display:swap}@font-face{font-family:Campton;src:url(/fonts/Campton-SemiBold.otf) format("opentype");font-weight:600;font-display:swap}@font-face{font-family:Campton;src:url(/fonts/Campton-Bold.otf) format("opentype");font-weight:700;font-display:swap}@font-face{font-family:Campton;src:url(/fonts/Campton-Black.otf) format("opentype");font-weight:900;font-display:swap}@font-face{font-family:Helvetica CE;src:url(/fonts/HelveticaCE-55-Roman.ttf) format("truetype");font-weight:400;font-display:swap}*{box-sizing:border-box}body,html{margin:0}body{background:#fff;font-family:var(--font-ui);color:var(--text-body);-webkit-font-smoothing:antialiased}a{color:var(--flex-blue);text-decoration:none}img{max-width:100%}button,input,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--flex-blue);outline-offset:2px}.kf-root{display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:var(--neutral-050)}.kf-topbar{flex:none;position:relative;z-index:40;background:var(--flex-blue);height:56px;justify-content:space-between;padding:0 clamp(14px,3vw,28px);gap:16px}.kf-topbar,.kf-topbar a{display:flex;align-items:center}.kf-topbar-title{font:400 13px var(--font-ui);color:rgba(255,255,255,.8)}.kf-stage{flex:1 1;position:relative;min-height:0}.kf-canvas{position:absolute;inset:0}.kf-canvas canvas{touch-action:none;outline:none}.kf-tools{position:absolute;top:14px;left:14px;z-index:20;display:flex;flex-direction:column;gap:8px;max-width:min(320px,calc(100vw - 28px))}.kf-card{background:#fff;border:1px solid var(--border-subtle);border-radius:4px;box-shadow:0 6px 24px rgba(0,27,59,.12)}.kf-tools .kf-card{padding:10px 12px}.kf-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kf-name{font:600 15px var(--font-ui);color:var(--blue-900);border:none;border-bottom:1px solid transparent;background:transparent;padding:2px 0;min-width:0;flex:1 1;outline:none}.kf-name:focus{border-bottom-color:var(--flex-blue)}.kf-eyebrow{font:700 10.5px var(--font-ui);letter-spacing:var(--ls-eyebrow)}.kf-eyebrow,.kf-label{text-transform:uppercase;color:var(--text-muted)}.kf-label{font:600 11px var(--font-ui);letter-spacing:.06em;margin:10px 0 6px}.kf-label:first-child{margin-top:0}.kf-ib{height:32px;min-width:32px;padding:0 9px;border:1px solid var(--border-default);background:#fff;border-radius:3px;color:var(--flex-blue);font:600 12.5px var(--font-ui);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .12s,border-color .12s}.kf-ib:hover{background:var(--blue-050);border-color:var(--flex-blue)}.kf-ib:disabled{opacity:.4;cursor:default;background:#fff;border-color:var(--border-default)}.kf-ib.on{background:var(--flex-blue);color:#fff;border-color:var(--flex-blue)}.kf-ib.danger{color:var(--red-orange-600)}.kf-ib.danger:hover{background:var(--red-orange-100);border-color:var(--red-orange-600)}.kf-select{height:32px;border:1px solid var(--border-default);border-radius:3px;background:#fff;padding:0 8px;font:500 12.5px var(--font-ui);color:var(--neutral-900)}.kf-pills{display:flex;flex-wrap:wrap;gap:6px}.kf-pill{height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--border-default);background:#fff;font:500 12px var(--font-ui);color:var(--neutral-800);cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s,color .12s}.kf-pill:hover{background:var(--blue-050)}.kf-pill.on,.kf-pill:hover{border-color:var(--flex-blue)}.kf-pill.on{background:var(--flex-blue);color:#fff}.kf-pill:disabled{opacity:.38;cursor:not-allowed;background:#fff;border-color:var(--border-subtle)}.kf-swatches{display:flex;flex-wrap:wrap;gap:6px}.kf-swatch{width:26px;height:26px;border-radius:999px;border:2px solid #fff;box-shadow:0 0 0 1px var(--border-default);cursor:pointer;padding:0;transition:transform .1s}.kf-swatch:hover{transform:scale(1.12)}.kf-swatch.on{box-shadow:0 0 0 2px var(--flex-blue)}.kf-menu{width:300px;max-height:min(70vh,560px);overflow:auto;padding:12px 14px 14px;pointer-events:auto}.kf-menu-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:4px}.kf-menu-title{font:600 14px var(--font-ui);color:var(--blue-900)}.kf-menu-sub{font:400 12px var(--font-numeric)}.kf-close,.kf-menu-sub{color:var(--text-muted)}.kf-close{border:none;background:transparent;font-size:18px;line-height:1;cursor:pointer;padding:2px 4px}.kf-innen{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--neutral-100);font:400 12.5px var(--font-ui)}.kf-innen input{width:64px;height:26px;border:1px solid var(--border-default);border-radius:3px;padding:0 6px;font:500 12px var(--font-numeric)}.kf-hint{font:400 11.5px/1.4 var(--font-ui);color:var(--text-muted);margin-top:6px}.kf-toggle{gap:8px;font:500 12.5px var(--font-ui);color:var(--neutral-800);cursor:pointer}.kf-handle,.kf-toggle{display:flex;align-items:center}.kf-handle{pointer-events:auto;gap:4px}.kf-plus{width:34px;height:34px;border-radius:999px;border:none;background:var(--flex-blue);color:#fff;font:400 22px/1 var(--font-ui);cursor:pointer;box-shadow:0 4px 14px rgba(0,50,109,.35);display:flex;align-items:center;justify-content:center;transition:transform .12s,background .12s}.kf-plus:hover{transform:scale(1.08);background:var(--blue-800)}.kf-sizes{display:flex;gap:4px;background:#fff;border:1px solid var(--border-subtle);padding:3px;box-shadow:0 6px 18px rgba(0,27,59,.14)}.kf-size,.kf-sizes{border-radius:999px}.kf-size{height:26px;padding:0 9px;border:none;background:transparent;font:600 12px var(--font-numeric);color:var(--flex-blue);cursor:pointer}.kf-size:hover{background:var(--blue-050)}.kf-chip{pointer-events:auto;height:22px;padding:0 8px;border-radius:999px;border:1px solid var(--border-default);background:rgba(255,255,255,.92);font:600 11px var(--font-numeric);color:var(--neutral-700);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.kf-chip:hover{border-color:var(--flex-blue);color:var(--flex-blue)}.kf-chip-menu{pointer-events:auto;gap:4px;border:1px solid var(--border-subtle);border-radius:999px;padding:3px;box-shadow:0 6px 18px rgba(0,27,59,.14)}.kf-bar,.kf-chip-menu{display:flex;align-items:center;background:#fff}.kf-bar{flex:none;position:relative;z-index:30;border-top:1px solid var(--border-subtle);box-shadow:0 -6px 24px rgba(0,27,59,.1);padding:10px clamp(14px,3vw,28px);justify-content:space-between;gap:16px}.kf-bar-left{align-items:center;gap:clamp(14px,3vw,36px)}.kf-bar-left,.kf-kv{display:flex;min-width:0}.kf-kv{flex-direction:column;gap:2px}.kf-k{font:700 10px var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.kf-v{font:600 17px var(--font-numeric);color:var(--neutral-900);white-space:nowrap}.kf-v small{font:400 12px var(--font-numeric);color:var(--text-muted);margin-left:6px}.kf-bar-right{display:flex;align-items:center;gap:8px;flex:none}.btn-outline,.btn-primary{height:42px;padding:0 18px;font:600 13.5px var(--font-ui);display:inline-flex;align-items:center;gap:8px}.btn-primary:disabled{background:var(--neutral-300);cursor:not-allowed}.kf-panel{position:absolute;top:14px;right:14px;bottom:14px;width:min(360px,calc(100vw - 28px));z-index:25;display:flex;flex-direction:column;overflow:hidden}.kf-panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border-subtle)}.kf-panel-body{overflow:auto;padding:6px 14px 14px}.kf-grp{font:700 10.5px var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--flex-blue);margin:12px 0 4px}.kf-pos{display:grid;grid-template-columns:34px minmax(0,1fr);grid-gap:8px;gap:8px;padding:6px 0;border-bottom:1px solid var(--neutral-100);align-items:baseline}.kf-pos-n{font:700 12.5px var(--font-numeric);color:var(--neutral-900);text-align:right}.kf-pos-t{font:400 12.5px/1.35 var(--font-ui);color:var(--neutral-800)}.kf-pos-s{font:400 10.5px var(--font-numeric);color:var(--text-muted);letter-spacing:.03em}.kf-status{display:inline-flex;align-items:center;gap:6px;font:600 11px var(--font-ui);padding:3px 8px;border-radius:999px}.kf-status.ok{background:var(--status-success-soft);color:var(--status-success)}.kf-status.warn{background:var(--yellow-100);color:var(--yellow-700)}.kf-status.bad{background:var(--status-danger-soft);color:var(--red-orange-700)}.kf-toast{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:60;background:var(--blue-900);color:#fff;font:500 13px var(--font-ui);padding:10px 16px;border-radius:4px;box-shadow:0 8px 24px rgba(0,27,59,.3)}.kf-sheet-backdrop{position:absolute;inset:0;z-index:45;background:transparent}.kf-sheet{position:absolute;left:0;right:0;bottom:0;z-index:50;background:#fff;border-radius:12px 12px 0 0;box-shadow:0 -10px 30px rgba(0,27,59,.22);max-height:58%;display:flex;flex-direction:column;animation:kf-up .18s cubic-bezier(.2,0,.2,1)}.kf-sheet .kf-menu{width:auto;max-height:none;overflow:auto;padding:6px 16px 20px}.kf-grip{width:38px;height:4px;border-radius:999px;background:var(--neutral-300);margin:8px auto 4px}@keyframes kf-up{0%{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}.kf-hero{background:var(--flex-blue);padding:clamp(30px,6vw,64px) clamp(16px,3vw,28px) clamp(40px,7vw,72px)}.kf-hero-in{max-width:1200px;margin:0 auto}.kf-h1{font:400 clamp(30px,4.6vw,46px)/1.1 var(--font-ui);letter-spacing:-.015em;color:#fff;margin:0}.kf-lead{font:400 15.5px/1.6 var(--font-ui);color:rgba(255,255,255,.82);margin-top:14px;max-width:58ch}.kf-tiles{max-width:1200px;margin:-28px auto 0;padding:0 clamp(16px,3vw,28px) 60px;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:14px;gap:14px}.kf-tile{display:block;background:#fff;border:1px solid var(--border-subtle);border-radius:4px;box-shadow:0 4px 16px rgba(0,27,59,.1);padding:18px;transition:transform .14s,box-shadow .14s;color:inherit}.kf-tile:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,27,59,.16)}.kf-tile svg{width:100%;height:120px;display:block}.kf-tile-t{font:600 15px var(--font-ui);color:var(--blue-900);margin-top:12px}.kf-tile-d{font:400 12.5px/1.45 var(--font-ui);color:var(--text-muted);margin-top:4px}@media(max-width:720px){.kf-tools{top:10px;left:10px;right:10px;max-width:none}.kf-tools .kf-card{padding:8px 10px}.kf-tools .kf-hide-m{display:none}.kf-bar{padding:8px 12px;gap:10px}.kf-bar-left{flex-direction:column;align-items:flex-start;gap:2px;flex:1 1}.kf-kv{flex-direction:row;align-items:baseline;gap:6px;min-width:0;max-width:100%}.kf-v{overflow:hidden;text-overflow:ellipsis}.btn-outline{text-transform:capitalize}.kf-k{font-size:9px;letter-spacing:.06em}.kf-v{font-size:13px}.kf-bar .kf-hide-m,.kf-v small{display:none}.btn-outline,.btn-primary{height:38px;padding:0 12px;font-size:12.5px}.kf-bar-right{gap:6px}.kf-panel{top:auto;right:0;left:0;bottom:0;width:auto;max-height:60%;border-radius:12px 12px 0 0}}