
/* TurboDefiBaseKast SQL – frontend style v1.9.0 */
.tdbk-wrap{
  --tdbk-green:#009a5a;
  --tdbk-green-dark:#007a48;
  --tdbk-green-soft:#e9f7f1;
  --tdbk-green-pale:#f4fbf8;
  --tdbk-border:#e3e7ea;
  --tdbk-line:#eef1f3;
  --tdbk-bg:#f7f8f9;
  --tdbk-text:#252b31;
  --tdbk-muted:#66737c;
  --tdbk-shadow:0 7px 22px rgba(20,35,45,.055);
  display:grid;
  grid-template-columns:285px minmax(390px,1fr) 620px;
  gap:16px;
  max-width:1760px;
  margin:22px auto;
  color:var(--tdbk-text);
  font-family:"Inter","Segoe UI",Roboto,Arial,sans-serif;
  font-size:14px;
  line-height:1.45;
}
.tdbk-wrap *{box-sizing:border-box}
.tdbk-filter,.tdbk-detail-panel,.tdbk-list-head,.tdbk-product{
  background:#fff;
  border:1px solid var(--tdbk-border);
  border-radius:8px;
  box-shadow:var(--tdbk-shadow);
}
.tdbk-filter,.tdbk-detail-panel{align-self:start;overflow:hidden}
.tdbk-detail-panel{position:sticky;top:22px;max-height:calc(100vh - 44px);overflow:auto}
.tdbk-filter h3,.tdbk-detail-panel>h3{
  margin:0;
  padding:13px 16px;
  background:linear-gradient(90deg,var(--tdbk-green),#008b52);
  color:#fff;
  font-size:17px;
  line-height:1.15;
  font-weight:700;
  letter-spacing:.01em;
}
.tdbk-filter-form,.tdbk-detail-inner{padding:16px}
.tdbk-filter label{
  display:block;
  font-size:13px;
  font-weight:700;
  margin:16px 0 8px;
  color:#2d3439;
}
.tdbk-filter select{
  width:100%;
  padding:10px 12px;
  border:1px solid var(--tdbk-border);
  border-radius:6px;
  background:#fff;
  color:var(--tdbk-text);
  font:inherit;
  min-height:40px;
}
.tdbk-filter select:focus{outline:2px solid rgba(0,154,90,.16);border-color:var(--tdbk-green)}
.tdbk-filter .tdbk-check{
  font-weight:500;
  display:flex;
  gap:9px;
  align-items:center;
  margin:10px 0;
  color:#3b4349;
}
.tdbk-filter .tdbk-check input{margin:0;width:16px;height:16px;accent-color:var(--tdbk-green)}
.tdbk-reset{
  display:block;
  margin-top:12px;
  color:var(--tdbk-green-dark);
  text-decoration:none;
  font-size:13px;
  text-align:center;
}
.tdbk-reset:hover{text-decoration:underline}
.tdbk-products{display:grid;gap:14px;align-self:start}
.tdbk-list-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0;
  overflow:hidden;
}
.tdbk-list-head h3{
  margin:0;
  padding:13px 16px;
  flex:1;
  background:linear-gradient(90deg,var(--tdbk-green),#008b52);
  color:#fff;
  font-size:17px;
  font-weight:700;
}
.tdbk-list-head span{
  margin-right:14px;
  background:#fff;
  border:1px solid var(--tdbk-border);
  color:var(--tdbk-muted);
  border-radius:999px;
  padding:5px 10px;
  font-size:12px;
  font-weight:600;
}
.tdbk-product{
  padding:0;
  overflow:hidden;
  transition:box-shadow .18s,border-color .18s,transform .18s,background .18s;
}
.tdbk-product:hover,.tdbk-product.active{
  border-color:var(--tdbk-green);
  box-shadow:0 10px 28px rgba(0,154,90,.12);
  transform:translateY(-1px);
}
.tdbk-product.active{background:linear-gradient(90deg,rgba(0,154,90,.055),#fff 45%)}
.tdbk-product-link{
  display:grid;
  grid-template-columns:118px 1fr;
  gap:16px;
  padding:15px 16px;
  text-decoration:none;
  color:inherit;
  position:relative;
}
.tdbk-product-link:after{
  content:"›";
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  font-size:28px;
  color:#12171b;
  line-height:1;
}
.tdbk-image,.tdbk-detail-image{
  background:var(--tdbk-green-pale);
  border:1px solid var(--tdbk-line);
  border-radius:7px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--tdbk-green-dark);
  font-weight:700;
}
.tdbk-image{height:96px;min-height:96px;padding:8px}
.tdbk-detail-image{min-height:245px;padding:18px;margin-bottom:14px}
.tdbk-image img,.tdbk-detail-image img{max-width:100%;max-height:100%;border-radius:6px;object-fit:contain}
.tdbk-content{padding-right:25px}
.tdbk-content h3{
  margin:4px 0 4px;
  color:#171b20;
  font-size:18px;
  line-height:1.22;
  font-weight:700;
}
.tdbk-content p{margin:7px 0;color:#3d454b}
.tdbk-meta,.tdbk-muted{color:var(--tdbk-muted);opacity:1;font-size:13px}
.tdbk-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:10px 0 0;
}
.tdbk-tags span{
  background:#fff;
  border:1px solid #cfe9dc;
  border-radius:5px;
  padding:3px 8px;
  font-size:12px;
  line-height:1.25;
  font-weight:700;
  color:var(--tdbk-green-dark);
}
.tdbk-product.active .tdbk-tags span{background:var(--tdbk-green-soft)}
.tdbk-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  background:var(--tdbk-green);
  color:white!important;
  padding:10px 16px;
  border-radius:6px;
  text-decoration:none;
  border:0;
  cursor:pointer;
  font:inherit;
  font-weight:700;
  min-height:38px;
  box-shadow:0 5px 12px rgba(0,154,90,.18);
}
.tdbk-button:hover{background:var(--tdbk-green-dark);text-decoration:none}
.tdbk-detail-hero{padding-bottom:14px;border-bottom:1px solid var(--tdbk-line);margin-bottom:14px}
.tdbk-detail-hero h2{
  margin:8px 0 2px;
  color:#14191e;
  font-size:22px;
  line-height:1.18;
  font-weight:800;
}
.tdbk-detail-meta{margin:0 0 8px;color:var(--tdbk-muted);font-size:13px}
.tdbk-detail-card{
  background:#fff;
  border:1px solid var(--tdbk-border);
  border-radius:8px;
  padding:14px;
  margin-bottom:14px;
  box-shadow:0 3px 12px rgba(20,35,45,.035);
}
.tdbk-definetz-card{background:linear-gradient(180deg,#fff,var(--tdbk-green-pale))}
.tdbk-detail-card strong{
  display:block;
  color:#20262b;
  font-size:15px;
  font-weight:800;
  margin-bottom:10px;
}
.tdbk-detail-card table{
  width:100%;
  border-collapse:collapse;
  margin-top:2px;
  font-size:13px;
  border:1px solid var(--tdbk-border);
  overflow:hidden;
}
.tdbk-detail-card th{
  text-align:left;
  width:35%;
  background:#fafbfc;
  color:#2f363c;
  font-weight:800;
}
.tdbk-detail-card th,.tdbk-detail-card td{
  border:1px solid var(--tdbk-border);
  padding:9px 10px;
  vertical-align:top;
}
.tdbk-detail-card td{color:#465059;background:#fff}
.tdbk-downloads{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}
.tdbk-empty{
  background:var(--tdbk-green-pale);
  border:1px dashed #b9ddcd;
  border-radius:8px;
  padding:16px;
  color:var(--tdbk-green-dark);
  font-weight:600;
}
@media(max-width:1500px){.tdbk-wrap{grid-template-columns:275px minmax(360px,1fr) 520px}}
@media(max-width:1180px){.tdbk-wrap{grid-template-columns:280px 1fr}.tdbk-detail-panel{grid-column:1/-1;position:static;max-height:none}.tdbk-detail-image{min-height:210px}}
@media(max-width:760px){.tdbk-wrap{grid-template-columns:1fr;margin:14px auto}.tdbk-product-link{grid-template-columns:92px 1fr}.tdbk-image{height:78px;min-height:78px}.tdbk-detail-panel{position:static}.tdbk-list-head{align-items:stretch;gap:0;flex-direction:column}.tdbk-list-head span{margin:10px 14px}.tdbk-detail-card table,.tdbk-detail-card tbody,.tdbk-detail-card tr,.tdbk-detail-card th,.tdbk-detail-card td{display:block;width:100%}.tdbk-detail-card th{border-bottom:0}.tdbk-detail-image{min-height:180px}}

.tdbk-gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:-4px 0 14px;padding-bottom:14px;border-bottom:1px solid var(--tdbk-line)}
.tdbk-gallery a{display:flex;align-items:center;justify-content:center;height:64px;border:1px solid var(--tdbk-border);border-radius:7px;background:#fff;overflow:hidden;text-decoration:none}
.tdbk-gallery img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.tdbk-detail-card table tr:empty{display:none}
@media(max-width:760px){.tdbk-gallery{grid-template-columns:repeat(3,1fr)}.tdbk-gallery a{height:72px}}


/* Vergleichsfunktion v1.9.0 */
.tdbk-product{position:relative}
.tdbk-compare-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0 16px 14px 150px;
  padding:6px 10px;
  border:1px solid #cfe9dc;
  border-radius:6px;
  background:#fff;
  color:var(--tdbk-green-dark);
  text-decoration:none;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
}
.tdbk-compare-btn:hover{background:var(--tdbk-green-soft);text-decoration:none;color:var(--tdbk-green-dark)}
.tdbk-compare-btn.active{background:var(--tdbk-green);border-color:var(--tdbk-green);color:#fff!important}
.tdbk-compare-btn.disabled{opacity:.55;color:var(--tdbk-muted);cursor:not-allowed;background:#f6f7f8;border-color:var(--tdbk-border)}
.tdbk-compare-panel{
  background:#fff;
  border:1px solid var(--tdbk-border);
  border-radius:8px;
  box-shadow:var(--tdbk-shadow);
  overflow:hidden;
}
.tdbk-compare-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 16px;
  background:linear-gradient(90deg,var(--tdbk-green),#008b52);
  color:#fff;
}
.tdbk-compare-head strong{font-size:16px;font-weight:800}
.tdbk-compare-head span{font-size:12px;font-weight:700;opacity:.9}
.tdbk-compare-items{display:flex;flex-wrap:wrap;gap:8px;padding:14px 16px 6px}
.tdbk-compare-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:var(--tdbk-green-pale);
  border:1px solid #cfe9dc;
  border-radius:999px;
  padding:6px 10px;
  color:#1f3b2e;
  font-size:12px;
  font-weight:800;
}
.tdbk-compare-chip a{color:var(--tdbk-green-dark);text-decoration:none;font-size:16px;line-height:1;font-weight:900}
.tdbk-compare-hint{padding:0 16px 14px;margin:6px 0 0;color:var(--tdbk-muted);font-size:13px}
.tdbk-compare-table-wrap{overflow:auto;padding:8px 16px 14px}
.tdbk-compare-table{width:100%;border-collapse:collapse;font-size:13px;min-width:560px;border:1px solid var(--tdbk-border)}
.tdbk-compare-table th,.tdbk-compare-table td{border:1px solid var(--tdbk-border);padding:8px 9px;vertical-align:top;text-align:left}
.tdbk-compare-table thead th{background:#fafbfc;color:#20262b;font-weight:900}
.tdbk-compare-table tbody th{background:#fafbfc;color:#2f363c;width:26%;font-weight:800}
.tdbk-compare-table td{background:#fff;color:#465059}
.tdbk-print-compare{margin:0 16px 16px;width:calc(100% - 32px)}
@media(max-width:760px){.tdbk-compare-btn{margin:0 16px 14px 124px}.tdbk-compare-head{flex-direction:column;align-items:flex-start}}
/* Vergleichsmodus v1.9.1 */
.tdbk-compare-panel-top{margin:0 0 14px}
.tdbk-compare-actions-neutral{padding:14px 16px 16px;justify-content:flex-start}
.tdbk-compare-panel-top .tdbk-compare-hint{padding-top:12px}

.tdbk-compare-modebar{
  background:#fff;
  border:1px solid var(--tdbk-border);
  border-radius:8px;
  box-shadow:var(--tdbk-shadow);
  padding:12px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.tdbk-compare-modebar.active{background:var(--tdbk-green-pale);border-color:#cfe9dc}
.tdbk-compare-mode-btn,
.tdbk-compare-mode-off,
.tdbk-compare-diff{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 11px;
  border:1px solid #cfe9dc;
  border-radius:6px;
  background:#fff;
  color:var(--tdbk-green-dark)!important;
  font-size:13px;
  line-height:1.2;
  font-weight:800;
  text-decoration:none!important;
}
.tdbk-compare-mode-btn{background:var(--tdbk-green);border-color:var(--tdbk-green);color:#fff!important}
.tdbk-compare-mode-text{color:#244135;font-size:13px;line-height:1.35}
.tdbk-product-main{
  display:grid;
  grid-template-columns:118px 1fr;
  gap:16px;
  padding:15px 16px;
  position:relative;
}
.tdbk-product-main:after{
  content:"›";
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  font-size:28px;
  color:#12171b;
  line-height:1;
  pointer-events:none;
}
.tdbk-image-link{text-decoration:none;color:inherit;display:block}
.tdbk-title-link{color:#171b20!important;text-decoration:none!important}
.tdbk-title-link:hover{color:var(--tdbk-green-dark)!important;text-decoration:none!important}
.tdbk-compare-check{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  margin-right:7px;
  border-radius:5px;
  color:var(--tdbk-green-dark)!important;
  background:#fff;
  border:1px solid #cfe9dc;
  text-decoration:none!important;
  font-size:17px;
  font-weight:900;
  vertical-align:middle;
  line-height:1;
}
.tdbk-compare-check.active{background:var(--tdbk-green);border-color:var(--tdbk-green);color:#fff!important}
.tdbk-compare-check.disabled{opacity:.35;cursor:not-allowed;color:var(--tdbk-muted)!important;background:#f6f7f8;border-color:var(--tdbk-border)}
.tdbk-compare-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:0 16px 16px;flex-wrap:wrap}
.tdbk-compare-actions .tdbk-print-compare{margin:0;width:auto;min-width:210px}
@media(max-width:760px){
  .tdbk-product-main{grid-template-columns:92px 1fr}
  .tdbk-compare-modebar{align-items:flex-start;flex-direction:column}
  .tdbk-compare-actions{align-items:stretch;flex-direction:column}
  .tdbk-compare-actions .tdbk-print-compare{width:100%}
}
@media print{
  .tdbk-compare-diff{display:none!important}
}

/* Vergleichs-Popup und PDF-Layout v1.9.3 */
.tdbk-compare-actions .tdbk-open-compare{min-width:170px}
.tdbk-compare-hint-inline{font-size:13px;color:var(--tdbk-muted);line-height:1.35}
.tdbk-compare-modal{display:none;position:fixed;z-index:999999;inset:0}
.tdbk-compare-modal:target{display:block}
.tdbk-compare-modal-backdrop{position:absolute;inset:0;background:rgba(17,24,31,.62)}
.tdbk-compare-modal-box{position:relative;margin:34px auto;max-width:1180px;width:calc(100% - 46px);max-height:calc(100vh - 68px);overflow:auto;background:#fff;border-radius:10px;box-shadow:0 24px 80px rgba(0,0,0,.28)}
.tdbk-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:14px 18px;border-bottom:1px solid #d9e0e5;background:#fff;position:sticky;top:0;z-index:2}
.tdbk-modal-close{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #d9e0e5;border-radius:8px;text-decoration:none!important;color:#15202b!important;background:#fff;font-size:26px;font-weight:700;line-height:1}
.tdbk-modal-close:hover{background:#f4f6f7;text-decoration:none!important}
.tdbk-compare-document{padding:22px 24px 28px;background:#fff;color:#18212a;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.32}
.tdbk-pdf-header{display:flex;align-items:flex-start;gap:22px;border-bottom:3px solid #27323b;padding:0 0 16px;margin:0 0 18px}
.tdbk-pdf-brand{min-width:210px;font-size:38px;line-height:1;color:#777;font-weight:300;letter-spacing:-1.2px}
.tdbk-pdf-brand span{color:#777}
.tdbk-pdf-title h1{margin:0 0 3px;font-size:26px;line-height:1.05;color:#1c2732;font-weight:800}
.tdbk-pdf-title h2{margin:0 0 8px;font-size:15px;line-height:1.15;color:#1c2732;font-weight:800}
.tdbk-pdf-title p{margin:0;font-size:11px;color:#1c2732}
.tdbk-pdf-compare-table{width:100%;border-collapse:collapse;table-layout:fixed;border:1px solid #bfcbd4;font-size:11px}
.tdbk-pdf-compare-table th,.tdbk-pdf-compare-table td{border:1px solid #bfcbd4;padding:8px 8px;vertical-align:top;text-align:left;color:#1f2a34;background:#fff;word-wrap:break-word;overflow-wrap:anywhere}
.tdbk-pdf-compare-table thead th{font-weight:800;background:#f3f5f6}
.tdbk-pdf-compare-table thead th:first-child{width:19%}
.tdbk-pdf-compare-table thead th span{font-weight:400;color:#46515b;font-size:10px}
.tdbk-pdf-compare-table tbody th{font-weight:800;background:#fbfcfd;color:#1f2a34}
.tdbk-pdf-note{border-top:1px solid #bfcbd4;margin-top:22px;padding-top:14px;font-size:11px;color:#1f2a34}
.tdbk-pdf-note h3{margin:0 0 8px;font-size:13px;color:#1f2a34}
.tdbk-pdf-note p{margin:3px 0}
.tdbk-pdf-footer{text-align:right;margin-top:22px;font-size:10px;color:#515d67}
@media(max-width:760px){.tdbk-compare-modal-box{width:calc(100% - 20px);margin:10px auto;max-height:calc(100vh - 20px)}.tdbk-compare-document{padding:16px}.tdbk-pdf-header{display:block}.tdbk-pdf-brand{font-size:30px;margin-bottom:8px}.tdbk-pdf-compare-table{font-size:10px}}
@media print{
  body *{visibility:hidden!important}
  .tdbk-compare-modal:target,.tdbk-compare-modal:target *{visibility:visible!important}
  .tdbk-compare-modal:target{display:block!important;position:absolute!important;inset:auto!important;left:0!important;top:0!important;width:100%!important;z-index:999999!important;background:#fff!important}
  .tdbk-compare-modal-backdrop,.tdbk-modal-actions,.no-print{display:none!important}
  .tdbk-compare-modal-box{position:static!important;margin:0!important;width:100%!important;max-width:none!important;max-height:none!important;overflow:visible!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}
  .tdbk-compare-document{padding:0!important;font-size:10px!important;color:#000!important}
  .tdbk-pdf-header{break-after:avoid;page-break-after:avoid}
  .tdbk-pdf-compare-table{font-size:9.2px!important;page-break-inside:auto!important}
  .tdbk-pdf-compare-table tr{page-break-inside:avoid!important;break-inside:avoid!important}
  .tdbk-pdf-compare-table th,.tdbk-pdf-compare-table td{padding:5px 6px!important;color:#000!important}
  .tdbk-pdf-note{font-size:9.5px!important;page-break-inside:avoid!important;break-inside:avoid!important}
  .tdbk-pdf-footer{font-size:8.5px!important}
  @page{size:A4 landscape;margin:10mm}
}


/* v1.9.5 Definetz-Logo und neutraler Vergleichslink */
.tdbk-compare-title-link{font-weight:900;color:#fff!important;text-decoration:none!important;display:inline-flex;align-items:center;gap:8px}
.tdbk-compare-title-link:after{content:"›";font-size:20px;line-height:1}
.tdbk-compare-title-link:hover{text-decoration:underline!important;color:#fff!important}
.tdbk-pdf-brand{min-width:210px}
.tdbk-pdf-brand img{display:block;width:210px;max-width:100%;height:auto}
@media print{.tdbk-pdf-brand img{width:190px!important}}


/* v1.9.6 begrenzte Anzeigehöhen und Scrollbereiche */
.tdbk-wrap{align-items:start}
.tdbk-filter,
.tdbk-products,
.tdbk-detail-panel{max-height:760px}
.tdbk-products{
  overflow-y:auto;
  overflow-x:hidden;
  padding-right:4px;
  scrollbar-width:thin;
  scrollbar-color:rgba(0,154,90,.55) #eef1f3;
}
.tdbk-products::-webkit-scrollbar,
.tdbk-detail-panel::-webkit-scrollbar,
.tdbk-tech-scroll::-webkit-scrollbar{width:9px;height:9px}
.tdbk-products::-webkit-scrollbar-thumb,
.tdbk-detail-panel::-webkit-scrollbar-thumb,
.tdbk-tech-scroll::-webkit-scrollbar-thumb{background:rgba(0,154,90,.45);border-radius:999px;border:2px solid #eef1f3}
.tdbk-products::-webkit-scrollbar-track,
.tdbk-detail-panel::-webkit-scrollbar-track,
.tdbk-tech-scroll::-webkit-scrollbar-track{background:#eef1f3;border-radius:999px}
.tdbk-filter{overflow:auto}
.tdbk-detail-panel{overflow:auto;top:18px}
.tdbk-tech-scroll{
  max-height:360px;
  overflow-y:auto;
  overflow-x:hidden;
  border:1px solid var(--tdbk-border);
  border-radius:7px;
}
.tdbk-tech-scroll table{border:0!important;margin:0!important}
.tdbk-tech-scroll th:first-child{position:sticky;left:0;z-index:1}
@media(max-width:1180px){
  .tdbk-filter,.tdbk-products,.tdbk-detail-panel{max-height:none;overflow:visible}
  .tdbk-tech-scroll{max-height:420px;overflow-y:auto}
}
@media(max-width:760px){.tdbk-tech-scroll{max-height:none;overflow:visible}}
@media print{
  .tdbk-filter,.tdbk-products,.tdbk-detail-panel,.tdbk-tech-scroll{max-height:none!important;overflow:visible!important}
}

/* v1.9.7: rechte Detailspalte wieder vollständig anzeigen; nur technische Daten scrollen */
.tdbk-detail-panel{
  max-height:none!important;
  overflow:visible!important;
}
.tdbk-detail-panel .tdbk-detail-inner{
  overflow:visible!important;
}
.tdbk-detail-image,
.tdbk-gallery{
  display:flex;
}
.tdbk-gallery{
  display:grid;
}
.tdbk-tech-scroll{
  max-height:360px;
  overflow-y:auto;
  overflow-x:hidden;
  border:1px solid var(--tdbk-border);
  border-radius:7px;
}
@media(max-width:1180px){
  .tdbk-tech-scroll{max-height:420px;overflow-y:auto}
}
@media(max-width:760px){
  .tdbk-tech-scroll{max-height:none;overflow:visible}
}
@media print{
  .tdbk-detail-panel,.tdbk-tech-scroll{max-height:none!important;overflow:visible!important}
}


/* v1.9.8: rechte Spalte als fester Detailkasten, nur technische Daten scrollen */
.tdbk-filter,
.tdbk-products,
.tdbk-detail-panel{
  height:760px;
  max-height:760px;
}
.tdbk-detail-panel{
  position:sticky;
  top:18px;
  overflow:hidden!important;
  display:flex;
  flex-direction:column;
}
.tdbk-detail-panel > h3{
  flex:0 0 auto;
}
.tdbk-detail-panel .tdbk-detail-inner{
  flex:1 1 auto;
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow:hidden!important;
}
.tdbk-detail-hero,
.tdbk-gallery,
.tdbk-definetz-card{
  flex:0 0 auto;
}
.tdbk-detail-image{
  min-height:235px;
  max-height:235px;
}
.tdbk-tech-data-card{
  flex:1 1 auto;
  min-height:0;
  display:flex;
  flex-direction:column;
  margin-bottom:0;
}
.tdbk-tech-data-card > strong{
  flex:0 0 auto;
}
.tdbk-tech-scroll{
  flex:1 1 auto;
  min-height:0;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden;
}
@media(max-width:1180px){
  .tdbk-filter,
  .tdbk-products,
  .tdbk-detail-panel{
    height:auto;
    max-height:none;
  }
  .tdbk-detail-panel{
    position:static;
    overflow:visible!important;
    display:block;
  }
  .tdbk-detail-panel .tdbk-detail-inner{
    display:block;
    overflow:visible!important;
  }
  .tdbk-detail-image{
    min-height:210px;
    max-height:none;
  }
  .tdbk-tech-data-card{
    display:block;
  }
  .tdbk-tech-scroll{
    max-height:420px!important;
  }
}
@media(max-width:760px){
  .tdbk-tech-scroll{
    max-height:none!important;
    overflow:visible!important;
  }
}
@media print{
  .tdbk-filter,
  .tdbk-products,
  .tdbk-detail-panel,
  .tdbk-tech-scroll{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
}


/* v1.9.9: kompakter Bildbereich, Galerie unter den technischen Daten */
.tdbk-detail-panel .tdbk-detail-inner{
  gap:10px;
}
.tdbk-detail-hero{
  margin-bottom:0!important;
  padding-bottom:10px!important;
}
.tdbk-detail-image{
  height:180px!important;
  min-height:180px!important;
  max-height:180px!important;
  padding:10px!important;
  margin-bottom:10px!important;
  overflow:hidden!important;
}
.tdbk-detail-image img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  display:block!important;
}
.tdbk-detail-hero h2{
  font-size:20px!important;
  line-height:1.2!important;
  margin:4px 0 4px!important;
}
.tdbk-detail-meta{
  margin-bottom:6px!important;
}
.tdbk-tech-data-card{
  flex:1 1 auto!important;
  min-height:0!important;
  margin-bottom:0!important;
}
.tdbk-tech-scroll{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
}
.tdbk-gallery-under-tech,
.tdbk-gallery{
  flex:0 0 auto!important;
  display:flex!important;
  gap:8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:8px 0 2px!important;
  margin:0!important;
  border-top:1px solid var(--tdbk-line)!important;
  border-bottom:0!important;
  grid-template-columns:none!important;
}
.tdbk-gallery-under-tech a,
.tdbk-gallery a{
  flex:0 0 62px!important;
  width:62px!important;
  height:54px!important;
  border-radius:8px!important;
  background:#f7faf9!important;
}
.tdbk-gallery-under-tech img,
.tdbk-gallery img{
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
}
@media(max-width:1180px){
  .tdbk-detail-image{
    height:180px!important;
    min-height:180px!important;
    max-height:180px!important;
  }
}
@media(max-width:760px){
  .tdbk-detail-image{
    height:170px!important;
    min-height:170px!important;
    max-height:170px!important;
  }
  .tdbk-gallery-under-tech,
  .tdbk-gallery{
    overflow-x:auto!important;
  }
}
@media print{
  .tdbk-gallery-under-tech,
  .tdbk-gallery{
    display:none!important;
  }
}

/* v1.9.10: Detailbild links mit Thumbnail-Leiste rechts */
.tdbk-detail-media{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 86px!important;
  gap:10px!important;
  height:320px!important;
  min-height:320px!important;
  margin-bottom:10px!important;
}
.tdbk-detail-media .tdbk-detail-image{
  height:320px!important;
  min-height:320px!important;
  max-height:320px!important;
  width:100%!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:12px!important;
  margin:0!important;
  overflow:hidden!important;
}
.tdbk-detail-media .tdbk-detail-image img{
  width:auto!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.tdbk-detail-thumbs{
  height:320px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:2px 4px 2px 0!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(0,154,90,.55) #eef1f3;
}
.tdbk-detail-thumbs a{
  flex:0 0 68px!important;
  height:68px!important;
  width:76px!important;
  border:1px solid var(--tdbk-border)!important;
  border-radius:8px!important;
  background:#f7faf9!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  text-decoration:none!important;
}
.tdbk-detail-thumbs img{
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  display:block!important;
}
.tdbk-detail-thumbs::-webkit-scrollbar{width:8px}
.tdbk-detail-thumbs::-webkit-scrollbar-thumb{background:rgba(0,154,90,.45);border-radius:999px;border:2px solid #eef1f3}
.tdbk-detail-thumbs::-webkit-scrollbar-track{background:#eef1f3;border-radius:999px}
.tdbk-gallery-under-tech,
.tdbk-detail-inner > .tdbk-gallery{display:none!important}
.tdbk-tech-data-card{flex:1 1 auto!important;min-height:0!important}
@media(max-width:1180px){
  .tdbk-detail-media{height:300px!important;min-height:300px!important;grid-template-columns:minmax(0,1fr) 82px!important}
  .tdbk-detail-media .tdbk-detail-image{height:300px!important;min-height:300px!important;max-height:300px!important}
  .tdbk-detail-thumbs{height:300px!important}
}
@media(max-width:760px){
  .tdbk-detail-media{height:auto!important;min-height:0!important;display:block!important}
  .tdbk-detail-media .tdbk-detail-image{height:220px!important;min-height:220px!important;max-height:220px!important;justify-content:center!important}
  .tdbk-detail-media .tdbk-detail-image img{object-position:center center!important}
  .tdbk-detail-thumbs{height:auto!important;overflow-x:auto!important;overflow-y:hidden!important;flex-direction:row!important;margin-top:8px!important}
  .tdbk-detail-thumbs a{flex:0 0 70px!important;width:70px!important;height:60px!important}
}
@media print{.tdbk-detail-thumbs{display:none!important}}


/* v1.9.11: kompaktere Produktliste mit eigenem Scrollbereich */
.tdbk-products{
  height:760px!important;
  max-height:760px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  padding-right:0!important;
}
.tdbk-products > .tdbk-list-head,
.tdbk-products > .tdbk-compare-panel{
  flex:0 0 auto!important;
}
.tdbk-product-scroll{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  display:grid!important;
  align-content:start!important;
  gap:10px!important;
  padding-right:6px!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(0,154,90,.55) #eef1f3;
}
.tdbk-product-scroll::-webkit-scrollbar{width:9px;height:9px}
.tdbk-product-scroll::-webkit-scrollbar-thumb{background:rgba(0,154,90,.45);border-radius:999px;border:2px solid #eef1f3}
.tdbk-product-scroll::-webkit-scrollbar-track{background:#eef1f3;border-radius:999px}
.tdbk-product-main{
  grid-template-columns:104px 1fr!important;
  gap:12px!important;
  padding:12px 14px!important;
  min-height:92px!important;
}
.tdbk-image{
  height:74px!important;
  min-height:74px!important;
  padding:6px!important;
}
.tdbk-content h3{
  margin:0 0 2px!important;
  font-size:17px!important;
  line-height:1.18!important;
}
.tdbk-content p:not(.tdbk-meta){
  display:-webkit-box!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden!important;
  margin:4px 0!important;
  line-height:1.32!important;
}
.tdbk-meta{
  margin:2px 0!important;
  line-height:1.25!important;
}
.tdbk-tags{
  gap:5px!important;
  margin-top:5px!important;
}
.tdbk-tags span{
  padding:2px 7px!important;
  font-size:11px!important;
  line-height:1.2!important;
}
.tdbk-compare-check{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  font-size:13px!important;
  vertical-align:-2px!important;
}
@media(max-width:1180px){
  .tdbk-products{height:auto!important;max-height:none!important;overflow:visible!important;display:grid!important}
  .tdbk-product-scroll{overflow:visible!important;display:grid!important;padding-right:0!important}
}
@media(max-width:760px){
  .tdbk-product-main{grid-template-columns:82px 1fr!important;min-height:82px!important}
  .tdbk-image{height:64px!important;min-height:64px!important}
}
@media print{
  .tdbk-products,.tdbk-product-scroll{height:auto!important;max-height:none!important;overflow:visible!important;display:block!important}
}

/* v1.9.12: Produktkartenbereich sicher als Scrollbereich innerhalb der mittleren Spalte */
@media screen and (min-width:761px){
  .tdbk-products{
    height:760px!important;
    max-height:760px!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .tdbk-products > .tdbk-list-head,
  .tdbk-products > .tdbk-compare-panel{
    flex:0 0 auto!important;
  }
  .tdbk-product-scroll{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    display:grid!important;
    align-content:start!important;
    gap:10px!important;
    padding-right:8px!important;
    scrollbar-width:thin;
    scrollbar-color:rgba(0,154,90,.6) #eef1f3;
  }
  .tdbk-product-scroll::-webkit-scrollbar{width:10px!important;height:10px!important}
  .tdbk-product-scroll::-webkit-scrollbar-thumb{background:rgba(0,154,90,.5)!important;border-radius:999px!important;border:2px solid #eef1f3!important}
  .tdbk-product-scroll::-webkit-scrollbar-track{background:#eef1f3!important;border-radius:999px!important}
}


/* v1.9.13: Produktkartenbereich zeigt ca. 6 Geräte und scrollt rechts neben den Produkten */
@media screen and (min-width:761px){
  .tdbk-products{
    height:760px!important;
    max-height:760px!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .tdbk-products > .tdbk-list-head,
  .tdbk-products > .tdbk-compare-panel{
    flex:0 0 auto!important;
  }
  .tdbk-product-scroll{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:scroll!important;
    overflow-x:hidden!important;
    display:grid!important;
    align-content:start!important;
    gap:10px!important;
    padding-right:10px!important;
    margin-right:0!important;
    scrollbar-gutter:stable;
  }
  .tdbk-product{
    height:78px!important;
    min-height:78px!important;
    max-height:78px!important;
    overflow:hidden!important;
  }
  .tdbk-product-main{
    height:78px!important;
    min-height:78px!important;
    max-height:78px!important;
    grid-template-columns:92px 1fr!important;
    gap:10px!important;
    padding:9px 12px!important;
    overflow:hidden!important;
  }
  .tdbk-product-main:after,
  .tdbk-product-link:after{
    right:10px!important;
  }
  .tdbk-image{
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    padding:5px!important;
  }
  .tdbk-content{
    min-width:0!important;
    overflow:hidden!important;
    padding-right:24px!important;
  }
  .tdbk-content h3{
    font-size:15px!important;
    line-height:1.15!important;
    margin:0 0 1px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .tdbk-meta{
    font-size:12px!important;
    margin:1px 0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .tdbk-content p:not(.tdbk-meta){
    -webkit-line-clamp:1!important;
    line-height:1.2!important;
    font-size:12px!important;
    margin:2px 0!important;
  }
  .tdbk-tags{
    margin-top:3px!important;
    gap:4px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  .tdbk-tags span{
    font-size:10px!important;
    padding:2px 5px!important;
  }
}

/* v1.9.14: Produktkarten etwas höher, damit Badges auch bei längerer Kurzbeschreibung sichtbar bleiben */
@media screen and (min-width:761px){
  .tdbk-product{
    height:108px!important;
    min-height:108px!important;
    max-height:108px!important;
  }
  .tdbk-product-main{
    height:108px!important;
    min-height:108px!important;
    max-height:108px!important;
    grid-template-columns:96px 1fr!important;
    gap:12px!important;
    padding:10px 12px!important;
  }
  .tdbk-image{
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
    padding:5px!important;
  }
  .tdbk-content{
    display:flex!important;
    flex-direction:column!important;
    min-height:86px!important;
    height:86px!important;
    overflow:hidden!important;
    padding-right:24px!important;
  }
  .tdbk-content h3{
    margin:0 0 2px!important;
    line-height:1.15!important;
  }
  .tdbk-meta{
    margin:1px 0!important;
    line-height:1.2!important;
  }
  .tdbk-content p:not(.tdbk-meta){
    -webkit-line-clamp:2!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    line-height:1.2!important;
    font-size:12px!important;
    margin:2px 0 4px!important;
    max-height:30px!important;
  }
  .tdbk-tags{
    margin-top:auto!important;
    gap:4px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    min-height:19px!important;
    flex:0 0 auto!important;
  }
}
