:root{--text: #16181B;--text-2: #6B7075;--grund: #F2F1EE;--karte: #FFFFFF;--flaeche: #EDEAE4;--etikett: #E2DED6;--linie: #D9D5CC;--linie-stark: #B4AEA3;--foto: #FFFFFF;--btn: #16181B;--btn-text: #FFFFFF;--bronze: #8A6A45;--gruen: #4C6350;--rost: #9A5B3C;--rot: #8C3F3A;--greige: #B4AEA3;--beton: #6B7075;--ok-bg: #E6EBE6;--bald-bg: #F2E5DC;--ab-bg: #F1DEDC;--platzhalter: #E4E0D8;--platzhalter-licht: #F0EDE7;--kopf: #16181B;--kopf-2: #24282D;--kopf-linie: #33383E;--kopf-text: #EDEAE4;--kopf-text-2: #9A9EA2;color-scheme:light}:root[data-theme=dunkel]{--text: #E8E5DF;--text-2: #9A9EA2;--grund: #111315;--karte: #1B1E22;--flaeche: #23272C;--etikett: #2C3036;--linie: #2E3339;--linie-stark: #4A5058;--foto: #E9E9E9;--btn: #E2DED6;--btn-text: #16181B;--bronze: #A8845A;--gruen: #7D9B81;--rost: #C88A66;--rot: #CF7B72;--greige: #6E6A63;--beton: #9A9EA2;--ok-bg: #1E2A21;--bald-bg: #33261D;--ab-bg: #36211F;--platzhalter: #1F2226;--platzhalter-licht: #282C31;color-scheme:dark}@media (prefers-color-scheme: dark){:root:not([data-theme=hell]){--text: #E8E5DF;--text-2: #9A9EA2;--grund: #111315;--karte: #1B1E22;--flaeche: #23272C;--etikett: #2C3036;--linie: #2E3339;--linie-stark: #4A5058;--foto: #E9E9E9;--btn: #E2DED6;--btn-text: #16181B;--bronze: #A8845A;--gruen: #7D9B81;--rost: #C88A66;--rot: #CF7B72;--greige: #6E6A63;--beton: #9A9EA2;--ok-bg: #1E2A21;--bald-bg: #33261D;--ab-bg: #36211F;--platzhalter: #1F2226;--platzhalter-licht: #282C31;color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html,body{overscroll-behavior-y:contain}body{margin:0;font-family:Inter,Helvetica Neue,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--grund);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}.kk{min-height:100%;display:flex;flex-direction:column}.serif{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.kk-tor{flex:1;background:var(--kopf);display:flex;align-items:center;justify-content:center;padding:28px 18px}.kk-tor-box{width:100%;max-width:370px}.kk-tor-marke{text-align:center;margin-bottom:18px}.kk-tor-logo{display:block;width:min(300px,78vw);height:auto;margin:0 auto}.kk-tor-karte{background:var(--kopf-2);border:1px solid var(--kopf-linie);border-radius:3px;padding:20px 18px}.kk-tor-titel{font-size:16px;color:#fff;margin:0 0 5px;font-weight:500}.kk-tor-text{font-size:12.5px;color:var(--kopf-text-2);line-height:1.55;margin:0 0 16px}.kk-tor .kk-feld label{color:#6b7075}.kk-tor .kk-feld input{background:#1b1e22;border-color:#3a4046;color:#fff}.kk-tor .kk-feld input::placeholder{color:#6b7075}.kk-tor-fehler{background:#3a2422;border:1px solid #5C3430;color:#e8b4ae;border-radius:2px;padding:9px 11px;font-size:12.5px;margin-bottom:12px;line-height:1.45}.kk-tor-ok{background:#23301f;border:1px solid #3B4F33;color:#b9d3ac;border-radius:2px;padding:11px 12px;font-size:13px;line-height:1.5}.kk-tor-fuss{font-size:11px;color:#6b7075;text-align:center;margin-top:16px;line-height:1.55}.kk-head{background:var(--kopf);color:var(--kopf-text);padding:10px 16px 12px;position:sticky;top:0;z-index:40;padding-top:calc(10px + env(safe-area-inset-top))}.kk-head-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.kk-brand{display:flex;align-items:center;gap:10px}.kk-brand-bild{height:34px;width:auto;display:block}.kk-brand-sub{font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--kopf-text-2)}.kk-suche{display:flex;align-items:center;gap:9px;background:var(--kopf-2);border:1px solid var(--kopf-linie);border-radius:2px;padding:9px 11px;margin-top:10px}.kk-suche input{flex:1;background:none;border:0;outline:none;color:#fff;font-size:16px;font-family:inherit;min-width:0}.kk-suche input::placeholder{color:#787d82}.kk-nav{display:flex;background:var(--kopf-2);border-top:1px solid var(--kopf-linie);position:sticky;bottom:0;z-index:40;padding-bottom:env(safe-area-inset-bottom)}.kk-nav button{flex:1;background:none;border:0;padding:9px 2px 10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;color:#6b7075;font-size:9.5px;font-family:inherit;letter-spacing:.03em;position:relative}.kk-nav button[data-on="1"]{color:var(--kopf-text)}.kk-nav button[data-on="1"]:before{content:"";position:absolute;top:0;left:22%;right:22%;height:2px;background:var(--bronze)}.kk-nav .badge{position:absolute;top:5px;right:calc(50% - 20px);background:var(--rost);color:#fff;font-size:9px;min-width:15px;height:15px;border-radius:8px;display:grid;place-items:center;padding:0 4px}.kk-main{flex:1;padding:16px 14px 26px;max-width:900px;width:100%;margin:0 auto}.kk-eyebrow{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-2);margin:0 0 3px}.kk-h1{font-size:23px;margin:0 0 14px;font-weight:400;letter-spacing:-.01em}.kk-h2{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-2);margin:22px 0 9px;display:flex;align-items:center;gap:9px}.kk-h2:after{content:"";flex:1;height:1px;background:var(--linie)}.kk-titelzeile{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.kk-titelzeile .kk-h1{margin:0}.kk-karte{background:var(--karte);border:1px solid var(--linie);border-left:3px solid var(--beton);border-radius:2px;padding:12px 13px;margin-bottom:8px;width:100%;text-align:left;font-family:inherit;cursor:pointer;display:block;color:inherit;transition:border-color .12s,transform .12s}.kk-karte:hover{border-color:var(--linie-stark)}.kk-karte:active{transform:scale(.994)}.kk-karte[data-s=lager]{border-left-color:var(--gruen)}.kk-karte[data-s=einsatz]{border-left-color:var(--bronze)}.kk-karte[data-s=werkstatt]{border-left-color:var(--rost)}.kk-karte[data-s=defekt]{border-left-color:var(--rot)}.kk-karte.statisch{cursor:default}.kk-karte.statisch:active{transform:none}.kk-etikett{display:inline-flex;align-items:center;gap:5px;background:var(--etikett);border:1px solid var(--linie);border-radius:1px;padding:2px 6px 2px 4px;font-size:10.5px;letter-spacing:.07em;color:var(--text);white-space:nowrap}.kk-etikett:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--karte);border:1px solid var(--greige);flex:none}.kk-zeile{display:flex;gap:11px;align-items:flex-start}.kk-thumb{width:52px;height:52px;flex:none;border:1px solid var(--linie);border-radius:2px;background:var(--foto);display:grid;place-items:center;overflow:hidden;color:var(--greige)}.kk-thumb.leer{background:var(--flaeche)}.kk-thumb img{padding:3px}.kk-titel{font-size:14.5px;font-weight:500;line-height:1.3;margin:0 0 3px}.kk-meta{font-size:12px;color:var(--text-2);line-height:1.45}.kk-rechts{margin-left:auto;text-align:right;flex:none;padding-left:6px}.kk-menge{font-size:19px;line-height:1}.kk-menge span{font-size:10px;color:var(--text-2);letter-spacing:.1em}.kk-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media (min-width: 620px){.kk-raster{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 860px){.kk-raster{grid-template-columns:repeat(4,minmax(0,1fr))}}.kk-kachel{background:var(--karte);border:1px solid var(--linie);border-top:3px solid var(--beton);border-radius:2px;padding:0;overflow:hidden;text-align:left;font-family:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:column;transition:transform .12s,border-color .12s}.kk-kachel:hover{border-color:var(--linie-stark)}.kk-kachel:active{transform:scale(.985)}.kk-kachel[data-s=lager]{border-top-color:var(--gruen)}.kk-kachel[data-s=einsatz]{border-top-color:var(--bronze)}.kk-kachel[data-s=werkstatt]{border-top-color:var(--rost)}.kk-kachel[data-s=defekt]{border-top-color:var(--rot)}.kk-kachel-bild{aspect-ratio:1 / 1;background:var(--foto);display:grid;place-items:center;color:var(--greige);border-bottom:1px solid var(--linie)}.kk-kachel-bild.leer{background:var(--flaeche)}.kk-kachel-bild img{padding:8px}.kk-kachel-text{padding:9px 10px 10px;display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.kk-kachel-name{font-size:13.5px;font-weight:500;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kk-kachel-fuss{margin-top:auto;display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:11.5px;color:var(--text-2)}.kk-kachel-fuss span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kk-kachel-fuss b{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-weight:400;font-size:16px;color:var(--text);flex:none}.kk-umschalter{display:inline-flex;border:1px solid var(--linie);border-radius:2px;background:var(--karte);overflow:hidden}.kk-umschalter button{background:none;border:0;padding:7px 10px;color:var(--text-2);cursor:pointer;display:grid;place-items:center;font-family:inherit;font-size:12.5px}.kk-umschalter button+button{border-left:1px solid var(--linie)}.kk-umschalter button[data-on="1"]{background:var(--btn);color:var(--btn-text)}.kk-umschalter.breit{display:flex;width:100%}.kk-umschalter.breit button{flex:1;padding:10px 6px}.kk-fortschritt{margin-top:9px}.kk-fortschritt-balken{height:4px;background:var(--flaeche);border-radius:2px;overflow:hidden}.kk-fortschritt-balken i{display:block;height:100%;background:var(--bronze);border-radius:2px}.kk-fortschritt[data-t=ueber] .kk-fortschritt-balken i{background:var(--rot)}.kk-fortschritt[data-t=bald] .kk-fortschritt-balken i{background:var(--greige)}.kk-fortschritt-text{display:flex;justify-content:space-between;gap:10px;margin-top:5px;font-size:11.5px;color:var(--text-2)}.kk-fortschritt[data-t=ueber] .kk-fortschritt-text span:first-child{color:var(--rot)}.kk-kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media (min-width: 620px){.kk-kpi-grid{grid-template-columns:repeat(4,1fr)}}.kk-kpi{background:var(--karte);border:1px solid var(--linie);border-radius:2px;padding:13px 12px}.kk-kpi-wert{font-size:28px;line-height:1;margin-bottom:6px}.kk-kpi-label{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--text-2);line-height:1.4}.kk-kpi[data-ton=warn]{border-color:var(--rost)}.kk-kpi[data-ton=warn] .kk-kpi-wert{color:var(--rost)}.kk-balken{display:flex;height:12px;border-radius:2px;overflow:hidden;background:var(--etikett);border:1px solid var(--linie);margin-bottom:12px}.kk-balken i{display:block;height:100%}.kk-legende{display:grid;grid-template-columns:repeat(2,1fr);gap:7px 14px}.kk-legende-zeile{display:flex;align-items:center;gap:8px;font-size:12.5px}.kk-punkt{width:9px;height:9px;border-radius:2px;flex:none}.kk-legende-zahl{margin-left:auto;font-size:13px}.kk-warn{display:flex;align-items:center;gap:10px;background:var(--karte);border:1px solid var(--linie);border-left:3px solid var(--rost);border-radius:2px;padding:11px 12px;margin-bottom:7px;width:100%;text-align:left;font-family:inherit;color:inherit;cursor:pointer;font-size:13.5px}.kk-warn[data-t=info]{border-left-color:var(--bronze)}.kk-warn-zahl{margin-left:auto;font-size:17px;color:var(--rost)}.kk-warn[data-t=info] .kk-warn-zahl{color:var(--bronze)}.kk-log{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--linie);font-size:13px;align-items:baseline}.kk-log-tag{flex:none;width:44px;color:var(--text-2);font-size:11.5px}.kk-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:3px;margin-bottom:12px;scrollbar-width:none}.kk-chips::-webkit-scrollbar{display:none}.kk-chip{background:var(--karte);border:1px solid var(--linie);border-radius:999px;padding:6px 12px;font-size:12px;color:var(--text-2);white-space:nowrap;cursor:pointer;font-family:inherit;flex:none}.kk-chip[data-on="1"]{background:var(--btn);border-color:var(--btn);color:var(--btn-text)}.kk-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0b0d80;z-index:60;display:flex;align-items:flex-end;justify-content:center;animation:kkfade .16s ease}@keyframes kkfade{0%{opacity:0}}.kk-panel{background:var(--grund);width:100%;max-width:720px;max-height:92vh;overflow-y:auto;border-radius:6px 6px 0 0;animation:kkslide .2s cubic-bezier(.2,.8,.3,1);padding-bottom:env(safe-area-inset-bottom)}@keyframes kkslide{0%{transform:translateY(24px)}}.kk-panel-head{position:sticky;top:0;background:var(--kopf);color:#fff;padding:13px 15px;display:flex;align-items:center;gap:11px;z-index:2}.kk-panel-head button{background:none;border:0;color:var(--kopf-text-2);cursor:pointer;padding:3px;display:grid}.kk-panel-body{padding:15px}.kk-hero{width:100%;height:220px;border:1px solid var(--linie);border-radius:2px;background:var(--foto);display:grid;place-items:center;overflow:hidden;margin-bottom:14px}.kk-hero.leer{background:var(--flaeche);height:160px}.kk-hero img{padding:10px}.kk-thumb,.kk-hero,.kk-kachel-bild{position:relative}.kk-thumb img,.kk-hero img,.kk-kachel-bild img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}:root[data-theme=dunkel] .kk-thumb img,:root[data-theme=dunkel] .kk-hero img,:root[data-theme=dunkel] .kk-kachel-bild img{filter:brightness(.915)}@media (prefers-color-scheme: dark){:root:not([data-theme=hell]) .kk-thumb img,:root:not([data-theme=hell]) .kk-hero img,:root:not([data-theme=hell]) .kk-kachel-bild img{filter:brightness(.915)}}.kk-hero-leer{text-align:center;color:var(--text-2);font-size:12px}.kk-daten{border-top:1px solid var(--linie);margin:0}.kk-datenzeile{display:flex;gap:14px;padding:9px 0;border-bottom:1px solid var(--linie);font-size:13.5px}.kk-datenzeile dt{color:var(--text-2);flex:none;width:130px;font-size:12.5px}.kk-datenzeile dd{margin:0;flex:1;text-align:right;word-break:break-word}.kk-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--btn);color:var(--btn-text);border:1px solid var(--btn);border-radius:2px;padding:11px 15px;font-size:13.5px;cursor:pointer;font-family:inherit}.kk-btn.sek{background:var(--karte);color:var(--text);border-color:var(--linie)}.kk-btn.warn{background:var(--rot);border-color:var(--rot);color:#fff}.kk-btn:disabled{opacity:.4;cursor:not-allowed}.kk-btn-reihe{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.kk-btn-reihe .kk-btn{flex:1;min-width:130px}.kk-btn-voll{width:100%}.kk-feld{margin-bottom:12px}.kk-feld label{display:block;font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--text-2);margin-bottom:5px}.kk-feld input,.kk-feld select,.kk-feld textarea{width:100%;background:var(--karte);border:1px solid var(--linie);border-radius:2px;padding:10px 11px;font-size:16px;font-family:inherit;color:var(--text);outline:none}.kk-feld input:focus,.kk-feld select:focus,.kk-feld textarea:focus{border-color:var(--bronze)}.kk-feld input:disabled{background:var(--flaeche);color:var(--text-2)}.kk-feld-paar{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kk-hinweis{background:var(--flaeche);border:1px solid var(--linie);border-left:3px solid var(--bronze);border-radius:2px;padding:11px 12px;font-size:12.5px;line-height:1.5;color:var(--text);margin:12px 0}.kk-hinweis.warn{border-left-color:var(--rost)}.kk-leer{text-align:center;padding:30px 20px;color:var(--text-2);font-size:13.5px;line-height:1.6}.kk-frist{font-size:11.5px;padding:2px 7px;border-radius:1px;white-space:nowrap;display:inline-block}.kk-frist[data-t=ok]{background:var(--ok-bg);color:var(--gruen)}.kk-frist[data-t=bald]{background:var(--bald-bg);color:var(--rost)}.kk-frist[data-t=ab]{background:var(--ab-bg);color:var(--rot)}.kk-fab{position:fixed;right:16px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:45;width:50px;height:50px;border-radius:50%;background:var(--bronze);color:#fff;border:0;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px #0a0b0d4d}.kk-toast{position:fixed;left:14px;right:14px;bottom:calc(74px + env(safe-area-inset-bottom));z-index:70;background:var(--kopf);color:var(--kopf-text);padding:12px 14px;border-radius:2px;font-size:13px;line-height:1.45;max-width:620px;margin:0 auto;border:1px solid var(--kopf-linie)}:focus-visible{outline:2px solid var(--bronze);outline-offset:2px}.kk-lade{padding:70px 20px;text-align:center;color:var(--text-2);font-size:13px}.kk-mini{background:none;border:0;color:var(--text-2);cursor:pointer;padding:4px;display:grid;font-family:inherit}.kk-platzhalter{background:var(--karte);border:1px solid var(--linie);border-left:3px solid var(--linie);border-radius:2px;padding:12px 13px;margin-bottom:8px;display:flex;gap:11px}.kk-ph{border-radius:2px;background:linear-gradient(90deg,var(--platzhalter) 0%,var(--platzhalter-licht) 50%,var(--platzhalter) 100%);background-size:200% 100%;animation:kkschimmer 1.3s ease-in-out infinite}@keyframes kkschimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.kk-ptr{display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--text-2);transition:height .2s ease;margin-top:-4px}.kk-ptr.ziehen{transition:none}.kk-dreht{animation:kkdreh .8s linear infinite}@keyframes kkdreh{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.kk-overlay,.kk-panel,.kk-ph,.kk-dreht{animation:none}.kk-karte,.kk-kachel,.kk-ptr{transition:none}}