:root{--tm-petrol: #0E5C66;--tm-petrol-dunkel: #0a4a52;--tm-teal: #1f8a99;--tm-flaeche: #f4f6f6;--tm-karte: #ffffff;--tm-tinte: #15282b;--tm-gedaempft: #5d7378;--tm-linie: #dce4e5;--tm-font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--tm-radius-md: 12px;--tm-radius-lg: 16px;--tm-radius-pill: 999px;--tm-shadow-md: 0 4px 16px rgba(21, 40, 43, .08);--tm-space-1: 4px;--tm-space-2: 8px;--tm-space-3: 12px;--tm-space-4: 16px;--tm-space-5: 24px;--tm-space-6: 32px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--tm-font);color:var(--tm-tinte);background:var(--tm-flaeche);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100vh}:root{--tm-l1: #d7e4e6;--tm-l2: #a9c8cc;--tm-l3: #6ba4ab;--tm-l4: #2f7b86;--tm-l5: #0E5C66}.kp-page{display:flex;width:100%;max-width:210mm;min-height:296mm;margin:0 auto;background:var(--tm-karte);border:1px solid var(--tm-linie);border-radius:var(--tm-radius-lg);box-shadow:var(--tm-shadow-md);padding:14mm 16mm 10mm;flex-direction:column;color:var(--tm-tinte)}@media(max-width:640px){.kp-page{padding:24px 18px;min-height:0}.kp-cols{flex-direction:column}.kp-left,.kp-right{width:100%}}@media print{@page{size:A4;margin:0}body{background:var(--tm-karte)}.no-print{display:none!important}.kp-page{position:absolute;top:0;left:0;width:210mm;height:296mm;overflow:hidden;border:none;border-radius:0;box-shadow:none;padding:14mm 16mm 10mm}.kp-cols{flex-direction:row}.kp-left{width:47%}.kp-right{width:53%}}.kp-badge{display:inline-block;align-self:flex-start;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tm-petrol);border:1px solid var(--tm-linie);border-radius:var(--tm-radius-pill);padding:4px 12px}.kp-h1{font-size:26px;font-weight:600;color:var(--tm-petrol);margin-top:10px}.kp-rule{height:3px;background:var(--tm-petrol);margin:10px 0 4px;width:100%}.kp-meta{font-size:12px;color:var(--tm-gedaempft);margin-top:4px}.kp-overall{display:flex;align-items:center;gap:14px;margin-top:14px;padding:12px 16px;background:var(--tm-flaeche);border-radius:10px}.kp-num{font-size:34px;font-weight:700;color:var(--tm-petrol);line-height:1}.kp-name{font-size:16px;font-weight:600}.kp-hint{font-size:11.5px;color:var(--tm-gedaempft);margin-top:2px}.kp-cols{display:flex;gap:8mm;margin-top:14px;flex:1}.kp-left{width:47%}.kp-right{width:53%}.kp-h2{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tm-petrol);margin-bottom:10px}.kp-radar{width:100%;max-width:74mm;display:block;margin:0 auto 8px}.kp-ebene{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--tm-gedaempft);margin:7px 0 5px}.kp-dim{margin-bottom:6px}.kp-dimlabel{display:flex;justify-content:space-between;font-size:11px;margin-bottom:2px}.kp-dimlvl{color:var(--tm-gedaempft)}.kp-hebel .kp-dimname{color:var(--tm-petrol);font-weight:700}.kp-mark{font-weight:600;font-size:10px;color:var(--tm-teal)}.kp-cells{display:flex;gap:3px}.kp-cell{height:7px;flex:1;border-radius:2px;background:var(--tm-flaeche);border:1px solid var(--tm-linie)}.kp-on1{background:var(--tm-l1);border-color:var(--tm-l1)}.kp-on2{background:var(--tm-l2);border-color:var(--tm-l2)}.kp-on3{background:var(--tm-l3);border-color:var(--tm-l3)}.kp-on4{background:var(--tm-l4);border-color:var(--tm-l4)}.kp-on5{background:var(--tm-l5);border-color:var(--tm-l5)}.kp-legende{font-size:10px;color:var(--tm-gedaempft);margin-top:10px;line-height:1.5}.kp-box{border:1px solid var(--tm-linie);border-radius:10px;padding:12px 14px;margin-bottom:10px}.kp-accent{border-left:4px solid var(--tm-petrol)}.kp-box h3{font-size:14px;font-weight:600;color:var(--tm-petrol);margin:0 0 6px}.kp-box p{font-size:12px;line-height:1.55;margin:0}.kp-sub{font-size:11px;color:var(--tm-gedaempft);margin-bottom:6px}.kp-chips{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 2px}.kp-chip{font-size:10.5px;font-weight:600;color:var(--tm-petrol);background:var(--tm-flaeche);border-radius:var(--tm-radius-pill);padding:3px 10px}.kp-frueh{font-size:11.5px;color:var(--tm-gedaempft);margin-top:6px;line-height:1.5}.kp-frueh strong{color:var(--tm-tinte)}.kp-cta{background:var(--tm-petrol);color:var(--tm-karte);border-radius:10px;padding:13px 15px;margin-top:2px}.kp-cta h3{font-size:14px;font-weight:600;margin:0 0 5px}.kp-cta p{font-size:11.5px;line-height:1.55;margin:0;opacity:.92}.kp-claim{font-size:10px;letter-spacing:.1em;text-transform:uppercase;opacity:.75;margin-bottom:6px}.kp-footer{margin-top:auto;padding-top:10px;border-top:1px solid var(--tm-linie);font-size:9.5px;color:var(--tm-gedaempft);text-align:center}