/* CarTFT Konfigurator (Finder-Tab) - Farben wie der Produktfinder */
.kfg *{box-sizing:border-box}
.kfg{font-size:13px;color:#333;line-height:1.45}
.kfg a{color:#2862b0;text-decoration:none}
.kfg a:hover{text-decoration:underline}
.kfg-load{padding:30px 0;color:#777}
.kfg-intro{margin:0 0 14px 0}
.kfg-h2{font-size:18px;font-weight:600;margin:0 0 4px 0;color:#333}
.kfg-intro p{margin:0;color:#555;max-width:900px}

.kfg-step{margin:0 0 18px 0}
.kfg-sh{font-size:15px;font-weight:600;margin:0 0 10px 0;display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.kfg-sh small{font-weight:400;color:#888;font-size:12px}
.kfg-n{display:inline-flex;width:24px;height:24px;border-radius:50%;background:#2862b0;color:#fff;
 align-items:center;justify-content:center;font-size:13px;margin-right:4px}
.kfg-tog{font-size:12px;font-weight:400;margin-left:auto}

.kfg-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.kfg-card{position:relative;display:flex;gap:10px;align-items:flex-start;text-align:left;background:#fff;
 border:1px solid #dcdcdc;border-radius:6px;padding:12px 30px 12px 12px;cursor:pointer;font:inherit;color:#333;
 transition:border-color .12s,box-shadow .12s,background .12s}
.kfg-card:hover{border-color:#2862b0;box-shadow:0 1px 4px rgba(40,98,176,.18)}
.kfg-card.on{border-color:#2862b0;background:#eef3fa;box-shadow:inset 0 0 0 1px #2862b0}
.kfg-card .kfg-ic{flex:0 0 30px;width:30px;height:30px;stroke:#2862b0;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.kfg-ct b{display:block;font-size:13px;margin-bottom:2px}
.kfg-ct small{display:block;color:#777;font-size:12px;line-height:1.35}
.kfg-tick{position:absolute;right:9px;top:8px;width:18px;height:18px;border-radius:50%;border:1px solid #cfcfcf;
 color:#fff;font-size:11px;line-height:16px;text-align:center}
.kfg-card.on .kfg-tick{background:#2862b0;border-color:#2862b0}

.kfg-devsel{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 10px 0}
.kfg-devsel>span{color:#666;margin-right:4px}
.kfg-dbtn{border:1px solid #cfcfcf;background:#fff;border-radius:16px;padding:4px 12px;font:inherit;font-size:12px;cursor:pointer;color:#444}
.kfg-dbtn small{color:#888}
.kfg-dbtn.on{background:#2862b0;border-color:#2862b0;color:#fff}
.kfg-dbtn.on small{color:#dfe8f5}

.kfg-fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.kfg-fbox{border:1px solid #e3e3e3;border-radius:6px;padding:8px 10px;background:#fafafa}
.kfg-fbh{font-size:11px;text-transform:uppercase;letter-spacing:.03em;font-weight:600;color:#666;margin:0 0 4px 0}
.kfg-fopt{display:flex;align-items:center;gap:4px;padding:3px 0;cursor:pointer;color:#444;flex-wrap:wrap}
.kfg-fopt input[type=checkbox]{margin:0 4px 0 0}
.kfg-fopt.on{color:#2862b0;font-weight:600}
.kfg-min{font-weight:400;color:#666;font-size:12px}
.kfg-min select{font-size:12px;padding:1px 2px}
.kfg-i{display:inline-block;width:15px;height:15px;border-radius:50%;background:#c9d6ea;color:#fff;font-size:10px;
 line-height:15px;text-align:center;font-weight:700;font-style:normal;cursor:help;position:relative}
.kfg-i[data-open="1"]:after,.kfg-i:hover:after,.kfg-i:focus:after{content:attr(data-tip);position:absolute;left:50%;bottom:20px;
 transform:translateX(-50%);width:230px;background:#333;color:#fff;font-weight:400;font-size:12px;line-height:1.35;
 padding:7px 9px;border-radius:4px;z-index:20;text-align:left;white-space:normal}

.kfg-chips{margin:0 0 16px 0;padding:9px 10px;background:#f4f7fb;border:1px solid #d6e0ee;border-radius:6px}
.kfg-chips.kfg-empty{color:#666}
.kfg-chip{display:inline-block;background:#fff;border:1px solid #cadaef;border-radius:3px;padding:2px 8px;margin:2px 4px 2px 0;font-size:12px;color:#2c5f9e}
.kfg-chip-e{background:#2862b0;color:#fff;border-color:#2862b0}
.kfg-chip-d{background:#eef3fa}
.kfg-chip i{font-style:normal;cursor:pointer;margin-left:6px;opacity:.7}
.kfg-chip i:hover{opacity:1;color:#c33}
.kfg-reset{font-size:12px;margin-left:6px}

.kfg-sum{font-size:14px;margin:0 0 12px 0}
.kfg-nores{padding:14px;border:1px solid #f0d4a8;background:#fff8ec;border-radius:6px;margin:0 0 14px 0}
.kfg-ovh{font-size:15px;font-weight:600;margin:4px 0 10px 0}
.kfg-ov{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.kfg-ovc{border:1px solid #e3e3e3;border-radius:6px;padding:12px}
.kfg-from{margin-top:6px;color:#555}
.kfg-from b{color:#333;font-size:15px}

.kfg-dev{border:1px solid #dcdcdc;border-radius:8px;padding:14px;margin:0 0 16px 0;background:#fff}
.kfg-dh{display:flex;gap:14px;align-items:flex-start}
.kfg-dimg{flex:0 0 110px;height:90px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.kfg-dimg img{max-width:110px;max-height:90px;width:auto;height:auto}
.kfg-dt h3{font-size:15px;margin:0 0 6px 0;font-weight:600}
.kfg-spec span{display:inline-block;font-size:11px;background:#f0f0f0;border-radius:3px;padding:2px 6px;margin:0 4px 4px 0;color:#555}
.kfg-dhint{margin:8px 0 0 0;padding:0 0 0 18px;color:#777;font-size:12px}

.kfg-sols{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px;margin-top:12px}
.kfg-sol{border:1px solid #e3e3e3;border-radius:6px;padding:10px 12px;background:#fcfcfc;display:flex;flex-direction:column}
.kfg-sol.pick{grid-column:1/-1;border-color:#2862b0;background:#fff;box-shadow:0 0 0 1px #2862b0}
.kfg-solh{display:flex;align-items:baseline;gap:8px;margin:0 0 6px 0}
.kfg-tot{margin-left:auto;font-size:15px;font-weight:700;color:#333;text-align:right}
.kfg-tot small{display:block;font-size:11px;font-weight:400;color:#888}
.kfg-badge{font-size:11px;background:#fff1d6;color:#9a6300;border:1px solid #f0d4a8;border-radius:3px;padding:0 5px}
.kfg-parts{list-style:none;margin:0 0 8px 0;padding:0}
.kfg-parts li{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid #eee}
.kfg-th{flex:0 0 44px;height:36px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.kfg-th img{max-width:44px;max-height:36px;width:auto;height:auto}
.kfg-pn{flex:1 1 auto;min-width:0}
.kfg-pn small{display:block;color:#999;font-size:11px;line-height:1.2}
.kfg-pp{white-space:nowrap;color:#555;font-size:12px}
.kfg-meet,.kfg-extra{margin:4px 0;font-size:12px}
.kfg-meet small,.kfg-extra small{color:#777;margin-right:2px}
.kfg-ok{display:inline-block;background:#e6f5ea;color:#1a7f37;border-radius:3px;padding:1px 6px;margin:0 4px 3px 0}
.kfg-extra span{display:inline-block;background:#f0f0f0;color:#555;border-radius:3px;padding:1px 6px;margin:0 4px 3px 0}
.kfg-hint{margin:4px 0 8px 0;padding:0 0 0 16px;color:#777;font-size:12px}
.kfg-hint .kfg-hu{color:#9a6300}
.kfg-hint .kfg-hr{color:#2c5f9e}
.kfg-btn{display:inline-block;background:#ff5501;color:#fff;border:0;border-radius:3px;padding:7px 14px;font:inherit;font-size:13px;
 font-weight:600;cursor:pointer;margin:6px 6px 0 0;text-decoration:none;align-self:flex-start}
.kfg-btn:hover{background:#e04a00;text-decoration:none}
.kfg-btn:disabled,.kfg-btn.dis{background:#ccc;cursor:not-allowed}
.kfg-btn2{background:#fff;color:#2862b0;border:1px solid #2862b0}
.kfg-btn2:hover{background:#eef3fa}
.kfg-btn3{background:#fff;color:#777;border:1px solid #ccc;font-weight:400}
.kfg-btn3:hover{background:#f4f4f4}
.kfg-more{display:inline-block;margin-top:10px;font-size:12px}

.kfg-unfit{margin:6px 0 20px 0;border:1px dashed #d6d6d6;border-radius:6px;padding:10px 12px;color:#666}
.kfg-unh{font-weight:600;margin-bottom:4px}
.kfg-unfit ul{margin:0;padding:0 0 0 18px}

.kfg-pick{margin-top:10px;border-top:2px solid #2862b0;padding-top:10px}
.kfg-pkh{font-size:15px;font-weight:600;margin:0 0 8px 0}
.kfg-addh{font-weight:600;margin:6px 0 6px 0}
.kfg-add{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px 16px}
.kfg-addgh{font-size:11px;text-transform:uppercase;letter-spacing:.03em;font-weight:600;color:#666;margin:6px 0 2px 0}
.kfg-xo{display:flex;align-items:center;gap:6px;padding:3px 0;cursor:pointer;font-size:12px}
.kfg-xo.on{color:#2862b0}
.kfg-xn{flex:1 1 auto;min-width:0}
.kfg-q{width:46px;font-size:12px;padding:1px 3px}
.kfg-chk{margin:10px 0}
.kfg-okm{color:#1a7f37;font-weight:600}
.kfg-err{color:#c00000;margin:2px 0}
.kfg-rec{color:#2c5f9e;margin:2px 0}
.kfg-wait{color:#888}
.kfg-tab{border-collapse:collapse;width:100%;max-width:760px;margin:6px 0}
.kfg-tab td{padding:4px 6px;border-bottom:1px solid #eee;vertical-align:top}
.kfg-tab small{color:#999}
.kfg-r{text-align:right;white-space:nowrap}
.kfg-sumr td{font-weight:700;border-bottom:0}
.kfg-msg{margin-top:6px;font-size:12px}
.kfg-msg .kfg-tocart{margin-left:8px;padding:5px 12px;font-size:12px;text-decoration:none;display:inline-block}

@media (max-width:640px){
 .kfg-sols,.kfg-ov,.kfg-add{grid-template-columns:1fr}
 .kfg-dimg{flex-basis:70px;height:60px}
 .kfg-dimg img{max-width:70px;max-height:60px}
 .kfg-tog{margin-left:0}
}
@media print{
 .kfg-step,.kfg-chips,.kfg-btn,.kfg-add,.kfg-addh{display:none}
}