:root{--sand:#faf6ee;--weiss:#fff;--tinte:#14232b;--grau:#5d6b72;--linie:#e7dfd0;--meer:#0b5d7a;--meer2:#0e7aa0;--sonne:#f2a33a;--sonne2:#c97a10;--koralle:#e4572e;--blau-bg:#e3f1f6;--rad:14px;--sch:0 2px 14px rgba(11,93,122,.08);--top:#1d8a5a;--top-bg:#dcf3e7;--gut:#4c9a2a;--gut-bg:#eaf5df;--mittel:#b07b0c;--mittel-bg:#fbf0d6;--schwach:#b8452c;--schwach-bg:#fbe5de}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{overflow-x:clip}
body{margin:0;background:var(--sand);color:var(--tinte);font:16px/1.6 "Inter","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}
a{color:var(--meer2)}a:hover{color:var(--koralle)}
h1,h2,h3{font-family:"Avenir Next","Segoe UI",system-ui,sans-serif;font-weight:800;letter-spacing:-.02em;line-height:1.15}
h1{font-size:clamp(1.7rem,3.8vw,2.6rem);margin:.35em 0 .45em}h2{font-size:clamp(1.25rem,2.4vw,1.6rem);margin:0 0 .7em}h2 small{font-size:.85rem;font-weight:600;color:var(--grau);margin-left:6px}
.kp-w{max-width:1160px;margin:0 auto;padding:0 20px}.kp-eng{max-width:820px}
.kp-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}[hidden]{display:none!important}
/* Kopf */
.kp-kopf{background:#fff;border-bottom:1px solid var(--linie);position:sticky;top:0;z-index:40}
.kp-kopf-in{display:flex;align-items:center;gap:18px;min-height:64px}
.kp-logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--tinte);font-size:1.2rem;font-weight:500;letter-spacing:-.02em}.kp-logo b{font-weight:800;color:var(--meer)}
.kp-sonne{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--sonne) 0 45%,transparent 46%),conic-gradient(from 0deg,var(--sonne) 0 8%,transparent 8% 12.5%,var(--sonne) 12.5% 20.5%,transparent 20.5% 25%,var(--sonne) 25% 33%,transparent 33% 37.5%,var(--sonne) 37.5% 45.5%,transparent 45.5% 50%,var(--sonne) 50% 58%,transparent 58% 62.5%,var(--sonne) 62.5% 70.5%,transparent 70.5% 75%,var(--sonne) 75% 83%,transparent 83% 87.5%,var(--sonne) 87.5% 95.5%,transparent 95.5%);flex-shrink:0}
.kp-suche{position:relative;display:flex;gap:8px}
.kp-suche input{flex:1;min-width:0;font:inherit;padding:10px 16px;border:1.5px solid var(--linie);border-radius:999px;background:var(--sand);color:var(--tinte)}
.kp-suche-k{flex:1;max-width:320px}
.kp-vor{position:absolute;top:100%;left:0;right:0;margin:6px 0 0;padding:6px;list-style:none;background:#fff;border:1px solid var(--linie);border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.15);z-index:50;text-align:left}
.kp-vor a{display:flex;justify-content:space-between;padding:8px 12px;border-radius:8px;color:var(--tinte);text-decoration:none}.kp-vor a:hover{background:var(--sand)}.kp-vor small{color:var(--grau)}
.kp-nav{display:flex;gap:4px;margin-left:auto}.kp-nav a{padding:8px 10px;border-radius:8px;color:var(--tinte);text-decoration:none;font-weight:600;font-size:.94rem}.kp-nav a:hover{background:var(--blau-bg);color:var(--meer)}
.kp-burger{display:none;width:40px;height:40px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:5px;padding:8px;cursor:pointer}.kp-burger i{display:block;height:2px;background:var(--tinte);border-radius:2px}
.kp-mnav{display:grid;padding:6px 20px 14px;border-top:1px solid var(--linie)}.kp-mnav a{padding:10px 0;color:var(--tinte);text-decoration:none;border-bottom:1px solid var(--linie)}
.kp-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--koralle);color:#fff;border:0;border-radius:999px;padding:13px 22px;font-family:inherit;font-weight:700;font-size:1rem;line-height:1;cursor:pointer;text-decoration:none;white-space:nowrap}.kp-btn:hover{background:#c8431e;color:#fff}
/* Bühne */
.kp-buehne{background:linear-gradient(160deg,#0b5d7a 0%,#0e7aa0 55%,#3aa6b9 100%);color:#fff;text-align:center;padding:48px 0 34px;position:relative;overflow:hidden}
.kp-buehne:after{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(242,163,58,.9),rgba(242,163,58,0) 70%);pointer-events:none}
.kp-buehne .kp-w{position:relative;z-index:1}
.kp-buehne h1{color:#fff;max-width:26ch;margin:14px auto 12px}
.kp-unter{max-width:64ch;margin:0 auto;color:#dff1f6;font-size:1.08rem}
.kp-badge{display:inline-block;margin:0;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);font-size:.88rem;font-weight:600}
.kp-suche-g{max-width:620px;margin:24px auto 18px}.kp-suche-g input{padding:15px 20px;font-size:1.05rem;border:0;background:#fff}
.kp-ml{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:6px 0 18px}
.kp-ml a{padding:7px 12px;border-radius:999px;background:#fff;border:1px solid var(--linie);color:var(--tinte);text-decoration:none;font-weight:600;font-size:.9rem}
.kp-ml a.an,.kp-ml a:hover{background:var(--meer);border-color:var(--meer);color:#fff}
.kp-buehne .kp-ml a{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);color:#fff}.kp-buehne .kp-ml a.an,.kp-buehne .kp-ml a:hover{background:var(--sonne);border-color:var(--sonne);color:#14232b}
/* Blöcke */
.kp-haupt{padding-bottom:30px}.kp-teil{margin:36px 0}
.kp-pfad{font-size:.85rem;color:var(--grau);margin:18px 0 0}.kp-pfad a{color:var(--grau)}
.kp-lead{font-size:1.08rem;color:var(--grau);max-width:75ch}.kp-klein{font-size:.85rem;color:var(--grau)}.kp-mehr{font-weight:700}
.kp-drei{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}
.kp-drei div{background:#fff;border-radius:var(--rad);padding:16px 18px;border-top:4px solid var(--sonne);box-shadow:var(--sch);display:grid;gap:4px}.kp-drei span{color:var(--grau);font-size:.93rem}
.kp-kacheln{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.kp-k a{position:relative;display:flex;flex-direction:column;gap:3px;height:100%;padding:14px 64px 14px 16px;background:#fff;border:1px solid var(--linie);border-radius:var(--rad);text-decoration:none;color:var(--tinte);box-shadow:var(--sch)}
.kp-k a:hover{border-color:var(--meer2)}.kp-k b{font-size:1.05rem}.kp-k-land{font-size:.84rem;color:var(--grau)}
.kp-k .kp-note{position:absolute;right:12px;top:12px}
.kp-k-w{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.kp-k-w i{font-style:normal;font-size:.8rem;padding:2px 8px;border-radius:6px;background:var(--sand)}
.kp-i-t{background:#fdebd3!important;color:#8a4f00}.kp-i-w{background:var(--blau-bg)!important;color:var(--meer)}
.kp-note{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:30px;padding:0 8px;border-radius:9px;font-weight:800;font-size:.95rem}
.kp-n-top{background:var(--top-bg);color:var(--top)}.kp-n-gut{background:var(--gut-bg);color:var(--gut)}.kp-n-mittel{background:var(--mittel-bg);color:var(--mittel)}.kp-n-schwach{background:var(--schwach-bg);color:var(--schwach)}
.kp-note-gross{min-width:84px;height:64px;font-size:1.7rem;border-radius:14px}
.kp-monate{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.kp-monate a{display:flex;flex-direction:column;padding:14px;background:#fff;border:1px solid var(--linie);border-radius:var(--rad);text-decoration:none;color:var(--tinte);height:100%}.kp-monate span{font-size:.84rem;color:var(--grau)}.kp-monate a:hover{border-color:var(--sonne)}
.kp-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.kp-chips a{display:inline-block;padding:7px 14px;border-radius:999px;background:#fff;border:1px solid var(--linie);text-decoration:none;color:var(--tinte);font-size:.92rem}.kp-chips a:hover{border-color:var(--meer2)}
.kp-raster{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kp-raster-2{grid-template-columns:repeat(2,1fr)}
.kp-raster a{display:flex;flex-direction:column;gap:2px;padding:12px 14px;background:#fff;border:1px solid var(--linie);border-radius:12px;text-decoration:none;color:var(--tinte);height:100%}.kp-raster small{color:var(--grau);font-size:.83rem}.kp-raster a:hover{border-color:var(--meer2)}
/* Antwort, Werte */
.kp-antwort{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(135deg,#0b5d7a,#0e7aa0);color:#fff;border-radius:18px;padding:22px 26px;margin:12px 0 22px}
.kp-antwort p{margin:4px 0;color:#dff1f6}.kp-k1{text-transform:uppercase;font-size:.75rem;letter-spacing:.08em;font-weight:700;color:var(--sonne)!important}
.kp-gross{font-size:1.65rem;font-weight:800;color:#fff!important;line-height:1.2}
.kp-werte{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:12px 0 18px}
.kp-werte div{background:#fff;border:1px solid var(--linie);border-radius:var(--rad);padding:14px;display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.kp-werte span{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--grau);font-weight:700}.kp-werte b{font-size:1.45rem;font-weight:800}.kp-werte small{color:var(--grau);font-size:.82rem}
.kp-text p{font-size:1.04rem;max-width:78ch;margin:0 0 10px}
/* Diagramm */
.kp-dia{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;height:260px;background:#fff;border:1px solid var(--linie);border-radius:var(--rad);padding:16px 12px 30px;margin:8px 0 6px}
.kp-dia-s{position:relative;display:block;text-decoration:none;color:var(--tinte);border-radius:8px}
.kp-dia-s.best{background:rgba(29,138,90,.08)}.kp-dia-s.an{outline:2px solid var(--meer2)}
.kp-dia-bar{position:absolute;left:22%;right:22%;background:linear-gradient(var(--koralle),var(--sonne));border-radius:6px;z-index:2}
.kp-dia-bar em{position:absolute;top:-19px;left:50%;transform:translateX(-50%);font-style:normal;font-size:.76rem;font-weight:800}
.kp-dia-bar small{position:absolute;bottom:-17px;left:50%;transform:translateX(-50%);font-size:.7rem;color:var(--grau)}
.kp-dia-r{position:absolute;left:8%;right:8%;bottom:0;background:rgba(14,122,160,.14);border-radius:6px 6px 0 0;z-index:1;max-height:100%}
.kp-dia-s b{position:absolute;bottom:-24px;left:0;right:0;text-align:center;font-size:.76rem;font-weight:700}
.kp-legende{font-size:.82rem;color:var(--grau);display:flex;gap:14px;flex-wrap:wrap;align-items:center}.kp-legende i{display:inline-block;width:14px;height:10px;border-radius:3px;margin-right:-8px}
.kp-lg-t{background:var(--koralle)}.kp-lg-r{background:rgba(14,122,160,.25)}.kp-lg-b{background:rgba(29,138,90,.25)}
/* Tabellen */
.kp-tab-w{overflow-x:auto;max-width:100%;border:1px solid var(--linie);border-radius:var(--rad);background:#fff}
.kp-tab{width:100%;border-collapse:collapse;font-size:.93rem}
.kp-tab th,.kp-tab td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--linie);white-space:nowrap}
.kp-tab thead th{font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;color:var(--grau);background:var(--sand);cursor:default}
.kp-tab tr.best td{background:rgba(29,138,90,.06)}.kp-tab th.an{color:var(--meer)}
.kp-sort thead th{cursor:pointer}.kp-matrix td{padding:6px 4px;text-align:center}.kp-matrix .kp-note{min-width:36px;height:26px;font-size:.82rem}
.kp-faq details{border-bottom:1px solid var(--linie);padding:4px 0}.kp-faq summary{cursor:pointer;font-weight:700;padding:10px 0;list-style:none;display:flex;justify-content:space-between;gap:10px}.kp-faq summary::-webkit-details-marker{display:none}.kp-faq summary:after{content:"+";color:var(--koralle);font-size:1.2rem}.kp-faq details[open] summary:after{content:"–"}.kp-faq p{margin:0 0 12px;color:var(--grau)}
.kp-artikel{background:#fff;border:1px solid var(--linie);border-radius:var(--rad);padding:28px 34px;margin:16px 0}.kp-artikel h1{margin-top:0}.kp-artikel table{width:100%;border-collapse:collapse}.kp-artikel th,.kp-artikel td{border-bottom:1px solid var(--linie);padding:8px;text-align:left}
/* Fuß */
.kp-fuss{background:#0b2f3d;color:#c9dce3;padding:40px 0 20px;margin-top:40px}
.kp-fuss-in{display:grid;grid-template-columns:1.3fr 1.3fr 1fr 1fr;gap:28px}.kp-fuss b{display:block;color:#fff;margin-bottom:8px}
.kp-fuss a{display:block;color:#c9dce3;text-decoration:none;padding:3px 0;font-size:.92rem}.kp-fuss a:hover{color:var(--sonne)}
.kp-fuss .kp-logo{color:#fff}.kp-fuss .kp-logo b{color:var(--sonne)}.kp-fuss-mon{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}
.kp-fuss .kp-klein{color:#8fb0bb;margin-top:22px}
.kp-zust{position:fixed;right:16px;bottom:16px;max-width:400px;background:#fff;color:var(--tinte);border:1px solid var(--linie);border-left:5px solid var(--sonne);border-radius:12px;padding:16px;box-shadow:0 12px 40px rgba(0,0,0,.2);z-index:60}
.kp-zust p{margin:0 0 10px;font-size:.92rem}.kp-zust div{display:flex;gap:8px;justify-content:flex-end}.kp-zust button{font-family:inherit;font-weight:700;padding:8px 16px;border-radius:999px;cursor:pointer;border:1.5px solid var(--meer);background:transparent;color:var(--meer)}.kp-zust button[data-z="1"]{background:var(--meer);color:#fff}
@media (max-width:1000px){.kp-nav{display:none}.kp-burger{display:flex;margin-left:auto}.kp-suche-k{display:none}.kp-kacheln{grid-template-columns:repeat(2,1fr)}.kp-raster{grid-template-columns:repeat(3,1fr)}.kp-werte{grid-template-columns:repeat(3,1fr)}.kp-monate{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.kp-kacheln,.kp-drei,.kp-raster-2{grid-template-columns:1fr}.kp-raster,.kp-monate{grid-template-columns:repeat(2,1fr)}.kp-werte{grid-template-columns:repeat(2,1fr)}.kp-suche-g{flex-direction:column}.kp-antwort{padding:18px}.kp-gross{font-size:1.3rem}.kp-note-gross{min-width:64px;height:54px;font-size:1.35rem}.kp-dia{gap:2px;padding:16px 4px 30px;height:220px}.kp-dia-bar{left:14%;right:14%}.kp-dia-bar em{font-size:.66rem}.kp-dia-bar small{display:none}.kp-fuss-in{grid-template-columns:1fr}.kp-artikel{padding:20px}.kp-zust{left:12px;right:12px}}