/* CarTFT Produktfinder - Layout im Stil der bisherigen Magento-Navigation */
.fndr *{box-sizing:border-box}
.fndr{font-size:13px;color:#333;line-height:1.4}
.fndr a{text-decoration:none;color:#2862b0}
.fndr a:hover{text-decoration:underline}

.fndr-head{margin:0 0 14px 0}
.fndr-h1{font-size:20px;color:#333;margin:0 0 10px 0;font-weight:400}
.fndr-tabs{margin:0 0 16px 0;padding:0;list-style:none;border-bottom:1px solid #e3e3e3}
.fndr-tabs li{display:inline-block;margin:0 2px -1px 0}
.fndr-tabs a,.fndr-tabs span{display:block;padding:8px 14px;font-size:12px;border:1px solid transparent;border-bottom:0;border-radius:3px 3px 0 0}
.fndr-tabs span{background:#fff;border-color:#e3e3e3;color:#2862b0;font-weight:600;position:relative;top:1px}
.fndr-tabs a{color:#666;background:#f5f5f5}
.fndr-tabs a:hover{color:#2862b0;text-decoration:none;background:#eef3fa}

.fndr-wrap{display:flex;align-items:flex-start;gap:24px}
.fndr-side{width:250px;flex:0 0 250px}
.fndr-main{flex:1 1 auto;min-width:0}

.fndr-sidehd{font-size:15px;font-weight:600;margin:0 0 6px 0;color:#333}
.fndr-fo{border-top:1px solid #e3e3e3}
.fndr-fi{border-bottom:1px solid #e3e3e3}
.fndr-ft{cursor:pointer;padding:11px 24px 11px 2px;position:relative;font-size:12px;
 text-transform:uppercase;letter-spacing:.02em;color:#333;font-weight:600;user-select:none}
.fndr-ft:hover{color:#2862b0}
.fndr-ft:after{content:"";position:absolute;right:6px;top:50%;width:7px;height:7px;
 border-right:2px solid #8f8f8f;border-bottom:2px solid #8f8f8f;
 transform:translateY(-70%) rotate(45deg);transition:transform .15s}
.fndr-fi.open>.fndr-ft:after{transform:translateY(-20%) rotate(-135deg)}
.fndr-fi.sel>.fndr-ft{color:#2862b0}
.fndr-fc{display:none;padding:0 2px 14px 2px}
.fndr-fi.open>.fndr-fc{display:block}

.fndr-opt{display:block;padding:3px 0;font-size:13px;cursor:pointer;color:#555}
.fndr-opt:hover{color:#2862b0}
.fndr-opt input{margin:0 7px 0 0;vertical-align:-1px}
.fndr-cnt{color:#9a9a9a;font-size:12px}
.fndr-more{font-size:12px;cursor:pointer;color:#2862b0;display:inline-block;margin-top:5px}
.fndr-scrollbox{max-height:230px;overflow-y:auto}

.fndr-sl{padding:6px 4px 2px 4px}
.fndr-slval{font-size:12px;color:#555;margin-bottom:8px;display:flex;justify-content:space-between}
.fndr-slval b{color:#333;font-weight:600}
.fndr-slwrap{position:relative;height:22px}
.fndr-slwrap input[type=range]{position:absolute;left:0;top:0;width:100%;margin:0;
 -webkit-appearance:none;appearance:none;background:transparent;pointer-events:none;height:22px}
.fndr-slwrap input[type=range]::-webkit-slider-runnable-track{height:3px;background:#d6d6d6;border-radius:2px}
.fndr-slwrap input[type=range]::-moz-range-track{height:3px;background:#d6d6d6;border-radius:2px}
.fndr-slwrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;
 width:15px;height:15px;border-radius:50%;background:#ff5501;border:0;cursor:pointer;margin-top:-6px}
.fndr-slwrap input[type=range]::-moz-range-thumb{pointer-events:auto;width:15px;height:15px;
 border-radius:50%;background:#ff5501;border:0;cursor:pointer}
.fndr-slbar{position:absolute;top:9px;height:3px;background:#2862b0;border-radius:2px}

.fndr-chips{margin:0 0 12px 0}
.fndr-chip{display:inline-block;background:#eef3fa;border:1px solid #cadaef;border-radius:3px;
 padding:3px 8px;margin:0 6px 6px 0;font-size:12px;color:#2c5f9e}
.fndr-chip b{font-weight:600}
.fndr-chip i{font-style:normal;cursor:pointer;margin-left:6px;color:#8fa8c8;font-size:14px}
.fndr-chip i:hover{color:#cc3333}
.fndr-clear{font-size:12px;cursor:pointer;color:#2862b0}

.fndr-tb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:0 0 12px 0;
 border-bottom:1px solid #e3e3e3;margin-bottom:16px}
.fndr-modes{display:flex;gap:2px}
.fndr-mode{width:32px;height:32px;border:1px solid #e3e3e3;background:#fff;border-radius:2px;
 cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.fndr-mode.on{background:#f0f0f0;border-color:#cfcfcf}
.fndr-mode span{display:block;width:16px;height:16px;background-size:16px 16px;opacity:.55}
.fndr-mode.on span{opacity:.9}
.fndr-amount{color:#666;font-size:13px}
.fndr-tbspace{flex:1 1 auto}
.fndr-sorter,.fndr-limiter{font-size:13px;color:#666;display:flex;align-items:center;gap:6px}
.fndr select{font-size:13px;padding:5px 6px;border:1px solid #cfcfcf;border-radius:2px;background:#fff;color:#333}
.fndr-dir{width:30px;height:30px;border:1px solid #cfcfcf;background:#fff;border-radius:2px;cursor:pointer;
 color:#666;font-size:14px;line-height:1;padding:0}
.fndr-dir:hover{color:#2862b0}

.fndr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 20px}
.fndr-it{position:relative;display:flex;flex-direction:column}
.fndr-imgw{display:flex;align-items:center;justify-content:center;height:190px;
 margin-bottom:10px;overflow:hidden}
.fndr .fndr-imgw img{max-width:100% !important;max-height:190px !important;
 width:auto !important;height:auto !important;object-fit:contain}
.fndr .fndrc-head img{max-width:130px !important;max-height:110px !important;
 width:auto !important;height:auto !important}
.fndr-ph{width:100%;height:150px;background:#f5f5f5;border:1px solid #eee}
.fndr-nm{display:block;color:#2862b0;font-size:13px;line-height:1.35;margin-bottom:8px}
.fndr-pr{font-size:16px;font-weight:700;color:#333;margin-bottom:4px}
.fndr-prw{margin-bottom:5px}
.fndr-prw b.price,.fndr-prw .price{font-size:16px;font-weight:700;color:#333}
.fndr-prw small{font-size:11px;color:#7d7d7d;line-height:1.35;display:inline-block}
.fndr-stw{font-size:11px;margin-bottom:6px}
.fndr-stw small{font-size:11px}
.fndr-stk{font-size:11px;margin-bottom:6px}
.fndr-in{color:#1a9e3c}
.fndr-out{color:#cc3333}
.fndr-specs{font-size:11px;color:#666;margin:2px 0 8px 0}
.fndr-specs span{display:inline-block;margin-right:10px;white-space:nowrap}
.fndr-cmpb{font-size:12px;color:#666;cursor:pointer;display:inline-block}
.fndr-cmpb:hover{color:#2862b0}
.fndr-cmpb input{margin-right:5px;vertical-align:-1px}

.fndr-list .fndr-grid{display:block}
.fndr-list .fndr-it{flex-direction:row;gap:18px;border-bottom:1px solid #eee;padding-bottom:18px;margin-bottom:18px}
.fndr-list .fndr-imgw{flex:0 0 180px;height:150px;margin:0}
.fndr-list .fndr-imgw img{max-height:150px !important}
.fndr-list .fndr-info{flex:1 1 auto;min-width:0}
.fndr-list .fndr-specs{font-size:12px}

.fndr-empty{padding:26px;background:#fdf6e6;border:1px solid #f0d9a8;color:#6f5b2e;font-size:13px}

.fndr-bot{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:22px;
 padding-top:14px;border-top:1px solid #e3e3e3}
.fndr-pg{display:flex;gap:3px;flex-wrap:wrap}
.fndr-pg a,.fndr-pg span{display:block;min-width:30px;height:30px;line-height:28px;text-align:center;
 padding:0 7px;border:1px solid #e3e3e3;border-radius:2px;font-size:13px;color:#2862b0;cursor:pointer}
.fndr-pg a:hover{background:#eef3fa;text-decoration:none}
.fndr-pg span.cur{background:#2862b0;border-color:#2862b0;color:#fff;font-weight:600}
.fndr-pg span.gap{border:0;cursor:default;color:#999}

.fndr-cmpbox{margin-top:26px;border-top:1px solid #e3e3e3;padding-top:12px}
.fndr-cmpbox h3{font-size:15px;font-weight:600;margin:0 0 8px 0}
.fndr-cmplist{font-size:12px;color:#666}
.fndr-cmplist li{margin-bottom:5px;list-style:none}
.fndr-cmplist ul{margin:0;padding:0}
.fndr-cmplist i{font-style:normal;cursor:pointer;color:#b0b0b0;margin-right:5px}
.fndr-cmplist i:hover{color:#cc3333}
.fndr-btn{display:inline-block;background:#2862b0;color:#fff;border:0;border-radius:3px;
 padding:8px 16px;font-size:13px;cursor:pointer;margin-top:8px}
.fndr-btn:hover{background:#1d4d8f;color:#fff;text-decoration:none}
.fndr-btn[disabled]{background:#c3c3c3;cursor:default}
.fndr-btn2{background:#fff;color:#2862b0;border:1px solid #2862b0}
.fndr-btn2:hover{background:#eef3fa;color:#2862b0}

.fndr-ov{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.55);z-index:9998;
 display:flex;align-items:flex-start;justify-content:center;padding:20px;overflow:auto}
.fndr-md{background:#fff;border-radius:4px;max-width:1100px;width:100%;padding:18px 20px 24px 20px}
.fndr-mdhd{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.fndr-mdhd h3{margin:0;font-size:17px;font-weight:600}
.fndr-x{cursor:pointer;font-size:22px;line-height:1;color:#888;padding:0 4px}
.fndr-x:hover{color:#cc3333}
.fndr-ct{width:100%;border-collapse:collapse;font-size:12px}
.fndr-ct th,.fndr-ct td{border-bottom:1px solid #eee;padding:7px 9px;text-align:center;vertical-align:top}
.fndr-ct th.lbl,.fndr-ct td.lbl{text-align:left;background:#fafafa;font-weight:600;white-space:nowrap;
 position:sticky;left:0}
.fndr-ct tr.diff td{background:#fff9e6}
.fndr-ct tr.diff td.lbl{background:#fff2cc}
.fndr-ct img{max-width:130px;max-height:110px}
.fndr-ctw{overflow-x:auto}
.fndr-only{font-size:12px;color:#666;cursor:pointer}

.fndr-fbtn{display:none;width:100%;margin-bottom:14px}
.fndr-load{padding:40px;text-align:center;color:#999;font-size:13px}

@media (max-width:1100px){.fndr-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){
 .fndr-wrap{display:block}
 .fndr-fbtn{display:block}
 .fndr-side{width:auto;flex:none;display:none;border:1px solid #e3e3e3;border-radius:3px;
  padding:12px 14px;margin-bottom:18px;background:#fafafa}
 .fndr-side.open{display:block}
 .fndr-list .fndr-imgw{flex:0 0 120px}
}
@media (max-width:560px){
 .fndr-grid{grid-template-columns:1fr;gap:22px}
 .fndr-tb{gap:8px}
 .fndr-amount{width:100%;order:5}
 .fndr-list .fndr-it{display:block}
 .fndr-list .fndr-imgw{margin-bottom:10px}
 .fndr-ct th.lbl,.fndr-ct td.lbl{position:static}
}